/* CHOKODENT homepage — unified modern layout, September 2026. */
.choko-home{
  --home-wide:1360px;
  --home-main:1240px;
  --home-copy:720px;
  --home-gutter:32px;
  --home-section:104px;
  --home-motion:320ms cubic-bezier(.2,.8,.2,1);
  background:#fffaf4;
  color:#52180a;
}
.choko-home main{overflow:hidden}
.choko-home .container,.home-container{width:min(100%,var(--home-main));margin-inline:auto;padding-inline:var(--home-gutter)}
.choko-home .header-inner{width:min(100%,var(--home-wide));padding-inline:var(--home-gutter)}
.choko-home .section{padding-block:var(--home-section)}
.choko-home .section h2,.choko-home .review-invite h2{font-size:clamp(2.5rem,3.5vw,3rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.choko-home .section h3{font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.16;text-wrap:balance}
.choko-home .section p,.choko-home .review-invite p{font-size:1.0625rem;line-height:1.65}
.choko-home .section .lead{font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.62}
.choko-home .section-header,.section-heading{max-width:var(--home-copy);margin:0 auto 56px;text-align:center}
.choko-home .section-header .lead,.section-heading p{max-width:62ch;margin:20px auto 0;color:var(--milk-chocolate)}
.choko-home .eyebrow{margin-bottom:18px;font-size:.8125rem;letter-spacing:.15em}
.choko-home .section-header .eyebrow{justify-content:center}
.choko-home .btn{min-height:50px;padding:14px 26px;font-size:1rem;transition:transform var(--home-motion),box-shadow var(--home-motion),background var(--home-motion)}
.choko-home a:focus-visible,.choko-home button:focus-visible{outline:3px solid #b95a73;outline-offset:5px}
.choko-home .checker-accent,.choko-home .section>.section-wave{display:none}

/* Header */
.choko-home .site-header{z-index:100}
.choko-home .icon-btn{min-width:44px;min-height:44px;border-radius:50%}
.choko-home .icon-btn:hover{background:#fff5e9}
.choko-home .mobile-routine{display:flex;margin:12px 24px}
.choko-home .dropdown a{transition:transform var(--home-motion),background var(--home-motion)}
.choko-home .dropdown a:hover{transform:translateX(3px)}

/* Hero: dimensions are final; character artwork will be swapped later. */
.choko-hero{position:relative;min-height:clamp(680px,80svh,860px);padding:72px 0 42px;background:radial-gradient(ellipse at 76% 44%,#fbdab4 0,transparent 48%),#fff6e9;display:flex;flex-direction:column;justify-content:center}
.hero-inner{width:min(100%,var(--home-wide));margin:auto;padding-inline:var(--home-gutter);display:grid;grid-template-columns:minmax(400px,.88fr) minmax(560px,1.12fr);align-items:center;gap:clamp(24px,4vw,64px)}
.hero-copy{position:relative;z-index:3;max-width:570px}
.hero-copy .eyebrow{font-size:.8125rem;letter-spacing:.15em}
.hero-copy h1{font:600 clamp(3.25rem,5.3vw,4.75rem)/1.01 Fredoka,sans-serif;letter-spacing:-.045em;margin:18px 0 24px;text-wrap:balance}
.hero-copy h1 em{font-style:normal;color:#b84e65}
.hero-copy .lead{max-width:46ch;margin:0;font-size:clamp(1.125rem,1.5vw,1.25rem);line-height:1.65}
.hero-promises{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}
.hero-promises>span{font:600 clamp(1rem,1.5vw,1.22rem)/1.2 Fredoka,sans-serif;padding:10px 17px;border-radius:14px;background:#f7cb62;box-shadow:0 4px 0 #d7a343;transform:rotate(-2deg)}
.hero-promises>span+span{color:#7d263e;background:#f8dce4;box-shadow:0 4px 0 #e5abbc;transform:rotate(2deg)}
.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-stage{position:relative;height:clamp(500px,44vw,630px);perspective:1000px;isolation:isolate;transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .5s ease}
.stage-orbit{position:absolute;inset:9% 3% 11%;z-index:-1;border:13px solid #ffffff70;border-radius:51% 49% 47% 53%/45% 48% 52% 55%;background:linear-gradient(150deg,#fbd0d5,#ffd98a);box-shadow:0 28px 75px #81421a14;transform:rotate(-12deg)}
.hero-stage img{object-fit:contain;filter:drop-shadow(0 20px 14px #602e1926)}
.hero-character{position:absolute;width:44%;height:75%;bottom:8%;z-index:2;transform-origin:50% 80%}
.hero-character>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-captain{left:-4%;rotate:-7deg}.hero-lily{right:-5%;rotate:8deg}
.hero-product{position:absolute;left:27%;top:1%;z-index:1;width:46%;height:86%;rotate:7deg;transition:transform var(--home-motion)}
.hero-product img{width:100%;height:100%;clip-path:polygon(29% 2%,80% 2%,85% 15%,82% 81%,76% 97%,31% 97%,24% 81%,22% 15%)}
.stage-star{position:absolute;z-index:3;color:#fff;font-size:52px;line-height:1;text-shadow:0 3px 0 #e6ac53}
.star-one{left:9%;top:8%;rotate:-10deg}.star-two{right:8%;top:16%;font-size:68px;color:#9f5748}.star-three{bottom:10%;left:47%;font-size:36px}
.stage-label{position:absolute;right:17%;bottom:1%;z-index:4;padding:12px 20px;border-radius:16px;background:#fff8ed;box-shadow:0 5px 0 #ead9c5;font:500 1.05rem/1.3 Fredoka,sans-serif;text-align:center;rotate:-4deg;pointer-events:none}
.hero-scroll{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:.9rem;font-weight:700}
.hero-scroll span{font-size:1.4rem}

/* 2-minute ritual: one strong interactive-looking scene. */
.choko-home .section-routine{position:relative;padding-block:112px;background:radial-gradient(ellipse at 78% 48%,#ffdf91,transparent 58%),#fff1ce;border-radius:55% 0 0 0/42px 0 0 0}
.section-routine .smile-path,.section-routine .section-wave{display:none}
.choko-home .routine-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:64px}
.routine-copy{max-width:520px}.routine-copy h2{margin-bottom:20px}.routine-copy p{max-width:42ch;color:var(--milk-chocolate)}
.routine-copy .hero-ctas{margin-top:30px}
.choko-home .routine-visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}
.choko-home .timer-dial{position:relative;z-index:2;width:260px;height:260px;border:11px solid #fff;background:#fffcf2;box-shadow:0 14px 0 #edc86c,0 28px 58px #89652024}
.routine-friend{position:absolute;bottom:0;width:37%;height:295px;object-fit:contain;filter:drop-shadow(0 14px 12px #74351422)}
.friend-left{left:0;rotate:-10deg}.friend-right{right:0;rotate:9deg}
.section-routine .bubble{opacity:.35;pointer-events:none}

/* Product story inspired by immersive product sites, without scroll hijacking. */
.formula-section{background:#fffaf4}
.formula-layout{display:grid;grid-template-columns:minmax(460px,1.04fr) minmax(390px,.96fr);align-items:center;gap:clamp(56px,7vw,104px)}
.formula-product-stage{position:relative;min-height:560px;border-radius:50% 50% 42% 58%/47% 42% 58% 53%;background:#f7e8d8;isolation:isolate}
.formula-product-stage:before{content:"";position:absolute;inset:11% 14%;z-index:-1;border-radius:50%;background:#fff8ef}
.formula-tube{position:absolute;left:50%;bottom:5%;width:auto;height:91%;object-fit:contain;transform:translateX(-50%) rotate(-4deg);filter:drop-shadow(0 24px 20px #5b281a28)}
.formula-denti{position:absolute;right:4%;bottom:5%;width:31%;height:38%;object-fit:contain;filter:drop-shadow(0 15px 12px #5b281a1f)}
.formula-badge{position:absolute;z-index:3;padding:12px 18px;border-radius:999px;font:600 1rem/1.2 Fredoka,sans-serif;box-shadow:0 6px 0 rgba(82,24,10,.12)}
.formula-badge-taste{left:3%;top:20%;background:#f7cb62;rotate:-5deg}
.formula-badge-soft{right:2%;top:11%;color:#7d263e;background:#f8dce4;rotate:4deg}
.formula-copy{max-width:520px}.formula-copy h2{margin-bottom:22px}.formula-copy .lead{max-width:42ch;margin-bottom:30px;color:var(--milk-chocolate)}
.formula-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 32px;padding:0;list-style:none}
.formula-facts li{display:flex;align-items:center;min-height:52px;padding:12px 15px;border-radius:16px;background:#fff;border:1px solid #ecd9c7;font-weight:700}
.formula-facts li:before{content:"✓";display:grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;color:#52180a;background:#f7cb62;font-size:.8rem}

/* Boutique: the only deliberately multicoloured gallery. */
.choko-home .boutique-teaser{position:relative;padding-block:112px 104px;background:#fff7ee!important;overflow:hidden}
.choko-home .boutique-teaser-grid{display:block;width:min(100%,1600px);max-width:none}
.boutique-teaser-intro{max-width:var(--home-copy);margin:0 auto 58px;text-align:center}
.boutique-teaser-intro h2{font-size:clamp(2.75rem,4vw,4rem)!important;line-height:1.05!important;letter-spacing:-.035em!important}
.choko-home .boutique-teaser-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}
.choko-home .boutique-teaser-card{--card-bg:#f8d7dc;position:relative;display:flex;min-width:0;min-height:460px;padding:22px 20px 28px;flex-direction:column;align-items:center;justify-content:flex-end;overflow:visible;color:#52180a;text-align:center;isolation:isolate;transition:transform var(--home-motion)}
.choko-home .boutique-teaser-card:before{content:"";position:absolute;inset:0;z-index:-2;border-radius:48% 52% 34px 34px/23% 29% 34px 34px;background:var(--card-bg);box-shadow:0 18px 38px rgba(82,24,10,.075);transition:box-shadow var(--home-motion)}
.choko-home .boutique-teaser-card:nth-child(2):before{border-radius:58% 42% 34px 34px/29% 22% 34px 34px}.choko-home .boutique-teaser-card:nth-child(3):before{border-radius:40% 60% 34px 34px/23% 31% 34px 34px}.choko-home .boutique-teaser-card:nth-child(4):before{border-radius:34% 66% 34px 34px/31% 24% 34px 34px}.choko-home .boutique-teaser-card:nth-child(5):before{border-radius:65% 35% 34px 34px/24% 34% 34px 34px}
.boutique-card-brush{--card-bg:#cce9de!important}.boutique-card-books{--card-bg:#fbe6ad!important}.boutique-card-lily{--card-bg:#f3cfe0!important}.boutique-card-travel{--card-bg:#d7edf5!important}
.choko-home .boutique-product-visual{position:relative;display:flex;width:100%;height:280px;margin:-32px -8px 14px;align-items:center;justify-content:center;z-index:1;overflow:visible}
.choko-home .boutique-product-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 13px 11px rgba(82,24,10,.18));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.choko-home .boutique-card-toothpaste .boutique-product-visual img{width:auto;height:116%;max-width:132%;transform:rotate(-3deg)}
.choko-home .boutique-book-visual img{width:auto;height:100%;transform:rotate(3deg)}
.choko-home .boutique-door-visual{width:calc(100% - 30px);height:270px;margin:-18px 15px 18px;border-radius:22px;overflow:hidden;background:#f9e8ef;box-shadow:0 12px 22px rgba(82,24,10,.1)}
.choko-home .boutique-door-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:none}
.choko-home .boutique-card-travel .boutique-product-visual img{width:112%;height:112%}
.choko-home .boutique-brush-visual{height:300px;min-height:300px;margin:-42px -8px 2px;gap:17px;padding:0 5px;overflow:visible}
.choko-home .boutique-brush-visual>.brush-packaging-final{width:auto!important;height:101%!important;max-width:45%!important;margin:0!important;object-fit:contain}
.choko-home .boutique-brush-visual>.brush-product{position:relative!important;inset:auto!important;width:auto!important;height:111%!important;max-width:38%!important;margin:0!important;object-fit:contain;transform:none!important}
.choko-home .boutique-card-copy{width:100%;padding:10px 3px 2px;text-align:center}
.choko-home .boutique-teaser-card h3{margin:0 0 9px;font-size:1.25rem;line-height:1.18}
.choko-home .boutique-teaser-card p{margin:0;font-size:1rem;line-height:1.5;color:#7b3f12}
.boutique-sparkle{position:absolute;z-index:3;color:#fff8e9;font:30px/1 Fredoka,sans-serif;pointer-events:none;animation:boutique-twinkle 3.2s ease-in-out infinite}
.sparkle-a{left:10%;top:18%}.sparkle-b{right:9%;bottom:31%;animation-delay:.6s}.sparkle-c{left:13%;top:12%;animation-delay:1.2s}.sparkle-d{right:12%;top:18%;animation-delay:.9s}.sparkle-e{left:48%;top:11%;animation-delay:1.5s}
.boutique-teaser-cta{display:flex;justify-content:center;margin-top:52px}
@keyframes boutique-twinkle{0%,100%{transform:scale(.84) rotate(-8deg);opacity:.65}50%{transform:scale(1.1) rotate(7deg);opacity:1}}

/* Worlds: three large alternating story scenes, not another card grid. */
.worlds-story{position:relative;background:#fffdfa}
.worlds-heading{margin-bottom:72px}
.world-journey{display:grid;gap:42px}
.world-scene{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;min-height:440px;overflow:hidden;border-radius:68px;background:#fff0d8}
.world-scene:nth-child(even){grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr)}
.world-scene:nth-child(even) .world-visual{grid-column:2}.world-scene:nth-child(even) .world-copy{grid-column:1;grid-row:1}
.world-visual{position:relative;align-self:stretch;min-height:440px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:#ffe4b8}
.world-visual:before{content:"";position:absolute;inset:12% 11%;border-radius:50%;background:rgba(255,255,255,.45)}
.world-visual img{position:relative;z-index:1;width:82%;height:105%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 13px #5b281a20);transition:transform .45s ease}
.world-copy{max-width:510px;padding:58px clamp(38px,6vw,78px)}
.world-number{display:inline-flex;margin-bottom:18px;color:#9a5e28;font:700 .82rem/1 Nunito,sans-serif;letter-spacing:.16em}
.world-copy h3{margin-bottom:16px;font-size:clamp(2rem,3vw,2.75rem)!important}
.world-copy p{max-width:38ch;margin-bottom:24px;color:var(--milk-chocolate)}
.world-play{background:#e8f5ef}.world-play .world-visual{background:#cfeadd}.world-lily{background:#fbedf3}.world-lily .world-visual{background:#f3d7e4}
.world-duo img{position:absolute;width:58%;height:85%}.world-duo img:first-child{left:4%;bottom:0}.world-duo img+img{right:2%;bottom:-4%}
.world-actions{display:flex;flex-wrap:wrap;gap:14px 26px}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 1rem/1.3 Fredoka,sans-serif;color:#52180a}
.text-link span{transition:transform var(--home-motion)}.text-link:hover span{transform:translateX(4px)}

/* Parents: calmer, shorter and more editorial. */
.choko-home .section-parents{padding-block:104px;background:#f6eee1}
.choko-home .parents-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.choko-home .parent-card{display:grid;grid-template-columns:106px 1fr;grid-template-rows:auto auto;gap:4px 20px;min-height:190px;padding:28px;border:1px solid rgba(82,24,10,.06);border-radius:28px;background:#fffaf4;transition:transform var(--home-motion),box-shadow var(--home-motion)}
.parent-card>img{grid-row:1/3;width:100%;height:118px;margin:auto;object-fit:contain}
.choko-home .parent-card h3{margin:0;font-size:1.2rem;align-self:end}
.choko-home .parent-card p{margin:0;color:var(--milk-chocolate);font-size:1rem;line-height:1.5}
.choko-home .center-cta{margin-top:42px}

/* Reviews: a compact invitation until real reviews exist. */
.review-invite{padding-block:56px;background:#fffaf4}
.review-invite-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 44px;border-radius:32px;background:#f4dfe5}
.review-invite h2{margin:0 0 8px;font-size:clamp(1.75rem,3vw,2.35rem)}
.review-invite p{margin:0;color:var(--milk-chocolate)}
.review-invite .btn{flex-shrink:0}

/* Prevention and final CTA: two clearly different conclusions. */
.choko-home .section-prevention{padding-block:96px;background:#f7dfad}
.prevention-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(440px,1.22fr);align-items:center;gap:clamp(48px,7vw,100px)}
.prevention-visual{position:relative;min-height:390px;display:flex;align-items:flex-end;justify-content:center;border-radius:52% 48% 46% 54%/58% 42% 58% 42%;background:#fff3d3;overflow:hidden}
.prevention-visual:after{content:"✦";position:absolute;right:12%;top:12%;color:#f3aa35;font-size:56px}
.prevention-friend{position:relative;width:78%;max-width:300px;height:360px;object-fit:contain;filter:drop-shadow(0 18px 15px #72381922)}
.prevention-copy{max-width:620px}.prevention-copy .eyebrow{color:#865020}.prevention-copy h2{margin-bottom:22px}.prevention-copy .lead{max-width:47ch;margin:0 0 30px;color:#754328}
.choko-home .final-mission{position:relative;padding:88px 24px 112px;background:#f8e7ed;color:#52180a}
.choko-home .final-mission h2{margin-bottom:28px;color:#52180a;font-size:clamp(2.4rem,4vw,3.3rem)}
.final-lily{position:absolute;left:5%;bottom:0;width:auto;height:235px;max-width:21%;object-fit:contain}
.choko-home .site-footer{position:relative;margin-top:0;border-radius:0}

/* Motion: purposeful entrances and restrained hover feedback. */
.motion-ready .reveal-item{opacity:0;transform:translateY(30px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)}
.motion-ready .reveal-item.revealed{opacity:1;transform:none}
.hero-arrive .hero-captain{animation:captain-pop 1.1s both}.hero-arrive .hero-lily{animation:lady-pop 1.15s .18s both}.hero-arrive .hero-product{animation:product-pop 1.2s .1s both}
.hero-arrive .captain-wave-arm{animation:captain-wave 3.2s 1.05s ease-in-out infinite}.hero-arrive .lily-wave-arm{animation:lily-wave 3.6s 1.35s ease-in-out infinite}.hero-arrive .hero-character .character-body{animation:character-breathe 4.8s 1.4s ease-in-out infinite}
@keyframes captain-pop{0%{opacity:0;transform:translate(-65px,65px) scale(.5) rotate(-18deg)}65%{opacity:1;transform:translate(0,-12px) scale(1.05) rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:none}}
@keyframes lady-pop{0%{opacity:0;transform:translate(70px,60px) scale(.5) rotate(20deg)}70%{opacity:1;transform:translateY(-16px) rotate(-5deg)}100%{transform:none}}
@keyframes product-pop{0%{opacity:0;transform:scale(.7) rotate(-15deg)}100%{opacity:1;transform:none}}
@keyframes captain-wave{0%,22%,100%{transform:rotate(0)}7%{transform:rotate(-13deg)}14%{transform:rotate(9deg)}}
@keyframes lily-wave{0%,24%,100%{transform:rotate(0)}8%{transform:rotate(12deg)}16%{transform:rotate(-8deg)}}
@keyframes character-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(hover:hover){
  .choko-home .btn:hover{transform:translateY(-3px)}
  .hero-product:hover{transform:translateY(-10px) rotate(-3deg)}
  .boutique-teaser-card:hover{transform:translateY(-8px)}
  .boutique-teaser-card:hover:before{box-shadow:0 26px 44px rgba(82,24,10,.13)}
  .boutique-teaser-card:hover .boutique-product-visual>img{transform:translateY(-8px) rotate(-2deg) scale(1.025)}
  .parent-card:hover{transform:translateY(-6px);box-shadow:0 20px 30px #602a1210}
  .world-scene:hover .world-visual>img{transform:translateY(-7px) scale(1.02)}
}

/* Small desktop / landscape tablet: preserve comfortable text widths. */
@media(min-width:1101px) and (max-width:1279px){
  .choko-home .boutique-teaser-grid{display:block;width:min(100%,var(--home-main))}
  .boutique-teaser-intro{max-width:var(--home-copy);margin:0 auto 52px;text-align:center}
  .boutique-teaser-intro h2{font-size:clamp(2.6rem,5vw,3.5rem)!important}
  .choko-home .boutique-teaser-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
  .choko-home .boutique-teaser-card{grid-column:span 2;min-height:450px}
  .choko-home .boutique-teaser-card:nth-child(4){grid-column:2/span 2}
  .choko-home .boutique-teaser-card:nth-child(5){grid-column:4/span 2}
  .boutique-teaser-cta{justify-content:center;margin-top:46px}
}

/* Tablet */
@media(max-width:1100px){
  .choko-home{--home-gutter:28px;--home-section:82px}
  .hero-inner{grid-template-columns:minmax(330px,.92fr) minmax(400px,1.08fr);gap:24px}
  .choko-hero{min-height:670px;padding-block:60px 36px}.hero-copy h1{font-size:3.35rem}.hero-stage{height:500px}
  .choko-home .routine-grid{grid-template-columns:.9fr 1.1fr;gap:28px}.choko-home .routine-visual{min-height:340px}.routine-friend{height:245px}.choko-home .timer-dial{width:220px;height:220px}
  .formula-layout{grid-template-columns:1fr 1fr;gap:46px}.formula-product-stage{min-height:470px}.formula-denti{width:34%}
  .choko-home .boutique-teaser-grid{display:block;width:min(100%,var(--home-main))}.boutique-teaser-intro{max-width:var(--home-copy);margin:0 auto 52px;text-align:center}.boutique-teaser-intro h2{font-size:clamp(2.5rem,5vw,3.4rem)!important}.choko-home .boutique-teaser-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.choko-home .boutique-teaser-card{min-height:440px}.choko-home .boutique-teaser-card:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 11px)}.boutique-teaser-cta{justify-content:center;margin-top:46px}
  .world-scene,.world-scene:nth-child(even){grid-template-columns:1fr 1fr;min-height:390px;border-radius:48px}.world-visual{min-height:390px}.world-copy{padding:44px 38px}
  .choko-home .parents-grid{grid-template-columns:1fr}.choko-home .parent-card{grid-template-columns:120px 1fr;min-height:160px}
  .prevention-layout{grid-template-columns:.8fr 1.2fr;gap:46px}.prevention-visual{min-height:340px}.prevention-friend{height:315px}
  .final-lily{height:190px;left:1%}
}

/* Mobile */
@media(max-width:700px){
  .choko-home{--home-gutter:20px;--home-section:66px}
  .choko-home .section h2,.choko-home .review-invite h2{font-size:clamp(2rem,9vw,2.35rem)}
  .choko-home .section h3{font-size:1.28rem}.choko-home .section p,.choko-home .review-invite p{font-size:1rem}
  .choko-home .section-header,.section-heading{margin-bottom:40px}.choko-home .section-header .lead,.section-heading p{margin-top:16px}
  .choko-home .mm-sheet{max-height:calc(100dvh - 30px);overflow-y:auto;overflow-x:hidden}.choko-home .mm-panel-sub{visibility:hidden}.choko-home .mm-panel-sub.active{visibility:visible}.choko-home .mm-sheet.sub-open .mm-panel-root{visibility:hidden}.choko-home .mm-panel-sub .mm-list{overflow-y:auto}
  .choko-hero{min-height:auto;padding:42px 0 30px}.hero-inner{display:flex;flex-direction:column;padding-inline:var(--home-gutter)}.hero-copy{max-width:560px;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:.73rem}.hero-copy h1{font-size:clamp(2.8rem,13vw,3.45rem);margin:15px 0 20px}.hero-copy .lead{margin:auto;font-size:1.0625rem}.hero-promises{justify-content:center;gap:9px;margin-bottom:20px}.hero-promises>span{padding:9px 13px;font-size:1rem}.hero-buttons{justify-content:center;margin-top:24px}.hero-buttons .btn{width:min(100%,340px)}.hero-stage{width:100%;max-width:500px;height:360px;margin-top:24px}.hero-character{width:42%;height:80%;bottom:9%}.hero-captain{left:-1%}.hero-lily{right:-2%}.hero-product{left:27%;width:46%}.stage-label{right:22%;bottom:0;padding:9px 13px;font-size:.88rem}.stage-star{font-size:34px}.star-two{font-size:45px}.hero-scroll{margin-top:14px}
  .choko-home .section-routine{padding-block:72px;border-radius:38% 0 0 0/24px 0 0 0}.choko-home .routine-grid{grid-template-columns:1fr;gap:38px;text-align:center}.routine-copy{margin:auto}.routine-copy p{margin-inline:auto}.routine-copy .hero-ctas{justify-content:center}.choko-home .routine-visual{min-height:285px}.routine-friend{width:34%;height:220px}.choko-home .timer-dial{width:190px;height:190px;border-width:8px}
  .formula-layout{grid-template-columns:1fr;gap:46px}.formula-product-stage{min-height:430px}.formula-copy{text-align:center;margin:auto}.formula-copy .lead{margin-inline:auto}.formula-facts{text-align:left}.formula-tube{height:89%}.formula-denti{width:31%}.formula-badge{padding:10px 13px;font-size:.88rem}.formula-badge-taste{left:1%;top:17%}.formula-badge-soft{right:1%;top:8%}
  .choko-home .boutique-teaser{padding-block:72px}.boutique-teaser-intro{margin-bottom:42px}.choko-home .boutique-teaser-row{grid-template-columns:1fr;gap:30px;padding-inline:4px}.choko-home .boutique-teaser-card,.choko-home .boutique-teaser-card:last-child{width:100%;min-height:390px;padding:18px 20px 26px}.choko-home .boutique-product-visual{height:235px;margin:-23px -6px 10px}.choko-home .boutique-door-visual{width:calc(100% - 28px);height:225px;margin:-8px 14px 22px}.choko-home .boutique-brush-visual{height:250px;min-height:250px;margin:-30px -6px 2px;gap:12px}.choko-home .boutique-brush-visual>.brush-packaging-final{height:96%!important}.choko-home .boutique-brush-visual>.brush-product{height:105%!important}.choko-home .boutique-teaser-card p{font-size:1rem}.boutique-teaser-cta{margin-top:38px}.boutique-teaser-cta .btn{width:min(100%,340px)}
  .worlds-story{padding-block:76px}.worlds-heading{margin-bottom:46px}.world-journey{gap:28px}.world-scene,.world-scene:nth-child(even){display:flex;min-height:0;flex-direction:column;border-radius:36px}.world-scene:nth-child(even) .world-visual,.world-scene:nth-child(even) .world-copy{grid-column:auto;grid-row:auto}.world-visual{width:100%;min-height:285px}.world-visual img{height:108%;width:84%}.world-copy{max-width:none;padding:30px 25px 34px;text-align:center}.world-copy h3{font-size:2rem!important}.world-copy p{margin-inline:auto}.world-actions{justify-content:center}.world-duo img{height:88%}
  .choko-home .section-parents{padding-block:72px}.choko-home .parent-card{grid-template-columns:82px 1fr;min-height:145px;padding:21px 18px;gap:4px 15px}.parent-card>img{height:96px}.choko-home .parent-card h3{font-size:1.1rem}.choko-home .parent-card p{font-size:.96rem}.choko-home .center-cta{margin-top:32px}.choko-home .center-cta .btn{width:min(100%,340px)}
  .review-invite{padding-block:42px}.review-invite-inner{flex-direction:column;padding:30px 24px;text-align:center}.review-invite .btn{width:min(100%,320px)}
  .choko-home .section-prevention{padding-block:72px}.prevention-layout{grid-template-columns:1fr;gap:38px}.prevention-visual{min-height:300px}.prevention-friend{height:280px}.prevention-copy{text-align:center}.prevention-copy .eyebrow{justify-content:center}.prevention-copy .lead{margin-inline:auto}.prevention-copy .btn{width:min(100%,350px)}
  .choko-home .final-mission{padding:64px 22px 190px}.final-lily{left:calc(50% - 82px);height:180px;max-width:164px}.choko-home .site-footer{border-radius:0}.choko-home .footer-hero{display:flex;flex-direction:column}.choko-home .footer-newsletter{min-width:0}.choko-home .nl-fields{flex-wrap:wrap}.choko-home .nl-fields input{min-width:180px;flex:1}.choko-home .cookie-banner{max-height:45dvh;overflow:auto}.choko-home .cookie-banner p{font-size:.8125rem}
}

@media(max-width:420px){
  .formula-product-stage{min-height:380px}.formula-facts{grid-template-columns:1fr}.formula-denti{width:34%}
  .choko-home .boutique-teaser-card{min-height:370px}.choko-home .boutique-product-visual{height:215px}.choko-home .boutique-brush-visual{height:230px;min-height:230px}
  .world-visual{min-height:250px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal-item{opacity:1;transform:none}.hero-stage{transform:none!important}
}