:root {
  --blue: #f08129;
  --blue-dark: #7a3d18;
  --blue-light: #e3f2fd;
  --gold: #f08129;
  --gold-dark: #f08129;
  --green: #9ceb1d;
  --body: #050505;
  --muted: #1a1919;
  --font: 'Jost', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);font-size:19px;line-height:1.75;color:var(--body);background:#fff;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:800;line-height:1.15}
h1{font-size:clamp(2.1rem,4.5vw,3.2rem)}
h2{font-size:clamp(1.8rem,3.8vw,2.8rem)}
h3{font-size:clamp(1.5rem,3vw,2.2rem)}
h4{font-size:clamp(1.2rem,2.5vw,1.7rem)}
h5{font-size:clamp(1rem,2vw,1.3rem)}
p,li{font-size:1.4rem;line-height:1.85}
a{text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* ── Ticker ── */
.ticker-bar{background:var(--blue-dark);overflow:hidden;white-space:nowrap;padding:10px 0}
.ticker-inner{display:inline-block;animation:ticker 32s linear infinite;font-weight:700;font-size:1rem;color:#fff;letter-spacing:.05em}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── Nav ── */
.navbar{background:#fff;border-bottom:2px solid #e0e9f7;padding:12px 0}
.navbar-brand{font-size:1.9rem;font-weight:900;color:var(--blue)!important;text-decoration:none}
.nav-link{font-weight:700;font-size:1rem;color:var(--blue)!important;padding:8px 14px!important}
.nav-link:hover{color:var(--gold)!important}

/* ── Countdown bar ── */
.cd-bar{background:var(--blue);color:#fff;text-align:center;padding:10px 16px;font-weight:700;font-size:1rem}
.cd-bar .timer{color:var(--blue-light);font-size:1.2rem;font-weight:900}
.cd-bar a{color:var(--blue-light);text-decoration:underline}

/* ── Gold button ── */
.btn-gold{background:var(--green);color:#000;font-family:var(--font);font-weight:800;font-size:1.4rem;padding:13px 32px;border:none;border-radius:6px;display:inline-block;cursor:pointer;transition:background .2s;text-decoration:none}
.btn-green:hover{background:var(--gold-dark);color:#000}
.btn-gold-lg{font-size:1.3rem;padding:17px 46px}
.btn-gold-xl{font-size:1.45rem;padding:20px 54px}

/* ── Section headings ── */
.sec-h{background:var(--blue);padding:12px 0;text-align:center}
.sec-h h2,.sec-h h3{color:#fff;margin:0}
.sec-h p{color:rgba(255,255,255,.8);margin:10px 0 0;font-size:1.4rem}

/* ── White section ── */
.sec-w{background:#fff;padding:72px 0}
.sec-blue-lt{background:var(--blue-light);padding:72px 0}

/* ── Hero ── */
.hero {
  background: #fff;
  padding: 72px 0;
}
/* ── Trust badges ── */
.trust-card{text-align:center;padding:24px 12px}
.trust-card img{max-width:120px;margin:0 auto 12px}
.trust-card h5{font-size:1.4rem;color:var(--blue-dark);margin-bottom:6px}
.trust-card p{font-size:1.4rem;color:var(--muted)}

/* ── Review card ── */
.rev-card{background:#fff;border:2px solid #e0e9f7;border-radius:16px;padding:28px;text-align:center}
.rev-card img.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 14px}
.rev-card .stars img{max-height:22px;margin:0 auto 6px}

/* ── Ingredient step ── */
.step-row{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px}
.step-num-circle{flex-shrink:0;width:46px;height:46px;background:var(--blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.4rem}

/* ── Benefits list ── */
ul.blist{padding:0;list-style:none}
ul.blist li{padding-left:28px;position:relative;margin-bottom:12px;font-size:.8rem}
ul.blist li::before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900;font-size:1.4rem}

/* ── FAQ ── */
.faq-item{border-bottom:1px solid #dde6f5}
.faq-btn{background:none;border:none;width:100%;text-align:left;padding:18px 0;font-family:var(--font);font-size:1.4rem;font-weight:700;color:var(--body);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq-btn:hover{color:var(--blue)}
.faq-chev{flex-shrink:0;transition:transform .25s}
.faq-chev.open{transform:rotate(180deg)}
.faq-body{display:none;padding:0 0 18px}
.faq-body.open{display:block}
.faq-body p{font-size:1.4rem;color:var(--muted);margin:0}

/* ── Pricing ── */
.pc{background:#fff;border:2px solid #c5d8f5;border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.pc:hover{transform:translateY(-6px);box-shadow:0 16px 44px rgba(21,101,192,.14)}
.pc-best{border-color:var(--gold)}

/* ── Old price ── */
.price-old{text-decoration:line-through;color:#999;font-size:1.15rem}
.price-new{font-size:2.6rem;font-weight:900;color:var(--blue-dark)}

/* ── Guarantee section ── */
.guar-box{background:var(--blue-light);border:3px solid #90caf9;border-radius:20px;padding:40px}

/* ── Exit popup ── */
.pop-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:9998}
.pop-ov.show{display:block}
.pop-box{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;z-index:9999;width:92%;max-width:440px;border-radius:16px;overflow:hidden}
.pop-box.show{display:block}
.pop-close{position:absolute;top:12px;right:16px;font-size:1.7rem;font-weight:900;background:none;border:none;cursor:pointer;color:rgba(255,255,255,.8);line-height:1}
.pop-close:hover{color:#fff}

/* ── Social proof bubble (hero) ── */
.sp-bubble{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.12);border:1px solid #f08129;border-radius:14px;padding:12px 14px;backdrop-filter:blur(6px)}
.sp-av{width:44px;height:44px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.4rem;color:#000;flex-shrink:0}

/* ── Timer digits ── */
.tdig{background:rgba(255,255,255,.15);border:2px solid rgba(var(--gold),.5);border-radius:8px;padding:5px 12px;font-size:2rem;font-weight:900;color:var(--gold);display:inline-block;min-width:52px;text-align:center;line-height:1.2}
.tdig-dk{background:#e3f2fd;border:2px solid #90caf9;border-radius:8px;padding:5px 12px;font-size:2rem;font-weight:900;color:var(--blue-dark);display:inline-block;min-width:52px;text-align:center;line-height:1.2}

/* ── Green verified ── */
.verified{color:#3a5e02;font-weight:700;font-size:1.4rem}

/* ── Footer ── */
footer{background:var(--blue-dark);color:rgba(255,255,255,.7);padding:48px 0 32px;font-size:.9rem}
footer a{color:rgba(255,255,255,.8);text-decoration:underline}
footer a:hover{color:#fff}
footer .brand-name{font-size:1.6rem;font-weight:900;color:#fff}

@media(max-width:768px){
  .sec-w,.sec-blue-lt{padding:50px 0}
  .sec-h{padding:34px 0}
  .hero{padding:50px 0}
  .tdig,.tdig-dk{font-size:1.5rem;min-width:42px}
  .btn-gold-xl{font-size:1.15rem;padding:16px 28px}
}

.text-primary {
    --bs-text-opacity: 1;
    color: #3a5e02 !important;
}
.rating-box {
height: 15px;
width: 80px;
margin-top: 4px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('rating.png');
}