/* Cabau Lifestyle — concept landing. Fontes: Fraunces (títulos, equivalente OFL das Quincy CF/Monarque do site) e Nunito (corpo, a do site). */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/fraunces-400.woff2) format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fraunces-600.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nunito-400.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/nunito-600.woff2) format('woff2')}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/nunito-700.woff2) format('woff2')}

:root{
  --wine:#54001d;--cream:#f9f0ea;--sand:#f3e2d6;--pink:#f7c2cf;--rose:#d9768a;--blush:#fbe6ed;--mulberry:#86485b;
  --tx:var(--wine);--tx-soft:#86485b;--card:#fff9f5;--line:rgba(84,0,29,.14);
  --max:1200px;--ease:cubic-bezier(.23,1,.32,1);
  --display:'Fraunces',Georgia,'Times New Roman',serif;--body:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:var(--cream);color:var(--wine);font:400 17px/1.58 var(--body);touch-action:manipulation;overflow-x:clip}
img{display:block;max-width:100%;height:auto;outline:1px solid rgba(0,0,0,.07);outline-offset:-1px}
a{color:inherit}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p,figure,blockquote{margin:0}
::selection{background:var(--wine);color:var(--pink)}
:focus-visible{outline:3px solid var(--rose);outline-offset:3px;border-radius:6px}
.on-dark :focus-visible{outline-color:var(--pink)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== bloco do pacote (menu, faixa, rodapé) ===== */
.pular{position:absolute;left:12px;top:-60px;z-index:50;background:var(--wine);color:var(--cream);padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none;transition:top .2s var(--ease)}
.pular:focus{top:12px}
.rascunho{background:var(--wine);color:var(--cream);text-align:center;font-size:13px;line-height:1.4;padding:7px 14px}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(14px,3vw,32px);background:var(--cream);border-bottom:1px solid var(--line)}
.pacote-abas{display:flex;gap:4px;flex-wrap:wrap}
.pacote-abas a,.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:999px;font:700 14px/1.2 var(--body);text-decoration:none;color:var(--wine);transition-property:background-color,color,transform;transition-duration:.18s;transition-timing-function:var(--ease)}
.pacote-abas a[aria-current="page"]{background:var(--wine);color:var(--cream)}
.chat{background:var(--pink);color:var(--wine);white-space:nowrap}
.pacote-abas .curto{display:none}
@media (hover:hover) and (pointer:fine){
  .pacote-abas a:not([aria-current]):hover{background:var(--sand)}
  .chat:hover{background:var(--rose)}
}
.pacote-abas a:active,.chat:active{transform:scale(.97)}
@media (max-width:860px){
  .pacote{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}
  .pacote-abas{display:contents}
  .pacote-abas a,.chat{width:100%;min-height:44px;padding:6px 4px;font-size:13px;text-align:center;border:1px solid var(--line);white-space:normal}
  .pacote-abas a[aria-current="page"]{border-color:var(--wine)}
  .chat{border-color:transparent}
}
.rodape{background:var(--wine);color:var(--cream);padding:40px 24px 48px;text-align:center;font-size:14px;line-height:1.6}
.rodape p{max-width:720px;margin:0 auto 14px}
.rodape-chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 22px;border-radius:999px;background:var(--pink);color:var(--wine);font-weight:700;text-decoration:none}
.rodape-fontes{color:#f7c2cf;font-size:13px;margin-bottom:0!important}

/* ===== seções e costura ===== */
main{display:block}
main>section{position:relative;overflow-x:clip;background-color:var(--c);padding:clamp(56px,6vw,76px) clamp(18px,4vw,40px) clamp(104px,9vw,120px);color:var(--tx)}
main>section::after{content:'';position:absolute;inset:auto 0 0;height:96px;background:linear-gradient(to bottom in oklab,var(--c),var(--n));pointer-events:none}
main>section>*{position:relative;z-index:1}
.on-dark{--tx:var(--cream);--tx-soft:var(--pink)}
.bloom-wrap{max-width:var(--max);margin-inline:auto;width:100%}
.sec-head{text-align:center;max-width:760px;margin:0 auto clamp(26px,3vw,40px)}
.sec-head p{margin-top:12px;color:var(--tx-soft)}
.on-dark .sec-head p{color:var(--pink)}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.015em;text-wrap:balance}
h1{font-size:clamp(48px,6.6vw,92px);line-height:1.02;letter-spacing:-.025em}
h2{font-size:clamp(30px,3.5vw,50px);line-height:1.08}
h3{font-size:clamp(20px,1.7vw,24px);line-height:1.2}
p{text-wrap:pretty}
.small{font-size:14px;line-height:1.5}
.num{font-variant-numeric:tabular-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:999px;font:700 16px/1.2 var(--body);text-decoration:none;border:2px solid var(--wine);transition-property:background-color,color,transform,box-shadow;transition-duration:.2s;transition-timing-function:var(--ease)}
.btn-wine{background:var(--wine);color:var(--cream)}
.btn-ghost{background:transparent;color:var(--wine)}
.btn-light{background:var(--cream);color:var(--wine);border-color:var(--cream)}
.btn-ghost-light{background:transparent;color:var(--cream);border-color:var(--cream)}
.btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .btn-wine:hover{background:var(--mulberry);border-color:var(--mulberry)}
  .btn-ghost:hover{background:var(--wine);color:var(--cream)}
  .btn-light:hover{background:var(--pink);border-color:var(--pink)}
  .btn-ghost-light:hover{background:var(--cream);color:var(--wine)}
}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.frame{overflow:hidden;border-radius:18px;background:var(--sand)}
.frame img{width:100%;height:100%;object-fit:cover}
.card{background:var(--card);color:var(--wine);border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 1px 2px rgba(84,0,29,.06),0 8px 24px -10px rgba(84,0,29,.18)}
.card .frame{border-radius:14px}
.card-pad{padding:6px 10px 12px}
.pack{background:var(--sand);border-radius:14px;overflow:hidden}
.pack img{width:100%;height:100%;object-fit:contain}
.facts{display:grid;gap:7px}
.facts li{position:relative;padding-left:22px;font-size:15px;line-height:1.45}
.facts li::before{content:'';position:absolute;left:2px;top:.52em;width:9px;height:9px;border-radius:50% 50% 50% 0;background:var(--rose);transform:rotate(-45deg)}
.on-dark .facts li::before{background:var(--pink)}
.price{font:600 clamp(24px,2.2vw,30px)/1 var(--display);font-variant-numeric:tabular-nums}
.price s{font:400 15px var(--body);opacity:1;color:var(--tx-soft);margin-left:6px}
.tag{display:inline-flex;align-items:center;min-height:26px;padding:2px 12px;border-radius:999px;background:var(--wine);color:var(--cream);font:700 13px/1.2 var(--body)}
.tag-soft{background:var(--pink);color:var(--wine)}

/* ===== reveal (estado escondido só sob .com-js; sem JS e sem movimento tudo aparece) ===== */
.com-js .rv{transition:opacity .9s var(--ease) calc(var(--i,0)*80ms),transform .9s var(--ease) calc(var(--i,0)*80ms),clip-path 1s var(--ease) calc(var(--i,0)*80ms)}
.com-js .rv:not(.in){opacity:0;transition-duration:.32s;transition-delay:0s}
.com-js .rv-up:not(.in){transform:translateY(26px)}
.com-js .rv-scale:not(.in){transform:scale(.94)}
.com-js .rv-wipe{clip-path:inset(0 0 0 0)}
.com-js .rv-wipe:not(.in){clip-path:inset(0 0 100% 0)}
.com-js .rv-slide:not(.in){transform:translateX(18px)}
.com-js .rv-turn{transform-origin:0 50%}
.com-js .rv-turn:not(.in){transform:perspective(900px) rotateY(-24deg)}
.com-js .rv-grow{transform-origin:50% 100%}
.com-js .rv-grow:not(.in){transform:scaleY(.55)}
.com-js .rv-fill:not(.in) .liq{transform:scaleY(0)}
.com-js .rv-line:not(.in) .track-line{transform:scaleY(0)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .com-js .rv{transition:opacity .4s linear calc(var(--i,0)*40ms)!important}
  .com-js .rv:not(.in){transform:none!important;clip-path:none!important}
  .com-js .rv-fill:not(.in) .liq,.com-js .rv-line:not(.in) .track-line{transform:none!important}
  .liq,.track-line{transition:none!important}
  .marquee-track{animation:none!important}
  .marquee-pause{display:none}
}

/* ===== 1 · bloom-into-you ===== */
.hero-bloom{padding-top:clamp(40px,4.4vw,64px)}
.hero-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.hero-copy{display:grid;gap:18px;justify-items:start;text-align:left}
.hero-tag{font:700 17px/1.2 var(--body);color:var(--mulberry)}
.hero-lede{font-size:clamp(17px,1.4vw,20px);max-width:34ch}
.perk-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;font-size:14px;line-height:1.35}
.perk-line span{display:flex;align-items:center;min-height:56px;padding:8px 12px;border:1.5px solid var(--wine);border-radius:16px;font-weight:700}
.hero-photos{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:min(540px,64vh)}
.hero-photos .frame:first-child{grid-row:span 2}
.hero-photos img{object-position:50% 30%}
@media (max-width:900px){
  .hero-split{grid-template-columns:minmax(0,1fr)}
  .hero-photos{height:auto;aspect-ratio:1/1}
  .perk-line{grid-template-columns:minmax(0,1fr)}
  .perk-line span{min-height:44px}
}

/* ===== 2 · power-woman ===== */
.tile-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.power-tile{display:grid;gap:12px;text-align:center}
.power-tile .frame{aspect-ratio:4/5;max-height:300px;width:100%}
.power-tile h3{color:var(--cream);padding:0 6px 4px}
.marquee-wrap{margin-top:28px;display:flex;align-items:center;gap:12px;border-block:1px solid rgba(249,240,234,.28);padding-block:10px}
.marquee{overflow:hidden;flex:1;min-width:0}
.marquee-track{display:flex;width:max-content;gap:38px;animation:cabau-roll 38s linear infinite}
.marquee.paused .marquee-track{animation-play-state:paused}
.marquee-track span{font:400 clamp(20px,2vw,26px)/1.2 var(--display);white-space:nowrap;color:var(--pink)}
.marquee-pause{flex:none;min-height:44px;padding:6px 16px;border-radius:999px;border:1.5px solid var(--pink);background:transparent;color:var(--pink);font:700 14px var(--body);cursor:pointer}
@keyframes cabau-roll{to{transform:translateX(-50%)}}
@media (max-width:900px){.tile-row{grid-template-columns:repeat(2,minmax(0,1fr))}.power-tile .frame{max-height:240px}}

/* ===== 3 · sachet-water-done ===== */
.sachet-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,5fr);gap:clamp(20px,3vw,44px);align-items:center}
.sachet-photo{display:grid;gap:12px}
.sachet-photo .frame{aspect-ratio:4/3}
.sachet-photo .pack{aspect-ratio:2/1}
.sachet-photo .pack img{object-fit:cover}
.bottle-box{display:flex;justify-content:center}
.bottle-box svg{width:min(100%,260px);height:auto;max-height:420px;overflow:visible}
.liq{transform-box:fill-box;transform-origin:50% 100%;transition:transform 1.5s var(--ease) calc(var(--i,0)*190ms)}
.steps3{display:grid;gap:12px}
.step3{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px 16px}
.step3 b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--wine);color:var(--cream);font:600 24px var(--display)}
.step3 h3{font-size:22px}
.step3 .num{font-weight:700}
.sachet-lede{font-size:18px;margin:0 0 14px}
.sachet-notes{margin-top:14px;display:grid;gap:4px;font-size:15px}
@media (max-width:900px){
  .sachet-grid{grid-template-columns:minmax(0,1fr)}
  .sachet-photo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sachet-photo .pack,.sachet-photo .frame{aspect-ratio:1/1}
  .bottle-box svg{max-height:340px}
}

/* ===== 4 · sips-lineup ===== */
[role=tablist]{display:flex;justify-content:center;gap:8px;margin-bottom:22px;flex-wrap:wrap}
[role=tab]{min-height:48px;padding:8px 22px;border-radius:999px;border:2px solid var(--wine);background:transparent;color:var(--wine);font:700 16px var(--body);cursor:pointer;transition-property:background-color,color,transform;transition-duration:.2s;transition-timing-function:var(--ease)}
[role=tab][aria-selected=true]{background:var(--wine);color:var(--cream)}
[role=tab]:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){[role=tab][aria-selected=false]:hover{background:var(--sand)}}
.sip-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,44px);align-items:center;animation:cabau-fade .5s var(--ease)}
.sip-panel[hidden]{display:none}
@keyframes cabau-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sip-panel .pack{aspect-ratio:1/1;width:min(100%,400px);margin-inline:auto}
.sip-body{display:grid;gap:14px}
.sip-body h3{font-size:clamp(26px,2.6vw,36px)}
.sip-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media (max-width:900px){.sip-panel{grid-template-columns:minmax(0,1fr)}.sip-panel .pack{max-height:320px}}

/* ===== 5 · bloom-bottle ===== */
.bottle-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.bottle-card{display:grid;grid-template-rows:auto 1fr;gap:10px}
.bottle-card .pack{aspect-ratio:1/1;width:min(100%,210px);margin-inline:auto}
.bottle-card .card-pad{display:grid;gap:8px;align-content:start}
.bottle-card h3{font-size:20px}
.bottle-card .facts li{font-size:14px;line-height:1.4}
.bottle-colours{font-size:13px;line-height:1.4;color:var(--tx-soft)}
@media (max-width:1000px){.bottle-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.bottle-cards{grid-template-columns:minmax(0,1fr)}.bottle-card .pack{width:min(100%,260px)}}

/* ===== 6 · smart-bites ===== */
.bite-banner{margin:0 auto 16px;max-width:520px}
.bite-banner .pack{aspect-ratio:1400/453;max-height:96px;margin-inline:auto}
.bite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bite-card{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start}
.bite-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bite-photos .frame,.bite-photos .pack{aspect-ratio:1/1;min-height:0}
.bite-photos.one .frame{grid-column:span 2;aspect-ratio:2/1}
.bite-body{display:grid;gap:8px;align-content:start;padding:2px 8px 8px}
.bite-body h3{font-size:21px}
.bite-body p{font-size:14px;line-height:1.42}
.bite-body .facts{gap:5px}
.bite-body .facts li{font-size:13.5px;line-height:1.38}
@media (max-width:1100px){.bite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bite-grid{grid-template-columns:minmax(0,1fr)}}

/* ===== 7 · bloom-ladder ===== */
.stairs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}
.stair{display:grid;align-content:space-between;gap:10px;background:var(--cream);color:var(--wine);border-radius:20px;padding:16px 14px 18px;min-height:var(--h,200px);border:1px solid rgba(249,240,234,.4)}
.stair .price{font-size:clamp(26px,2.4vw,34px)}
.stair h3{font-size:18px;line-height:1.2}
.stair p{font-size:14px;line-height:1.4}
.stair .pack{aspect-ratio:1/1;max-height:92px;width:92px}
.stair-top{display:grid;gap:8px}
@media (max-width:1000px){.stairs{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.stair{min-height:0}}
@media (max-width:520px){.stairs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== 8 · bundle-shelf ===== */
.shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bundle{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:12px;align-items:center}
.bundle .pack{aspect-ratio:1/1;width:100%}
.bundle-body{display:grid;gap:8px;padding:4px 8px 6px 2px}
.bundle-body h3{font-size:18px;line-height:1.22}
.bundle-body p{font-size:14px;line-height:1.42}
.bundle-body .price{font-size:26px}
@media (max-width:1100px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.shelf{grid-template-columns:minmax(0,1fr)}}

/* ===== 9 · power-reviews ===== */
.rating-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.rating{display:grid;gap:4px;text-align:center;background:var(--cream);color:var(--wine);border-radius:20px;padding:16px 12px}
.rating strong{font:600 clamp(34px,3.4vw,48px)/1 var(--display);font-variant-numeric:tabular-nums}
.rating span{font-size:14px;line-height:1.35}
.rating .reviews{font-weight:700;font-variant-numeric:tabular-nums}
.quote-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quote{display:grid;align-content:start;gap:10px;background:var(--cream);color:var(--wine);border-radius:20px;padding:18px 18px 20px}
.quote blockquote{font:400 17px/1.45 var(--display)}
.quote cite{font:700 14px/1.3 var(--body);font-style:normal;color:var(--mulberry)}
.reviews-note{margin-top:14px;text-align:center;font-size:14px;color:var(--pink)}
@media (max-width:1000px){.rating-row{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.rating-row{grid-template-columns:minmax(0,1fr)}}

/* ===== 10 · yolanthe-story ===== */
.story-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center}
.story-photo{aspect-ratio:3/2;max-height:480px}
.story-body{display:grid;gap:14px;text-align:center;justify-items:center}
.story-body h3{color:var(--mulberry);font-size:22px}
.story-quote{background:var(--cream);border:1.5px solid var(--wine);border-radius:20px;padding:16px 20px;text-align:center}
.story-quote blockquote{font:400 italic 18px/1.45 var(--display)}
.story-quote cite{display:block;margin-top:8px;font:700 14px var(--body);font-style:normal;color:var(--mulberry)}
@media (max-width:900px){.story-grid{grid-template-columns:minmax(0,1fr)}.story-photo{max-height:340px}}

/* ===== 11 · bloom-club ===== */
.club-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center}
.club-copy{display:grid;gap:14px;text-align:center;justify-items:center}
.club-copy p{max-width:44ch}
.club-visual{display:grid;gap:14px}
.club-visual .frame{aspect-ratio:1400/453;max-height:200px}
.club-pass{display:grid;gap:4px;justify-items:center;text-align:center;background:var(--wine);color:var(--cream);border-radius:26px;padding:24px 20px}
.club-pass strong{font:600 clamp(64px,7vw,96px)/1 var(--display);font-variant-numeric:tabular-nums;color:var(--pink)}
.club-pass span{font-size:17px}
@media (max-width:900px){.club-grid{grid-template-columns:minmax(0,1fr)}}

/* ===== 12 · cabau-quiz ===== */
.quiz-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.quiz-copy{display:grid;gap:16px;text-align:center;justify-items:center}
.quiz-copy p{max-width:42ch}
.stamp{display:inline-flex;align-items:center;min-height:44px;padding:8px 20px;border-radius:999px;background:var(--pink);color:var(--wine);font:700 17px var(--body)}
.quiz-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quiz-cards .pack,.quiz-cards .frame{aspect-ratio:1/1}
.quiz-cards .pack img{object-fit:cover}
.quiz-cards .frame img{object-position:50% 50%}
@media (max-width:900px){.quiz-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.quiz-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}

/* ===== 13 · subscribe-save ===== */
.sub-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}
.sub-steps{position:relative;padding-left:34px}
.sub-steps ol{display:grid;gap:12px}
.sub-more{margin-top:14px;font-size:15px;line-height:1.5}
.sub-close{text-align:center;margin-top:18px;font:400 italic 19px/1.4 var(--display)}
.track-line{position:absolute;left:11px;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--rose);transform-origin:50% 0;transition:transform 1.4s var(--ease)}
.sub-step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 16px;font-size:15px;line-height:1.45}
.sub-step::before{content:attr(data-n);position:absolute;left:-34px;top:12px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--wine);color:var(--cream);font:700 13px var(--body)}
.sub-side{display:grid;gap:14px}
.sub-big{display:grid;gap:6px;justify-items:center;text-align:center;background:var(--wine);color:var(--cream);border-radius:26px;padding:20px 18px}
.sub-big strong{font:600 clamp(60px,6.4vw,88px)/1 var(--display);color:var(--pink);font-variant-numeric:tabular-nums}
.sub-big p{font-size:15px;line-height:1.45}
.sub-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sub-pair .pack{aspect-ratio:1/1}
.lang-note{font-size:13px;color:var(--tx-soft);text-align:center;margin-top:14px}
@media (max-width:900px){.sub-grid{grid-template-columns:minmax(0,1fr)}}

/* ===== 14 · delivery-returns ===== */
.return-banner{width:100%;height:170px;margin-bottom:18px}
.return-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.return-card{display:grid;gap:10px;align-content:start;padding:20px 20px 22px;text-align:center;justify-items:center}
.return-card .big{font:600 clamp(52px,5.4vw,72px)/1 var(--display);font-variant-numeric:tabular-nums}
.return-card p{font-size:15px;line-height:1.5}
.return-card a{overflow-wrap:anywhere;font-weight:700}
@media (max-width:900px){.return-cards{grid-template-columns:minmax(0,1fr)}}

/* ===== 15 · bloom-journal ===== */
.journal-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,60px);align-items:center}
.journal-book{position:relative;margin-inline:auto;width:min(100%,380px);aspect-ratio:3/4;background:var(--cream);color:var(--wine);border-radius:6px 20px 20px 6px;padding:34px 28px 28px 38px;box-shadow:0 2px 3px rgba(0,0,0,.18),0 18px 40px -14px rgba(0,0,0,.45);background-image:repeating-linear-gradient(to bottom,transparent 0 35px,rgba(134,72,91,.28) 35px 36px)}
.journal-book::before{content:'';position:absolute;left:0;top:0;bottom:0;width:16px;border-radius:6px 0 0 6px;background:var(--rose)}
.journal-book::after{content:'';position:absolute;right:26px;top:-6px;width:20px;height:74px;background:var(--pink);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.journal-book h3{font-size:30px;margin-bottom:22px;line-height:1.2}
.journal-book p{font:400 italic 20px/36px var(--display);margin:0}
.journal-copy{display:grid;gap:14px;text-align:center;justify-items:center}
.journal-copy p{max-width:48ch}
.journal-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:520px}
.journal-extras div{background:var(--cream);color:var(--wine);border-radius:16px;padding:12px 8px;display:grid;gap:2px;font-size:14px;line-height:1.3}
.journal-extras strong{display:block;font:600 22px var(--display);font-variant-numeric:tabular-nums}
@media (max-width:900px){.journal-grid{grid-template-columns:minmax(0,1fr)}.journal-book{width:min(100%,320px)}}
@media (max-width:520px){.journal-extras{grid-template-columns:minmax(0,1fr)}}

/* ===== 16 · power-guides ===== */
.guide-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.guide-card{display:grid;gap:12px;padding:26px 28px;border-radius:26px;background:var(--wine);color:var(--cream)}
.guide-card h3{color:var(--cream);font-size:clamp(24px,2.4vw,32px)}
.guide-card p{font-size:16px;line-height:1.5}
.guide-nums{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.guide-nums div{background:var(--pink);color:var(--wine);border-radius:18px;padding:14px 16px;display:grid;gap:4px}
.guide-nums strong{font:600 clamp(30px,3vw,42px)/1 var(--display);font-variant-numeric:tabular-nums}
.guide-nums span{font-size:14px;line-height:1.4}
.read-list{display:grid;gap:10px;align-content:start}
.read-list li{display:grid;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 18px}
.read-list h3{font-size:19px;line-height:1.25}
.read-list time{font-size:14px;color:var(--tx-soft);font-variant-numeric:tabular-nums}
@media (max-width:900px){.guide-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.guide-nums{grid-template-columns:minmax(0,1fr)}}

/* ===== 17 · home-collection ===== */
.home-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center}
.home-copy{display:grid;gap:14px;text-align:center;justify-items:center}
.home-copy p{max-width:46ch}
.scent-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:480px}
.scent-row li{display:grid;place-items:center;min-height:56px;background:var(--cream);color:var(--wine);border-radius:18px;font:600 22px var(--display)}
.format-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:480px}
.format-row li{display:grid;place-items:center;min-height:48px;border:2px solid var(--wine);border-radius:18px;font-weight:700}
.home-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-photos .frame{aspect-ratio:3/4;max-height:420px}
.spray-card{display:flex;justify-content:space-between;align-items:center;gap:12px;grid-column:span 2;background:var(--cream);color:var(--wine);border-radius:20px;padding:12px 18px}
.spray-card h3{font-size:19px}
@media (max-width:900px){.home-grid{grid-template-columns:minmax(0,1fr)}.home-photos .frame{max-height:300px}}

/* ===== 18 · loungewear ===== */
.lounge-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,52px);align-items:center}
.lounge-photo{aspect-ratio:1/1;max-height:440px}
.lounge-photo img{transform:scale(1.12)}
.lounge-stat{align-content:start}
.lounge-body{display:grid;gap:14px}
.lounge-body p{font-size:16px;line-height:1.5;max-width:60ch}
.lounge-note{font-size:13px;color:var(--pink)}
.lounge-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lounge-stat{display:grid;gap:6px;background:var(--cream);color:var(--wine);border-radius:20px;padding:16px 16px 18px}
.lounge-stat strong{font:600 clamp(40px,4vw,56px)/1 var(--display);font-variant-numeric:tabular-nums}
.lounge-stat p{font-size:14px;line-height:1.4}
@media (max-width:900px){.lounge-grid{grid-template-columns:minmax(0,1fr)}.lounge-photo{max-height:320px}.lounge-stats{grid-template-columns:minmax(0,1fr)}}

/* ===== 19 · own-your-journey ===== */
.finale{display:grid;gap:22px;justify-items:center;text-align:center}
.finale p{max-width:46ch;font-size:18px}
.finale-photos{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);gap:12px;width:100%;max-width:960px}
.finale-photos .frame{height:230px}
.finale-photos .frame:nth-child(2) img{object-position:50% 20%}
@media (max-width:640px){.finale-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.finale-photos .frame{height:auto;aspect-ratio:3/4}}
html.sem-js [role=tablist]{display:none}