/* ════════════════════════════════════════════
   PAHADI ROOTS — CSS matching actual HTML classes
════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Lato:wght@300;400;700;900&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
img{max-width:100%}
:root{--g:#1a3a1e;--g2:#2d5233;--g3:#3d6b42;--gd:#c8920a;--gd2:#e8b84b;--gd3:#f5d98a;--tx:#1a1a1a;--tx2:#4a4a4a;--tx3:#7a7a7a;--bd:rgba(26,58,30,.12)}
body{font-family:'Lato',sans-serif;color:var(--tx);background:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit}

/* DARK MODE */
body.dark{background:#0d1a0f;color:#f0f0f0}
body.dark nav#mNav{background:rgba(13,26,15,.97)}
body.dark .pcard{background:#1a2b1c;border-color:rgba(255,255,255,.06)}
body.dark .filter-btn{background:#1a2b1c;border-color:rgba(255,255,255,.1);color:#c0c0c0}
body.dark .filter-btn.active{background:var(--g);color:#fff}
body.dark .filter-sort{background:#1a2b1c;color:#c0c0c0;border-color:rgba(255,255,255,.1)}

/* ANNOUNCEMENT BAR */
.ann{background:var(--g);color:#d4af37;text-align:center;padding:9px 20px;font-size:12.5px;letter-spacing:.3px}
.ann a{color:#d4af37;text-decoration:underline}

/* TICKER */
.ticker-wrap{display:none;background:var(--gd);overflow:hidden;padding:7px 0} /* hidden by default — JS shows after confirming setting */
.ticker-track{display:flex;white-space:nowrap;animation:tick 28s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{padding:0 32px;font-size:12px;font-weight:700;color:#1a1a1a;letter-spacing:.3px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* NAV */
nav#mNav{background:#fff;border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:500;transition:box-shadow .2s;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:64px;gap:16px}
nav#mNav.shadow{box-shadow:0 2px 16px rgba(0,0,0,.08)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-icon{font-size:24px;line-height:1}
.logo-name{font-family:'Playfair Display',serif;font-size:19px;font-weight:900;color:var(--g);line-height:1.1}
.logo-tl{font-size:10.5px;color:var(--gd);font-weight:600;letter-spacing:.5px}
.nav-links{display:flex;list-style:none;gap:0;align-items:center}
.nav-links a{font-size:14px;font-weight:700;color:var(--tx2);padding:6px 14px;border-radius:20px;transition:all .2s;letter-spacing:.3px;white-space:nowrap}
.nav-links a:hover{color:var(--g);background:rgba(26,58,30,.06)}
.nav-right{display:flex;align-items:center;gap:6px}
.nib{background:none;border:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s;position:relative}
.nib:hover{background:rgba(26,58,30,.07)}
.wl-badge{position:absolute;top:2px;right:2px;background:#e53;color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:none;align-items:center;justify-content:center;padding:0 3px}
.wl-badge.show,.badge.show{display:flex}
.badge{position:absolute;top:2px;right:2px;background:#e53;color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:none;align-items:center;justify-content:center;padding:0 3px}
.dark-btn{background:none;border:1.5px solid var(--bd);border-radius:20px;padding:5px 12px;font-size:14px;transition:background .2s}
.dark-btn:hover{background:rgba(26,58,30,.07)}
.cart-btn{background:var(--g);color:#fff;border:none;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;transition:background .2s}
.cart-btn:hover{background:var(--g2)}
.cbadge{background:var(--gd);color:#1a0800;font-size:9.5px;font-weight:900;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}
.mob-menu-btn{display:none;background:none;border:none;font-size:24px;color:var(--g)}
.ship-badge{background:rgba(26,58,30,.08);color:var(--g);padding:5px 12px;border-radius:20px;font-size:11.5px;font-weight:700;display:none;align-items:center;gap:5px}
@media(min-width:640px){.ship-badge{display:flex}}
@media(max-width:820px){.nav-links{display:none}.mob-menu-btn{display:block}}
@media(max-width:520px){.ship-badge{display:none}.cart-btn span:not(.cbadge){display:none}}

/* MOBILE NAV */
.mob-nav{position:fixed;inset:0;z-index:1000;display:none;flex-direction:column}
.mob-nav.open{display:flex}
.mob-nav-bg{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.mob-nav-panel{position:relative;background:#fff;width:270px;height:100%;padding:24px 20px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease}
.mob-nav.open .mob-nav-panel{transform:translateX(0)}
.mob-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:22px;color:var(--tx3);cursor:pointer}
.mob-nav-logo{font-family:'Playfair Display',serif;font-size:18px;font-weight:900;color:var(--g);margin-bottom:20px}
.mob-nav a{display:block;padding:11px 14px;color:var(--tx);font-weight:700;border-radius:10px;font-size:14px}
.mob-nav a:hover{background:rgba(26,58,30,.07);color:var(--g)}

/* HERO */
.hero{min-height:60vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(170deg,#071a09 0%,#0e2812 25%,#1a3a1e 55%,#2d5233 80%,#3a6140 100%)}
.hmtn{position:absolute;bottom:0;left:0;right:0;height:40%;pointer-events:none;z-index:2}
.hmtn svg{width:100%;height:100%}
.hov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,9,.2) 0%,transparent 50%,rgba(7,26,9,.3) 100%);pointer-events:none;z-index:1}
.lw{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
.lf{position:absolute;top:-10%;animation:lfall linear infinite;opacity:.6}
@keyframes lfall{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(110vh) rotate(360deg)}}
.hc{position:relative;z-index:3;text-align:center;color:#fff;padding:60px 28px 20px;max-width:800px}
.eyebrow{display:inline-block;background:rgba(200,146,10,.18);border:1px solid rgba(200,146,10,.4);color:var(--gd3);font-size:11px;font-weight:700;letter-spacing:3px;padding:6px 18px;border-radius:20px;margin-bottom:20px}
.hc h1{font-family:'Playfair Display',serif;font-size:clamp(34px,6.5vw,76px);font-weight:900;line-height:1.1;margin-bottom:18px}
.hc h1 em{color:var(--gd2);font-style:normal}
.hsub{font-size:clamp(13px,1.8vw,17px);color:rgba(255,255,255,.72);max-width:560px;margin:0 auto 32px;line-height:1.65}
.hbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:0}
.btn-g{padding:14px 28px;border-radius:30px;font-size:14px;font-weight:800;letter-spacing:.5px;background:var(--gd);color:#1a0800;border:none;transition:all .25s;display:inline-block}
.btn-g:hover{background:var(--gd2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,146,10,.35)}
.btn-w{padding:14px 28px;border-radius:30px;font-size:14px;font-weight:800;letter-spacing:.5px;background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.35);transition:all .25s;display:inline-block}
.btn-w:hover{background:rgba(255,255,255,.22)}
.hstats{display:flex;gap:0;justify-content:center;background:transparent;width:100%;padding:0;flex-wrap:wrap;position:relative;z-index:1}
.hstat{text-align:center;padding:0 28px}
.hstat-num{font-family:'Playfair Display',serif;font-size:clamp(22px,3vw,34px);font-weight:900;color:var(--gd2)}
.hstat-num em{font-size:.55em;font-style:normal;opacity:.8}
.hstat-lbl{font-size:10.5px;color:rgba(255,255,255,.52);letter-spacing:1px;margin-top:3px}
.hstat-div{width:1px;background:rgba(255,255,255,.15);align-self:stretch;margin:4px 0}
.sca{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.4);font-size:11px;letter-spacing:2px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:bob 2s ease infinite;z-index:1}
@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(5px)}}

/* TRUST BAR */
.trust{background:var(--g);display:grid;grid-template-columns:repeat(4,1fr)}
.tc{padding:14px 20px;display:flex;align-items:center;gap:10px;border-right:1px solid rgba(255,255,255,.1)}
.tc:last-child{border-right:none}
.tico{font-size:22px}
.tlb{font-size:13px;font-weight:800;color:#fff}
.tds{font-size:12px;color:rgba(255,255,255,.6)}

/* SECTION BASE */
section.sec{padding:52px 40px}
.ct{text-align:center;margin-bottom:28px}
.chip{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--gd);border:1px solid rgba(200,146,10,.3);padding:5px 14px;border-radius:20px;margin-bottom:10px}
.sh2{font-family:'Playfair Display',serif;font-size:clamp(22px,3.5vw,40px);color:var(--g);font-weight:700;margin-bottom:8px}
.ssub{font-size:14px;color:var(--tx2);max-width:560px;margin:0 auto}

/* COLLECTIONS */
.coll-bg{background:linear-gradient(180deg,#f9f4ec,#f2e8d0)}
/* Collection grid — 4 cols desktop, scroll on mobile like organic tattva */
.cgrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  max-width:1200px;
  margin:0 auto;
}
/* Collection card — tall, image-first */
.cc{
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  border:1.5px solid rgba(0,0,0,.06);
  transition:all .3s;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}
.cc:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(0,0,0,.12);border-color:var(--gd)}
/* Image area — tall, fills the card */
.ccat-img-wrap{
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#f5f0e8;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ccat-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:0;
  transition:opacity .4s ease;
  display:block;
}
.ccat-img-wrap.img-loaded .ccat-img { opacity:1; }
.cc:hover .ccat-img{transform:scale(1.05);transition:transform .4s ease,opacity .4s ease}
/* Emoji fallback — centered in image area */
.cemo{
  font-size:52px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:1;
  transition:opacity .3s;
  pointer-events:none;
}
/* Hide emoji once image loaded */
.ccat-img-wrap.img-loaded .cemo { opacity:0; }
/* Card text area */
.cc-body{
  padding:14px 12px 16px;
}
.cname{
  font-family:'Playfair Display',serif;
  font-size:14px;
  font-weight:700;
  color:var(--g);
  white-space:normal;
  line-height:1.3;
  margin-bottom:4px;
}
.cnum{font-size:11.5px;color:var(--tx3);line-height:1.3}
/* Responsive */
@media(max-width:960px){.cgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.cgrid{grid-template-columns:repeat(2,1fr);gap:12px}}
@media(max-width:360px){.cgrid{grid-template-columns:repeat(2,1fr);gap:8px}}.cemo{font-size:36px;display:block}
.ccat-img-wrap::before { display:none; } /* skeleton handled by CSS opacity now */

/* PRODUCTS */
.filter-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto 22px;padding:0 2px}
.filter-bar{display:flex;gap:7px;flex-wrap:wrap}
.filter-btn{background:#fff;border:1.5px solid var(--bd);border-radius:20px;padding:7px 16px;font-size:12.5px;font-weight:700;color:var(--tx2);transition:all .2s;font-family:'Lato',sans-serif}
.filter-btn:hover{border-color:var(--g);color:var(--g)}
.filter-btn.active{background:var(--g);color:#fff;border-color:var(--g)}
.filter-sort{border:1.5px solid var(--bd);border-radius:20px;padding:7px 14px;font-size:12.5px;font-weight:700;color:var(--tx2);background:#fff;font-family:'Lato',sans-serif}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;max-width:1400px;margin:0 auto}
.pcard{background:#fff;border:1px solid #e8e0d0;border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s;position:relative;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.14)}
.piw{position:relative;aspect-ratio:4/5;width:100%;overflow:hidden;background:#f5f0e8}
.pemo{font-size:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}
.piw img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block}
.pbadge{position:absolute;top:10px;left:10px;font-size:9.5px;font-weight:800;padding:4px 10px;border-radius:12px;letter-spacing:.4px;z-index:2}
.bbs{background:#e8f5e8;color:#1a5c1a}.bog{background:#e8f5e8;color:#1a5c1a}.bpm{background:#fff0d0;color:#8a5a00}.bnw{background:#e8f0ff;color:#1a3a8a}
.wl-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.95);border:none;border-radius:20px;padding:4px 8px;font-size:13px;display:flex;align-items:center;gap:3px;z-index:3;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.15);color:#888;font-weight:500;cursor:pointer}
.wl-btn:hover{transform:scale(1.08);background:#fff}.wl-btn.active{color:#e74c3c;background:#fff5f5}
.pbody{padding:16px 16px 18px;display:flex;flex-direction:column;flex:1}
.pregion{font-size:10.5px;color:var(--gd);font-weight:700;letter-spacing:.5px;margin-bottom:4px}
.pname{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--g);margin-bottom:4px;line-height:1.3}
.prating{display:flex;align-items:center;gap:5px;margin-bottom:5px}
.pstars{font-size:11px;color:var(--gd)}
.prc{font-size:10.5px;color:var(--tx3)}
.pdesc{font-size:11.5px;color:var(--tx2);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}
.stock-bar{height:3px;background:rgba(0,0,0,.08);border-radius:2px;margin-bottom:3px}
.stock-fill{height:100%;border-radius:2px;transition:width .4s}
.stock-fill.high{background:#4caf50}.stock-fill.mid{background:#ff9800}.stock-fill.low{background:#f44336}
.stock-label{font-size:10px;font-weight:700;margin-bottom:7px}
.stock-label.high{color:#4caf50}.stock-label.mid{color:#ff9800}.stock-label.low{color:#f44336}
.pfoot{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:8px}
.prow{display:flex;align-items:baseline;gap:6px}
.pnow{font-size:18px;font-weight:900;color:var(--g)}
.pwas{font-size:12px;color:var(--tx3);text-decoration:line-through}
.variant-sel{border:1.5px solid var(--bd);background:var(--bg);color:var(--tx);border-radius:8px;font-size:12px;cursor:pointer}
.variant-sel:focus{outline:none;border-color:var(--g)}
.punt{font-size:11px;color:var(--tx3)}
.atc{background:var(--g);color:#fff;border:none;border-radius:24px;padding:11px 16px;font-size:14px;font-weight:800;transition:background .2s,transform .15s;font-family:'Nunito','Lato',sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap;width:100%;box-sizing:border-box}
.atc:hover{background:var(--g2)}
.atc-hint{font-size:12px;font-weight:700;color:var(--g);opacity:.7;cursor:pointer;text-align:center;display:block;transition:opacity .2s;white-space:nowrap}
.pcard:hover .atc-hint{opacity:1}
.cmp-btn{background:none;border:1.5px solid var(--bd);border-radius:10px;padding:5px 10px;font-size:10.5px;font-weight:700;color:var(--tx2);transition:all .2s;font-family:'Lato',sans-serif}
.cmp-btn:hover,.cmp-btn.active{border-color:var(--g);color:var(--g)}
.cmp-btn.active{background:rgba(26,58,30,.08)}
.notify-btn{background:none;border:1.5px solid rgba(200,146,10,.4);border-radius:10px;padding:5px 10px;font-size:10.5px;font-weight:700;color:var(--gd);font-family:'Lato',sans-serif}
.soc-proof{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;padding:3px 8px;border-radius:8px;display:flex;align-items:center;gap:5px;z-index:2}
.soc-dot{width:6px;height:6px;background:#4caf50;border-radius:50%;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.bulk-badge{position:absolute;bottom:8px;right:8px;background:var(--gd);color:#1a0800;font-size:9px;font-weight:800;padding:3px 8px;border-radius:8px;z-index:2}
@media(max-width:600px){.pgrid{grid-template-columns:repeat(2,1fr);gap:10px}}

/* STATES SECTION */
.state-sec{background:#f4eed6;padding:40px 40px 0}
.state-sec>.ct,.state-sec>#regions{text-align:left;margin-bottom:0}
.state-sec .sh2{color:var(--g);font-size:clamp(28px,4vw,52px)}
.state-sec .ssub{color:var(--tx2);margin-bottom:24px}
/* ── REGION STORYTELLING CARDS ──────────────────── */
.story-card{flex:0 0 auto;width:200px;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 3px 14px rgba(0,0,0,.1)}
.story-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(0,0,0,.18)}
/* Skeleton shimmer on top of story card img area before load */
.story-card:not(.img-ready)::before{content:'';position:absolute;top:0;left:0;right:0;height:130px;z-index:2;background:linear-gradient(90deg,#d4cfc7 25%,#e8e4dc 50%,#d4cfc7 75%);background-size:200% 100%;animation:skelshimmer 1.4s infinite;pointer-events:none}
.story-card.img-ready::before{display:none}
.story-card-img{width:100%;height:130px;object-fit:cover;object-position:center top;display:block}
.story-card-emo{width:100%;height:130px;display:flex;align-items:center;justify-content:center;font-size:52px}
.story-card-body{padding:12px 14px 14px;background:#fff}
.story-card-name{font-family:'Playfair Display',serif;font-size:13px;font-weight:700;color:var(--g);margin-bottom:3px}
.story-card-tag{font-size:10px;color:var(--gd);font-weight:700;letter-spacing:.5px;margin-bottom:5px}
.story-card-line{font-size:11px;color:var(--tx3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.story-card.active-state .story-card-body{background:var(--g)}
.story-card.active-state .story-card-name{color:#fff}
.story-card.active-state .story-card-tag{color:var(--gd2)}
.story-card.active-state .story-card-line{color:rgba(255,255,255,.65)}
#storyCards::-webkit-scrollbar{display:none}
.stabs{display:flex;flex-wrap:wrap;overflow-x:visible;scrollbar-width:none;background:#f0e8d4;border:none;padding:8px 8px 0;gap:6px}
.stabs::-webkit-scrollbar{display:none}
.stab{flex:0 0 auto;width:140px;padding:0;border:none;border-radius:8px 8px 0 0;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;transition:all .22s;position:relative;font-family:'Lato',sans-serif;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden}
.stab:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.14)}
.stab.active{background:var(--g);box-shadow:0 4px 18px rgba(26,58,30,.3);transform:translateY(-2px)}
.stab-thumb{width:100%;height:90px;overflow:hidden;display:block;background:#d8cfbb;flex-shrink:0}
.stab-thumb img{width:100%;height:100%;object-fit:cover;object-position:55% 15%;display:block;transition:transform .4s}
.stab:hover .stab-thumb img{transform:scale(1.06)}
.stab-thumb-emo{width:100%;height:88px;display:flex;align-items:center;justify-content:center;font-size:38px;background:linear-gradient(135deg,var(--g),var(--g3))}
.stab-label{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px;text-align:center}
.stab-name{font-size:8.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--tx);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stab-tag{font-size:7.5px;color:var(--tx3);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:1px}
.stab.active .stab-name{color:#fff}
.stab.active .stab-tag{color:rgba(255,255,255,.6)}
.spnls{max-width:100%;margin:0;padding:0}
.spnl{display:none}
.spnl.active{display:block;animation:spIn .35s ease}
@keyframes spIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.shdr{overflow:hidden;display:grid;grid-template-columns:54% 46%;height:450px}
.shdr-img-col{position:relative;overflow:hidden;background:#1a3a1e}
.shdr-img-col img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;transition:transform 10s;filter:brightness(.85) saturate(1.15)}
.spnl.active .shdr-img-col img{transform:scale(1.06)}
.shdr-img-col::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(0,0,0,.45));pointer-events:none}
.shdr-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:90px;opacity:.18;z-index:0}
.shdr-info-col{padding:36px 32px;display:flex;flex-direction:column;justify-content:center;color:#fff;overflow:hidden;position:relative}
.shdr-info-col::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.52),rgba(0,0,0,.22));z-index:0}
.shdr-info-col>*{position:relative;z-index:1}
.sstate-title{font-family:'Playfair Display',serif;font-size:clamp(18px,2vw,28px);font-weight:700;color:#fff;margin-bottom:10px;line-height:1.2}
.sstate-desc{font-size:13px;color:rgba(255,255,255,.78);line-height:1.75;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.sstate-pills{display:flex;flex-wrap:wrap;gap:6px}
.sstate-pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.9);font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 12px;border-radius:20px}
.spgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:24px 40px;background:#0d1f0e}
.spgrid .pcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.spgrid .pcard:hover{background:rgba(255,255,255,.09);border-color:rgba(200,146,10,.45);transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.35)}
.spgrid .pname,.spgrid .pstars{color:#fff}.spgrid .pname{font-size:16px}
.spgrid .pregion{color:var(--gd)}
.spgrid .pdesc{color:rgba(255,255,255,.52)}
.spgrid .pnow{color:var(--gd2)}
.spgrid .pwas{color:rgba(255,255,255,.25)}
.spgrid .punt{color:rgba(255,255,255,.35)}
.spgrid .prc{color:rgba(255,255,255,.3)}
.spgrid .atc{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}
.spgrid .atc:hover{background:var(--gd);border-color:var(--gd);color:#1a3a1e}
.spgrid .wl-btn{color:rgba(255,255,255,.6)}
.spgrid .stock-bar{background:rgba(255,255,255,.1)}
.spgrid .cmp-btn{border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.45);background:transparent}
.spgrid .stock-label.high{color:rgba(80,210,80,.8)}
.spgrid .stock-label.mid{color:rgba(255,180,50,.85)}
.spgrid .stock-label.low{color:rgba(255,100,100,.85)}

/* OUR PROMISE */
.why-bg{background:linear-gradient(180deg,#faf6ee,#f2eadc);padding:20px 40px}
.pgr{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1150px;margin:0 auto}
.pillar{background:#fff;border-radius:16px;padding:20px 16px 18px;position:relative;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.07);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s,box-shadow .3s,background .3s;cursor:default}
.pillar:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(26,58,30,.15);background:#f5fcf5}
.pillar:hover svg circle:first-child{transform:scale(1.04);transition:transform .4s}
.pillar:hover .psvg img{transform:scale(1.05);transition:transform .4s}
.pillar .pnum{font-size:22px;font-weight:900;color:rgba(26,58,30,.07);position:absolute;top:6px;right:10px;font-family:'Playfair Display',serif}
.pillar .pico{font-size:20px;display:none}
.pillar .pt{font-size:13px;font-weight:700;color:var(--g);margin-bottom:4px;font-family:'Playfair Display',serif}
.pillar .pd{font-size:11.5px;color:var(--tx3);line-height:1.6;max-width:180px}

/* REVIEWS */
.rev-bg{background:linear-gradient(180deg,#f7f2ea,#faf6ee);padding:20px 40px}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1120px;margin:0 auto}
.rcard{background:#fff;border-radius:12px;padding:24px;border:1px solid #ece6da;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.rcard .rq{font-size:24px;color:var(--gd);opacity:.3;line-height:1;margin-bottom:2px;font-family:'Playfair Display',serif}
.rcard .rstars{font-size:10px;color:var(--gd);letter-spacing:1.5px;margin-bottom:4px}
.rcard .rtxt{font-size:11.5px;color:var(--tx2);line-height:1.6;font-style:italic;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rcard .rauth{display:flex;align-items:center;gap:7px}
.rcard .rav{width:25px;height:25px;border-radius:50%;background:var(--g);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rcard .ran{font-size:11px;font-weight:700;color:var(--g)}
.rcard .rloc{font-size:9.5px;color:var(--tx3)}


/* TRACKING */
.track-sec{background:var(--g2);padding:36px 40px}
.track-inner{max-width:700px;margin:0 auto;text-align:center}
.track-sec .sh2{color:#fff}
.track-sec .ssub{color:rgba(255,255,255,.65);margin-bottom:22px}
.track-box{display:flex;flex-direction:column;align-items:center}
.track-row{display:flex;gap:10px;width:100%;max-width:480px}
.track-inp{flex:1;padding:12px 16px;border-radius:12px;border:none;font-size:14px;font-family:'Lato',sans-serif;background:rgba(255,255,255,.15);color:#fff}
.track-inp::placeholder{color:rgba(255,255,255,.5)}
.track-btn{background:var(--gd);color:#1a0800;border:none;border-radius:12px;padding:12px 22px;font-size:14px;font-weight:800;font-family:'Lato',sans-serif}
.track-result{margin-top:20px;width:100%}
.track-steps{display:flex;justify-content:center;margin-bottom:14px}
.track-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}
.track-step:not(:last-child)::after{content:'';position:absolute;top:16px;left:calc(50% + 16px);right:calc(-50% + 16px);height:2px;background:rgba(255,255,255,.2)}
.ts-dot{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:14px;position:relative;z-index:1}
.ts-dot.done{background:rgba(255,255,255,.3)}.ts-dot.active{background:var(--gd);box-shadow:0 0 0 3px rgba(200,146,10,.3)}
.ts-lbl{font-size:9.5px;color:rgba(255,255,255,.5);text-align:center;letter-spacing:.5px}
.ts-lbl.active{color:var(--gd2);font-weight:700}.ts-lbl.done{color:rgba(255,255,255,.7)}
.track-msg{font-size:13px;color:rgba(255,255,255,.8);line-height:1.6}

/* NEWSLETTER */
.nl-sec{background:linear-gradient(135deg,#071a09,#1a3a1e);padding:44px 40px;text-align:center}
.nl-sec .sh2{color:#fff;margin-bottom:6px}
.nl-sec .ssub{color:rgba(255,255,255,.65);margin-bottom:22px}
.nlf{display:flex;gap:10px;max-width:420px;margin:0 auto}
.nli{flex:1;padding:13px 18px;border-radius:12px;border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:14px;font-family:'Lato',sans-serif}
.nli::placeholder{color:rgba(255,255,255,.4)}

/* PAYMENT */
.pay-sec{background:#fff;padding:20px 40px}
.pay-opts-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:960px;margin:0 auto}
.pay-opt{background:#fff;border:1.5px solid rgba(26,58,30,.09);border-radius:12px;padding:14px 12px;text-align:center;transition:all .25s;position:relative;overflow:hidden}
.pay-opt:hover{border-color:var(--gd);transform:translateY(-2px);box-shadow:0 6px 18px rgba(200,146,10,.1)}
.pay-opt .po-badge{position:absolute;top:0;right:0;background:var(--gd);color:#fff;font-size:7.5px;font-weight:800;padding:2px 7px;border-radius:0 10px 0 7px}
.pay-opt .po-icon{font-size:24px;margin-bottom:5px;display:block}
.pay-opt .po-title{font-family:'Playfair Display',serif;font-size:12px;color:var(--g);font-weight:700;margin-bottom:2px}
.pay-opt .po-sub{font-size:10px;color:var(--tx3);line-height:1.4}
.po-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}
.plogo{background:rgba(26,58,30,.06);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;color:var(--g)}
.po-note{font-size:10px;color:var(--tx3);margin-top:6px}
.pay-secure{text-align:center;margin-top:16px;font-size:12px;color:var(--tx3)}

/* ── PREMIUM FOOTER ── */
footer{background:#0b160d url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 480' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' style='position:absolute;top:0;left:0;width:100%;height:100%;display:block'%3E    %3C!-- Night sky --%3E    %3Crect width='1440' height='480' fill='%230b160d'/%3E    %3C!-- Stars --%3E    %3Ccircle cx='80' cy='18' r='1.2' fill='%23fff' opacity='0.5'/%3E    %3Ccircle cx='200' cy='10' r='1' fill='%23e8b84b' opacity='0.6'/%3E    %3Ccircle cx='380' cy='22' r='1.5' fill='%23fff' opacity='0.4'/%3E    %3Ccircle cx='520' cy='8' r='1' fill='%23fff' opacity='0.5'/%3E    %3Ccircle cx='660' cy='16' r='1.2' fill='%23e8b84b' opacity='0.5'/%3E    %3Ccircle cx='790' cy='6' r='1' fill='%23fff' opacity='0.4'/%3E    %3Ccircle cx='950' cy='20' r='1.5' fill='%23fff' opacity='0.45'/%3E    %3Ccircle cx='1100' cy='10' r='1' fill='%23e8b84b' opacity='0.5'/%3E    %3Ccircle cx='1250' cy='18' r='1.2' fill='%23fff' opacity='0.4'/%3E    %3Ccircle cx='1390' cy='12' r='1' fill='%23fff' opacity='0.5'/%3E    %3Ccircle cx='440' cy='14' r='1' fill='%23fff' opacity='0.35'/%3E    %3Ccircle cx='870' cy='12' r='1' fill='%23fff' opacity='0.35'/%3E    %3C!-- Extra stars for tall sky --%3E    %3Ccircle cx='140' cy='60' r='1' fill='%23fff' opacity='0.3'/%3E    %3Ccircle cx='300' cy='80' r='1.2' fill='%23e8b84b' opacity='0.4'/%3E    %3Ccircle cx='500' cy='50' r='1' fill='%23fff' opacity='0.35'/%3E    %3Ccircle cx='700' cy='70' r='1.5' fill='%23fff' opacity='0.3'/%3E    %3Ccircle cx='900' cy='55' r='1' fill='%23e8b84b' opacity='0.4'/%3E    %3Ccircle cx='1050' cy='75' r='1.2' fill='%23fff' opacity='0.35'/%3E    %3Ccircle cx='1200' cy='45' r='1' fill='%23fff' opacity='0.3'/%3E    %3Ccircle cx='1350' cy='65' r='1.5' fill='%23e8b84b' opacity='0.35'/%3E    %3Ccircle cx='180' cy='110' r='1' fill='%23fff' opacity='0.25'/%3E    %3Ccircle cx='420' cy='130' r='1.2' fill='%23fff' opacity='0.2'/%3E    %3Ccircle cx='620' cy='100' r='1' fill='%23fff' opacity='0.25'/%3E    %3Ccircle cx='820' cy='120' r='1' fill='%23e8b84b' opacity='0.2'/%3E    %3Ccircle cx='1020' cy='105' r='1.2' fill='%23fff' opacity='0.25'/%3E    %3Ccircle cx='1320' cy='115' r='1' fill='%23fff' opacity='0.2'/%3E    %3C!-- Crescent moon --%3E    %3Ccircle cx='1370' cy='32' r='16' fill='%23fffde7' opacity='0.1'/%3E    %3Ccircle cx='1376' cy='29' r='14' fill='%230b160d'/%3E    %3C!-- Far mountains (lightest — snow peaks) --%3E    %3Cpolygon points='0,450 80,362 160,415 260,338 380,402 480,350 580,408 680,342 780,398 880,348 980,400 1080,350 1180,405 1280,358 1380,392 1440,375 1440,480 0,480' fill='%231e3d24'/%3E    %3C!-- Snow caps on tallest peaks --%3E    %3Cpolygon points='254,338 260,338 278,358 242,358' fill='%233d6b47' opacity='0.7'/%3E    %3Cpolygon points='674,342 680,342 698,364 662,364' fill='%233d6b47' opacity='0.6'/%3E    %3Cpolygon points='874,348 880,348 898,370 862,370' fill='%233d6b47' opacity='0.6'/%3E    %3C!-- Mid mountains --%3E    %3Cpolygon points='0,468 60,412 140,446 240,388 360,432 460,392 560,438 660,376 760,428 860,390 960,432 1060,386 1160,430 1260,390 1360,428 1440,402 1440,480 0,480' fill='%23152b18'/%3E    %3C!-- Pine trees — LEFT --%3E    %3Cg fill='%230d2010'%3E     %3Cpolygon points='22,478 38,436 54,478'/%3E     %3Cpolygon points='16,478 38,422 60,478'/%3E     %3Cpolygon points='55,478 70,440 85,478'/%3E     %3Cpolygon points='49,478 70,426 91,478'/%3E     %3Cpolygon points='90,478 105,444 120,478'/%3E     %3Cpolygon points='125,478 140,438 155,478'/%3E     %3Cpolygon points='119,478 140,424 161,478'/%3E     %3Crect x='34' y='474' width='8' height='7' fill='%23060f07'/%3E     %3Crect x='66' y='474' width='8' height='7' fill='%23060f07'/%3E     %3Crect x='136' y='474' width='8' height='7' fill='%23060f07'/%3E    %3C/g%3E    %3C!-- Pine trees — RIGHT --%3E    %3Cg fill='%230d2010'%3E     %3Cpolygon points='1284,478 1300,436 1316,478'/%3E     %3Cpolygon points='1278,478 1300,422 1322,478'/%3E     %3Cpolygon points='1318,478 1334,440 1350,478'/%3E     %3Cpolygon points='1312,478 1334,426 1356,478'/%3E     %3Cpolygon points='1355,478 1372,438 1389,478'/%3E     %3Cpolygon points='1393,478 1410,442 1427,478'/%3E     %3Cpolygon points='1386,478 1410,426 1434,478'/%3E     %3Crect x='1296' y='474' width='8' height='7' fill='%23060f07'/%3E     %3Crect x='1330' y='474' width='8' height='7' fill='%23060f07'/%3E     %3Crect x='1406' y='474' width='8' height='7' fill='%23060f07'/%3E    %3C/g%3E    %3C!-- Village hut LEFT --%3E    %3Cg fill='%230d2010'%3E     %3Crect x='218' y='448' width='62' height='36'/%3E     %3Cpolygon points='204,452 249,416 294,452'/%3E     %3Crect x='240' y='462' width='16' height='22'/%3E     %3Crect x='220' y='453' width='13' height='11' fill='%23c8920a' opacity='0.4'/%3E     %3Crect x='258' y='453' width='13' height='11' fill='%23c8920a' opacity='0.4'/%3E    %3C/g%3E    %3Cellipse cx='253' cy='411' rx='3' ry='6' fill='%231e3d24' opacity='0.6'/%3E    %3Cellipse cx='255' cy='401' rx='2' ry='4' fill='%231e3d24' opacity='0.35'/%3E    %3C!-- Village hut RIGHT --%3E    %3Cg fill='%230d2010'%3E     %3Crect x='1158' y='445' width='66' height='38'/%3E     %3Cpolygon points='1145,449 1191,412 1237,449'/%3E     %3Crect x='1183' y='460' width='17' height='24'/%3E     %3Crect x='1161' y='450' width='14' height='11' fill='%23c8920a' opacity='0.4'/%3E     %3Crect x='1200' y='450' width='14' height='11' fill='%23c8920a' opacity='0.4'/%3E    %3C/g%3E    %3Cellipse cx='1196' cy='407' rx='3' ry='6' fill='%231e3d24' opacity='0.6'/%3E    %3Cellipse cx='1198' cy='397' rx='2' ry='4' fill='%231e3d24' opacity='0.35'/%3E    %3C!-- Center hut --%3E    %3Cg fill='%230d2010'%3E     %3Crect x='690' y='456' width='42' height='26'/%3E     %3Cpolygon points='679,459 711,434 743,459'/%3E     %3Crect x='703' y='468' width='12' height='14'/%3E     %3Crect x='693' y='460' width='10' height='9' fill='%23c8920a' opacity='0.3'/%3E    %3C/g%3E    %3C!-- Ground --%3E    %3Crect x='0' y='475' width='1440' height='5' fill='%23060f07'/%3E   %3C/svg%3E") no-repeat bottom center/cover;padding:0;position:relative}
.f-newsletter{background:linear-gradient(180deg,#0f2a14 0%,#1a3a1e 100%);padding:40px 40px 44px;border-bottom:none}
.f-nl-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.f-nl-text h4{font-family:'Playfair Display',serif;font-size:20px;font-weight:900;color:#fff;margin-bottom:4px}
.f-nl-text p{font-size:13px;color:rgba(255,255,255,.55)}
.f-nl-form{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1.5px solid rgba(255,255,255,.18);min-width:320px}
.f-nl-inp{flex:1;padding:13px 18px;background:rgba(255,255,255,.07);border:none;color:#fff;font-size:13.5px;font-family:'Lato',sans-serif;outline:none}
.f-nl-inp::placeholder{color:rgba(255,255,255,.35)}
.f-nl-btn{padding:13px 22px;background:var(--gd);color:#1a0800;font-weight:800;font-size:13px;border:none;cursor:pointer;font-family:'Lato',sans-serif;transition:background .2s;white-space:nowrap}
.f-nl-btn:hover{background:var(--gd2)}
.f-main{max-width:1200px;margin:0 auto;padding:44px 40px 32px;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px;border-bottom:1px solid rgba(255,255,255,.06)}
.f-brand-desc{font-size:12.5px;color:rgba(255,255,255,.42);line-height:1.8;margin:12px 0 20px}
.f-soc-row{display:flex;gap:8px;flex-wrap:wrap}
.f-soc{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all .2s;color:rgba(255,255,255,.6);text-decoration:none}
.f-soc:hover{background:var(--g2);border-color:rgba(255,255,255,.3);color:#fff}
.f-fssai{margin-top:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;gap:10px}
.f-fssai-badge{background:#fff;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:900;color:#1a6b1a;letter-spacing:.5px}
.f-fssai-num{font-size:10.5px;color:rgba(255,255,255,.4);margin-top:2px}
.fh{font-size:10.5px;font-weight:800;letter-spacing:1.8px;color:var(--gd2);margin-bottom:14px;text-transform:uppercase}
.ful{list-style:none;display:flex;flex-direction:column;gap:9px}
.ful li a{font-size:13px;color:rgba(255,255,255,.48);transition:all .2s;display:flex;align-items:center;gap:6px}
.ful li a:hover{color:#fff;padding-left:4px}
.f-contact-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:11px}
.f-contact-icon{font-size:15px;flex-shrink:0;margin-top:1px}
.f-contact-text{font-size:12.5px;color:rgba(255,255,255,.48);line-height:1.65}
.f-contact-text a{color:rgba(255,255,255,.48);transition:color .2s}
.f-contact-text a:hover{color:#fff}
.f-grievance{margin-top:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px}
.f-grievance-label{font-size:9.5px;font-weight:800;letter-spacing:1px;color:var(--gd2);text-transform:uppercase;margin-bottom:4px}
.f-grievance-name{font-size:12.5px;color:rgba(255,255,255,.7);font-weight:700}
.f-grievance-email{font-size:11.5px;color:rgba(255,255,255,.4)}
.f-divider{max-width:1200px;margin:0 40px;border:none;border-top:1px solid rgba(255,255,255,.07);position:relative;z-index:2}
.f-bot{max-width:1200px;margin:0 auto;padding:18px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;position:relative;z-index:2}
.f-bot-left{font-size:12px;color:rgba(255,255,255,.32);font-family:'Lato',sans-serif;white-space:nowrap}
.f-bot-left strong.fd{color:rgba(255,255,255,.85) !important;font-weight:700;font-style:normal}
.f-bot-tag{font-size:11.5px;color:rgba(255,255,255,.3);font-style:italic;white-space:nowrap}
.fd{color:var(--gd);font-weight:700}
@media(max-width:900px){.f-main{grid-template-columns:1fr 1fr;gap:28px}.f-nl-inner{flex-direction:column;align-items:flex-start}.f-nl-form{min-width:100%;width:100%}}
@media(max-width:560px){.f-main{grid-template-columns:1fr;padding:32px 20px 24px}.f-newsletter{padding:28px 20px}.f-bot{padding:16px 20px;flex-direction:column;text-align:center;gap:8px}.f-divider{margin:0 20px}}

/* SEARCH */
.srch-overlay{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.65);display:none;align-items:flex-start;justify-content:center;padding-top:80px;backdrop-filter:blur(4px)}
.srch-overlay.open{display:flex}
.srch-box{background:#fff;border-radius:20px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.srch-inp-row{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--bd)}
.srch-ico{font-size:18px;opacity:.4;margin-right:10px}
.srch-inp{flex:1;border:none;outline:none;font-size:16px;padding:16px 0;font-family:'Lato',sans-serif;color:var(--tx)}
.srch-cls{background:none;border:none;font-size:20px;color:var(--tx3);padding:8px}
.srch-res{max-height:400px;overflow-y:auto;padding:8px}
.srch-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s}
.srch-item:hover{background:rgba(26,58,30,.06)}
.srch-thumb{width:44px;height:44px;border-radius:8px;overflow:hidden;background:#f0e8d8;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.srch-thumb img{width:100%;height:100%;object-fit:cover}
.srch-iname{font-size:13.5px;font-weight:700;color:var(--tx)}
.srch-iregion{font-size:11px;color:var(--tx3);margin-top:1px}
.srch-iprice{font-size:13px;font-weight:800;color:var(--g);margin-top:2px}
.srch-hint{text-align:center;padding:18px;font-size:12.5px;color:var(--tx3)}
.srch-empty{text-align:center;padding:24px;font-size:13px;color:var(--tx3);font-style:italic}

/* WISHLIST */
.wl-drw{position:fixed;top:0;right:-380px;width:380px;max-width:100vw;height:100%;background:#fff;z-index:900;box-shadow:-4px 0 24px rgba(0,0,0,.12);display:flex;flex-direction:column;transition:right .3s;border-left:1px solid var(--bd)}
.wl-drw.open{right:0}
.wl-hdr{padding:18px 20px;border-bottom:1px solid var(--bd);display:flex;justify-content:space-between;align-items:center}
.wl-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--g)}
.wl-cls{background:none;border:none;font-size:22px;color:var(--tx3);cursor:pointer}
.wl-body{flex:1;overflow-y:auto;padding:16px}
.wl-empty{text-align:center;padding:40px 20px;color:var(--tx3)}
.wl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wl-card{border:1.5px solid var(--bd);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative}
.wl-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.wl-irm{position:absolute;top:6px;right:6px;background:rgba(255,255,255,.9);border:none;border-radius:50%;width:22px;height:22px;font-size:11px;z-index:2;display:flex;align-items:center;justify-content:center}
.wl-img{height:100px;background:#f5f0e8;display:flex;align-items:center;justify-content:center;font-size:36px;overflow:hidden}
.wl-img img{width:100%;height:100%;object-fit:cover}
.wl-info{padding:10px 10px 12px}
.wl-iname{font-size:12px;font-weight:700;color:var(--tx);margin-bottom:4px}
.wl-iprice{font-size:13px;font-weight:800;color:var(--g);margin-bottom:7px}
.wl-iadd{width:100%;background:var(--g);color:#fff;border:none;border-radius:8px;padding:7px;font-size:11.5px;font-weight:700;font-family:'Lato',sans-serif}

/* QUICK VIEW */
.qv-ov{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.qv-ov.open{display:flex}
.qv-box{background:#fff;border-radius:20px;width:100%;max-width:820px;max-height:90vh;overflow-y:auto;position:relative}
.qv-inner{display:grid;grid-template-columns:1fr 1fr}
.qv-img-col{background:#f5f0e8;border-radius:20px 0 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:80px;padding:28px;min-height:320px;position:relative;overflow:hidden}
.qv-img-col img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:20px 0 0 20px}
.qv-content{padding:32px 28px;display:flex;flex-direction:column}
.qv-close{position:absolute;top:14px;right:14px;background:rgba(0,0,0,.07);border:none;border-radius:50%;width:32px;height:32px;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer}
.qv-region{font-size:11px;font-weight:700;color:var(--gd);letter-spacing:.5px;margin-bottom:6px}
.qv-name{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:var(--g);margin-bottom:6px}
.qv-stars{font-size:14px;color:var(--gd);margin-bottom:10px}
.qv-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}
.qv-price{font-size:22px;font-weight:900;color:var(--g)}
.qv-was{font-size:14px;color:var(--tx3);text-decoration:line-through}
.qv-save{font-size:12px;font-weight:800;color:#e53;background:rgba(229,51,51,.1);padding:2px 8px;border-radius:8px}
.qv-unit{font-size:12px;color:var(--tx3);margin-bottom:10px}
.qv-desc{font-size:13px;color:var(--tx2);line-height:1.65;margin-bottom:12px;flex:1}
.qv-stock{font-size:12.5px;font-weight:700;margin-bottom:14px}
.qv-stock.in{color:#4caf50}.qv-stock.low{color:#ff9800}.qv-stock.out{color:#f44336}
.qv-qty-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.qv-qb{width:34px;height:34px;border:1.5px solid var(--bd);border-radius:50%;background:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}
.qv-qn{min-width:32px;text-align:center;font-size:15px;font-weight:800;color:var(--tx)}
.qv-atc{flex:1;background:var(--g);color:#fff;border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:800;font-family:'Lato',sans-serif}
.qv-wl{background:none;border:1.5px solid var(--bd);border-radius:12px;padding:10px 12px;font-size:18px;cursor:pointer}
.pin-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.pin-inp{flex:1;border:1.5px solid var(--bd);border-radius:10px;padding:8px 12px;font-size:13px;font-family:'Lato',sans-serif}
.pin-chk{background:var(--g);color:#fff;border:none;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;font-family:'Lato',sans-serif;cursor:pointer}
.pin-res{font-size:12px;font-weight:700;margin-bottom:10px;display:none;padding:6px 10px;border-radius:8px}
.pin-res.ok{background:rgba(76,175,80,.1);color:#2e7d32}
.pin-res.fail{background:rgba(229,57,53,.08);color:#c62828}
.qv-tags{display:flex;flex-wrap:wrap;gap:6px}
.qv-tag{background:rgba(26,58,30,.07);color:var(--g);border-radius:10px;padding:4px 10px;font-size:11px;font-weight:700}
@media(max-width:640px){.qv-inner{grid-template-columns:1fr}.qv-img-col{border-radius:20px 20px 0 0;min-height:200px}.qv-img-col img{border-radius:20px 20px 0 0}}

/* FULL-SCREEN CART */
.cart-page{position:fixed;inset:0;z-index:8000;background:#f7f2ea;display:none;flex-direction:column;overflow:hidden}
.cart-page.open{display:flex}
.cpage-hdr{background:#fff;border-bottom:1px solid rgba(0,0,0,.08);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.cpage-back{background:none;border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--g);display:flex;align-items:center;gap:6px;font-family:'Lato',sans-serif}
.cpage-back:hover{opacity:.7}
.cpage-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--g)}
.cpage-logo{font-family:'Playfair Display',serif;font-size:14px;font-weight:700;color:var(--g);text-decoration:none;opacity:.7}
.cpage-body{flex:1;display:grid;grid-template-columns:1fr 460px;overflow:hidden}
.cpage-left{overflow-y:auto;padding:24px 32px;background:#f7f2ea;border-right:1px solid rgba(0,0,0,.08)}
.cpage-right{overflow-y:auto;padding:24px 28px;background:#fff}
.cpage-summary{position:sticky;top:0}
.ship-prog{background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:20px;box-shadow:0 1px 6px rgba(0,0,0,.06)}
.ship-prog-txt{font-size:13px;color:var(--tx2);margin-bottom:8px;font-weight:600}
.ship-prog-bar{height:6px;background:rgba(0,0,0,.08);border-radius:4px;overflow:hidden}
.ship-prog-fill{height:100%;background:linear-gradient(90deg,var(--g),var(--g3));border-radius:4px;transition:width .5s}
.ciw{display:flex;flex-direction:column;gap:12px}
.ci{background:#fff;border-radius:14px;padding:16px;display:flex;gap:14px;box-shadow:0 1px 6px rgba(0,0,0,.05)}
.cimg{width:80px;height:80px;border-radius:10px;overflow:hidden;background:#f0e8d8;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:32px}
.cimg img{width:100%;height:100%;object-fit:cover}
.cinf{flex:1}
.cname{font-size:14px;font-weight:700;color:var(--tx);margin-bottom:3px}
.cprice{font-size:13px;color:var(--tx2);margin-bottom:10px}
.cctrl{display:flex;align-items:center}
.qb{width:32px;height:32px;border:1.5px solid rgba(0,0,0,.12);background:#fff;border-radius:50%;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .18s;color:var(--g);cursor:pointer}
.qb:hover{background:var(--g);color:#fff;border-color:var(--g)}
.qn{min-width:36px;text-align:center;font-size:14px;font-weight:700}
.crm{margin-left:12px;cursor:pointer;font-size:16px;color:var(--tx3);padding:6px;line-height:1}
.crm:hover{color:#e53}
.cempty{text-align:center;padding:60px 20px;color:var(--tx3)}
.ceit{font-size:56px;display:block;margin-bottom:16px;opacity:.3}
.cart-upsell{background:#fff;border-radius:14px;padding:16px;margin-top:16px;box-shadow:0 1px 6px rgba(0,0,0,.05)}
.cu-title{font-size:13px;font-weight:800;color:var(--tx);margin-bottom:12px}
.cu-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.cu-item{flex-shrink:0;width:100px;cursor:pointer;text-align:center;padding:10px 8px;border-radius:10px;border:1.5px solid rgba(0,0,0,.07);transition:all .18s;background:#faf6ee}
.cu-item:hover{border-color:var(--gd);transform:translateY(-2px)}
.cu-img{height:44px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background:#f0e8d8;font-size:28px;margin-bottom:4px}
.cu-img img{width:100%;height:100%;object-fit:cover}
.cu-name{font-size:9.5px;font-weight:700;color:var(--tx);margin-bottom:3px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cu-price{font-size:11px;font-weight:800;color:var(--g)}
.csum-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--g);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}
.coup-row{margin-bottom:16px}
.coup-inp-row{display:flex;gap:8px}
.coup-inp{flex:1;padding:10px 14px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;font-size:13px;font-family:'Lato',sans-serif;font-weight:700;letter-spacing:.5px;background:#f7f2ea;color:var(--tx)}
.coup-inp:focus{outline:none;border-color:var(--g)}
.coup-btn{background:var(--g);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;font-family:'Lato',sans-serif;cursor:pointer}
.coup-applied{background:rgba(26,58,30,.08);border:1px solid rgba(26,58,30,.2);border-radius:10px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--g);font-weight:700}
.coup-rm{background:none;border:none;font-size:16px;color:var(--tx3);cursor:pointer}
.coup-msg{font-size:11.5px;margin-top:6px}
.coup-bad{color:#e53}.coup-ok{color:var(--g)}
.cart-savings{display:none;background:linear-gradient(135deg,rgba(200,146,10,.12),rgba(200,146,10,.06));border:1px solid rgba(200,146,10,.25);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700;color:var(--gd);margin-bottom:14px;gap:8px;align-items:center}
.cart-savings.show{display:flex}
.csum-rows{margin-bottom:20px}
.csum-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:14px;color:var(--tx2)}
.csum-free{color:var(--g);font-weight:700}
.csum-divider{height:1px;background:rgba(0,0,0,.1);margin:4px 0}
.csum-total{font-size:17px;font-weight:800;color:var(--tx);border-bottom:none}
.csum-total span:last-child{color:var(--g)}
.chkbtn{width:100%;padding:15px;background:var(--g);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:800;font-family:'Lato',sans-serif;transition:all .25s;margin-bottom:14px;letter-spacing:.5px;box-shadow:0 4px 16px rgba(26,58,30,.25);cursor:pointer}
.chkbtn:hover{background:var(--g2);transform:translateY(-1px)}
.cpays{text-align:center;font-size:11px;color:var(--tx3);margin-bottom:10px}
.cpage-secure{text-align:center;font-size:11px;color:var(--tx3);margin-top:6px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06)}
.cov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:700}
.cx{background:none;border:none;font-size:20px;cursor:pointer;color:var(--tx3)}

/* TOAST */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#1a3a1e;color:#fff;padding:11px 22px;border-radius:24px;font-size:13.5px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:9999;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;white-space:nowrap;max-width:90vw;text-align:center}
.toast.show{opacity:1;transform:translateX(-50%) translateY(-4px)}

/* WA FLOAT & BTT */
.wa-float{position:fixed;bottom:28px;right:24px;z-index:800;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.45),0 2px 8px rgba(0,0,0,.18);transition:transform .25s, box-shadow .25s;text-decoration:none}
.wa-float::before{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:wa-pulse 2.2s ease-out infinite;pointer-events:none}
@keyframes wa-pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.25);opacity:0}100%{transform:scale(1.25);opacity:0}}
.wa-float:hover{transform:scale(1.1);box-shadow:0 8px 28px rgba(37,211,102,.5),0 4px 12px rgba(0,0,0,.2)}
.wa-tooltip{position:absolute;right:64px;background:#1a1a1a;color:#fff;font-size:12.5px;font-weight:700;font-family:'Lato',sans-serif;white-space:nowrap;padding:6px 14px;border-radius:20px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateX(6px);letter-spacing:0.2px}
.wa-float:hover .wa-tooltip{opacity:1;transform:translateX(0)}
.btt{position:fixed;bottom:84px;right:26px;z-index:800;width:38px;height:38px;border-radius:50%;background:var(--g);color:#fff;border:none;font-size:18px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.btt.show{display:flex}

/* COMPARE */
.cmp-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid var(--g);padding:12px 24px;display:none;align-items:center;justify-content:space-between;z-index:700;box-shadow:0 -4px 20px rgba(0,0,0,.1)}
.cmp-bar.show{display:flex}
.cmp-items{display:flex;gap:8px;flex-wrap:wrap}
.cmp-chip{background:rgba(26,58,30,.08);color:var(--g);border-radius:20px;padding:6px 10px;font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:6px}
.cmp-chip button{background:none;border:none;font-size:14px;cursor:pointer;color:var(--tx3);padding:0 2px}
.cmp-go{background:var(--g);color:#fff;border:none;border-radius:20px;padding:9px 20px;font-size:13px;font-weight:800;font-family:'Lato',sans-serif;cursor:pointer}
.cmp-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1300;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.cmp-modal.open{display:flex}
.cmp-table-wrap{background:#fff;border-radius:18px;padding:28px;max-width:780px;width:100%;max-height:85vh;overflow-y:auto}
.cmp-table{width:100%;border-collapse:collapse}
.cmp-table th,.cmp-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--bd);font-size:13px}
.cmp-table th{background:#f5f0e8;font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--tx2)}
.cmp-win{color:var(--g);font-weight:800}

/* NOTIFY MODAL */
.notify-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1400;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}
.notify-modal.open{display:flex}
.notify-box{background:#fff;border-radius:18px;padding:32px;max-width:380px;width:100%;text-align:center}
.notify-box h3{font-family:'Playfair Display',serif;font-size:20px;color:var(--g);margin-bottom:10px}
.notify-box p{font-size:13px;color:var(--tx2);line-height:1.6;margin-bottom:16px}
.notify-email{width:100%;border:1.5px solid var(--bd);border-radius:10px;padding:11px 14px;font-size:14px;font-family:'Lato',sans-serif;margin-bottom:12px}
.notify-submit{width:100%;background:var(--g);color:#fff;border:none;border-radius:12px;padding:12px;font-size:14px;font-weight:800;font-family:'Lato',sans-serif;cursor:pointer}

/* RECENTLY VIEWED */
.rv-sec{background:#f9f4ec;padding:24px 40px}
.rv-sec-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--g);margin-bottom:14px}
.rvr{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.rv-mini{flex-shrink:0;width:130px;cursor:pointer;transition:transform .2s}
.rv-mini:hover{transform:translateY(-2px)}
.rv-mini-img{height:90px;border-radius:10px;overflow:hidden;background:#f0e8d8;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:8px}
.rv-mini-img img{width:100%;height:100%;object-fit:cover}
.rv-mini-name{font-size:11.5px;font-weight:700;color:var(--tx);line-height:1.3}
.rv-mini-price{font-size:12px;font-weight:800;color:var(--g);margin-top:2px}

/* COUPON OVERLAY */
.coup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9900;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.coup-overlay.open{display:flex}
.modal-box{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 60px rgba(0,0,0,.8)}

/* SCROLL REVEAL */
.rv{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}
.rv.anim{opacity:0;transform:translateY(28px)}
.rv.anim.vis{opacity:1;transform:translateY(0)}

/* STICKY ATC removed */
.sticky-atc{display:none}

/* RESPONSIVE */
@media(max-width:960px){


  .trust{grid-template-columns:repeat(2,1fr)}
  .pgr{grid-template-columns:1fr 1fr}
  .rgrid{grid-template-columns:1fr 1fr}
  .pay-opts-wrap{grid-template-columns:1fr 1fr}
  .state-sec{padding:24px 20px 0}
  .shdr{grid-template-columns:1fr;height:auto}
  .shdr-img-col{height:200px}
  .shdr-info-col{padding:24px 18px}
  .spgrid{grid-template-columns:1fr 1fr;padding:16px 20px}
  .stab{flex:0 0 auto;width:110px}
  .stab-thumb{height:70px}

  .fname{font-size:clamp(28px,6vw,40px)}
  .cpage-body{grid-template-columns:1fr;overflow:auto}
  .cpage-summary{position:static}
}
@media(max-width:600px){
  section.sec,.why-bg,.rev-bg,.pay-sec{padding:16px 16px}
  .pgr,.rgrid{grid-template-columns:1fr 1fr}
  .pay-opts-wrap{grid-template-columns:1fr 1fr}
  .spgrid{grid-template-columns:1fr}
  .stab{flex:0 0 auto;width:86px}
  .stab-thumb{height:56px}
  .trust{grid-template-columns:1fr 1fr}
  .nlf{flex-direction:column}
  .f-bot{flex-direction:column;gap:8px;text-align:center}
  .hstats{gap:0}
  .hstat{padding:0 12px}
}


.logo-words{display:flex;flex-direction:column;justify-content:center}
.rnm{font-size:11px;font-weight:700;color:var(--g)}
.rv-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}

/* Slideshow wrapper */
/* LEFT — dark text side */
/* vertical gold separator line between text and photo */
/* RIGHT — angled photo side */
/* Angled clip — matches opt-c exactly: text bleeds into photo panel */
/* Since badge bottom right of photo */
/* Dot indicators */
/* Text elements — matching opt-c exactly */
.ftag{font-size:8px;font-weight:800;letter-spacing:4px;color:var(--gd2);text-transform:uppercase;margin-bottom:16px;opacity:.9}
.fname{font-family:'Playfair Display',serif;font-size:clamp(30px,3.5vw,52px);color:#fff;font-weight:900;line-height:1;margin-bottom:4px;letter-spacing:-.3px}
.fname span{color:var(--gd);font-style:normal}
.fsubtitle-big{font-size:12px;color:rgba(255,255,255,.38);letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}
.fq{font-size:13.5px;color:rgba(255,255,255,.65);line-height:1.8;font-style:italic;border-left:2px solid var(--gd);padding-left:16px;max-width:440px}
.faut-row{display:none}
/* Suppress old layout */
.fvis{display:none}.ftxt{display:none}.fport{display:none}
@media(max-width:768px){
}
/* ── DELIVERY FORM ───────────────────────────── */
.del-form{background:rgba(26,58,30,.06);border:1px solid rgba(26,58,30,.15);border-radius:10px;padding:16px;margin-bottom:14px}
.del-form-title{font-size:12.5px;font-weight:800;letter-spacing:.5px;color:var(--g);margin-bottom:12px;text-transform:uppercase;display:flex;align-items:center;gap:6px}
.del-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.del-row.full{grid-template-columns:1fr}
.del-field label{display:block;font-size:10.5px;font-weight:700;color:var(--tx2);margin-bottom:4px;letter-spacing:.3px;text-transform:uppercase}
.del-input{width:100%;background:#fff;border:1.5px solid #e0d8c8;border-radius:7px;padding:8px 11px;font-size:13px;color:#333;font-family:'Lato',sans-serif;outline:none;transition:border-color .15s}
.del-input:focus{border-color:var(--g)}
.del-input.req-err{border-color:#e05252}
/* State image slideshow dots */
.sshdr-dot{display:inline-block;width:20px;height:3px;background:rgba(255,255,255,.3);border-radius:2px;cursor:pointer;transition:all .3s}
.sshdr-dot.active{background:var(--gd);width:32px}
/* Product hover image swap — single hover image */
.piw .phover-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .45s ease}
.pcard:hover .piw .phover-img{opacity:1}
/* Mobile tap indicator */
@media(hover:none){
  .piw::after{content:'👆 Tap to see more';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.55);color:#fff;font-size:9px;padding:3px 8px;border-radius:10px;white-space:nowrap;z-index:4;pointer-events:none;opacity:0;transition:opacity .3s}
  .piw:has(.phover-img)::after{opacity:1}
}
.pcard:hover .pemo{opacity:0;transition:opacity .3s}
/* Product hover cycle — multiple images cycling on hover */
@keyframes hoverCycle{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}
.phover-cycle{animation:none}
.pcard:hover .phover-cycle{animation:hoverCycle var(--hc-dur,4s) ease infinite;opacity:0}
.pcard:hover .phover-cycle:first-of-type{opacity:1}
</style

/* Login Modal */
.auth-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9000;opacity:0;pointer-events:none;transition:opacity .25s}
.auth-ov.open{opacity:1;pointer-events:all}
.auth-box{position:fixed;top:0;right:-400px;width:360px;max-width:100vw;height:100vh;background:#fff;z-index:9001;box-shadow:-4px 0 40px rgba(0,0,0,.18);transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:0}
.auth-ov.open .auth-box{right:0}
.auth-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:20px;cursor:pointer;color:#999;line-height:1}
.auth-logo{text-align:center;margin-bottom:8px;font-size:28px}
.auth-title{text-align:center;font-weight:800;font-size:20px;color:#1a3a1e;margin-bottom:4px}
.auth-sub{text-align:center;font-size:13px;color:#888;margin-bottom:20px}
.auth-tabs{display:flex;background:#f0f7f3;border-radius:12px;padding:4px;margin-bottom:20px;gap:4px}
.auth-tab{flex:1;padding:9px;border:none;border-radius:9px;background:none;cursor:pointer;font-size:13px;font-weight:600;color:#888;transition:all .2s}
.auth-tab.auth-tab.active{background:#fff;color:#1a5c2a;box-shadow:0 1px 6px rgba(0,0,0,.1)}
.auth-panel{display:none}.auth-panel.active{display:block}
.auth-label{font-size:12px;font-weight:700;color:#555;margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.6px}
.auth-input{width:100%;padding:12px 14px;border:1.5px solid #e8e8e8;border-radius:12px;font-size:14px;outline:none;transition:all .2s;box-sizing:border-box;font-family:inherit;background:#fafafa;color:#1a3a1e}
.auth-input:focus{border-color:#2d6a4f;background:#fff;box-shadow:0 0 0 3px rgba(45,106,79,.1)}
.auth-input::placeholder{color:#bbb}
.auth-input.err{border-color:#e05252;background:#fff8f8}
.auth-fg{margin-bottom:16px}
.auth-otp-row{display:flex;gap:8px}
.auth-otp-row .auth-input{flex:1}
.auth-otp-btn{white-space:nowrap;padding:12px 14px;background:#e8f5e9;border:1.5px solid #c8e6c9;border-radius:12px;font-size:13px;font-weight:700;color:#1a5c2a;cursor:pointer;transition:all .2s}
.auth-otp-btn:disabled{opacity:.5;cursor:not-allowed}
.auth-submit{width:100%;padding:14px;background:linear-gradient(135deg,#1a5c2a,#2d6a4f);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;margin-top:6px;transition:all .2s;letter-spacing:.2px}
.auth-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(26,92,42,.3)}
.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
.auth-err{color:#c0392b;font-size:12.5px;margin-top:6px;display:none;padding:8px 12px;background:#fff5f5;border-radius:8px;border-left:3px solid #e05252}
.auth-err.show{display:block}
.auth-switch{text-align:center;font-size:13px;color:#888;margin-top:16px}
.auth-switch a{color:#2d6a4f;font-weight:700;cursor:pointer;text-decoration:none}
.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#bbb;font-size:12px}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:#eee}
.otp-timer{font-size:12px;color:#999;text-align:center;margin-top:6px}

/* My Account Panel */
.acct-panel{position:fixed;top:0;right:-480px;width:460px;max-width:100vw;height:100vh;background:#fff;z-index:8500;box-shadow:-4px 0 30px rgba(0,0,0,.15);transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
.acct-panel.open{right:0}
.acct-bg{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:8400;opacity:0;pointer-events:none;transition:opacity .3s}
.acct-bg.open{opacity:1;pointer-events:all}
.acct-hdr{background:linear-gradient(135deg,#1a3a1e,#2d5233);padding:20px 20px 16px;color:#fff;flex-shrink:0}
.acct-hdr-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.acct-hdr-close{background:rgba(255,255,255,.15);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}
.acct-avatar{width:52px;height:52px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:8px}
.acct-name{font-weight:800;font-size:16px}
.acct-sub{font-size:12px;opacity:.75;margin-top:2px}
.acct-tabs{display:flex;background:#f8f8f8;border-bottom:1px solid #eee;flex-shrink:0}
.acct-tab{flex:1;padding:12px 8px;border:none;background:none;cursor:pointer;font-size:12px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:3px solid transparent;transition:all .2s}
.acct-tab.active{color:#1a5c2a;border-bottom-color:#1a5c2a;background:#fff}
.acct-body{flex:1;overflow-y:auto;padding:16px}
.acct-section{margin-bottom:20px}
.acct-section-title{font-size:12px;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.order-card{background:#f9f9f9;border-radius:12px;padding:14px;margin-bottom:10px;border:1px solid #eee}
.order-card-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.order-num{font-weight:800;font-size:13px;color:#1a3a1e}
.order-status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}
.os-pending{background:#fff3cd;color:#856404}
.os-confirmed,.os-processing{background:#cce5ff;color:#004085}
.os-shipped{background:#d4edda;color:#155724}
.os-delivered{background:#d1ecf1;color:#0c5460}
.os-cancelled{background:#f8d7da;color:#721c24}
.order-items{font-size:12px;color:#666;margin-bottom:6px}
.order-footer{display:flex;justify-content:space-between;align-items:center}
.order-total{font-weight:800;font-size:14px;color:#1a5c2a}
.order-date{font-size:11px;color:#aaa}
.profile-field{margin-bottom:14px}
.profile-field label{font-size:12px;font-weight:700;color:#444;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}
.profile-input{width:100%;padding:10px 12px;border:1.5px solid #ddd;border-radius:9px;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box;font-family:inherit}
.profile-input:focus{border-color:#2d6a4f}
.link-section{background:#f0f7f1;border-radius:12px;padding:14px;margin-bottom:14px}
.link-section-title{font-size:12px;font-weight:800;color:#1a5c2a;margin-bottom:8px}
.acct-btn{padding:10px 18px;border:none;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}
.acct-btn-p{background:#1a5c2a;color:#fff}
.acct-btn-p:hover{background:#145222}
.acct-btn-s{background:#f0f0f0;color:#444}
.acct-btn-s:hover{background:#e0e0e0}
.acct-btn-r{background:#fdecea;color:#c0392b}
.acct-loading{text-align:center;padding:30px;color:#888;font-size:14px}
@media(max-width:480px){.auth-box{width:100vw;right:-100vw}.acct-panel{width:100vw}}


/* ── HERO SLIDESHOW ── */
.hero-slides{position:absolute;inset:0;z-index:0;}
.hero-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.5s ease;z-index:0}
.hero-slide-img.active{opacity:1}


/* =================================================================
   NEW ADDITIONS v2 — ATC, Quick View, Theme Switcher, Checkout Tag
   ================================================================= */

/* .atc — defined in base styles */

.qv-open-btn {
  background: rgba(26,58,30,.07);
  border: 1.5px solid var(--bd);
  border-radius: 22px;
  padding: 7px 13px;
  font-size: 11px;
  font-weight: 700;
  color: var(--g);
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  transition: background .2s;
  white-space: nowrap;
  display: inline-block;
  margin-top: 5px;
}
.qv-open-btn:hover { background: rgba(26,58,30,.14); }

/* ATC + QV layout */

/* ── IMAGE HOVER OVERLAY ──────────────────────────────────────────── */
.piw img { transition: transform .45s ease; }
.pcard:hover .piw img { transform: scale(1.07); }

.piw-hover-overlay {
  position: absolute;
  inset: 0;
  background: rgba(27,67,50,0);
  z-index: 4;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 14px;
  transition: background .28s;
  pointer-events: none;
}
.pcard:hover .piw-hover-overlay { background: rgba(27,67,50,.42); }

.piw-hover-cta {
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .3px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .25s, transform .25s;
  background: rgba(255,255,255,.16);
  backdrop-filter: blur(4px);
  padding: 6px 16px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.28);
}
.pcard:hover .piw-hover-cta { opacity: 1; transform: translateY(0); }

/* ── CHECKOUT OFFER TAG ───────────────────────────────────────────── */
.pcard-checkout-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
  background: #bc4749;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .4px;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  pointer-events: none;
}
.checkout-strip {
  background: #fff5f5;
  border-top: 1px dashed rgba(188,71,73,.28);
  padding: 7px 16px;
  font-size: 10.5px;
  font-weight: 700;
  color: #bc4749;
  display: flex;
  align-items: center;
  gap: 5px;
}
.spgrid .checkout-strip {
  background: rgba(255,255,255,.05);
  border-top-color: rgba(255,255,255,.12);
  color: rgba(255,200,200,.75);
}

/* ── QUICK VIEW OVERLAY ───────────────────────────────────────────── */
#qvOverlay { font-family: 'Lato', sans-serif; }

/* ── THEME SWITCHER ───────────────────────────────────────────────── */
.theme-switcher-wrap { position: relative; }
.theme-btn {
  background: none;
  border: 1.5px solid var(--bd);
  border-radius: 20px;
  padding: 5px 12px;
  font-size: 13px;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--tx2);
  transition: all .2s;
  white-space: nowrap;
}
.theme-btn:hover { border-color: var(--g); color: var(--g); background: rgba(26,58,30,.05); }

.theme-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: #fff;
  border: 1px solid var(--bd);
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(0,0,0,.16);
  padding: 16px;
  width: 268px;
  z-index: 9999;
  display: none;
}
.theme-panel.open { display: block; animation: themeIn .18s ease; }
@keyframes themeIn { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }

.theme-panel-title {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: var(--tx3);
  margin-bottom: 12px;
}
.theme-opts { display: flex; flex-direction: column; gap: 8px; }
.theme-opt {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 13px;
  border-radius: 12px;
  border: 2px solid transparent;
  cursor: pointer;
  background: rgba(0,0,0,.03);
  transition: all .18s;
  font-family: 'Lato', sans-serif;
  text-align: left;
  width: 100%;
}
.theme-opt:hover { border-color: rgba(26,58,30,.3); background: rgba(26,58,30,.04); }
.theme-opt.active { border-color: var(--g); background: rgba(26,58,30,.07); }
.theme-swatch {
  width: 34px; height: 34px;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.swatch-pahadi { background: linear-gradient(135deg, #1a3a1e 50%, #c8920a 50%); }
.swatch-dukan  { background: linear-gradient(135deg, #006d77 50%, #bf4e2c 50%); }
.theme-opt-info { display: flex; flex-direction: column; gap: 2px; }
.theme-opt-label { font-size: 13px; font-weight: 800; color: var(--tx); line-height: 1.2; }
.theme-opt-sub   { font-size: 10.5px; color: var(--tx3); }
.theme-check { margin-left: auto; color: var(--g); font-size: 16px; opacity: 0; }
.theme-opt.active .theme-check { opacity: 1; }

/* ═══════════════════════════════════════════════════════════════════
   DUKAN THEME  (body[data-theme="dukan"])
   MyPahadiDukan colour palette: Ocean Teal + Warm Orange
   ═══════════════════════════════════════════════════════════════════ */
body[data-theme="dukan"] {
  --g:    #006d77;
  --g2:   #0a8f9c;
  --g3:   #14adb8;
  --gd:   #bf4e2c;
  --gd2:  #d4622e;
  --gd3:  #e07a4a;
  --tx:   #18181e;
  --tx2:  #3a3a55;
  --tx3:  #8888aa;
  --bd:   rgba(0,109,119,.14);
  font-family: 'Nunito', 'Lato', sans-serif;
}

/* Top bar & ticker */
body[data-theme="dukan"] .ann { background: #006d77; color: #fff; }
body[data-theme="dukan"] .ticker-wrap { background: #bf4e2c; }
body[data-theme="dukan"] .ticker-item { color: #fff; }

/* Nav */
body[data-theme="dukan"] nav#mNav { border-bottom-color: rgba(0,109,119,.12); }
body[data-theme="dukan"] .logo-name { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; font-weight: 900; }
body[data-theme="dukan"] .logo-tl   { color: #bf4e2c; }
body[data-theme="dukan"] .nav-links a:hover { color: #006d77; background: rgba(0,109,119,.06); }
body[data-theme="dukan"] .cart-btn  { background: #006d77; }
body[data-theme="dukan"] .cart-btn:hover { background: #0a8f9c; }
body[data-theme="dukan"] .cbadge    { background: #bf4e2c; color: #fff; }
body[data-theme="dukan"] .ship-badge { background: rgba(0,109,119,.1); color: #006d77; }

/* Hero */
body[data-theme="dukan"] .hero { background: linear-gradient(170deg, #001f26 0%, #003d47 28%, #006d77 62%, #0a8f9c 100%); }
body[data-theme="dukan"] .eyebrow { background: rgba(191,78,44,.15); border-color: rgba(191,78,44,.4); color: #e07a4a; }
body[data-theme="dukan"] .hc h1 em { color: #e07a4a; }
body[data-theme="dukan"] .hstat-num { color: #bf4e2c; }
body[data-theme="dukan"] .btn-g  { background: #bf4e2c; color: #fff; }
body[data-theme="dukan"] .btn-g:hover { background: #d4622e; box-shadow: 0 8px 24px rgba(191,78,44,.4); }
body[data-theme="dukan"] .trust  { background: #006d77; }

/* Section headings */
body[data-theme="dukan"] .chip { color: #bf4e2c; border-color: rgba(191,78,44,.32); }
body[data-theme="dukan"] .sh2  { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; }
body[data-theme="dukan"] .coll-bg { background: linear-gradient(180deg, #f0fbfc, #e0f5f7); }

/* Category cards */
body[data-theme="dukan"] .cc:hover { border-color: #006d77; box-shadow: 0 12px 32px rgba(0,109,119,.14); }
body[data-theme="dukan"] .cname   { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; }

/* Filter bar */
body[data-theme="dukan"] .filter-btn.active { background: #006d77; border-color: #006d77; }
body[data-theme="dukan"] .filter-btn:hover  { border-color: #0a8f9c; color: #006d77; }

/* Product cards */
body[data-theme="dukan"] .pcard { border-color: rgba(0,109,119,.13); border-radius: 18px; }
body[data-theme="dukan"] .pcard:hover { box-shadow: 0 18px 48px rgba(0,109,119,.16); }
body[data-theme="dukan"] .pregion { color: #bf4e2c; }
body[data-theme="dukan"] .pname  { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; font-size: 15px; font-weight: 800; }
body[data-theme="dukan"] .pstars { color: #f59e0b; }
body[data-theme="dukan"] .pnow   { color: #006d77; }

body[data-theme="dukan"] .atc         { background: #bf4e2c; color: #fff; border-radius: 24px; font-family: 'Nunito', sans-serif; }
body[data-theme="dukan"] .atc:hover   { background: #d4622e; }
body[data-theme="dukan"] .qv-open-btn { color: #006d77; border-color: rgba(0,109,119,.2); background: rgba(0,109,119,.06); }
body[data-theme="dukan"] .qv-open-btn:hover { background: rgba(0,109,119,.12); }
/* Hover overlay in teal */
body[data-theme="dukan"] .pcard:hover .piw-hover-overlay { background: rgba(0,109,119,.44); }
/* Checkout tags */
body[data-theme="dukan"] .pcard-checkout-tag { background: #bf4e2c; }
body[data-theme="dukan"] .checkout-strip { background: #fff8f5; border-top-color: rgba(191,78,44,.2); color: #bf4e2c; }
/* Discount badge */
body[data-theme="dukan"] .pbadge.bpm { background: #e0f5f7; color: #006d77; }

/* Quick view modal */
body[data-theme="dukan"] .qv-region { color: #bf4e2c; }
body[data-theme="dukan"] .qv-name   { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; }
body[data-theme="dukan"] .qv-stars  { color: #f59e0b; }
body[data-theme="dukan"] .qv-price  { color: #006d77; }
body[data-theme="dukan"] .qv-save   { background: rgba(191,78,44,.1); color: #bf4e2c; }
body[data-theme="dukan"] .qv-atc    { background: #bf4e2c; }
body[data-theme="dukan"] .qv-atc:hover { background: #d4622e; }
body[data-theme="dukan"] .qv-stock.in  { color: #006d77; }
body[data-theme="dukan"] .qv-tag    { background: rgba(0,109,119,.08); color: #006d77; }

/* State / region section */
body[data-theme="dukan"] .state-sec   { background: #e8f9fb; }
body[data-theme="dukan"] .stab.active { background: #006d77; }
body[data-theme="dukan"] .spgrid      { background: #001f26; }
body[data-theme="dukan"] .spgrid .pname  { color: #d0f4f7; }
body[data-theme="dukan"] .spgrid .pnow   { color: #e07a4a; }
body[data-theme="dukan"] .spgrid .pregion { color: #80d4db; }
body[data-theme="dukan"] .spgrid .atc { background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.2); }
body[data-theme="dukan"] .spgrid .atc:hover { background: #bf4e2c; border-color: #bf4e2c; color: #fff; }
body[data-theme="dukan"] .spgrid .checkout-strip { color: rgba(255,200,180,.7); }
body[data-theme="dukan"] .story-card.active-state .story-card-body { background: #006d77; }
body[data-theme="dukan"] .story-card.active-state .story-card-tag  { color: #e07a4a; }

/* Why section */
body[data-theme="dukan"] .why-bg { background: linear-gradient(180deg, #f0fbfc, #e8f7f9); }
body[data-theme="dukan"] .pillar .pt { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; }
body[data-theme="dukan"] .pillar:hover { background: #f0fbfc; box-shadow: 0 12px 32px rgba(0,109,119,.15); }

/* Reviews */
body[data-theme="dukan"] .rev-bg { background: linear-gradient(180deg, #f7fcfc, #f0f9fa); }
body[data-theme="dukan"] .rcard .rstars { color: #f59e0b; }
body[data-theme="dukan"] .rcard .rq     { color: #bf4e2c; }
body[data-theme="dukan"] .rcard .ran    { color: #006d77; }
body[data-theme="dukan"] .rcard .rav    { background: #006d77; }

/* Newsletter */
body[data-theme="dukan"] .nl-sec { background: linear-gradient(135deg, #001f26, #006d77); }
body[data-theme="dukan"] .f-nl-btn { background: #bf4e2c; color: #fff; }
body[data-theme="dukan"] .f-nl-btn:hover { background: #d4622e; }

/* Footer */
body[data-theme="dukan"] .fd { color: #bf4e2c; }
body[data-theme="dukan"] .fh { color: #bf4e2c; }

/* Wishlist drawer */
body[data-theme="dukan"] .wl-title { color: #006d77; }
body[data-theme="dukan"] .wl-iadd  { background: #006d77; }

/* Cart */
body[data-theme="dukan"] .chkbtn  { background: #006d77; box-shadow: 0 4px 16px rgba(0,109,119,.3); }
body[data-theme="dukan"] .chkbtn:hover { background: #0a8f9c; }
body[data-theme="dukan"] .coup-btn { background: #006d77; }

/* Toast */
body[data-theme="dukan"] .toast { background: #006d77; }

/* ── Dark mode additions for new elements ─────────────────────── */
body.dark .checkout-strip { background: rgba(255,255,255,.04); border-top-color: rgba(188,71,73,.22); color: rgba(255,160,160,.75); }
body.dark .pcard-checkout-tag { background: #962a2c; }
body.dark .piw-hover-overlay { /* keeps formula via --g override */ }
body.dark .theme-panel { background: #1a2b1c; border-color: rgba(255,255,255,.1); }
body.dark .theme-panel-title { color: rgba(255,255,255,.4); }
body.dark .theme-opt { background: rgba(255,255,255,.05); }
body.dark .theme-opt-label { color: #e0e0e0; }
body.dark .theme-opt-sub   { color: rgba(255,255,255,.38); }
body.dark .theme-opt.active { border-color: var(--gd); background: rgba(200,146,10,.1); }
body.dark .theme-btn { color: rgba(255,255,255,.7); border-color: rgba(255,255,255,.15); }
body.dark .qv-open-btn { border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.7); background: rgba(255,255,255,.07); }

/* ════════════════════════════════════════════════════
   BUG FIXES v2
   1) Remove duplicate QV btn — QV only on image hover
   2) View Details link restored in footer
   3) Stock bar layout fixed — pfoot back to row layout
   ════════════════════════════════════════════════════ */

/* pcard-actions / pcard-atc-full / atc-hint — defined in v3 premium block below */

/* spgrid dark section — same column layout */
.spgrid .pfoot {
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
/* ═══════════════════════════════════════════════════════════════════
   PREMIUM CARD REDESIGN v3
   Fix 1: hover overlay pointer-events:none — never blocks clicks
   Fix 2: QV + WL only visible on hover
   Fix 3: Premium badge — dot + text style, not chunky pill
   Fix 4: Discount ribbon — clean right-corner tuck
   Plus: premium micro-details across the card
   ═══════════════════════════════════════════════════════════════════ */

/* ── CARD BASE ───────────────────────────────────────────────────── */
.pcard {
  border-radius: 18px !important;
  border: 1px solid rgba(0,0,0,.07) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
  overflow: visible !important; /* allow ribbon to clip outside */
}
.pcard:hover {
  transform: translateY(-7px) !important;
  box-shadow: 0 20px 48px rgba(26,58,30,.13) !important;
}
/* Clip inner content (image) but allow badges outside */
.pcard > .piw { border-radius: 18px 18px 0 0; overflow: hidden; }

/* ── IMAGE WRAPPER ───────────────────────────────────────────────── */
.piw { position: relative; aspect-ratio: 4/5; width: 100%; background: #f5f0e8; }
.piw img { transition: transform .5s ease; }
.pcard:hover .piw img { transform: scale(1.06); }

/* ── HOVER OVERLAY — pointer-events:none so it NEVER intercepts clicks ── */
.piw-hover-overlay {
  position: absolute;
  inset: 0;
  background: rgba(15,40,18,0);
  transition: background .3s ease;
  pointer-events: none;   /* KEY FIX: overlay itself never catches clicks */
  z-index: 4;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 14px;
}
.pcard:hover .piw-hover-overlay { background: rgba(15,40,18,.45); }

/* QV button — re-enables pointer events only on itself */
.piw-qv-btn {
  pointer-events: all;    /* only this button is clickable inside overlay */
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,.35);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .3px;
  padding: 7px 18px;
  border-radius: 22px;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease, background .2s;
}
.pcard:hover .piw-qv-btn { opacity: 1; transform: translateY(0); }
.piw-qv-btn:hover { background: rgba(255,255,255,.28); }

/* WL button — heart, bottom-right of image, hover-only */
.piw-wl-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 5;
  pointer-events: all;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(4px);
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  opacity: 0;
  transform: scale(.8);
  transition: opacity .22s ease, transform .22s ease, background .2s;
}
.pcard:hover .piw-wl-btn { opacity: 1; transform: scale(1); }
.piw-wl-btn:hover { background: #fff; transform: scale(1.12) !important; }
.piw-wl-btn.active { opacity: 1 !important; transform: scale(1) !important; }

/* ── PREMIUM BADGE — dot + text, top-left, minimal ───────────────── */
.pbadge-wrap {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(4px);
  border-radius: 20px;
  padding: 4px 10px 4px 7px;
  box-shadow: 0 1px 6px rgba(0,0,0,.12);
}
.pbadge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
.pbd-bs { background: #22c55e; }   /* Bestseller — green */
.pbd-og { background: #16a34a; }   /* Organic — deep green */
.pbd-pm { background: #f59e0b; }   /* Premium — amber */
.pbd-nw { background: #3b82f6; }   /* New — blue */
.pbadge-text {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: #1a1a1a;
  line-height: 1;
}

/* ── DISCOUNT RIBBON — top-right corner tuck ─────────────────────── */
.pdisc-ribbon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 6;
  background: #1b4332;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 5px 10px 5px 12px;
  border-radius: 0 18px 0 12px;
  letter-spacing: .3px;
  box-shadow: -2px 2px 6px rgba(0,0,0,.15);
}

/* Checkout offer tag — also top-left below badge */
.pcard-checkout-tag {
  position: absolute;
  top: 44px;   /* below badge */
  left: 12px;
  z-index: 6;
  background: #bc4749;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .5px;
  padding: 3px 9px;
  border-radius: 20px;
  text-transform: uppercase;
  box-shadow: 0 1px 4px rgba(188,71,73,.3);
}
/* If no badge, checkout tag sits at top */
.pcard:not(:has(.pbadge-wrap)) .pcard-checkout-tag { top: 12px; }

/* ── CARD BODY POLISH ────────────────────────────────────────────── */
.pbody { padding: 14px 15px 16px; display: flex; flex-direction: column; flex: 1; }
.pregion {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
  color: var(--gd);
  margin-bottom: 4px;
  opacity: .85;
}
.pname {
  font-family: 'Playfair Display', serif;
  font-size: 15.5px;
  font-weight: 700;
  color: var(--g);
  line-height: 1.28;
  margin-bottom: 5px;
}
.prating { display: flex; align-items: center; gap: 4px; margin-bottom: 6px; }
.pstars { font-size: 11px; color: #f59e0b; letter-spacing: -.5px; }
.prc { font-size: 10.5px; color: var(--tx3); }

/* Stock bar */
.stock-bar {
  height: 2px;
  background: rgba(0,0,0,.07);
  border-radius: 2px;
  margin-bottom: 3px;
  overflow: hidden;
}
.stock-fill { height: 100%; border-radius: 2px; transition: width .4s; }
.stock-fill.high { background: #22c55e; }
.stock-fill.mid  { background: #f59e0b; }
.stock-fill.low  { background: #ef4444; }
.stock-label { font-size: 10px; font-weight: 700; margin-bottom: 8px; }
.stock-label.high { color: #16a34a; }
.stock-label.mid  { color: #d97706; }
.stock-label.low  { color: #dc2626; }

/* Price row */
.pnow { font-size: 17px; font-weight: 900; color: var(--g); }
.pwas { font-size: 11.5px; color: var(--tx3); text-decoration: line-through; }
.punt { font-size: 10.5px; color: var(--tx3); }

/* .atc — defined in base styles */

/* .atc-hint — defined in base styles */

/* pfoot / prow / pcard-actions — canonical definitions at top of file */

/* ── DARK SECTION (spgrid) overrides ────────────────────────────── */
.spgrid .pbadge-wrap { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.15); }
.spgrid .pbadge-text { color: rgba(255,255,255,.9); }
.spgrid .pdisc-ribbon { background: rgba(255,255,255,.15); color: #fff; }
.spgrid .piw-wl-btn { background: rgba(255,255,255,.15); color: rgba(255,255,255,.8); }
.spgrid .piw-wl-btn:hover { background: rgba(255,255,255,.25); }
.spgrid .pname { color: #fff; }
.spgrid .pregion { color: var(--gd2); }
.spgrid .pnow { color: var(--gd2); }
.spgrid .pwas { color: rgba(255,255,255,.3); }
.spgrid .prc { color: rgba(255,255,255,.35); }
.spgrid .atc-hint { color: rgba(255,255,255,.55) !important; }
.spgrid .pcard:hover .atc-hint { color: rgba(255,255,255,.9) !important; }
.spgrid .pcard { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.08) !important; }
.spgrid .pcard:hover { background: rgba(255,255,255,.09) !important; box-shadow: 0 14px 40px rgba(0,0,0,.35) !important; }
.spgrid .pcard-checkout-tag { background: rgba(255,255,255,.15); color: rgba(255,255,255,.9); }
.spgrid .checkout-strip { background: rgba(255,255,255,.05); border-top-color: rgba(255,255,255,.1); color: rgba(255,200,200,.7); }

/* ── DUKAN THEME overrides ──────────────────────────────────────── */
body[data-theme="dukan"] .pdisc-ribbon { background: #006d77; }
body[data-theme="dukan"] .pbd-bs { background: #0a8f9c; }
body[data-theme="dukan"] .pbd-og { background: #006d77; }
body[data-theme="dukan"] .pbd-pm { background: #bf4e2c; }
body[data-theme="dukan"] .atc { background: #bf4e2c !important; font-family: 'Nunito', sans-serif !important; }
body[data-theme="dukan"] .atc:hover { background: #d4622e !important; }
body[data-theme="dukan"] .pcard:hover { box-shadow: 0 20px 48px rgba(0,109,119,.14) !important; }
body[data-theme="dukan"] .pname { color: #006d77; }
body[data-theme="dukan"] .pnow { color: #006d77; }
body[data-theme="dukan"] .pregion { color: #bf4e2c; }
body[data-theme="dukan"] .atc-hint { color: #006d77 !important; }

/* ── DARK MODE overrides ────────────────────────────────────────── */
body.dark .pbadge-wrap { background: rgba(30,40,30,.9); border: 1px solid rgba(255,255,255,.1); }
body.dark .pbadge-text { color: rgba(255,255,255,.85); }
body.dark .pdisc-ribbon { background: rgba(255,255,255,.12); }
body.dark .pcard { background: #1a2b1c !important; border-color: rgba(255,255,255,.06) !important; }

/* Hide old wl-btn and pbadge — replaced by new elements */
.wl-btn { display: none !important; }
.pbadge { display: none !important; }

/* ═══════════════════════════════════════════════════════════════════
   HERO v2 — Split layout, shorter height, admin-uploadable images
   ═══════════════════════════════════════════════════════════════════ */

/* Override old hero min-height */
.hero-v2 {
  min-height: 0 !important;
  height: auto !important;
  background: linear-gradient(150deg, #071a09 0%, #0d2410 30%, #1a3a1e 65%, #2d5233 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  overflow: hidden;
  position: relative;
}

/* Inner split grid: 55% text | 45% images */
.hero-inner {
  display: grid;
  grid-template-columns: 55% 45%;
  align-items: center;
  min-height: 420px;
  max-height: 520px;
  position: relative;
  z-index: 3;
  padding: 0 0 0 48px;
  gap: 0;
}

/* Text column */
.hero-text {
  text-align: left !important;
  padding: 52px 40px 40px 0 !important;
  max-width: none !important;
}
.hero-text .hbtns { justify-content: flex-start !important; }
.hero-text h1 { font-size: clamp(28px, 4vw, 58px) !important; margin-bottom: 14px !important; }
.hero-text .hsub { margin: 0 0 24px !important; max-width: 440px; font-size: clamp(12px, 1.4vw, 15px) !important; }

/* Trust pills row */
.hero-trust-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.hero-trust-pill {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,.65);
  letter-spacing: .3px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.hero-trust-pill::after { content: '·'; margin-left: 8px; opacity: .4; }
.hero-trust-pill:last-child::after { display: none; }

/* Product images panel */
.hero-products-panel {
  position: relative;
  height: 100%;
  min-height: 420px;
  max-height: 520px;
  overflow: hidden;
}

/* 2×2 grid of product images */
.hero-prod-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px;
  height: 100%;
  padding: 20px 0 20px 12px;
}

.hero-prod-card {
  border-radius: 16px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(18px);
  animation: heroProdIn .55s ease forwards;
  position: relative;
  background: rgba(255,255,255,.06);
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
}
@keyframes heroProdIn {
  to { opacity: 1; transform: translateY(0); }
}
.hero-prod-card:nth-child(1) { animation-delay: .05s; border-radius: 20px 8px 8px 8px; }
.hero-prod-card:nth-child(2) { animation-delay: .15s; border-radius: 8px 20px 8px 8px; transform: translateY(10px); }
.hero-prod-card:nth-child(3) { animation-delay: .25s; border-radius: 8px 8px 8px 20px; transform: translateY(-10px); }
.hero-prod-card:nth-child(4) { animation-delay: .35s; border-radius: 8px 8px 20px 8px; }

.hero-prod-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}
.hero-prod-card:hover img { transform: scale(1.06); }

/* Placeholder shimmer when no images loaded */
.hero-prod-placeholder {
  background: linear-gradient(110deg, rgba(255,255,255,.04) 25%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.04) 75%);
  background-size: 200% 100%;
  animation: heroProdIn .4s ease forwards, shimmer 1.8s ease infinite !important;
}
@keyframes shimmer { to { background-position: -200% 0; } }

/* Sale badge overlay */
.hero-sale-badge {
  position: absolute;
  bottom: 24px;
  right: 16px;
  background: rgba(255,255,255,.97);
  border-radius: 14px;
  padding: 10px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  box-shadow: 0 8px 32px rgba(0,0,0,.25);
  z-index: 5;
  min-width: 140px;
  animation: heroProdIn .5s ease .4s forwards;
  opacity: 0;
}
#heroSaleText {
  font-size: 10px;
  font-weight: 700;
  color: #888;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#heroSaleDiscount {
  font-size: 17px;
  font-weight: 900;
  color: #1b4332;
  letter-spacing: -.3px;
}
#heroSaleCode {
  font-size: 10px;
  font-weight: 700;
  color: #bc4749;
  letter-spacing: .5px;
}

/* Right edge decorative gradient */
.hero-products-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background: linear-gradient(to right, #0d2410, transparent);
  z-index: 2;
  pointer-events: none;
}

/* Stats bar stays same */
.hero-v2 .hstats {
  position: relative;
  z-index: 3;
  margin-top: 0 !important;
}

/* ── FIX: Discount ribbon — visible against any image background ── */
.pdisc-ribbon {
  background: #e53 !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 5px 11px 5px 12px !important;
  border-radius: 0 18px 0 12px !important;
  letter-spacing: .3px !important;
  box-shadow: -2px 2px 8px rgba(229,51,51,.35) !important;
}

/* ── FIX: Filter bar overlap — proper spacing from heading ── */
.filter-bar {
  margin-top: 20px !important;
  margin-bottom: 24px !important;
  padding: 0 !important;
}
#products .ct { margin-bottom: 0 !important; }
#products { padding-top: 44px !important; }

/* ── DUKAN theme hero override ── */
body[data-theme="dukan"] .hero-v2 {
  background: linear-gradient(150deg, #001f26 0%, #003040 30%, #006d77 65%, #0a8f9c 100%) !important;
}
body[data-theme="dukan"] .pdisc-ribbon { background: #bf4e2c !important; box-shadow: -2px 2px 8px rgba(191,78,44,.35) !important; }

/* ── RESPONSIVE ── */
@media (max-width: 860px) {
  .hero-inner {
    grid-template-columns: 1fr;
    min-height: 0;
    max-height: none;
    padding: 0 20px;
  }
  .hero-products-panel {
    height: 220px;
    min-height: 0;
    max-height: 220px;
  }
  .hero-prod-grid { padding: 8px 0; gap: 6px; }
  .hero-sale-badge { bottom: 10px; right: 8px; padding: 8px 12px; }
  .hero-text { padding: 36px 0 24px !important; text-align: center !important; }
  .hero-text .hbtns { justify-content: center !important; }
  .hero-trust-row { justify-content: center; }
}

/* ═══════════════════════════════════════════════════════════════════
   THEME: SAFFRON GOLD  (body[data-theme="saffron"])
   Premium saffron yellow · Deep burgundy · Serif editorial
   ═══════════════════════════════════════════════════════════════════ */
body[data-theme="saffron"] {
  --g:    #8B1A1A;
  --g2:   #a82020;
  --g3:   #c43030;
  --gd:   #c8920a;
  --gd2:  #e0a80c;
  --gd3:  #f5c518;
  --tx:   #1a0a00;
  --tx2:  #3d1c00;
  --tx3:  #9a7050;
  --bd:   rgba(139,26,26,.15);
  font-family: 'Playfair Display', Georgia, serif;
}
body[data-theme="saffron"] .ann { background: #8B1A1A; color: #f5c518; }
body[data-theme="saffron"] .ticker-wrap { background: #c8920a; }
body[data-theme="saffron"] .ticker-item { color: #fff; }
body[data-theme="saffron"] nav#mNav { border-bottom-color: rgba(139,26,26,.12); background: #fffdf5; }
body[data-theme="saffron"] .logo-name { color: #8B1A1A; font-family: 'Playfair Display', serif; font-weight: 900; }
body[data-theme="saffron"] .logo-tl   { color: #c8920a; }
body[data-theme="saffron"] .nav-links a:hover { color: #8B1A1A; background: rgba(139,26,26,.06); }
body[data-theme="saffron"] .cart-btn  { background: #8B1A1A; }
body[data-theme="saffron"] .cart-btn:hover { background: #a82020; box-shadow: 0 8px 24px rgba(139,26,26,.35); }
body[data-theme="saffron"] .cbadge    { background: #c8920a; color: #fff; }
body[data-theme="saffron"] .ship-badge { background: rgba(200,146,10,.12); color: #8B1A1A; }
body[data-theme="saffron"] .hero { background: linear-gradient(170deg, #1a0500 0%, #3d1000 25%, #8B1A1A 60%, #b03030 100%); }
body[data-theme="saffron"] .eyebrow { background: rgba(200,146,10,.15); border-color: rgba(200,146,10,.4); color: #e0a80c; }
body[data-theme="saffron"] .hc h1 em { color: #f5c518; }
body[data-theme="saffron"] .hstat-num { color: #c8920a; }
body[data-theme="saffron"] .btn-g  { background: #8B1A1A; color: #fff; }
body[data-theme="saffron"] .btn-g:hover { background: #a82020; box-shadow: 0 8px 24px rgba(139,26,26,.4); }
body[data-theme="saffron"] .trust  { background: #8B1A1A; }
body[data-theme="saffron"] .chip { color: #c8920a; border-color: rgba(200,146,10,.32); }
body[data-theme="saffron"] .sh2  { color: #8B1A1A; font-family: 'Playfair Display', serif; font-style: italic; }
body[data-theme="saffron"] .coll-bg { background: linear-gradient(180deg, #fffdf2, #fff8e0); }
body[data-theme="saffron"] .cc:hover { border-color: #8B1A1A; box-shadow: 0 12px 32px rgba(139,26,26,.14); }
body[data-theme="saffron"] .cname   { color: #8B1A1A; font-family: 'Playfair Display', serif; }
body[data-theme="saffron"] .filter-btn.active { background: #8B1A1A; border-color: #8B1A1A; }
body[data-theme="saffron"] .filter-btn:hover  { border-color: #a82020; color: #8B1A1A; }
body[data-theme="saffron"] .pcard { border-color: rgba(139,26,26,.1); border-radius: 14px; }
body[data-theme="saffron"] .pcard:hover { box-shadow: 0 18px 48px rgba(139,26,26,.15); }
body[data-theme="saffron"] .pregion { color: #c8920a; }
body[data-theme="saffron"] .pname  { color: #8B1A1A; font-family: 'Playfair Display', serif; font-weight: 700; }
body[data-theme="saffron"] .pstars { color: #f59e0b; }
body[data-theme="saffron"] .pnow   { color: #8B1A1A; }
body[data-theme="saffron"] .atc         { background: #8B1A1A; color: #fff; border-radius: 8px; }
body[data-theme="saffron"] .atc:hover   { background: #a82020; }
body[data-theme="saffron"] .qv-open-btn { color: #8B1A1A; border-color: rgba(139,26,26,.2); background: rgba(139,26,26,.05); }
body[data-theme="saffron"] .pcard:hover .piw-hover-overlay { background: rgba(139,26,26,.42); }
body[data-theme="saffron"] .pcard-checkout-tag { background: #c8920a; }
body[data-theme="saffron"] .checkout-strip { background: #fffbf0; border-top-color: rgba(200,146,10,.2); color: #8B1A1A; }
body[data-theme="saffron"] .pbadge.bpm { background: #fff8e0; color: #8B1A1A; }
body[data-theme="saffron"] .qv-region { color: #c8920a; }
body[data-theme="saffron"] .qv-name   { color: #8B1A1A; font-family: 'Playfair Display', serif; }
body[data-theme="saffron"] .qv-stars  { color: #f59e0b; }
body[data-theme="saffron"] .qv-price  { color: #8B1A1A; }
body[data-theme="saffron"] .qv-save   { background: rgba(200,146,10,.12); color: #8B1A1A; }
body[data-theme="saffron"] .qv-atc    { background: #8B1A1A; }
body[data-theme="saffron"] .qv-atc:hover { background: #a82020; }
body[data-theme="saffron"] .qv-stock.in  { color: #8B1A1A; }
body[data-theme="saffron"] .qv-tag    { background: rgba(139,26,26,.07); color: #8B1A1A; }
body[data-theme="saffron"] .state-sec   { background: #fffdf2; }
body[data-theme="saffron"] .stab.active { background: #8B1A1A; }
body[data-theme="saffron"] .spgrid      { background: #1a0500; }
body[data-theme="saffron"] .spgrid .pname  { color: #ffd9a0; }
body[data-theme="saffron"] .spgrid .pnow   { color: #f5c518; }
body[data-theme="saffron"] .spgrid .pregion { color: #e0a88a; }
body[data-theme="saffron"] .spgrid .atc { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); }
body[data-theme="saffron"] .spgrid .atc:hover { background: #8B1A1A; border-color: #8B1A1A; color: #fff; }
body[data-theme="saffron"] .why-bg { background: linear-gradient(180deg, #fffdf2, #fff8e0); }
body[data-theme="saffron"] .pillar .pt { color: #8B1A1A; font-family: 'Playfair Display', serif; }
body[data-theme="saffron"] .pillar:hover { background: #fffdf2; box-shadow: 0 12px 32px rgba(139,26,26,.12); }
body[data-theme="saffron"] .rev-bg { background: linear-gradient(180deg, #fffdf5, #fff8e8); }
body[data-theme="saffron"] .rcard .rstars { color: #f59e0b; }
body[data-theme="saffron"] .rcard .rq     { color: #c8920a; }
body[data-theme="saffron"] .rcard .ran    { color: #8B1A1A; }
body[data-theme="saffron"] .rcard .rav    { background: #8B1A1A; }
body[data-theme="saffron"] .nl-sec { background: linear-gradient(135deg, #1a0500, #8B1A1A); }
body[data-theme="saffron"] .f-nl-btn { background: #c8920a; color: #fff; }
body[data-theme="saffron"] .f-nl-btn:hover { background: #e0a80c; }
body[data-theme="saffron"] .fd { color: #c8920a; }
body[data-theme="saffron"] .fh { color: #c8920a; }
body[data-theme="saffron"] .wl-title { color: #8B1A1A; }
body[data-theme="saffron"] .wl-iadd  { background: #8B1A1A; }
body[data-theme="saffron"] .chkbtn  { background: #8B1A1A; box-shadow: 0 4px 16px rgba(139,26,26,.3); }
body[data-theme="saffron"] .chkbtn:hover { background: #a82020; }
body[data-theme="saffron"] .coup-btn { background: #8B1A1A; }
body[data-theme="saffron"] .toast { background: #8B1A1A; }

/* ═══════════════════════════════════════════════════════════════════
   THEME: MIDNIGHT CEDAR  (body[data-theme="midnight"])
   Deep midnight navy · Warm cedar gold · Luxury dark editorial
   ═══════════════════════════════════════════════════════════════════ */
body[data-theme="midnight"] {
  --g:    #d4a843;
  --g2:   #e8bc55;
  --g3:   #f0cc6a;
  --gd:   #c49030;
  --gd2:  #daa840;
  --gd3:  #eac050;
  --tx:   #f0ead8;
  --tx2:  #cec4a8;
  --tx3:  #8a8070;
  --bd:   rgba(212,168,67,.18);
  --bg:   #0d1117;
  font-family: 'Playfair Display', Georgia, serif;
  background: #0d1117;
  color: #f0ead8;
}
body[data-theme="midnight"] body { background: #0d1117; }
body[data-theme="midnight"] .ann { background: #1a1408; color: #d4a843; letter-spacing: .5px; }
body[data-theme="midnight"] .ticker-wrap { background: #1e1408; }
body[data-theme="midnight"] .ticker-item { color: #d4a843; }
body[data-theme="midnight"] nav#mNav { background: rgba(13,17,23,.96); backdrop-filter: blur(12px); border-bottom-color: rgba(212,168,67,.14); }
body[data-theme="midnight"] .logo-name { color: #d4a843; font-family: 'Playfair Display', serif; font-weight: 900; }
body[data-theme="midnight"] .logo-tl   { color: rgba(212,168,67,.65); }
body[data-theme="midnight"] .nav-links a { color: #cec4a8; }
body[data-theme="midnight"] .nav-links a:hover { color: #d4a843; background: rgba(212,168,67,.08); }
body[data-theme="midnight"] .cart-btn  { background: #d4a843; color: #0d1117; font-weight: 800; }
body[data-theme="midnight"] .cart-btn:hover { background: #e8bc55; box-shadow: 0 8px 24px rgba(212,168,67,.35); }
body[data-theme="midnight"] .cbadge    { background: #8B1A1A; color: #fff; }
body[data-theme="midnight"] .ship-badge { background: rgba(212,168,67,.1); color: #d4a843; }
body[data-theme="midnight"] .hero { background: linear-gradient(170deg, #050709 0%, #0d1117 30%, #141c2a 65%, #1a2638 100%); }
body[data-theme="midnight"] .eyebrow { background: rgba(212,168,67,.12); border-color: rgba(212,168,67,.35); color: #d4a843; }
body[data-theme="midnight"] .hc h1 { color: #f0ead8; }
body[data-theme="midnight"] .hc h1 em { color: #d4a843; }
body[data-theme="midnight"] .hstat-num { color: #d4a843; }
body[data-theme="midnight"] .btn-g  { background: #d4a843; color: #0d1117; font-weight: 800; }
body[data-theme="midnight"] .btn-g:hover { background: #e8bc55; box-shadow: 0 8px 24px rgba(212,168,67,.4); }
body[data-theme="midnight"] .trust  { background: #111820; border-top: 1px solid rgba(212,168,67,.1); }
body[data-theme="midnight"] .chip { color: #d4a843; border-color: rgba(212,168,67,.28); }
body[data-theme="midnight"] .sh2  { color: #d4a843; font-family: 'Playfair Display', serif; }
body[data-theme="midnight"] .coll-bg { background: #0d1117; }
body[data-theme="midnight"] .cc { background: #141c2a; border-color: rgba(212,168,67,.12); }
body[data-theme="midnight"] .cc:hover { border-color: #d4a843; box-shadow: 0 12px 32px rgba(212,168,67,.14); }
body[data-theme="midnight"] .cname   { color: #d4a843; font-family: 'Playfair Display', serif; }
body[data-theme="midnight"] .filter-btn { background: #141c2a; border-color: rgba(212,168,67,.2); color: #cec4a8; }
body[data-theme="midnight"] .filter-btn.active { background: #d4a843; border-color: #d4a843; color: #0d1117; }
body[data-theme="midnight"] .filter-btn:hover  { border-color: #d4a843; color: #d4a843; }
body[data-theme="midnight"] .pcard { background: #141c2a; border-color: rgba(212,168,67,.1); border-radius: 16px; }
body[data-theme="midnight"] .pcard:hover { box-shadow: 0 18px 48px rgba(0,0,0,.4), 0 0 0 1px rgba(212,168,67,.2); transform: translateY(-6px) !important; }
body[data-theme="midnight"] .pregion { color: #d4a843; }
body[data-theme="midnight"] .pname  { color: #f0ead8; font-family: 'Playfair Display', serif; font-weight: 700; }
body[data-theme="midnight"] .pdesc  { color: #8a8070; }
body[data-theme="midnight"] .pstars { color: #d4a843; }
body[data-theme="midnight"] .pnow   { color: #d4a843; }
body[data-theme="midnight"] .pwas   { color: #6a6060; }
body[data-theme="midnight"] .atc         { background: #d4a843; color: #0d1117; font-weight: 800; border-radius: 10px; }
body[data-theme="midnight"] .atc:hover   { background: #e8bc55; }
body[data-theme="midnight"] .qv-open-btn { color: #d4a843; border-color: rgba(212,168,67,.2); background: rgba(212,168,67,.06); }
body[data-theme="midnight"] .pcard:hover .piw-hover-overlay { background: rgba(0,0,0,.55); }
body[data-theme="midnight"] .pcard-checkout-tag { background: #8B1A1A; }
body[data-theme="midnight"] .checkout-strip { background: #101820; border-top-color: rgba(212,168,67,.12); color: #d4a843; }
body[data-theme="midnight"] .pbadge.bpm { background: rgba(212,168,67,.15); color: #d4a843; }
body[data-theme="midnight"] .qv-name   { color: #d4a843; font-family: 'Playfair Display', serif; }
body[data-theme="midnight"] .qv-region { color: #d4a843; }
body[data-theme="midnight"] .qv-stars  { color: #d4a843; }
body[data-theme="midnight"] .qv-price  { color: #d4a843; }
body[data-theme="midnight"] .qv-save   { background: rgba(212,168,67,.12); color: #d4a843; }
body[data-theme="midnight"] .qv-atc    { background: #d4a843; color: #0d1117; }
body[data-theme="midnight"] .qv-atc:hover { background: #e8bc55; }
body[data-theme="midnight"] .qv-stock.in  { color: #4ade80; }
body[data-theme="midnight"] .qv-tag    { background: rgba(212,168,67,.08); color: #d4a843; }
body[data-theme="midnight"] .state-sec   { background: #0a0e14; }
body[data-theme="midnight"] .stab { color: #cec4a8; background: #141c2a; border-color: rgba(212,168,67,.15); }
body[data-theme="midnight"] .stab.active { background: #d4a843; color: #0d1117; }
body[data-theme="midnight"] .spgrid      { background: #050709; }
body[data-theme="midnight"] .why-bg { background: #0a0e14; }
body[data-theme="midnight"] .pillar { background: #141c2a; border-color: rgba(212,168,67,.1); }
body[data-theme="midnight"] .pillar .pt { color: #d4a843; font-family: 'Playfair Display', serif; }
body[data-theme="midnight"] .pillar:hover { background: #1a2638; box-shadow: 0 12px 32px rgba(0,0,0,.3), 0 0 0 1px rgba(212,168,67,.2); }
body[data-theme="midnight"] .rev-bg { background: #080b10; }
body[data-theme="midnight"] .rcard { background: #141c2a; border-color: rgba(212,168,67,.1); }
body[data-theme="midnight"] .rcard .rstars { color: #d4a843; }
body[data-theme="midnight"] .rcard .rq     { color: #d4a843; }
body[data-theme="midnight"] .rcard .ran    { color: #d4a843; }
body[data-theme="midnight"] .rcard .rav    { background: #d4a843; color: #0d1117; }
body[data-theme="midnight"] .nl-sec { background: linear-gradient(135deg, #050709, #141c2a); border-top: 1px solid rgba(212,168,67,.12); }
body[data-theme="midnight"] .f-nl-btn { background: #d4a843; color: #0d1117; font-weight: 800; }
body[data-theme="midnight"] .f-nl-btn:hover { background: #e8bc55; }
body[data-theme="midnight"] .footer { background: #050709; border-top: 1px solid rgba(212,168,67,.1); }
body[data-theme="midnight"] .fd { color: #d4a843; }
body[data-theme="midnight"] .fh { color: #d4a843; }
body[data-theme="midnight"] .flink { color: #8a8070; }
body[data-theme="midnight"] .flink:hover { color: #d4a843; }
body[data-theme="midnight"] .wl-title { color: #d4a843; }
body[data-theme="midnight"] .wl-iadd  { background: #d4a843; color: #0d1117; }
body[data-theme="midnight"] .chkbtn  { background: #d4a843; color: #0d1117; box-shadow: 0 4px 16px rgba(212,168,67,.3); }
body[data-theme="midnight"] .chkbtn:hover { background: #e8bc55; }
body[data-theme="midnight"] .coup-btn { background: #d4a843; color: #0d1117; }
body[data-theme="midnight"] .toast { background: #141c2a; border: 1px solid rgba(212,168,67,.25); color: #d4a843; }
body[data-theme="midnight"] .theme-panel { background: #141c2a; border-color: rgba(212,168,67,.18); }
body[data-theme="midnight"] .theme-opt { background: rgba(212,168,67,.04); }
body[data-theme="midnight"] .theme-opt-label { color: #f0ead8; }
body[data-theme="midnight"] .theme-opt-sub { color: #8a8070; }
body[data-theme="midnight"] .theme-opt.active { border-color: #d4a843; background: rgba(212,168,67,.1); }
body[data-theme="midnight"] .theme-panel-title { color: #8a8070; }

/* ═══════════════════════════════════════════════════════════════════
   THEME: VALLEY BLOOM  (body[data-theme="valley"])
   Soft blush rose · Sage green · Airy Himalayan meadow feel
   ═══════════════════════════════════════════════════════════════════ */
body[data-theme="valley"] {
  --g:    #4a7c59;
  --g2:   #5e9470;
  --g3:   #75ab88;
  --gd:   #c9676b;
  --gd2:  #d97f82;
  --gd3:  #e8989b;
  --tx:   #1e2a20;
  --tx2:  #3a4c3e;
  --tx3:  #7a9082;
  --bd:   rgba(74,124,89,.14);
  font-family: 'Nunito', 'Lato', sans-serif;
  background: #f8fdf9;
}
body[data-theme="valley"] .ann { background: #4a7c59; color: #fff; }
body[data-theme="valley"] .ticker-wrap { background: #c9676b; }
body[data-theme="valley"] .ticker-item { color: #fff; }
body[data-theme="valley"] nav#mNav { background: #f8fdf9; border-bottom-color: rgba(74,124,89,.12); }
body[data-theme="valley"] .logo-name { color: #4a7c59; font-family: 'Nunito', sans-serif; font-weight: 800; }
body[data-theme="valley"] .logo-tl   { color: #c9676b; }
body[data-theme="valley"] .nav-links a:hover { color: #4a7c59; background: rgba(74,124,89,.07); }
body[data-theme="valley"] .cart-btn  { background: #4a7c59; }
body[data-theme="valley"] .cart-btn:hover { background: #5e9470; box-shadow: 0 6px 20px rgba(74,124,89,.3); }
body[data-theme="valley"] .cbadge    { background: #c9676b; color: #fff; }
body[data-theme="valley"] .ship-badge { background: rgba(74,124,89,.1); color: #4a7c59; }
body[data-theme="valley"] .hero { background: linear-gradient(170deg, #0e2016 0%, #1e3d28 30%, #2d6040 60%, #4a7c59 100%); }
body[data-theme="valley"] .eyebrow { background: rgba(201,103,107,.12); border-color: rgba(201,103,107,.35); color: #c9676b; }
body[data-theme="valley"] .hc h1 em { color: #e8c49c; }
body[data-theme="valley"] .hstat-num { color: #c9676b; }
body[data-theme="valley"] .btn-g  { background: #c9676b; color: #fff; }
body[data-theme="valley"] .btn-g:hover { background: #d97f82; box-shadow: 0 8px 24px rgba(201,103,107,.35); }
body[data-theme="valley"] .trust  { background: #4a7c59; }
body[data-theme="valley"] .chip { color: #c9676b; border-color: rgba(201,103,107,.28); }
body[data-theme="valley"] .sh2  { color: #4a7c59; font-family: 'Nunito', sans-serif; font-weight: 800; }
body[data-theme="valley"] .coll-bg { background: linear-gradient(180deg, #f0faf3, #e6f5eb); }
body[data-theme="valley"] .cc:hover { border-color: #4a7c59; box-shadow: 0 10px 28px rgba(74,124,89,.12); }
body[data-theme="valley"] .cname   { color: #4a7c59; font-family: 'Nunito', sans-serif; }
body[data-theme="valley"] .filter-btn.active { background: #4a7c59; border-color: #4a7c59; }
body[data-theme="valley"] .filter-btn:hover  { border-color: #5e9470; color: #4a7c59; }
body[data-theme="valley"] .pcard { border-color: rgba(74,124,89,.1); border-radius: 20px; }
body[data-theme="valley"] .pcard:hover { box-shadow: 0 16px 40px rgba(74,124,89,.14); }
body[data-theme="valley"] .pregion { color: #c9676b; }
body[data-theme="valley"] .pname  { color: #4a7c59; font-family: 'Nunito', sans-serif; font-weight: 800; }
body[data-theme="valley"] .pstars { color: #f59e0b; }
body[data-theme="valley"] .pnow   { color: #4a7c59; }
body[data-theme="valley"] .atc         { background: #c9676b; color: #fff; border-radius: 24px; }
body[data-theme="valley"] .atc:hover   { background: #d97f82; }
body[data-theme="valley"] .qv-open-btn { color: #4a7c59; border-color: rgba(74,124,89,.2); background: rgba(74,124,89,.06); }
body[data-theme="valley"] .pcard:hover .piw-hover-overlay { background: rgba(74,124,89,.42); }
body[data-theme="valley"] .pcard-checkout-tag { background: #c9676b; }
body[data-theme="valley"] .checkout-strip { background: #fff5f5; border-top-color: rgba(201,103,107,.18); color: #c9676b; }
body[data-theme="valley"] .pbadge.bpm { background: #edf7f0; color: #4a7c59; }
body[data-theme="valley"] .qv-region { color: #c9676b; }
body[data-theme="valley"] .qv-name   { color: #4a7c59; font-family: 'Nunito', sans-serif; }
body[data-theme="valley"] .qv-stars  { color: #f59e0b; }
body[data-theme="valley"] .qv-price  { color: #4a7c59; }
body[data-theme="valley"] .qv-save   { background: rgba(201,103,107,.1); color: #c9676b; }
body[data-theme="valley"] .qv-atc    { background: #c9676b; }
body[data-theme="valley"] .qv-atc:hover { background: #d97f82; }
body[data-theme="valley"] .qv-stock.in  { color: #4a7c59; }
body[data-theme="valley"] .qv-tag    { background: rgba(74,124,89,.08); color: #4a7c59; }
body[data-theme="valley"] .state-sec   { background: #edf7f0; }
body[data-theme="valley"] .stab.active { background: #4a7c59; }
body[data-theme="valley"] .spgrid      { background: #0e2016; }
body[data-theme="valley"] .why-bg { background: linear-gradient(180deg, #f0faf3, #e6f5eb); }
body[data-theme="valley"] .pillar .pt { color: #4a7c59; font-family: 'Nunito', sans-serif; }
body[data-theme="valley"] .pillar:hover { background: #edf7f0; box-shadow: 0 10px 28px rgba(74,124,89,.12); }
body[data-theme="valley"] .rev-bg { background: linear-gradient(180deg, #fdf8f8, #faf2f2); }
body[data-theme="valley"] .rcard .rstars { color: #f59e0b; }
body[data-theme="valley"] .rcard .rq     { color: #c9676b; }
body[data-theme="valley"] .rcard .ran    { color: #4a7c59; }
body[data-theme="valley"] .rcard .rav    { background: #4a7c59; }
body[data-theme="valley"] .nl-sec { background: linear-gradient(135deg, #0e2016, #4a7c59); }
body[data-theme="valley"] .f-nl-btn { background: #c9676b; color: #fff; }
body[data-theme="valley"] .f-nl-btn:hover { background: #d97f82; }
body[data-theme="valley"] .fd { color: #c9676b; }
body[data-theme="valley"] .fh { color: #c9676b; }
body[data-theme="valley"] .wl-title { color: #4a7c59; }
body[data-theme="valley"] .wl-iadd  { background: #4a7c59; }
body[data-theme="valley"] .chkbtn  { background: #4a7c59; box-shadow: 0 4px 16px rgba(74,124,89,.28); }
body[data-theme="valley"] .chkbtn:hover { background: #5e9470; }
body[data-theme="valley"] .coup-btn { background: #4a7c59; }
body[data-theme="valley"] .toast { background: #4a7c59; }

/* Swatches for new themes */
.swatch-saffron  { background: linear-gradient(135deg, #8B1A1A 50%, #c8920a 50%); }
.swatch-midnight { background: linear-gradient(135deg, #0d1117 50%, #d4a843 50%); }
.swatch-valley   { background: linear-gradient(135deg, #4a7c59 50%, #c9676b 50%); }

/* ═══════════════════════════════════════════════════════════════════
   HTML[DATA-THEME] MIRRORS — ensures themes work instantly in <head>
   (theme.js sets data-theme on <html> before <body> exists)
   ═══════════════════════════════════════════════════════════════════ */

html[data-theme="dukan"])
   MyPahadiDukan colour palette: Ocean Teal + Warm Orange
   ═══════════════════════════════════════════════════════════════════ */
html[data-theme="dukan"] {
  --g:    #006d77;
  --g2:   #0a8f9c;
  --g3:   #14adb8;
  --gd:   #bf4e2c;
  --gd2:  #d4622e;
  --gd3:  #e07a4a;
  --tx:   #18181e;
  --tx2:  #3a3a55;
  --tx3:  #8888aa;
  --bd:   rgba(0,109,119,.14);
  font-family: 'Nunito', 'Lato', sans-serif;
}
html[data-theme="dukan"] .ann { background: #006d77; color: #fff; }
html[data-theme="dukan"] .ticker-wrap { background: #bf4e2c; }
html[data-theme="dukan"] .ticker-item { color: #fff; }
html[data-theme="dukan"] nav#mNav { border-bottom-color: rgba(0,109,119,.12); }
html[data-theme="dukan"] .logo-name { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; font-weight: 900; }
html[data-theme="dukan"] .logo-tl   { color: #bf4e2c; }
html[data-theme="dukan"] .nav-links a:hover { color: #006d77; background: rgba(0,109,119,.06); }
html[data-theme="dukan"] .cart-btn  { background: #006d77; }
html[data-theme="dukan"] .cart-btn:hover { background: #0a8f9c; }
html[data-theme="dukan"] .cbadge    { background: #bf4e2c; color: #fff; }
html[data-theme="dukan"] .ship-badge { background: rgba(0,109,119,.1); color: #006d77; }
html[data-theme="dukan"] .hero { background: linear-gradient(170deg, #001f26 0%, #003d47 28%, #006d77 62%, #0a8f9c 100%); }
html[data-theme="dukan"] .eyebrow { background: rgba(191,78,44,.15); border-color: rgba(191,78,44,.4); color: #e07a4a; }
html[data-theme="dukan"] .hc h1 em { color: #e07a4a; }
html[data-theme="dukan"] .hstat-num { color: #bf4e2c; }
html[data-theme="dukan"] .btn-g  { background: #bf4e2c; color: #fff; }
html[data-theme="dukan"] .btn-g:hover { background: #d4622e; box-shadow: 0 8px 24px rgba(191,78,44,.4); }
html[data-theme="dukan"] .trust  { background: #006d77; }
html[data-theme="dukan"] .chip { color: #bf4e2c; border-color: rgba(191,78,44,.32); }
html[data-theme="dukan"] .sh2  { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; }
html[data-theme="dukan"] .coll-bg { background: linear-gradient(180deg, #f0fbfc, #e0f5f7); }
html[data-theme="dukan"] .cc:hover { border-color: #006d77; box-shadow: 0 12px 32px rgba(0,109,119,.14); }
html[data-theme="dukan"] .cname   { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; }
html[data-theme="dukan"] .filter-btn.active { background: #006d77; border-color: #006d77; }
html[data-theme="dukan"] .filter-btn:hover  { border-color: #0a8f9c; color: #006d77; }
html[data-theme="dukan"] .pcard { border-color: rgba(0,109,119,.13); border-radius: 18px; }
html[data-theme="dukan"] .pcard:hover { box-shadow: 0 18px 48px rgba(0,109,119,.16); }
html[data-theme="dukan"] .pregion { color: #bf4e2c; }
html[data-theme="dukan"] .pname  { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; font-size: 15px; font-weight: 800; }
html[data-theme="dukan"] .pstars { color: #f59e0b; }
html[data-theme="dukan"] .pnow   { color: #006d77; }
html[data-theme="dukan"] .atc         { background: #bf4e2c; color: #fff; border-radius: 24px; font-family: 'Nunito', sans-serif; }
html[data-theme="dukan"] .atc:hover   { background: #d4622e; }
html[data-theme="dukan"] .qv-open-btn { color: #006d77; border-color: rgba(0,109,119,.2); background: rgba(0,109,119,.06); }
html[data-theme="dukan"] .qv-open-btn:hover { background: rgba(0,109,119,.12); }
html[data-theme="dukan"] .pcard:hover .piw-hover-overlay { background: rgba(0,109,119,.44); }
html[data-theme="dukan"] .pcard-checkout-tag { background: #bf4e2c; }
html[data-theme="dukan"] .checkout-strip { background: #fff8f5; border-top-color: rgba(191,78,44,.2); color: #bf4e2c; }
html[data-theme="dukan"] .pbadge.bpm { background: #e0f5f7; color: #006d77; }
html[data-theme="dukan"] .qv-region { color: #bf4e2c; }
html[data-theme="dukan"] .qv-name   { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; }
html[data-theme="dukan"] .qv-stars  { color: #f59e0b; }
html[data-theme="dukan"] .qv-price  { color: #006d77; }
html[data-theme="dukan"] .qv-save   { background: rgba(191,78,44,.1); color: #bf4e2c; }
html[data-theme="dukan"] .qv-atc    { background: #bf4e2c; }
html[data-theme="dukan"] .qv-atc:hover { background: #d4622e; }
html[data-theme="dukan"] .qv-stock.in  { color: #006d77; }
html[data-theme="dukan"] .qv-tag    { background: rgba(0,109,119,.08); color: #006d77; }
html[data-theme="dukan"] .state-sec   { background: #e8f9fb; }
html[data-theme="dukan"] .stab.active { background: #006d77; }
html[data-theme="dukan"] .spgrid      { background: #001f26; }
html[data-theme="dukan"] .spgrid .pname  { color: #d0f4f7; }
html[data-theme="dukan"] .spgrid .pnow   { color: #e07a4a; }
html[data-theme="dukan"] .spgrid .pregion { color: #80d4db; }
html[data-theme="dukan"] .spgrid .atc { background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.2); }
html[data-theme="dukan"] .spgrid .atc:hover { background: #bf4e2c; border-color: #bf4e2c; color: #fff; }
html[data-theme="dukan"] .spgrid .checkout-strip { color: rgba(255,200,180,.7); }
html[data-theme="dukan"] .story-card.active-state .story-card-body { background: #006d77; }
html[data-theme="dukan"] .story-card.active-state .story-card-tag  { color: #e07a4a; }
html[data-theme="dukan"] .why-bg { background: linear-gradient(180deg, #f0fbfc, #e8f7f9); }
html[data-theme="dukan"] .pillar .pt { color: #006d77; font-family: 'Nunito', 'Lato', sans-serif; }
html[data-theme="dukan"] .pillar:hover { background: #f0fbfc; box-shadow: 0 12px 32px rgba(0,109,119,.15); }
html[data-theme="dukan"] .rev-bg { background: linear-gradient(180deg, #f7fcfc, #f0f9fa); }
html[data-theme="dukan"] .rcard .rstars { color: #f59e0b; }
html[data-theme="dukan"] .rcard .rq     { color: #bf4e2c; }
html[data-theme="dukan"] .rcard .ran    { color: #006d77; }
html[data-theme="dukan"] .rcard .rav    { background: #006d77; }
html[data-theme="dukan"] .nl-sec { background: linear-gradient(135deg, #001f26, #006d77); }
html[data-theme="dukan"] .f-nl-btn { background: #bf4e2c; color: #fff; }
html[data-theme="dukan"] .f-nl-btn:hover { background: #d4622e; }
html[data-theme="dukan"] .fd { color: #bf4e2c; }
html[data-theme="dukan"] .fh { color: #bf4e2c; }
html[data-theme="dukan"] .wl-title { color: #006d77; }
html[data-theme="dukan"] .wl-iadd  { background: #006d77; }
html[data-theme="dukan"] .chkbtn  { background: #006d77; box-shadow: 0 4px 16px rgba(0,109,119,.3); }
html[data-theme="dukan"] .chkbtn:hover { background: #0a8f9c; }
html[data-theme="dukan"] .coup-btn { background: #006d77; }
html[data-theme="dukan"] .toast { background: #006d77; }
html[data-theme="dukan"] .pdisc-ribbon { background: #006d77; }
html[data-theme="dukan"] .pbd-bs { background: #0a8f9c; }
html[data-theme="dukan"] .pbd-og { background: #006d77; }
html[data-theme="dukan"] .pbd-pm { background: #bf4e2c; }
html[data-theme="dukan"] .atc { background: #bf4e2c !important; font-family: 'Nunito', sans-serif !important; }
html[data-theme="dukan"] .atc:hover { background: #d4622e !important; }
html[data-theme="dukan"] .pcard:hover { box-shadow: 0 20px 48px rgba(0,109,119,.14) !important; }
html[data-theme="dukan"] .pname { color: #006d77; }
html[data-theme="dukan"] .pnow { color: #006d77; }
html[data-theme="dukan"] .pregion { color: #bf4e2c; }
html[data-theme="dukan"] .atc-hint { color: #006d77 !important; }
html[data-theme="dukan"] .hero-v2 {
  background: linear-gradient(150deg, #001f26 0%, #003040 30%, #006d77 65%, #0a8f9c 100%) !important;
}
html[data-theme="dukan"] .pdisc-ribbon { background: #bf4e2c !important; box-shadow: -2px 2px 8px rgba(191,78,44,.35) !important; }
html[data-theme="saffron"])
   Premium saffron yellow · Deep burgundy · Serif editorial
   ═══════════════════════════════════════════════════════════════════ */
html[data-theme="saffron"] {
  --g:    #8B1A1A;
  --g2:   #a82020;
  --g3:   #c43030;
  --gd:   #c8920a;
  --gd2:  #e0a80c;
  --gd3:  #f5c518;
  --tx:   #1a0a00;
  --tx2:  #3d1c00;
  --tx3:  #9a7050;
  --bd:   rgba(139,26,26,.15);
  font-family: 'Playfair Display', Georgia, serif;
}
html[data-theme="saffron"] .ann { background: #8B1A1A; color: #f5c518; }
html[data-theme="saffron"] .ticker-wrap { background: #c8920a; }
html[data-theme="saffron"] .ticker-item { color: #fff; }
html[data-theme="saffron"] nav#mNav { border-bottom-color: rgba(139,26,26,.12); background: #fffdf5; }
html[data-theme="saffron"] .logo-name { color: #8B1A1A; font-family: 'Playfair Display', serif; font-weight: 900; }
html[data-theme="saffron"] .logo-tl   { color: #c8920a; }
html[data-theme="saffron"] .nav-links a:hover { color: #8B1A1A; background: rgba(139,26,26,.06); }
html[data-theme="saffron"] .cart-btn  { background: #8B1A1A; }
html[data-theme="saffron"] .cart-btn:hover { background: #a82020; box-shadow: 0 8px 24px rgba(139,26,26,.35); }
html[data-theme="saffron"] .cbadge    { background: #c8920a; color: #fff; }
html[data-theme="saffron"] .ship-badge { background: rgba(200,146,10,.12); color: #8B1A1A; }
html[data-theme="saffron"] .hero { background: linear-gradient(170deg, #1a0500 0%, #3d1000 25%, #8B1A1A 60%, #b03030 100%); }
html[data-theme="saffron"] .eyebrow { background: rgba(200,146,10,.15); border-color: rgba(200,146,10,.4); color: #e0a80c; }
html[data-theme="saffron"] .hc h1 em { color: #f5c518; }
html[data-theme="saffron"] .hstat-num { color: #c8920a; }
html[data-theme="saffron"] .btn-g  { background: #8B1A1A; color: #fff; }
html[data-theme="saffron"] .btn-g:hover { background: #a82020; box-shadow: 0 8px 24px rgba(139,26,26,.4); }
html[data-theme="saffron"] .trust  { background: #8B1A1A; }
html[data-theme="saffron"] .chip { color: #c8920a; border-color: rgba(200,146,10,.32); }
html[data-theme="saffron"] .sh2  { color: #8B1A1A; font-family: 'Playfair Display', serif; font-style: italic; }
html[data-theme="saffron"] .coll-bg { background: linear-gradient(180deg, #fffdf2, #fff8e0); }
html[data-theme="saffron"] .cc:hover { border-color: #8B1A1A; box-shadow: 0 12px 32px rgba(139,26,26,.14); }
html[data-theme="saffron"] .cname   { color: #8B1A1A; font-family: 'Playfair Display', serif; }
html[data-theme="saffron"] .filter-btn.active { background: #8B1A1A; border-color: #8B1A1A; }
html[data-theme="saffron"] .filter-btn:hover  { border-color: #a82020; color: #8B1A1A; }
html[data-theme="saffron"] .pcard { border-color: rgba(139,26,26,.1); border-radius: 14px; }
html[data-theme="saffron"] .pcard:hover { box-shadow: 0 18px 48px rgba(139,26,26,.15); }
html[data-theme="saffron"] .pregion { color: #c8920a; }
html[data-theme="saffron"] .pname  { color: #8B1A1A; font-family: 'Playfair Display', serif; font-weight: 700; }
html[data-theme="saffron"] .pstars { color: #f59e0b; }
html[data-theme="saffron"] .pnow   { color: #8B1A1A; }
html[data-theme="saffron"] .atc         { background: #8B1A1A; color: #fff; border-radius: 8px; }
html[data-theme="saffron"] .atc:hover   { background: #a82020; }
html[data-theme="saffron"] .qv-open-btn { color: #8B1A1A; border-color: rgba(139,26,26,.2); background: rgba(139,26,26,.05); }
html[data-theme="saffron"] .pcard:hover .piw-hover-overlay { background: rgba(139,26,26,.42); }
html[data-theme="saffron"] .pcard-checkout-tag { background: #c8920a; }
html[data-theme="saffron"] .checkout-strip { background: #fffbf0; border-top-color: rgba(200,146,10,.2); color: #8B1A1A; }
html[data-theme="saffron"] .pbadge.bpm { background: #fff8e0; color: #8B1A1A; }
html[data-theme="saffron"] .qv-region { color: #c8920a; }
html[data-theme="saffron"] .qv-name   { color: #8B1A1A; font-family: 'Playfair Display', serif; }
html[data-theme="saffron"] .qv-stars  { color: #f59e0b; }
html[data-theme="saffron"] .qv-price  { color: #8B1A1A; }
html[data-theme="saffron"] .qv-save   { background: rgba(200,146,10,.12); color: #8B1A1A; }
html[data-theme="saffron"] .qv-atc    { background: #8B1A1A; }
html[data-theme="saffron"] .qv-atc:hover { background: #a82020; }
html[data-theme="saffron"] .qv-stock.in  { color: #8B1A1A; }
html[data-theme="saffron"] .qv-tag    { background: rgba(139,26,26,.07); color: #8B1A1A; }
html[data-theme="saffron"] .state-sec   { background: #fffdf2; }
html[data-theme="saffron"] .stab.active { background: #8B1A1A; }
html[data-theme="saffron"] .spgrid      { background: #1a0500; }
html[data-theme="saffron"] .spgrid .pname  { color: #ffd9a0; }
html[data-theme="saffron"] .spgrid .pnow   { color: #f5c518; }
html[data-theme="saffron"] .spgrid .pregion { color: #e0a88a; }
html[data-theme="saffron"] .spgrid .atc { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); }
html[data-theme="saffron"] .spgrid .atc:hover { background: #8B1A1A; border-color: #8B1A1A; color: #fff; }
html[data-theme="saffron"] .why-bg { background: linear-gradient(180deg, #fffdf2, #fff8e0); }
html[data-theme="saffron"] .pillar .pt { color: #8B1A1A; font-family: 'Playfair Display', serif; }
html[data-theme="saffron"] .pillar:hover { background: #fffdf2; box-shadow: 0 12px 32px rgba(139,26,26,.12); }
html[data-theme="saffron"] .rev-bg { background: linear-gradient(180deg, #fffdf5, #fff8e8); }
html[data-theme="saffron"] .rcard .rstars { color: #f59e0b; }
html[data-theme="saffron"] .rcard .rq     { color: #c8920a; }
html[data-theme="saffron"] .rcard .ran    { color: #8B1A1A; }
html[data-theme="saffron"] .rcard .rav    { background: #8B1A1A; }
html[data-theme="saffron"] .nl-sec { background: linear-gradient(135deg, #1a0500, #8B1A1A); }
html[data-theme="saffron"] .f-nl-btn { background: #c8920a; color: #fff; }
html[data-theme="saffron"] .f-nl-btn:hover { background: #e0a80c; }
html[data-theme="saffron"] .fd { color: #c8920a; }
html[data-theme="saffron"] .fh { color: #c8920a; }
html[data-theme="saffron"] .wl-title { color: #8B1A1A; }
html[data-theme="saffron"] .wl-iadd  { background: #8B1A1A; }
html[data-theme="saffron"] .chkbtn  { background: #8B1A1A; box-shadow: 0 4px 16px rgba(139,26,26,.3); }
html[data-theme="saffron"] .chkbtn:hover { background: #a82020; }
html[data-theme="saffron"] .coup-btn { background: #8B1A1A; }
html[data-theme="saffron"] .toast { background: #8B1A1A; }
html[data-theme="midnight"])
   Deep midnight navy · Warm cedar gold · Luxury dark editorial
   ═══════════════════════════════════════════════════════════════════ */
html[data-theme="midnight"] {
  --g:    #d4a843;
  --g2:   #e8bc55;
  --g3:   #f0cc6a;
  --gd:   #c49030;
  --gd2:  #daa840;
  --gd3:  #eac050;
  --tx:   #f0ead8;
  --tx2:  #cec4a8;
  --tx3:  #8a8070;
  --bd:   rgba(212,168,67,.18);
  --bg:   #0d1117;
  font-family: 'Playfair Display', Georgia, serif;
  background: #0d1117;
  color: #f0ead8;
}
html[data-theme="midnight"] body { background: #0d1117; }
html[data-theme="midnight"] .ann { background: #1a1408; color: #d4a843; letter-spacing: .5px; }
html[data-theme="midnight"] .ticker-wrap { background: #1e1408; }
html[data-theme="midnight"] .ticker-item { color: #d4a843; }
html[data-theme="midnight"] nav#mNav { background: rgba(13,17,23,.96); backdrop-filter: blur(12px); border-bottom-color: rgba(212,168,67,.14); }
html[data-theme="midnight"] .logo-name { color: #d4a843; font-family: 'Playfair Display', serif; font-weight: 900; }
html[data-theme="midnight"] .logo-tl   { color: rgba(212,168,67,.65); }
html[data-theme="midnight"] .nav-links a { color: #cec4a8; }
html[data-theme="midnight"] .nav-links a:hover { color: #d4a843; background: rgba(212,168,67,.08); }
html[data-theme="midnight"] .cart-btn  { background: #d4a843; color: #0d1117; font-weight: 800; }
html[data-theme="midnight"] .cart-btn:hover { background: #e8bc55; box-shadow: 0 8px 24px rgba(212,168,67,.35); }
html[data-theme="midnight"] .cbadge    { background: #8B1A1A; color: #fff; }
html[data-theme="midnight"] .ship-badge { background: rgba(212,168,67,.1); color: #d4a843; }
html[data-theme="midnight"] .hero { background: linear-gradient(170deg, #050709 0%, #0d1117 30%, #141c2a 65%, #1a2638 100%); }
html[data-theme="midnight"] .eyebrow { background: rgba(212,168,67,.12); border-color: rgba(212,168,67,.35); color: #d4a843; }
html[data-theme="midnight"] .hc h1 { color: #f0ead8; }
html[data-theme="midnight"] .hc h1 em { color: #d4a843; }
html[data-theme="midnight"] .hstat-num { color: #d4a843; }
html[data-theme="midnight"] .btn-g  { background: #d4a843; color: #0d1117; font-weight: 800; }
html[data-theme="midnight"] .btn-g:hover { background: #e8bc55; box-shadow: 0 8px 24px rgba(212,168,67,.4); }
html[data-theme="midnight"] .trust  { background: #111820; border-top: 1px solid rgba(212,168,67,.1); }
html[data-theme="midnight"] .chip { color: #d4a843; border-color: rgba(212,168,67,.28); }
html[data-theme="midnight"] .sh2  { color: #d4a843; font-family: 'Playfair Display', serif; }
html[data-theme="midnight"] .coll-bg { background: #0d1117; }
html[data-theme="midnight"] .cc { background: #141c2a; border-color: rgba(212,168,67,.12); }
html[data-theme="midnight"] .cc:hover { border-color: #d4a843; box-shadow: 0 12px 32px rgba(212,168,67,.14); }
html[data-theme="midnight"] .cname   { color: #d4a843; font-family: 'Playfair Display', serif; }
html[data-theme="midnight"] .filter-btn { background: #141c2a; border-color: rgba(212,168,67,.2); color: #cec4a8; }
html[data-theme="midnight"] .filter-btn.active { background: #d4a843; border-color: #d4a843; color: #0d1117; }
html[data-theme="midnight"] .filter-btn:hover  { border-color: #d4a843; color: #d4a843; }
html[data-theme="midnight"] .pcard { background: #141c2a; border-color: rgba(212,168,67,.1); border-radius: 16px; }
html[data-theme="midnight"] .pcard:hover { box-shadow: 0 18px 48px rgba(0,0,0,.4), 0 0 0 1px rgba(212,168,67,.2); transform: translateY(-6px) !important; }
html[data-theme="midnight"] .pregion { color: #d4a843; }
html[data-theme="midnight"] .pname  { color: #f0ead8; font-family: 'Playfair Display', serif; font-weight: 700; }
html[data-theme="midnight"] .pdesc  { color: #8a8070; }
html[data-theme="midnight"] .pstars { color: #d4a843; }
html[data-theme="midnight"] .pnow   { color: #d4a843; }
html[data-theme="midnight"] .pwas   { color: #6a6060; }
html[data-theme="midnight"] .atc         { background: #d4a843; color: #0d1117; font-weight: 800; border-radius: 10px; }
html[data-theme="midnight"] .atc:hover   { background: #e8bc55; }
html[data-theme="midnight"] .qv-open-btn { color: #d4a843; border-color: rgba(212,168,67,.2); background: rgba(212,168,67,.06); }
html[data-theme="midnight"] .pcard:hover .piw-hover-overlay { background: rgba(0,0,0,.55); }
html[data-theme="midnight"] .pcard-checkout-tag { background: #8B1A1A; }
html[data-theme="midnight"] .checkout-strip { background: #101820; border-top-color: rgba(212,168,67,.12); color: #d4a843; }
html[data-theme="midnight"] .pbadge.bpm { background: rgba(212,168,67,.15); color: #d4a843; }
html[data-theme="midnight"] .qv-name   { color: #d4a843; font-family: 'Playfair Display', serif; }
html[data-theme="midnight"] .qv-region { color: #d4a843; }
html[data-theme="midnight"] .qv-stars  { color: #d4a843; }
html[data-theme="midnight"] .qv-price  { color: #d4a843; }
html[data-theme="midnight"] .qv-save   { background: rgba(212,168,67,.12); color: #d4a843; }
html[data-theme="midnight"] .qv-atc    { background: #d4a843; color: #0d1117; }
html[data-theme="midnight"] .qv-atc:hover { background: #e8bc55; }
html[data-theme="midnight"] .qv-stock.in  { color: #4ade80; }
html[data-theme="midnight"] .qv-tag    { background: rgba(212,168,67,.08); color: #d4a843; }
html[data-theme="midnight"] .state-sec   { background: #0a0e14; }
html[data-theme="midnight"] .stab { color: #cec4a8; background: #141c2a; border-color: rgba(212,168,67,.15); }
html[data-theme="midnight"] .stab.active { background: #d4a843; color: #0d1117; }
html[data-theme="midnight"] .spgrid      { background: #050709; }
html[data-theme="midnight"] .why-bg { background: #0a0e14; }
html[data-theme="midnight"] .pillar { background: #141c2a; border-color: rgba(212,168,67,.1); }
html[data-theme="midnight"] .pillar .pt { color: #d4a843; font-family: 'Playfair Display', serif; }
html[data-theme="midnight"] .pillar:hover { background: #1a2638; box-shadow: 0 12px 32px rgba(0,0,0,.3), 0 0 0 1px rgba(212,168,67,.2); }
html[data-theme="midnight"] .rev-bg { background: #080b10; }
html[data-theme="midnight"] .rcard { background: #141c2a; border-color: rgba(212,168,67,.1); }
html[data-theme="midnight"] .rcard .rstars { color: #d4a843; }
html[data-theme="midnight"] .rcard .rq     { color: #d4a843; }
html[data-theme="midnight"] .rcard .ran    { color: #d4a843; }
html[data-theme="midnight"] .rcard .rav    { background: #d4a843; color: #0d1117; }
html[data-theme="midnight"] .nl-sec { background: linear-gradient(135deg, #050709, #141c2a); border-top: 1px solid rgba(212,168,67,.12); }
html[data-theme="midnight"] .f-nl-btn { background: #d4a843; color: #0d1117; font-weight: 800; }
html[data-theme="midnight"] .f-nl-btn:hover { background: #e8bc55; }
html[data-theme="midnight"] .footer { background: #050709; border-top: 1px solid rgba(212,168,67,.1); }
html[data-theme="midnight"] .fd { color: #d4a843; }
html[data-theme="midnight"] .fh { color: #d4a843; }
html[data-theme="midnight"] .flink { color: #8a8070; }
html[data-theme="midnight"] .flink:hover { color: #d4a843; }
html[data-theme="midnight"] .wl-title { color: #d4a843; }
html[data-theme="midnight"] .wl-iadd  { background: #d4a843; color: #0d1117; }
html[data-theme="midnight"] .chkbtn  { background: #d4a843; color: #0d1117; box-shadow: 0 4px 16px rgba(212,168,67,.3); }
html[data-theme="midnight"] .chkbtn:hover { background: #e8bc55; }
html[data-theme="midnight"] .coup-btn { background: #d4a843; color: #0d1117; }
html[data-theme="midnight"] .toast { background: #141c2a; border: 1px solid rgba(212,168,67,.25); color: #d4a843; }
html[data-theme="midnight"] .theme-panel { background: #141c2a; border-color: rgba(212,168,67,.18); }
html[data-theme="midnight"] .theme-opt { background: rgba(212,168,67,.04); }
html[data-theme="midnight"] .theme-opt-label { color: #f0ead8; }
html[data-theme="midnight"] .theme-opt-sub { color: #8a8070; }
html[data-theme="midnight"] .theme-opt.active { border-color: #d4a843; background: rgba(212,168,67,.1); }
html[data-theme="midnight"] .theme-panel-title { color: #8a8070; }
html[data-theme="valley"])
   Soft blush rose · Sage green · Airy Himalayan meadow feel
   ═══════════════════════════════════════════════════════════════════ */
html[data-theme="valley"] {
  --g:    #4a7c59;
  --g2:   #5e9470;
  --g3:   #75ab88;
  --gd:   #c9676b;
  --gd2:  #d97f82;
  --gd3:  #e8989b;
  --tx:   #1e2a20;
  --tx2:  #3a4c3e;
  --tx3:  #7a9082;
  --bd:   rgba(74,124,89,.14);
  font-family: 'Nunito', 'Lato', sans-serif;
  background: #f8fdf9;
}
html[data-theme="valley"] .ann { background: #4a7c59; color: #fff; }
html[data-theme="valley"] .ticker-wrap { background: #c9676b; }
html[data-theme="valley"] .ticker-item { color: #fff; }
html[data-theme="valley"] nav#mNav { background: #f8fdf9; border-bottom-color: rgba(74,124,89,.12); }
html[data-theme="valley"] .logo-name { color: #4a7c59; font-family: 'Nunito', sans-serif; font-weight: 800; }
html[data-theme="valley"] .logo-tl   { color: #c9676b; }
html[data-theme="valley"] .nav-links a:hover { color: #4a7c59; background: rgba(74,124,89,.07); }
html[data-theme="valley"] .cart-btn  { background: #4a7c59; }
html[data-theme="valley"] .cart-btn:hover { background: #5e9470; box-shadow: 0 6px 20px rgba(74,124,89,.3); }
html[data-theme="valley"] .cbadge    { background: #c9676b; color: #fff; }
html[data-theme="valley"] .ship-badge { background: rgba(74,124,89,.1); color: #4a7c59; }
html[data-theme="valley"] .hero { background: linear-gradient(170deg, #0e2016 0%, #1e3d28 30%, #2d6040 60%, #4a7c59 100%); }
html[data-theme="valley"] .eyebrow { background: rgba(201,103,107,.12); border-color: rgba(201,103,107,.35); color: #c9676b; }
html[data-theme="valley"] .hc h1 em { color: #e8c49c; }
html[data-theme="valley"] .hstat-num { color: #c9676b; }
html[data-theme="valley"] .btn-g  { background: #c9676b; color: #fff; }
html[data-theme="valley"] .btn-g:hover { background: #d97f82; box-shadow: 0 8px 24px rgba(201,103,107,.35); }
html[data-theme="valley"] .trust  { background: #4a7c59; }
html[data-theme="valley"] .chip { color: #c9676b; border-color: rgba(201,103,107,.28); }
html[data-theme="valley"] .sh2  { color: #4a7c59; font-family: 'Nunito', sans-serif; font-weight: 800; }
html[data-theme="valley"] .coll-bg { background: linear-gradient(180deg, #f0faf3, #e6f5eb); }
html[data-theme="valley"] .cc:hover { border-color: #4a7c59; box-shadow: 0 10px 28px rgba(74,124,89,.12); }
html[data-theme="valley"] .cname   { color: #4a7c59; font-family: 'Nunito', sans-serif; }
html[data-theme="valley"] .filter-btn.active { background: #4a7c59; border-color: #4a7c59; }
html[data-theme="valley"] .filter-btn:hover  { border-color: #5e9470; color: #4a7c59; }
html[data-theme="valley"] .pcard { border-color: rgba(74,124,89,.1); border-radius: 20px; }
html[data-theme="valley"] .pcard:hover { box-shadow: 0 16px 40px rgba(74,124,89,.14); }
html[data-theme="valley"] .pregion { color: #c9676b; }
html[data-theme="valley"] .pname  { color: #4a7c59; font-family: 'Nunito', sans-serif; font-weight: 800; }
html[data-theme="valley"] .pstars { color: #f59e0b; }
html[data-theme="valley"] .pnow   { color: #4a7c59; }
html[data-theme="valley"] .atc         { background: #c9676b; color: #fff; border-radius: 24px; }
html[data-theme="valley"] .atc:hover   { background: #d97f82; }
html[data-theme="valley"] .qv-open-btn { color: #4a7c59; border-color: rgba(74,124,89,.2); background: rgba(74,124,89,.06); }
html[data-theme="valley"] .pcard:hover .piw-hover-overlay { background: rgba(74,124,89,.42); }
html[data-theme="valley"] .pcard-checkout-tag { background: #c9676b; }
html[data-theme="valley"] .checkout-strip { background: #fff5f5; border-top-color: rgba(201,103,107,.18); color: #c9676b; }
html[data-theme="valley"] .pbadge.bpm { background: #edf7f0; color: #4a7c59; }
html[data-theme="valley"] .qv-region { color: #c9676b; }
html[data-theme="valley"] .qv-name   { color: #4a7c59; font-family: 'Nunito', sans-serif; }
html[data-theme="valley"] .qv-stars  { color: #f59e0b; }
html[data-theme="valley"] .qv-price  { color: #4a7c59; }
html[data-theme="valley"] .qv-save   { background: rgba(201,103,107,.1); color: #c9676b; }
html[data-theme="valley"] .qv-atc    { background: #c9676b; }
html[data-theme="valley"] .qv-atc:hover { background: #d97f82; }
html[data-theme="valley"] .qv-stock.in  { color: #4a7c59; }
html[data-theme="valley"] .qv-tag    { background: rgba(74,124,89,.08); color: #4a7c59; }
html[data-theme="valley"] .state-sec   { background: #edf7f0; }
html[data-theme="valley"] .stab.active { background: #4a7c59; }
html[data-theme="valley"] .spgrid      { background: #0e2016; }
html[data-theme="valley"] .why-bg { background: linear-gradient(180deg, #f0faf3, #e6f5eb); }
html[data-theme="valley"] .pillar .pt { color: #4a7c59; font-family: 'Nunito', sans-serif; }
html[data-theme="valley"] .pillar:hover { background: #edf7f0; box-shadow: 0 10px 28px rgba(74,124,89,.12); }
html[data-theme="valley"] .rev-bg { background: linear-gradient(180deg, #fdf8f8, #faf2f2); }
html[data-theme="valley"] .rcard .rstars { color: #f59e0b; }
html[data-theme="valley"] .rcard .rq     { color: #c9676b; }
html[data-theme="valley"] .rcard .ran    { color: #4a7c59; }
html[data-theme="valley"] .rcard .rav    { background: #4a7c59; }
html[data-theme="valley"] .nl-sec { background: linear-gradient(135deg, #0e2016, #4a7c59); }
html[data-theme="valley"] .f-nl-btn { background: #c9676b; color: #fff; }
html[data-theme="valley"] .f-nl-btn:hover { background: #d97f82; }
html[data-theme="valley"] .fd { color: #c9676b; }
html[data-theme="valley"] .fh { color: #c9676b; }
html[data-theme="valley"] .wl-title { color: #4a7c59; }
html[data-theme="valley"] .wl-iadd  { background: #4a7c59; }
html[data-theme="valley"] .chkbtn  { background: #4a7c59; box-shadow: 0 4px 16px rgba(74,124,89,.28); }
html[data-theme="valley"] .chkbtn:hover { background: #5e9470; }
html[data-theme="valley"] .coup-btn { background: #4a7c59; }
html[data-theme="valley"] .toast { background: #4a7c59; }
/* ── COLLECTION CARD IMAGE SUPPORT ────────────────────────────── */
/* (sizing now handled in .ccat-img-wrap above) */
.ccat-img-wrap.img-loaded::before { opacity:0; pointer-events:none; }
.ccat-img-wrap.img-loaded::before { opacity:0; }
@keyframes skelshimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
.cemo { font-size:36px; display:block; line-height:1; }

/* ── HERO PANEL: Single big image mode (admin-set hero_bg_image) ── */
#heroProdPanel[style*="background-image"] {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  min-height: 420px;
}
#heroProdPanel[style*="background-image"] .hero-sale-badge {
  bottom: 20px;
  right: 20px;
}
#heroProdPanel[style*="background-image"]::before {
  display: none;
}

/* ═══════════════════════════════════════════════════════════════
   FULL-WIDTH HERO SLIDER  (mypahadidukan-style)
   ═══════════════════════════════════════════════════════════════ */

/* Container */
.hero-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #0d2410;
}

/* Track holds all slides stacked — must be position:relative for absolute hstats */
.hslider-track {
  position: relative;
  width: 100%;
  min-height: 500px;
  max-height: 75vh;
  height: 75vh;
  overflow: hidden;
}

/* Each slide — 75vh height, image covers entire area, NO gap */
.hslide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.9s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.hslide.active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

/* Gradient overlay — dark on left for text legibility */
.hslide-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    rgba(5, 20, 8, 0.82) 0%,
    rgba(5, 20, 8, 0.6) 45%,
    rgba(5, 20, 8, 0.15) 70%,
    rgba(5, 20, 8, 0.05) 100%
  );
  z-index: 1;
}
/* Light-bg slides get a different overlay */
.hslide.light-bg .hslide-overlay {
  background: linear-gradient(
    100deg,
    rgba(255, 255, 255, 0.0) 0%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Content box — vertically centred in the image */
.hslide-content {
  position: relative;
  z-index: 2;
  max-width: 600px;
  padding: 0 0 0 72px;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  justify-content: center;
}

/* Eyebrow pill */
.hslide-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 30px;
  padding: 5px 14px;
  width: fit-content;
  margin-bottom: 18px;
  backdrop-filter: blur(4px);
}

/* Main headline */
.hslide-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(32px, 4.5vw, 62px);
  font-weight: 900;
  line-height: 1.05;
  color: #fff;
  margin: 0 0 16px;
  text-shadow: 0 2px 20px rgba(0,0,0,.4);
  letter-spacing: -1px;
}
.hslide-title em {
  font-style: italic;
  color: var(--gd, #c8920a);
}

/* Subtitle */
.hslide-sub {
  font-size: clamp(13px, 1.5vw, 16px);
  color: rgba(255,255,255,.8);
  line-height: 1.6;
  margin: 0 0 28px;
  max-width: 440px;
  font-weight: 400;
}

/* Coupon badge — PART OF SLIDE DESIGN */
.hslide-coupon {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  background: rgba(255,255,255,.97);
  border-radius: 12px;
  padding: 10px 18px;
  margin-bottom: 24px;
  box-shadow: 0 4px 20px rgba(0,0,0,.3);
  width: fit-content;
}
.hslide-coupon-label {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #888;
}
.hslide-coupon-offer {
  font-size: 20px;
  font-weight: 900;
  color: #1b4332;
  line-height: 1;
  letter-spacing: -.5px;
}
.hslide-coupon-code {
  font-size: 11px;
  font-weight: 800;
  color: #bc4749;
  letter-spacing: .5px;
}

/* Buttons */
.hslide-btns {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.hslide-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--g, #1a3a1e);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  padding: 13px 28px;
  border-radius: 50px;
  text-decoration: none;
  transition: all .25s;
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
  letter-spacing: .2px;
  border: none;
  cursor: pointer;
}
.hslide-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(0,0,0,.35); filter: brightness(1.15); }
.hslide-btn-secondary {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,.85);
  text-decoration: none;
  padding: 12px 0;
  gap: 6px;
  border: none;
  background: none;
  cursor: pointer;
  transition: color .2s;
}
.hslide-btn-secondary:hover { color: #fff; }
.hslide-btn-secondary::after { content: '→'; transition: transform .2s; }
.hslide-btn-secondary:hover::after { transform: translateX(4px); }

/* Fallback slide (no image) */
.hslide-fallback {
  background: linear-gradient(150deg, #071a09 0%, #0d2410 30%, #1a3a1e 65%, #2d5233 100%);
}
.hslide-fallback .hslide-overlay { display: none; }

/* ── Navigation Arrows ── */
.hslider-arrow {
  position: absolute;
  top: calc(50% - 35px); /* center in image, offset to stay clear of stats bar */
  transform: translateY(-50%);
  z-index: 20;
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  border: 1.5px solid rgba(255,255,255,.4);
  color: #fff;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s;
  line-height: 1;
  padding: 0;
  text-shadow: none;
  box-shadow: 0 2px 12px rgba(0,0,0,.4);
}
.hslider-arrow:hover { background: rgba(0,0,0,.55); transform: translateY(-50%) scale(1.08); border-color: rgba(255,255,255,.7); }
.hslider-prev { left: 20px; }
.hslider-next { right: 20px; }

/* ── Dots ── */
.hslider-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}
.hslider-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.35);
  border: none;
  cursor: pointer;
  transition: all .3s;
  padding: 0;
}
.hslider-dot.active {
  width: 24px;
  border-radius: 4px;
  background: #fff;
}

/* ── Stats bar — sits directly below the slide image, NO gap ── */
.hero-slider .hstats {
  position: relative;
  z-index: 10;
  background: rgba(5,20,8,.97);
  border-top: none;
  display: flex; /* overrides the default display:none when JS shows it */
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 16px 40px;
  flex-wrap: wrap;
  margin-top: -2px;
}

/* ── Theme overrides for slider ── */
body[data-theme="dukan"] .hslide-fallback,
html[data-theme="dukan"] .hslide-fallback {
  background: linear-gradient(150deg, #001f26 0%, #003040 30%, #006d77 65%, #0a8f9c 100%);
}
body[data-theme="dukan"] .hslide-btn-primary,
html[data-theme="dukan"] .hslide-btn-primary { background: #006d77; }
body[data-theme="dukan"] .hero-slider .hstats,
html[data-theme="dukan"] .hero-slider .hstats { background: rgba(0,31,38,.95); }

body[data-theme="saffron"] .hslide-fallback,
html[data-theme="saffron"] .hslide-fallback {
  background: linear-gradient(150deg, #1a0500 0%, #3d1000 30%, #8B1A1A 65%, #b03030 100%);
}
body[data-theme="saffron"] .hslide-btn-primary,
html[data-theme="saffron"] .hslide-btn-primary { background: #8B1A1A; }
body[data-theme="saffron"] .hslide-title em { color: #f5c518; }

body[data-theme="midnight"] .hslide-fallback,
html[data-theme="midnight"] .hslide-fallback {
  background: linear-gradient(150deg, #050709 0%, #0d1117 30%, #141c2a 65%, #1a2638 100%);
}
body[data-theme="midnight"] .hslide-btn-primary,
html[data-theme="midnight"] .hslide-btn-primary { background: #d4a843; color: #0d1117; }
body[data-theme="midnight"] .hslide-title em { color: #d4a843; }

body[data-theme="valley"] .hslide-fallback,
html[data-theme="valley"] .hslide-fallback {
  background: linear-gradient(150deg, #0e2016 0%, #1e3d28 30%, #2d6040 65%, #4a7c59 100%);
}
body[data-theme="valley"] .hslide-btn-primary,
html[data-theme="valley"] .hslide-btn-primary { background: #4a7c59; }

/* ── Responsive ── */
@media (max-width: 860px) {
  .hslider-track { height: 70vw; min-height: 380px; max-height: 520px; }
  .hslide-content { padding: 0 20px 0 20px; max-width: 100%; }
  .hslide-title { font-size: clamp(26px, 7vw, 40px); }
  .hslider-arrow { width: 36px; height: 36px; font-size: 20px; }
  .hslider-prev { left: 10px; }
  .hslider-next { right: 10px; }
  .hslider-dots { bottom: 20px; }
  .hero-slider .hstats { padding: 12px 16px; gap: 0; }
}
@media (max-width: 540px) {
  .hslider-track { height: 85vw; min-height: 320px; max-height: 440px; }
  .hslide-content { padding: 0 16px; }
  .hslide-title { font-size: 26px; letter-spacing: -.5px; }
  .hslide-sub { font-size: 13px; margin-bottom: 18px; }
  .hslide-coupon-offer { font-size: 16px; }
  .hslide-btn-primary { font-size: 13px; padding: 11px 22px; }
  .hslider-arrows { display: none; }
}


/* ═══════════════════════════════════════════════════════════════
   UNIVERSAL IMAGE SKELETON / FADE-IN SYSTEM
   All images start invisible; JS adds .img-ready when loaded.
   .skel class on wrapper shows shimmer until image is ready.
   ═══════════════════════════════════════════════════════════════ */

/* Shimmer base — applied to any wrapper with class .skel */
.skel {
  position: relative;
  overflow: hidden;
}
.skel::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(90deg, #e8e4dc 25%, #f0ece4 50%, #e8e4dc 75%);
  background-size: 200% 100%;
  animation: skelshimmer 1.4s infinite;
  transition: opacity .35s ease;
  pointer-events: none;
}
.skel.img-ready::before { opacity: 0; pointer-events: none; }
/* Dark variant for state/header images */
.skel-dark::before {
  background: linear-gradient(90deg, #1a2a1d 25%, #243628 50%, #1a2a1d 75%);
  background-size: 200% 100%;
}

/* Product image wrap — emoji shows as fallback, img fades over it */
.piw img { opacity: 0; transition: opacity .45s ease; z-index: 1; }
.piw.img-ready img { opacity: 1; }
.piw.skel::before { border-radius: 0; z-index: 2; }

/* State tab thumbnails */
.stab-thumb img { opacity: 0; transition: opacity .4s ease; }
.stab-thumb.img-ready img { opacity: 1; }
.stab-thumb.skel::before { border-radius: 0; }

/* State header image */
.shdr-img-col img { opacity: 0; transition: opacity .6s ease; }
.shdr-img-col.img-ready img { opacity: 1; }
.shdr-img-col.skel::before { border-radius: 0; z-index: 2; }

/* Story card image */
.story-card-img { opacity: 0; transition: opacity .4s ease; display: block; }
.story-card.img-ready .story-card-img { opacity: 1; }
/* Hero banner background — starts as solid dark, fades in */
.hslide[data-img-ready="true"] { transition: background-image .001s; }