/* ==========================================================================
   PREMIUM OVERLAY — Big Hunter IN
   Aesthetic: Refined Ayurvedic Luxury
   References: Kama Ayurveda, Forest Essentials, Augustinus Bader, Uma Oils
   Pattern: editorial serif display · ivory/forest/brass · thin gold hairlines ·
            tracked small-caps · restrained shadows · generous negative space
   ========================================================================== */

/* ---- Typography: Fraunces (variable opsz+SOFT+WONK) + Manrope (UI) ------ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,300..700,0..100,0..1;1,9..144,300..700,0..100,0..1&family=Manrope:wght@300..800&family=Mukta:wght@300;400;500;600;700&display=swap');

/* ---- Premium palette overrides ----------------------------------------- */
:root{
  --ivory:#F6F0E4;
  --ivory-soft:#FAF6ED;
  --ivory-deep:#EEE6D4;
  --forest:#0D3A27;
  --forest-ink:#072418;
  --forest-soft:#1E5239;
  --brass:#B08A4A;
  --brass-dark:#8A6935;
  --brass-bright:#D4A962;
  --brass-pale:#E8D9B8;
  --ink:#1A1611;
  --ink-soft:#403830;
  --ink-muted:#6F665B;
  --stone:#D8CFC0;
  --stone-dark:#A89E8C;
  --stone-pale:#EDE6D7;

  /* Override existing tokens */
  --primary:var(--forest);
  --primary-dark:var(--forest-ink);
  --primary-pale:var(--stone-pale);
  --accent:var(--brass);
  --accent-soft:var(--brass-pale);
  --bg:var(--ivory);
  --bg-soft:var(--ivory-soft);
  --text:var(--ink);
  --muted:var(--ink-muted);
  --border:var(--stone);
  --radius-lg:4px;
  --radius-md:3px;
  --radius-sm:2px;
  --radius-full:2px;
  --shadow-sm:0 4px 14px -8px rgba(13,58,39,.18);
  --shadow-md:0 12px 30px -18px rgba(13,58,39,.22);
  --shadow-lg:0 24px 60px -28px rgba(13,58,39,.28);
}

/* ---- Global body typography ------------------------------------------- */
html,body{
  background:var(--ivory);
  color:var(--ink);
}
body{
  font-family:'Manrope','Mukta','Noto Sans Devanagari','Mukta',sans-serif;
  font-weight:400;
  letter-spacing:-.003em;
  font-feature-settings:"ss01","ss02","cv01";
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Latin display: Fraunces. Devanagari inherits to Tiro/Yatra naturally. */
h1,h2,h3,h4,h5,
.price-new,.g-price,.stat,
.logo,
.hero-badge,
.section-intro-label{
  font-family:'Fraunces','Tiro Devanagari Hindi','Yatra One',serif;
  font-optical-sizing:auto;
  font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 0;
  letter-spacing:-.02em;
  font-weight:400;
  color:var(--forest-ink);
}
h1{font-variation-settings:"opsz" 144,"SOFT" 30,"WONK" 1;font-weight:350;letter-spacing:-.028em}
h2{font-weight:350}
h3,h4,h5{font-weight:500;letter-spacing:-.015em}

::selection{background:var(--forest);color:var(--ivory)}
::-moz-selection{background:var(--forest);color:var(--ivory)}

/* ---- Header -------------------------------------------------------- */
header{
  background:rgba(246,240,228,.88) !important;
  backdrop-filter:saturate(1.2) blur(14px) !important;
  -webkit-backdrop-filter:saturate(1.2) blur(14px) !important;
  border-bottom:1px solid var(--stone) !important;
  box-shadow:none !important;
}
.logo{
  font-family:'Fraunces',serif !important;
  font-weight:400 !important;
  letter-spacing:.005em !important;
  font-size:1.5rem !important;
  color:var(--forest-ink) !important;
}
.nav-list a{
  font-family:'Manrope',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-size:.72rem !important;
  font-weight:600 !important;
  color:var(--ink-soft) !important;
}
.nav-list a:hover{color:var(--brass-dark) !important}

/* ---- Hero ---------------------------------------------------------- */
.hero{
  background:
    radial-gradient(ellipse 80% 60% at 20% 0%,rgba(176,138,74,.08) 0%,transparent 60%),
    radial-gradient(ellipse 70% 50% at 90% 90%,rgba(13,58,39,.06) 0%,transparent 60%),
    linear-gradient(180deg,var(--ivory-soft) 0%,var(--ivory) 100%) !important;
  padding:90px 0 70px !important;
  position:relative;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(13,58,39,.06) 1px,transparent 0);
  background-size:32px 32px;
  opacity:.5;
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:60%;
  max-width:720px;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--brass) 50%,transparent);
  opacity:.55;
}

.hero-badges-pre{
  gap:10px !important;
  margin-bottom:28px !important;
}
.hero-badge{
  background:transparent !important;
  border:1px solid var(--brass) !important;
  color:var(--brass-dark) !important;
  padding:5px 12px !important;
  border-radius:2px !important;
  font-family:'Manrope',sans-serif !important;
  font-size:.68rem !important;
  font-weight:600 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}
.hero-badge .dot{display:none !important}

.hero h1{
  font-size:clamp(2.2rem,4.8vw,4.2rem) !important;
  line-height:1.02 !important;
  color:var(--forest-ink) !important;
  margin-bottom:22px !important;
}
.hero h1 .hl-accent{
  color:var(--brass-dark) !important;
  font-style:italic !important;
  font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1 !important;
  font-weight:400 !important;
}
.hero h1 .hl{
  color:var(--forest) !important;
  font-weight:400 !important;
}

.hero-sub{
  font-size:1.08rem !important;
  line-height:1.65 !important;
  color:var(--ink-soft) !important;
  font-weight:400 !important;
  max-width:56ch;
  margin-bottom:24px !important;
}
.hero-sub .hl{color:var(--forest);font-weight:600}
.hero-sub .hl-accent{color:var(--brass-dark);font-weight:600}

/* G-snippet — refined Google pill */
.g-snippet{
  background:#fff !important;
  border:1px solid var(--stone) !important;
  font-family:'Manrope',sans-serif !important;
  color:var(--ink-soft) !important;
  padding:8px 14px !important;
  border-radius:2px !important;
  box-shadow:var(--shadow-sm) !important;
}
.g-snippet .g-price{
  font-family:'Fraunces',serif !important;
  color:var(--forest-ink) !important;
  font-weight:500 !important;
}

/* Trust pills */
.trust-pills{gap:8px !important;margin:18px 0 !important}
.trust-pill{
  background:transparent !important;
  border:1px solid var(--stone) !important;
  color:var(--ink-soft) !important;
  font-family:'Manrope',sans-serif !important;
  font-size:.74rem !important;
  font-weight:500 !important;
  letter-spacing:.03em !important;
  padding:6px 12px !important;
  border-radius:2px !important;
}
.trust-pill .star{color:var(--brass) !important}

/* ---- Price block (the premium card) ---------------------------------- */
.price-block{
  background:linear-gradient(180deg,#fff 0%,var(--ivory-soft) 100%) !important;
  border:1px solid var(--stone) !important;
  border-radius:4px !important;
  padding:28px 26px !important;
  box-shadow:var(--shadow-lg),0 1px 0 0 rgba(176,138,74,.25) !important;
  position:relative !important;
  overflow:hidden;
}
.price-block::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:linear-gradient(90deg,var(--brass-dark) 0%,var(--brass-bright) 50%,var(--brass-dark) 100%);
}
.price-block::after{
  content:"";
  position:absolute;
  top:8px;right:-50px;
  width:120px;height:120px;
  background:radial-gradient(circle,rgba(212,169,98,.12) 0%,transparent 70%);
  pointer-events:none;
}

.md-product{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  padding-bottom:18px !important;
  margin-bottom:18px !important;
  border-bottom:1px solid var(--stone) !important;
  border-radius:0 !important;
  gap:14px !important;
}
.md-product img{
  width:70px !important;
  height:70px !important;
  border-radius:2px !important;
  background:var(--ivory-soft) !important;
  border:1px solid var(--stone-pale) !important;
  padding:4px;
}
.md-product h5{
  font-family:'Fraunces','Tiro Devanagari Hindi',serif !important;
  font-weight:500 !important;
  color:var(--forest-ink) !important;
  font-size:1.02rem !important;
  letter-spacing:-.01em !important;
  margin:0 0 4px 0 !important;
}
.md-product .q{
  font-family:'Manrope',sans-serif !important;
  font-size:.72rem !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:var(--ink-muted) !important;
  font-weight:500 !important;
}

.md-product-hero img{
  width:92px !important;
  height:92px !important;
  padding:6px;
}

.price-row{justify-content:center !important;gap:14px !important;margin-bottom:14px !important}
.price-new{
  font-family:'Fraunces',serif !important;
  color:var(--forest-ink) !important;
  font-size:clamp(2.2rem,4vw,2.8rem) !important;
  font-weight:400 !important;
  font-variation-settings:"opsz" 144,"SOFT" 20 !important;
  letter-spacing:-.03em !important;
}
.price-old{
  color:var(--stone-dark) !important;
  text-decoration:line-through !important;
  text-decoration-thickness:1px !important;
  font-family:'Manrope',sans-serif !important;
  font-weight:500 !important;
  font-size:1.15rem !important;
}
.price-badge{
  background:var(--brass) !important;
  color:#fff !important;
  font-family:'Manrope',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-size:.68rem !important;
  font-weight:700 !important;
  padding:5px 10px !important;
  border-radius:2px !important;
  box-shadow:none !important;
  animation:none !important;
}

.payment-pills{gap:8px !important;justify-content:center !important}
.payment-pill{
  background:transparent !important;
  border:1px solid var(--stone) !important;
  color:var(--ink-soft) !important;
  font-family:'Manrope',sans-serif !important;
  font-size:.74rem !important;
  font-weight:500 !important;
  padding:5px 11px !important;
  border-radius:2px !important;
}

/* ---- CTA buttons ------------------------------------------------------ */
.btn-cta,.btn-primary,button[type="submit"],.form-submit,.final-form button{
  background:var(--forest) !important;
  background-image:linear-gradient(180deg,var(--forest-soft) 0%,var(--forest) 55%,var(--forest-ink) 100%) !important;
  color:var(--ivory) !important;
  font-family:'Manrope',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  font-size:.82rem !important;
  border:1px solid var(--forest-ink) !important;
  border-radius:3px !important;
  padding:16px 28px !important;
  box-shadow:
    0 1px 0 0 rgba(255,255,255,.12) inset,
    0 -1px 0 0 rgba(0,0,0,.2) inset,
    0 14px 40px -18px rgba(13,58,39,.6) !important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,filter .2s !important;
  position:relative;
  overflow:hidden;
}
.btn-cta::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(212,169,98,.28) 50%,transparent 70%);
  transform:translateX(-100%);
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.btn-cta:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.05);
  box-shadow:
    0 1px 0 0 rgba(255,255,255,.18) inset,
    0 -1px 0 0 rgba(0,0,0,.2) inset,
    0 18px 44px -18px rgba(13,58,39,.7) !important;
}
.btn-cta:hover::after{transform:translateX(100%)}

.cta-row{margin-top:18px !important}

/* ---- Urgency bar — refined, not shouty ------------------------------- */
.urgency-bar{
  background:var(--forest-ink) !important;
  background-image:
    repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 10px,transparent 10px 22px),
    linear-gradient(180deg,var(--forest) 0%,var(--forest-ink) 100%) !important;
  color:var(--ivory-soft) !important;
  font-family:'Manrope',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.14em !important;
  font-size:.72rem !important;
  font-weight:600 !important;
  padding:12px 16px !important;
  border-radius:2px !important;
  border:1px solid var(--forest-ink) !important;
  margin-top:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* ---- Hero visual (desktop only) -------------------------------------- */
.hero-visual{
  min-height:520px !important;
  position:relative;
}
.hero-visual::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:88%;height:88%;
  background:radial-gradient(ellipse at center,rgba(176,138,74,.22) 0%,rgba(176,138,74,.08) 40%,transparent 70%);
  filter:blur(30px);
  pointer-events:none;
  z-index:0;
}
.hero-visual::after{
  content:"";
  position:absolute;
  right:-20px;top:-20px;
  width:140px;height:140px;
  border:1px solid var(--brass);
  border-radius:50%;
  opacity:.35;
  pointer-events:none;
}
.hero-img{
  position:relative;z-index:1;
  filter:drop-shadow(0 40px 50px rgba(13,58,39,.28)) drop-shadow(0 20px 20px rgba(176,138,74,.12));
}
.hb-oficial,.hb-rating,.hb-delivery{
  background:#fff !important;
  border:1px solid var(--stone) !important;
  color:var(--forest-ink) !important;
  font-family:'Manrope',sans-serif !important;
  font-size:.72rem !important;
  font-weight:600 !important;
  letter-spacing:.05em !important;
  padding:7px 11px !important;
  border-radius:2px !important;
  box-shadow:var(--shadow-sm) !important;
}
.hb-rating .s{color:var(--brass) !important}

/* Hide duplicate hero bottle on mobile (image now lives inside price card) */
@media(max-width:1024px){
  .hero-visual{display:none !important}
  .hero-grid{grid-template-columns:1fr !important}
  .hero{padding:60px 0 48px !important}
}

/* ---- Trust section (stats) ------------------------------------------- */
.trust-section{
  background:var(--ivory-soft) !important;
  border-top:1px solid var(--stone) !important;
  border-bottom:1px solid var(--stone) !important;
  padding:60px 0 !important;
}
.trust-item{position:relative}
.trust-item:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;top:20%;bottom:20%;
  width:1px;
  background:var(--stone);
}
.trust-item .stat{
  font-family:'Fraunces',serif !important;
  font-weight:300 !important;
  color:var(--forest-ink) !important;
  font-size:clamp(2rem,4vw,3rem) !important;
  font-variation-settings:"opsz" 144,"SOFT" 30 !important;
  letter-spacing:-.025em !important;
  display:block;
  margin-bottom:8px;
}
.trust-item .lbl{
  text-transform:uppercase !important;
  letter-spacing:.18em !important;
  font-size:.68rem !important;
  color:var(--ink-muted) !important;
  font-weight:600 !important;
  font-family:'Manrope',sans-serif !important;
}
@media(max-width:768px){
  .trust-item:not(:last-child)::after{display:none}
}

/* ---- Section headings (editorial-style with rule) -------------------- */
section h2{
  font-family:'Fraunces','Tiro Devanagari Hindi',serif !important;
  font-weight:300 !important;
  font-size:clamp(1.9rem,3.6vw,3rem) !important;
  text-align:center !important;
  color:var(--forest-ink) !important;
  letter-spacing:-.025em !important;
  line-height:1.1 !important;
  margin-bottom:14px !important;
  position:relative !important;
  padding-top:14px !important;
}
section h2::before{
  content:"";
  display:block;
  width:44px;height:1px;
  background:var(--brass);
  margin:0 auto 22px !important;
}

.section-intro{
  text-align:center;
  max-width:60ch;
  margin:0 auto 40px !important;
  color:var(--ink-soft) !important;
  font-family:'Manrope','Mukta',sans-serif !important;
  font-size:1rem !important;
  line-height:1.65 !important;
}

section{padding:80px 0 !important}

/* ---- Info grid / cards ----------------------------------------------- */
.info-item,.benefit,.benefit-item,.feature-item,
.mid-cta-card,.testimonial,.review-item,
.ingredient,.ingredient-item,
.pharmacy-card,.store-card{
  background:#fff !important;
  border:1px solid var(--stone) !important;
  border-radius:4px !important;
  box-shadow:var(--shadow-sm) !important;
  padding:26px !important;
  transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease !important;
  position:relative;
}
.info-item:hover,.benefit:hover,.benefit-item:hover,
.pharmacy-card:hover,.store-card:hover{
  box-shadow:var(--shadow-md) !important;
  border-color:var(--brass) !important;
  transform:translateY(-2px) !important;
}
.info-item .ico,.benefit-item .ico,.feature-item .ico{
  font-size:1.6rem;
  display:inline-block;
  margin-bottom:10px;
  filter:sepia(.1);
}
.info-item h4,.benefit-item h4{
  font-family:'Fraunces','Tiro Devanagari Hindi',serif !important;
  font-weight:500 !important;
  font-size:1.1rem !important;
  color:var(--forest-ink) !important;
  margin:8px 0 !important;
}
.info-item p,.benefit-item p{
  color:var(--ink-muted) !important;
  font-size:.92rem !important;
  line-height:1.6 !important;
}

.info-snippet{
  background:var(--ivory-soft) !important;
  border:1px solid var(--stone) !important;
  border-left:3px solid var(--brass) !important;
  padding:22px 26px !important;
  margin:24px 0 !important;
  border-radius:2px !important;
  line-height:1.7 !important;
  color:var(--ink-soft) !important;
  font-family:'Manrope','Mukta',sans-serif !important;
}
.info-snippet .hl{color:var(--forest) !important;font-weight:600 !important}
.info-snippet .hl-accent{color:var(--brass-dark) !important;font-weight:600 !important}

/* ---- Mid-CTA card ----------------------------------------------------- */
.mid-cta-card{
  background:linear-gradient(180deg,#fff 0%,var(--ivory-soft) 100%) !important;
  border:1px solid var(--stone) !important;
  border-top:2px solid var(--brass) !important;
  border-radius:4px !important;
  box-shadow:var(--shadow-md) !important;
  padding:32px !important;
}

/* ---- Forms ------------------------------------------------------------ */
input,select,textarea,
.form-field,.form input,.form select{
  background:#fff !important;
  border:1px solid var(--stone) !important;
  border-radius:3px !important;
  padding:13px 14px !important;
  font-family:'Manrope','Mukta',sans-serif !important;
  font-size:.95rem !important;
  color:var(--ink) !important;
  transition:border-color .2s,box-shadow .2s !important;
}
input:focus,select:focus,textarea:focus{
  outline:none !important;
  border-color:var(--brass) !important;
  box-shadow:0 0 0 3px rgba(176,138,74,.18) !important;
}

label{
  font-family:'Manrope',sans-serif !important;
  font-size:.75rem !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  color:var(--ink-soft) !important;
  font-weight:600 !important;
}

/* ---- Modal / popup ---------------------------------------------------- */
.modal,.modal-content,#order-modal .modal-body{
  background:var(--ivory) !important;
  border:1px solid var(--stone) !important;
  border-radius:4px !important;
  box-shadow:var(--shadow-lg) !important;
}
.modal-header,.modal h3,.modal h2{
  font-family:'Fraunces','Tiro Devanagari Hindi',serif !important;
  color:var(--forest-ink) !important;
  font-weight:400 !important;
}

/* ---- Restricted states block ----------------------------------------- */
.restricted-section{
  background:var(--ivory-deep) !important;
  border-top:1px solid var(--stone) !important;
  border-bottom:1px solid var(--stone) !important;
}
.restricted-box{
  background:#fff !important;
  border:1px solid var(--brass) !important;
  border-left:3px solid var(--brass) !important;
  border-radius:3px !important;
  box-shadow:var(--shadow-sm) !important;
}
.restricted-head h3{
  font-family:'Fraunces','Tiro Devanagari Hindi',serif !important;
  color:var(--forest-ink) !important;
  font-weight:500 !important;
}
.restricted-head .icon{
  background:var(--brass-pale) !important;
  border:1px solid var(--brass) !important;
}
.restricted-chip{
  background:var(--ivory-soft) !important;
  border:1px solid var(--stone) !important;
  color:var(--ink-soft) !important;
  font-family:'Manrope','Mukta',sans-serif !important;
  font-size:.78rem !important;
  font-weight:500 !important;
  border-radius:2px !important;
}
.restricted-chip::before{color:var(--brass-dark) !important}
.restricted-note{
  background:var(--ivory-soft) !important;
  border:1px solid var(--stone) !important;
  border-left:3px solid var(--forest) !important;
  border-radius:2px !important;
  color:var(--forest-ink) !important;
}

/* ---- Footer ----------------------------------------------------------- */
footer{
  background:var(--forest-ink) !important;
  color:var(--ivory-soft) !important;
  border-top:1px solid var(--forest-ink) !important;
}
footer a{color:var(--brass-bright) !important;text-decoration:none}
footer a:hover{color:var(--ivory) !important;text-decoration:underline}
footer h4{
  font-family:'Fraunces',serif !important;
  color:var(--ivory) !important;
  font-weight:400 !important;
  text-transform:none !important;
  letter-spacing:.01em !important;
}

/* ---- Discount flash — keep pulsing, no tilt ------------------------- */
a.discount-flash,.discount-flash{
  font-family:'Manrope',sans-serif !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:800 !important;
  font-size:.85rem !important;
  border-radius:2px !important;
  padding:12px 18px !important;
  transform:none !important;
  box-shadow:
    0 1px 0 0 rgba(255,255,255,.2) inset,
    0 12px 32px -10px rgba(220,38,38,.6) !important;
}
@keyframes discountPulse{
  0%{transform:none;box-shadow:0 4px 14px rgba(220,38,38,.55),inset 0 1px 0 rgba(255,255,255,.25);filter:brightness(1) saturate(1)}
  50%{transform:scale(1.08);box-shadow:0 8px 28px rgba(220,38,38,1),0 0 44px rgba(255,80,80,.8),0 0 70px rgba(255,120,120,.5),inset 0 1px 0 rgba(255,255,255,.45);filter:brightness(1.35) saturate(1.4)}
  100%{transform:scale(.96);box-shadow:0 3px 10px rgba(220,38,38,.4),inset 0 1px 0 rgba(255,255,255,.2);filter:brightness(.92) saturate(.9)}
}

/* ---- Links ------------------------------------------------------------ */
a{color:var(--forest);transition:color .2s}
a:hover{color:var(--brass-dark)}
.hl{color:var(--forest) !important;font-weight:600}
.hl-accent{color:var(--brass-dark) !important;font-weight:600}

/* ---- Section dividers (gold hairline with ornament) ------------------- */
section:not(.hero):not(:first-child)::before{
  content:"";
  display:none;
}

/* ---- Sticky CTA (mobile bottom) refined ------------------------------- */
.sticky-cta,.mobile-sticky-cta{
  background:rgba(246,240,228,.96) !important;
  backdrop-filter:saturate(1.3) blur(14px) !important;
  -webkit-backdrop-filter:saturate(1.3) blur(14px) !important;
  border-top:1px solid var(--stone) !important;
  box-shadow:0 -8px 24px -8px rgba(13,58,39,.15) !important;
}

/* ---- Scrollbar (premium touch) --------------------------------------- */
html{scrollbar-color:var(--brass) var(--ivory-soft)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--ivory-soft)}
::-webkit-scrollbar-thumb{background:var(--brass);border-radius:0;border:2px solid var(--ivory-soft)}
::-webkit-scrollbar-thumb:hover{background:var(--brass-dark)}

/* ---- Numbered section labels (optional enhancement) ------------------ */
.section-num{
  display:inline-block;
  font-family:'Manrope',sans-serif;
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--brass-dark);
  font-weight:600;
  margin-bottom:10px;
}

/* ---- Mobile refinements ---------------------------------------------- */
@media(max-width:768px){
  section{padding:56px 0 !important}
  .hero{padding:56px 0 40px !important}
  .price-block{padding:22px 18px !important}
  .md-product-hero img{width:72px !important;height:72px !important}
  .info-item,.benefit-item,.mid-cta-card{padding:22px !important}
  .trust-section{padding:42px 0 !important}
}

/* ---- Reduced motion -------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .discount-flash{animation:none !important}
  .btn-cta::after{display:none !important}
}