/* ═══════════════════════════════════════════════
   ProDentim V2 — Warm Botanical / Organic Wellness
   Typography: Playfair Display + Nunito Sans
   Palette: Forest green, cream, terracotta accent
   ═══════════════════════════════════════════════ */

/* ── Reset ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}
*{-webkit-tap-highlight-color:transparent}

/* ── Design Tokens ── */
:root{
  --forest:#1a3c28;
  --forest-light:#24503a;
  --sage:#4a7c5c;
  --sage-light:#6da37f;
  --mint:#d6ede0;
  --cream:#faf6ef;
  --cream-dark:#f0e9dc;
  --warm:#fdf9f3;
  --white:#ffffff;
  --terra:#c05d3e;
  --terra-light:#d97b5e;
  --terra-pale:#fbeee8;
  --gold:#b8942e;
  --gold-light:#dab94e;
  --txt:#3a3a3a;
  --txt-light:#6b6b6b;
  --txt-muted:#999;
  --border:#e3ddd3;
  --border-light:#efe9df;
  --shadow-sm:0 2px 8px rgba(26,60,40,.06);
  --shadow-md:0 6px 24px rgba(26,60,40,.08);
  --shadow-lg:0 12px 40px rgba(26,60,40,.1);
  --font-display:'Playfair Display',Georgia,'Times New Roman',serif;
  --font-body:'Nunito Sans',-apple-system,system-ui,sans-serif;
  --sec-pad:70px 0;
  --ctn-px:20px;
  --ease:cubic-bezier(.16,1,.3,1);
  --bounce:cubic-bezier(.34,1.56,.64,1);
  --radius:14px;
  --radius-lg:20px;
}

body{font-family:var(--font-body);color:var(--txt);line-height:1.72;background:var(--warm);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--sage);text-decoration:none;transition:color .25s}
a:hover{color:var(--terra)}

.container{width:100%;max-width:1180px;margin:0 auto;padding-left:var(--ctn-px);padding-right:var(--ctn-px)}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:16px;border:none;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:transform .22s var(--bounce),box-shadow .25s,background .25s;min-height:48px;padding:14px 30px;line-height:1.2}
.btn:active{transform:scale(.97)}
.btn--primary{background:linear-gradient(135deg,var(--forest),var(--sage));color:var(--white);box-shadow:0 4px 16px rgba(26,60,40,.25)}
.btn--primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px rgba(26,60,40,.3);color:var(--white)}
.btn--accent{background:var(--terra);color:var(--white);box-shadow:0 4px 14px rgba(192,93,62,.2)}
.btn--accent:hover{background:var(--terra-light);color:var(--white);transform:translateY(-2px)}
.btn--xl{font-size:18px;padding:18px 38px;border-radius:16px;min-height:58px}
.btn--nav{font-size:14px;padding:10px 20px;min-height:42px;border-radius:10px}

/* ── Section Titles ── */
.sec-title{font-family:var(--font-display);font-size:25px;font-weight:700;color:var(--forest);text-align:center;margin-bottom:10px;line-height:1.3}
.sec-sub{text-align:center;color:var(--txt-light);font-size:16px;max-width:640px;margin:0 auto 40px;line-height:1.6}

/* ── Reveal Animation ── */
.anim-up{opacity:0;transform:translateY(32px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.anim-up.is-vis{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.anim-up{opacity:1;transform:none;transition:none}}

/* ════════════════════════════════
   NAVIGATION
   ════════════════════════════════ */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(250,246,239,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-light);transition:box-shadow .3s}
.nav--scroll{box-shadow:0 2px 16px rgba(26,60,40,.07)}
.nav__wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.nav__logo{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--forest);text-decoration:none;display:flex;align-items:center;gap:6px}
.nav__logo span:not(.nav__logo-icon){color:var(--terra)}
.nav__logo-icon{font-size:18px}

.nav__toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:10px;z-index:1001}
.nav__toggle span{display:block;width:22px;height:2.5px;background:var(--forest);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.nav__toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav__toggle.open span:nth-child(2){opacity:0}
.nav__toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

.nav__links{position:fixed;top:0;right:0;width:280px;height:100vh;height:100dvh;background:var(--cream);display:flex;flex-direction:column;padding:80px 28px 28px;gap:6px;transform:translateX(100%);transition:transform .4s var(--ease);box-shadow:-4px 0 24px rgba(0,0,0,.08);z-index:999}
.nav__links.open{transform:translateX(0)}
.nav__links a{font-size:16px;font-weight:600;color:var(--txt);padding:12px 0;border-bottom:1px solid var(--border-light);transition:color .2s}
.nav__links a:hover{color:var(--terra)}

/* ════════════════════════════════
   HERO
   ════════════════════════════════ */
.hero{padding:100px 0 60px;background:linear-gradient(170deg,var(--cream) 0%,var(--mint) 50%,var(--warm) 100%);position:relative;overflow:hidden}
.hero__bg-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero__circle{position:absolute;border-radius:50%;opacity:.12}
.hero__circle--1{width:420px;height:420px;background:var(--sage);top:-120px;right:-100px}
.hero__circle--2{width:300px;height:300px;background:var(--terra);bottom:-80px;left:-60px;opacity:.07}
.hero__leaf{position:absolute;font-size:28px;opacity:.3;animation:leafDrift 12s ease-in-out infinite}
.hero__leaf--1{top:18%;left:5%}
.hero__leaf--2{bottom:15%;right:8%;animation-delay:5s;font-size:22px}
@keyframes leafDrift{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-18px) rotate(8deg)}}

.hero__wrap{display:flex;flex-direction:column;gap:36px;position:relative;z-index:2}
.hero__visual{position:relative;display:flex;align-items:center;justify-content:center}
.hero__img-ring{position:absolute;width:260px;height:260px;border:3px dashed var(--sage-light);border-radius:50%;opacity:.25;animation:ringRotate 30s linear infinite}
@keyframes ringRotate{to{transform:rotate(360deg)}}
.hero__img{position:relative;z-index:2;max-width:300px;animation:bottleFloat 7s ease-in-out infinite}
@keyframes bottleFloat{0%,100%{transform:translateY(0)}30%{transform:translateY(-14px) rotate(.8deg)}70%{transform:translateY(6px) rotate(-.5deg)}}

.hero__body{position:relative}
.hero__tag{display:inline-block;background:var(--forest);color:var(--white);font-size:12px;font-weight:700;padding:8px 16px;border-radius:50px;margin-bottom:18px;letter-spacing:.4px}
.hero h1{font-family:var(--font-display);font-size:27px;font-weight:800;color:var(--forest);line-height:1.22;margin-bottom:18px}
.hero__body>p{color:var(--txt-light);font-size:15px;margin-bottom:14px;line-height:1.7}
.hero__perks{list-style:none;margin:22px 0;display:flex;flex-direction:column;gap:10px}
.hero__perks li{font-size:14px;font-weight:600;color:var(--forest);padding:10px 14px;background:rgba(255,255,255,.65);border-radius:10px;border:1px solid var(--border-light);backdrop-filter:blur(4px)}
.hero__btn{width:100%;font-size:17px}
.hero__proof{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:12px;font-weight:700;color:var(--txt-muted)}

/* ════════════════════════════════
   BADGES / WHY CHOOSE
   ════════════════════════════════ */
.badges{padding:var(--sec-pad);background:var(--white)}
.badges__row{display:grid;grid-template-columns:1fr;gap:18px}
.badges__card{text-align:center;padding:28px 20px;background:var(--cream);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:transform .3s var(--bounce),box-shadow .3s}
.badges__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.badges__card img{max-width:80px;margin:0 auto 14px}
.badges__card h3{font-family:var(--font-display);font-size:17px;color:var(--forest);margin-bottom:8px}
.badges__card p{font-size:14px;color:var(--txt-light);line-height:1.6}

/* ════════════════════════════════
   DISCOVER FORMULA
   ════════════════════════════════ */
.discover{padding:var(--sec-pad);background:var(--cream)}
.discover__grid{display:grid;grid-template-columns:1fr;gap:20px}
.discover__card{background:var(--white);border-radius:var(--radius-lg);padding:28px 22px;border:1px solid var(--border-light);position:relative;overflow:hidden;transition:transform .3s var(--bounce),box-shadow .3s}
.discover__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.discover__num{font-family:var(--font-display);font-size:52px;font-weight:800;color:var(--sage);opacity:.1;position:absolute;top:8px;right:16px;line-height:1}
.discover__card h3{font-family:var(--font-display);font-size:17px;color:var(--forest);margin-bottom:10px;padding-right:48px}
.discover__card p{font-size:14px;color:var(--txt-light);line-height:1.72}

/* ════════════════════════════════
   ABOUT / WHAT IS
   ════════════════════════════════ */
.about{padding:var(--sec-pad);background:var(--white)}
.about__flex{display:flex;flex-direction:column-reverse;gap:28px}
.about__visual{text-align:center}
.about__visual img{max-width:300px;margin:0 auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:4px solid var(--cream)}
.about__copy p{font-size:15px;color:var(--txt-light);margin-bottom:15px;line-height:1.75}

/* ════════════════════════════════
   HOW IT WORKS
   ════════════════════════════════ */
.works{padding:var(--sec-pad);background:var(--forest);color:var(--white)}
.works .sec-title{color:var(--white)}
.works .sec-sub{color:var(--mint)}
.works__intro{max-width:780px;margin:0 auto 44px}
.works__intro p{color:rgba(255,255,255,.72);font-size:15px;line-height:1.72;margin-bottom:12px}
.works__timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:32px}
.works__timeline::before{content:'';position:absolute;left:14px;top:0;bottom:0;width:2px;background:rgba(255,255,255,.15)}
.works__step{position:relative;padding-bottom:28px}
.works__step:last-child{padding-bottom:0}
.works__step-marker{position:absolute;left:-32px;top:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--terra),var(--terra-light));color:var(--white);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 3px 10px rgba(192,93,62,.3)}
.works__step-body h3{font-family:var(--font-display);font-size:17px;color:var(--white);margin-bottom:8px}
.works__step-body p{font-size:14px;color:rgba(255,255,255,.65);line-height:1.7}

/* ════════════════════════════════
   REVIEWS
   ════════════════════════════════ */
.reviews{padding:var(--sec-pad);background:var(--cream)}
.reviews__track{display:grid;grid-template-columns:1fr;gap:22px}
.reviews__card{background:var(--white);border-radius:var(--radius-lg);padding:26px 22px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:transform .3s var(--bounce),box-shadow .3s}
.reviews__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.reviews__top{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.reviews__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--sage-light)}
.reviews__top strong{font-size:15px;color:var(--forest);display:block}
.reviews__top span{font-size:12px;color:var(--txt-muted)}
.reviews__stars{font-size:18px;color:var(--gold);margin-bottom:10px;letter-spacing:2px}
.reviews__card>p{font-size:14px;color:var(--txt-light);line-height:1.72;font-style:italic}
.reviews__verified{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--sage)}

/* ════════════════════════════════
   PRICING
   ════════════════════════════════ */
.pricing{padding:var(--sec-pad);background:linear-gradient(170deg,var(--warm) 0%,var(--mint) 100%)}
.pricing__countdown{text-align:center;margin-bottom:36px}
.pricing__countdown-label{font-size:13px;font-weight:700;color:var(--terra);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;display:block}
.pricing__countdown-clock{display:inline-flex;align-items:center;gap:6px;background:var(--white);padding:12px 28px;border-radius:var(--radius);box-shadow:var(--shadow-md);border:2px solid var(--sage)}
.pricing__countdown-unit{text-align:center}
.pricing__countdown-unit span{font-family:var(--font-display);font-size:44px;font-weight:800;color:var(--forest);display:block;line-height:1}
.pricing__countdown-unit small{font-size:10px;font-weight:700;color:var(--txt-muted);text-transform:uppercase;letter-spacing:1px}
.pricing__countdown-sep{font-family:var(--font-display);font-size:36px;font-weight:800;color:var(--sage);animation:blink 1s step-end infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

.pricing__row{display:grid;grid-template-columns:1fr;gap:22px;max-width:940px;margin:0 auto}
.pricing__card{background:var(--white);border-radius:var(--radius-lg);padding:30px 22px;text-align:center;border:2px solid var(--border);transition:transform .3s var(--bounce),box-shadow .3s;position:relative;overflow:hidden}
.pricing__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pricing__card--best{border-color:var(--sage);background:linear-gradient(175deg,rgba(74,124,92,.04),var(--white));box-shadow:var(--shadow-md)}
.pricing__ribbon{position:absolute;top:16px;right:-34px;background:var(--terra);color:var(--white);font-size:10px;font-weight:800;padding:5px 40px;transform:rotate(45deg);letter-spacing:1px;text-transform:uppercase}
.pricing__tier{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--txt-muted);margin-bottom:6px}
.pricing__tier--pop{background:var(--forest);color:var(--white);display:inline-block;padding:5px 16px;border-radius:50px}
.pricing__qty{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--forest);margin-bottom:2px}
.pricing__days{font-size:13px;color:var(--txt-muted);margin-bottom:14px}
.pricing__bottle{max-width:170px;margin:0 auto 14px}
.pricing__amount{font-family:var(--font-display);font-size:42px;font-weight:800;color:var(--forest)}
.pricing__amount small{font-size:16px;font-weight:400;color:var(--txt-muted)}
.pricing__was{font-size:15px;color:var(--txt-light);margin-bottom:14px}
.pricing__was s{color:var(--terra);font-size:13px}
.pricing__badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:14px}
.pricing__badges span{background:var(--mint);color:var(--sage);font-size:11px;font-weight:800;padding:5px 12px;border-radius:50px}
.pricing__buy{width:100%;font-size:17px;margin-bottom:14px}
.pricing__pay-logos{max-width:150px;margin:0 auto;opacity:.55}

/* ════════════════════════════════
   INGREDIENTS
   ════════════════════════════════ */
.ingredients{padding:var(--sec-pad);background:var(--white)}
.ingredients__grid{display:grid;grid-template-columns:1fr;gap:18px}
.ingredients__item{background:var(--cream);border-radius:var(--radius-lg);padding:26px 22px;border:1px solid var(--border-light);transition:transform .3s var(--bounce),box-shadow .3s}
.ingredients__item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.ingredients__emoji{font-size:32px;margin-bottom:10px}
.ingredients__item h3{font-family:var(--font-display);font-size:17px;color:var(--forest);margin-bottom:8px}
.ingredients__item p{font-size:14px;color:var(--txt-light);line-height:1.7}

/* ════════════════════════════════
   GUARANTEE
   ════════════════════════════════ */
.guarantee{padding:var(--sec-pad);background:var(--cream)}
.guarantee__box{display:flex;flex-direction:column;align-items:center;gap:28px}
.guarantee__seal{text-align:center}
.guarantee__seal img{max-width:180px;margin:0 auto}
.guarantee__info{text-align:center}
.guarantee__info>p{font-size:15px;color:var(--txt-light);margin-bottom:22px;line-height:1.7}
.guarantee__pledge{display:flex;flex-direction:column;gap:16px}
.guarantee__item{background:var(--white);border-radius:var(--radius);padding:20px;border:1px solid var(--border-light);text-align:left}
.guarantee__item h3{font-size:15px;color:var(--forest);margin-bottom:6px}
.guarantee__item p{font-size:13px;color:var(--txt-light);line-height:1.7}

/* ════════════════════════════════
   BENEFITS
   ════════════════════════════════ */
.benefits{padding:var(--sec-pad);background:var(--white)}
.benefits__list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.benefits__row{display:flex;gap:16px;align-items:flex-start;background:var(--cream);border-radius:var(--radius);padding:22px 18px;border:1px solid var(--border-light);transition:transform .3s var(--bounce),box-shadow .3s}
.benefits__row:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.benefits__icon{font-size:20px;flex-shrink:0;margin-top:2px}
.benefits__row h3{font-family:var(--font-display);font-size:16px;color:var(--forest);margin-bottom:6px}
.benefits__row p{font-size:14px;color:var(--txt-light);line-height:1.7}

/* ════════════════════════════════
   PROS & CONS
   ════════════════════════════════ */
.procon{padding:var(--sec-pad);background:var(--cream)}
.procon__grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:900px;margin:0 auto}
.procon__col{background:var(--white);border-radius:var(--radius-lg);padding:26px 22px;border:1px solid var(--border-light)}
.procon__col h3{font-family:var(--font-display);font-size:19px;color:var(--forest);margin-bottom:16px}
.procon__col ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.procon__col li{font-size:14px;line-height:1.65;padding-left:26px;position:relative;color:var(--txt-light)}
.procon__col--pro li::before{content:'✅';position:absolute;left:0;top:0;font-size:13px}
.procon__col--con li::before{content:'⚠️';position:absolute;left:0;top:0;font-size:13px}

/* ════════════════════════════════
   WHERE TO BUY
   ════════════════════════════════ */
.wherebuy{padding:var(--sec-pad);background:var(--white)}
.wherebuy__box{max-width:800px;margin:0 auto;background:var(--cream);border-radius:var(--radius-lg);padding:28px 22px;border:1px solid var(--border-light)}
.wherebuy__box p{font-size:15px;color:var(--txt-light);line-height:1.8}
.wherebuy__box a{color:var(--terra);font-weight:700;text-decoration:underline}

/* ════════════════════════════════
   HOW TO ORDER
   ════════════════════════════════ */
.order{padding:var(--sec-pad);background:var(--cream)}
.order__layout{display:flex;flex-direction:column;gap:28px}
.order__step{background:var(--white);border-radius:var(--radius);padding:22px 18px;border:1px solid var(--border-light);margin-bottom:14px}
.order__step-tag{display:inline-block;font-size:11px;font-weight:800;color:var(--terra);background:var(--terra-pale);padding:4px 12px;border-radius:50px;margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}
.order__step h3{font-family:var(--font-display);font-size:16px;color:var(--forest);margin-bottom:8px}
.order__step p{font-size:14px;color:var(--txt-light);line-height:1.7}
.order__note{font-size:14px;color:var(--txt-light);line-height:1.7;margin-bottom:12px}
.order__img{text-align:center}
.order__img img{max-width:280px;margin:0 auto;border-radius:var(--radius);box-shadow:var(--shadow-md)}

/* ════════════════════════════════
   FAQ
   ════════════════════════════════ */
.faq{padding:var(--sec-pad);background:var(--white)}
.faq__wrap{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq__item{background:var(--cream);border-radius:var(--radius);border:1px solid var(--border-light);overflow:hidden;transition:border-color .3s}
.faq__item.open{border-color:var(--sage)}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:18px 22px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--forest);min-height:54px;transition:color .2s}
.faq__q:hover{color:var(--terra)}
.faq__q svg{flex-shrink:0;transition:transform .3s var(--ease);color:var(--sage)}
.faq__item.open .faq__q svg{transform:rotate(180deg)}
.faq__a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.faq__item.open .faq__a{max-height:500px}
.faq__a p{padding:0 22px 18px;font-size:14px;color:var(--txt-light);line-height:1.72}

/* ════════════════════════════════
   FINAL CTA
   ════════════════════════════════ */
.cta-final{padding:var(--sec-pad);background:linear-gradient(170deg,var(--forest) 0%,#0e2a1b 100%);position:relative;overflow:hidden}
.cta-final__bg{position:absolute;inset:0;pointer-events:none}
.cta-final__orb{position:absolute;border-radius:50%}
.cta-final__orb--1{width:350px;height:350px;background:radial-gradient(circle,rgba(74,124,92,.2),transparent 70%);top:-100px;right:-80px}
.cta-final__orb--2{width:250px;height:250px;background:radial-gradient(circle,rgba(192,93,62,.12),transparent 70%);bottom:-60px;left:-40px}
.cta-final__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px;position:relative;z-index:2}
.cta-final__visual img{max-width:280px;margin:0 auto;animation:bottleFloat 7s ease-in-out infinite}
.cta-final h2{font-family:var(--font-display);font-size:24px;color:var(--white);line-height:1.28;margin-bottom:10px}
.cta-final__body>p{font-size:15px;color:rgba(255,255,255,.65);margin-bottom:18px}
.cta-final__price{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}
.cta-final__old{font-size:15px;color:rgba(255,255,255,.5)}
.cta-final__old s{color:var(--terra-light)}
.cta-final__new{font-size:26px;color:var(--mint)}
.cta-final__new strong{font-family:var(--font-display);font-size:34px}
.cta-final__btn{width:100%;max-width:380px;font-size:18px;animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 4px 16px rgba(26,60,40,.25)}50%{box-shadow:0 4px 32px rgba(26,60,40,.45)}}
.cta-final__lock{font-size:12px;color:rgba(255,255,255,.4);margin-top:10px}

/* ════════════════════════════════
   FOOTER
   ════════════════════════════════ */
.footer{padding:50px 0 28px;background:var(--forest);color:rgba(255,255,255,.6)}
.footer__cols{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:28px}
.footer__brand{font-size:19px;margin-bottom:10px;display:inline-flex;color:var(--white)}
.footer__col>p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.45)}
.footer__col h4{font-family:var(--font-display);font-size:15px;color:var(--white);margin-bottom:12px}
.footer__col a{display:block;font-size:13px;color:rgba(255,255,255,.45);padding:3px 0;transition:color .2s}
.footer__col a:hover{color:var(--terra-light)}
.footer__social{display:flex;gap:10px}
.footer__social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(255,255,255,.06);border-radius:10px;color:rgba(255,255,255,.45);transition:background .2s,color .2s}
.footer__social a:hover{background:var(--terra);color:var(--white)}
.footer__disc{padding-top:22px;border-top:1px solid rgba(255,255,255,.07);margin-bottom:18px}
.footer__disc p{font-size:11px;color:rgba(255,255,255,.35);line-height:1.7}
.footer__end{text-align:center}
.footer__end p{font-size:12px;color:rgba(255,255,255,.3)}

/* ════════════════════════════════
   TOAST / POPUP
   ════════════════════════════════ */
.toast{position:fixed;bottom:18px;left:18px;right:18px;z-index:900;opacity:0;transform:translateY(100%);transition:opacity .4s var(--ease),transform .4s var(--ease);pointer-events:none}
.toast.show{opacity:1;transform:translateY(0);pointer-events:auto}
.toast__body{display:flex;align-items:center;gap:12px;background:var(--white);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);max-width:360px;position:relative}
.toast__x{position:absolute;top:6px;right:10px;font-size:18px;cursor:pointer;color:var(--txt-muted);background:none;border:none;padding:4px;line-height:1}
.toast__ico{font-size:26px}
.toast__body strong{color:var(--forest);font-size:13px}
.toast__body span{color:var(--txt-muted);font-size:12px}
.toast__body small{color:var(--terra);font-size:11px}

/* ════════════════════════════════
   SCROLL TO TOP
   ════════════════════════════════ */
.totop{position:fixed;bottom:18px;right:18px;width:52px;height:52px;background:linear-gradient(135deg,var(--forest),var(--sage));color:var(--white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(26,60,40,.25);opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;z-index:800}
.totop.vis{opacity:1;transform:translateY(0)}
.totop:hover{box-shadow:0 6px 20px rgba(26,60,40,.4)}

/* ═══════════════════════════════════════════════
   RESPONSIVE — Tablet 576px+
   ═══════════════════════════════════════════════ */
@media(min-width:576px){
  .badges__row{grid-template-columns:repeat(2,1fr)}
  .ingredients__grid{grid-template-columns:repeat(2,1fr)}
  .reviews__track{grid-template-columns:repeat(2,1fr)}
  .procon__grid{grid-template-columns:repeat(2,1fr)}
  .pricing__row{grid-template-columns:repeat(2,1fr)}
  .discover__grid{grid-template-columns:repeat(2,1fr)}
  .toast{left:18px;right:auto}
}

/* ═══════════════════════════════════════════════
   RESPONSIVE — Tablet+ 768px
   ═══════════════════════════════════════════════ */
@media(min-width:768px){
  :root{--sec-pad:100px 0;--ctn-px:32px}
  .sec-title{font-size:32px}
  .sec-sub{font-size:17px}

  /* Nav */
  .nav__toggle{display:none}
  .nav__links{position:static;width:auto;height:auto;flex-direction:row;align-items:center;padding:0;gap:6px;transform:none;box-shadow:none;background:transparent}
  .nav__links a{padding:8px 14px;border-bottom:none;font-size:14px}

  /* Hero */
  .hero{padding-top:120px;padding-bottom:80px}
  .hero__wrap{flex-direction:row;align-items:center}
  .hero__visual{flex:0 0 42%}
  .hero__img{max-width:400px}
  .hero__img-ring{width:340px;height:340px}
  .hero__body{flex:1}
  .hero h1{font-size:36px}
  .hero__btn{width:auto}

  /* About */
  .about__flex{flex-direction:row;align-items:center}
  .about__copy{flex:1}
  .about__visual{flex:0 0 38%}
  .about__visual img{max-width:100%}

  /* Works */
  .works__timeline{padding-left:40px}
  .works__step-marker{width:38px;height:38px;font-size:15px;left:-40px}

  /* Order */
  .order__layout{flex-direction:row;align-items:flex-start}
  .order__steps{flex:1}
  .order__img{flex:0 0 32%}
  .order__img img{max-width:100%}

  /* Guarantee */
  .guarantee__box{flex-direction:row;align-items:center;text-align:left}
  .guarantee__seal{flex:0 0 180px}
  .guarantee__info{flex:1;text-align:left}

  /* Final CTA */
  .cta-final__inner{flex-direction:row;text-align:left}
  .cta-final__visual{flex:0 0 38%}
  .cta-final__body{flex:1}
  .cta-final__btn{width:auto}

  /* Footer */
  .footer__cols{grid-template-columns:2fr 1fr 1fr}
}

/* ═══════════════════════════════════════════════
   RESPONSIVE — Desktop 1024px+
   ═══════════════════════════════════════════════ */
@media(min-width:1024px){
  :root{--sec-pad:120px 0;--ctn-px:40px}
  .sec-title{font-size:38px}

  .hero h1{font-size:44px}
  .hero__img{max-width:460px}
  .hero__img-ring{width:380px;height:380px}

  .badges__row{grid-template-columns:repeat(4,1fr)}
  .pricing__row{grid-template-columns:repeat(3,1fr)}
  .reviews__track{grid-template-columns:repeat(3,1fr)}
  .ingredients__grid{grid-template-columns:repeat(3,1fr)}
  .discover__grid{grid-template-columns:repeat(2,1fr)}
}

/* ═══════════════════════════════════════════════
   RESPONSIVE — Large Desktop 1440px+
   ═══════════════════════════════════════════════ */
@media(min-width:1440px){
  .sec-title{font-size:42px}
  .hero h1{font-size:50px}
  .container{max-width:1280px}
}