/* ==========================================================================
   AVNIDEEP × RENEE-STYLE STOREFRONT THEME  (renee-theme.css v3)
   Layered ON TOP of existing page CSS — no IDs/classes/JS hooks changed.
   Loaded last in <head>, so it wins equal-specificity cascades.
   --------------------------------------------------------------------------
   COLOR FLIP: exact Renee pink chahiye to neeche wala block uncomment karein
   :root{
     --rx-brand:#8A1042; --rx-brand2:#5E0A2D;
     --rx-accent:#D6336C; --rx-rose:#D6336C;
     --rx-soft:#FDEEF3; --rx-soft2:#FBE3EC;
   }
   ========================================================================== */
:root{
  --rx-bg:#FFFDFB;
  --rx-soft:#FDF2EC;          /* blush cream — beauty-store softness */
  --rx-soft2:#F9E9E0;
  --rx-cream:#FBF6F0;
  --rx-ink:#2B211B;
  --rx-mut:#7E6E63;
  --rx-line:#F1E4DB;
  --rx-brand:#123B2C;         /* deep ayur green */
  --rx-brand2:#0B291E;
  --rx-gold:#C9A24B;
  --rx-gold2:#A8842F;
  --rx-rose:#C8466A;          /* renee-like rose for %off / accents */
  --rx-green-ok:#1E7B45;
  --rx-star:#F0A93B;
  --rx-radius:18px;
  --rx-radius-sm:12px;
  --rx-shadow:0 14px 34px -22px rgba(43,33,27,.35);
  --rx-shadow-lg:0 24px 60px -30px rgba(43,33,27,.4);
  --rx-font-d:"Fraunces",Georgia,"Times New Roman",serif;
  --rx-font-b:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  --rx-ease:cubic-bezier(.22,.61,.36,1);
}

/* kill the UA default 8px body margin — otherwise the whole page sits in an 8px frame */
body{margin:0}
body{background:var(--rx-bg)}
::selection{background:var(--rx-brand);color:#fff}

/* ---------- shared bits ---------- */
.rx-wrap{max-width:1180px;margin:auto;padding:0 16px}
.rx-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--rx-rose);background:#FBE7EC;border:1px solid #F5CFDA;padding:6px 14px;border-radius:999px}
.rx-h{font-family:var(--rx-font-d);font-weight:600;color:var(--rx-ink);letter-spacing:-.01em;line-height:1.18;font-size:clamp(1.55rem,1.15rem + 1.8vw,2.3rem)}
.rx-h .em{color:var(--rx-brand);font-style:italic}
.rx-sub{color:var(--rx-mut);font-size:15px;max-width:64ch}
.rx-center{text-align:center}
.rx-center .rx-sub{margin-left:auto;margin-right:auto}
.rx-section{padding:clamp(30px,4.5vw,58px) 0}
/* Renee-style clean section header (no pills, no italics) */
.rx-head{text-align:center;margin-bottom:clamp(20px,3vw,34px)}
.rx-head h2{font-family:var(--rx-font-d);font-weight:560;color:var(--rx-ink);font-size:clamp(1.4rem,1.1rem + 1.5vw,1.95rem);letter-spacing:-.005em;line-height:1.2;margin:0}
.rx-head p{color:var(--rx-mut);font-size:14px;max-width:60ch;margin:8px auto 0}
.rx-head .vall{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--rx-brand);text-decoration:none;border-bottom:1.5px solid var(--rx-gold);padding-bottom:2px}
.rx-head .vall:hover{color:var(--rx-brand2);border-bottom-color:var(--rx-brand)}

/* ==========================================================================
   1) ANNOUNCEMENT BAR  (Renee: top offer strip)
   ========================================================================== */
.rx-announce{background:linear-gradient(90deg,var(--rx-brand2),var(--rx-brand) 55%,var(--rx-brand2));color:#F5EFE6;overflow:hidden;white-space:nowrap;font-size:12.5px;font-weight:700;letter-spacing:.06em}
.rx-announce-t{display:inline-block;padding:9px 0;animation:rxTick 26s linear infinite;will-change:transform}
.rx-announce-t span{margin:0 30px;position:relative}
.rx-announce-t span b{color:var(--rx-gold)}
.rx-announce-t span::after{content:"✦";position:absolute;right:-26px;opacity:.5;font-size:10px;top:2px}
@keyframes rxTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.rx-announce-t{animation:none}}
/* legacy ticker (countdown strip) reskin */
.ticker{background:linear-gradient(90deg,var(--rx-brand2),var(--rx-brand) 55%,var(--rx-brand2))!important;color:#F5EFE6!important;font-weight:700;letter-spacing:.05em}
.ticker b{color:var(--rx-gold)!important}
/* legacy topbar → soft utility strip */
.topbar{background:var(--rx-soft)!important;color:var(--rx-brand)!important;border-bottom:1px solid var(--rx-line)!important;font-weight:700}

/* ==========================================================================
   2) HEADER  (Renee: white sticky header, logo, uppercase nav, icons)
   ========================================================================== */
.rx-header{position:sticky;top:0;z-index:50;background:rgba(255,253,251,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--rx-line)}
.rx-nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:14px;padding:12px 18px}
.rx-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.rx-logo-img{height:44px;width:auto;display:block}
.rx-foot-logo{display:inline-block;background:#fff;border-radius:12px;padding:6px 14px}
.rx-foot-logo img{height:46px;width:auto;display:block}
@media(max-width:760px){.rx-logo-img{height:36px}.rx-foot-logo img{height:40px}}
.rx-logo-mark{width:38px;height:38px;border-radius:50%;background:linear-gradient(150deg,var(--rx-brand),var(--rx-brand2));color:var(--rx-gold);display:grid;place-items:center;font-family:var(--rx-font-d);font-size:20px;font-weight:600;box-shadow:inset 0 0 0 1.5px rgba(201,162,75,.55)}
.rx-logo-name{font-family:var(--rx-font-d);font-size:21px;font-weight:600;color:var(--rx-brand);line-height:1.05;letter-spacing:-.01em}
.rx-logo-name small{display:block;font-family:var(--rx-font-b);font-size:9.5px;font-weight:800;letter-spacing:.34em;text-transform:uppercase;color:var(--rx-gold2)}
.rx-links{display:flex;gap:4px;margin:0 auto}
.rx-links a{color:var(--rx-ink);text-decoration:none;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:10px 13px;border-radius:10px;position:relative}
.rx-links a::after{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:2px;background:var(--rx-rose);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .22s var(--rx-ease)}
.rx-links a:hover::after,.rx-links a.on::after{transform:scaleX(1)}
.rx-links a.on{color:var(--rx-brand)}
.rx-icons{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.rx-ico{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--rx-brand);cursor:pointer;transition:background .18s;text-decoration:none;position:relative}
.rx-ico:hover{background:var(--rx-soft)}
.rx-ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rx-cta{display:inline-block;text-decoration:none;font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--rx-brand),var(--rx-brand2));padding:12px 20px;border-radius:999px;border:0;cursor:pointer;box-shadow:0 10px 22px -12px rgba(18,59,44,.55);transition:transform .18s,box-shadow .18s}
.rx-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px -12px rgba(18,59,44,.6)}
.rx-cta.gold{background:linear-gradient(135deg,var(--rx-gold),var(--rx-gold2));color:#241a08}
@media(max-width:960px){.rx-links{display:none}}
.rx-catbar{border-top:1px solid var(--rx-line);display:none}
@media(max-width:960px){
  .rx-catbar{display:block;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .rx-catbar::-webkit-scrollbar{display:none}
  .rx-catbar-in{display:inline-flex;gap:4px;padding:8px 12px}
  .rx-catbar a{color:var(--rx-ink);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:8px 13px;border-radius:999px}
  .rx-catbar a.on,.rx-catbar a:active{background:var(--rx-soft);color:var(--rx-brand)}
}
.rx-search{position:relative;flex:1;max-width:340px;margin:0 auto}
.rx-search input{width:100%;border:1.5px solid var(--rx-line);background:var(--rx-bg);border-radius:999px;padding:11px 18px 11px 42px;font-size:13.5px;font-family:var(--rx-font-b);color:var(--rx-ink);outline:none;transition:border-color .2s,box-shadow .2s}
.rx-search input:focus{border-color:var(--rx-brand);box-shadow:0 0 0 3px rgba(18,59,44,.1)}
.rx-search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:var(--rx-mut);fill:none;stroke-width:2;stroke-linecap:round}
@media(max-width:760px){.rx-search{display:none}}
@media(max-width:560px){
  .rx-nav{padding:10px 12px;gap:8px}
  .rx-logo-name{font-size:17px}
  .rx-logo-mark{width:32px;height:32px;font-size:17px}
  .rx-cta{padding:10px 14px;font-size:11px;letter-spacing:.03em}
  .rx-ico{width:38px;height:38px}
  .rx-icons{gap:4px}
  .rx-icons a[href^="tel:"]{display:none}
  .rx-burger{width:38px;height:38px}
}

/* ==========================================================================
   3) HERO — full-bleed slider (Renee homepage banners)
   ========================================================================== */
.rx-hero{padding:14px 0 0}
.rx-hero .rx-frames{position:relative;max-width:1240px;margin:auto;border-radius:22px;overflow:hidden;box-shadow:var(--rx-shadow-lg)}
@media(max-width:1240px){.rx-hero .rx-frames{border-radius:0;box-shadow:none}}
.rx-hero .slide{display:none}
.rx-hero .slide.on{display:block;animation:rxHeroIn .55s var(--rx-ease)}
/* hero gloss sweep — same shine family as the order buttons (rx-shine), tuned
   soft for photography. Restarts every time a slide becomes active; clipped
   to the banner by .rx-frames{overflow:hidden}. Fast sweep: turant start. */
.rx-hero .slide{position:relative}
/* Perf: sweep animates transform (compositor-only, no per-frame reflow).
   Same -60% → 130% sweep as before — width 45% => translateX(-160% → 290%).  */
.rx-hero .slide.on::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-160%) skewX(-18deg);will-change:transform;animation:rx-hero-shine 2.8s ease-in-out infinite}
@keyframes rx-hero-shine{0%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(290%) skewX(-18deg)}}
.rx-hero img{width:100%;height:auto;display:block}
.rx-hero .slide picture{display:block}
@media(min-width:701px){
.rx-hero .rx-frames{background:#0d2b20}
}
@media(max-width:700px){
.rx-hero{padding:10px 0 0}
.rx-hero .rx-frames{max-width:520px;margin-left:auto;margin-right:auto;background:#0d2b20}
}
/* Transform-only: the old opacity:0 → 1 fade delayed the hero image's LCP
   paint by the full 550ms animation. The slide still glides in. */
@keyframes rxHeroIn{from{transform:translateX(56px)}to{transform:translateX(0)}}
.rx-hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--rx-brand);font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.18);display:grid;place-items:center;transition:background .2s;line-height:1}
.rx-hero-nav:hover{background:#fff}
.rx-hero-prev{left:14px}.rx-hero-next{right:14px}
.rx-hero-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:7px;justify-content:center;z-index:3}
.rx-hero-dots button{width:26px;height:4px;border-radius:99px;border:0;background:rgba(255,255,255,.5);cursor:pointer;transition:background .2s,width .2s}
.rx-hero-dots button.on{background:#fff;width:38px}
@media(max-width:640px){.rx-hero-nav{display:none}}
/* trust strip under hero */
.rx-trust{background:var(--rx-soft);border-block:1px solid var(--rx-line)}
.rx-trust-in{max-width:1180px;margin:auto;display:flex;flex-wrap:wrap;gap:6px 26px;justify-content:center;padding:12px 16px;font-size:12.5px;font-weight:700;color:var(--rx-brand)}
.rx-trust-in span{display:inline-flex;align-items:center;gap:7px}
.rx-trust-in svg{width:15px;height:15px;stroke:var(--rx-gold2);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* marketplace strip (kept) */
.brandstrip{border-bottom:1px solid var(--rx-line);background:#fff}

/* ==========================================================================
   4) CATEGORY CIRCLES (Renee "Categories")
   ========================================================================== */
.rx-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 10px;margin-top:26px}
@media(max-width:760px){.rx-cats{display:flex;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.rx-cats::-webkit-scrollbar{display:none}}
.rx-cat{text-align:center;text-decoration:none;color:var(--rx-ink);min-width:96px}
.rx-cat .rx-cat-img{width:clamp(92px,10vw,124px);height:clamp(92px,10vw,124px);margin:0 auto 10px;border-radius:50%;overflow:hidden;background:var(--rx-soft);border:2px solid transparent;padding:4px;transition:border-color .25s,transform .25s var(--rx-ease);display:block}
.rx-cat .rx-cat-img img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.rx-cat:hover .rx-cat-img{border-color:var(--rx-rose);transform:translateY(-3px)}
.rx-cat b{font-size:13px;font-weight:700;display:block}

/* ==========================================================================
   5) PRODUCT CARDS (Renee "In the Spotlight")
   ========================================================================== */
.rx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
@media(max-width:1080px){.rx-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.rx-grid{grid-template-columns:1fr 1fr;gap:12px}}
.rx-pcard{background:#fff;border:1px solid var(--rx-line);border-radius:var(--rx-radius);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:box-shadow .22s var(--rx-ease),transform .22s var(--rx-ease)}
.rx-pcard:hover{box-shadow:var(--rx-shadow-lg);transform:translateY(-3px)}
.rx-pcard-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--rx-brand);color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;padding:5px 11px;border-radius:999px;text-transform:uppercase}
.rx-pcard-badge.rose{background:var(--rx-rose)}
.rx-pcard-media{position:relative;aspect-ratio:1/1;background:var(--rx-soft);overflow:hidden;display:block}
.rx-pcard-media img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s var(--rx-ease),transform .6s var(--rx-ease)}
.rx-pcard-media .img-b{position:absolute;inset:0;opacity:0}
.rx-pcard:hover .rx-pcard-media .img-b{opacity:1}
.rx-pcard:hover .rx-pcard-media img{transform:scale(1.05)}
.rx-pcard-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:7px;flex:1}
.rx-rate{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--rx-mut);font-weight:600}
.rx-rate .rx-rate-pill{background:var(--rx-green-ok);color:#fff;font-weight:800;font-size:11.5px;padding:2px 8px;border-radius:7px;display:inline-flex;align-items:center;gap:3px}
.rx-rate .rx-rate-pill i{font-style:normal;color:#FFE9A8}
.rx-pcard-title{font-family:var(--rx-font-b);font-weight:700;font-size:15px;color:var(--rx-ink);line-height:1.35;text-decoration:none;display:block}
.rx-pcard-title:hover{color:var(--rx-brand)}
.rx-variant{font-size:11.5px;color:var(--rx-mut);font-weight:600}
.rx-priceline{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.rx-priceline .mrp{font-size:11px;color:var(--rx-mut);letter-spacing:.06em;text-transform:uppercase;font-weight:700;width:100%}
.rx-priceline s{color:var(--rx-mut);font-size:13px}
.rx-priceline .now{font-size:19px;font-weight:800;color:var(--rx-ink)}
.rx-priceline .off{color:var(--rx-rose);font-size:12.5px;font-weight:800}
.rx-add{margin-top:auto;display:block;text-align:center;text-decoration:none;border:1.5px solid var(--rx-brand);background:#fff;color:var(--rx-brand);font-weight:800;font-size:13px;letter-spacing:.09em;text-transform:uppercase;padding:12px 10px;border-radius:12px;cursor:pointer;transition:background .18s,color .18s}
.rx-add:hover{background:var(--rx-brand);color:#fff}

/* ==========================================================================
   6) COUPON MARQUEE + OFFERS
   ========================================================================== */
.rx-strip{background:linear-gradient(90deg,#FDEDF1,#FBF1E4);border-block:1px solid var(--rx-line);overflow:hidden;white-space:nowrap}
.rx-strip-t{display:inline-block;padding:12px 0;animation:rxTick 30s linear infinite}
.rx-strip-t span{margin:0 22px;font-size:12.5px;font-weight:800;color:var(--rx-brand);letter-spacing:.05em}
.rx-strip-t code{background:var(--rx-brand);color:#fff;padding:3px 11px;border-radius:999px;font-size:11.5px;margin-right:6px}

/* ========================= FEATURES ========================= */
.rx-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
@media(max-width:900px){.rx-feats{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.rx-feats{grid-template-columns:1fr}}
.rx-feat{background:#fff;border:1px solid var(--rx-line);border-radius:var(--rx-radius);padding:20px;text-align:center;transition:transform .2s var(--rx-ease),box-shadow .2s var(--rx-ease)}
.rx-feat:hover{transform:translateY(-2px);box-shadow:var(--rx-shadow)}
.rx-feat .rx-feat-ico{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(--rx-soft);display:grid;place-items:center}
.rx-feat .rx-feat-ico svg{width:24px;height:24px;stroke:var(--rx-brand);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rx-feat b{display:block;font-size:14.5px;color:var(--rx-ink);margin-bottom:4px}
.rx-feat span{font-size:12.5px;color:var(--rx-mut)}

/* ========================= CONCERN TILES ========================= */
.rx-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
@media(max-width:700px){.rx-tiles{grid-template-columns:1fr}}
.rx-tile{position:relative;border-radius:var(--rx-radius);overflow:hidden;min-height:190px;display:flex;align-items:flex-end;text-decoration:none;background:linear-gradient(140deg,var(--rx-brand),var(--rx-brand2));box-shadow:var(--rx-shadow);transition:transform .22s var(--rx-ease)}
.rx-tile:hover{transform:translateY(-3px)}
.rx-tile.alt{background:linear-gradient(140deg,#7E4A2D,#4E2A15)}
.rx-tile-in{position:relative;z-index:1;padding:22px;color:#fff}
.rx-tile-in .tag{font-size:10.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--rx-gold);margin-bottom:6px}
.rx-tile-in b{font-family:var(--rx-font-d);font-size:21px;font-weight:600;display:block;letter-spacing:-.01em}
.rx-tile-in span{display:inline-block;margin-top:9px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--rx-gold);padding-bottom:2px}

/* ========================= SPLIT / SHOWCASE ========================= */
.rx-soft-sec{background:var(--rx-cream);border-block:1px solid var(--rx-line)}
.rx-rose-sec{background:linear-gradient(180deg,#FDF2EC,#FCEAE3)}
.rx-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
@media(max-width:820px){.rx-split{grid-template-columns:1fr}}
.rx-imgs2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rx-imgs2 img{width:100%;border-radius:var(--rx-radius);display:block;box-shadow:var(--rx-shadow)}
.rx-checks{list-style:none;margin-top:16px;display:grid;gap:10px}
.rx-checks li{display:flex;gap:10px;font-size:14.5px;color:var(--rx-ink)}
.rx-checks svg{flex:0 0 auto;width:19px;height:19px;stroke:var(--rx-green-ok);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}

/* steps */
.rx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;text-align:center}
@media(max-width:700px){.rx-steps{grid-template-columns:1fr}}
.rx-step-n{width:54px;height:54px;border-radius:50%;background:var(--rx-soft);border:1.5px solid var(--rx-brand);color:var(--rx-brand);font-family:var(--rx-font-d);font-size:22px;display:grid;place-items:center;margin:0 auto 10px}
.rx-step b{display:block;font-size:15.5px;color:var(--rx-ink);margin-bottom:4px}
.rx-step p{font-size:13.5px;color:var(--rx-mut)}

/* doctor */
.rx-doc{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:center;margin-top:26px}
@media(max-width:820px){.rx-doc{grid-template-columns:1fr}}
.rx-doc-frame{position:relative;max-width:360px;margin:auto;width:100%}
.rx-doc-frame::before{content:"";position:absolute;inset:-14px -14px auto -14px;height:72%;background:var(--rx-soft2);border-radius:44px;z-index:0}
.rx-doc-frame img{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:top;display:block;border-radius:999px 999px 26px 26px;background:#fff;box-shadow:var(--rx-shadow-lg)}
.rx-doc-card{position:relative;z-index:2;background:#fff;border:1px solid var(--rx-line);border-radius:16px;padding:13px;text-align:center;box-shadow:var(--rx-shadow);margin:-36px 18px 0}
.rx-doc-card b{color:var(--rx-brand);font-size:17px}
.rx-doc-card span{font-size:12px;color:var(--rx-mut)}
.rx-doc-quote{border-left:3px solid var(--rx-gold);padding-left:15px;margin:6px 0 14px;font-family:var(--rx-font-d);font-size:19px;color:var(--rx-brand);line-height:1.4}

/* reviews cards */
.rx-revgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
@media(max-width:760px){.rx-revgrid{grid-template-columns:1fr}}
.rx-rev{background:#fff;border:1px solid var(--rx-line);border-radius:var(--rx-radius);padding:18px;font-size:14px;color:var(--rx-ink);box-shadow:0 2px 8px -6px rgba(43,33,27,.15)}
.rx-rev .stars{color:var(--rx-star);font-size:14px;letter-spacing:1px}
.rx-rev b{color:var(--rx-brand)}
.rx-rev .who{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px}
.rx-rev .ava{width:36px;height:36px;border-radius:50%;background:linear-gradient(140deg,var(--rx-brand),var(--rx-brand2));color:var(--rx-gold);display:grid;place-items:center;font-weight:800;font-size:15px}

/* scrolling reviews marquee (auto-moving rows, pure CSS — no JS needed).
   Each .revmq-track holds exactly 2 copies of the same card set; the -50%
   loop is seamless. Row 2 (.rev) runs in the opposite direction. */
.revmq{display:grid;gap:12px;margin-top:22px}
.revmq-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.revmq-track{display:flex;width:max-content;animation:revmqL 55s linear infinite}
.revmq-row.rev .revmq-track{animation-name:revmqR;animation-duration:68s}
.revmq-track>.rx-rev,.revmq-track>.rv{flex:0 0 auto;width:min(330px,80vw);margin-right:12px}
/* herbs marquee cards — same auto-scroll rows as reviews (revmq) */
.revmq-track>.bcard{flex:0 0 auto;width:min(270px,74vw);margin-right:12px}
.revmq-track>.bcard img{width:96px;height:96px;object-fit:cover;border-radius:50%;margin:8px auto 6px;display:block}
.revmq-track>.bcard:hover{transform:none}
.revmq-row:hover .revmq-track,.revmq-row:active .revmq-track{animation-play-state:paused}
@keyframes revmqL{to{transform:translateX(-50%)}}
@keyframes revmqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.revmq-track{animation:none}}

/* CTA band */
.rx-cta-band{background:linear-gradient(140deg,var(--rx-brand2),var(--rx-brand) 60%,#1C5240);color:#fff;border-radius:26px;padding:clamp(30px,5vw,56px) clamp(20px,4vw,48px);text-align:center;box-shadow:var(--rx-shadow-lg)}
.rx-cta-band .rx-h{color:#fff}
.rx-cta-band p{color:#D9E4DC;max-width:56ch;margin:10px auto 20px}
.rx-btnrow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.rx-btn{display:inline-block;text-decoration:none;font-weight:800;font-size:14px;padding:15px 28px;border-radius:999px;border:0;cursor:pointer;letter-spacing:.02em;transition:transform .18s,box-shadow .18s}
.rx-btn:hover{transform:translateY(-2px)}
.rx-btn.gold{background:linear-gradient(135deg,var(--rx-gold),var(--rx-gold2));color:#221807;box-shadow:0 14px 30px -12px rgba(201,162,75,.6)}
.rx-btn.brand{background:var(--rx-brand);color:#fff;box-shadow:0 14px 30px -14px rgba(18,59,44,.6)}
.rx-btn.ghostw{background:transparent;border:1.5px solid rgba(255,255,255,.55);color:#fff}
.rx-chiprow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.rx-chiprow span{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#EAF0EB;border-radius:999px;padding:7px 15px;font-size:12px;font-weight:700}

/* ==========================================================================
   7) PDP — product page hero (Renee layout: gallery left, info right)
   ========================================================================== */
.sbanner picture,.sbanner img{display:block;width:100%}
.sbanner{max-width:1240px;margin:14px auto 0}
@media(min-width:1241px){.sbanner{border-radius:22px;overflow:hidden;box-shadow:var(--rx-shadow-lg)}}
.sbanner img{border-radius:inherit}
.shook{max-width:760px;margin:26px auto 0;text-align:left}
.shook h1{font-size:clamp(1.5rem,1.2rem + 1.6vw,2.1rem)}
.shook p{margin:10px 0;color:var(--rx-mut)}
.sproblems .pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}
@media(max-width:1000px){.sproblems .pgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.sproblems .pgrid{grid-template-columns:1fr 1fr}}
.pcard2{background:#fff;border:1px solid var(--rx-line);border-radius:var(--rx-radius);padding:16px;box-shadow:0 2px 8px -6px rgba(43,33,27,.12)}
.pcard2 b{color:var(--rx-brand);font-size:14px;display:block;margin:6px 0 4px}
.pcard2 p{font-size:12.5px;color:var(--rx-mut)}
.pnum{font-family:var(--rx-font-d);font-size:19px;color:var(--rx-rose);font-weight:600}
.sagit{margin-top:16px;font-weight:700;color:var(--rx-brand)}
.goldpill{display:inline-block;background:#FBE7EC;color:var(--rx-rose)!important;border:1px solid #F5CFDA;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;padding:6px 14px;border-radius:999px}

.hero{max-width:1180px;margin:22px auto 0;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:start;padding:0 16px}
@media(max-width:900px){.hero{grid-template-columns:1fr}}
.gallery .main{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:var(--rx-soft);border-radius:var(--rx-radius);border:1px solid var(--rx-line);display:block}
.thumbs{display:flex;gap:10px;margin-top:12px}
.thumbs img{width:74px;height:74px;object-fit:cover;border-radius:14px;border:1.5px solid var(--rx-line);background:#fff;cursor:pointer;transition:border-color .18s,transform .18s}
.thumbs img.on,.thumbs img:hover{border-color:var(--rx-brand);transform:translateY(-1px)}
.hero h1{font-size:clamp(1.45rem,1.1rem + 1.8vw,2.05rem);line-height:1.2}
.hero .rating{display:inline-flex;align-items:center;gap:8px;margin:10px 0 4px;font-size:13px;color:var(--rx-mut);font-weight:600}
.hero .rating::before{content:"4.8 ★";background:var(--rx-green-ok);color:#fff;font-weight:800;font-size:12px;padding:3px 9px;border-radius:7px}
.pricebox{display:flex;align-items:baseline;gap:10px;margin:8px 0 2px}
.pricebox .old{color:var(--rx-mut);font-size:16px;text-decoration:line-through}
.pricebox .new{font-size:30px;font-weight:800;color:var(--rx-ink)}
.pricebox .save{background:var(--rx-rose);color:#fff;font-size:12px;font-weight:800;padding:4px 11px;border-radius:999px;letter-spacing:.04em}
.pricenote{font-size:12.5px;color:var(--rx-mut);margin-bottom:12px}
.pricenote b{color:var(--rx-brand)}
ul.tick{list-style:none;margin:12px 0;display:grid;gap:9px}
ul.tick li{position:relative;padding-left:28px;font-size:14px;color:var(--rx-ink)}
ul.tick li::before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;background:#E7F4EC;color:var(--rx-green-ok);font-size:11.5px;font-weight:800;display:grid;place-items:center}
.bonus{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
@media(max-width:560px){.bonus{grid-template-columns:1fr}}
.bonus div{background:var(--rx-cream);border:1px dashed var(--rx-gold);border-radius:12px;padding:10px 12px;font-size:12.5px;color:var(--rx-ink)}
.bonus b{color:var(--rx-gold2)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 8px}
.cta .buy{flex:1;min-width:220px;text-align:center;text-decoration:none;background:linear-gradient(135deg,var(--rx-brand),var(--rx-brand2));color:#fff;font-weight:800;font-size:16px;letter-spacing:.03em;padding:16px 20px;border-radius:14px;box-shadow:0 16px 32px -16px rgba(18,59,44,.55);transition:transform .18s,box-shadow .18s;border:0;cursor:pointer}
.cta .buy:hover{transform:translateY(-2px);box-shadow:0 20px 38px -16px rgba(18,59,44,.6)}
.cta .wa{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1.5px solid var(--rx-brand);color:var(--rx-brand);font-weight:800;font-size:14px;padding:16px 20px;border-radius:14px;transition:background .18s}
.cta .wa:hover{background:var(--rx-soft)}
.cta-buy{display:inline-block;text-align:center;text-decoration:none;background:linear-gradient(135deg,var(--rx-brand),var(--rx-brand2));color:#fff;font-weight:800;padding:14px 26px;border-radius:14px}
.secure{font-size:12px;color:var(--rx-mut);font-weight:600}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.badges span{border:1px solid var(--rx-line);background:#fff;border-radius:999px;padding:6px 13px;font-size:11.5px;font-weight:700;color:var(--rx-brand)}
.urg{background:#FBE7EC;border:1px solid #F5CFDA;color:#8F2A48;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;margin:12px 0}
.urg b{color:var(--rx-rose)}
.offers{background:var(--rx-cream);border:1px solid var(--rx-line);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--rx-mut);margin:12px 0}
.offers b{color:var(--rx-brand)}
.offers code{background:var(--rx-brand);color:#fff;padding:3px 10px;border-radius:8px;font-weight:800;font-size:12px}
.del{background:#fff;border:1px solid var(--rx-line);border-radius:12px;padding:12px 14px;font-size:13px;margin:12px 0;color:var(--rx-ink)}
.del input{padding:10px 12px;border:1.5px solid var(--rx-line);border-radius:10px;font-size:14px;width:130px;outline:none;font-family:var(--rx-font-b)}
.del input:focus{border-color:var(--rx-brand)}
.del button{padding:10px 18px;border:0;border-radius:10px;background:var(--rx-brand);color:#fff;font-weight:800;font-size:13px;cursor:pointer}
.certband{border-block:1px solid var(--rx-line);background:var(--rx-cream)}
.certband-row{color:var(--rx-brand)!important}

/* content cards on PDP */
section.card{border:1px solid var(--rx-line);border-radius:var(--rx-radius);background:#fff;box-shadow:none}
section.card h2{font-family:var(--rx-font-d);font-weight:600;color:var(--rx-ink);letter-spacing:-.01em}
.grid2 .bene,.bene{background:var(--rx-cream);border:1px solid var(--rx-line);border-radius:14px;padding:16px;font-size:14px;color:var(--rx-mut)}
.bene b{color:var(--rx-brand);font-size:14.5px}
.prob{background:#FDF3F3;border:1px solid #F3DCDC;border-radius:var(--rx-radius);padding:20px}
.sol{background:linear-gradient(140deg,var(--rx-brand),var(--rx-brand2));border-radius:var(--rx-radius);padding:20px;color:#EAF0EB}
.sol b{color:var(--rx-gold)}
.sol a{color:#fff;font-weight:800}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
@media(max-width:900px){.bgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bgrid{grid-template-columns:1fr}}
.bcard{background:#fff;border:1px solid var(--rx-line);border-radius:var(--rx-radius);padding:18px;text-align:left;transition:transform .2s var(--rx-ease),box-shadow .2s var(--rx-ease)}
.bcard:hover{transform:translateY(-2px);box-shadow:var(--rx-shadow)}
.bcard b{color:var(--rx-brand);font-size:15px}
.bcard p{font-size:13px;color:var(--rx-mut);margin-top:4px}
.bnum{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--rx-rose)}
ol.steps{margin:14px 0 0 20px;display:grid;gap:10px;font-size:14.5px}
.docstrip{display:flex;gap:14px;align-items:center;background:var(--rx-cream);border:1px solid var(--rx-line);border-radius:var(--rx-radius);padding:14px;margin-top:16px}
.docstrip img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.docstrip b{color:var(--rx-brand)}
.docstrip small{color:var(--rx-mut);font-size:12.5px}
.press{text-align:center;padding:22px 16px;margin:20px 0;background:var(--rx-cream);border-block:1px solid var(--rx-line);color:var(--rx-mut);font-size:13px}
.press b{letter-spacing:.28em;font-size:10.5px;color:var(--rx-brand)}
.press span{display:inline-block;margin:8px 10px 0;font-weight:800;color:var(--rx-ink);font-size:14px}
.guar{display:flex;gap:18px;align-items:center;background:#FFF9EE;border:1px solid #EBD9AE;border-radius:var(--rx-radius);padding:20px;margin:22px 0}
@media(max-width:640px){.guar{flex-direction:column;text-align:center}}
.guar img{width:110px;height:110px;object-fit:contain;flex:0 0 auto}
.guar b{font-family:var(--rx-font-d);font-size:19px;color:var(--rx-brand);font-weight:600}
.guar p{font-size:13.5px;color:var(--rx-mut);margin-top:4px}
.rvgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
@media(max-width:900px){.rvgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rvgrid{grid-template-columns:1fr}}
.rv{background:#fff;border:1px solid var(--rx-line);border-radius:var(--rx-radius);padding:16px;font-size:13.5px;color:var(--rx-ink)}
.rv .stars,.stars{color:var(--rx-star)}
.rv b{color:var(--rx-brand)}
.rv small{color:var(--rx-mut)}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
@media(max-width:900px){.cgrid{grid-template-columns:1fr 1fr}}
.ccard{background:var(--rx-cream);border:1px solid var(--rx-line);border-radius:14px;padding:14px;text-align:center}
.ccard b{color:var(--rx-brand);font-size:13.5px}
.ccard p{font-size:12px;color:var(--rx-mut)}
.xsell{margin:26px auto;max-width:1180px;background:linear-gradient(140deg,#7E4A2D,#4E2A15);color:#fff;border-radius:var(--rx-radius);padding:26px;text-align:center;box-shadow:var(--rx-shadow)}
.xsell h2{color:#fff;font-family:var(--rx-font-d);font-weight:600}
.xsell p{color:#F0E2D6;margin:8px 0 14px;font-size:14px}
.xsell a{display:inline-block;background:linear-gradient(135deg,var(--rx-gold),var(--rx-gold2));color:#241a08;font-weight:800;text-decoration:none;padding:13px 26px;border-radius:999px}
.faq details{border-bottom:1px solid var(--rx-line);border-top:0;padding:0}
.faq details summary{padding:16px 4px;font-weight:700;color:var(--rx-ink);letter-spacing:0}
.faq details p{padding:0 4px 16px;color:var(--rx-mut);font-size:14px}
.faq details a{color:var(--rx-brand)!important}
.note{border-radius:14px;background:#FFF9EE;border:1px solid #EBD9AE}
.note b{color:#6b4e00}
.offerbox{background:linear-gradient(140deg,var(--rx-brand2),var(--rx-brand) 60%,#1C5240)!important;border-radius:26px;color:#fff;text-align:center;padding:clamp(28px,4.5vw,48px) 20px;margin:26px 0;box-shadow:var(--rx-shadow-lg)}
.offerbox .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:var(--rx-gold)}
.offerbox h2{color:#fff;font-size:clamp(1.4rem,1.1rem + 1.6vw,1.9rem)}
.offerbox>p{color:#D9E4DC;font-size:14.5px;max-width:52ch;margin:8px auto 14px}
.obprice{font-size:30px;font-weight:800;color:#fff}
.obprice s{font-size:16px;color:#B9C9BF;font-weight:400}
.otrust{color:#D9E4DC}
.offerbox .btn.green{background:linear-gradient(135deg,var(--rx-gold),var(--rx-gold2));color:#241a08;border-radius:999px;font-weight:800}
.final{background:linear-gradient(140deg,var(--rx-brand2),var(--rx-brand));color:#fff;text-align:center;border-radius:26px;padding:clamp(28px,4.5vw,48px) 20px;margin:26px 0}
.final h2{color:#fff}
.final p{color:#D9E4DC;font-size:14.5px;margin:8px auto 16px;max-width:52ch}
.final .btn.green{background:linear-gradient(135deg,var(--rx-gold),var(--rx-gold2));color:#241a08}
.final .btn.ghostw,.btn.ghostw{border:1.5px solid rgba(255,255,255,.55);color:#fff;background:transparent;border-radius:999px;padding:14px 24px;font-weight:800;text-decoration:none;display:inline-block}
.gotop a{color:var(--rx-brand)!important}
.crumb a{color:var(--rx-brand)}
.crumb{color:var(--rx-mut);font-size:12.5px;max-width:1180px}

/* eyebrow unification on PDP */
.eyebrow{color:var(--rx-rose);background:#FBE7EC;border:1px solid #F5CFDA}

/* ==========================================================================
   8) INLINE CHECKOUT (pain-oil .ayur-checkout) → clean Renee/Shopify card
   ========================================================================== */
#checkout{max-width:720px;margin:26px auto}
.checkout.ayur-checkout{background:#fff;border:1px solid var(--rx-line);border-radius:22px;box-shadow:var(--rx-shadow-lg);padding:26px 22px;text-align:center}
.checkout.ayur-checkout .checkout-urgent,.checkout-urgent{background:#FBE7EC!important;color:#8F2A48;border:1px solid #F5CFDA;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;margin-bottom:16px}
.checkout-urgent strong{color:var(--rx-rose)!important;font-variant-numeric:tabular-nums}
.badge-secure{display:inline-block;background:#E7F4EC;color:var(--rx-green-ok);font-size:11.5px;font-weight:800;padding:5px 13px;border-radius:999px;margin-bottom:10px}
.checkout h2{font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem);color:var(--rx-ink)}
.checkout .sub{color:var(--rx-mut);font-size:13.5px;margin-top:4px}
.popup-trigger{margin-top:18px}
.cta-order{display:block;width:100%;border:0;cursor:pointer;background:linear-gradient(135deg,var(--rx-brand),var(--rx-brand2));color:#fff;border-radius:16px;padding:16px 20px;text-align:center;box-shadow:0 16px 32px -14px rgba(18,59,44,.55);transition:transform .18s,box-shadow .18s}
.cta-order:hover{transform:translateY(-2px)}
.cta-order span{display:block;font-weight:800;font-size:16.5px;letter-spacing:.02em}
.cta-order small{display:block;margin-top:3px;font-size:12px;color:#D5E2D9;font-weight:600}
/* legacy step-bar (inline checkout) */
.step-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 6px}
.step-bar .step{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--rx-mut)}
.step-bar .step>span:first-child,.step-bar .step-num{width:28px;height:28px;flex:0 0 28px;padding:0;border-radius:50%;border:1.5px solid var(--rx-line);background:#fff;color:var(--rx-mut);display:grid;place-items:center;font-size:13px;font-weight:800}
.step-bar .step .step-lbl{width:auto!important;height:auto!important;padding:0!important;border:0!important;background:none!important;color:inherit;font-size:12px;font-weight:700}
.step-bar .step.active{color:var(--rx-brand)}
.step-bar .step.active>span:first-child,.step-bar .step.active .step-num{background:var(--rx-brand);border-color:var(--rx-brand);color:#fff}
.step-bar-ln{width:34px;height:2px;background:var(--rx-line);border-radius:2px}
.step-bar-ln.active{background:var(--rx-brand)}

/* ==========================================================================
   9) ORDER POPUP — the on-page checkout (Renee/Shopify style sheet)
   ========================================================================== */
.order-popup-overlay{background:rgba(24,18,14,.62)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.order-popup{background:var(--rx-bg)!important;border-radius:24px!important;box-shadow:0 40px 90px -30px rgba(0,0,0,.5)!important;border:1px solid var(--rx-line)}
.order-popup .popup-header{background:linear-gradient(140deg,var(--rx-brand2),var(--rx-brand));color:#fff;padding:20px 22px;border-radius:24px 24px 0 0}
.order-popup .popup-header h3{color:#fff!important;font-family:var(--rx-font-d);font-weight:600;font-size:21px;letter-spacing:-.01em}
.order-popup .popup-header p{color:#CBD9D0!important;font-size:13px;margin-top:3px}
.popup-close{background:rgba(255,255,255,.16)!important;color:#fff!important;border-radius:50%!important;width:34px;height:34px;font-size:19px!important}
.checkout.bare{padding:20px 22px 22px}
.checkout.bare .step-bar{margin:0 0 18px;background:var(--rx-cream);border:1px solid var(--rx-line);border-radius:14px;padding:12px}
.step-lbl{font-size:12px;font-weight:700}
.form-step .form-field{margin-bottom:14px}
.form-field label{display:block;font-size:12.5px;font-weight:800;color:var(--rx-ink);margin-bottom:6px;letter-spacing:.02em}
.form-field input,.form-field textarea{width:100%;border:1.5px solid var(--rx-line);background:#fff;border-radius:12px;padding:13px 14px;font-size:15px;font-family:var(--rx-font-b);color:var(--rx-ink);outline:none;transition:border-color .18s,box-shadow .18s}
.form-field input:focus,.form-field textarea:focus{border-color:var(--rx-brand);box-shadow:0 0 0 3px rgba(18,59,44,.1)}
.phone-input-wrap{display:flex;align-items:stretch;border:1.5px solid var(--rx-line);border-radius:12px;overflow:hidden;background:#fff}
.phone-input-wrap:focus-within{border-color:var(--rx-brand);box-shadow:0 0 0 3px rgba(18,59,44,.1)}
.phone-prefix{display:grid;place-items:center;padding:0 12px;background:var(--rx-cream);border-right:1.5px solid var(--rx-line);font-weight:800;font-size:14px;color:var(--rx-brand)}
.phone-input-wrap input{border:0!important;border-radius:0!important;box-shadow:none!important}
.field-check{color:var(--rx-green-ok);font-weight:800}
#tcBtn{width:100%;border:1.5px solid var(--rx-line);background:#fff;border-radius:12px;padding:12px;font-weight:800;font-size:14px;color:var(--rx-brand);cursor:pointer}
#tcBtn:hover{background:var(--rx-soft)}
#tcDivider{text-align:center;color:var(--rx-mut);font-size:11px;margin:10px 0}
#tcError{color:#B3261E;font-size:12.5px;margin-top:6px}
.form-nav{display:flex;gap:10px;margin-top:16px}
.form-nav-center{justify-content:center}
.nav-btn{border:0;cursor:pointer;border-radius:12px;padding:13px 20px;font-weight:800;font-size:14px}
.nav-next{flex:1;background:linear-gradient(135deg,var(--rx-brand),var(--rx-brand2));color:#fff}
.nav-back{background:var(--rx-cream);color:var(--rx-brand);border:1px solid var(--rx-line)}
.pay-label{font-size:12.5px;font-weight:800;color:var(--rx-ink);margin:6px 0 10px;letter-spacing:.02em}
.pay-grid{display:grid;gap:10px}
.pay-card{display:block;border:1.5px solid var(--rx-line);border-radius:14px;padding:14px;cursor:pointer;background:#fff;transition:border-color .18s,box-shadow .18s,background .18s;position:relative}
.pay-card:hover{border-color:#D9C6B8}
.pay-card.selected,.pay-card:has(input:checked){border-color:var(--rx-brand);background:#F6FBF8;box-shadow:0 0 0 3px rgba(18,59,44,.08)}
.pay-card input{accent-color:var(--rx-brand)}
.pay-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.pay-top strong{font-size:14px;color:var(--rx-ink)}
.pay-top small{display:block;font-size:12px;color:var(--rx-mut);margin-top:2px}
.pay-card b{color:var(--rx-brand)}
.pay-amt{font-size:17px;font-weight:800;color:var(--rx-brand);white-space:nowrap;align-self:center}
.pay-save{display:block;font-size:11px;font-weight:800;color:var(--rx-green-ok);margin-top:5px;letter-spacing:.01em}
.pay-save[hidden]{display:none}
.save-badge{background:#E7F4EC;color:var(--rx-green-ok);font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:999px;letter-spacing:.04em}
.pay-card.recommended{border-color:rgba(201,162,39,.55)}
.pay-card.recommended input:checked~.pay-top strong{color:#0E3B2C}
.pay-prices{text-align:right}
.summary{background:var(--rx-cream);border:1px solid var(--rx-line);border-radius:14px;padding:14px;margin:16px 0;font-size:13.5px}
.s-row{display:flex;justify-content:space-between;padding:5px 0;color:var(--rx-ink)}
.s-row b.green{color:var(--rx-green-ok)}
.s-total{border-top:1px dashed var(--rx-line);margin-top:8px;padding-top:10px;font-size:15px}
.s-savings{text-align:center;font-size:12px;color:var(--rx-rose);font-weight:700;margin-top:8px}
.form-err{background:#FDECEA;color:#B3261E;border:1px solid #F5C6C2;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;margin-top:12px}
.form-err:empty{display:none}
.trust-foot{margin-top:14px}
.trust-strip.compact{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.trust-item.compact{font-size:11.5px;color:var(--rx-mut);font-weight:700}
.trust-item .ico{color:var(--rx-green-ok)}

/* ==========================================================================
   9b) PREMIUM CHECKOUT SKIN — visual upgrade only (no layout/JS changes)
   ========================================================================== */
.order-popup-overlay{background:rgba(12,20,16,.72)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.order-popup{border:1px solid rgba(201,162,39,.35)!important;box-shadow:0 50px 110px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06),0 0 46px -18px rgba(201,162,39,.35)!important}
.order-popup-overlay.active .order-popup{animation:rx-pop .38s cubic-bezier(.2,.9,.3,1.15) both}
@keyframes rx-pop{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}
.order-popup .popup-header{background:linear-gradient(150deg,#0B2E23 0%,#123B2C 55%,#1A5C44 100%)!important;position:relative;overflow:hidden}
.order-popup .popup-header::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 130% at 85% -20%,rgba(201,162,39,.35),rgba(201,162,39,0) 55%);pointer-events:none}
.order-popup .popup-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#C9A227 20%,#F3D27A 50%,#C9A227 80%,transparent)}
.order-popup .popup-header h3{font-size:23px!important;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.order-popup .popup-header p{color:#D8E4DA!important}
.popup-close{box-shadow:0 6px 16px rgba(0,0,0,.35)!important;transition:transform .18s,background .18s!important}
.popup-close:hover{transform:rotate(90deg)}
.checkout.bare .step-bar{background:linear-gradient(180deg,#fff,#FBF7EE)!important;box-shadow:inset 0 0 0 1px rgba(201,162,39,.12)}
.step.active .step-num{background:linear-gradient(135deg,var(--rx-brand),var(--rx-brand2))!important;color:#fff!important;box-shadow:0 4px 12px rgba(18,59,44,.35)}
.step.active .step-lbl{color:var(--rx-brand)!important}
.form-field input,.form-field textarea{background:#FCFBF6!important}
.form-field input:focus,.form-field textarea:focus{border-color:#C9A227!important;box-shadow:0 0 0 3px rgba(201,162,39,.16),0 6px 16px -8px rgba(18,59,44,.35)!important}
.phone-input-wrap{background:#FCFBF6!important}
.phone-input-wrap:focus-within{border-color:#C9A227!important;box-shadow:0 0 0 3px rgba(201,162,39,.16)!important}
.nav-next{background:linear-gradient(135deg,#1A5C44 0%,#0E3B2C 60%,#0B2E23 100%)!important;position:relative;overflow:hidden;box-shadow:0 14px 28px -10px rgba(14,59,46,.6)!important;transition:transform .15s,box-shadow .2s!important}
.nav-next:hover{transform:translateY(-1px);box-shadow:0 18px 34px -10px rgba(14,59,46,.65)!important}
/* Perf: compositor-only shine — same sweep, transform instead of left */
.nav-next::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-160%) skewX(-18deg);will-change:transform;animation:rx-shine 3.2s ease-in-out infinite}
@keyframes rx-shine{0%,55%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(290%) skewX(-18deg)}}
.pay-card.selected,.pay-card:has(input:checked){border-color:#C9A227!important;background:linear-gradient(180deg,#FFFDF4,#FBF6E8)!important;box-shadow:0 0 0 3px rgba(201,162,39,.16),0 10px 24px -12px rgba(120,90,10,.4)!important}
.pay-card.selected::after{content:"✓";position:absolute;top:-7px;right:-5px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#1A5C44,#0E3B2C);color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.3);border:1.5px solid #fff}
.summary{background:linear-gradient(180deg,#fff,#FDF9EF)!important;border-color:rgba(201,162,39,.4)!important}
.s-total{background:rgba(18,59,44,.06);border-radius:10px;padding:10px 12px!important}
.s-total b{color:var(--rx-brand)!important}
.trust-strip{margin-top:2px}
.trust-item.compact{background:#F4F1E8;border:1px solid var(--rx-line);border-radius:999px;padding:6px 12px}
#oBtn{position:relative;overflow:hidden}
#oBtn::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-160%) skewX(-18deg);will-change:transform;animation:rx-shine 3.2s ease-in-out infinite}

/* ---- Premium payment-step polish ---- */
.pay-label{display:flex;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a8478!important}
.pay-label::before,.pay-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,39,.5),transparent)}
.pay-grid{gap:12px!important}
.pay-card{border-radius:16px!important;padding:16px!important;background:linear-gradient(180deg,#fff,#FDF9F0)!important;box-shadow:0 6px 18px -12px rgba(80,50,5,.35)!important;transition:transform .16s,box-shadow .2s,border-color .2s!important}
.pay-card:hover{transform:translateY(-1px);box-shadow:0 12px 26px -14px rgba(80,50,5,.45)!important}
.pay-top strong{font-size:15px!important}
.pay-prices b{font-size:19px!important;color:#0E3B2C!important;letter-spacing:-.01em}
.pay-prices small{font-size:12px!important}
.save-badge{background:linear-gradient(135deg,#C9A227,#a88417)!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(160,120,20,.6)}
.pay-card.selected::after{width:16px;height:16px;top:-7px}
.summary{border-radius:18px!important;padding:16px 16px 12px!important;box-shadow:inset 0 1px 0 #fff,0 8px 22px -16px rgba(80,50,5,.4)!important}
.s-row{padding:7px 2px!important;font-size:14px!important}
.s-row span{color:#6b655a!important}
.s-row b:not(.green){font-variant-numeric:tabular-nums}
.s-total{background:linear-gradient(135deg,rgba(18,59,44,.09),rgba(201,162,39,.14))!important;border:1px solid rgba(201,162,39,.35)!important;border-radius:12px!important;padding:12px!important;font-size:16px!important}
.s-savings{background:#fff;border:1px dashed rgba(201,162,39,.55);border-radius:999px;padding:7px 14px!important;display:block;width:max-content;max-width:100%;margin:10px auto 2px!important;font-size:12.5px!important}
#oBtn{border-radius:16px!important;padding:17px 20px!important;letter-spacing:.02em}
#oBtn span{font-size:16.5px!important;letter-spacing:.01em}
.step .step-num{transition:all .25s}
.step.done .step-num{background:#0E3B2C!important;color:#fff!important}
.step-bar-ln{background:linear-gradient(90deg,var(--rx-brand),rgba(201,162,39,.4))!important}

/* ==========================================================================
   30) CHECKOUT FORM — phone-field fix + full mobile responsiveness
   ========================================================================== */
/* +91 badge sits absolute over the input: clear it so digits never hide */
.phone-input-wrap{position:relative}
.phone-input-wrap input{flex:1 1 auto;min-width:0;width:100%;padding-left:64px!important;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.phone-prefix{flex:0 0 auto;pointer-events:none;white-space:nowrap}
/* popup never clips on short screens */
.order-popup{max-height:94dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:560px){
.order-popup{width:calc(100vw - 20px)!important;border-radius:20px!important}
.order-popup .popup-header{padding:18px 16px}
.order-popup .popup-header h3{font-size:19px!important}
.order-popup .popup-header p{font-size:12.5px}
.checkout.bare{padding:16px 14px 18px}
.checkout.bare .step-bar{padding:10px 8px;gap:4px}
.step-lbl{font-size:10px!important}
.step .step-num{width:26px;height:26px;font-size:12px}
.form-field input,.form-field textarea{font-size:16px!important;padding:13px 12px!important}
.phone-input-wrap input{padding-left:60px!important}
.pay-top{flex-direction:column;align-items:stretch!important}
.pay-prices{text-align:left!important;display:flex;align-items:baseline;gap:8px}
.nav-btn{padding:14px 12px!important;font-size:14px!important}
#oBtn span{font-size:15px!important}
#oBtn small{font-size:11.5px!important}
.summary{font-size:13px!important;padding:12px!important}
.trust-strip{gap:8px!important}
.trust-item.compact{font-size:10.5px!important}
.ap-sizegrid{gap:8px}
}

/* Herbs slider (PDP botanicals carousel) */
.hsl{position:relative;margin-top:14px}
.hsl-view{overflow:hidden;border-radius:16px}
.hsl-track{display:flex;gap:12px;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}
.hsl-track .bcard{flex:0 0 80%;margin:0}
@media(min-width:700px){.hsl-track .bcard{flex-basis:47.5%}}
@media(min-width:1024px){.hsl-track .bcard{flex-basis:31.8%}}
.hsl-arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:rgba(14,59,46,.9);color:#fff;font:700 22px/1 system-ui,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.22)}
.hsl-arrow:hover{background:#0E3B2C}
.hsl-arrow[disabled]{opacity:.28;pointer-events:none}
.hsl-prev{left:-8px}.hsl-next{right:-8px}
.hsl-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.hsl-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#E3D5C8;cursor:pointer}
.hsl-dot[aria-selected="true"]{background:#0E3B2C;transform:scale(1.35)}
@media(max-width:520px){.hsl-arrow{width:34px;height:34px}.hsl-prev{left:-4px}.hsl-next{right:-4px}}

/* 4-benefits visual grid (mirrors main-site section) */
.ben4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.ben4-card{background:#fff;border:1px solid var(--rx-line);border-radius:18px;overflow:hidden;text-align:center;box-shadow:0 14px 34px -22px rgba(80,50,5,.4)}
.ben4-card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.ben4-card b{display:block;font-size:15.5px;color:var(--rx-ink);margin:12px 10px 4px}
.ben4-card p{font-size:13px;color:var(--rx-mut);margin:0 12px 16px;line-height:1.5}
@media(max-width:900px){.ben4-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ben4-grid{grid-template-columns:1fr 1fr;gap:10px}.ben4-card b{font-size:13.5px}.ben4-card p{font-size:12px;margin:0 8px 12px}}

/* PDP visual banners (local compressed creatives) */
.pban{margin:24px auto;max-width:1180px;padding:0 16px}
.pban img{width:100%;height:auto;display:block;border-radius:20px;border:1px solid rgba(201,162,39,.28);box-shadow:0 26px 60px -30px rgba(0,0,0,.5)}
.wrap .pban{padding:0}
@media(max-width:640px){.pban img{border-radius:14px}}

/* ==========================================================================
   10) SOCIAL-PROOF TOAST
   ========================================================================== */
.sp-notif{background:#fff;border:1px solid var(--rx-line);border-radius:16px;box-shadow:var(--rx-shadow-lg)}
.sp-notif-name{color:var(--rx-brand);font-weight:800}
.sp-notif-msg{color:var(--rx-ink);font-size:13px}
.sp-notif-time{color:var(--rx-mut);font-size:11px}

/* ==========================================================================
   11) STICKY BAR + FOOTER
   ========================================================================== */
.sticky a{background:linear-gradient(135deg,var(--rx-brand),var(--rx-brand2))!important;color:#fff!important;border-radius:18px!important;box-shadow:0 18px 40px -14px rgba(11,41,30,.6)!important}
.sticky a small{color:#CBD9D0!important}
footer.site-foot{background:#10100F!important;color:#B9B2AB;margin-top:clamp(34px,5vw,64px)}
.site-foot .foot-cta{border-bottom:1px solid rgba(255,255,255,.1)}
.site-foot .foot-cta-h{color:#fff;font-family:var(--rx-font-d);font-weight:600}
.site-foot h3{color:var(--rx-gold)}
.site-foot a{color:#D8D2CA}
.site-foot a:hover{color:#fff;border-bottom-color:var(--rx-gold)}
.site-foot .foot-logo{color:#fff}
.site-foot .foot-logo::before{background:linear-gradient(150deg,var(--rx-brand),var(--rx-brand2));color:var(--rx-gold);box-shadow:inset 0 0 0 1.5px rgba(201,162,75,.5)}
.site-foot .foot-tag,.site-foot address{color:#9A948C}
.site-foot .foot-chips span,.site-foot .pay-chip{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#C7C1B9}
.site-foot .foot-meta,.site-foot .foot-legal,.site-foot .foot-bar,.site-foot .foot-search{border-top-color:rgba(255,255,255,.1)}
.site-foot .foot-meta-h{color:var(--rx-gold)}
.site-foot .btn.gold{background:linear-gradient(135deg,var(--rx-gold),var(--rx-gold2));color:#241a08;border-radius:999px}
.site-foot .btn.ghost{border:1.5px solid rgba(255,255,255,.35);border-radius:999px}
.foot-wa{border-radius:999px}

/* ---------- footer structure (self-contained — old pages ke base styles par depend nahi) ---------- */
.site-foot .wrap{max-width:1120px;margin:auto;padding:0 16px;font-size:13.5px}
.site-foot .foot-cta{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;padding:24px 0}
.site-foot .foot-cta-h{font-size:19px;color:#fff;margin-bottom:5px}
.site-foot .foot-cta p{color:#9A948C;max-width:54ch;font-size:13.5px;margin:0}
.site-foot .foot-cta-actions{display:flex;flex-wrap:wrap;gap:10px}
.site-foot .btn{display:inline-block;text-decoration:none;font-weight:700;padding:13px 20px;border-radius:999px;font-size:14px;border:0;cursor:pointer}
.site-foot .foot-cols{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.25fr;gap:26px 20px;padding:30px 0 22px}
.site-foot h3{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin:5px 0}
.site-foot li a,.site-foot .foot-bar-links a,.site-foot address a{display:inline-block;padding:3px 0;text-decoration:none;border-bottom:1px solid transparent}
.site-foot .foot-logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--rx-font-d);font-size:21px;font-weight:600;color:#fff;text-decoration:none;border:0}
.site-foot .foot-logo::before{content:"A";width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:600;flex:0 0 auto}
.site-foot .foot-tag{margin:12px 0;max-width:42ch;line-height:1.7}
.site-foot .foot-chips{display:flex;flex-wrap:wrap;gap:6px}
.site-foot .foot-chips span,.site-foot .pay-chip{border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600}
.site-foot address{font-style:normal;line-height:1.95}
.site-foot address a{text-decoration:none}
.site-foot .foot-meta{display:flex;flex-wrap:wrap;gap:26px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}
.site-foot .foot-meta>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.site-foot .foot-meta-h{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.site-foot .foot-legal{padding:18px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;line-height:1.8;color:#9A948C}
.site-foot .foot-legal p+p{margin-top:8px}
.site-foot .foot-search{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px}
.site-foot .foot-bar{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between;padding:16px 0 84px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:#8d8880}
.site-foot .foot-bar-links{display:flex;flex-wrap:wrap;gap:14px}
@media(max-width:980px){.site-foot .foot-cols{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-foot .foot-cols{grid-template-columns:1fr;gap:22px}.site-foot .foot-cta{padding:20px 0}}

/* ==================== HOME-SPECIFIC (legacy hooks reskin) ==================== */
.oticker{background:var(--rx-soft);border-color:var(--rx-line);color:var(--rx-brand)}
.oticker,.topbar,.sticky{z-index:60}
header{position:static}
.stats{background:var(--rx-cream);border-color:var(--rx-line)}
.stats b{color:var(--rx-brand);font-family:var(--rx-font-d);font-weight:600}
.stats .wrap>div+div{border-left-color:var(--rx-line)}
.trust{background:var(--rx-brand)}
@media(prefers-reduced-motion:reduce){.rx-hero .slide.on{animation:none}.rx-hero .slide.on::after{animation:none;display:none}}

/* ==========================================================================
   12) SHOP BY PRICE (Renee "UNDER ₹299 ONLY" tiles)
   ========================================================================== */
.rx-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:700px){.rx-prices{grid-template-columns:1fr 1fr;gap:10px}.rx-price:last-child{grid-column:1/-1}}
.rx-price{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;min-height:150px;border-radius:16px;border:1.5px solid var(--rx-line);background:linear-gradient(160deg,#FFFDFB,var(--rx-cream));text-decoration:none;transition:border-color .2s,transform .2s var(--rx-ease),box-shadow .2s}
.rx-price:hover{border-color:var(--rx-brand);transform:translateY(-2px);box-shadow:var(--rx-shadow)}
.rx-price .u{font-size:10.5px;font-weight:800;letter-spacing:.3em;color:var(--rx-mut);text-transform:uppercase}
.rx-price .p{font-family:var(--rx-font-d);font-size:clamp(1.5rem,1.2rem+1.4vw,2.1rem);font-weight:600;color:var(--rx-brand);line-height:1.1}
.rx-price .o{font-size:10.5px;font-weight:800;letter-spacing:.3em;color:var(--rx-mut);text-transform:uppercase}
.rx-price .s{margin-top:10px;font-size:11.5px;font-weight:800;letter-spacing:.12em;color:var(--rx-rose);text-transform:uppercase;border-bottom:1.5px solid var(--rx-rose);padding-bottom:1px}

/* ==========================================================================
   13) RANGE / STORY tiles (Renee clickable banner tiles)
   ========================================================================== */
.rx-range{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.rx-range{grid-template-columns:1fr}}
.rx-range a{position:relative;display:block;border-radius:18px;overflow:hidden;box-shadow:var(--rx-shadow);background:#0E3B2E}
.rx-range img{width:100%;display:block;height:260px;transition:transform .5s var(--rx-ease)}
.rx-range img.tile-wide{object-fit:cover;object-position:center}
.rx-range img.tile-sq{object-fit:contain;padding:6px}
@media(max-width:700px){.rx-range img{height:220px}}
.rx-range a:hover img{transform:scale(1.03)}
.rx-range .cap{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(180deg,transparent,rgba(10,20,15,.82));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}
.rx-range .cap b{font-family:var(--rx-font-d);font-weight:600;font-size:18px;letter-spacing:-.01em}
.rx-range .cap span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;padding:6px 14px;white-space:nowrap}

/* ==========================================================================
   14) USP icon bar (Renee "Cruelty Free / 100% Vegan" ke jaisa, footer ke upar)
   ========================================================================== */
.rx-usps{border-top:1px solid var(--rx-line);background:#fff}
.rx-usps-in{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:clamp(24px,3.5vw,40px) 16px}
@media(max-width:900px){.rx-usps-in{grid-template-columns:1fr 1fr;gap:18px 10px}}
.rx-usp{display:flex;align-items:center;gap:12px;justify-content:center}
@media(max-width:900px){.rx-usp{flex-direction:column;text-align:center;gap:8px}}
.rx-usp .i{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1.5px solid var(--rx-line);display:grid;place-items:center;background:var(--rx-cream)}
.rx-usp .i svg{width:21px;height:21px;stroke:var(--rx-brand);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rx-usp b{display:block;font-size:13px;color:var(--rx-ink);font-weight:800}
.rx-usp span{font-size:11.5px;color:var(--rx-mut)}

/* ==========================================================================
   15) GALLERY strip (Instagram jaisa)
   ========================================================================== */
.rx-gram{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:700px){.rx-gram{grid-template-columns:1fr 1fr}}
.rx-gram a{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:var(--rx-soft)}
.rx-gram img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--rx-ease)}
.rx-gram a:hover img{transform:scale(1.06)}

/* ==========================================================================
   16) STORY split (brand block + mini USP icons)
   ========================================================================== */
.rx-mini-usps{display:flex;gap:26px;flex-wrap:wrap;margin-top:22px}
.rx-mini-usp{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--rx-ink)}
.rx-mini-usp svg{width:19px;height:19px;stroke:var(--rx-brand);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rx-mini-usp b{display:block;font-size:13px;font-weight:800}
.rx-mini-usp span{display:block;font-size:11px;color:var(--rx-mut)}

/* ==========================================================================
   17) NEWSLETTER / WhatsApp subscribe strip (footer ke andar)
   ========================================================================== */
.rx-news{background:#FDF2EC;border-top:1px solid #F0DAD2}
.rx-news-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:26px 16px}
.rx-news b{font-family:var(--rx-font-d);font-size:19px;font-weight:600;color:var(--rx-ink);display:block;margin-bottom:2px}
.rx-news p{font-size:13px;color:var(--rx-mut);margin:0}
.rx-news-actions{display:flex;gap:10px;flex-wrap:wrap}

/* ==========================================================================
   18) NEW FOOTER (clean premium — poora rebuild)
   ========================================================================== */
.rx-foot{background:#0D1411;color:#A8B0AA;font-size:13.5px}
.rx-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr;gap:30px 24px;padding:44px 16px 30px;max-width:1180px;margin:auto}
@media(max-width:980px){.rx-foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.rx-foot-grid{grid-template-columns:1fr;gap:26px;padding:34px 16px 24px}}
.rx-foot-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.rx-foot-brand .m{width:36px;height:36px;border-radius:50%;background:linear-gradient(150deg,var(--rx-brand),var(--rx-brand2));color:var(--rx-gold);display:grid;place-items:center;font-family:var(--rx-font-d);font-size:19px;font-weight:600;box-shadow:inset 0 0 0 1.5px rgba(201,162,75,.5);flex:0 0 36px}
.rx-foot-brand .n{font-family:var(--rx-font-d);font-size:20px;font-weight:600;color:#fff;line-height:1.05}
.rx-foot-brand .n small{display:block;font-family:var(--rx-font-b);font-size:9px;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:var(--rx-gold2)}
.rx-foot-tag{font-size:12.5px;color:#8F9892;line-height:1.75;margin:14px 0;max-width:40ch}
.rx-foot-social{display:flex;gap:9px;margin-top:14px}
.rx-foot-social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;transition:border-color .2s,background .2s;text-decoration:none}
.rx-foot-social a:hover{border-color:var(--rx-gold);background:rgba(201,162,75,.12)}
.rx-foot-social svg{width:17px;height:17px;stroke:#C9D2CC;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rx-foot h4{font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--rx-gold);margin:0 0 14px;font-family:var(--rx-font-b)}
.rx-foot ul{list-style:none;margin:0;padding:0}
.rx-foot li{margin:7px 0}
.rx-foot li a{color:#B9C2BB;text-decoration:none;font-size:13px;transition:color .15s}
.rx-foot li a:hover{color:#fff}
.rx-foot address{font-style:normal;line-height:1.9;color:#8F9892;font-size:12.5px}
.rx-foot address a{color:#B9C2BB;text-decoration:none}
.rx-foot address a:hover{color:#fff}
.rx-foot-contact{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.rx-foot-contact a{display:flex;align-items:center;gap:10px;color:#B9C2BB;text-decoration:none;font-size:13px}
.rx-foot-contact a:hover{color:#fff}
.rx-foot-contact svg{width:16px;height:16px;stroke:var(--rx-gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px}
.rx-foot-meta{max-width:1180px;margin:auto;display:flex;flex-wrap:wrap;gap:22px;padding:18px 16px;border-top:1px solid rgba(255,255,255,.1)}
.rx-foot-meta>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.rx-foot-meta .h{font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--rx-gold);margin-right:4px}
.rx-foot-meta .chip{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;color:#C4CDC6}
.rx-foot-legal{max-width:1180px;margin:auto;padding:16px;border-top:1px solid rgba(255,255,255,.1);font-size:11.5px;line-height:1.85;color:#78817B}
.rx-foot-legal p+p{margin-top:8px}
.rx-foot-bar{border-top:1px solid rgba(255,255,255,.1);background:#0A100D}
.rx-foot-bar-in{max-width:1180px;margin:auto;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;justify-content:space-between;padding:16px;font-size:12px;color:#78817B}
.rx-foot-bar-in .ls{display:flex;flex-wrap:wrap;gap:16px}
.rx-foot-bar-in a{color:#9AA39D;text-decoration:none}
.rx-foot-bar-in a:hover{color:#fff}

/* ==========================================================================
   19) PDP cross-sell ("You may also like" mini card)
   ========================================================================== */
.rx-alsolike{max-width:1180px;margin:26px auto;padding:0 16px}
.rx-xcard{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--rx-line);border-radius:18px;padding:16px;box-shadow:var(--rx-shadow)}
@media(max-width:640px){.rx-xcard{grid-template-columns:96px 1fr}.rx-xcard .xgo{grid-column:1/-1}}
.rx-xcard img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:var(--rx-soft);border-radius:12px}
.rx-xcard .xr{color:var(--rx-mut);font-size:12px;font-weight:600}
.rx-xcard .xr b{background:var(--rx-green-ok);color:#fff;font-size:11px;padding:2px 7px;border-radius:6px;margin-right:5px}
.rx-xcard h3{font-family:var(--rx-font-b);font-weight:800;font-size:16.5px;color:var(--rx-ink);margin:4px 0 4px}
.rx-xcard .xp s{color:var(--rx-mut);font-size:13px;margin-right:8px}
.rx-xcard .xp .n{font-size:19px;font-weight:800;color:var(--rx-ink)}
.rx-xcard .xp .o{color:var(--rx-rose);font-weight:800;font-size:12.5px;margin-left:8px}
.rx-xcard .xgo{text-align:center}

/* ==========================================================================
   20) "AI-look" softening — PDP ke repeat dark CTA blocks ko elegant banana
   ========================================================================== */
.offerbox{background:#FDF2EC!important;border:1.5px solid var(--rx-line)!important;border-radius:22px!important;color:var(--rx-ink);text-align:center;padding:clamp(26px,4vw,44px) 20px;margin:26px 0;box-shadow:none!important}
.offerbox .eyebrow{background:#fff;border-color:var(--rx-line);color:var(--rx-rose)}
.offerbox h2{color:var(--rx-ink)!important;font-size:clamp(1.35rem,1.1rem + 1.3vw,1.75rem)}
.offerbox>p{color:var(--rx-mut)!important;font-size:14px;max-width:52ch;margin:8px auto 14px}
.obprice{font-size:30px;font-weight:800;color:var(--rx-brand)}
.obprice s{font-size:16px;color:var(--rx-mut);font-weight:400}
.obprice .offpill{background:var(--rx-rose)!important;color:#fff!important;font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px}
.otrust{color:var(--rx-mut)!important;font-size:12.5px}
.offerbox .btn.green,.offerbox a.btn.green{background:var(--rx-brand)!important;color:#fff!important;border-radius:12px;font-weight:800;padding:15px 30px;box-shadow:0 12px 26px -14px rgba(18,59,44,.5)!important}
.xsell{margin:26px auto;max-width:1180px;background:#fff;border:1.5px solid var(--rx-line);color:var(--rx-ink);border-radius:18px;padding:24px 22px;text-align:center;box-shadow:var(--rx-shadow)}
.xsell h2{color:var(--rx-ink)!important;font-family:var(--rx-font-d);font-weight:600;font-size:21px}
.xsell p{color:var(--rx-mut)!important;margin:6px 0 14px;font-size:14px}
.xsell a{display:inline-block;background:var(--rx-brand);color:#fff!important;font-weight:800;text-decoration:none;padding:13px 26px;border-radius:12px;font-size:14px}
.final h2,.final p{margin-left:auto;margin-right:auto}

/* ==========================================================================
   21) STATIC / LEGAL PAGES (about, contact, policies)
   ========================================================================== */
.rx-page{max-width:820px;margin:0 auto;padding:46px 20px 72px}
.rx-page h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(27px,4vw,36px);letter-spacing:-.01em;color:var(--rx-ink);margin:0 0 6px}
.rx-page .meta{color:var(--rx-mut);font-size:13px;margin:0 0 20px}
.rx-page h2{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:21px;color:var(--rx-brand);margin:28px 0 8px}
.rx-page p,.rx-page li{color:#52453C;font-size:14.5px;line-height:1.78}
.rx-page ul{padding-left:20px;margin:8px 0;display:grid;gap:7px}
.rx-page a{color:var(--rx-brand);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.rx-page .contact-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:10px}
.rx-page .contact-list li{margin:0}

/* 22) Story split — single clean image card
   NOTE: height:auto is load-bearing. These images carry intrinsic width="1254"
   height="1254" attributes; those are presentational hints that WIN over
   aspect-ratio unless CSS owns the height, which made the square photo render
   at its full pixel height (577x1254 on desktop, 342x1254 on a phone). */
.rx-split-media{position:relative;width:100%;max-width:520px;margin-inline:auto}
.rx-split-media::before{content:"";position:absolute;inset:24px -14px -14px 24px;background:var(--rx-soft2);border-radius:calc(var(--rx-radius) + 6px);z-index:0}
.rx-split-img{position:relative;z-index:1;width:100%;height:auto;max-height:520px;display:block;aspect-ratio:1/1;object-fit:cover;border-radius:calc(var(--rx-radius) + 6px);box-shadow:var(--rx-shadow)}
@media(max-width:820px){.rx-split-media{max-width:440px;margin:0 auto}.rx-split-media::before{inset:16px -8px -8px 16px}}
/* 22b) Same trap, kept for future markup: inside these CSS-sized cards an image
   must let CSS own its height, otherwise an intrinsic height="…" attribute wins
   and the photo renders at full pixel height. */
.rx-split-media img,.rx-doc-frame img{height:auto}

/* ==========================================================================
   23) LEGACY PDP SAFETY NET — mobile grid blowout + stray overflow
   ========================================================================== */
html,body{overflow-x:clip}
.gallery,.thumbs,.hero,.hero>*,.wrap>*{min-width:0}
.thumbs{grid-template-columns:repeat(6,minmax(0,1fr))}
.thumbs img,.gallery img.main{width:100%;height:auto;display:block}
@media(max-width:560px){.thumbs{gap:6px}}

/* ==========================================================================
   24) YOUTUBE CLICK-TO-PLAY FACADE (Error-153 safe, faster load)
   ========================================================================== */
.vfac-btn{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#0B1410;cursor:pointer;display:block}
.vfac-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:opacity .2s,transform .45s var(--rx-ease)}
.vfac-btn:hover img{opacity:1;transform:scale(1.03)}
.vfac-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(18,59,44,.95);color:#fff;font-size:20px;display:grid;place-items:center;padding-left:5px;box-shadow:0 10px 26px rgba(0,0,0,.35);transition:transform .2s;pointer-events:none}
.vfac-btn:hover .vfac-play{transform:translate(-50%,-50%) scale(1.08)}
.vfac-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 35%,transparent 60%,rgba(0,0,0,.38));pointer-events:none}

/* ==========================================================================
   25) DE-AI EYEBROW PILLS (PDP labels -> clean premium eyebrows)
   ========================================================================== */
.eyebrow,.goldpill:not(.ondark){
  background:transparent!important;border:0!important;border-bottom:2px solid var(--rx-gold)!important;
  border-radius:0!important;color:#8F7114!important;font-size:10.5px!important;font-weight:700!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;padding:0 2px 6px!important;
  margin-bottom:12px!important;display:inline-block!important}
.offerbox .eyebrow,.offerbox .goldpill,.final .eyebrow,.final .goldpill{
  border-bottom-color:rgba(255,255,255,.35)!important;color:#F2DCA6!important}

/* ==========================================================================
   26) CART — header button, add-to-cart ghost CTA, slide-in drawer
   ========================================================================== */
.rx-cartbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid var(--rx-line);border-radius:50%;background:#fff;color:var(--rx-ink);cursor:pointer;margin:0 8px 0 0;padding:0;flex:0 0 auto;transition:border-color .2s,background .2s}
.rx-cartbtn:hover{border-color:var(--rx-brand);background:var(--rx-soft)}
.rx-cartbtn svg{width:19px;height:19px}
.rx-cartbtn .cart-n{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--rx-accent,#C2447C);color:#fff;font-size:10.5px;font-weight:800;display:none;place-items:center;line-height:18px;text-align:center}
.rx-cartbtn .cart-n.on{display:grid}
@media(max-width:560px){.rx-cartbtn{width:36px;height:36px;margin-right:6px}.rx-cartbtn svg{width:17px;height:17px}}

/* ghost "Add to Cart" next to order CTAs on PDPs */
.cta-order.rx-atc,.buy.rx-atc{background:#fff!important;color:var(--rx-brand,#0E3B2E)!important;border:2px solid var(--rx-brand,#0E3B2E)!important;box-shadow:none!important;margin-top:10px;font-size:15px!important;font-weight:800!important}
.cta-order.rx-atc::after,.buy.rx-atc::after{display:none!important}
.cta-order.rx-atc:hover,.buy.rx-atc:hover{background:var(--rx-soft,#FDF2EC)!important}

/* overlay */
.cart-ov{position:fixed;inset:0;background:rgba(16,26,20,.45);backdrop-filter:blur(2px);z-index:100000003;opacity:0;pointer-events:none;transition:opacity .25s}
.cart-ov.on{opacity:1;pointer-events:auto}
html.cart-lock,html.cart-lock body{overflow:hidden}

/* drawer */
.cart-dr{position:fixed;top:0;right:0;bottom:0;width:min(420px,94vw);background:#FFFDFB;z-index:100000004;display:flex;flex-direction:column;transform:translateX(102%);transition:transform .32s cubic-bezier(.22,.61,.36,1);box-shadow:-18px 0 50px rgba(14,32,25,.18);border-left:1px solid var(--rx-line,#EADDD2);font-family:'Inter',system-ui,sans-serif}
.cart-dr.on{transform:translateX(0)}
.cart-h{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--rx-brand,#0E3B2E);color:#fff}
.cart-h b{font-size:17px;font-family:'Fraunces',Georgia,serif;font-weight:600;display:block;line-height:1.1}
.cart-h .cart-sub{font-size:11.5px;opacity:.75}
.cart-x{width:34px;height:34px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;color:#fff;font-size:19px;line-height:1;cursor:pointer;display:grid;place-items:center}
.cart-x:hover{background:rgba(255,255,255,.12)}

/* free-shipping strip */
.cart-ship{padding:12px 18px 10px;background:#FDF2EC;border-bottom:1px solid #F3E4D8;font-size:12.5px;color:#6B5544}
.cart-ship .ok{color:#1C7A4D;font-weight:700}
.cart-ship .bar{height:6px;background:#EAD9CB;border-radius:99px;margin-top:8px;overflow:hidden}
.cart-ship .bar i{display:block;height:100%;background:linear-gradient(90deg,#1C7A4D,#3DA96C);border-radius:99px;transition:width .35s}

/* items */
.cart-items{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.cart-it{display:flex;gap:12px;background:#fff;border:1px solid #EDE1D5;border-radius:14px;padding:10px;align-items:flex-start}
.cart-it img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#F7EEE6;flex:0 0 64px}
.cart-it .it-b{flex:1;min-width:0}
.cart-it .it-b>b{font-size:13.5px;color:#2B211B;display:block;line-height:1.25}
.cart-it .it-v{font-size:11.5px;color:#8A796C}
.cart-it .it-p{font-size:12.5px;margin:4px 0 7px;color:#2B211B;font-weight:700}
.cart-it .it-p s{color:#B29C8E;font-weight:500;margin-right:5px}
.cart-it .it-p em{color:#1C7A4D;font-style:normal;font-size:11px;font-weight:700}
.cart-it .it-q{display:flex;align-items:center;gap:7px}
.cart-it .it-q button{width:26px;height:26px;border:1px solid #E3D5C6;border-radius:8px;background:#fff;font-size:15px;font-weight:700;color:#4B3F37;cursor:pointer;line-height:1;display:grid;place-items:center}
.cart-it .it-q button:hover{border-color:#0E3B2E;color:#0E3B2E}
.cart-it .it-q span{font-size:13px;font-weight:700;min-width:16px;text-align:center}
.cart-it .it-rm{width:auto!important;padding:0 8px;font-size:11px!important;font-weight:600!important;color:#B0434B!important;margin-left:auto}
.cart-it .it-lt{font-size:13.5px;color:#0E3B2E;white-space:nowrap}
.cart-empty{text-align:center;padding:44px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#6B5544}
.cart-empty .e-ico{font-size:38px}
.cart-empty b{font-size:16px;color:#2B211B;font-family:'Fraunces',Georgia,serif}
.cart-empty p{font-size:12.5px;margin:0 0 8px}
.cart-empty .cart-btn2{text-decoration:none;display:inline-block;padding:10px 20px;width:auto}

/* footer */
.cart-f{border-top:1px solid #EDE1D5;padding:14px 18px 16px;background:#fff}
.cart-save{font-size:12.5px;color:#1C7A4D;font-weight:600;margin-bottom:8px}
.cart-save .pre-note{color:#8A6D00;font-weight:600}
.cart-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#4B3F37;margin-bottom:4px}
.cart-row b{font-size:16px;color:#2B211B}
.cart-shipline{font-size:12.5px;color:#8A796C;margin-bottom:12px}
.cart-btn{width:100%;border:0;border-radius:12px;background:var(--rx-brand,#0E3B2E);color:#fff;font-size:15px;font-weight:800;padding:14px;cursor:pointer;letter-spacing:.2px}
.cart-btn:hover{background:#124534}
.cart-btn:disabled{opacity:.45;cursor:not-allowed}
.cart-btn2{width:100%;margin-top:8px;border:1.5px solid #0E3B2E;border-radius:12px;background:#fff;color:#0E3B2E;font-size:13.5px;font-weight:700;padding:11px;cursor:pointer}
.cart-btn2:hover{background:#FDF2EC}
.cart-note{font-size:11px;color:#9A887A;text-align:center;margin:10px 0 0}
@media(max-width:420px){.cart-it img{width:56px;height:56px;flex-basis:56px}}

/* ==========================================================================
   27) AMRUT-PATRA STYLE PDP HERO (clean white product page)
   ========================================================================== */
:root{--ap-green:#16803c;--ap-green-d:#0b5d2b;--ap-ink:#141414;--ap-mut:#666;--ap-line:#e5e7eb;--ap-tint:#eef7f0;--ap-orange:#e8641c;--ap-purple:#7c3aed}
.ap-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;max-width:1180px;margin:14px auto 26px;padding:0 20px;align-items:start}

/* LEFT — gallery */
.ap-gal{position:relative;background:#fff;min-width:0;max-width:100%}
.ap-gal .pg-stage{position:relative;isolation:isolate;border-radius:16px;background:#fff;overflow:hidden}
.ap-gal .main{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:16px;display:block}
.ap-gal .pg-stage .main{touch-action:pan-y;user-select:none;-webkit-user-drag:none;transition:opacity .16s ease}
.ap-gal .pg-stage .main.pg-loading{opacity:.55}
.ap-gal .pg-stage .main.pg-error{object-fit:contain;background:#f4f1e7}
.pg-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;padding:0 0 2px;border:1px solid rgba(20,20,20,.12);border-radius:50%;background:rgba(255,255,255,.94);color:#141414;font:700 26px/1 system-ui,sans-serif;display:none;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.16)}
.ap-gal.pg-multi .pg-nav{display:grid}
.pg-prev{left:12px}
.pg-next{right:12px}
.pg-nav:hover{background:#fff}
.pg-nav:focus-visible{outline:2px solid var(--ap-green);outline-offset:2px}
.ap-off{position:absolute;top:12px;left:12px;z-index:5;pointer-events:none;background:var(--ap-green);color:#fff;font-weight:800;font-size:13px;line-height:1.15;text-align:center;padding:9px 11px;border-radius:50%}
#thumbs{display:flex;gap:10px;margin-top:12px;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px}
#thumbs img{flex:0 0 auto;width:72px;height:72px;object-fit:cover;border-radius:10px;border:1.5px solid var(--ap-line);cursor:pointer;background:#fff;transition:border-color .15s,opacity .15s}
#thumbs img.on,#thumbs img:hover{border-color:var(--ap-green)}
#thumbs img:focus-visible{outline:2px solid var(--ap-green);outline-offset:2px}
#thumbs img.pg-broken{opacity:.42}
@media(max-width:560px){.pg-nav{width:36px;height:36px;font-size:22px}.pg-prev{left:8px}.pg-next{right:8px}}

/* RIGHT — info */
.ap-brand{font-size:13px;font-weight:600;color:var(--ap-mut);letter-spacing:.06em;text-transform:uppercase}
.ap-h1{font:700 30px/1.22 'Inter',system-ui,sans-serif;color:var(--ap-ink);margin:6px 0 10px}
.ap-rate{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.ap-rate .chip{background:var(--ap-green);color:#fff;font-weight:700;font-size:12.5px;padding:4px 9px;border-radius:8px}
.ap-rate .stars{color:#f59e0b;letter-spacing:1px;font-size:13px}
.ap-rate .txt{font-size:13px;color:var(--ap-mut);font-weight:600}
.ap-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.ap-price b{font-size:32px;font-weight:800;color:var(--ap-ink)}
.ap-price s{font-size:16px;color:#9ca3af;font-weight:600}
.ap-price .off{color:var(--ap-green);font-weight:800;font-size:13.5px}
.ap-price .sale{background:#e7f6ec;color:var(--ap-green);font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}
.ap-sub{font-size:13px;color:var(--ap-mut);margin-bottom:14px}

/* trust mini row */
.ap-usp{display:flex;border:1px solid var(--ap-line);border-radius:14px;overflow:hidden;margin-bottom:14px;background:#fff}
.ap-usp>div{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 6px;font-size:12.5px;font-weight:700;color:var(--ap-ink);border-left:1px solid var(--ap-line)}
.ap-usp>div:first-child{border-left:0}
.ap-usp svg{width:18px;height:18px;stroke:var(--ap-green);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* pack cards */
.ap-packlabel{font-size:13px;font-weight:700;color:var(--ap-ink);margin:0 0 8px}
.ap-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.ap-pack{position:relative;border:1.5px solid var(--ap-line);border-radius:12px;padding:10px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s;text-align:center}
.ap-pack:hover{border-color:#cbbfae}
.ap-pack.on{border-color:var(--ap-green);box-shadow:0 0 0 3px rgba(22,128,60,.12)}
.ap-pack img{width:52px;height:52px;object-fit:cover;border-radius:8px;margin:0 auto 6px;display:block}
.ap-pack .pct{position:absolute;top:-8px;left:8px;background:#e8641c;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:6px}
.ap-pack .tag{position:absolute;top:-8px;right:8px;background:var(--ap-green);color:#fff;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}
.ap-pack b{display:block;font-size:13px;color:var(--ap-ink)}
.ap-pack .p1{font-size:15px;font-weight:800;color:var(--ap-ink);margin-top:2px}
.ap-pack .p1 s{font-size:11.5px;color:#9ca3af;font-weight:600;margin-left:4px}
.ap-pack[data-pay="P"] .p1 s{margin-left:0;margin-right:5px}
.ap-pack .p1 i{font-style:normal;color:#0a8a4d}
.ap-pack .savechip{display:inline-block;margin-top:3px;background:#dff6e6;color:#0a7d4f;font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:5px;line-height:1.35}
.ap-pack.wa{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none}
.ap-pack.wa b{color:#0b6d4e}

/* qty + buttons */
.ap-qtyrow{display:flex;gap:12px;align-items:stretch;margin-bottom:10px}
.ap-qty{display:inline-flex;border:1.5px solid var(--ap-line);border-radius:99px;overflow:hidden;flex:0 0 auto}
.ap-qty button{width:38px;border:0;background:#fff;font-size:18px;font-weight:700;color:var(--ap-ink);cursor:pointer}
.ap-qty button:hover{background:#f4f4f4}
.ap-qty span{width:40px;display:grid;place-items:center;font-weight:800;font-size:14px}
.ap-buynow,.ap-atc{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:99px;padding:13px 10px;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none;line-height:1;white-space:nowrap}
.ap-buynow{background:#fff;color:var(--ap-green);border:2px solid var(--ap-green)}
.ap-buynow:hover{background:#f0fbf3}
.ap-atc{background:var(--ap-green);color:#fff;border:2px solid var(--ap-green)}
.ap-atc:hover{background:var(--ap-green-d);border-color:var(--ap-green-d)}
.ap-buynow svg,.ap-atc svg{width:17px;height:17px}
.ap-secure{font-size:12px;color:var(--ap-mut);margin:4px 2px 14px;display:flex;align-items:center;gap:6px}
.ap-secure svg{width:14px;height:14px;stroke:var(--ap-green);fill:none;stroke-width:2}

/* delivery timeline */
.ap-tline{display:flex;align-items:flex-start;position:relative;margin:6px 8px 20px;padding-top:6px}
.ap-tline .tl-line{position:absolute;top:23px;left:9%;right:9%;height:5px;border-radius:99px;background:repeating-linear-gradient(45deg,#bfe3c9,#bfe3c9 6px,#fff 6px,#fff 12px);z-index:0}
.ap-step{flex:1;text-align:center;position:relative;z-index:1}
.ap-step .ico{position:relative;width:38px;height:38px;border-radius:50%;background:#fff;border:1.5px solid var(--ap-line);display:grid;place-items:center;margin:0 auto 6px}
.ap-step.done .ico{border-color:var(--ap-green);background:#e7f6ec}
.ap-step .ico svg{width:17px;height:17px;stroke:var(--ap-green);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ap-step b{display:block;font-size:13px;color:var(--ap-ink)}
.ap-step span{font-size:11.5px;color:var(--ap-mut)}

/* coupons */
.ap-offers-h{font-size:17px;font-weight:800;color:var(--ap-ink);margin:2px 0 10px}
.ap-coupons{display:flex;gap:12px;overflow-x:auto;padding:6px 2px 4px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.ap-coup{position:relative;flex:0 0 236px;scroll-snap-align:start;display:grid;grid-template-columns:64px 1fr;border:1px solid var(--ap-line);border-radius:12px;overflow:hidden;background:#fff}
.ap-coup .lt{color:#fff;padding:10px 6px;display:grid;place-items:center;text-align:center;font-weight:800;font-size:14px;line-height:1.15}
.ap-coup.o .lt{background:var(--ap-orange)}.ap-coup.p .lt{background:var(--ap-purple)}.ap-coup.g .lt{background:var(--ap-green)}
.ap-coup .rt{padding:9px 12px 9px 10px;border-left:1.5px dashed #ddd}
.ap-coup .rt .lab{font-size:9.5px;font-weight:800;letter-spacing:.08em;color:var(--ap-mut);text-transform:uppercase}
.ap-coup .rt .txt{font-size:11px;color:var(--ap-ink);line-height:1.3;margin:2px 0 6px;min-height:28px}
.ap-coup code{display:inline-block;border:1.5px dashed var(--ap-green);color:var(--ap-green);font-weight:800;font-size:12px;padding:3px 10px;border-radius:7px;cursor:pointer;background:#f4fcf6}
.ap-ribbon{position:absolute;top:0;left:0;background:#fbbf24;color:#7c2d12;font-size:8.5px;font-weight:800;padding:2px 18px;transform:rotate(-40deg) translate(-26px,-8px);letter-spacing:.06em}

/* benefits strip */
.ap-bens{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--ap-tint);border-radius:16px;padding:16px 14px;margin-top:4px}
.ap-ben{display:flex;align-items:center;gap:12px;padding:9px 8px}
.ap-ben .bi{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#fff;border:1px solid #dcefe0;display:grid;place-items:center}
.ap-ben .bi svg{width:21px;height:21px;stroke:var(--ap-green);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ap-ben b{font-size:13.5px;color:var(--ap-ink);line-height:1.25}

/* section pill tabs (scroll) */
.ap-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:26px auto 4px;max-width:1180px;padding:0 20px}
.ap-tabs a{background:#f1f1f1;color:#333;font-weight:700;font-size:13.5px;padding:9px 18px;border-radius:99px;text-decoration:none;transition:background .15s,color .15s}
.ap-tabs a.on,.ap-tabs a:hover{background:#4a6133;color:#fff}

/* restyled sticky bar (old .sticky/.show kept) */
.sticky.ap-sticky{left:50%;transform:translate(-50%,0);bottom:0;top:auto!important;max-width:1180px;width:calc(100% - 16px);background:#fff;border:1px solid var(--ap-line);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.12);display:none;align-items:center;gap:12px;padding:10px 14px;z-index:70}
.sticky.ap-sticky.show{display:flex}
.ap-sticky img{width:46px;height:46px;border-radius:9px;object-fit:cover;border:1px solid var(--ap-line)}
.ap-sticky .si b{display:block;font-size:14px;color:var(--ap-ink)}
.ap-sticky .si .p{font-size:13.5px;font-weight:800;color:var(--ap-ink)}
.ap-sticky .si .p s{color:#9ca3af;font-weight:600;margin-left:5px;font-size:12px}
.ap-sticky .sb{margin-left:auto;display:flex;gap:9px}
.ap-sticky .sb .ap-buynow,.ap-sticky .sb .ap-atc{padding:11px 18px;font-size:13.5px}
@media(max-width:640px){.ap-sticky .si small{display:none}.ap-sticky .sb .ap-buynow,.ap-sticky .sb .ap-atc{padding:10px 13px;font-size:12.5px}}

/* responsive */
@media(max-width:900px){.ap-hero{grid-template-columns:minmax(0,1fr);gap:24px}.ap-h1{font-size:24px}.ap-price b{font-size:27px}.ap-hero>div{min-width:0}}
@media(max-width:640px){
.ap-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ap-pack img{width:44px;height:44px}
.ap-bens{grid-template-columns:1fr 1fr;padding:10px}
.ap-qtyrow{flex-wrap:wrap}.ap-buynow,.ap-atc{flex:1 1 calc(50% - 6px);font-size:13.5px}
.ap-qty{width:100%}
.ap-coup{flex-basis:210px}
}

/* 27b) mobile pack cards + buttons + sticky polish */
@media(max-width:640px){
.ap-pack{padding:8px 4px}
.ap-pack b{font-size:11.5px}
.ap-pack .p1{font-size:13.5px}
.ap-pack .p1 s{font-size:10px}
.ap-pack>span:last-child{font-size:9.5px!important}
.ap-pack .pct{font-size:8.5px;padding:2px 5px}
.ap-pack .tag{font-size:8px;padding:2px 5px}
.ap-buynow,.ap-atc{min-width:0;padding:13px 6px;font-size:12.5px;gap:5px}
.ap-buynow svg,.ap-atc svg{width:14px;height:14px;flex:0 0 auto}
.ap-qty span.w40,.ap-qty span{width:34px}
.ap-qty button{width:34px}
.ap-sticky .si b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}
.ap-sticky .sb .ap-buynow,.ap-sticky .sb .ap-atc{padding:10px 10px;font-size:12px}
.ap-sticky img{width:40px;height:40px}
.ap-h1{font-size:21px;margin-top:2px}
.ap-price b{font-size:26px}
.ap-price .sale{font-size:10px}
.ap-coupons{padding-bottom:8px}
}

/* ==========================================================================
   28) WHY-CAROUSEL (AmrutPatra-style rotating product USP carousel)
   ========================================================================== */
.apwhy{position:relative;padding:clamp(40px,6vw,70px) 0 clamp(46px,6vw,64px);overflow:hidden;background:linear-gradient(180deg,#fffdf8 0%,#fdefe2 55%,#fce4cf 100%)}
.apwhy::before{content:'';position:absolute;left:-15%;right:-15%;bottom:-38%;height:80%;background:radial-gradient(50% 60% at 50% 40%,rgba(255,190,120,.5),rgba(255,190,120,0) 70%);pointer-events:none}
.apwhy .wrap{position:relative}
.apwhy-eyebrow{text-align:center;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#c2610e;margin-bottom:6px}
.apwhy h2{text-align:center;font-family:'Fraunces',Georgia,serif;font-size:clamp(26px,3.4vw,36px);font-weight:600;color:#221a10;margin:0 0 8px}
.apwhy .sub{max-width:600px;text-align:center;margin:0 auto 26px;color:#6b5a43;font-size:15px;line-height:1.55}
.apwhy-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(16px,2.6vw,32px);align-items:center;max-width:1080px;margin:0 auto}
.apwhy-cards{display:flex;flex-direction:column;gap:clamp(14px,2.6vw,36px)}
.apwhy-card{background:rgba(255,255,255,.88);backdrop-filter:blur(6px);border:1px solid rgba(230,214,190,.85);border-radius:16px;padding:16px 18px;box-shadow:0 10px 30px rgba(120,60,10,.09)}
.apwhy-card h3{display:flex;align-items:center;gap:9px;font:700 15.5px/1.25 'Inter',system-ui,sans-serif;margin:0 0 5px;color:#1c1c1c}
.apwhy-card .chk{width:21px;height:21px;border-radius:50%;background:#ee7b26;display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px}
.apwhy-card .chk svg{width:12px;height:12px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.apwhy-card p{font-size:13px;color:#5c5146;margin:0;line-height:1.5}
.apwhy-imgwrap{display:block;position:relative;width:clamp(220px,25vw,330px);aspect-ratio:1/1;margin:0 auto;z-index:1}
.apwhy-imgwrap .glow{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,0) 66%);z-index:0}
.apwhy-imgwrap img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(80,40,5,.25))}
.apwhy-pill{display:flex;align-items:center;gap:14px;width:max-content;margin:24px auto 0;background:#fff;border:1px solid rgba(230,214,190,.95);border-radius:99px;padding:10px 22px;box-shadow:0 12px 26px rgba(120,60,10,.13);text-decoration:none}
.apwhy-pill b{font-size:15px;color:#1c1c1c}
.apwhy-pill span{color:#ee7b26;font-weight:800;font-size:15px}
.apwhy-dots{display:flex;justify-content:center;gap:8px;margin-top:15px}
.apwhy-dots button{width:8px;height:8px;border-radius:99px;border:0;background:#e3c4a5;padding:0;cursor:pointer;transition:all .25s}
.apwhy-dots button.on{width:22px;background:#ee7b26}
@keyframes apw-card{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes apw-img{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
@keyframes apw-pill{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.apw-swap .apwhy-card{animation:apw-card .5s cubic-bezier(.2,.7,.3,1) both}
.apw-swap .apw-c2{animation-delay:.07s}.apw-swap .apw-c3{animation-delay:.14s}.apw-swap .apw-c4{animation-delay:.21s}
.apw-swap .apwhy-imgwrap img{animation:apw-img .55s cubic-bezier(.2,.7,.3,1) both}
.apw-swap .apwhy-pill{animation:apw-pill .4s .05s both}
/* AmrutPatra-style 3-product 3D trio (Why Avnideep) */
.apw-layout{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(16px,2.6vw,32px);align-items:center;max-width:1180px;margin:0 auto}
.apw-center{display:flex;flex-direction:column;align-items:center;min-width:0}
.apw-trio-stage{position:relative;width:clamp(280px,32vw,460px);height:clamp(300px,32vw,430px);display:flex;align-items:center;justify-content:center;perspective:1100px;user-select:none}
.apw-viewport{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.apw-item{position:absolute;left:50%;top:50%;width:clamp(115px,12vw,160px);height:clamp(160px,16vw,220px);margin-left:calc(clamp(115px,12vw,160px)/-2);margin-top:calc(clamp(160px,16vw,220px)/-2);display:grid;place-items:center;cursor:pointer;transition:transform .65s cubic-bezier(.25,1,.35,1),opacity .65s,filter .65s}
.apw-item img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(80,40,5,.22))}
.apw-item.is-center{transform:translate3d(0,-8px,110px) scale(1.08);z-index:12;opacity:1}
.apw-item.is-left{transform:translate3d(-95%,26px,-45px) scale(.7);z-index:4;opacity:1}
.apw-item.is-right{transform:translate3d(95%,26px,-45px) scale(.7);z-index:4;opacity:1}
.apw-item.is-hidden{transform:translate3d(0,30px,-220px) scale(.55);z-index:1;opacity:0;pointer-events:none}
.apw-center .apwhy-pill{position:relative;z-index:30}
.apw-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:46px;height:46px;border-radius:50%;background:#fff;border:1.5px solid rgba(18,59,44,.3);color:#123B2C;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s;box-shadow:0 8px 22px rgba(18,59,44,.15)}
.apw-center:hover .apw-arrow{opacity:1;pointer-events:auto}
.apw-arrow:hover{background:#123B2C;color:#fff}
.apw-prev{left:-8px}.apw-next{right:-8px}
.apw-fade{opacity:.15!important;transform:translateY(3px) scale(.99)!important;transition:opacity .18s,transform .18s}
.apwhy-card{transition:opacity .18s,transform .18s}
/* ==========================================================================
   29) PACK SIZE SELECTOR (Amrutpatra-style Single / Pack 2 / Pack 3)
   ========================================================================== */
.ap-sizelabel{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8a8478;margin:18px 0 10px}
.ap-sizegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ap-size{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid #e9e1cf;border-radius:16px;padding:10px 10px 0;cursor:pointer;text-align:center;transition:border-color .2s,box-shadow .2s,transform .15s;font-family:inherit}
.ap-size:hover{transform:translateY(-2px)}
.ap-size.on{border-color:#0E3B2E;box-shadow:0 12px 28px -12px rgba(14,59,46,.45)}
.ap-size:focus-visible{outline:2px solid #0E3B2E;outline-offset:2px}
.ap-size-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}
.ap-size-off{background:#d6336c;color:#fff;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:7px;letter-spacing:.02em}
.ap-size-name{font-size:13px;font-weight:800;color:#1c1a15}
.ap-size-ribbon{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap;color:#fff;background:#e8590c;padding:3px 10px;border-radius:99px;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.ap-size-ribbon.best{background:#1c7a3d}
.ap-size img{width:100%;height:104px;object-fit:contain}
.ap-size-bar{margin:8px -10px 0;background:#0E3B2C;color:#fff;border-radius:0 0 13px 13px;padding:8px 6px;font-size:13px;font-weight:800}
.ap-size-bar s{opacity:.65;font-weight:600;font-size:11.5px;margin-left:5px}
@media(max-width:560px){.ap-sizegrid{gap:8px}.ap-size img{height:84px}.ap-size-bar{font-size:12px}.ap-size-name{font-size:12px}}
@media(max-width:989px){
.apw-layout{display:flex;flex-direction:column}
.apw-center{order:-1;width:100%}
.apw-trio-stage{width:min(92vw,420px);height:340px}
.apw-arrow{opacity:1!important;pointer-events:auto!important}
.apw-prev{left:0}.apw-next{right:0}
}
@media(max-width:760px){
.apwhy-stage{grid-template-columns:1fr;gap:20px}
.apwhy-imgwrap{order:-1;width:min(62vw,270px)}
.apwhy-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;order:1}
.apwhy-card{padding:13px 14px}
.apwhy-card h3{font-size:13px}
.apwhy-card p{font-size:11.5px}
.apwhy-pill{margin-top:20px}
}

/* ==========================================================================
   30) MOBILE STICKY BUY-BAR FIX (product pages)
   - sticky bar: no overflow on narrow screens, safe-area aware
   (bottom nav removed per owner request)
   ========================================================================== */
@media(max-width:560px){
.sticky.ap-sticky{gap:8px;padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100% - 12px)}
.ap-sticky .si{min-width:0;flex:1 1 auto}
.ap-sticky .si b{max-width:30vw;font-size:12.5px}
.ap-sticky .sb{margin-left:0;flex:1 1 auto;min-width:0}
.ap-sticky .sb .ap-buynow,.ap-sticky .sb .ap-atc{flex:1 1 0;min-width:0;padding:11px 6px;font-size:12px;gap:5px}
}
@media(max-width:400px){
.ap-sticky .si,.ap-sticky img{display:none}
.sticky.ap-sticky{gap:8px}
.ap-sticky .sb{flex:1}
}
/* ---- admin catalog sync (site-sync.js): OOS state + dynamic new arrivals ---- */
.oos{opacity:.55;cursor:not-allowed!important;filter:grayscale(.4)}
button.oos,a.oos{pointer-events:none}
.oos-note{background:#FFF4E5;border:1.5px dashed #E8A33D;color:#8a5a00;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700;margin:10px 0}
.newgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0 4px}
.newgrid .pcard{background:#fff;border:1px solid var(--rx-line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}
.newgrid .pimg{position:relative;background:#FAF7F0;border-radius:12px;overflow:hidden;aspect-ratio:1/1;display:grid;place-items:center}
.newgrid .pimg img{width:100%;height:100%;object-fit:contain}
.newgrid .off{position:absolute;top:8px;left:8px;background:var(--rx-brand);color:#fff;border-radius:6px;font-size:10.5px;font-weight:800;padding:3px 8px}
.newgrid h3{font-size:14px}
.newgrid .prow{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.newgrid .price b{font-size:15px}
.newgrid .price s{font-size:12px;color:#999;margin-left:5px}
.newgrid .addbtn{border:1.5px solid var(--rx-brand);color:var(--rx-brand);background:#fff;border-radius:10px;font-weight:800;font-size:13px;padding:9px 18px;cursor:pointer}

/* ==========================================================================
   31) MOBILE SLIDE MENU (hamburger + left drawer, site-wide)
   ========================================================================== */
.rx-burger{display:none;width:40px;height:40px;border:1.5px solid var(--rx-line);border-radius:12px;background:#fff;color:var(--rx-brand);cursor:pointer;place-items:center;flex:0 0 auto;padding:0}
.rx-burger svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round}
.rx-burger:hover{background:var(--rx-soft)}
@media(max-width:960px){.rx-burger{display:grid}}
.rx-mnav-ov{position:fixed;inset:0;background:rgba(16,26,20,.5);backdrop-filter:blur(2px);z-index:100000001;opacity:0;pointer-events:none;transition:opacity .25s}
.rx-mnav-ov.on{opacity:1;pointer-events:auto}
.rx-mnav{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:#FFFDFB;z-index:100000002;display:flex;flex-direction:column;transform:translateX(-103%);transition:transform .3s cubic-bezier(.22,.61,.36,1);box-shadow:18px 0 50px rgba(14,32,25,.2);border-right:1px solid var(--rx-line)}
.rx-mnav.on{transform:translateX(0)}
.rx-mnav-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:linear-gradient(140deg,var(--rx-brand2),var(--rx-brand));color:#fff}
.rx-mnav-h img{height:34px;width:auto;background:#fff;border-radius:8px;padding:3px 8px}
.rx-mnav-h b{font-family:var(--rx-font-d);font-weight:600;font-size:16px}
.rx-mnav-x{width:34px;height:34px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff;font-size:19px;cursor:pointer;display:grid;place-items:center;line-height:1}
.rx-mnav-x:hover{background:rgba(255,255,255,.14)}
.rx-mnav-links{display:flex;flex-direction:column;padding:10px;gap:2px;overflow-y:auto}
.rx-mnav-links a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--rx-ink);font-weight:700;font-size:14px;letter-spacing:.04em;padding:13px 14px;border-radius:12px}
.rx-mnav-links a small{color:var(--rx-mut);font-weight:600;font-size:11px}
.rx-mnav-links a:hover,.rx-mnav-links a.on{background:var(--rx-soft);color:var(--rx-brand)}
.rx-mnav-cta{margin-top:auto;padding:14px;border-top:1px solid var(--rx-line);display:grid;gap:8px}
.rx-mnav-cta .rx-cta{text-align:center}
.rx-mnav-call{text-align:center;text-decoration:none;font-weight:800;font-size:13px;color:var(--rx-brand);padding:11px;border:1.5px solid var(--rx-brand);border-radius:999px}
html.mnav-lock,html.mnav-lock body{overflow:hidden}
@media(prefers-reduced-motion:reduce){.rx-mnav,.rx-mnav-ov{transition:none}}

/* ==========================================================================
   32) CUSTOMER LOGIN + MY ORDERS (mobile + PIN, partner-style)
   ========================================================================== */
.rx-acctbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid var(--rx-line);border-radius:50%;background:#fff;color:var(--rx-brand);cursor:pointer;margin:0 8px 0 0;padding:0;flex:0 0 auto;transition:border-color .2s,background .2s}
.rx-acctbtn:hover{border-color:var(--rx-brand);background:var(--rx-soft)}
.rx-acctbtn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rx-acctbtn .acct-n{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--rx-brand);color:#fff;font-size:10.5px;font-weight:800;display:none;place-items:center;line-height:18px}
.rx-acctbtn .acct-n.on{display:grid}
@media(max-width:960px){.rx-acctbtn{display:none}}
@media(max-width:560px){.rx-acctbtn{width:36px;height:36px;margin-right:6px}}
/* login modal */
.auth-ov{position:fixed;inset:0;background:rgba(16,26,20,.55);backdrop-filter:blur(3px);z-index:100000005;opacity:0;pointer-events:none;transition:opacity .25s;display:flex;align-items:center;justify-content:center;padding:16px}
.auth-ov.on{opacity:1;pointer-events:auto}
.auth-modal{position:relative;width:min(400px,100%);background:#FFFDFB;border-radius:22px;border:1px solid var(--rx-line);box-shadow:0 40px 90px -30px rgba(0,0,0,.5);padding:26px 22px 22px;max-height:92dvh;overflow-y:auto}
.auth-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1.5px solid var(--rx-line);border-radius:50%;background:#fff;color:var(--rx-ink);font-size:19px;line-height:1;cursor:pointer;display:grid;place-items:center}
.auth-x:hover{border-color:var(--rx-brand);color:var(--rx-brand)}
.auth-x.light{border-color:rgba(255,255,255,.35);background:transparent;color:#fff}
.auth-h b{display:block;font-family:var(--rx-font-d);font-weight:600;font-size:21px;color:var(--rx-ink)}
.auth-h span{display:block;font-size:12.5px;color:var(--rx-mut);margin-top:3px}
.auth-err{display:none;background:#FDECEA;color:#B3261E;border:1px solid #F5C6C2;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;margin:14px 0 0}
.auth-field{margin:14px 0 0}
.auth-field label{display:block;font-size:12.5px;font-weight:800;color:var(--rx-ink);margin-bottom:6px}
.auth-field input{width:100%;border:1.5px solid var(--rx-line);background:#FCFBF6;border-radius:12px;padding:13px 14px;font-size:16px;color:var(--rx-ink);outline:none;box-sizing:border-box}
.auth-field input:focus{border-color:var(--rx-brand);box-shadow:0 0 0 3px rgba(18,59,44,.1)}
.auth-modal .phone-input-wrap{display:flex;align-items:stretch;border:1.5px solid var(--rx-line);border-radius:12px;overflow:hidden;background:#FCFBF6}
.auth-modal .phone-input-wrap input{border:0;background:transparent;flex:1;min-width:0}
.auth-btn{display:block;width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,var(--rx-brand),var(--rx-brand2));color:#fff;font-weight:800;font-size:15px;padding:14px;cursor:pointer;margin-top:16px;text-decoration:none;text-align:center;box-sizing:border-box}
.auth-btn:hover{filter:brightness(1.08)}
.auth-btn:disabled{opacity:.55;cursor:wait}
.auth-link{display:block;width:100%;border:0;background:none;color:var(--rx-brand);font-weight:700;font-size:13px;cursor:pointer;margin-top:10px;text-decoration:underline;text-underline-offset:3px}
.auth-note{font-size:11.5px;color:var(--rx-mut);text-align:center;margin:12px 0 0;line-height:1.6}
html.auth-lock,html.auth-lock body{overflow:hidden}
/* my-orders drawer (right slide-in, cart family) */
.auth-dov{position:fixed;inset:0;background:rgba(16,26,20,.5);backdrop-filter:blur(2px);z-index:100000005;opacity:0;pointer-events:none;transition:opacity .25s}
.auth-dov.on{opacity:1;pointer-events:auto}
.auth-dr{position:fixed;top:0;right:0;bottom:0;width:min(420px,94vw);background:#FFFDFB;z-index:100000006;display:flex;flex-direction:column;transform:translateX(102%);transition:transform .32s cubic-bezier(.22,.61,.36,1);box-shadow:-18px 0 50px rgba(14,32,25,.18);border-left:1px solid var(--rx-line)}
.auth-dr.on{transform:translateX(0)}
.auth-drh{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--rx-brand,#0E3B2E);color:#fff}
.auth-drh b{font-size:17px;font-family:'Fraunces',Georgia,serif;font-weight:600;display:block}
.auth-drsub{font-size:11.5px;opacity:.75}
.auth-items{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.auth-ord{background:#fff;border:1px solid #EDE1D5;border-radius:14px;padding:12px 14px}
.auth-ord .ord-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.auth-ord .ord-top b{font-size:13.5px;color:#2B211B;line-height:1.3}
.ord-st{flex:0 0 auto;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.03em}
.ord-st.placed{background:#FFF4E0;color:#8a5a00}
.ord-st.done{background:#E7F4EC;color:#1C7A4D}
.ord-st.ship{background:#E8F0FE;color:#1A56DB}
.ord-st.cancel{background:#FDECEA;color:#B3261E}
.ord-meta{display:flex;justify-content:space-between;font-size:11.5px;color:#8A796C;margin-top:6px}
.ord-bot{font-size:13px;font-weight:800;color:#2B211B;margin-top:6px}
.auth-loading,.auth-empty{text-align:center;color:#6B5544;font-size:13.5px;padding:30px 10px}
.auth-empty .e-ico{font-size:36px}
.auth-empty b{font-family:'Fraunces',Georgia,serif;font-size:16px;color:#2B211B;display:block;margin:6px 0}
.auth-empty p{margin:0 0 10px;font-size:12.5px}
.auth-empty .auth-btn{width:auto;display:inline-block;padding:10px 22px}
.auth-drf{border-top:1px solid #EDE1D5;padding:14px 18px;background:#fff}
.auth-call{display:block;text-align:center;text-decoration:none;font-weight:800;font-size:13px;color:var(--rx-brand);padding:11px;border:1.5px solid var(--rx-brand);border-radius:999px}
.auth-dr .auth-note{margin-top:8px}
[data-auth-slot] a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--rx-ink);font-weight:700;font-size:14px;padding:13px 14px;border-radius:12px}
[data-auth-slot] a small{color:var(--rx-mut);font-weight:600;font-size:11px}
[data-auth-slot] a:hover{background:var(--rx-soft);color:var(--rx-brand)}
@media(prefers-reduced-motion:reduce){.auth-ov,.auth-dov,.auth-dr{transition:none}}

/* ============================================================
   PREMIUM 3-OPTION PAYMENT SELECTION (checkout)
   Off-white surface, forest green accents, compact mobile cards.
   ============================================================ */
.order-popup .pay-label{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#0E3B2E;margin:18px 0 10px}
.pay-grid{display:flex!important;flex-direction:column;gap:10px;margin:0 0 16px}
.pay-card{position:relative;display:grid!important;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:14px 14px!important;border:1.5px solid #DCD7C8!important;border-radius:16px!important;
  background:#FFFDF8!important;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  box-shadow:0 1px 2px rgba(20,40,30,.04)!important;transform:none!important}
.pay-card:hover{border-color:#B9C7BB!important;transform:none!important;box-shadow:0 4px 14px -10px rgba(14,59,46,.35)!important}
.pay-card.selected,.pay-card:has(input:checked){border-color:#0E3B2E!important;background:#F3F8F4!important;
  box-shadow:0 0 0 3px rgba(14,59,46,.08)!important}
.pay-card.selected::after{display:none!important}
.pay-card input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.pay-radio{width:18px;height:18px;border-radius:50%;border:1.6px solid #B9B3A3;display:grid;place-items:center;background:#fff;flex:none}
.pay-card.selected .pay-radio,.pay-card:has(input:checked) .pay-radio{border-color:#0E3B2E}
.pay-card.selected .pay-radio::after,.pay-card:has(input:checked) .pay-radio::after{content:"";width:9px;height:9px;border-radius:50%;background:#0E3B2E}
.pay-body{display:block;min-width:0}
.pay-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pay-body strong{display:inline;font-size:14.5px;font-weight:800;color:#16241D;line-height:1.25;letter-spacing:0}
.pay-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:99px;background:#E7F0E9;color:#0E3B2E;font-size:9.5px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
.pay-card[data-pay-card="prepaid"] .pay-badge{background:#0E3B2E;color:#fff}
.pay-body small,.pay-sub{display:block!important;margin-top:4px!important;font-size:11.5px!important;line-height:1.45!important;color:#6B726A!important}
.pay-body em,.pay-save{display:block;margin-top:5px;font-style:normal;font-size:10.5px;font-weight:800;color:#137A4B;letter-spacing:.01em}
.pay-body em[hidden],.pay-save[hidden]{display:none!important}
.pay-amt{align-self:center;font-size:17px;font-weight:900;color:#0E3B2E;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.pay-card.recommended{border-color:#C8D6CB!important}
.pay-card.recommended::after{display:none!important}
.pay-config-error{margin:0 0 14px;padding:11px 12px;border-radius:12px;border:1px solid #E3C9C1;background:#FFF6F3;color:#7A2E1E;font-size:12.5px;line-height:1.45}
.pay-config-error button{display:inline-block;margin-top:7px;border:1px solid #7A2E1E;background:#fff;color:#7A2E1E;border-radius:9px;padding:6px 12px;font:inherit;font-weight:800;cursor:pointer}
.pay-card:has(input:disabled){opacity:.5;cursor:not-allowed}
@media (max-width:520px){
  .pay-card{padding:12px!important;border-radius:14px!important;gap:10px}
  .pay-body strong{font-size:13.5px}
  .pay-body small{font-size:11px!important}
  .pay-amt{font-size:15.5px}
  .pay-badge{font-size:9px;padding:2px 6px}
}