/* ============================================================================
   DRAH 2026 REDESIGN — soft cream / champagne-gold / dusty-rose theme
   Loaded last on every page. New chrome (header/footer) + homepage system,
   plus light-theme harmonisation for legacy sections and commerce surfaces.
   New markup uses the `dr-` class prefix so it never collides with old CSS.
   ============================================================================ */

:root{
  --dr-bg:#fff;
  --dr-bg-soft:#fff;
  --dr-card:#ffffff;
  --dr-hero-1:#f7f3ee;
  --dr-hero-2:#f7f3ee;
  --dr-ink:#171717;
  --dr-ink-soft:#171717;
  --dr-ink-strong:#171717;
  --dr-rose:#171717;
  --dr-rose-deep:#171717;
  --dr-gold:#171717;
  --dr-gold-soft:#171717;
  --dr-line:rgba(17,17,17,.14);
  --dr-radius:18px;
  --dr-radius-lg:26px;
  --dr-shadow:0 18px 44px rgba(17,17,17,.12);
  --dr-shadow-soft:0 10px 26px rgba(17,17,17,.08);
}

/* ---- base ---- */
body{background:var(--dr-bg)!important;color:var(--dr-ink)}
.dr-container{width:min(100% - 2.4rem,1180px);margin-inline:auto}
.dr-scope svg{display:block}

/* ---- buttons ---- */
.dr-btn-rose{display:inline-flex;align-items:center;gap:8px;background:var(--dr-rose);color:#fff;border:0;border-radius:999px;padding:14px 34px;font:600 1rem var(--drah-font),sans-serif;box-shadow:0 14px 30px rgba(17,17,17,.30);transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}
.dr-btn-rose:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(17,17,17,.38);background:var(--dr-rose-deep);color:#fff}
.dr-btn-outline{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--dr-gold);color:var(--dr-ink-strong);background:transparent;border-radius:999px;padding:13px 30px;font:600 1rem var(--drah-font),sans-serif;transition:all .2s;cursor:pointer}
.dr-btn-outline:hover{background:var(--dr-gold);color:#fff}
.dr-btn-outline svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}

/* ============================================================================
   HEADER
   ============================================================================ */
.dr-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid rgba(17,17,17,.10)}
.dr-header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 0}
.dr-header-left,.dr-header-right{display:flex;align-items:center;gap:4px;min-width:0}
.dr-header-left{justify-content:flex-start}
.dr-header-right{justify-content:flex-end}
.dr-ico-btn{width:38px;height:38px;border:0;border-radius:12px;background:transparent;color:#171717;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:background .2s;cursor:pointer;text-decoration:none}
.dr-ico-btn:hover{background:rgba(17,17,17,.08);color:#171717}
/* SINGLE SOURCE for every header icon (search · menu · cart): same size + stroke. */
.dr-ico-btn svg{width:21px!important;height:21px!important;min-width:21px!important;flex:0 0 auto!important;stroke:#171717!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.dr-ico-btn svg *{stroke-width:inherit!important}
.dr-cart-badge{position:absolute;top:1px;right:1px;left:auto;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#171717;color:#f7f3ee;font:700 9.5px/1 var(--drah-font),sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
/* Cart icon now comes from the inline SVG (.dr-ico-btn svg); kill the legacy mask-image pseudo so it doesn't render a duplicate icon (visible on hover). */
.drah-cart-link:before{display:none!important;content:none!important}
.dr-brand{text-align:center;line-height:1;text-decoration:none;display:block;min-width:0}
.dr-brand .dr-logo{display:block;font:700 1.65rem/1 var(--drah-font),sans-serif;color:#171717;letter-spacing:.02em}
.dr-brand .dr-tagline{display:block;margin-top:5px;color:#171717;font:600 .58rem/1 var(--drah-font),sans-serif;letter-spacing:.06em;white-space:nowrap}
/* Header brand uses the logo image from the theme panel; size follows the theme-panel logo height vars. */
.dr-brand .dr-brand-logo{display:block;margin:0 auto;width:auto;max-width:240px;height:var(--drah-logo-desktop-height,56px);object-fit:contain}
@media(max-width:980px){.dr-brand .dr-brand-logo{max-width:180px;height:var(--drah-logo-mobile-height,46px)}}
.dr-search-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(92vw,520px);display:flex;gap:8px;padding:10px;background:#fff;border:1px solid var(--dr-line);border-radius:14px;box-shadow:var(--dr-shadow);z-index:70}
.dr-search-panel[hidden]{display:none}
.dr-search-panel input[type=search]{flex:1;min-height:44px;padding:0 14px;border:1px solid var(--dr-line);border-radius:10px;background:var(--dr-bg-soft);color:var(--dr-ink);font:500 1rem var(--drah-font),sans-serif}
.dr-search-panel button{border:0;border-radius:10px;background:var(--dr-rose);color:#fff;padding:0 18px;font:600 .95rem var(--drah-font),sans-serif;cursor:pointer}
.dr-menu-panel{position:absolute;top:calc(100% + 8px);right:max(1.2rem,calc((100% - 1180px)/2));left:auto;width:min(86vw,300px);margin:0;display:flex;flex-direction:column;padding:8px;background:#fff;border:1px solid var(--dr-line);border-radius:14px;box-shadow:var(--dr-shadow);z-index:70;transform-origin:top right;animation:dr-menu-pop .16s ease}
@keyframes dr-menu-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.dr-menu-panel[hidden]{display:none}
.dr-menu-panel a{padding:12px 14px;border-radius:10px;color:var(--dr-ink-strong);font:600 1rem var(--drah-font),sans-serif;text-align:right}
.dr-menu-panel a:hover{background:rgba(17,17,17,.08);color:var(--dr-rose)}

/* ============================================================================
   HERO
   ============================================================================ */
/* position:relative makes <main> the containing block for the absolutely-positioned
   category strip, WITHOUT creating a stacking context (no z-index here), so the
   strip's z-index:70 still competes with the sticky header (z-index:60) in the
   root context and paints in front. overflow-x:clip clips only the horizontal
   axis, so the strip can still ride UP over the header without being clipped. */
.dr-home{overflow-x:clip;position:relative}
.dr-hero{position:relative;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#ffffff,var(--dr-hero-1) 72%)}
.dr-hero-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;max-height:80vh;margin-inline:0;background-image:var(--dr-hero-img);background-size:cover;background-position:center;border-radius:0}
.dr-hero-deco{display:none}
.dr-hero .dr-container{position:relative;z-index:2;display:flex;justify-content:center;margin-top:-42px}
.dr-breadcrumb{position:absolute;top:18px;right:0;font:500 .82rem var(--drah-font),sans-serif;color:var(--dr-ink-soft)}
.dr-breadcrumb a:hover{color:var(--dr-rose)}
.dr-hero-copy{max-width:none;text-align:center;padding:0}
.dr-hero-copy h1{margin:0;font:700 clamp(2.1rem,4.4vw,3.3rem)/1.2 var(--drah-font),sans-serif;color:var(--dr-ink-strong)}
.dr-hero-copy h1 .dr-heart{color:var(--dr-rose)}
.dr-hero-copy p{margin:14px 0 26px;font:500 1.12rem/1.7 var(--drah-font),sans-serif;color:var(--dr-ink)}

/* ---- trust bar (rebuilt: 4 equal tiles, fixed structure → perfect alignment) ---- */
.dr-trust-wrap{position:relative;z-index:5;margin-top:28px}
.dr-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:stretch;background:radial-gradient(circle at 50% -30%,#343434 0,#242424 38%,#171717 100%);border:1px solid rgba(200,200,200,.24);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(23,23,23,.16),inset 0 1px 0 rgba(255,255,255,.06)}
.dr-trust-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px 12px;text-align:center;background:transparent}
.dr-trust-item:not(:first-child){border-inline-start:1px solid rgba(200,200,200,.16)}
.dr-trust-ico{order:-1;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#c8c8c8}
.dr-trust-ico svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.dr-trust-item>div{min-width:0;width:100%;text-align:center}
.dr-trust-item div b{display:flex;align-items:center;justify-content:center;min-height:2.4em;color:#f4f4f2;font:700 .9rem var(--drah-font),sans-serif;line-height:1.3;text-wrap:balance}
.dr-trust-item div span{display:flex;align-items:center;justify-content:center;min-height:2em;color:#b8b8b8;font:500 .74rem var(--drah-font),sans-serif;margin-top:3px;line-height:1.35;text-wrap:balance}

/* ============================================================================
   SECTIONS (categories / products / guarantee)
   ============================================================================ */
.dr-section{padding:62px 0}
.dr-section-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:38px}
.dr-section-head h2{margin:0;font:700 1.7rem var(--drah-font),sans-serif;color:var(--dr-ink-strong)}
.dr-section-head .dr-sparkle svg{width:18px;height:18px;fill:var(--dr-gold)}

.dr-cats{display:flex;gap:26px;justify-content:center;justify-content:safe center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 12px}
.dr-cats::-webkit-scrollbar{height:0;width:0;display:none}
.dr-cat{flex:0 0 auto;width:150px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none}
.dr-cat-img{width:148px;height:148px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:var(--dr-shadow-soft);border:4px solid #fff;transition:transform .25s}
.dr-cat-img img{width:100%;height:100%;object-fit:cover}
.dr-cat:hover .dr-cat-img{transform:translateY(-4px)}
.dr-cat b{color:var(--dr-ink-strong);font:700 1.05rem var(--drah-font),sans-serif;text-align:center}

.dr-products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dr-pcard{background:#fff;border:1px solid #f4f4f2;border-radius:12px;overflow:hidden;box-shadow:none;position:relative;transition:border-color .25s,box-shadow .25s;text-decoration:none;display:block;padding:0}
.dr-pcard:hover{transform:none;box-shadow:0 8px 22px rgba(17,17,17,.07);border-color:#f4f4f2}
.dr-pcard .dr-wish{position:absolute;top:12px;left:12px;z-index:2;width:28px;height:28px;border-radius:50%;background:rgba(247,243,238,.9);display:flex;align-items:center;justify-content:center;color:#171717;box-shadow:0 2px 6px rgba(17,17,17,.12)}
.dr-pcard .dr-wish svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.dr-pcard .dr-pimg{aspect-ratio:1/1;background:#fff;border-radius:0;overflow:hidden;display:block;padding:0}
.dr-pcard .dr-pimg img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
.dr-pcard .dr-pbody{padding:10px 10px 12px;text-align:center}
.dr-pcard .dr-pbody h3{margin:0 0 3px;font:500 .9rem/1.45 var(--drah-font),sans-serif;color:#171717}
.dr-pcard .dr-price{color:#171717;font:600 .84rem var(--drah-font),sans-serif}
.dr-pcard .dr-price span{font:500 .74rem var(--drah-font),sans-serif;color:#171717}
.dr-view-all{display:flex;justify-content:center;margin-top:40px}

.dr-guarantee{background:linear-gradient(180deg,var(--dr-bg-soft),#f7f3ee)}
.dr-guarantee .dr-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 0}
.dr-gitem{display:flex;align-items:center;justify-content:center;gap:14px;text-align:right}
.dr-gitem .dr-gico{width:46px;height:46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--dr-gold);box-shadow:var(--dr-shadow-soft)}
.dr-gitem .dr-gico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
.dr-gitem b{display:block;color:var(--dr-ink-strong);font:700 1rem var(--drah-font),sans-serif}
.dr-gitem span{display:block;color:var(--dr-ink-soft);font:500 .8rem var(--drah-font),sans-serif;margin-top:3px}

/* ============================================================================
   FOOTER
   ============================================================================ */
.dr-footer{background:linear-gradient(120deg,var(--dr-rose),var(--dr-rose-deep));color:#f7f3ee}
.dr-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;flex-wrap:wrap}
.dr-fitem{display:flex;align-items:center;gap:9px;font:600 .92rem var(--drah-font),sans-serif;color:#f7f3ee;text-decoration:none}
.dr-fitem svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7}
.dr-fitem:hover{color:#fff}
.dr-footer-base{border-top:1px solid rgba(255,255,255,.14)}
.dr-footer-base .dr-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0;color:rgba(247,243,238,.7);font:500 .8rem var(--drah-font),sans-serif;direction:ltr}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */
@media(max-width:900px){
  /* Equal 1fr side columns keep the logo perfectly centered regardless of how
     many icons sit on each side (won't drift when icons are added/removed). */
  .dr-header-inner{grid-template-columns:1fr auto 1fr}
  .dr-brand .dr-logo{font-size:1.6rem}
  .dr-hero{min-height:440px;flex-direction:row;align-items:flex-end;justify-content:center;padding:0;overflow:hidden;background:linear-gradient(120deg,var(--dr-hero-1),var(--dr-hero-2))}
  .dr-hero-photo{position:absolute;inset:0;height:auto;aspect-ratio:auto;width:auto;border-radius:0;background-position:center 16%;background-image:var(--dr-hero-img-mobile)}
  .dr-hero .dr-container{justify-content:center;margin-top:0}
  .dr-hero-copy{padding:0 0 34px;max-width:none;text-align:center}
  .dr-trust-wrap{margin-top:-46px}
  .dr-trust{grid-template-columns:repeat(2,1fr);gap:0}
  .dr-trust-item{padding:14px 10px;gap:8px}
  .dr-trust-item:not(:first-child){border-inline-start:0}
  .dr-trust-item:nth-child(even){border-inline-start:1px solid rgba(200,200,200,.16)}
  .dr-trust-item:nth-child(n+3){border-top:1px solid rgba(200,200,200,.16)}
  .dr-trust-ico svg{width:24px;height:24px}
  .dr-trust-item div b{font-size:.85rem}
  .dr-trust-item div span{font-size:.72rem}
  .dr-cats{gap:18px}
  .dr-products{grid-template-columns:repeat(2,1fr);gap:14px}
  .dr-guarantee .dr-container{grid-template-columns:1fr;gap:16px}
  .dr-gitem{justify-content:flex-start}
  .dr-footer-inner{justify-content:center;gap:22px}
}
@media(max-width:520px){
  .dr-trust{grid-template-columns:1fr}
  .dr-trust-item:nth-child(even){border-inline-start:0}
  .dr-trust-item:nth-child(n+2){border-top:1px solid rgba(200,200,200,.16)}
  .dr-cats{gap:14px}
  .dr-cat{width:124px}
  .dr-cat-img{width:118px;height:118px}
  .dr-section{padding:46px 0}
  .dr-products{grid-template-columns:repeat(2,1fr);gap:12px}
  .dr-pcard{padding:0;border-radius:12px}
  .dr-pcard .dr-pbody{padding:10px 10px 12px}
  .dr-pcard .dr-pbody h3{font-size:.92rem;margin:0 0 3px}
  .dr-pcard .dr-price{font-size:.85rem}
  .dr-pcard .dr-wish{width:26px;height:26px;top:10px;left:10px}
  .dr-pcard .dr-wish svg{width:14px;height:14px}
}

/* ============================================================================
   LEGACY HOMEPAGE SECTIONS — harmonise reviews + concierge/FAQ to light theme
   (kept for their content; re-tinted to match the new palette)
   ============================================================================ */
.drah-reviews-native{background:var(--dr-bg-soft)!important}
.drah-reviews-native .drah-section-head h2,
.drah-reviews-native .drah-section-head small,
.drah-reviews-native .drah-section-head p{color:var(--dr-ink-strong)!important}
.drah-reviews-native .drah-section-head h2 span{color:var(--dr-rose)!important}
.drah-carousel-card-body{background:var(--dr-card)!important;border-top-color:var(--dr-line)!important}
.drah-carousel-card-body blockquote{color:var(--dr-ink)!important}
.drah-carousel-card-body cite{color:var(--dr-rose)!important}
.drah-contact-native{background:#fff!important}
.drah-concierge-panel{background:#fff!important;border-color:var(--dr-line)!important;color:var(--dr-ink)!important}
.drah-concierge-panel h2{color:var(--dr-ink-strong)!important}
.drah-concierge-panel p{color:var(--dr-ink)!important}
.drah-concierge-panel .drah-gold-btn{background:var(--dr-rose)!important;color:#fff!important}

/* ============================================================================
   FAQ — clean reference look: maroon title + heart divider, standalone cream
   cards (no outer container box), thin brown border, soft shadow, brown + toggle
   ============================================================================ */
.drah-home-faq{max-width:720px!important;margin:0 auto!important;padding:0 12px!important}
.drah-contact-native .drah-faq-accordion{
  position:static!important;margin:0!important;padding:0!important;
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
.drah-contact-native .drah-faq-accordion:before{display:none!important;content:none!important}
/* (Earlier FAQ title heart-divider removed — superseded by the centered title
   with symmetric flanking gold lines defined further below.) */
/* each question = its own standalone cream card */
.drah-contact-native .drah-faq-item{
  margin:0 0 14px!important;
  background:#fff!important;
  border:1px solid #f7f3ee!important;
  border-radius:16px!important;
  box-shadow:0 4px 14px rgba(17,17,17,.06)!important;
  overflow:hidden!important;
}
.drah-contact-native .drah-faq-item:last-child{border-bottom:1px solid #f7f3ee!important}
.drah-contact-native .drah-faq-question{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;width:100%!important;min-height:64px!important;padding:18px 22px!important;
  border:0!important;cursor:pointer!important;background:transparent!important;
  color:#171717!important;font:700 1.02rem/1.6 var(--drah-font),sans-serif!important;text-align:right!important;direction:rtl!important;
}
/* circular + toggle, beige fill, thin brown border, brown glyph */
.drah-contact-native .drah-faq-question:after{
  content:""!important;display:block!important;
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border:1px solid #171717!important;border-radius:50%!important;
  background:#f7f3ee!important;
  transition:transform .25s ease,background .25s ease!important;
}
/* (Open-state glyph handled by the authoritative minus rule below; the old
   rotate(45deg) was removed — it overlapped the minus into a "-+" shape.) */
.drah-contact-native .drah-faq-answer{height:0;opacity:0;overflow:hidden!important}
.drah-contact-native .drah-faq-answer-inner{
  margin:0!important;padding:0 22px 20px!important;background:transparent!important;border:0!important;border-radius:0!important;
  color:#171717!important;font:500 .95rem/1.9 var(--drah-font),sans-serif!important;box-sizing:border-box!important;
}
@media(max-width:640px){
  .drah-home-faq{max-width:none!important;padding:0!important}
  .drah-contact-native .drah-faq-question{min-height:56px!important;padding:15px 16px!important;font-size:.94rem!important}
  .drah-contact-native .drah-faq-answer-inner{padding:0 16px 16px!important}
}

/* ============================================================================
   PRODUCT PAGE (PDP) — clean concept: gold feature row, cream gallery,
   full-width deep CTA, outline size pills
   ============================================================================ */
.single-product .drah-delivery-timeline{display:none!important}
.dr-pdp-features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:24px 0 10px;padding:24px 12px;background:#fbf7f0;border:1px solid rgba(203,163,90,.32);border-radius:18px;box-shadow:0 16px 40px rgba(17,17,17,.05)}
.dr-pdp-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:2px 10px}
.dr-pdp-feature + .dr-pdp-feature{border-inline-start:1px solid rgba(203,163,90,.30)}
.dr-pdp-feature-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#c8c8c8}
.dr-pdp-feature-ico svg{width:30px;height:30px;stroke:#c8c8c8;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.dr-pdp-feature-txt b{display:block;color:#9a6a2c;font:800 .9rem/1.35 var(--drah-font),sans-serif}
.dr-pdp-feature-txt span{display:block;color:rgba(17,17,17,.55);font:500 .74rem/1.35 var(--drah-font),sans-serif;margin-top:4px}
@media(max-width:640px){.dr-pdp-features{padding:18px 4px;border-radius:16px}.dr-pdp-feature{padding:0 5px;gap:8px}.dr-pdp-feature-ico svg{width:24px;height:24px}.dr-pdp-feature-txt b{font-size:.66rem}.dr-pdp-feature-txt span{font-size:.56rem}}

/* ----------------------------------------------------------------------------
   GALLERY — concept layout: one soft-cream rounded stage, dark "1/6" counter
   pill (top-left), circular heart (top-right), dot indicators below. The thumb
   strip + highlight pills are hidden (dots + the feature row replace them).
   redesign.css loads last, so these win over single-product.css.
   ---------------------------------------------------------------------------- */
.single-product div.product div.images{background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
.single-product div.product div.images img{background:transparent!important}
.single-product .drah-product-gallery{max-width:560px!important;margin:0 auto!important}

.single-product .drah-product-gallery__main{
  position:relative!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:1 / 1.05!important;
  border:1px solid rgba(17,17,17,.08)!important;
  border-radius:var(--dr-radius-lg)!important;
  background:radial-gradient(120% 120% at 50% 32%,#ffffff,var(--dr-hero-1) 72%)!important;
  box-shadow:0 30px 70px rgba(17,17,17,.14)!important;
  overflow:hidden!important;
}
.single-product .drah-product-gallery__zoom{
  display:block!important;
  width:100%!important;height:100%!important;
  cursor:zoom-in!important;
}
/* product fills the stage edge-to-edge (premium full-width hero, like the design) */
.single-product .drah-product-gallery__image{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
}

/* counter pill — top-left "1/6", light frosted on the warm stage */
.single-product .drah-product-gallery__counter{
  position:absolute!important;
  top:18px!important;left:18px!important;right:auto!important;bottom:auto!important;
  z-index:4!important;
  display:inline-flex!important;align-items:center!important;
  padding:6px 13px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  background:rgba(255,255,255,.55)!important;
  -webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;
  color:var(--dr-ink-strong)!important;
  font:700 .84rem/1 var(--drah-font),sans-serif!important;
  letter-spacing:.03em!important;
  box-shadow:0 4px 12px rgba(17,17,17,.12)!important;
  pointer-events:none!important;
}
.single-product .drah-product-gallery__counter-sep{margin:0 2px!important;opacity:.55!important}
.single-product .drah-product-gallery__counter-total{opacity:.6!important}

/* heart — top-right, soft rounded square (app look) */
.single-product .drah-product-gallery__fav{
  position:absolute!important;
  top:16px!important;right:16px!important;left:auto!important;bottom:auto!important;
  z-index:4!important;
  width:44px!important;height:44px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:14px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 6px 16px rgba(17,17,17,.14)!important;
  cursor:pointer!important;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease!important;
}
.single-product .drah-product-gallery__fav:hover{transform:translateY(-1px)!important;background:#fff!important}
.single-product .drah-product-gallery__fav svg{width:21px!important;height:21px!important;display:block!important}
.single-product .drah-product-gallery__fav svg path{fill:none!important;stroke:var(--dr-rose)!important;stroke-width:1.6!important}
.single-product .drah-product-gallery__fav.is-active{background:var(--dr-rose)!important}
.single-product .drah-product-gallery__fav.is-active svg path{fill:#fff!important;stroke:#fff!important}

/* dot indicators — centered under the product, inside the stage bottom */
.single-product .drah-product-gallery__dots{
  position:absolute!important;
  left:0!important;right:0!important;bottom:18px!important;
  z-index:4!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;margin:0!important;padding:0!important;
}
.single-product .drah-product-gallery__dot{
  width:8px!important;height:8px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;
  background:rgba(255,255,255,.85)!important;
  box-shadow:0 1px 5px rgba(0,0,0,.35)!important;
  cursor:pointer!important;
  transition:transform .2s ease,background .2s ease,width .2s ease!important;
}
.single-product .drah-product-gallery__dot:hover{background:#fff!important}
.single-product .drah-product-gallery__dot.is-active{
  width:22px!important;border-radius:999px!important;background:var(--dr-gold)!important;
}

/* concept layout hides the thumb strip + highlight pills */
.single-product .drah-product-gallery__thumbs,
.single-product .drah-product-gallery__pills{display:none!important}

/* hide the WooCommerce "خصم" sale badge over the gallery — the discount %
   already shows next to the price (.dr-price-off), and the top-left slot is
   reserved for the "1/6" image counter (matches the reference). */
.single-product div.product.product > span.onsale,
.single-product div.product.product span.onsale:not(.drah-product-badge){
  display:none!important;
}

@media(max-width:980px){
  /* full-bleed photo hero. The gallery breaks out with negative margins, but
     single-product.css sets `overflow:hidden!important` on
     `.single-product div.product.product` (overflow-Y:hidden). Setting only
     overflow-x:visible is NOT enough — per CSS, visible-x + non-visible-y makes
     the browser COMPUTE overflow-x as `auto`, which still clips the breakout
     (that was the side gap). So set the `overflow` shorthand (both axes) to
     visible at equal specificity; body + .site-main keep overflow-x:hidden as
     the real horizontal-scroll guard (breakout is exactly 100vw → no scroll). */
  .single-product .drah-container,
  .single-product div.product.product{
    overflow:visible!important;
  }
  .single-product div.product div.images.drah-product-gallery{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    position:static!important;
  }
  /* flat full-width rectangle — no rounded card (matches the reference) */
  .single-product .drah-product-gallery__main{
    aspect-ratio:1 / 1.06!important;
    border-radius:0!important;
    box-shadow:none!important;
    border:0!important;
  }
}

/* ============================================================================
   PDP COMPLETE REDESIGN — app-style floating info sheet + polished info area
   ============================================================================ */
/* eyebrow (collection / category) above the title */
.single-product .dr-pdp-eyebrow{
  display:block!important;text-align:center!important;
  color:var(--dr-gold)!important;
  font:600 .64rem/1 var(--drah-font),sans-serif!important;letter-spacing:.22em!important;
  margin:0 0 5px!important;
}

/* title: delicate, light weight, burgundy-brown, compact */
.single-product .product_title{
  font-weight:500!important;
  font-size:clamp(1.6rem,4.6vw,2.05rem)!important;
  line-height:1.25!important;
  color:var(--dr-ink-strong)!important;
  text-align:center!important;
  letter-spacing:.01em!important;
  margin:0 0 6px!important;
}

/* rating: centered, gold */
.single-product .woocommerce-product-rating{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;margin:0 0 8px!important;
}
.single-product .woocommerce-product-rating .star-rating span::before{color:var(--dr-gold)!important}

/* PRICE — main sale price on its OWN centered line (sits on the title's center
   axis); old price + badge in a small secondary row BELOW. Markup is two rows:
   .dr-price-wrap > p.price.dr-price-main  +  div.dr-price-sub(> del, span.dr-price-off) */
.single-product .dr-price-wrap{
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  width:100%!important;gap:7px!important;margin:0 0 20px!important;
}
.single-product div.product .dr-price-wrap p.price.dr-price-main{
  display:block!important;width:auto!important;margin:0 auto!important;padding:0!important;border:0!important;
  text-align:center!important;
  color:var(--dr-rose-deep)!important;
  font-weight:700!important;font-size:1.95rem!important;letter-spacing:.01em!important;
}
.single-product div.product .dr-price-wrap p.price.dr-price-main .amount,
.single-product div.product .dr-price-wrap p.price.dr-price-main ins,
.single-product div.product .dr-price-wrap p.price.dr-price-main ins .amount{
  color:var(--dr-rose-deep)!important;-webkit-text-fill-color:var(--dr-rose-deep)!important;
  font-weight:600!important;text-decoration:none!important;
}
/* secondary row: old price + discount badge, small, centered, tight */
.single-product div.product .dr-price-sub{
  display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:center!important;
  width:auto!important;margin:0 auto!important;gap:8px!important;
}
.single-product div.product .dr-price-sub del,
.single-product div.product .dr-price-sub del .amount{
  color:var(--dr-ink-soft)!important;-webkit-text-fill-color:var(--dr-ink-soft)!important;
  opacity:.85!important;font-weight:400!important;font-size:1rem!important;text-decoration:line-through!important;
}
.single-product div.product .dr-price-sub .dr-price-off{
  display:inline-flex!important;align-items:center!important;margin:0!important;
  background:rgba(17,17,17,.10)!important;color:var(--dr-rose-deep)!important;
  font:700 .76rem/1 var(--drah-font),sans-serif!important;letter-spacing:.02em!important;
  padding:6px 12px!important;border-radius:8px!important;
}

/* short description: centered, soft, under the price, narrow */
.single-product .woocommerce-product-details__short-description{
  text-align:center!important;
  color:var(--dr-ink-soft)!important;
  font:400 .88rem/1.65 var(--drah-font),sans-serif!important;
  max-width:38ch!important;
  margin:2px auto 0!important;
}
.single-product .woocommerce-product-details__short-description p{margin:0!important}
.single-product .dr-price-off{
  display:inline-flex!important;align-items:center!important;background:rgba(17,17,17,.10)!important;color:var(--dr-rose-deep)!important;
  font:600 .66rem/1 var(--drah-font),sans-serif!important;letter-spacing:.02em!important;padding:5px 9px!important;border-radius:7px!important;
}

/* feature row breathing room inside the sheet */
.single-product .dr-pdp-features{margin:26px 0!important}

/* trust line */
.single-product .dr-pdp-trustline{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  margin-top:18px!important;color:var(--dr-ink-soft)!important;
  font:500 .76rem/1.5 var(--drah-font),sans-serif!important;text-align:center!important;
}
.single-product .dr-pdp-trustline svg{width:15px!important;height:15px!important;flex:0 0 auto!important;fill:none!important;stroke:var(--dr-gold)!important;stroke-width:1.7!important}

/* ---- mobile: info area sits flat on the cream, right below the gallery ---- */
@media(max-width:980px){
  .single-product div.product{overflow:visible!important}
  .single-product div.product .summary.entry-summary{
    position:relative!important;z-index:5!important;
    margin-top:0!important;
    background:transparent!important;
    border-radius:0!important;
    padding:22px 2px 14px!important;
    box-shadow:none!important;
  }
  .single-product div.product .summary.entry-summary::before{display:none!important}
}

/* add to cart: deep wine, full width */
.single-product div.product form.cart .single_add_to_cart_button,
.single-product div.product form.cart button.single_add_to_cart_button{
  background:var(--dr-rose-deep)!important;width:100%!important;min-height:54px!important;border-radius:12px!important;font-size:1.02rem!important;
}
.single-product div.product form.cart .single_add_to_cart_button:hover{background:#171717!important}

/* Center the entire product info column (matches the app reference).
   single-product.css forces text-align:right!important on
   `.single-product div.product div.summary` (specificity 0,2,2) and on
   `.single-product div.product .product_title` (0,2,1) inside its own media
   queries — so these MUST carry equal-or-higher specificity to win, not just
   !important. Centered flex column on the summary cascades to every child;
   title/price/desc/category pinned center; price row is a centered flex row. */
.single-product div.product div.summary.entry-summary,
.single-product div.product div.summary,
.single-product div.product .entry-summary{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.single-product div.product .product_title,
.single-product div.product .dr-pdp-eyebrow,
.single-product div.product .woocommerce-product-details__short-description,
.single-product div.product .product_meta,
.single-product div.product .product-category,
.single-product div.product .posted_in{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* the SR-only "Original/Current price" spans must not occupy row space */
.single-product div.product .dr-price-wrap .screen-reader-text{
  position:absolute!important;
  width:1px!important;height:1px!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;
  margin:-1px!important;padding:0!important;border:0!important;
}


/* ============================================================================
   FLOATING WHATSAPP — keep brand green, refined shadow
   ============================================================================ */
.drah-floating-whatsapp{box-shadow:0 14px 30px rgba(37,211,102,.32)}

/* ============================================================================
   COMMERCE — shop / product / cart / checkout re-tint to the new palette
   (redesign.css loads after commerce/single-product/cart-checkout CSS)
   ============================================================================ */

/* ---- surfaces ---- */
.woocommerce-page,.woocommerce-cart,.woocommerce-checkout,.single-product,.archive.woocommerce{background:var(--dr-bg)!important}
.woocommerce .woocommerce-breadcrumb{color:var(--dr-ink-soft)!important}
.woocommerce .woocommerce-breadcrumb a{color:var(--dr-rose)!important}

/* ---- primary buttons (rose pill) ---- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce .button,
.woocommerce div.product form.cart .button,
.single_add_to_cart_button,.wc-block-components-button,.wp-element-button,
.woocommerce #place_order,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.drah-design-product-link{
  background:var(--dr-rose)!important;
  background-image:none!important;
  color:#fff!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:0 12px 26px rgba(17,17,17,.26)!important;
  -webkit-text-fill-color:#fff!important;
  transition:transform .2s,box-shadow .2s,background .2s!important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce .button:hover,.single_add_to_cart_button:hover,.wc-block-components-button:hover,
.woocommerce #place_order:hover,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.drah-design-product-link:hover{
  background:var(--dr-rose-deep)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 16px 34px rgba(17,17,17,.34)!important;
}

/* ---- prices ---- */
.woocommerce div.product p.price,.woocommerce div.product span.price,
.woocommerce div.product p.price ins,.woocommerce-Price-amount,
.woocommerce div.product .price .woocommerce-Price-amount{
  color:var(--dr-rose)!important;
  -webkit-text-fill-color:var(--dr-rose)!important;
}
.woocommerce div.product p.price del,.woocommerce div.product p.price del .woocommerce-Price-amount{
  color:var(--dr-ink-soft)!important;-webkit-text-fill-color:var(--dr-ink-soft)!important;opacity:.8;
}
.woocommerce div.product .product_title{color:var(--dr-ink-strong)!important}

/* ---- sale badge ---- */
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product.drah-shop-card .onsale{
  background:var(--dr-rose)!important;color:#fff!important;border-radius:999px!important;
  font-family:var(--drah-font),sans-serif!important;box-shadow:0 6px 16px rgba(17,17,17,.28)!important;
}
/* hide all label/sale pills on product CARDS — keep only the wishlist heart */
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product.drah-shop-card .onsale,
.dr-pcard .onsale,
.drah-native-product-card .onsale{
  display:none!important;
}

/* ---- shop product cards: compact luxury (match reference) ---- */
/* 4-in-a-row grid, small gaps, centered */
.woocommerce ul.products{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;margin:0 auto!important;
}
@media(max-width:980px){
  .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:640px){
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
.woocommerce ul.products li.product.drah-shop-card{
  background:#f7f3ee!important;
  border:1px solid #f7f3ee!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:hidden!important;
  padding:0!important;
  transition:border-color .25s,box-shadow .25s!important;
}
.woocommerce ul.products li.product.drah-shop-card:hover{
  transform:none!important;box-shadow:0 8px 22px rgba(17,17,17,.07)!important;border-color:#f7f3ee!important;opacity:1!important;
}
/* image FULL-BLEED to the card edges (top/left/right) — no margin; card overflow:hidden clips to the rounded top corners. Spacing lives only in the body below. */
.woocommerce ul.products li.product.drah-shop-card .drah-product-image-wrap{
  aspect-ratio:1!important;background:#f7f3ee!important;border-radius:0!important;padding:0!important;margin:0!important;overflow:hidden!important;
}
.woocommerce ul.products li.product.drah-shop-card .drah-product-image-wrap img,
.woocommerce ul.products li.product.drah-shop-card .drah-product-image-wrap .drah-product-card-image{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;
}
/* wishlist heart — small, top-right over the image */
.woocommerce ul.products li.product.drah-shop-card .drah-card-fav{
  position:absolute!important;top:12px!important;right:12px!important;z-index:3!important;
  width:28px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
  background:#ffffff!important;box-shadow:0 2px 6px rgba(17,17,17,.12)!important;cursor:pointer!important;
}
.woocommerce ul.products li.product.drah-shop-card .drah-card-fav svg{
  width:15px!important;height:15px!important;fill:none!important;stroke:#171717!important;stroke-width:1.8!important;
}
/* body: spacing only here (bottom of card), centered, tight title→price */
.woocommerce ul.products li.product.drah-shop-card .drah-product-body{
  padding:10px 10px 12px!important;gap:3px!important;text-align:center!important;
}
/* the text area (title + price) below the card image is WHITE */
.drah-native-product-card .drah-product-body,
.woocommerce ul.products li.product.drah-shop-card .drah-product-body,
.single-product .related.products ul.products li.product.drah-shop-card .drah-product-body,
.single-product .upsells.products ul.products li.product.drah-shop-card .drah-product-body,
.single-product .cross-sells ul.products li.product.drah-shop-card .drah-product-body{
  background:#fff!important;
}
.woocommerce ul.products li.product.drah-shop-card .drah-product-body .woocommerce-loop-product__title,
.woocommerce ul.products li.product.drah-shop-card .drah-product-body .drah-product-title,
.woocommerce ul.products li.product.drah-shop-card .woocommerce-loop-product__title,
.woocommerce ul.products li.product.drah-shop-card .drah-product-title{
  margin:0!important;padding:0!important;color:#171717!important;
  font:700 1.1rem/1.4 var(--drah-font),sans-serif!important;text-align:center!important;
}
.woocommerce ul.products li.product.drah-shop-card .drah-product-price,
.woocommerce ul.products li.product.drah-shop-card .drah-product-price strong,
.woocommerce ul.products li.product.drah-shop-card .drah-product-price span{
  color:#171717!important;-webkit-text-fill-color:#171717!important;
  font-weight:600!important;font-size:1.1rem!important;
}
.woocommerce ul.products li.product.drah-shop-card .drah-product-price{margin:0!important;gap:4px!important}
.single-product .related.products ul.products li.product.drah-shop-card .drah-product-price,
.single-product .related.products ul.products li.product.drah-shop-card .drah-product-price strong,
.single-product .related.products ul.products li.product.drah-shop-card .drah-product-price span{
  color:#171717!important;-webkit-text-fill-color:#171717!important;
}

/* ---- homepage native cards: same compact luxury look + 4-in-a-row ---- */
.drah-products-native .drah-native-product-grid,
.drah-native-product-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;
}
@media(max-width:980px){
  .drah-products-native .drah-native-product-grid,
  .drah-native-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:640px){
  .drah-products-native .drah-native-product-grid,
  .drah-native-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
.drah-native-product-card{
  position:relative!important;
  background:#f7f3ee!important;border:1px solid #f4f4f2!important;border-radius:12px!important;
  box-shadow:none!important;overflow:hidden!important;padding:0!important;
}
.drah-native-product-card:hover{
  transform:none!important;box-shadow:0 8px 22px rgba(17,17,17,.07)!important;border-color:#f7f3ee!important;
}
.drah-native-product-card .drah-product-image-wrap{
  aspect-ratio:1!important;background:#f7f3ee!important;border-radius:0!important;margin:0!important;overflow:hidden!important;
}
.drah-native-product-card .drah-product-image-wrap img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;
}
.drah-native-product-card .drah-product-body{
  padding:10px 10px 12px!important;gap:3px!important;text-align:center!important;align-items:center!important;
}
.drah-products-native .drah-native-product-card .drah-product-title,
.drah-native-product-card .drah-product-body .drah-product-title,
.drah-native-product-card .drah-product-title{
  margin:0!important;color:#171717!important;font:700 1.1rem/1.4 var(--drah-font),sans-serif!important;text-align:center!important;
}
.drah-native-product-card .drah-product-price,
.drah-native-product-card .drah-product-price strong,
.drah-native-product-card .drah-product-price span{
  color:#171717!important;-webkit-text-fill-color:#171717!important;font-weight:600!important;font-size:1.1rem!important;text-align:center!important;
}
.drah-native-product-card .drah-product-price{justify-content:center!important;gap:4px!important;margin:0!important}
.drah-native-product-card .drah-card-fav{
  position:absolute!important;top:14px!important;right:14px!important;z-index:3!important;
  width:28px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;border:0!important;border-radius:50%!important;
  background:#ffffff!important;box-shadow:0 2px 6px rgba(17,17,17,.12)!important;cursor:pointer!important;
}
.drah-native-product-card .drah-card-fav svg{width:15px!important;height:15px!important;fill:none!important;stroke:#171717!important;stroke-width:1.8!important}

/* ---- shop toolbar ---- */
.drah-shop-toolbar{background:var(--dr-card)!important;border:1px solid var(--dr-line)!important;border-radius:14px!important;box-shadow:var(--dr-shadow-soft)!important}
.woocommerce-result-count{color:var(--dr-ink-soft)!important}
.woocommerce .woocommerce-ordering select,.orderby{border:1px solid var(--dr-line)!important;border-radius:10px!important;background:var(--dr-bg-soft)!important;color:var(--dr-ink-strong)!important}

/* ---- product customization panel: re-tint accents ---- */
.single-product .drah-product-custom-fields{
  background:linear-gradient(180deg,var(--dr-card),var(--dr-bg-soft))!important;
  border-color:var(--dr-line)!important;box-shadow:0 22px 56px rgba(17,17,17,.10)!important;
  border-radius:18px!important;
}
.single-product .drah-product-custom-head strong,
.single-product .drah-product-custom-field > span,
.single-product .drah-product-custom-summary > strong,
.single-product .drah-gift-card-title{color:var(--dr-ink-strong)!important}
.single-product .drah-product-custom-field span b{background:rgba(17,17,17,.16)!important;color:var(--dr-gold)!important}
.single-product .drah-product-option-pill span{background:#fff!important;border-color:var(--dr-line)!important;color:var(--dr-ink)!important;border-radius:12px!important}
.single-product .drah-product-option-pill input:checked + span{
  background:#fff!important;border-color:var(--dr-rose-deep)!important;color:var(--dr-rose-deep)!important;
  box-shadow:inset 0 0 0 1px var(--dr-rose-deep)!important;
}
.single-product .drah-product-custom-field input,
.single-product .drah-product-custom-field select,
.single-product .drah-product-custom-field textarea,
.single-product .drah-product-custom-field input[type="text"]{
  background:#fff!important;border-color:var(--dr-line)!important;color:var(--dr-ink-strong)!important;
}
.single-product .drah-product-custom-field input:focus,
.single-product .drah-product-custom-field select:focus,
.single-product .drah-product-custom-field textarea:focus{
  border-color:var(--dr-gold)!important;outline:2px solid rgba(17,17,17,.3)!important;
}
.single-product .drah-product-custom-summary{background:#fff!important;border-color:var(--dr-line)!important}
.single-product .drah-product-custom-summary > strong{color:var(--dr-rose)!important}
.single-product .drah-gift-card-switch input:checked + i{background:linear-gradient(135deg,var(--dr-gold),var(--dr-gold-soft))!important}
.single-product .drah-gift-card-switch input:checked + i:before{background:#fff!important}
.single-product .drah-gift-card-choice input:checked + span{background:rgba(17,17,17,.12)!important;border-color:var(--dr-rose)!important;color:var(--dr-rose-deep)!important}
.single-product .drah-product-color-swatch{border-color:var(--dr-line)!important}

/* ---- delivery timeline ---- */
.drah-delivery-timeline{background:var(--dr-bg-soft)!important;border:1px solid var(--dr-line)!important;border-radius:14px!important}
.drah-delivery-icon{background:rgba(17,17,17,.14)!important;color:var(--dr-gold)!important}
.drah-delivery-label{color:var(--dr-ink-soft)!important}
.drah-delivery-step strong{color:var(--dr-ink-strong)!important}
.drah-delivery-countdown{color:var(--dr-rose)!important}

/* ---- product tabs ---- */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover{border-color:var(--dr-gold)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff!important}
.drah-product-care-tags span{background:#171717!important;border:1px solid #171717!important;color:#fff!important;border-radius:999px!important}

/* ---- cart + checkout tables / panels ---- */
.woocommerce table.shop_table,.woocommerce-checkout #payment,
.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register,
.wc-block-components-panel,.wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-block{
  background:var(--dr-card)!important;border-color:var(--dr-line)!important;border-radius:14px!important;
}
.woocommerce table.shop_table th,.woocommerce-checkout-review-order-table th{color:var(--dr-ink-strong)!important}
.woocommerce table.shop_table td,.woocommerce-checkout-review-order-table td{color:var(--dr-ink)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,.select2-container--default .select2-selection--single,
.wc-block-components-text-input input{
  background:#fff!important;border-color:var(--dr-line)!important;color:var(--dr-ink-strong)!important;border-radius:10px!important;
}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,
.wc-block-components-text-input input:focus{outline:2px solid rgba(17,17,17,.3)!important;border-color:var(--dr-gold)!important}
.woocommerce #payment .payment_methods li,.wc-block-components-radio-control{color:var(--dr-ink)!important}

/* ---- notices ---- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,
.wc-block-components-notice-banner{
  background:var(--dr-card)!important;color:var(--dr-ink-strong)!important;border-top-color:var(--dr-gold)!important;border-radius:12px!important;
}
.woocommerce-message::before,.woocommerce-info::before{color:var(--dr-gold)!important}

/* ---- quantity ---- */
.woocommerce .quantity .qty{background:#fff!important;border:1px solid var(--dr-line)!important;color:var(--dr-ink-strong)!important;border-radius:10px!important}

/* ---- generic page headings ---- */
.woocommerce-products-header__title,.entry-title,.woocommerce h1,.woocommerce h2.woocommerce-loop-product__title{color:var(--dr-ink-strong)!important}

/* ---- side cart (slide-out) ---- */
.drah-side-cart__panel{background:var(--dr-bg)!important;color:var(--dr-ink)!important}
.drah-side-cart__head{background:var(--dr-card)!important;border-bottom:1px solid var(--dr-line)!important}
.drah-side-cart__head h2,#drah-side-cart-title{color:var(--dr-ink-strong)!important}
.drah-side-cart__count{background:var(--dr-rose)!important;color:#fff!important}
.drah-side-cart__close{color:var(--dr-ink-soft)!important}
.drah-side-cart-item{border-bottom:1px solid var(--dr-line)!important}
.drah-side-cart-item__name{color:var(--dr-ink-strong)!important}
.drah-side-cart-item__price{color:var(--dr-rose)!important}
.drah-side-cart-item__attr-key{color:var(--dr-ink-soft)!important}
.drah-side-cart-item__attr-val{color:var(--dr-ink)!important}
.drah-side-cart-qty{border:1px solid var(--dr-line)!important;background:#fff!important;border-radius:999px!important}
.drah-side-cart-qty__btn,.drah-side-cart-qty__value{color:var(--dr-ink-strong)!important}
.drah-side-cart__foot{background:var(--dr-card)!important;border-top:1px solid var(--dr-line)!important}
.drah-side-cart-footer__subtotal{color:var(--dr-ink-strong)!important}
.drah-side-cart-footer__subtotal strong{color:var(--dr-rose)!important}
.drah-side-cart-empty{color:var(--dr-ink-soft)!important}
.drah-side-cart-empty__link{color:var(--dr-rose)!important}

/* ---- empty cart panel ---- */
.drah-empty-cart .button.wc-backward,.drah-empty-cart .drah-empty-primary{
  background:var(--dr-rose)!important;background-image:none!important;color:#fff!important;
  border:0!important;border-radius:999px!important;-webkit-text-fill-color:#fff!important;
}
.drah-empty-cart .button.wc-backward:hover,.drah-empty-cart .drah-empty-primary:hover{background:var(--dr-rose-deep)!important;color:#fff!important}
.drah-empty-cart-notice{background:var(--dr-card)!important;border:1px solid var(--dr-line)!important;border-radius:14px!important;color:var(--dr-ink-soft)!important}
.drah-empty-cart-box{color:var(--dr-gold)!important}
.drah-empty-cart-suggest-title{color:var(--dr-ink-strong)!important}
.drah-empty-cart-suggest .price,.drah-empty-cart-products .price,
.drah-empty-cart-products .price .woocommerce-Price-amount,
.drah-empty-cart-products .drah-product-price,
.drah-empty-cart-products .drah-product-price strong,
.drah-empty-cart-products .drah-product-price span{
  color:var(--dr-rose)!important;-webkit-text-fill-color:var(--dr-rose)!important;
}

/* ============================================================================
   FAQ — match the reference: right-aligned title, centered line+heart divider,
   borderless rounded tiles floating on the soft section background, gold "+"
   circles that rotate into an "x" on open. redesign.css loads last, so this
   block is authoritative and supersedes the earlier FAQ layers.
   ============================================================================ */
.drah-contact-native .drah-faq-accordion{
  margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important;text-align:right!important;
}
.drah-contact-native .drah-faq-accordion::before{display:none!important}

.drah-contact-native .drah-faq-title{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:16px!important;margin:0 0 26px!important;padding:0!important;border:0!important;
  text-align:center!important;color:#171717!important;
  font:800 clamp(1.5rem,4.6vw,2rem)/1.3 var(--drah-font),sans-serif!important;
}
/* simple tapered gold line flanking the centered title (robust, direction-proof) */
.drah-contact-native .drah-faq-title::before,
.drah-contact-native .drah-faq-title::after{
  content:""!important;display:block!important;flex:0 0 auto!important;
  position:static!important;inset:auto!important;
  width:56px!important;height:2px!important;border:0!important;border-radius:2px!important;
  background:linear-gradient(90deg,transparent,#C7A35A 50%,transparent)!important;
}
/* old heart divider replaced by the flanking lines on the title above */
.drah-contact-native .drah-faq-divider{display:none!important}

.drah-contact-native .drah-faq-item{
  margin:0 0 8px!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.14)!important;
  border-radius:16px!important;box-shadow:none!important;overflow:hidden!important;
}
.drah-contact-native .drah-faq-item:last-child{
  margin-bottom:0!important;border:1px solid rgba(17,17,17,.14)!important;
}

.drah-contact-native .drah-faq-question{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;gap:16px!important;width:100%!important;
  min-height:66px!important;padding:16px 22px!important;
  background:transparent!important;border:0!important;cursor:pointer;
  color:#171717!important;text-align:right!important;direction:rtl!important;
  font:700 1.05rem/1.6 var(--drah-font),sans-serif!important;
}
/* Plus icon drawn with two centered gradient bars (NOT a font glyph) so it is
   always pixel-perfectly centered regardless of font metrics. Open state rotates
   45deg to form an "x". This is the single authoritative rule for the home FAQ. */
.drah-contact-native .drah-faq-question:after{
  content:""!important;display:block!important;flex:0 0 34px!important;
  width:34px!important;height:34px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;
  border:1.5px solid rgba(17,17,17,.4)!important;border-radius:50%!important;
  background:
    linear-gradient(#171717,#171717) center/13px 2px no-repeat,
    linear-gradient(#171717,#171717) center/2px 13px no-repeat,
    #fff!important;
  transition:background .25s ease,border-color .25s ease!important;
}
/* open = clean minus (white bar on a filled maroon circle), no rotate */
.drah-contact-native .drah-faq-item.is-open .drah-faq-question:after,
.drah-contact-native .drah-faq-question[aria-expanded="true"]:after{
  content:""!important;transform:none!important;border-color:#171717!important;
  background:
    linear-gradient(#fff,#fff) center/14px 2px no-repeat,
    #171717!important;
}

.drah-contact-native .drah-faq-answer{height:0;opacity:0;overflow:hidden;will-change:height,opacity}
.drah-contact-native .drah-faq-answer-inner{
  margin:0!important;padding:2px 22px 20px!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  color:rgba(17,17,17,.82)!important;text-align:right;
  font:500 .96rem/1.95 var(--drah-font),sans-serif!important;
}

@media(max-width:640px){
  .drah-contact-native .drah-faq-title{font-size:1.5rem!important;gap:12px!important}
  .drah-contact-native .drah-faq-title::before,
  .drah-contact-native .drah-faq-title::after{width:40px!important}
  .drah-contact-native .drah-faq-question{min-height:60px!important;padding:14px 16px!important;font-size:1rem!important;gap:12px!important}
  .drah-contact-native .drah-faq-question:after{flex-basis:34px!important;width:34px!important;height:34px!important;font-size:1.35rem!important}
  .drah-contact-native .drah-faq-answer-inner{padding:2px 16px 16px!important}
}

/* ============================================================================
   2-COLOR BRAND ENFORCEMENT  (off-white #F7F3EE + maroon #171717)
   scripts/recolor.mjs flattened all brand hexes to these two tones. Dark chrome
   surfaces are now maroon, so their former gold/cream text must be forced to
   off-white for contrast. This layer loads last and wins.
   ============================================================================ */
/* dr- chrome (the live header): off-white bar needs a subtle separator + maroon brand */
.dr-header{background:#fff!important;border-bottom:1px solid rgba(17,17,17,.10)!important}
.dr-brand .dr-logo,.dr-ico-btn,.dr-ico-btn svg{color:#171717!important;stroke:#171717!important}
.dr-brand .dr-tagline{color:#171717!important;opacity:.7}
.dr-cart-badge{background:#171717!important;color:#F7F3EE!important}

/* Legacy header (kept for any page still using it) */
.drah-site-header{background:#171717!important}
.drah-brand-ar,.drah-brand-en,
.drah-nav,.drah-nav a,.drah-cart-link,.drah-cart-link span{color:#F7F3EE!important}
.drah-nav a:hover,.drah-cart-link:hover,.drah-cart-link:hover span{color:#ffffff!important}

/* Footer */
.drah-footer{background:#171717!important}
.drah-footer-mark,.drah-footer-brand .drah-brand-en,
.drah-footer-dua p,.drah-footer-copy,.drah-footer-social-link{color:#F7F3EE!important}
.drah-footer-social-link{background:rgba(247,243,238,.12)!important}
.drah-footer-social-link:hover{background:#F7F3EE!important;color:#171717!important}
.drah-gold-rule{background:linear-gradient(90deg,transparent,rgba(247,243,238,.5),transparent)!important}

/* Hero */
.drah-hero-native .drah-kicker,.drah-hero-content .drah-kicker{color:#F7F3EE!important}
.drah-hero-native .drah-kicker:before,.drah-kicker:before{background:#F7F3EE!important}

/* Primary buttons: solid maroon, off-white label */
.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce .button,.single_add_to_cart_button,
.wc-block-components-button,.drah-whatsapp,.drah-header-whatsapp,.dr-btn-rose,
.drah-empty-primary,.drah-gold-btn{
  background:#171717!important;background-image:none!important;color:#F7F3EE!important;
  border-color:#171717!important;-webkit-text-fill-color:#F7F3EE!important;
}
/* WhatsApp consult button: icon + text */
.drah-gold-btn--wa{display:inline-flex!important;direction:ltr!important;align-items:center!important;justify-content:center!important;gap:10px!important}
.drah-gold-btn--wa span{direction:rtl!important}
.drah-gold-btn--wa .drah-wa-ico{width:22px!important;height:22px!important;flex:0 0 auto!important;fill:currentColor!important;stroke:none!important}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce input.button:hover,.woocommerce .button:hover,.single_add_to_cart_button:hover,
.wc-block-components-button:hover,.drah-whatsapp:hover,.dr-btn-rose:hover,.drah-gold-btn:hover{
  background:#171717!important;color:#F7F3EE!important;
}
/* keep the floating WhatsApp recognisably green */
.drah-floating-whatsapp{background:#25d366!important;color:#ffffff!important}

/* Sale/discount PILL badges removed completely site-wide (per request):
   the WooCommerce "خصم" onsale flash + any .drah-product-badge pill. */
.onsale,
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product.drah-shop-card .onsale,
.dr-pcard .onsale,
.drah-native-product-card .onsale,
.single-product div.product.product span.onsale,
.drah-product-badge,
.woocommerce ul.products li.product.drah-shop-card .drah-product-badge,
.drah-native-product-card .drah-product-badge,
.drah-products-native .drah-product-badge,
.single-product .related.products .drah-product-badge{display:none!important}

/* Dark homepage sections: off-white eyebrow / heading / paragraph */
.drah-section-dark,.drah-products-native{background:#171717!important}
.drah-section-dark .drah-section-head small,.drah-products-native .drah-section-head small,
.drah-section-dark .drah-section-head h2,.drah-products-native .drah-section-head h2,
.drah-section-dark .drah-section-head p,.drah-products-native .drah-section-head p{color:#F7F3EE!important}

/* ============================================================================
   REVIEWS — light section, polished cards: photo on top, gold stars, text, and
   a footer with a heart (left) + name/location (right). Authoritative block,
   overrides the maroon carousel layers + the dark-section safety rule above.
   ============================================================================ */
.drah-reviews-native.drah-section-dark,.drah-reviews-native{background:#fff!important;color:#171717!important}
.drah-reviews-native .drah-section-head small{color:#171717!important;opacity:.7}
.drah-reviews-native .drah-section-head h2,.drah-reviews-native .drah-section-head h2 span{color:#171717!important}
.drah-reviews-native .drah-section-head p{color:rgba(17,17,17,.7)!important}

.drah-reviews-native .drah-carousel-card{
  position:relative!important;display:flex!important;flex-direction:column!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;overflow:visible!important;transform:none!important;
}
.drah-reviews-native .drah-carousel-card:before,
.drah-reviews-native .drah-carousel-card:after{display:none!important;content:none!important}
.drah-reviews-native .drah-carousel-card:hover{transform:translateY(-5px)!important}

/* tall, story-ratio image with its own rounded corners + soft shadow */
.drah-reviews-native .drah-carousel-card-img{
  aspect-ratio:9/14!important;border:0!important;border-radius:20px!important;
  background:#f7f3ee!important;box-shadow:0 10px 26px rgba(17,17,17,.06)!important;overflow:hidden!important;
}
.drah-reviews-native .drah-carousel-card-img:before{display:none!important}
.drah-reviews-native .drah-carousel-card-img img{filter:none!important}

/* cream review panel floats OVER the lower part of the image (inset + pulled up) */
.drah-reviews-native .drah-carousel-card-body{
  position:relative!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  margin:-64px 0 0!important;background:#fff!important;border:1px solid rgba(200,200,200,.40)!important;
  box-shadow:0 8px 22px rgba(17,17,17,.05)!important;border-radius:16px!important;
  padding:15px 16px 14px!important;min-height:0!important;text-align:center!important;direction:rtl!important;
}
.drah-reviews-native .drah-carousel-card-body .drah-stars{
  display:flex!important;justify-content:center!important;gap:4px!important;margin:0 0 11px!important;
}
.drah-reviews-native .drah-carousel-card-body .drah-stars svg{
  width:16px!important;height:16px!important;fill:#c8c8c8!important;stroke:#c8c8c8!important;stroke-width:1.3!important;stroke-linejoin:round!important;paint-order:stroke!important;filter:none!important;
}
.drah-reviews-native .drah-carousel-card-body blockquote{
  margin:0 0 14px!important;color:#171717!important;text-align:center!important;font:500 .92rem/1.9 var(--drah-font),sans-serif!important;
}
.drah-reviews-native .drah-review-foot{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:10px;margin-top:auto;padding-top:6px;
}
.drah-reviews-native .drah-review-heart{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;
}
.drah-reviews-native .drah-review-heart svg{width:21px;height:21px;fill:none;stroke:#A88A66;stroke-width:1.5}
.drah-reviews-native .drah-review-who{display:flex;flex-direction:column;align-items:center;line-height:1.25}
.drah-reviews-native .drah-review-who cite{
  color:#c8c8c8!important;font:800 .94rem/1.3 var(--drah-font),sans-serif!important;font-style:normal!important;margin:0!important;
}
.drah-reviews-native .drah-review-loc{
  display:inline-flex;align-items:center;gap:4px;margin-top:2px;
  color:#9A8472;font:600 .74rem var(--drah-font),sans-serif;
}
.drah-reviews-native .drah-review-loc svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6}
@media(max-width:640px){
  .drah-reviews-native .drah-carousel-card-body{margin:-54px 0 0!important;padding:14px 15px 13px!important}
  .drah-reviews-native .drah-review-heart svg{width:19px;height:19px}
}

/* ============================================================================
   REVIEWS CAROUSEL — pure-CSS compositor marquee (smooth on iPhone).
   Motion is a CSS keyframe translate (drah-carousel-scroll, 0 -> -50%) that runs
   entirely on the GPU/compositor thread, so it never stutters when the main
   thread is busy. The card count is capped server-side so the composited track
   stays within the mobile GPU texture limit. The wrap just clips it.
   ============================================================================ */
.drah-carousel-wrap{
  overflow:hidden!important;
  contain:layout paint;                 /* isolate the strip from page layout */
  /* Vertical gestures scroll the page natively; the JS owns horizontal drags.
     touch-action applies at the touched element, so the cards repeat it below. */
  touch-action:pan-y;overscroll-behavior:contain;
  cursor:grab;user-select:none;-webkit-user-select:none;
}
.drah-carousel-wrap.is-dragging{cursor:grabbing}
.drah-carousel-wrap .drah-carousel-card,
.drah-carousel-wrap .drah-carousel-card-img,
.drah-carousel-wrap button.drah-carousel-card-img{touch-action:pan-y}
.drah-carousel-track{
  will-change:transform;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;transform-style:preserve-3d;
}
/* Pause on real hover only (a phone tap can stick :hover and freeze the strip). */
.drah-carousel-wrap:hover .drah-carousel-track{animation-play-state:running}
@media (hover:hover) and (pointer:fine){
  .drah-carousel-wrap:hover .drah-carousel-track{animation-play-state:paused}
}
@media (prefers-reduced-motion:reduce){
  .drah-carousel-track{animation:none!important}
}

/* ============================================================================
   HOME — category chips strip (below header) + hero trust line (per mockup)
   ============================================================================ */
.dr-chips{background:#F7F3EE;padding:9px 0 5px;border-bottom:1px solid rgba(17,17,17,.06)}
.dr-chips-track{display:flex;gap:14px;overflow-x:auto;padding:4px 16px;direction:rtl;scrollbar-width:none;-ms-overflow-style:none}
.dr-chips-track::-webkit-scrollbar{display:none}
.dr-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:62px;text-decoration:none}
.dr-chip-ic{position:relative;width:56px;height:56px;border-radius:50%;border:1px solid rgba(200,200,200,.5);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dr-chip-ic img{width:100%;height:100%;object-fit:cover}
.dr-chip-ic svg{width:24px;height:24px;fill:#C9A86A}
.dr-chip-badge{position:absolute;top:-3px;left:-3px;background:#171717;color:#fff;font:700 .5rem/1 var(--drah-font),system-ui,sans-serif;font-style:normal;padding:2px 4px;border-radius:6px;letter-spacing:.02em}
.dr-chip-l{font:600 .72rem var(--drah-font),sans-serif;color:#171717;text-align:center;white-space:nowrap}
@media(min-width:781px){.dr-chips-track{justify-content:center;flex-wrap:wrap}}

.dr-hero-copy .dr-hero-trust{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--dr-ink-soft);font:600 .82rem var(--drah-font),sans-serif}
.dr-hero-copy .dr-hero-trust i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55;flex:0 0 auto}
@media(max-width:780px){.dr-hero-copy .dr-hero-trust{justify-content:center}}

/* ============================================================================
   SHOP — toolbar (sort pill + 2/1-col view toggle) per mockup
   ============================================================================ */
.drah-shop-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;flex-wrap:wrap;padding:8px 12px!important}
.drah-toolbar-actions{display:flex;align-items:center;gap:8px}
.woocommerce .drah-shop-toolbar .woocommerce-ordering{margin:0!important}
.woocommerce .drah-shop-toolbar .woocommerce-ordering select,
.drah-shop-toolbar .orderby{
  min-height:38px!important;padding:6px 30px 6px 12px!important;
  border:1px solid rgba(17,17,17,.16)!important;border-radius:10px!important;
  background:#fff!important;color:#171717!important;font:600 .85rem var(--drah-font),sans-serif!important;
}
.drah-view-toggle{display:inline-flex;gap:3px;background:#fff;border:1px solid rgba(17,17,17,.14);border-radius:10px;padding:3px;flex:0 0 auto}
.drah-view-btn{width:36px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:7px;cursor:pointer;color:#9a7b45;padding:0}
.drah-view-btn svg{width:18px;height:18px;fill:currentColor}
.drah-view-btn.is-active{background:#171717;color:#F7F3EE}
.woocommerce ul.products.dr-cols-1{grid-template-columns:1fr!important}
.woocommerce ul.products.dr-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:640px){.drah-shop-toolbar .woocommerce-result-count{display:none!important}}

/* ============================================================================
   PDP — "Buy Now" (outline) beside Add to Cart (solid maroon), per mockup
   ============================================================================ */
.single-product div.product form.cart .drah-buy-now{
  flex:1 1 44%!important;min-height:48px!important;order:5!important;
  background:#ffffff!important;background-image:none!important;
  color:#171717!important;-webkit-text-fill-color:#171717!important;
  border:1.5px solid #171717!important;border-radius:0!important;
  font:700 1rem var(--drah-font),sans-serif!important;cursor:pointer;transition:background .2s,color .2s;
}
.single-product div.product form.cart .drah-buy-now:hover{
  background:#171717!important;color:#F7F3EE!important;-webkit-text-fill-color:#F7F3EE!important;
}
.single-product div.product form.cart .single_add_to_cart_button{flex:1 1 44%!important}

/* ============================================================================
   ONE BRAND FONT — force the brand font (--drah-font) on all headings/titles/
   prices across every page (covers WooCommerce + plugin defaults). Change the
   family in style.css :root + the Google Fonts URL in functions-core.php.
   Icon glyphs keep their own font.
   ============================================================================ */
h1,h2,h3,h4,h5,h6,
.woocommerce h1,.woocommerce h2,.woocommerce h3,.woocommerce h4,
.woocommerce-products-header__title,.page-title,.entry-title,
.woocommerce div.product .product_title,
.woocommerce-Price-amount,.price,
.woocommerce-checkout h1,.woocommerce-cart h1,
.drah-faq-title,.drah-section-head h2,.dr-section-head h2{
  font-family:var(--drah-font), system-ui, sans-serif !important;
}

/* ============================================================================
   DESKTOP SCROLLBAR — style.css hides the bar globally (scrollbar-width:none),
   which left desktop users with NO scrollbar ("can't scroll properly"). Restore
   a thin themed scrollbar at >=641px; mobile keeps clean overlay scrollbars.
   ============================================================================ */
@media(min-width:641px){
  /* ONE scroll container now: body + the home wrappers are overflow-x:clip (not
     scroll containers), so only the viewport scrolls = a single scrollbar. Theme it
     (cover both html/body paint targets). */
  html,body{ scrollbar-width:thin!important; scrollbar-color:rgba(17,17,17,.45) rgba(17,17,17,.07)!important; }
  html::-webkit-scrollbar,body::-webkit-scrollbar{ width:12px!important;height:12px!important; }
  html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{ background:rgba(17,17,17,.06)!important; }
  html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{ background:rgba(17,17,17,.42)!important;border-radius:10px!important; }
  html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{ background:rgba(17,17,17,.62)!important; }
}

/* PDP (product page) desktop design moved to pdp.css — the SINGLE SOURCE OF TRUTH,
   enqueued last on product pages so it authoritatively owns the look. Edit the PDP there. */


/* ============================================================================
   SITE FONT WEIGHTS - Cairo: SemiBold body + Bold headings (the Bold/SemiBold
   mix). Font FAMILY is controlled by --drah-font (style.css :root + Google
   Fonts in functions-core.php); these rules only set weight, site-wide.
   ============================================================================ */
body{font-weight:600}
h1,h2,h3,h4,h5,h6,
.woocommerce h1,.woocommerce h2,.woocommerce h3,.woocommerce h4,
.woocommerce-products-header__title,.page-title,.entry-title,
.woocommerce div.product .product_title,
.woocommerce-loop-product__title,
.price,.woocommerce-Price-amount,
.drah-section-head h2,.dr-section-head h2,.drah-faq-title,
.drah-product-price,.drah-product-card h3,
.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
strong,b{font-weight:700 !important}

/* Wishlist heart icon removed from all product cards + the product gallery */
.drah-card-fav,.drah-product-gallery__fav{display:none!important}

/* Homepage "الأكثر مبيعاً" now reuses the category card template (content-product.php)
   so the cards match the shop/category pages exactly. Keep it 4-up on desktop. */
#products .dr-products-woo.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;list-style:none!important}
#products .dr-products-woo.woocommerce ul.products::before,#products .dr-products-woo.woocommerce ul.products::after{content:none!important;display:none!important}
@media(max-width:980px){#products .dr-products-woo.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){#products .dr-products-woo.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Homepage category strip (shares the .drah-cat-strip component with the shop).
   It overlays the TOP of the hero image as a clean floating bar. */
/* NOTE: no z-index here on purpose. position:relative alone does NOT create a
   stacking context, so the strip below can rise above the sticky header (z-index:60).
   Giving the hero a z-index would trap the strip inside the hero's context and force
   it BEHIND the header. */
.dr-home .dr-hero{position:relative}
/* width:100% + box-sizing overrides the .dr-container 90% width that this div also
   carries — in RTL that 90% box anchored to right:0 and left a ~38px gap on the left
   (off-center). Forcing full width makes the flex justify-content:center truly centered.
   z-index:70 keeps the strip IN FRONT of the sticky header (.dr-header z-index:60). */
.dr-home .drah-home-cat-strip{position:absolute;top:8px;left:0;right:0;width:100%;box-sizing:border-box;z-index:70;margin:0;max-width:none;padding:0 10px;display:flex;justify-content:center;pointer-events:none}
.dr-home .drah-home-cat-strip .drah-cat-strip{margin:0;pointer-events:auto;width:auto;max-width:100%}
/* On the homepage the pill must size to its chips and sit centered — override the
   shop strip's full-bleed track (min-width:100%) so it never stretches edge-to-edge. */
.dr-home .drah-home-cat-strip .drah-cat-strip__track{min-width:0;width:max-content;justify-content:center}
@media(max-width:640px){
  /* Now a child of <main> (not .dr-hero), so a negative top rides the strip UP
     to overlap the header — no longer clipped — and z-index:70 paints it in
     front of the sticky header. */
  .dr-home .drah-home-cat-strip{top:-22px;padding:0 8px}
  /* Wide pill: spans nearly the full phone width with the six chips distributed
     evenly (space-around), matching the requested reference proportions. */
  .dr-home .drah-home-cat-strip .drah-cat-strip{width:100%;max-width:100%;padding:10px 8px;border-radius:24px}
  /* Bigger chips + horizontal SCROLL (not squeeze-to-fit): the track grows to its
     content so ~one fewer category shows at once and the rest scroll. */
  .dr-home .drah-home-cat-strip .drah-cat-strip__track{width:max-content;min-width:100%;justify-content:safe center;gap:10px}
  .dr-home .drah-home-cat-strip .drah-cat-chip{min-width:62px;padding:4px 6px;gap:8px}
  .dr-home .drah-home-cat-strip .drah-cat-chip__icon{width:54px;height:54px}
  .dr-home .drah-home-cat-strip .drah-cat-chip__icon svg{width:27px;height:27px}
  .dr-home .drah-home-cat-strip .drah-cat-chip__label{font-size:.74rem}
}

/* ============================================================================
   CONCIERGE PANEL — "help choosing" card (reference redesign)
   Ornamented eyebrow + 3 gold line-icon features w/ dividers + full-width WA btn.
   ========================================================================== */
.drah-concierge-panel{
  background:#fcfaf7!important;
  border:1px solid rgba(17,17,17,.14)!important;
  border-radius:18px!important;
  padding:38px 40px!important;
  text-align:center!important;
  box-shadow:0 18px 50px rgba(17,17,17,.06)!important;
}
.drah-concierge-eyebrow{
  display:flex!important;align-items:center;justify-content:center;gap:14px;
  margin:0 auto 14px;
}
.drah-concierge-eyebrow small{
  color:#c8c8c8!important;font:800 .82rem var(--drah-font),sans-serif!important;
  letter-spacing:.26em!important;white-space:nowrap;
}
.drah-concierge-orn{
  position:relative;display:inline-block;width:46px;height:1px;
  background:linear-gradient(90deg,transparent,#cba35a);
}
.drah-concierge-orn:after{
  content:"";position:absolute;top:50%;width:6px;height:6px;
  background:#cba35a;transform:translateY(-50%) rotate(45deg);
}
.drah-concierge-eyebrow .drah-concierge-orn:first-child:after{right:0}
.drah-concierge-eyebrow .drah-concierge-orn:last-child{background:linear-gradient(90deg,#cba35a,transparent)}
.drah-concierge-eyebrow .drah-concierge-orn:last-child:after{left:0}
.drah-concierge-panel h2{
  color:#3f1018!important;margin:0 0 26px!important;
  font:800 clamp(1.7rem,3.4vw,2.7rem)/1.25 var(--drah-font),sans-serif!important;
}
.drah-concierge-feats{
  display:grid!important;grid-template-columns:repeat(3,1fr);
  align-items:start;direction:rtl;margin:0 0 30px;
}
.drah-concierge-feat{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:6px 12px;position:relative;
}
.drah-concierge-feat + .drah-concierge-feat:before{
  content:"";position:absolute;right:0;top:6px;bottom:6px;width:1px;
  background:rgba(203,163,90,.45);
}
.drah-concierge-feat-ico svg{
  width:46px;height:46px;display:block;fill:none;
  stroke:#cba35a;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;
}
.drah-concierge-feat-label{
  color:#3f1018!important;font:700 1.02rem var(--drah-font),sans-serif!important;
}
.drah-concierge-panel .drah-gold-btn--wa{
  width:100%!important;min-height:62px!important;border-radius:14px!important;
  font:800 1.12rem var(--drah-font),sans-serif!important;gap:12px!important;
}
.drah-concierge-panel .drah-gold-btn--wa .drah-wa-ico{width:26px!important;height:26px!important}
@media(max-width:640px){
  .drah-concierge-panel{padding:26px 16px!important}
  .drah-concierge-orn{width:26px}
  .drah-concierge-feats{margin-bottom:22px}
  .drah-concierge-feat{padding:4px 4px;gap:10px}
  .drah-concierge-feat-ico svg{width:38px;height:38px}
  .drah-concierge-feat-label{font-size:.86rem}
  .drah-concierge-panel .drah-gold-btn--wa{min-height:54px!important;font-size:1rem!important}
}