/* ==========================================================================
   PREMIUM V3 — "Graphite Wellness" (Apple-keynote premium)
   Brand: Big Hunter IN · Ayurvedic men's wellness
   Reworked palette: warm near-white surface · deep bottle-emerald accent ·
                     antique-amber highlights · obsidian ink
   Typography: Inter variable (200→900) · Fraunces italic for brand words only
   Leaves .av-* (popup/modal dark theme) untouched per user request.
   ========================================================================== */

/* ---- Inter variable ---------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&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=Mukta:wght@200;300;400;500;600;700&display=swap');

/* ---- Tokens ----------------------------------------------------------- */
:root{
  --bg:#F7F5F0;
  --bg-2:#EFEBE1;
  --surface:#FFFFFF;
  --ink:#0A0A0A;
  --ink-2:#2E2E2E;
  --muted:#70706A;
  --muted-2:#9E9A91;
  --line:#DCD8CE;
  --line-2:#B8B2A4;

  --accent:#0A4F3C;
  --accent-hover:#063529;
  --accent-soft:#E8F1ED;
  --accent-ink:#042A1F;

  --gold:#A17339;
  --gold-dark:#7A5626;
  --gold-soft:#F5ECDD;

  --danger:#B3261E;
  --danger-soft:#FCEBE8;
  --success:#0A7C4A;

  /* Override legacy tokens so cascaded rules reflect new palette */
  --primary:var(--accent);
  --primary-dark:var(--accent-hover);
  --primary-pale:var(--accent-soft);
  --forest:var(--accent);
  --forest-ink:var(--accent-hover);
  --forest-soft:var(--accent);
  --brass:var(--gold);
  --brass-dark:var(--gold-dark);
  --brass-bright:var(--gold);
  --brass-pale:var(--gold-soft);
  --ivory:var(--bg);
  --ivory-soft:var(--bg);
  --ivory-deep:var(--bg-2);
  --stone:var(--line);
  --stone-dark:var(--line-2);
  --stone-pale:var(--line);
  --ink-soft:var(--ink-2);
  --ink-muted:var(--muted);

  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:20px;
  --radius-full:999px;

  --shadow-hairline:0 0 0 1px var(--line);
  --shadow-soft:0 1px 2px rgba(10,10,10,.04),0 12px 40px -20px rgba(10,10,10,.08);
  --shadow-lift:0 2px 6px rgba(10,10,10,.06),0 24px 60px -24px rgba(10,10,10,.14);
  --shadow-deep:0 8px 20px -10px rgba(10,79,60,.22),0 40px 80px -40px rgba(10,10,10,.28);
}

/* ---- Global typography ------------------------------------------------ */
html,body{background:var(--bg) !important;color:var(--ink) !important}
body{
  font-family:'Inter','Mukta','Noto Sans Devanagari',-apple-system,BlinkMacSystemFont,sans-serif !important;
  font-weight:400 !important;
  letter-spacing:-.005em !important;
  font-feature-settings:"cv11","ss01","ss03","cv03" !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}

/* Override Fraunces default on all headings — switch to Inter Light for Apple keynote */
h1,h2,h3,h4,h5,h6,
section h2,
.trust-item .stat,
.price-new,.g-price,
.logo,
.hero-badge{
  font-family:'Inter','Tiro Devanagari Hindi','Mukta',sans-serif !important;
  font-variation-settings:normal !important;
  color:var(--ink) !important;
  letter-spacing:-.025em !important;
}
h1{font-weight:250 !important;letter-spacing:-.045em !important;line-height:1.02 !important}
h2{font-weight:300 !important;letter-spacing:-.035em !important;line-height:1.08 !important}
h3{font-weight:400 !important;letter-spacing:-.025em !important;line-height:1.15 !important}
h4,h5{font-weight:500 !important;letter-spacing:-.015em !important}

/* Fraunces italic only for .hl-accent brand emphasis */
h1 .hl-accent,.hero h1 .hl-accent{
  font-family:'Fraunces',serif !important;
  font-style:italic !important;
  font-weight:400 !important;
  font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1 !important;
  color:var(--ink) !important;
  letter-spacing:-.03em !important;
}
h1 .hl,.hero h1 .hl{
  color:var(--ink) !important;
  font-weight:250 !important;
  font-style:normal !important;
}

::selection{background:var(--ink) !important;color:var(--bg) !important}
::-moz-selection{background:var(--ink) !important;color:var(--bg) !important}

a{color:var(--ink) !important;transition:opacity .18s}
a:hover{opacity:.68 !important;color:var(--ink) !important}
.hl{color:var(--ink) !important;font-weight:500 !important}
.hl-accent{color:var(--ink) !important;font-weight:500 !important}

/* ---- Header ----------------------------------------------------------- */
header{
  background:rgba(247,245,240,.78) !important;
  backdrop-filter:saturate(1.8) blur(20px) !important;
  -webkit-backdrop-filter:saturate(1.8) blur(20px) !important;
  border-bottom:1px solid var(--line) !important;
  box-shadow:none !important;
}
.logo{
  font-family:'Inter',sans-serif !important;
  font-weight:600 !important;
  font-size:1.15rem !important;
  letter-spacing:-.02em !important;
  color:var(--ink) !important;
}
.nav-list a{
  font-family:'Inter',sans-serif !important;
  text-transform:none !important;
  letter-spacing:-.01em !important;
  font-size:.88rem !important;
  font-weight:500 !important;
  color:var(--ink-2) !important;
}
.nav-list a:hover{color:var(--ink) !important;opacity:1 !important}

/* ---- Hero ------------------------------------------------------------- */
.hero{
  background:var(--bg) !important;
  padding:110px 0 84px !important;
  position:relative !important;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.hero::before,.hero::after{display:none !important}

.hero-badges-pre{
  gap:8px !important;
  margin-bottom:32px !important;
}
.hero-badge{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-2) !important;
  padding:5px 11px !important;
  border-radius:999px !important;
  font-family:'Inter',sans-serif !important;
  font-size:.72rem !important;
  font-weight:500 !important;
  letter-spacing:-.005em !important;
  text-transform:none !important;
}
.hero-badge .dot{
  display:inline-block !important;
  width:6px;height:6px;border-radius:50%;
  background:var(--accent) !important;
  margin-right:6px;
}

.hero h1{
  font-size:clamp(2.4rem,5.2vw,4.6rem) !important;
  line-height:1.0 !important;
  color:var(--ink) !important;
  margin-bottom:26px !important;
  max-width:22ch;
}

.hero-sub{
  font-size:1.14rem !important;
  line-height:1.55 !important;
  color:var(--muted) !important;
  font-weight:400 !important;
  max-width:54ch;
  margin-bottom:28px !important;
  letter-spacing:-.005em !important;
}
.hero-sub .hl,.hero-sub .hl-accent,.hero-sub strong{
  color:var(--ink) !important;
  font-weight:500 !important;
}

/* G-snippet */
.g-snippet{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
  font-family:'Inter',sans-serif !important;
  color:var(--ink-2) !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  font-size:.82rem !important;
}
.g-snippet .g-price{
  font-family:'Inter',sans-serif !important;
  color:var(--ink) !important;
  font-weight:600 !important;
  letter-spacing:-.01em !important;
}
.g-snippet .g-stars{color:var(--gold) !important}

/* Trust pills */
.trust-pills{gap:6px !important;margin:22px 0 !important}
.trust-pill{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-2) !important;
  font-family:'Inter',sans-serif !important;
  font-size:.78rem !important;
  font-weight:500 !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  letter-spacing:-.005em !important;
}
.trust-pill .star{color:var(--gold) !important}

/* ---- Price block (hero offer card) ------------------------------------ */
.price-block{
  background:var(--surface) !important;
  background-image:none !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  padding:32px !important;
  box-shadow:var(--shadow-lift) !important;
  position:relative !important;
  overflow:visible !important;
}
.price-block::before,.price-block::after{display:none !important}

.md-product{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  padding-bottom:24px !important;
  margin-bottom:24px !important;
  border-bottom:1px solid var(--line) !important;
  border-radius:0 !important;
  gap:16px !important;
  display:flex !important;
  align-items:center !important;
}
.md-product img,
.md-product-hero img{
  width:96px !important;
  height:96px !important;
  border-radius:12px !important;
  background:var(--bg-2) !important;
  border:1px solid var(--line) !important;
  padding:4px !important;
  object-fit:contain !important;
}
.md-product h5{
  font-family:'Inter',sans-serif !important;
  font-weight:600 !important;
  color:var(--ink) !important;
  font-size:1.05rem !important;
  letter-spacing:-.015em !important;
  margin:0 0 4px 0 !important;
}
.md-product .q{
  font-family:'Inter',sans-serif !important;
  font-size:.82rem !important;
  letter-spacing:-.005em !important;
  text-transform:none !important;
  color:var(--muted) !important;
  font-weight:400 !important;
}

.price-row{
  justify-content:flex-start !important;
  align-items:baseline !important;
  gap:14px !important;
  margin-bottom:16px !important;
  flex-wrap:wrap;
}
.price-new{
  font-family:'Inter',sans-serif !important;
  font-variation-settings:normal !important;
  font-style:normal !important;
  color:var(--ink) !important;
  font-size:clamp(2.4rem,4.6vw,3.2rem) !important;
  font-weight:300 !important;
  letter-spacing:-.045em !important;
  line-height:1 !important;
  font-feature-settings:"tnum","cv11" !important;
}
.price-old{
  color:var(--muted) !important;
  text-decoration:line-through !important;
  text-decoration-thickness:1px !important;
  font-family:'Inter',sans-serif !important;
  font-weight:400 !important;
  font-size:1.1rem !important;
  letter-spacing:-.01em !important;
}
.price-badge{
  background:var(--ink) !important;
  background-image:none !important;
  color:var(--bg) !important;
  font-family:'Inter',sans-serif !important;
  text-transform:none !important;
  letter-spacing:-.005em !important;
  font-size:.8rem !important;
  font-weight:600 !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  box-shadow:none !important;
  animation:none !important;
}

.payment-pills{gap:6px !important;justify-content:flex-start !important;margin-top:6px}
.payment-pill{
  background:var(--bg) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-2) !important;
  font-family:'Inter',sans-serif !important;
  font-size:.78rem !important;
  font-weight:500 !important;
  padding:5px 11px !important;
  border-radius:999px !important;
  letter-spacing:-.005em !important;
}

/* ---- Buttons (Apple-premium) ------------------------------------------ */
.btn,.btn-cta,.btn-primary,
button[type="submit"]:not(.av-modal button),
.form-submit{
  background:var(--ink) !important;
  background-image:linear-gradient(180deg,#1F1F1F 0%,var(--ink) 100%) !important;
  color:var(--bg) !important;
  font-family:'Inter',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
  font-size:.98rem !important;
  border:1px solid var(--ink) !important;
  border-radius:999px !important;
  padding:15px 30px !important;
  box-shadow:
    0 1px 0 0 rgba(255,255,255,.08) inset,
    0 -1px 0 0 rgba(0,0,0,.25) inset,
    0 10px 26px -14px rgba(10,10,10,.45) !important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,filter .2s !important;
  position:relative;
  overflow:hidden;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}
.btn::after,.btn-cta::after{display:none !important}
.btn:hover,.btn-cta:hover,
button[type="submit"]:not(.av-modal button):hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.08) !important;
  box-shadow:
    0 1px 0 0 rgba(255,255,255,.12) inset,
    0 -1px 0 0 rgba(0,0,0,.25) inset,
    0 14px 32px -14px rgba(10,10,10,.6) !important;
}

/* Primary accent button variant — use for hero CTA to pop */
.hero .btn-cta,
.mid-cta-card .btn{
  background:var(--accent) !important;
  background-image:linear-gradient(180deg,#0F5D47 0%,var(--accent) 100%) !important;
  color:#fff !important;
  border:1px solid var(--accent-ink) !important;
  animation:none !important;
  letter-spacing:-.005em !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 36px -14px rgba(10,79,60,.55) !important;
}
.hero .btn-cta:hover,
.mid-cta-card .btn:hover{
  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 -14px rgba(10,79,60,.7) !important;
}

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

/* ---- Urgency bar (refined, minimal) ----------------------------------- */
.hero .urgency-bar,
.mid-cta-card .urgency-bar,
.urgency-bar{
  background:var(--bg-2) !important;
  background-image:none !important;
  color:var(--ink) !important;
  font-family:'Inter',sans-serif !important;
  text-transform:none !important;
  letter-spacing:-.005em !important;
  font-size:.88rem !important;
  font-weight:500 !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  border:1px solid var(--line) !important;
  margin-top:18px !important;
  box-shadow:none !important;
  animation:none !important;
  text-align:center;
}
.urgency-bar::before{
  content:"";
  display:inline-block;
  width:6px;height:6px;border-radius:50%;
  background:var(--danger);
  margin-right:8px;
  animation:urgDot 1.2s ease-in-out infinite alternate;
  vertical-align:middle;
}
@keyframes urgDot{
  0%{opacity:.5;box-shadow:0 0 0 0 rgba(179,38,30,.4)}
  100%{opacity:1;box-shadow:0 0 0 6px rgba(179,38,30,0)}
}

/* ---- Hero visual ------------------------------------------------------ */
.hero-visual::before,.hero-visual::after{display:none !important}
.hero-img{
  filter:drop-shadow(0 30px 50px rgba(10,10,10,.2)) drop-shadow(0 10px 20px rgba(10,10,10,.08)) !important;
}
.hb-oficial,.hb-rating,.hb-delivery{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  color:var(--ink) !important;
  font-family:'Inter',sans-serif !important;
  font-size:.76rem !important;
  font-weight:600 !important;
  letter-spacing:-.01em !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  box-shadow:var(--shadow-soft) !important;
  text-transform:none !important;
}
.hb-rating .s{color:var(--gold) !important}

@media(max-width:1024px){
  .hero-visual{display:none !important}
  .hero-grid{grid-template-columns:1fr !important}
  .hero{padding:72px 0 56px !important}
}

/* ---- Trust section ---------------------------------------------------- */
.trust-section{
  background:var(--surface) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  padding:72px 0 !important;
}
.trust-item:not(:last-child)::after{
  background:var(--line) !important;
}
.trust-item .stat{
  font-family:'Inter',sans-serif !important;
  font-variation-settings:normal !important;
  font-weight:250 !important;
  color:var(--ink) !important;
  font-size:clamp(2.2rem,4.2vw,3.4rem) !important;
  letter-spacing:-.045em !important;
  line-height:1 !important;
  display:block;
  margin-bottom:10px;
  font-feature-settings:"tnum" !important;
}
.trust-item .lbl{
  text-transform:none !important;
  letter-spacing:-.005em !important;
  font-size:.84rem !important;
  color:var(--muted) !important;
  font-weight:400 !important;
  font-family:'Inter',sans-serif !important;
}

/* ---- Sections --------------------------------------------------------- */
section{padding:104px 0 !important;background:var(--bg) !important}
section[style*="bg-soft"]{background:var(--surface) !important}

section h2{
  font-family:'Inter','Tiro Devanagari Hindi',sans-serif !important;
  font-variation-settings:normal !important;
  font-weight:300 !important;
  font-size:clamp(2.1rem,4vw,3.4rem) !important;
  text-align:center !important;
  color:var(--ink) !important;
  letter-spacing:-.04em !important;
  line-height:1.04 !important;
  margin:0 auto 16px !important;
  padding-top:0 !important;
  max-width:22ch;
}
section h2::before{display:none !important}

.section-intro,
.section-intro-label{
  text-align:center !important;
  max-width:58ch !important;
  margin:0 auto 56px !important;
  color:var(--muted) !important;
  font-family:'Inter','Mukta',sans-serif !important;
  font-size:1.05rem !important;
  line-height:1.55 !important;
  letter-spacing:-.005em !important;
  font-weight:400 !important;
}

/* ---- Info / benefit / feature cards ---------------------------------- */
.info-item,.benefit,.benefit-item,.feature-item,
.mid-cta-card,.testimonial,.review-item,
.ingredient,.ingredient-item,
.pharmacy-card,.store-card{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow-soft) !important;
  padding:28px !important;
  transition:box-shadow .3s,transform .3s,border-color .3s !important;
  position:relative;
}
.info-item:hover,.benefit:hover,.benefit-item:hover,
.pharmacy-card:hover,.store-card:hover{
  box-shadow:var(--shadow-lift) !important;
  border-color:var(--line-2) !important;
  transform:translateY(-3px) !important;
}
.info-item .ico,.benefit-item .ico,.feature-item .ico{
  display:inline-flex;
  width:44px;height:44px;
  align-items:center;justify-content:center;
  background:var(--accent-soft);
  border-radius:12px;
  font-size:1.3rem;
  margin-bottom:14px;
  filter:none !important;
}
.info-item h4,.benefit-item h4,.feature-item h4{
  font-family:'Inter','Tiro Devanagari Hindi',sans-serif !important;
  font-weight:600 !important;
  font-size:1.1rem !important;
  color:var(--ink) !important;
  margin:0 0 8px !important;
  letter-spacing:-.02em !important;
}
.info-item p,.benefit-item p,.feature-item p{
  color:var(--muted) !important;
  font-size:.94rem !important;
  line-height:1.55 !important;
  letter-spacing:-.003em !important;
}

.info-snippet{
  background:var(--bg-2) !important;
  border:1px solid var(--line) !important;
  border-left:none !important;
  padding:24px 28px !important;
  margin:28px 0 !important;
  border-radius:var(--radius-lg) !important;
  line-height:1.65 !important;
  color:var(--ink-2) !important;
  font-family:'Inter','Mukta',sans-serif !important;
  font-size:1rem !important;
}
.info-snippet .hl,.info-snippet .hl-accent,
.info-snippet strong{color:var(--ink) !important;font-weight:600 !important}

/* ---- Mid-CTA card ---------------------------------------------------- */
.mid-cta-card{
  background:var(--ink) !important;
  background-image:radial-gradient(ellipse at 0% 0%,rgba(161,115,57,.15) 0%,transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(10,79,60,.25) 0%,transparent 60%),var(--ink) !important;
  border:1px solid var(--ink) !important;
  color:var(--bg) !important;
  border-radius:var(--radius-lg) !important;
  padding:44px 36px !important;
  box-shadow:var(--shadow-deep) !important;
}
.mid-cta-card h2,.mid-cta-card h3,.mid-cta-card p{color:var(--bg) !important}
.mid-cta-card .md-product{border-color:rgba(255,255,255,.12) !important}
.mid-cta-card .md-product h5{color:var(--bg) !important}
.mid-cta-card .md-product .q{color:rgba(247,245,240,.6) !important}
.mid-cta-card .price-new{color:var(--bg) !important}
.mid-cta-card .price-old{color:rgba(247,245,240,.45) !important}
.mid-cta-card .price-badge{background:var(--gold) !important;color:var(--ink) !important}
.mid-cta-card .urgency-bar{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:var(--bg) !important;
}
.mid-cta-card .payment-pill{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:rgba(247,245,240,.85) !important;
}
.mid-cta-card .md-product img{background:rgba(255,255,255,.04) !important;border-color:rgba(255,255,255,.1) !important}

/* ---- Forms ------------------------------------------------------------ */
input:not(.av-modal input),
select:not(.av-modal select),
textarea:not(.av-modal textarea),
.form-field{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  font-family:'Inter','Mukta',sans-serif !important;
  font-size:.98rem !important;
  color:var(--ink) !important;
  transition:border-color .2s,box-shadow .2s !important;
  letter-spacing:-.005em !important;
}
input:focus:not(.av-modal input),
select:focus:not(.av-modal select),
textarea:focus:not(.av-modal textarea){
  outline:none !important;
  border-color:var(--ink) !important;
  box-shadow:0 0 0 3px rgba(10,10,10,.08) !important;
}
label{
  font-family:'Inter',sans-serif !important;
  font-size:.82rem !important;
  letter-spacing:-.005em !important;
  text-transform:none !important;
  color:var(--ink-2) !important;
  font-weight:500 !important;
}

/* ---- Restricted-states block ----------------------------------------- */
.restricted-section{
  background:var(--bg-2) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  padding:72px 0 !important;
}
.restricted-box{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-left:none !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow-soft) !important;
  padding:32px !important;
}
.restricted-head h3{
  font-family:'Inter','Tiro Devanagari Hindi',sans-serif !important;
  color:var(--ink) !important;
  font-weight:500 !important;
  letter-spacing:-.02em !important;
}
.restricted-head .icon{
  background:var(--danger-soft) !important;
  border:1px solid var(--danger) !important;
  color:var(--danger) !important;
}
.restricted-lead{
  color:var(--muted) !important;
  font-family:'Inter','Mukta',sans-serif !important;
}
.restricted-lead strong{color:var(--ink) !important}
.restricted-chip{
  background:var(--bg) !important;
  border:1px solid var(--line) !important;
  color:var(--ink-2) !important;
  font-family:'Inter','Mukta',sans-serif !important;
  font-size:.82rem !important;
  font-weight:500 !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  letter-spacing:-.005em !important;
}
.restricted-chip::before{color:var(--danger) !important}
.restricted-note{
  background:var(--accent-soft) !important;
  border:1px solid var(--accent) !important;
  border-left:none !important;
  border-radius:12px !important;
  color:var(--accent-ink) !important;
  font-family:'Inter','Mukta',sans-serif !important;
}
.restricted-note strong{color:var(--accent) !important}

/* ---- Footer ---------------------------------------------------------- */
footer{
  background:var(--ink) !important;
  color:var(--muted-2) !important;
  border-top:none !important;
  padding:72px 0 48px !important;
}
footer a{color:var(--bg) !important;text-decoration:none !important;opacity:.7}
footer a:hover{opacity:1 !important;text-decoration:none !important}
footer h4{
  font-family:'Inter',sans-serif !important;
  color:var(--bg) !important;
  font-weight:500 !important;
  text-transform:none !important;
  letter-spacing:-.01em !important;
  font-size:1rem !important;
}

/* ---- Sticky mobile CTA ------------------------------------------------ */
.sticky-cta,.mobile-sticky-cta{
  background:rgba(247,245,240,.86) !important;
  backdrop-filter:saturate(1.8) blur(20px) !important;
  -webkit-backdrop-filter:saturate(1.8) blur(20px) !important;
  border-top:1px solid var(--line) !important;
  box-shadow:0 -4px 20px -4px rgba(10,10,10,.08) !important;
}
.sticky-cta img{border-radius:10px !important;border:1px solid var(--line) !important;background:var(--bg-2) !important;padding:3px}
.sticky-cta .info h5{color:var(--ink) !important;font-family:'Inter',sans-serif !important;font-weight:600 !important;letter-spacing:-.015em !important}
.sticky-cta .info .p{color:var(--muted) !important;font-family:'Inter',sans-serif !important}
.sticky-cta .info .p b{color:var(--ink) !important}
.btn-sticky{
  background:var(--ink) !important;
  color:var(--bg) !important;
  border-radius:999px !important;
  font-family:'Inter',sans-serif !important;
  font-weight:600 !important;
  letter-spacing:-.005em !important;
  text-transform:none !important;
  padding:11px 22px !important;
  border:none !important;
}

/* ---- Discount flash — RED, sharp corners (no tilt) ------------------- */
a.discount-flash,.discount-flash{
  background:#DC2626 !important;
  background-image:linear-gradient(180deg,#EF4444 0%,#DC2626 55%,#991B1B 100%) !important;
  color:#fff !important;
  font-family:'Inter',sans-serif !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  font-weight:800 !important;
  font-size:.88rem !important;
  border-radius:0 !important;
  padding:12px 20px !important;
  border:1px solid #7F1D1D !important;
  transform:none !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
  box-shadow:
    0 1px 0 0 rgba(255,255,255,.2) inset,
    0 12px 32px -10px rgba(220,38,38,.6) !important;
}
@media(max-width:768px){
  a.discount-flash,.discount-flash{border-radius:0 !important}
}
@media(max-width:480px){
  a.discount-flash,.discount-flash{border-radius:0 !important}
}
@keyframes discountPulse{
  0%{transform:none;box-shadow:0 10px 26px -10px rgba(10,10,10,.4),0 1px 0 0 rgba(255,255,255,.1) inset}
  50%{transform:scale(1.04);box-shadow:0 16px 40px -10px rgba(10,10,10,.6),0 0 0 6px rgba(10,10,10,.08)}
  100%{transform:scale(.98);box-shadow:0 8px 22px -10px rgba(10,10,10,.3),0 1px 0 0 rgba(255,255,255,.1) inset}
}
@keyframes discountFlash{
  0%,55%{opacity:1}
  60%,85%{opacity:.5}
  100%{opacity:1}
}

/* ---- Scrollbar -------------------------------------------------------- */
html{scrollbar-color:var(--line-2) var(--bg)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--muted)}

/* ---- Mobile ---------------------------------------------------------- */
@media(max-width:768px){
  section{padding:64px 0 !important}
  .hero{padding:64px 0 48px !important}
  .price-block{padding:24px 22px !important}
  .mid-cta-card{padding:32px 24px !important}
  .info-item,.benefit-item,.feature-item{padding:24px !important}
  .trust-section{padding:52px 0 !important}
  .restricted-section{padding:52px 0 !important}
}

/* ---- Reduced motion -------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .discount-flash,.urgency-bar::before{animation:none !important}
}