/* ===================================================================
   SODABURN (sodasburn.com) — custom design system  [4th soda-family site]
   Weight-loss / metabolism LIQUID DROPS (1 dropperful daily) — original
   SodaBurn (Chromium/African Mango/Green Tea/Guarana/Maca/Grape Seed).
   FINGERPRINT-AVOIDANCE: must differ from the 3 prior soda sites:
     - soda-burn.com : soda-blue, Baloo/Mulish, rising-bubbles, LIGHT
     - sodasliim.com : tangerine-orange, Quicksand/Poppins, citrus-burst, LIGHT
     - sodaaslim.com : teal/navy, Sora/DM-Sans, liquid-wave, LIGHT
   THIS ONE (4th): DARK "thermal energy" theme — the first dark soda site.
   Palette: bg #16181b | bg2 #1e2125 | card #24282d | lime #c6f240
            lime-deep #a9d92b | amber #ffb03b | slate #8b96a3 | ink #eef2f4
            line #33393f | mute #97a2ad
   Display: 'Space Grotesk' (techy, geometric) for headings.
   Body:    'Inter' -> fallback system
   Class prefix: sdb-
   Signature: thermal energy bars (rising heat/energy meter)
   NOTE: grids minmax(0,1fr); flex min-width:0; imgs min(NNNpx,100%);
         hero mobile order H1->img->rest.
   ============ SENSITIVE: WEIGHT-LOSS + BLOOD-SUGAR + CAFFEINE ============
   WEIGHT-LOSS: no miracle/guaranteed; NO specific weight numbers; ED-safe;
     "as part of diet & exercise". Source over-claims ("attacks harmful
     bacteria that sabotage weight loss", "activate fat burning", "life-
     changing", "$780 saved") -> softened to structure-function support.
   BLOOD-SUGAR: Chromium may affect blood sugar -> dark safety section;
     diabetes disclaim; hypoglycemia + diabetes-med consult; NO reading
     numbers; source's DIABETIC testimonial REMOVED.
   CAFFEINE: Green Tea + Guarana caffeine -> sensitivity/sleep note.
   OTHER: fake persona "Emily Gottfried" NOT reproduced. Testimonials
     softened (energy/wellness). "FDA Registered Facility". 60-day guarantee.
     6 bonuses. Content FRESHLY REWORDED (distinct from soda-burn.com).
     Meta <150. Aff link third-party tracking redirect (flagged once).
=================================================================== */

:root{
  --bg:#16181b;
  --bg2:#1e2125;
  --card:#24282d;
  --lime:#c6f240;
  --lime-deep:#a9d92b;
  --amber:#ffb03b;
  --amber-deep:#f0982a;
  --slate:#8b96a3;
  --ink:#eef2f4;
  --line:#33393f;
  --mute:#97a2ad;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter','Segoe UI',sans-serif;
  color:#eef2f4;
  background:var(--bg);
  margin:0;
  font-size:17px;
  line-height:1.72;
}
h1,h2,h3,h4,.sdb-display{
  font-family:'Space Grotesk','Segoe UI',sans-serif;
  font-weight:700;
  line-height:1.14;
  color:#fff;
  letter-spacing:-0.5px;
}
.sdb-eyebrow{
  font-family:'Space Grotesk','Segoe UI',sans-serif;
  text-transform:uppercase;
  letter-spacing:3px;
  font-weight:600;
  font-size:.76rem;
  color:var(--lime);
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:1150px;margin:0 auto;padding:0 24px;}

/* ---------- Buttons ---------- */
.sdb-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--lime);
  color:#16181b;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.02rem;
  padding:15px 34px;border:none;cursor:pointer;border-radius:8px;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow:0 8px 24px rgba(198,242,64,.22);
}
.sdb-btn:hover{transform:translateY(-2px);background:var(--lime-deep);box-shadow:0 12px 30px rgba(198,242,64,.34);}
.sdb-btn-amber{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--amber);color:#16181b;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.02rem;
  padding:15px 34px;border:none;cursor:pointer;border-radius:8px;transition:transform .15s ease,background .15s ease;
}
.sdb-btn-amber:hover{background:var(--amber-deep);transform:translateY(-2px);}
.sdb-btn-ghost{
  display:inline-flex;align-items:center;gap:10px;
  background:transparent;border:1.5px solid var(--line);color:#eef2f4;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1rem;
  padding:13px 28px;border-radius:8px;transition:all .15s ease;
}
.sdb-btn-ghost:hover{border-color:var(--lime);color:var(--lime);}

/* ---------- Navbar ---------- */
.sdb-nav{position:sticky;top:0;z-index:1000;background:rgba(22,24,27,.9);backdrop-filter:blur(10px);padding:14px 0;border-bottom:1px solid var(--line);}
.sdb-nav .container{display:flex;align-items:center;justify-content:space-between;}
.sdb-brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;color:#fff;font-size:1.5rem;letter-spacing:-0.5px;}
.sdb-brand .mark{width:30px;height:30px;flex:0 0 auto;}
.sdb-brand span{color:var(--lime);}
.sdb-menu{display:flex;gap:28px;list-style:none;margin:0;padding:0;align-items:center;}
.sdb-menu a{color:#c3ccd4;font-weight:500;font-size:.92rem;}
.sdb-menu a:hover{color:var(--lime);}
.sdb-toggle{display:none;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer;}
@media(max-width:940px){
  .sdb-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg2);flex-direction:column;gap:0;border-top:1px solid var(--line);display:none;}
  .sdb-menu.open{display:flex;}
  .sdb-menu li{width:100%;border-bottom:1px solid var(--line);}
  .sdb-menu a{display:block;padding:16px 24px;}
  .sdb-nav-cta{display:none;}
  .sdb-toggle{display:block;}
}

/* ---------- Hero ---------- */
.sdb-hero{
  background:
    radial-gradient(ellipse at 82% 24%, rgba(255,176,59,.14) 0%, transparent 50%),
    radial-gradient(ellipse at 10% 90%, rgba(198,242,64,.1) 0%, transparent 45%),
    var(--bg);
  color:#fff;padding:64px 0 0;position:relative;overflow:hidden;border-bottom:1px solid var(--line);
}
.sdb-hero-inner{display:flex;align-items:center;gap:48px;flex-wrap:wrap;position:relative;z-index:2;}
.sdb-hero-text{flex:1 1 440px;min-width:0;}
.sdb-hero-a,.sdb-hero-b{width:100%;}
.sdb-hero-text h1{font-size:3.3rem;color:#fff;margin:16px 0 20px;}
.sdb-hero-text h1 em{font-style:normal;color:var(--lime);}
.sdb-hero-text p{color:#b9c2cb;font-size:1.1rem;max-width:520px;}
.sdb-hero-media{flex:1 1 280px;min-width:0;text-align:center;position:relative;}
.sdb-hero-media img{max-width:min(240px,100%);margin:0 auto;filter:drop-shadow(0 26px 44px rgba(0,0,0,.6));position:relative;z-index:2;}
.sdb-hero-media::before{content:'';position:absolute;top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(198,242,64,.16) 0%,transparent 66%);z-index:1;}
.sdb-hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}
.sdb-hero-rate{display:flex;align-items:center;gap:12px;margin-top:24px;color:#b9c2cb;font-weight:500;font-size:.95rem;}
.sdb-hero-rate .stars{color:var(--amber);letter-spacing:2px;font-size:1.15rem;}
@media(max-width:940px){
  .sdb-hero-text{display:contents;}
  .sdb-hero-a{order:1;}
  .sdb-hero-media{order:2;margin-top:14px;}
  .sdb-hero-b{order:3;}
  .sdb-hero-text h1{font-size:2.4rem;}
}

/* thermal energy bars signature */
.sdb-thermal{margin-top:40px;padding-bottom:36px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;}
.sdb-thermal svg{width:190px;height:50px;}
.sdb-thermal-label{color:var(--slate);font-size:.74rem;font-weight:600;margin-top:8px;text-transform:uppercase;letter-spacing:2.5px;}

/* ---------- Sections ---------- */
.sdb-section{padding:78px 0;}
.sdb-section-bg2{background:var(--bg2);}
.sdb-head{text-align:center;max-width:730px;margin:0 auto 46px;}
.sdb-head h2{font-size:2.5rem;margin-top:10px;}
.sdb-head p{color:var(--mute);}

/* ---------- Trust badges ---------- */
.sdb-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
@media(max-width:800px){.sdb-badges{grid-template-columns:repeat(2,minmax(0,1fr));}}
.sdb-badge{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 18px;text-align:center;}
.sdb-badge img{max-width:min(130px,100%);margin:0 auto 12px;border-radius:8px;}
.sdb-badge p{font-weight:600;color:#fff;margin:0;font-size:.94rem;font-family:'Space Grotesk',sans-serif;}

/* ---------- Feature strip ---------- */
.sdb-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:840px;margin:0 auto;}
@media(max-width:700px){.sdb-strip{grid-template-columns:1fr;}}
.sdb-strip-item{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 20px;display:flex;align-items:center;gap:12px;font-weight:600;color:#e5eaed;font-size:.94rem;}
.sdb-strip-item .tick{color:var(--lime);font-weight:800;flex:0 0 auto;}

/* ---------- Testimonials ---------- */
.sdb-testi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
@media(max-width:900px){.sdb-testi-grid{grid-template-columns:1fr;}}
.sdb-testi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 24px;}
.sdb-testi-top{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
.sdb-testi-top img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--line);}
.sdb-testi-name{font-weight:600;color:#fff;font-family:'Space Grotesk',sans-serif;}
.sdb-testi-loc{color:var(--mute);font-size:.84rem;}
.sdb-stars{color:var(--amber);letter-spacing:2px;margin-bottom:8px;}
.sdb-testi p{color:#c3ccd4;font-size:.93rem;margin:0;}
.sdb-rate-strip{text-align:center;margin-top:42px;}
.sdb-rate-strip img{max-width:min(320px,100%);margin:0 auto;border-radius:8px;}

/* ---------- Split rows ---------- */
.sdb-row{display:flex;align-items:center;gap:52px;flex-wrap:wrap;}
.sdb-row.rev{flex-direction:row-reverse;}
.sdb-row-media{flex:1 1 260px;min-width:0;text-align:center;}
.sdb-row-media img{max-width:min(340px,100%);margin:0 auto;filter:drop-shadow(0 18px 34px rgba(0,0,0,.5));}
.sdb-row-body{flex:1 1 420px;min-width:0;}
.sdb-row-body h2{font-size:2.1rem;margin-bottom:16px;}
.sdb-row-body p{color:var(--mute);}

/* ---------- Mechanism ---------- */
.sdb-mech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.sdb-mech-grid{grid-template-columns:1fr;}}
.sdb-mech{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px 24px;}
.sdb-mech .num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.6rem;color:var(--lime);}
.sdb-mech h4{font-size:1.18rem;margin:8px 0 10px;}
.sdb-mech p{margin:0;color:var(--mute);font-size:.92rem;}

/* ---------- Safety (highlighted dark card) ---------- */
.sdb-safety{background:linear-gradient(180deg,rgba(255,176,59,.06),rgba(255,176,59,.02));border:1px solid var(--amber);border-radius:18px;padding:42px 40px;}
.sdb-safety h3{color:var(--amber);font-size:1.6rem;margin:0 0 14px;display:flex;align-items:center;gap:12px;}
.sdb-safety p{color:#cdd5dc;margin:0 0 12px;font-size:.96rem;}
.sdb-safety strong{color:#fff;}
.sdb-safety .warn{width:32px;height:32px;flex:0 0 auto;}

/* ---------- How to use ---------- */
.sdb-use{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--lime);border-radius:14px;padding:32px;max-width:660px;margin:0 auto;text-align:center;}
.sdb-use h4{font-size:1.25rem;margin:0 0 10px;}
.sdb-use p{color:var(--mute);margin:0;}

/* ---------- Ingredients ---------- */
.sdb-ing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
@media(max-width:900px){.sdb-ing-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.sdb-ing-grid{grid-template-columns:1fr;}}
.sdb-ing{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 20px;transition:border-color .15s ease;}
.sdb-ing:hover{border-color:var(--lime);}
.sdb-ing h4{font-size:1.1rem;margin:0 0 8px;font-family:'Space Grotesk',sans-serif;color:var(--lime);}
.sdb-ing p{margin:0;color:var(--mute);font-size:.88rem;}
.sdb-ing em{color:var(--amber);font-style:normal;font-size:.82rem;}

/* ---------- Bonuses ---------- */
.sdb-bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
@media(max-width:900px){.sdb-bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.sdb-bonus-grid{grid-template-columns:1fr;}}
.sdb-bonus{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center;}
.sdb-bonus img{max-width:min(150px,100%);margin:0 auto 14px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5));}
.sdb-bonus .tag{display:inline-block;background:rgba(198,242,64,.14);color:var(--lime);font-weight:700;font-size:.72rem;padding:3px 12px;border-radius:6px;margin-bottom:8px;font-family:'Space Grotesk',sans-serif;}
.sdb-bonus h4{font-size:1.02rem;margin:0 0 8px;}
.sdb-bonus p{margin:0;color:var(--mute);font-size:.85rem;}
.sdb-bonus .free{color:var(--amber);font-weight:600;margin-top:8px;font-size:.8rem;}

/* ---------- Benefits ---------- */
.sdb-ben-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
@media(max-width:900px){.sdb-ben-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.sdb-ben-grid{grid-template-columns:1fr;}}
.sdb-ben{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 22px;}
.sdb-ben .mk{display:inline-flex;width:34px;height:34px;border-radius:8px;background:rgba(198,242,64,.14);color:var(--lime);align-items:center;justify-content:center;font-weight:800;}
.sdb-ben h4{font-size:1.08rem;margin:12px 0 8px;}
.sdb-ben p{margin:0;color:var(--mute);font-size:.9rem;}

/* ---------- Pricing ---------- */
.sdb-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;}
@media(max-width:900px){.sdb-price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}}
.sdb-price{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 24px;text-align:center;position:relative;display:flex;flex-direction:column;}
.sdb-price.feat{border:2px solid var(--lime);box-shadow:0 22px 50px rgba(198,242,64,.14);}
.sdb-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--lime);color:#16181b;font-weight:700;font-size:.72rem;letter-spacing:.5px;text-transform:uppercase;padding:5px 16px;border-radius:6px;white-space:nowrap;font-family:'Space Grotesk',sans-serif;}
.sdb-tag.amber{background:var(--amber);}
.sdb-price img.bottle{max-width:min(190px,100%);margin:6px auto 14px;height:160px;object-fit:contain;}
.sdb-pk{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem;color:#fff;}
.sdb-pk-sub{color:var(--mute);font-size:.88rem;margin-bottom:14px;}
.sdb-pp{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:2.7rem;color:var(--lime);line-height:1;}
.sdb-pp span{font-family:'Inter',sans-serif;font-size:.88rem;font-weight:400;color:var(--mute);}
.sdb-tot{font-weight:600;margin:10px 0 2px;color:#e5eaed;}
.sdb-tot .strike{text-decoration:line-through;color:var(--mute);font-weight:400;margin-right:6px;}
.sdb-save{display:inline-block;background:rgba(255,176,59,.16);color:var(--amber);font-weight:700;font-size:.72rem;padding:3px 12px;border-radius:6px;margin-bottom:8px;letter-spacing:.5px;}
.sdb-ship{font-size:.85rem;font-weight:600;margin-bottom:12px;color:var(--lime);}
.sdb-ship.paid{color:var(--mute);}
.sdb-price .sdb-btn{width:100%;justify-content:center;margin-top:auto;}
.sdb-cards{max-width:min(190px,100%);margin:14px auto 0;opacity:.55;}

/* ---------- Warning banner ---------- */
.sdb-note{background:var(--card);border:1px dashed var(--amber);border-radius:12px;padding:18px 24px;text-align:center;color:var(--amber);font-weight:600;font-size:.98rem;}

/* ---------- Guarantee ---------- */
.sdb-guar{display:flex;align-items:center;gap:44px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:40px;}
.sdb-guar img{max-width:min(180px,100%);margin:0 auto;}
.sdb-guar-body{flex:1 1 360px;min-width:0;}
.sdb-guar-body h3{font-size:1.9rem;margin-bottom:14px;}
.sdb-guar-body p{color:var(--mute);}

/* ---------- Final CTA ---------- */
.sdb-final{background:
  radial-gradient(ellipse at 50% 0%, rgba(198,242,64,.12) 0%, transparent 55%),
  var(--bg2);
  border:1px solid var(--line);text-align:center;border-radius:24px;padding:56px 30px;}
.sdb-final h2{color:#fff;font-size:2.4rem;}
.sdb-final img{max-width:min(300px,100%);margin:22px auto;}
.sdb-final .old{text-decoration:line-through;opacity:.6;font-size:1.05rem;color:var(--mute);}
.sdb-final .new{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--lime);font-size:2.7rem;margin:6px 0 22px;}

/* ---------- FAQ ---------- */
.sdb-faq{max-width:820px;margin:0 auto;}
.sdb-faq-item{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:var(--card);overflow:hidden;}
.sdb-faq-q{width:100%;text-align:left;background:none;border:none;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:1.1rem;color:#fff;gap:16px;}
.sdb-faq-q::after{content:'+';font-size:1.5rem;color:var(--lime);transition:transform .2s;flex-shrink:0;}
.sdb-faq-item.open .sdb-faq-q::after{transform:rotate(45deg);}
.sdb-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.sdb-faq-a p{padding:0 22px 20px;margin:0;color:var(--mute);}

/* ---------- Footer ---------- */
.sdb-footer{background:#101215;color:#8b96a3;padding:46px 0 30px;font-size:.9rem;border-top:1px solid var(--line);}
.sdb-footer a{color:#c3ccd4;}
.sdb-footer a:hover{color:var(--lime);}
.sdb-footer hr{border-color:var(--line);margin:26px 0;}
.sdb-footer .sdb-disc{font-size:.82rem;color:#77828d;max-width:900px;}

/* ---------- Sticky mobile bar ---------- */
.sdb-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1030;background:#101215;padding:10px 16px;display:none;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -6px 20px rgba(0,0,0,.5);border-top:1px solid var(--lime);}
.sdb-sticky .t{color:#fff;line-height:1.2;font-family:'Space Grotesk',sans-serif;}
.sdb-sticky .t small{display:block;color:var(--slate);font-size:.72rem;font-family:'Inter',sans-serif;}
@media(max-width:940px){.sdb-sticky{display:flex;}body{padding-bottom:70px;}}

.align-center{text-align:center;}