/* SodaSlim | plum + orange + cream, styled after the reference page (fresh code) */
:root{
  --sd-plum:#4A2545; --sd-plum-dk:#341A31; --sd-plum-lt:#5C3557; --sd-orange:#E8622D; --sd-orange-dk:#CC4E1E; --sd-gold:#F0A93E;
  --sd-cream:#FDF7F1; --sd-sand:#F7EBE0; --sd-slate:#5C5259; --sd-line:#EADFD3; --sd-ink:#2E1A2B;
  --sd-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sd-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--sd-sans);font-size:1.03rem;line-height:1.7;color:var(--sd-slate);background:var(--sd-cream)}
h1,h2,h3,h4{font-family:var(--sd-serif);font-weight:700;line-height:1.18;color:var(--sd-plum)}
h2{font-size:clamp(1.8rem,3.6vw,2.4rem);margin-bottom:.6rem}
h3{font-size:1.08rem;font-family:var(--sd-sans);font-weight:700;color:var(--sd-ink)}
p{max-width:72ch}
a{color:var(--sd-orange-dk);text-underline-offset:3px}
a:hover{color:var(--sd-plum)}
:focus-visible{outline:3px solid var(--sd-gold);outline-offset:3px}
.sd-skip{position:absolute;left:-9999px;top:0;z-index:3000;background:var(--sd-plum);color:#fff;padding:.6rem 1rem;font-weight:700}
.sd-skip:focus{left:0}
.sd-sec{padding:clamp(3rem,6.5vw,5rem) 0}
.sd-cream,.sd-gray,.sd-mist,.sd-blush,.sd-soft,.sd-tint{background:var(--sd-cream)}
.sd-sand{background:var(--sd-sand)}
.sd-plum{background:var(--sd-plum);color:#E9DCE6}
.sd-plum h2,.sd-plum h3{color:#fff}
.sd-eyebrow{display:block;font-size:.74rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--sd-orange);margin-bottom:.5rem}
.sd-plum .sd-eyebrow{color:var(--sd-gold)}
.sd-head{text-align:center;max-width:720px;margin:0 auto 2rem}
.sd-head p{margin:0 auto;color:var(--sd-slate)}
.sd-plum .sd-head p{color:#D9C7D5}
.sd-note,.sd-small{font-size:.88rem;color:var(--sd-slate)}
.sd-lead,.sd-intro{font-size:1.06rem}

/* topbar + header */
.sd-topbar{background:var(--sd-plum);color:#E9DCE6;font-size:.82rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.2rem 1.4rem;padding:.45rem .8rem}
.sd-topbar b{color:var(--sd-gold);font-weight:700}
@media (max-width:767.98px){.sd-topbar span:not(:first-child){display:none}}
.sd-header{background:var(--sd-cream);border-bottom:1px solid var(--sd-line);box-shadow:0 4px 18px rgba(52,26,49,.06)}
.sd-header .navbar{padding:.75rem .75rem}
.sd-brand{font-family:var(--sd-serif);font-weight:700;font-size:1.45rem;color:var(--sd-plum);text-decoration:none}
.sd-brand span{color:var(--sd-orange)}
.sd-brand:hover{color:var(--sd-plum)}
.sd-header .nav-link{font-weight:700;font-size:.95rem;color:var(--sd-slate);padding:.5rem .7rem!important;white-space:nowrap}
.sd-header .nav-link:hover{color:var(--sd-orange-dk)}
.sd-toggler{border:1px solid var(--sd-line);background:#fff;color:var(--sd-plum);font-size:1.3rem;line-height:1;border-radius:10px;padding:.4rem .7rem}
@media (max-width:991.98px){.sd-header .navbar-collapse{padding:.6rem 0 1rem}}

/* buttons */
.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-weight:700;font-size:1rem;border:0;border-radius:10px;padding:.9rem 1.6rem;transition:transform .2s,background .2s,box-shadow .2s;color:#fff}
.sd-btn svg{width:1.1em;height:1.1em}
.sd-btn-orange{background:var(--sd-orange);box-shadow:0 10px 24px rgba(232,98,45,.35)}
.sd-btn-orange:hover{background:var(--sd-orange-dk);color:#fff;transform:translateY(-2px)}
.sd-btn-plum{background:var(--sd-plum);box-shadow:0 10px 22px rgba(74,37,69,.25)}
.sd-btn-plum:hover{background:var(--sd-plum-dk);color:#fff;transform:translateY(-2px)}
.sd-btn-outline{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.sd-btn-outline:hover{background:#fff;color:var(--sd-plum)}
.sd-btn-ghost{background:#fff;color:var(--sd-plum);box-shadow:inset 0 0 0 1.5px var(--sd-line)}
.sd-btn-ghost:hover{color:var(--sd-orange-dk)}
.sd-btn-sm{font-size:.92rem;padding:.55rem 1.1rem}
.sd-btn-block{width:100%}
.sd-btn:not(.sd-btn-plum):not(.sd-btn-orange):not(.sd-btn-outline):not(.sd-btn-ghost){background:var(--sd-orange)}
@media (max-width:575.98px){.sd-btn{white-space:normal;text-align:center}}

/* hero */
.sd-hero{position:relative;overflow:hidden;background:var(--sd-plum);color:#E9DCE6;padding:clamp(2rem,5vw,3.6rem) 0 clamp(3rem,6vw,4.4rem)}
.sd-fizz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sd-hero .container{position:relative;z-index:1}
.sd-pill{display:inline-block;background:#fff;color:var(--sd-plum);border-radius:999px;font-weight:700;font-size:.85rem;padding:.45rem 1rem;margin-bottom:1rem}
.sd-hero h1{color:#fff;font-size:clamp(2rem,4.3vw,3rem);margin-bottom:1.2rem}
.sd-hero h1 span{color:var(--sd-gold)}
.sd-answer{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-left:4px solid var(--sd-orange);border-radius:12px;padding:1.2rem 1.4rem;margin-bottom:1rem}
.sd-answer .sd-eyebrow{color:var(--sd-gold)}
.sd-answer-main{color:#fff;font-weight:700;font-size:1.08rem;margin-bottom:.7rem}
.sd-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.sd-chips span{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;font-size:.85rem;font-weight:700;padding:.35rem .9rem}
.sd-ticks{list-style:none;padding:0;margin:0 0 1.2rem}
.sd-ticks li{position:relative;padding:.25rem 0 .25rem 1.8rem}
.sd-ticks li::before{content:"\2713";position:absolute;left:0;top:.42rem;width:20px;height:20px;border-radius:50%;background:var(--sd-orange);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center}
.sd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;max-width:460px;margin-bottom:1.3rem}
.sd-stats div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:10px;text-align:center;padding:.7rem .4rem}
.sd-stats b{display:block;font-family:var(--sd-serif);font-size:1.7rem;color:var(--sd-gold);line-height:1}
.sd-stats span{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:#D9C7D5}
.sd-hero-cta{display:flex;flex-wrap:wrap;gap:.8rem}
.sd-trust-line{font-size:.82rem;color:#CDB9C9;margin:.9rem 0 0}
.sd-hero-visual{position:relative;display:grid;place-items:center;min-height:320px}
.sd-glow{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(240,169,62,.35),rgba(232,98,45,.12) 45%,transparent 70%);animation:sdGlow 4s ease-in-out infinite}
@keyframes sdGlow{0%,100%{transform:scale(.92);opacity:.8}50%{transform:scale(1.06);opacity:1}}
.sd-hero-bottle{position:relative;width:62%;max-width:340px;height:auto;filter:drop-shadow(0 26px 30px rgba(0,0,0,.4));animation:sdRise 1s cubic-bezier(.2,1.2,.3,1) both,sdBob 5s ease-in-out 1s infinite}
@keyframes sdRise{from{transform:translateY(50px) scale(.92);opacity:0}to{transform:none;opacity:1}}
@keyframes sdBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.sd-flame-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;text-align:center;padding:1rem 1rem .8rem;margin-top:1rem}
.sd-flame-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--sd-gold)}
.sd-flame{width:52px;height:74px;margin:.6rem auto .3rem;display:block;transform-origin:50% 100%;animation:sdFlick 1.4s ease-in-out infinite alternate}
.sd-flame .f1{fill:var(--sd-orange)}
.sd-flame .f2{fill:var(--sd-gold);transform-origin:50% 100%;animation:sdFlick 1s ease-in-out infinite alternate-reverse}
@keyframes sdFlick{0%{transform:scale(1,1) skewX(0)}50%{transform:scale(.94,1.06) skewX(-3deg)}100%{transform:scale(1.04,.96) skewX(3deg)}}
.sd-flame-card p{margin:0 auto;font-size:.82rem;color:#D9C7D5}

/* cards */
.sd-card{background:#fff;border:1px solid var(--sd-line);border-radius:14px;padding:1.2rem 1.25rem;height:100%;box-shadow:0 4px 14px rgba(52,26,49,.04)}
.sd-card h3{margin:0 0 .3rem}
.sd-card p{margin:0;font-size:.93rem}
.sd-why{text-align:center}
.sd-why img{width:84px;height:84px;object-fit:contain;margin-bottom:.6rem}
.sd-adv{border-left:4px solid var(--sd-orange)}
.sd-feature{width:100%;height:auto;border-radius:14px;box-shadow:0 18px 40px rgba(52,26,49,.12)}
.sd-note-box{background:#fff;border:1px solid var(--sd-line);border-radius:12px;padding:1rem 1.1rem;font-size:.92rem;margin-top:1rem}

/* how (plum cards) */
.sd-dcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:1.2rem;height:100%}
.sd-dcard h3{color:#fff;margin:.6rem 0 .3rem}
.sd-dcard p{margin:0;font-size:.92rem;color:#D9C7D5}
.sd-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--sd-orange);color:#fff;font-weight:700;font-size:.9rem}
.sd-summary{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:1.1rem 1.3rem;margin-top:1.2rem;font-size:.95rem}
.sd-summary b{color:var(--sd-gold)}

/* reviews */
.sd-rev-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.4rem}
.sd-rev-top img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.sd-rev-top b{display:block;color:var(--sd-ink)}
.sd-rev-top small{color:#2E8B57;font-weight:700;font-size:.78rem}
.sd-stars{color:#F0A93E;letter-spacing:2px}
.sd-rev p{margin-top:.4rem}
.sd-rev-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 3rem;margin-top:2rem;text-align:center}
.sd-rev-stats b{display:block;font-family:var(--sd-serif);font-size:2rem;color:var(--sd-plum);line-height:1}
.sd-rev-stats span{font-size:.75rem;letter-spacing:1px;text-transform:uppercase;font-weight:700}
.sd-stars-box{background:#fff;border:1px solid var(--sd-line);border-radius:12px;padding:.7rem 1rem}
.sd-stars-box span{display:block;margin-bottom:.3rem;text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--sd-ink)}
.sd-stars-box img{width:170px;height:auto}

/* pricing */
.sd-pack{position:relative;background:#fff;border:1px solid var(--sd-line);border-radius:16px;padding:1.4rem 1.3rem 1.3rem;text-align:center;height:100%;display:flex;flex-direction:column;box-shadow:0 6px 18px rgba(52,26,49,.05)}
.sd-pack-best{border:2px solid var(--sd-orange);box-shadow:0 20px 44px rgba(232,98,45,.18)}
.sd-pack-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--sd-plum);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:.25rem .9rem;white-space:nowrap}
.sd-pack-best .sd-pack-tag{background:var(--sd-orange)}
.sd-pack-img{display:flex;align-items:center;justify-content:center;height:190px;margin-bottom:.8rem;border-radius:12px;background:radial-gradient(circle at 50% 60%,#fff,var(--sd-cream) 72%)}
.sd-pack-img img{width:100%;max-width:220px;height:170px;object-fit:contain}
.sd-pack h3{font-family:var(--sd-serif);font-size:1.6rem;color:var(--sd-plum);margin:0}
.sd-pack-days{font-size:.85rem}
.sd-pack-price{font-family:var(--sd-serif);font-size:2.8rem;font-weight:700;color:var(--sd-plum);line-height:1;margin:.5rem 0 .2rem}
.sd-pack-price small{font-family:var(--sd-sans);font-size:.95rem;color:var(--sd-slate);font-weight:500}
.sd-was{font-size:.88rem;text-decoration:line-through;color:#A08F9C}
.sd-pack-total{font-weight:700;color:var(--sd-ink);margin:.3rem auto 0}
.sd-pack-ship{font-size:.88rem;margin:0 auto .7rem}
.sd-free{color:#C0392B;font-weight:700}
.sd-pack ul{list-style:none;padding:0;margin:0 0 1rem;text-align:left;font-size:.9rem}
.sd-pack li{padding:.2rem 0 .2rem 1.4rem;position:relative}
.sd-pack li::before{content:"\2713";position:absolute;left:0;color:var(--sd-orange);font-weight:700}
.sd-pack .sd-btn{margin-top:auto}
.sd-cards{display:block;width:100%;max-width:200px;height:auto;margin:.8rem auto 0}
@media (min-width:992px){.sd-pack-best{transform:scale(1.04)}}
.sd-water-note{max-width:760px;margin:2rem auto 0;background:#FFF6E6;border:1px solid #F4D8A8;border-radius:12px;padding:.9rem 1.1rem;font-size:.92rem}

/* ingredients + alerts */
.sd-sq{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--sd-orange);color:#fff;font-weight:700;font-size:.9rem;margin-bottom:.6rem}
.sd-sq-plum{background:var(--sd-plum)}
.sd-alert{border-radius:12px;padding:1rem 1.2rem;margin-top:1.2rem;font-size:.93rem}
.sd-alert-red{background:#FDECEA;border:1px solid #F5C2BC;color:#7A2C22}
.sd-alert-amber{background:#FFF6E6;border:1px solid #F4D8A8;color:#6B4A12}

/* guarantee */
.sd-guar{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:center;padding:1.8rem}
.sd-guar img{width:100%;height:auto}
.sd-guar p{font-size:.97rem}
@media (max-width:767.98px){.sd-guar{grid-template-columns:1fr;text-align:center}.sd-guar img{max-width:160px;margin:0 auto}}

/* how to use */
.sd-steps{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.sd-steps li{display:flex;gap:1rem;align-items:flex-start}
.sd-steps .sd-sq{flex:none;margin:0;background:#FBE3D8;color:var(--sd-orange-dk)}
.sd-steps h3{margin:0 0 .2rem}

/* faq */
.sd-faq .accordion-item{border:1px solid var(--sd-line);border-radius:12px!important;margin-bottom:.6rem;overflow:hidden;background:#fff}
.sd-faq .accordion-button{font-family:var(--sd-serif);font-weight:700;font-size:1.02rem;color:var(--sd-plum);background:#fff;box-shadow:none}
.sd-faq .accordion-button:not(.collapsed){background:var(--sd-cream);color:var(--sd-orange-dk)}
.sd-faq .accordion-body{font-size:.96rem}

/* references */
.sd-refs{list-style:none;padding:0;margin:0 0 1rem}
.sd-refs li{padding:.5rem 0;border-bottom:1px solid var(--sd-line)}
.sd-refs a{font-weight:700;text-decoration-color:var(--sd-orange);text-decoration-thickness:2px}

/* final */
.sd-final{background:var(--sd-plum);border-radius:20px;text-align:center;padding:clamp(1.8rem,5vw,3rem);color:#D9C7D5;box-shadow:0 24px 50px rgba(52,26,49,.25)}
.sd-final h2{color:#fff}
.sd-final p{margin-left:auto;margin-right:auto}
.sd-final img{width:100%;max-width:420px;height:auto;margin:1rem auto;display:block}
.sd-final-reg{text-decoration:line-through;margin:0}
.sd-final-now{font-family:var(--sd-serif);font-size:2rem;font-weight:700;color:var(--sd-gold);margin:.2rem 0 1rem}
.sd-final-small{font-size:.82rem;margin-top:.8rem}

/* footer (centered, dark plum) */
.sd-footer{background:var(--sd-plum-dk);color:#CDB9C9;text-align:center;padding:3rem 0 6rem;font-size:.93rem}
.sd-brand-light{color:#fff;font-size:1.8rem;display:inline-block;margin-bottom:1rem}
.sd-brand-light:hover{color:#fff}
.sd-flinks{list-style:none;padding:0;margin:0 auto .55rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.3rem}
.sd-flinks a{color:#fff;text-decoration:none;font-weight:700}
.sd-flinks a:hover{color:var(--sd-gold)}
.sd-flinks2 a{color:#CDB9C9;font-weight:500}
.sd-footer hr{border-color:#55304F;opacity:1;max-width:900px;margin:1.5rem auto}
.sd-footer p{max-width:900px;margin:0 auto 1rem;font-size:.86rem;line-height:1.6}
.sd-footer strong{color:#fff}
.sd-footer p a{color:var(--sd-gold)}
.sd-ftag{font-family:var(--sd-serif);font-size:1.15rem;color:var(--sd-gold)!important;margin-top:1rem!important}

/* sticky mobile bar */
.sd-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--sd-plum);color:#fff;padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom));box-shadow:0 -10px 24px rgba(52,26,49,.25)}
.sd-sticky b{display:block;font-size:.95rem}
.sd-sticky small{color:#D9C7D5;font-size:.76rem}
.sd-sticky .sd-btn{flex:none;white-space:nowrap}
@media (min-width:768px){.sd-sticky{display:none}.sd-footer{padding-bottom:3rem}}

/* inner pages & blog */
.sd-pagehead{background:var(--sd-plum);color:#D9C7D5;padding:2.4rem 0 2rem}
.sd-pagehead h1{color:#fff;font-size:clamp(1.9rem,4.2vw,2.7rem);margin:0}
.sd-crumbs{list-style:none;padding:0;margin:0 0 .8rem;display:flex;flex-wrap:wrap;gap:.3rem;font-size:.86rem;font-weight:700;color:#CDB9C9}
.sd-crumbs a{color:var(--sd-gold)}
.sd-crumbs li+li::before{content:"\203A";margin-right:.35rem}
.sd-byline{margin:.8rem 0 0;color:#D9C7D5;font-size:.93rem}
.sd-doc{padding:2.4rem 0 3.6rem}
.sd-doc h2{font-size:clamp(1.5rem,3vw,1.95rem);margin-top:2rem}
.sd-doc h3{font-size:1.1rem;margin-top:1.2rem}
.sd-art-img{display:block;width:100%;max-width:320px;height:auto;margin:0 auto 1.6rem}
.sd-box{border-radius:12px;padding:1rem 1.3rem;margin-bottom:1.2rem;background:#fff;border:1px solid var(--sd-line)}
.sd-box.sd-key{border-left:4px solid var(--sd-orange)}
.sd-box-title{font-family:var(--sd-serif);font-weight:700;font-size:1.1rem;margin-bottom:.35rem;color:var(--sd-plum)}
.sd-box ul,.sd-box ol{margin:0;padding-left:1.2rem}
.sd-inline{display:flex;align-items:center;gap:1.1rem;border-radius:16px;padding:1rem 1.3rem;margin:2rem 0;background:var(--sd-plum);color:#D9C7D5}
.sd-inline .sd-box-title{color:#fff}
.sd-inline img{width:110px;height:auto;flex:none}
.sd-inline p{margin:0 0 .6rem}
@media (max-width:575.98px){.sd-inline{flex-direction:column;text-align:center}}
.sd-pn{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--sd-line)}
.sd-pn a{text-decoration:none;color:var(--sd-plum);font-weight:700}
.sd-pn small{display:block;color:var(--sd-slate);font-weight:500}
.sd-pn a:last-child{text-align:right}
.sd-post{background:#fff;border:1px solid var(--sd-line);border-radius:14px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.sd-post:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(52,26,49,.1)}
.sd-post-img{background:var(--sd-sand);display:grid;place-items:center;padding:.9rem}
.sd-post-img img{width:100%;max-width:200px;height:150px;object-fit:contain}
.sd-post-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}
.sd-post h2,.sd-post h3{font-family:var(--sd-serif);font-size:1.15rem;margin-bottom:.4rem;color:var(--sd-plum)}
.sd-post h2 a,.sd-post h3 a{color:var(--sd-plum);text-decoration:none}
.sd-post h2 a:hover,.sd-post h3 a:hover{color:var(--sd-orange-dk)}
.sd-post p{font-size:.93rem}
.sd-read{font-weight:700;margin-top:auto}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:991.98px){.sd-flame-card{display:none}.sd-hero-visual{min-height:0}.sd-hero-bottle{width:58%}}