*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;color:#222;background:#fff;overflow-x:hidden}

/* NAV */
.topbar{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:200;padding:0 20px}
.topbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px;gap:20px}
.brand{font-family:'Roboto Condensed',sans-serif;font-size:26px;font-weight:800;background:linear-gradient(90deg,#3a0ca3,#f72585);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.main-nav{list-style:none;display:flex;gap:8px;align-items:center}
.main-nav a{font-size:15px;font-weight:600;color:#3a0ca3;text-decoration:none;padding:6px 14px;position:relative;transition:.25s}
.main-nav a::after{content:'';position:absolute;width:0;height:3px;left:0;bottom:-4px;background:linear-gradient(90deg,#3a0ca3,#f72585);transition:.3s;border-radius:2px}
.main-nav a:hover::after{width:100%}
.nav-btn{background:#FFC107;color:#111;font-weight:700;border-radius:50px;padding:11px 24px;font-size:15px;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:.3s;white-space:nowrap}
.nav-btn:hover{background:linear-gradient(90deg,#3a0ca3,#f72585);color:#fff;transform:translateY(-2px)}
@media(max-width:768px){.main-nav{display:none}.nav-btn{font-size:18px;padding:9px 16px}}

/* OFFER BAR */
.offer-bar{background:#4F9EAA;padding:14px 20px;text-align:center}
.offer-bar h2{color:#fff;font-weight:700;font-size:clamp(13px,2.2vw,20px);margin:0}

/* HERO */
.hero{background:linear-gradient(135deg,#fff5ff,#f3e8ff);border-top:6px solid #4F9EAA;border-bottom:6px solid #4F9EAA;padding:50px 20px}
.hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-left{display:flex;flex-direction:column;align-items:center;gap:16px}
.hero-bottle{max-width:420px;width:100%;animation:float 3s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.hero-right h1{font-weight:800;font-size:clamp(22px,2.8vw,38px);line-height:1.3;margin-bottom:14px;color:#1c1c1c}
.hero-right > p{font-size:clamp(14px,1.4vw,22px);line-height:1.8;color:#333;margin-bottom:18px}
.hero-bullets{padding-left:20px;font-weight:700;font-size:clamp(13px,1.2vw,16px);line-height:2;color:#222;margin-bottom:24px}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;margin-bottom:24px}
.stat-num{font-size:clamp(22px,2.5vw,34px);font-weight:800;color:#4F9EAA}
.stat-label{font-size:12px;font-weight:600;color:#333}
.hero-cta{display:inline-block;background:linear-gradient(90deg,#4F9EAA,#FF7878);color:#fff;font-weight:700;padding:16px 34px;font-size:clamp(14px,1.4vw,18px);border-radius:50px;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,.25);transition:.3s;text-align:center}
.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-left{margin-top:-40px}}

/* SECTION HELPERS */
.section{padding:70px 20px}
.section-inner{max-width:1100px;margin:0 auto}
.bg-white{background:#fff}
.bg-light{background:#f9f9f9}

.teal-heading{background:linear-gradient(135deg,#4F9EAA,#4F9EAA);padding:22px 20px;text-align:center}
.teal-heading h2{font-size:clamp(19px,2.8vw,38px);font-weight:800;color:#fff;margin:0}
.teal-heading .divider{width:80px;height:5px;background:#fff;margin:14px auto 0;border-radius:3px}
.teal-heading p{font-size:clamp(14px,1.4vw,22px);color:#f1f1f1;margin-top:16px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.7}

/* WHY CHOOSE 4 */
.why4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.why-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.07);padding:32px 20px;text-align:center;transition:.3s}
.why-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.13)}
.why-card img{max-width:90px;height:auto;margin-bottom:14px}
.why-card h4{font-weight:700;font-size:16px;color:#111;margin-bottom:8px}
.why-card p{font-size:18px;color:#555;line-height:1.6}
@media(max-width:700px){.why4-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.why4-grid{grid-template-columns:1fr}}

/* REVIEWS */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.review-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px rgba(0,0,0,.07);padding:32px 24px;transition:.3s}
.review-card:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.review-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #00b4d8;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;margin:0 auto 14px}
.review-stars{color:#ffb703;font-size:20px;text-align:center;margin-bottom:10px}
.verified-badge{color:#0077b6;font-weight:600;margin-left:6px;font-size:20px}
.review-name{font-weight:700;font-size:16px;text-align:center;margin-bottom:4px}
.review-loc{font-size:18px;color:#777;text-align:center;margin-bottom:14px}
.review-text{font-size:15px;line-height:1.75;color:#444}
@media(max-width:700px){.reviews-grid{grid-template-columns:1fr}}

/* CONTENT GRID */
.content-box{background:#fff;padding:40px;border-radius:18px;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.content-box p{font-size:clamp(14px,1.4vw,19px);line-height:1.9;color:#333;text-align:justify}
.content-grid{display:grid;grid-template-columns:6fr 5fr;gap:40px;align-items:center}
.img-box{background:#fff;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.12);padding:16px;text-align:center}
.img-box img{max-width:100%;border-radius:10px}
@media(max-width:800px){.content-grid{grid-template-columns:1fr}}

/* TIMER */
.timer-wrap{background:linear-gradient(135deg,#fff8e7,#fdf6e3,#ffeaa7);border-top:4px solid #FFB800;border-bottom:4px solid #FFB800;padding:40px 20px;text-align:center}
.timer-box{font-family:'Jost',sans-serif;font-size:3rem;font-weight:700;color:#1d3557;background:#fff;border-radius:15px;padding:20px 60px;box-shadow:0 8px 25px rgba(255,184,0,.35);display:inline-block;position:relative;z-index:1;text-shadow:0 0 8px rgba(255,174,0,.5)}
.timer-box::before{content:'';position:absolute;inset:-3px;border-radius:15px;background:linear-gradient(90deg,#ff6a00,#ffb703,#ffd166);z-index:-1;animation:bGlow 4s linear infinite}
@keyframes bGlow{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}

/* PRICING */
.pricing-wrap{padding:80px 20px;background:linear-gradient(135deg,#f8f9fc,#fff)}
.pricing-head{text-align:center;margin-bottom:40px}
.pricing-head h3{font-size:clamp(20px,2.8vw,36px);font-weight:800;color:#1d3557;margin-bottom:8px}
.pricing-head p{font-size:clamp(14px,1.4vw,18px);font-weight:500;color:#555}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}
.price-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:.3s}
.price-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.pc-label{padding:10px 0;font-size:15px;font-weight:700;text-transform:uppercase;text-align:center}
.lbl-basic{background:#d3d3d3;color:#333}
.lbl-pop{background:#B2A782;color:#fff}
.pc-body{padding:24px 18px;text-align:center}
.pc-count{color:red;font-family:'Roboto Condensed',sans-serif;font-size:clamp(22px,2.5vw,34px);font-weight:700;line-height:1;margin-bottom:4px}
.pc-supply{font-size:15px;color:#333;margin-bottom:14px}
.pc-body img.bottle-img{max-width:130px;height:auto;margin:0 auto 14px;display:block}
.pc-price{color:#a90000;font-family:'Roboto Condensed',sans-serif;font-size:clamp(28px,3vw,42px);font-weight:700;margin-bottom:8px}
.pc-total{color:#111;font-family:'Roboto Condensed',sans-serif;font-size:clamp(15px,1.8vw,22px);font-weight:700;margin-bottom:12px}
.pc-ship{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:20px;color:#333;margin-bottom:14px}
.pc-ship img{width:18px;height:18px}
.pc-atc img{max-width:60%;height:auto;display:block;margin:0 auto 10px}
.pc-cards img{width:100%;height:auto}
@media(max-width:680px){.pricing-grid{grid-template-columns:1fr}}

/* GUARANTEE */
.guarantee-wrap{background:linear-gradient(135deg,#fff8e7,#fdf6e3,#ffeaa7);border-top:5px solid #FFB800;border-bottom:5px solid #FFB800;padding:70px 20px}
.guarantee-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:60px;align-items:center}
.g-img-wrap{border:3px solid #FFB800;border-radius:50%;padding:16px;animation:gPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#fff8e7,#ffeaa7)}
@keyframes gPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,184,0,.4)}50%{box-shadow:0 0 0 18px rgba(255,184,0,0)}}
.g-img-wrap img{max-width:190px;border-radius:50%;display:block}
.g-title{background:linear-gradient(90deg,#ff4500,#ffb703);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(20px,2.5vw,36px);font-weight:800;display:block;margin-bottom:10px}
.guarantee-inner h2{color:#e63946;font-size:clamp(17px,2vw,24px);font-weight:800;margin-bottom:16px}
.guarantee-inner p{font-size:clamp(14px,1.4vw,20px);color:#2f3e46;line-height:1.8;margin-bottom:12px}
@media(max-width:680px){.guarantee-inner{grid-template-columns:1fr;text-align:center}.g-img-wrap{margin:0 auto}}

/* TRUST STRIPE */
.trust-stripe{display:flex;justify-content:center;flex-wrap:wrap;background:#fff;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.ts-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 32px;font-size:18px;font-weight:700;color:#444;border-right:1px solid #e0e0e0;text-align:center}
.ts-item:last-child{border-right:none}
.ts-icon{font-size:28px}

/* INGREDIENTS */
.ing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.ing-card{background:#fff;padding:32px;border-left:8px solid #4F9EAA;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.07)}
.ing-card h4{color:#4F9EAA;font-weight:700;font-size:17px;margin-bottom:10px}
.ing-card p{font-size:20px;color:#444;line-height:1.7}
@media(max-width:680px){.ing-grid{grid-template-columns:1fr}}

/* BENEFITS */
.ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ben-card{background:#f9fafc;border:1px solid #e0e9ff;border-radius:16px;padding:32px;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:.3s}
.ben-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(0,0,0,.1)}
.ben-card h5{color:#4F9EAA;font-weight:700;font-size:15px;margin-bottom:12px}
.ben-card p{font-size:20px;color:#333;line-height:1.8}
@media(max-width:680px){.ben-grid{grid-template-columns:1fr}}

/* CERT */
.cert-bar{background:linear-gradient(135deg,#4F9EAA,#4F9EAA);padding:40px 20px;text-align:center}
.cert-bar img{max-width:900px;width:100%;border-radius:12px}

/* WHY 3 BOXES */
.why3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.w3-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:36px;text-align:center;transition:.3s;border:1px solid transparent}
.w3-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.13);border-color:#00b3b3}
.w3-num{width:58px;height:58px;border-radius:50%;background:#e60000;color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.w3-card h4{font-weight:700;font-size:16px;margin-bottom:10px}
.w3-card p{font-size:20px;color:#666;line-height:1.7}
@media(max-width:680px){.why3-grid{grid-template-columns:1fr}}

/* FAQ */
.faq-wrap{max-width:880px;margin:0 auto}
.faq-item{border-bottom:1px solid #eee}
.faq-trigger{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;cursor:pointer;font-size:clamp(14px,1.4vw,22px);font-weight:700;color:#1c1c1c;user-select:none}
.faq-trigger:hover{color:#4F9EAA}
.faq-toggle{font-size:22px;font-weight:300;line-height:1;transition:.3s;color:#4F9EAA}
.faq-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-body-inner{padding:0 16px 20px;font-size:clamp(14px,1.3vw,22px);color:#555;line-height:1.8}
.faq-item.open .faq-body{max-height:500px}
.faq-item.open .faq-toggle{transform:rotate(45deg)}

/* PREMIUM OFFER */
.prem-offer{background:linear-gradient(135deg,#4F9EAA,#4F9EAA);padding:70px 20px;color:#fff}
.prem-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}
.prem-inner img{max-width:260px;width:100%;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.prem-inner h4{font-weight:800;font-size:clamp(19px,2.2vw,32px);margin-bottom:14px}
.prem-inner .cta-gold{display:inline-block;background:#ffb703;color:#000;font-weight:700;padding:16px 36px;border-radius:12px;font-size:clamp(14px,1.4vw,19px);text-decoration:none;transition:.3s;margin-top:10px}
.prem-inner .cta-gold:hover{background:#ff4500;color:#fff}
@media(max-width:680px){.prem-inner{grid-template-columns:1fr;text-align:center}.prem-inner img{margin:0 auto}}

/* PAYMENT */
.payment-sec{background:#f9f9f9;padding:60px 20px;text-align:center}
.pay-badges{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;font-size:15px;font-weight:600;margin:20px 0}

/* FINAL CTA */
.final-cta{background:#fff;padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.deco1,.deco2{position:absolute;border-radius:50%;background:rgba(255,69,0,.05);z-index:0}
.deco1{width:180px;height:180px;top:-40px;left:-40px}
.deco2{width:220px;height:220px;bottom:-60px;right:-60px}
.final-cta h3{font-size:clamp(20px,2.8vw,38px);font-weight:900;margin-bottom:28px;position:relative;z-index:1}
.final-cta img{max-width:600px;width:100%;border-radius:16px;box-shadow:0 12px 36px rgba(0,0,0,.15);margin-bottom:28px;transition:.3s;position:relative;z-index:1}
.final-cta img:hover{transform:translateY(-6px)}
.btn-prem{display:inline-block;background:#ff4500;color:#fff;font-weight:700;font-size:clamp(15px,1.5vw,20px);padding:16px 42px;border-radius:12px;text-decoration:none;transition:.3s;box-shadow:0 6px 20px rgba(0,0,0,.2);position:relative;z-index:1}
.btn-prem:hover{background:#ffb703;color:#111}

/* RATINGS */
.ratings-sec{padding:60px 20px;background:#fff;text-align:center}
.ratings-sec img{max-width:240px;margin-bottom:16px}

/* FOOTER */
footer{background:#0f0f0f;color:#fff;padding:60px 20px 30px}
.footer-inner{max-width:1100px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:40px}
.f-card{background:#1a1a1a;border-radius:16px;padding:28px;transition:.3s}
.f-card:hover{transform:translateY(-4px);background:#222}
.f-card h5{color:#ffb703;font-weight:700;font-size:16px;margin-bottom:14px}
.f-card ul{list-style:none}
.f-card ul li{margin-bottom:10px}
.f-card ul li a{color:#fff;text-decoration:none;font-size:20px;transition:.2s}
.f-card ul li a:hover{color:#ffb703}
.f-card p{font-size:12px;color:#ccc;line-height:1.7}
.soc-icons{display:flex;gap:10px;margin-bottom:18px}
.soc-icons a{width:36px;height:36px;background:#222;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:.3s}
.soc-icons a:hover{background:#ffb703;color:#111}
.footer-bottom{text-align:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#999}
@media(max-width:680px){.footer-grid{grid-template-columns:1fr}}

/* POPUP */
.popup{position:fixed;bottom:20px;left:20px;background:#fff;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:14px 16px;display:flex;align-items:center;gap:12px;z-index:999;max-width:290px;transform:translateX(-120%);transition:.6s cubic-bezier(.34,1.56,.64,1);font-size:18px}
.popup.show{transform:translateX(0)}
.popup img{width:52px;height:52px;object-fit:contain;border-radius:8px}
.p-msg1{font-weight:700;color:#222}
.p-msg2{color:#4F9EAA}
.p-msg3{color:#999;font-size:11px}

/* SCROLL TOP */
.scroll-top{position:fixed;bottom:70px;right:22px;width:42px;height:42px;background:#4F9EAA;color:#fff;border:none;border-radius:50%;font-size:18px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2);transition:.3s;display:none;align-items:center;justify-content:center;z-index:998}
.scroll-top.vis{display:flex}
.scroll-top:hover{background:#3a0ca3}

/* STICKY */
.sticky-bar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,#4F9EAA,#3a0ca3);padding:12px 20px;text-align:center;z-index:100;box-shadow:0 -2px 16px rgba(0,0,0,.15)}
.sticky-bar a{color:#fff;font-weight:700;font-size:clamp(13px,1.4vw,16px);text-decoration:none}
.sticky-bar a:hover{color:#FFD700}

.rating-box {
height: 15px;
width: 80px;
margin-top: 4px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('rating.png');
}