/* Leaftide advertorial — news-report look.
   Serif for reading, sans for labels and buttons. Greens and amber come from the brand. */

:root{
  --g900:#1a3c2b; --g800:#25523b; --g700:#2f6b4b; --g50:#eef4ef;
  --amber:#f5a70a; --amber-d:#d68f05; --amber-l:#ffd37a;
  --red:#c8102e;
  --ink:#1b1d1c; --ink-2:#3d4240; --muted:#6b706d;
  --rule:#e3e6e4; --paper:#fff;
  --serif:"Newsreader", Georgia, "Times New Roman", serif;
  --sans:"Libre Franklin", Arial, Helvetica, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:var(--g700)}
p{margin:0 0 1em}
h1,h2,h3{font-family:var(--serif);color:var(--ink);line-height:1.2}
h2{font-size:1.6rem;font-weight:700;margin:2.2em 0 .7em}
h3{font-size:1.1rem;font-weight:700;margin:0 0 .3em}
s{color:var(--muted)}
.center{text-align:center}
.muted{color:var(--muted)}

/* ---------- top ---------- */
.ad-strip{background:#f3f4f3;color:var(--muted);font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:7px 10px}
.masthead{border-bottom:3px double var(--ink);background:#fff}
.masthead__inner{max-width:1080px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:20px;justify-content:space-between}
.masthead__logo img{width:150px}
.masthead__title{margin:0;font:700 13px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--g900);text-align:center;flex:1}
.masthead__date{margin:0;font:500 13px/1.2 var(--sans);color:var(--muted);white-space:nowrap}

/* ---------- layout ---------- */
.layout{max-width:1080px;margin:0 auto;padding:30px 20px 50px;display:grid;grid-template-columns:minmax(0,700px) 300px;gap:60px;justify-content:center;align-items:start}
.article{min-width:0}

/* ---------- article header ---------- */
.kicker{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.kicker__dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.headline{font-size:2.6rem;font-weight:800;letter-spacing:-.01em;margin:0 0 .35em;line-height:1.12}
.dek{font-size:1.3rem;font-style:italic;color:var(--ink-2);line-height:1.4;margin-bottom:1.1em}
.byline{display:flex;gap:12px;align-items:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:12px 0;margin-bottom:22px}
.byline__avatar{flex:0 0 44px;height:44px;border-radius:50%;background:var(--g900);color:#fff;font:700 14px/44px var(--sans);text-align:center}
.byline__text p{margin:0;font-family:var(--sans);line-height:1.4}
.byline__name{font-size:14px;font-weight:700}
.byline__role{font-size:13px;color:var(--ink-2)}
.byline__meta{font-size:12px;color:var(--muted);margin-top:2px!important}

/* ---------- body ---------- */
.photo{margin:0 0 1.4em}
.photo img{width:100%;border-radius:4px}
.photo--small{max-width:560px;margin-left:auto;margin-right:auto}
.lede{font-size:1.12em;line-height:1.55}
blockquote{margin:0}
.pull{border-left:4px solid var(--amber);padding:6px 0 6px 22px;margin:1.4em 0;font-size:1.15em;color:var(--ink-2)}
.pull p:last-child{margin-bottom:0}
.statement{background:var(--g50);border-left:4px solid var(--g700);padding:20px 24px;margin:1.4em 0;border-radius:0 6px 6px 0}
.statement p:last-child{margin-bottom:0}
.stock-line{background:#fff6e0;border:1px solid var(--amber-l);border-radius:6px;padding:12px 16px;font-family:var(--sans);font-size:16px}
.stock-line [data-stock-count],.cta-sub [data-stock-count]{color:var(--red);font-weight:700}

ul.dash-list{list-style:none;padding:0;margin:0 0 1.2em}
ul.dash-list li{position:relative;padding-left:22px;margin-bottom:.35em}
ul.dash-list li::before{content:"—";position:absolute;left:0;color:var(--g700)}

/* ---------- buttons ---------- */
.btn{display:inline-block;text-align:center;text-decoration:none;font:800 16px/1.25 var(--sans);text-transform:uppercase;letter-spacing:.02em;padding:17px 26px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn--amber{background:var(--amber);color:var(--g900);box-shadow:0 4px 0 var(--amber-d)}
.btn--amber:hover{background:#ffb21d}
.btn--green{background:var(--g900);color:#fff}
.btn--green:hover{background:var(--g800)}
.btn--outline{background:#fff;color:var(--g900);border-color:var(--g900)}
.btn--outline:hover{background:var(--g50)}
.btn--white{background:#fff;color:var(--g900)}
.btn--block{display:block;width:100%}
.btn--stack small{display:block;margin-top:4px;font:500 12px/1.3 var(--sans);text-transform:none;letter-spacing:0;color:inherit;opacity:.85}
.btn--stack small s{color:inherit;opacity:.7}
.cta-wrap{text-align:center;margin:1.8em 0 2em}
.cta-wrap .btn{max-width:560px;width:100%}
.cta-sub{margin:.7em 0 0;font:500 14px/1.4 var(--sans);color:var(--muted)}

/* ---------- reader offer ---------- */
.eyebrow{font:800 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--g700);margin:0 0 .5em}
.eyebrow--amber{color:var(--amber-l)}
.reader-offer{border:2px solid var(--g900);border-radius:10px;padding:26px 28px;margin:2.2em 0;background:linear-gradient(#fff,#f7faf8)}
.reader-offer h2{margin-top:0;font-size:1.45rem}
.ro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 1.2em}
.ro-cell{border:1px solid var(--rule);background:#fff;border-radius:8px;padding:14px 8px;text-align:center;font:600 16px/1.3 var(--sans);color:var(--g900)}
.ro-cell--best{background:var(--g900);border-color:var(--g900);color:#fff}
/* Ajuste: kit images inside the "Buy X → receive Y" cells (white tile so the
   jars read well on the dark "best" cell too). */
.ro-cell__img{display:block;width:100%;height:auto;background:#fff;border-radius:6px;margin:0 0 10px}
.no-orphan{text-wrap:pretty}

/* ---------- packages ---------- */
.packages{margin:2.4em 0}
.packages h2{margin-top:0}
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch;margin-top:1.2em}
.pk{position:relative;border:1px solid var(--rule);border-radius:10px;padding:18px 14px 16px;background:#fff;display:flex;flex-direction:column;text-align:center;font-family:var(--sans)}
.pk__tag{margin:-18px -14px 12px;padding:8px 6px;border-radius:9px 9px 0 0;background:#f1f3f2;color:var(--ink-2);font:700 11px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.pk__tag--best{background:var(--amber);color:var(--g900)}
.pk__tag--pop{background:var(--g700);color:#fff}
.pk--best{border:2px solid var(--amber);box-shadow:0 10px 30px rgba(26,60,43,.15);transform:scale(1.03);z-index:1}
.pk__img{margin:0 auto 6px;width:100%}
.pk__deal{font-weight:800;font-size:15px;color:var(--g900);margin:0 0 2px;line-height:1.3}
.pk__supply{font-family:var(--serif);font-size:15px;color:var(--ink-2);margin:0 0 8px}
.pk__price{margin:0 0 10px;line-height:1.1}
.pk__price s{font-size:14px;display:block}
.pk__price strong{font-family:var(--serif);font-size:2.1rem;color:var(--g900)}
.pk__price span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.pk .checks{flex:1}
.pk .btn{font-size:13px;padding:14px 10px;width:100%}
.pk .cta-sub{font-size:12px}

ul.checks{list-style:none;padding:0;margin:0 0 14px;text-align:left;font:500 13.5px/1.4 var(--sans)}
ul.checks li{position:relative;padding:5px 0 5px 22px}
ul.checks li::before{content:"";position:absolute;left:2px;top:9px;width:11px;height:6px;border-left:2px solid var(--g700);border-bottom:2px solid var(--g700);transform:rotate(-45deg)}
.checks--side li{border-bottom:1px dotted #cfd4d1;padding:8px 0 8px 22px;font-size:14px}
.checks--side li::before{top:13px}
.checks--light{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;color:#e6efe9}
.checks--light li::before{border-color:var(--amber-l)}

.pay-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;font:500 13px/1 var(--sans);color:var(--muted)}
.pay-logo{height:26px;width:auto;background:#fff;border:1px solid var(--rule);border-radius:4px;padding:3px 6px}
.pay-logo--visa{width:52px}
.pay-logo--mc{width:44px}

/* ---------- comparison ---------- */
.steps-price{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 1.4em}
.steps-price>div{border:1px solid var(--rule);border-radius:8px;padding:14px;font:500 14px/1.4 var(--sans);color:var(--ink-2)}
.steps-price p{margin:0}
.steps-price .big{font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--ink);margin-top:8px}
.steps-price .is-best{background:var(--g900);border-color:var(--g900);color:#dfeae3}
.steps-price .is-best .big{color:var(--amber-l)}
.steps-price__img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;background:#fff;border-radius:6px;margin:0 0 10px}
.photo--jars{max-width:440px;margin-left:auto;margin-right:auto}
.photo--jars-m{display:none} /* Rodada 3: mobile-only kit photos (ajustes 3-5); desktop unchanged */
.photo--jars-m img{height:auto;background:#fff;aspect-ratio:2.3/1;object-fit:cover}
.photo--jars img{height:auto;background:#fff;aspect-ratio:2.3/1;object-fit:cover} /* kit files carry lots of white padding; trimmed so it does not open a gap */
.table-wrap{overflow-x:auto;margin:0 0 1.4em}
table.cmp{width:100%;border-collapse:collapse;font:15px/1.4 var(--sans)}
.cmp th{background:var(--g900);color:#fff;text-align:left;padding:10px 12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.cmp td{padding:11px 12px;border-bottom:1px solid var(--rule)}
.cmp tr.is-best td{background:#fff6e0}

/* ---------- reviews ---------- */
.reviews{display:grid;gap:14px;margin:1em 0}
.review{margin:0;border:1px solid var(--rule);border-radius:8px;padding:18px 20px;background:#fcfdfc}
.stars{color:var(--amber);letter-spacing:2px;font-size:17px;margin-bottom:6px}
.review blockquote p{font-size:17px;margin-bottom:.7em}
.review figcaption{display:flex;align-items:center;gap:8px;font:14px/1.3 var(--sans);color:var(--ink-2)}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--g700);color:#fff;font:700 13px/32px var(--sans);text-align:center;flex:0 0 32px}

/* ---------- timeline ---------- */
ol.timeline{list-style:none;padding:0;margin:1em 0 1.4em;position:relative}
ol.timeline::before{content:"";position:absolute;left:39px;top:8px;bottom:8px;width:2px;background:var(--rule)}
.timeline li{display:grid;grid-template-columns:80px 1fr;gap:16px;margin-bottom:1.1em;position:relative}
.tl-day{align-self:start;background:var(--g900);color:#fff;font:700 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:8px 0;text-align:center;position:relative;z-index:1}
.timeline li p:last-child{margin-bottom:0}

/* ---------- ingredients ---------- */
.ingredients{display:grid;gap:14px;margin:1em 0}
.ing{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:14px}
.ing__imgs{display:flex;justify-content:center}
.ing__imgs img{width:96px;height:96px;object-fit:contain}
.ing__imgs img+img{margin-left:-34px}
.ing p{margin:0;font-size:17px}
.fine{font-size:14px;color:var(--muted);line-height:1.5}

/* ---------- guarantee ---------- */
.guarantee{display:grid;grid-template-columns:160px 1fr;gap:26px;align-items:start;background:#fbf8ee;border:1px solid #efe3bf;border-radius:10px;padding:26px;margin:2.4em 0}
.guarantee h2{margin-top:0}
.guarantee__seal{width:160px}
/* Ajuste (desktop): the seal follows the scroll inside its own box, so the column
   under it no longer stays empty while the long text is read. Reset on mobile. */
.guarantee__seal{position:sticky;top:24px;align-self:start}
.g-big{font-size:1.35rem;color:var(--g900)}

/* ---------- sidebar (desktop) ---------- */
.sidebar{position:sticky;top:20px}
.side-card{border:1px solid #d9ddda;background:#fff;box-shadow:0 6px 22px rgba(0,0,0,.06)}
.side-card__head{margin:0;background:var(--g900);color:#fff;font:800 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:13px 16px}
.side-card__body{padding:18px 16px 16px}
.side-card__body img{margin:6px auto 10px}
.side-card__deal{margin:0;font:400 15px/1.3 var(--sans);color:var(--ink-2)}
.side-card__price{margin:0;display:flex;align-items:baseline;gap:8px}
.side-card__price s{font:15px var(--sans)}
.side-card__price strong{font-size:2.2rem;color:var(--g900);font-weight:800;line-height:1.1}
.side-card__per{margin:0 0 8px;font:14px var(--sans);color:var(--ink-2)}
.side-card .btn{font-size:14px;text-transform:none;padding:14px 10px;margin-top:4px}
.side-card__stock{margin:10px 0 0;font:600 13px/1 var(--sans);color:var(--red);display:flex;align-items:center;justify-content:center;gap:7px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(200,16,46,.5);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(200,16,46,0)}100%{box-shadow:0 0 0 0 rgba(200,16,46,0)}}

/* ---------- final offer (matches the copy doc reference) ---------- */
.final-offer{background:var(--g900);color:#fff}
.final-offer__inner{max-width:1080px;margin:0 auto;padding:44px 20px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.final-offer h2{color:#fff;font-size:2rem;margin:0 0 .4em}
.final-offer__deal{color:var(--amber-l);font-weight:700;font-size:1.1rem;margin:0 0 .8em}
.final-offer__only{margin:0;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#b9cdbf}
.final-offer__price{margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-family:var(--sans)}
.final-offer__price strong{font-family:var(--serif);font-size:2.6rem;line-height:1}
.final-offer__price span{text-transform:uppercase;font-size:15px}
.final-offer__price s{color:#a9bfb0;font-size:15px}
.final-offer .btn{margin-bottom:12px;font-size:15px}
.final-offer .btn--amber{box-shadow:none}
.final-offer__note{font:13px/1.4 var(--sans);color:#c7d6cc;margin:0}
.final-offer__visual{position:relative}
.final-offer__seal{position:absolute;right:6%;bottom:-6%;width:28%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}

/* ---------- disclaimers ---------- */
.disclaimers{background:linear-gradient(#f6f9f7,#e9efeb);padding:40px 20px 30px}
.disclaimers .eyebrow{color:#56705f}
.disc-grid{max-width:900px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.disc{display:flex;gap:14px;background:#fff;border-radius:8px;border-top:3px solid var(--amber);padding:20px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.disc__icon{flex:0 0 34px;height:34px;border-radius:50%;background:#fff3d6;color:var(--amber-d);display:flex;align-items:center;justify-content:center}
.disc h3{font:800 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--g900)}
.disc p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.55}
.disc-note{max-width:640px;margin:22px auto 0;text-align:center;font-size:13px;color:var(--muted);line-height:1.5}

/* ---------- footer ---------- */
.site-footer{background:#0a1b12;color:#a9bbb0;font:14px/1.6 var(--sans);padding:36px 20px 24px}
.site-footer>div{max-width:1080px;margin:0 auto}
.site-footer__top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #1d3527}
.site-footer__logo{width:140px}
.site-footer__nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.site-footer__nav a,.site-footer a{color:#dfe9e3;text-decoration:none}
.site-footer__nav a:hover{text-decoration:underline}
.site-footer__disclosure{padding:20px 0;font-size:13px;border-bottom:1px solid #1d3527}
.site-footer__legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:16px;font-size:13px}
.site-footer__legal p{margin:0}

/* ---------- mobile bottom bar ---------- */
.mbar{display:none}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .layout{grid-template-columns:minmax(0,720px);gap:0}
  .sidebar{display:none}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:center;gap:10px;background:#fff;border-top:1px solid #d9ddda;box-shadow:0 -6px 20px rgba(0,0,0,.1);padding:8px 10px calc(8px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .25s ease}
  .mbar.is-visible{transform:none}
  .mbar img{width:70px;flex:0 0 70px}
  .mbar__txt{flex:1;min-width:0;font-family:var(--sans)}
  .mbar__txt p{margin:0;line-height:1.25}
  .mbar__deal{font-size:13px;font-weight:700;color:var(--g900)}
  .mbar__price{font-size:12px;color:var(--ink-2)}
  .mbar__price strong{font-size:16px;color:var(--g900)}
  .mbar__btn{font-size:12px;padding:12px 12px;white-space:nowrap}
  body{padding-bottom:84px}
}

@media (max-width:760px){
  body{font-size:18px}
  .masthead__inner{flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:12px 16px}
  .masthead__logo img{width:120px}
  .masthead__title{flex-basis:100%;order:3;font-size:11px}
  .masthead__date{font-size:12px}
  .layout{padding:20px 16px 36px}
  .headline{font-size:1.85rem}
  .dek{font-size:1.12rem}
  h2{font-size:1.4rem}
  .reader-offer{padding:20px 16px}
  .ro-grid{grid-template-columns:1fr}
  /* Rodada 3, ajuste 1: client asked for the bottles in the 3 reader-offer options on mobile too (was hidden).
     Ambiguous: crop applied (2/1) so the white padding of the kit files does not open a gap in the 1-column layout. */
  .ro-cell__img{display:block;aspect-ratio:2/1;object-fit:cover;max-width:360px;margin:0 auto 10px}
  /* Rodada 3, ajuste 2: bottles in the 3 per-bottle comparison cards now also on mobile (same crop as desktop). */
  .steps-price__img{display:block;max-width:360px;margin:0 auto 10px}
  .photo--jars-m{display:block;max-width:440px;margin-left:auto;margin-right:auto}
  .photo--jars{display:none} /* round-2 desktop jar photos stay desktop-only; mobile gets its own .photo--jars-m (ajustes 3-5) */
  .pk-grid{grid-template-columns:1fr;gap:18px}
  .pk--6{order:1} .pk--4{order:2} .pk--2{order:3}
  .pk--best{transform:none}
  .pk__img{max-width:340px}
  .pk .btn{font-size:14px;padding:15px 10px}
  .steps-price{grid-template-columns:1fr}
  table.cmp{font-size:13px}
  .cmp th,.cmp td{padding:9px 8px}
  ol.timeline::before{left:31px}
  .timeline li{grid-template-columns:64px 1fr;gap:12px}
  .tl-day{font-size:11px}
  .ing{grid-template-columns:90px 1fr;gap:12px}
  .ing__imgs img{width:70px;height:70px}
  .ing__imgs img+img{margin-left:-26px}
  .ing p{font-size:16px}
  .guarantee{grid-template-columns:1fr;text-align:center;padding:22px 18px}
  .guarantee__seal{margin:0 auto;width:130px;position:static}
  .final-offer__inner{grid-template-columns:1fr;padding:34px 16px;gap:24px}
  .final-offer__visual{order:-1;max-width:420px;margin:0 auto}
  .final-offer h2{font-size:1.55rem}
  .checks--light{grid-template-columns:1fr}
  .disc-grid{grid-template-columns:1fr}
  .site-footer__top{justify-content:center;text-align:center}
  .site-footer__nav{justify-content:center}
  .site-footer__legal{justify-content:center;text-align:center}
}