/* ===== 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}

/* ===== VARIABLES ===== */
:root{
  --navy:#0F2B46;--navy-deep:#091D32;--navy-light:#163A5C;
  --teal:#0D9488;--teal-light:#14B8A6;--teal-dark:#0A7A70;
  --amber:#D97706;--amber-light:#F59E0B;
  --white:#FFFFFF;--off-white:#F8FAFB;--cream:#F0F7F4;
  --gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;
  --green:#059669;--red:#DC2626;
  --font-display:'Libre Baskerville',Georgia,serif;
  --font-body:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;
  --shadow-sm:0 1px 3px rgba(15,43,70,0.08);
  --shadow-md:0 4px 16px rgba(15,43,70,0.1);
  --shadow-lg:0 8px 32px rgba(15,43,70,0.12);
  --shadow-teal:0 4px 24px rgba(13,148,136,0.15);
  --radius:10px;--radius-lg:16px;
  --ease:all .3s cubic-bezier(.4,0,.2,1);
}

body{font-family:var(--font-body);background:var(--white);color:var(--gray-800);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{width:100%;max-width:1220px;margin:0 auto;padding-left:20px;padding-right:20px}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.accent{color:var(--teal)}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}

/* ===== TITLES ===== */
.sec-title{font-family:var(--font-display);font-size:24px;font-weight:700;text-align:center;color:var(--navy);margin-bottom:14px;line-height:1.3}
.sec-sub{text-align:center;color:var(--gray-600);font-size:16px;margin-bottom:24px}
.sec-desc{text-align:center;color:var(--gray-600);font-size:16px;max-width:780px;margin:0 auto 28px;line-height:1.7}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-body);font-weight:700;font-size:16px;border:none;cursor:pointer;border-radius:50px;min-height:52px;padding:14px 30px;transition:var(--ease);text-align:center;line-height:1.3}
.btn:active{transform:scale(.97)}
.btn-primary{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:var(--white);box-shadow:var(--shadow-teal)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(13,148,136,.25)}
.btn-cart{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:var(--white);width:100%;font-size:17px;min-height:54px;box-shadow:var(--shadow-teal)}
.btn-cart:hover{transform:translateY(-2px)}
.btn-pop{background:linear-gradient(135deg,var(--amber),var(--amber-light));color:var(--white);font-size:18px}
.cta-center{text-align:center;margin-top:28px}

/* ===== ANIMATIONS ===== */
.anim{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.anim.vis{opacity:1;transform:translateY(0)}

/* ===== NAV ===== */
.nav-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200);transition:var(--ease)}
.nav-header.scrolled{box-shadow:var(--shadow-md)}
.nav-container{display:flex;align-items:center;justify-content:space-between;height:62px}
.nav-logo{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--navy);z-index:1001}
.logo-leaf{font-size:22px}
.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--white);display:flex;flex-direction:column;padding:80px 28px 28px;gap:0;transition:right .35s cubic-bezier(.4,0,.2,1);z-index:999;border-left:1px solid var(--gray-200);box-shadow:-4px 0 20px rgba(0,0,0,.08)}
.nav-menu.active{right:0}
.nav-link{color:var(--gray-700);font-size:16px;font-weight:500;padding:15px 0;border-bottom:1px solid var(--gray-100);transition:var(--ease)}
.nav-link:hover{color:var(--teal)}
.btn-nav-desktop{display:none;background:linear-gradient(135deg,var(--teal),var(--teal-light));color:var(--white);font-weight:700;font-size:14px;padding:10px 22px;border-radius:50px;min-height:42px}
.btn-nav-mobile{margin-top:14px;text-align:center;background:linear-gradient(135deg,var(--teal),var(--teal-light));color:var(--white);padding:12px 20px;border-radius:50px;min-height:48px;display:flex;align-items:center;justify-content:center;font-weight:700}
.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.hamburger span{display:block;width:22px;height:2px;background:var(--navy);transition:var(--ease);border-radius:2px}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s}
.nav-overlay.active{opacity:1;pointer-events:all}

/* ===== HERO ===== */
.hero{position:relative;padding:86px 0 48px;overflow:hidden;background:linear-gradient(160deg,var(--cream) 0%,var(--off-white) 50%,var(--white) 100%)}
.hero-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.deco-circle{position:absolute;border-radius:50%;opacity:.35}
.c1{width:300px;height:300px;top:-60px;left:-80px;background:radial-gradient(circle,rgba(13,148,136,.12),transparent 70%);animation:drift 10s ease-in-out infinite}
.c2{width:200px;height:200px;bottom:10%;right:-40px;background:radial-gradient(circle,rgba(217,119,6,.1),transparent 70%);animation:drift 8s ease-in-out infinite 2s}
.c3{width:150px;height:150px;top:40%;left:50%;background:radial-gradient(circle,rgba(13,148,136,.08),transparent 70%);animation:drift 12s ease-in-out infinite 4s}
@keyframes drift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}
.hero-grid{display:flex;flex-direction:column;align-items:center;gap:28px;position:relative;z-index:2}
.hero-img-wrap{position:relative;max-width:300px;margin:0 auto;display:flex;justify-content:center}
.hero-glow{position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(13,148,136,.15),transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.12);opacity:.7}}
.hero-product{position:relative;z-index:2;max-height:340px;width:auto;animation:heroFloat 4.5s ease-in-out infinite;filter:drop-shadow(0 16px 32px rgba(15,43,70,.12))}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-badge{position:absolute;top:8px;right:-8px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:var(--white);padding:8px 12px;border-radius:8px;z-index:3;text-align:center;box-shadow:var(--shadow-md)}
.badge-num{display:block;font-weight:800;font-size:14px}
.badge-label{display:block;font-size:10px;font-weight:600;opacity:.85}
.hero-content{text-align:center}
.hero-rating{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;flex-wrap:wrap;font-size:14px;color:var(--gray-500)}
.stars{color:var(--amber);font-size:18px;letter-spacing:2px}
.hero-title{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.25;margin-bottom:18px;color:var(--navy)}
.hero-content>p{color:var(--gray-600);font-size:16px;margin-bottom:12px;line-height:1.7}
.hero-bullets{list-style:none;text-align:left;margin:18px 0;display:flex;flex-direction:column;gap:9px}
.hero-bullets li{font-size:16px;line-height:1.5;padding:6px 0;color:var(--gray-700)}
.btn-hero{width:100%;font-size:17px}
.hero-sub{margin-top:10px;color:var(--gray-500);font-size:13px}

/* ===== WHY CHOOSE ===== */
.why-choose{padding:56px 0;background:var(--white)}
.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}
.trust-card{background:var(--off-white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px 14px;text-align:center;transition:var(--ease)}
.trust-card:hover{border-color:var(--teal);box-shadow:var(--shadow-teal)}
.trust-card img{width:56px;height:56px;margin:0 auto 10px;object-fit:contain}
.trust-card h3{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:6px;color:var(--navy)}
.trust-card p{font-size:14px;color:var(--gray-600);line-height:1.6}

/* ===== WHO FOR ===== */
.who-for{padding:56px 0;background:var(--off-white)}
.who-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}
.who-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px 18px;transition:var(--ease)}
.who-card:hover{border-color:var(--teal)}
.who-icon{font-size:28px;margin-bottom:10px}
.who-card h3{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:8px;color:var(--navy)}
.who-card p{font-size:16px;color:var(--gray-600);line-height:1.7}

/* ===== WHAT IS ===== */
.what-is{padding:56px 0;background:var(--white)}
.what-grid{display:flex;flex-direction:column;gap:28px;margin-top:22px}
.what-text p{font-size:16px;color:var(--gray-600);line-height:1.8;margin-bottom:14px}
.what-img{display:flex;justify-content:center;order:-1}
.what-img img{max-width:280px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}

/* ===== HOW WORKS ===== */
.how-works{padding:56px 0;background:var(--off-white)}
.steps{margin-top:28px;display:flex;flex-direction:column;gap:0}
.step{display:flex;gap:14px;padding:22px 0;border-bottom:1px solid var(--gray-200)}
.step:last-child{border-bottom:none}
.step-num{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--teal);opacity:.3;line-height:1;min-width:44px}
.step.vis .step-num{opacity:1;transition:opacity .5s ease .3s}
.step-body h3{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:6px;color:var(--navy)}
.step-body p{font-size:16px;color:var(--gray-600);line-height:1.7}

/* ===== REVIEWS ===== */
.reviews{padding:56px 0;background:var(--white)}
.reviews-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}
.review-card{background:var(--off-white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px 18px;transition:var(--ease)}
.review-card:hover{border-color:var(--teal);transform:translateY(-3px);box-shadow:var(--shadow-teal)}
.rev-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.rev-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--teal)}
.rev-top h4{font-size:16px;font-weight:700;color:var(--navy)}
.rev-top span{font-size:13px;color:var(--gray-500)}
.rev-stars{color:var(--amber);font-size:15px;margin-bottom:4px;letter-spacing:2px}
.rev-verified{font-size:13px;color:var(--green);display:block;margin-bottom:8px}
.review-card>p{font-size:15px;color:var(--gray-600);line-height:1.7}

/* ===== RESEARCH ===== */
.research{padding:56px 0;background:var(--off-white)}
.research-body p{font-size:16px;color:var(--gray-600);line-height:1.8;margin-bottom:14px}
.research-body a{color:var(--teal);text-decoration:underline;font-weight:600}
.research-body a:hover{color:var(--teal-dark)}
.research-points{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.r-point{background:var(--white);border-left:3px solid var(--teal);padding:12px 14px;border-radius:0 var(--radius) var(--radius) 0;font-size:15px;line-height:1.6;color:var(--gray-600)}

/* ===== PRICING ===== */
.pricing{padding:56px 0;background:linear-gradient(180deg,var(--white) 0%,var(--cream) 100%)}
.timer-wrap{text-align:center;margin-bottom:28px}
.timer-label{font-size:13px;font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}
.timer{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(13,148,136,.1),rgba(13,148,136,.04));border:1px solid rgba(13,148,136,.25);padding:12px 22px;border-radius:var(--radius)}
.t-unit{text-align:center}
.t-num{display:block;font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--teal);line-height:1}
.t-txt{font-size:10px;color:var(--gray-500);text-transform:uppercase;letter-spacing:1px}
.t-sep{font-size:28px;font-weight:700;color:var(--teal);padding-bottom:12px}
.price-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:22px}
.price-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:26px 18px;text-align:center;transition:var(--ease);position:relative;overflow:hidden}
.price-card.popular{border-color:var(--teal);background:linear-gradient(180deg,rgba(13,148,136,.04) 0%,var(--white) 100%);box-shadow:0 0 32px rgba(13,148,136,.1)}
.ribbon{position:absolute;top:14px;right:-30px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:var(--white);font-size:10px;font-weight:800;padding:3px 36px;transform:rotate(45deg);letter-spacing:1px}
.p-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--teal);margin-bottom:6px}
.p-bottles{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--navy);margin-bottom:3px}
.p-supply{font-size:14px;color:var(--gray-500);margin-bottom:14px}
.p-img{max-height:180px;margin:0 auto 14px;width:auto}
.p-price{margin-bottom:4px}
.p-amount{font-family:var(--font-display);font-size:40px;font-weight:700;color:var(--teal)}
.p-per{font-size:15px;color:var(--gray-500)}
.p-total{font-size:15px;color:var(--gray-600);margin-bottom:14px}
.p-total s{color:var(--gray-400);margin-right:4px}
.p-total strong{color:var(--navy)}
.p-badges{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.bdg-bonus,.bdg-ship{display:inline-block;font-size:12px;font-weight:700;padding:5px 10px;border-radius:18px}
.bdg-bonus{background:rgba(5,150,105,.1);color:var(--green)}
.bdg-ship{background:rgba(13,148,136,.08);color:var(--teal)}
.pay-trust{text-align:center;margin-top:18px}
.pay-trust img{max-width:240px;margin:0 auto 6px;opacity:.75}
.pay-trust p{font-size:12px;color:var(--gray-500)}

/* ===== INGREDIENTS ===== */
.ingredients{padding:56px 0;background:var(--off-white)}
.ing-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px}
.ing-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:18px;transition:var(--ease)}
.ing-card:hover{border-color:var(--teal)}
.ing-ico{font-size:22px;margin-bottom:8px}
.ing-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:6px;color:var(--navy)}
.ing-card p{font-size:15px;color:var(--gray-600);line-height:1.7}

/* ===== SCIENCE ===== */
.science{padding:56px 0;background:var(--white)}
.sci-accordion{margin-top:22px}
.sci-item{border-bottom:1px solid var(--gray-200)}
.sci-hdr{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0;background:none;border:none;color:var(--navy);font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer;text-align:left;min-height:48px;gap:10px}
.sci-hdr:hover{color:var(--teal)}
.sci-ico{font-size:20px;color:var(--teal);min-width:22px;text-align:center;transition:var(--ease)}
.sci-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
.sci-body p{font-size:15px;color:var(--gray-600);line-height:1.7;padding-bottom:16px}
.sci-item.active .sci-body{max-height:400px}
.sci-item.active .sci-ico{transform:rotate(45deg)}

/* ===== GUARANTEE ===== */
.guarantee{padding:56px 0;background:var(--off-white)}
.guar-grid{display:flex;flex-direction:column;align-items:center;gap:28px;margin-top:22px}
.guar-img img{max-width:200px;margin:0 auto}
.guar-point{margin-bottom:18px;padding:18px;background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200)}
.guar-point h3{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:6px;color:var(--navy)}
.guar-point p{font-size:15px;color:var(--gray-600);line-height:1.7}

/* ===== BENEFITS ===== */
.benefits{padding:56px 0;background:var(--white)}
.benefits-list{margin-top:22px}
.b-item{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--gray-100);font-size:16px;line-height:1.6;color:var(--gray-700)}
.b-check{font-size:18px;min-width:22px}

/* ===== PROS & CONS ===== */
.pros-cons{padding:56px 0;background:var(--off-white)}
.pc-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}
.pc-card{border-radius:var(--radius);padding:22px 18px}
.pc-card.pros{background:rgba(5,150,105,.04);border:1px solid rgba(5,150,105,.18)}
.pc-card.cons{background:rgba(220,38,38,.04);border:1px solid rgba(220,38,38,.15)}
.pc-card h3{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:14px;color:var(--navy)}
.pc-card ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.pc-card li{font-size:15px;line-height:1.6;color:var(--gray-600)}

/* ===== BONUSES ===== */
.bonuses{padding:56px 0;background:var(--white)}
.bonus-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:22px}
.bonus-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--off-white);border:1px solid rgba(13,148,136,.12);border-radius:var(--radius-lg);padding:24px 18px;gap:14px}
.bonus-card img{max-width:140px;border-radius:var(--radius)}
.bonus-tag{display:inline-block;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:var(--white);font-size:11px;font-weight:800;padding:3px 12px;border-radius:16px;margin-bottom:4px}
.bonus-body h3{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:6px;color:var(--navy)}
.bonus-body p{font-size:15px;color:var(--gray-600);line-height:1.7}

/* ===== WHERE BUY ===== */
.where-buy{padding:56px 0;background:var(--off-white)}
.where-body p{font-size:16px;color:var(--gray-600);line-height:1.8;text-align:center;max-width:860px;margin:0 auto}

/* ===== ORDER ===== */
.order-process{padding:56px 0;background:var(--white)}
.order-grid{display:flex;flex-direction:column;gap:28px;margin-top:22px}
.o-step{display:flex;gap:14px;margin-bottom:18px}
.o-num{min-width:38px;height:38px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:var(--white);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}
.o-step h3{font-size:16px;font-weight:700;margin-bottom:3px;color:var(--navy)}
.o-step p{font-size:15px;color:var(--gray-600);line-height:1.6}
.o-note{font-size:15px;color:var(--gray-600);line-height:1.7;margin-bottom:10px}
.order-img{display:flex;justify-content:center}
.order-img img{max-width:300px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}

/* ===== FAQ ===== */
.faq{padding:56px 0;background:var(--off-white)}
.faq-list{margin-top:22px}
.faq-item{border-bottom:1px solid var(--gray-200)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0;background:none;border:none;color:var(--navy);font-family:var(--font-body);font-size:16px;font-weight:600;cursor:pointer;text-align:left;min-height:48px;gap:10px}
.faq-q:hover{color:var(--teal)}
.faq-ico{font-size:20px;color:var(--teal);min-width:22px;text-align:center;transition:var(--ease)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-a p{font-size:15px;color:var(--gray-600);line-height:1.7;padding-bottom:16px}
.faq-item.active .faq-a{max-height:500px}
.faq-item.active .faq-ico{transform:rotate(45deg)}

/* ===== FINAL CTA ===== */
.final-cta{padding:56px 0;background:linear-gradient(160deg,var(--cream) 0%,var(--white) 100%)}
.final-cta-grid{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}
.final-img img{max-width:280px;margin:0 auto;animation:heroFloat 4.5s ease-in-out infinite;filter:drop-shadow(0 12px 24px rgba(15,43,70,.1))}
.final-body h2{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.3;margin-bottom:18px;color:var(--navy)}
.final-price{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.fp-old{font-size:22px;color:var(--gray-400)}
.fp-new{font-family:var(--font-display);font-size:34px;font-weight:700;color:var(--teal)}
.fp-new span{font-size:16px;font-weight:500}
.btn-final{width:100%;font-size:17px}
.final-sub{margin-top:10px;font-size:13px;color:var(--gray-500)}

/* ===== FOOTER ===== */
.footer{padding:36px 0 20px;border-top:1px solid var(--gray-200);background:var(--gray-50)}
.footer-grid{display:flex;flex-direction:column;gap:22px;align-items:center;text-align:center;margin-bottom:22px}
.footer-col h4{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:10px;color:var(--navy)}
.footer-col a{display:block;color:var(--gray-500);font-size:14px;padding:3px 0;transition:var(--ease)}
.footer-col a:hover{color:var(--teal)}
.footer-social{display:flex;gap:14px;justify-content:center}
.footer-social a{color:var(--gray-500);transition:var(--ease);display:flex;align-items:center;justify-content:center;width:42px;height:42px}
.footer-social a:hover{color:var(--teal)}
.footer-disc{border-top:1px solid var(--gray-200);padding-top:18px;margin-bottom:12px}
.footer-disc p{font-size:11px;color:var(--gray-400);line-height:1.6;text-align:center}
.footer-copy p{font-size:12px;color:var(--gray-400);text-align:center}

/* ===== SCROLL TOP ===== */
.scroll-top{position:fixed;bottom:18px;right:18px;width:48px;height:48px;background:linear-gradient(135deg,var(--teal),var(--teal-dark));color:var(--white);font-size:20px;font-weight:800;border:none;border-radius:50%;cursor:pointer;z-index:900;opacity:0;visibility:hidden;transform:translateY(18px);transition:var(--ease);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}
.scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.scroll-top:active{transform:scale(.9)}

/* ===== POPUP ===== */
.popup{position:fixed;bottom:-110px;left:18px;right:18px;max-width:340px;z-index:950;transition:bottom .5s cubic-bezier(.4,0,.2,1)}
.popup.show{bottom:18px}
.popup-inner{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-lg);position:relative}
.popup-x{position:absolute;top:6px;right:10px;font-size:18px;cursor:pointer;color:var(--gray-400);min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}
.popup-txt{font-size:13px;color:var(--gray-600);line-height:1.5;padding-right:18px}
.popup-prod{color:var(--teal);font-weight:700}

/* ===== TABLET 576px+ ===== */
@media(min-width:576px){
  .sec-title{font-size:28px}
  .hero-title{font-size:30px}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
  .reviews-grid .review-card:last-child{grid-column:1/-1;max-width:480px;margin:0 auto}
  .who-grid{grid-template-columns:repeat(2,1fr)}
  .pc-grid{grid-template-columns:repeat(2,1fr)}
  .ing-grid{grid-template-columns:repeat(2,1fr)}
  .bonus-grid{grid-template-columns:repeat(2,1fr)}
  .bonus-card{flex-direction:row;text-align:left}
  .bonus-card img{max-width:120px}
}

/* ===== TABLET/LAPTOP 768px+ ===== */
@media(min-width:768px){
  .container{padding-left:32px;padding-right:32px}
  .sec-title{font-size:32px;margin-bottom:18px}
  .nav-menu{position:static;width:auto;height:auto;background:none;flex-direction:row;padding:0;gap:22px;border:none;box-shadow:none;align-items:center}
  .nav-link{padding:0;border-bottom:none;font-size:15px}
  .hamburger{display:none}
  .btn-nav-desktop{display:inline-flex}
  .btn-nav-mobile{display:none}
  .nav-container{height:70px}
  .hero{padding:110px 0 72px}
  .hero-grid{flex-direction:row;gap:40px;align-items:center}
  .hero-img-wrap{flex:0 0 38%;max-width:380px}
  .hero-content{flex:1;text-align:left}
  .hero-rating{justify-content:flex-start}
  .hero-title{font-size:34px}
  .hero-product{max-height:420px}
  .btn-hero{width:auto}
  .hero-sub{text-align:left}
  .what-grid{flex-direction:row;align-items:center}
  .what-text{flex:1}
  .what-img{order:0;flex:0 0 38%}
  .what-img img{max-width:100%}
  .guar-grid{flex-direction:row;align-items:flex-start}
  .guar-img{flex:0 0 auto}
  .guar-content{flex:1}
  .order-grid{flex-direction:row;align-items:flex-start}
  .order-steps{flex:1}
  .order-img{flex:0 0 38%}
  .final-cta-grid{flex-direction:row;text-align:left}
  .final-img{flex:0 0 38%}
  .final-body{flex:1}
  .final-price{justify-content:flex-start}
  .btn-final{width:auto}
  .footer-grid{flex-direction:row;justify-content:space-around;text-align:left}
}

/* ===== DESKTOP 1024px+ ===== */
@media(min-width:1024px){
  .sec-title{font-size:38px}
  .hero-title{font-size:42px}
  .hero-product{max-height:480px}
  .trust-grid{grid-template-columns:repeat(4,1fr)}
  .price-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}
  .reviews-grid{grid-template-columns:repeat(3,1fr)}
  .reviews-grid .review-card:last-child{grid-column:auto;max-width:none;margin:0}
  .who-grid{grid-template-columns:repeat(3,1fr)}
  .price-card.popular{transform:scale(1.04)}
}

/* ===== LARGE 1440px+ ===== */
@media(min-width:1440px){
  .container{max-width:1300px}
  .hero-title{font-size:46px}
  .sec-title{font-size:42px}
  .ing-grid{grid-template-columns:repeat(3,1fr)}
}