:root{color-scheme:light;--ink:oklch(40% .15 250);--ink-soft:oklch(40% .15 250 / .72);--ink-faint:oklch(40% .15 250 / .28);--roofus:#01A5E9;--yellow:#FFDA3E;--ground:oklch(96.5% .02 235);--surface:oklch(99.3% .004 235);--studio:#CFCED3;--photo-yellow:#FFD64D;--photo-green:#245B3B;--display:"Pearl Jean","Arial Rounded MT Bold",sans-serif;--label:"Pearl Jean","Arial Rounded MT Bold",sans-serif;--body:"Roofus Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;--line:1.5px solid var(--ink);--r-card:16px;--r-media:10px;--r-pill:999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-pop:cubic-bezier(.34,1.56,.64,1);--gut-l:max(20px, env(safe-area-inset-left,0px));--gut-r:max(20px, env(safe-area-inset-right,0px));--z-sticky:40;--z-fly:60;--z-toast:70}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:var(--z-toast);background:var(--ink)}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}h1,h2,h3{margin:0;font-weight:400;text-wrap:balance}p{margin:0;text-wrap:pretty}.wrap{max-width:1360px;margin:0 auto;padding-left:var(--gut-l);padding-right:var(--gut-r)}.sec-title{font-family:var(--display);font-size:clamp(40px,5vw,76px);line-height:.92}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;font-family:var(--label);font-size:17px;letter-spacing:.03em;text-decoration:none;border:var(--line);border-radius:var(--r-pill);padding:14px 28px;background:var(--yellow);color:var(--ink);cursor:pointer;transition:background-color .2s var(--ease-out),color .2s var(--ease-out),transform .12s var(--ease-out)}.btn:hover{background:var(--ink);color:var(--yellow)}.btn:active{transform:scale(.96)}.btn.line{background:transparent}.btn.line:hover,.btn.ink{background:var(--ink);color:var(--ground)}.btn.ink:hover{background:var(--surface);color:var(--ink)}.announce{background:var(--ink);color:var(--ground);font-family:var(--label);font-size:14px;letter-spacing:.04em;display:flex;justify-content:center;align-items:center;gap:12px;padding-block:7px;padding-left:var(--gut-l);padding-right:var(--gut-r)}.announce svg{width:14px;height:14px;color:var(--yellow)}header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:var(--z-sticky);background:var(--ground);border-bottom:var(--line)}.mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px}.mast nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.mast nav a{font-family:var(--label);font-size:17px;text-decoration:none;white-space:nowrap;position:relative}.mast nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}.mast nav a:hover:after{transform:scaleX(1)}.mast .logo img{height:28px;width:auto}.tools{display:flex;justify-content:flex-end;gap:6px}.tool{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;cursor:pointer;position:relative;border-radius:50%}.tool:hover{background:var(--surface)}.tool svg{width:24px;height:24px}.count{position:absolute;top:2px;right:0;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--yellow);border:var(--line);font-size:11px;display:grid;place-items:center;font-variant-numeric:tabular-nums}.hero{position:relative;background:var(--studio);overflow:hidden;height:clamp(560px,calc(100svh - 98px),880px);border-bottom:var(--line)}.hero video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;pointer-events:none}.hero-copy{position:relative;height:100%;max-width:1360px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:24px;padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:var(--gut-r);padding-block:48px}.hero h1{font-family:var(--display);font-size:clamp(50px,6.6vw,96px);line-height:.9;letter-spacing:-.01em}.hero h1 span{display:block;white-space:nowrap}.hero .lede{font-size:clamp(17px,1.3vw,20px);max-width:30ch}.hero .ctas{display:flex;flex-wrap:wrap;gap:12px}#fly{position:fixed;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;z-index:var(--z-fly);pointer-events:none;opacity:0;transition:opacity .25s}#fly.show{opacity:1}#fly .wing{transform-origin:15px 13px;animation:flap .07s linear infinite alternate}@keyframes flap{to{transform:scaleY(.5)}}.shop{padding-bottom:clamp(72px,9vw,120px)}.shop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:22px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{border:var(--line);border-radius:var(--r-pill);background:transparent;padding:8px 16px;font-family:var(--label);font-size:16px;cursor:pointer;transition:background-color .2s var(--ease-out),color .2s}.filter:hover{background:var(--surface)}.filter[aria-pressed=true]{background:var(--ink);color:var(--ground)}.rail-wrap{position:relative}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(258px,22vw,300px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut-l);padding:6px var(--gut-r) 14px var(--gut-l);scrollbar-width:none;max-width:1360px;margin:0 auto}.rail::-webkit-scrollbar{display:none}.rail-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.arrow{width:58px;height:42px;border:var(--line);border-radius:var(--r-pill);background:var(--surface);cursor:pointer;display:grid;place-items:center;transition:background-color .2s var(--ease-out),color .2s}.arrow:hover{background:var(--ink);color:var(--ground)}.arrow svg{width:22px;height:22px}.card{scroll-snap-align:start;border:var(--line);border-radius:var(--r-card);background:var(--surface);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0;transform-style:preserve-3d;transition:transform .5s var(--ease-out)}.card[hidden]{display:none}.card .meta{font-family:var(--label);font-size:15px;text-align:center;min-height:1.2em}.card h3{font-family:var(--display);font-size:27px;line-height:.95;text-align:center;min-height:1.9em;display:flex;align-items:center;justify-content:center}.card .detail{font-size:13px;text-align:center;margin-top:-4px;color:var(--ink-soft);min-height:1.5em}.media{position:relative;aspect-ratio:1;border-radius:var(--r-media);overflow:hidden;background:var(--ground);max-width:100%;isolation:isolate}.media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--ease-out),scale .6s var(--ease-out)}.media.cut img.pack{object-fit:contain;padding:9% 12%;transform-origin:50% 100%}.media .life{opacity:0}.card:hover .media .life,.card:focus-within .media .life{opacity:1}.card:hover .media .pack{scale:1.04}.media .glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgb(255 255 255 / .45),transparent 55%);opacity:0;transition:opacity .3s;z-index:2}.card:hover .media .glare{opacity:1}.badge{position:absolute;top:10px;left:10px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--yellow);border:var(--line);border-radius:var(--r-pill);padding:3px 9px;z-index:3}.badge.new{background:var(--ink);color:var(--ground)}.swatches{display:flex;justify-content:center;gap:8px;min-height:24px}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);outline:1.5px solid var(--ink-faint);cursor:pointer;padding:0;transition:outline-color .2s,scale .2s var(--ease-pop)}.swatch:hover{scale:1.15}.swatch[aria-pressed=true]{outline:2px solid var(--ink)}.add{display:flex;justify-content:space-between;align-items:center;gap:8px;border:var(--line);border-radius:var(--r-pill);background:var(--ink);color:var(--ground);padding:10px 18px;font-family:var(--label);font-size:16px;cursor:pointer;width:100%;transition:background-color .2s var(--ease-out),color .2s,scale .1s}.add:hover{background:var(--yellow);color:var(--ink)}.add:active{scale:.97}.add .price{font-variant-numeric:tabular-nums}.add s{opacity:.6;margin-left:6px;font-family:var(--body);font-size:12px}.flyer{position:fixed;z-index:var(--z-fly);width:56px;height:56px;border-radius:50%;border:var(--line);background:var(--surface) center/cover no-repeat;pointer-events:none}.shampoo{background:var(--photo-yellow);border-bottom:var(--line);overflow:hidden}.shampoo .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;max-width:1440px;padding-right:0}.shampoo .text{display:flex;flex-direction:column;gap:24px;padding-block:72px;position:relative;z-index:1}.shampoo h2{font-family:var(--display);font-size:clamp(44px,5.4vw,84px);line-height:.9}.shampoo p{font-size:19px;max-width:34ch}.formulas{display:flex;flex-wrap:wrap;gap:10px}.formula{display:flex;align-items:center;gap:8px;border:var(--line);border-radius:var(--r-pill);padding:8px 15px 8px 9px;font-family:var(--label);font-size:17px;background:var(--surface);cursor:pointer;transition:background-color .2s,color .2s}.formula i{width:16px;height:16px;border-radius:50%;border:var(--line)}.formula:hover,.formula[aria-pressed=true]{background:var(--ink);color:var(--ground)}.shampoo figure{margin:0 0 0 -4%;align-self:end;position:relative}.shampoo figure img{width:100%;height:auto}#bubbles,.leaders{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.leaders{pointer-events:none;overflow:visible}.leaders line{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 4}.leaders circle{fill:var(--ink)}.callout{position:absolute;left:0;top:0;translate:-50% -50%;display:flex;align-items:center;gap:8px;background:var(--surface);border:var(--line);border-radius:var(--r-pill);padding:7px 14px 7px 8px;font-family:var(--label);font-size:17px;white-space:nowrap;transition:opacity .3s,scale .3s var(--ease-pop);pointer-events:none;will-change:transform}.callout i{width:14px;height:14px;border-radius:50%;border:var(--line)}.shampoo.focus .callout{opacity:.35}.shampoo.focus .callout.on{opacity:1;scale:1.12}.dental{padding-block:clamp(88px,10vw,130px)}.dental .sec-title{margin-bottom:28px;max-width:14ch}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,290px));gap:16px}.tile{position:relative;border:var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--surface);min-width:0}.tile.video{grid-column:span 2;grid-row:span 2;background:#c9c8cd}.tile.video video{width:100%;height:100%;object-fit:cover}.tile.kit{grid-row:span 2;background:#c7e7f7;display:flex;flex-direction:column;justify-content:space-between;padding:22px}.tile.kit img{height:62%;width:auto;align-self:center;transition:transform .5s var(--ease-out)}.tile.kit:hover img{transform:rotate(-4deg) translateY(-8px)}.tile.small{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:18px}.tile.small img{width:100%;height:220px;object-fit:contain;transition:transform .5s var(--ease-out)}.tile.small:hover img{transform:rotate(3deg) scale(1.04)}.tile.breath{background:#bfeef7}.tile h3{font-family:var(--display);font-size:clamp(24px,2.1vw,32px);line-height:.95}.tile p{font-size:14.5px;color:var(--ink-soft);margin-top:6px}.tile .tag{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:var(--line);border-radius:var(--r-pill);padding:2px 9px;margin-bottom:10px;background:var(--surface)}.tile .btn{margin-top:14px;padding:10px 18px;font-size:15px}.vid-toggle{position:absolute;right:14px;bottom:14px;width:46px;height:46px;border-radius:50%;border:var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer}.vid-toggle:hover{background:var(--yellow)}.vid-toggle svg{width:18px;height:18px}.field button:hover{background:var(--ground)}.form-msg{min-height:1.5em;font-size:14px;margin-top:10px}.form-msg.err{color:var(--yellow)}.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-content:start}.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;padding-block:18px 4px}.finale2{background:var(--ink);color:var(--ground);border-radius:28px 28px 0 0;margin-top:-28px;position:relative;z-index:1;padding-bottom:max(14px,env(safe-area-inset-bottom,0px))}.finale2 .wrap.top{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;padding-block:64px 24px}.finale2 .say{font-family:var(--display);font-size:clamp(34px,3.6vw,54px);line-height:.92;color:var(--yellow)}.finale2 .say+p{margin-top:12px;max-width:34ch}.finale2 .say+p a{color:var(--yellow)}.cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-content:start}.cols h3{font-family:var(--label);font-size:17px;color:var(--yellow);margin-bottom:12px}.cols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.cols a{text-decoration:none;font-size:15px;white-space:nowrap}.cols a:hover{text-decoration:underline;text-underline-offset:3px}.pit{position:relative;max-width:1440px;margin:0 auto;height:var(--pit-h,380px)}#pit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:pan-y}.pit .fallback{position:absolute;left:var(--gut-l);right:var(--gut-r);bottom:14px}.pit .fallback img{width:100%;height:auto}.pit.live .fallback{visibility:hidden}.pit-ui{position:absolute;right:var(--gut-r);top:10px;display:flex;gap:10px;align-items:center;z-index:2}.pit-ui p{font-family:var(--label);font-size:16px;color:#e7f6ffcc}.pit-ui button{border:1.5px solid var(--ground);background:transparent;color:var(--ground);border-radius:var(--r-pill);padding:7px 16px;font-family:var(--label);font-size:16px;cursor:pointer;white-space:nowrap}.pit-ui button:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;padding-block:14px 4px;border-top:1px solid oklch(96.5% .02 235 / .25)}.legal span:last-child{display:flex;gap:18px}.legal a{text-decoration:none}@media(max-width:900px){.finale2 .wrap.top{grid-template-columns:minmax(0,1fr)}.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.pit-ui{left:var(--gut-l);right:auto}.pit-ui p{display:none}}[hidden]{display:none!important}section{scroll-margin-top:80px}.sec-title{font-size:clamp(38px,4.4vw,66px)}.shop{padding-top:clamp(72px,8vw,110px)}.bundles{background:var(--surface);border-block:var(--line)}.bundle-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;padding-block:clamp(72px,8vw,110px)}.bundle-copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.bundle-copy>p{font-size:18px;max-width:36ch}.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:520px}.tier{position:relative;border:var(--line);border-radius:14px;background:var(--ground);padding:14px 12px 12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background-color .2s,transform .15s var(--ease-out)}.tier:active{transform:scale(.97)}.tier[aria-checked=true]{background:var(--yellow)}.tier .q{font-family:var(--display);font-size:24px;line-height:1}.tier .p{font-size:15px;font-variant-numeric:tabular-nums}.tier .u{font-size:12.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.tier .off{position:absolute;top:-10px;right:10px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;background:var(--ink);color:var(--ground);border-radius:var(--r-pill);padding:2px 8px}.btn.big{padding:16px 34px;font-size:19px}.fine{font-size:13px;color:var(--ink-soft)}.bundle-stage{position:relative;height:clamp(320px,34vw,460px);border-radius:var(--r-card);background:var(--ground);border:var(--line);overflow:hidden}.bundle-stage .save-burst{position:absolute;top:22px;left:22px;font-family:var(--display);font-size:clamp(34px,3.6vw,52px);line-height:.9}.bundle-stage .save-burst small{display:block;font-family:var(--body);font-size:14px;color:var(--ink-soft)}.vetcmp{padding-block:clamp(80px,9vw,130px)}.vc-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center}.vc-photo{margin:0;position:relative;border-radius:var(--r-card);overflow:hidden;border:var(--line)}.vc-photo img{width:100%;height:auto;aspect-ratio:1300/1065;object-fit:cover}.vc-card{position:absolute;left:18px;bottom:18px;max-width:300px;background:var(--surface);border:var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.vc-card p{font-size:16px;line-height:1.3;margin-bottom:8px}.vc-card b{font-family:var(--display);font-weight:400;font-size:20px;line-height:1}.vc-card span{font-size:13px;color:var(--ink-soft)}.vc-copy{display:flex;flex-direction:column;gap:22px}.vc-copy>p{font-size:18px;max-width:42ch}.flip{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;border:var(--line);border-radius:var(--r-pill);padding:4px;background:var(--surface);align-self:flex-start;isolation:isolate}.flip button{position:relative;z-index:1;border:0;background:none;padding:10px 20px;font-family:var(--label);font-size:17px;cursor:pointer;white-space:nowrap;transition:color .3s}.flip button[aria-checked=true]{color:var(--ground)}.flip .thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:var(--r-pill);background:var(--ink);transition:transform .45s var(--ease-pop),background-color .3s}.flip.them .thumb{transform:translate(100%);background:#69737d}.rows{list-style:none;margin:0;padding:0;display:grid;gap:10px;perspective:900px}.row{position:relative;height:64px;transform-style:preserve-3d;transition:transform .6s var(--ease-out)}.row.flipped{transform:rotateX(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:14px;padding:0 18px;border:var(--line);border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.face.f{background:var(--roofus)}.face.b{background:#e5e8eb;color:#555f69;border-color:#9a9fa5;transform:rotateX(180deg)}.face .t{font-family:var(--display);font-size:clamp(20px,1.9vw,26px);line-height:1}.face.b .t{text-decoration:line-through;text-decoration-thickness:2px}.face svg{flex:none;width:34px;height:34px}.vc-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.score{font-family:var(--display);font-size:56px;line-height:1;font-variant-numeric:tabular-nums}.score b{font-weight:400}.social{background:var(--surface);border-block:var(--line)}.social .wrap{padding-block:clamp(80px,9vw,120px)}.social-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}.social-head .sec-title{max-width:22ch}.handle{display:inline-block;font-family:var(--label);font-size:20px;text-decoration:none;margin-bottom:10px;color:var(--roofus)}.reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reel{position:relative;aspect-ratio:9/14;border-radius:var(--r-card);overflow:hidden;border:var(--line);background:var(--ink)}.reel video{width:100%;height:100%;object-fit:cover;display:block}.reel .snd{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer}.reel .snd svg{width:18px;height:18px}.tag{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;background:var(--surface);border:var(--line);border-radius:14px;padding:8px}.tag img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:var(--ground)}.tag span{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;color:var(--ink-soft);line-height:1.25}.tag b{font-family:var(--label);font-weight:400;font-size:16px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-btn{border:var(--line);border-radius:var(--r-pill);background:var(--yellow);font-family:var(--label);font-size:15px;padding:7px 14px;cursor:pointer;white-space:nowrap}.tag-btn:hover{background:var(--ink);color:var(--yellow)}.ig{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.ig a{display:block;border-radius:12px;overflow:hidden;border:var(--line);aspect-ratio:4/5}.ig img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.ig a:hover img{transform:scale(1.06)}.stockists .wrap{display:flex;align-items:center;gap:24px 40px;flex-wrap:wrap;padding-block:44px 76px}.stockists h2{font-family:var(--label);font-size:18px;color:var(--ink-soft)}.stockists ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 34px;align-items:center}.stockists a,.stockists span{font-family:var(--display);font-size:clamp(24px,2.4vw,34px);text-decoration:none;opacity:.85;transition:opacity .2s}.stockists a:hover{opacity:1;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.join .say{font-family:var(--display);font-size:clamp(40px,4.6vw,66px);line-height:.92;color:var(--yellow)}.join>p{margin-block:10px 20px;max-width:40ch}.join label{display:block;font-family:var(--label);font-size:16px;margin-bottom:8px}.field{display:flex;border:1.5px solid var(--ground);border-radius:var(--r-pill);overflow:hidden;max-width:520px}.field input{flex:1;min-width:0;border:0;background:transparent;color:var(--ground);font:inherit;padding:14px 22px}.field input::placeholder{color:#e7f6ffb3}.field input:focus{outline:none}.field:focus-within{outline:2.5px solid var(--yellow);outline-offset:3px}.field button{border:0;border-left:1.5px solid var(--ground);background:var(--yellow);color:var(--ink);font-family:var(--label);font-size:17px;padding:0 24px;cursor:pointer;white-space:nowrap}.finale2 .form-msg.err{color:var(--yellow)}.finale2{margin-top:0}.cols{grid-template-columns:repeat(3,minmax(0,1fr))}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d233959;z-index:80;opacity:0;transition:opacity .3s}.scrim.on{opacity:1}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);z-index:81;background:var(--surface);border-left:var(--line);display:flex;flex-direction:column;transform:translate(102%);transition:transform .45s var(--ease-out);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) 0}.drawer.open{transform:none}.dr-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:var(--line)}.dr-head h2{font-family:var(--display);font-size:30px;line-height:1}.dr-x{width:42px;height:42px;border-radius:50%;border:var(--line);background:none;display:grid;place-items:center;cursor:pointer}.dr-x svg{width:18px;height:18px}.ship{padding:14px 22px;border-bottom:var(--line);background:var(--ground)}.ship p{font-size:14px;margin-bottom:8px}.ship-bar{height:8px;border-radius:4px;background:var(--surface);border:1px solid var(--ink-faint);overflow:hidden}.ship-bar span{display:block;height:100%;background:var(--roofus);transform-origin:left;transform:scaleX(0);transition:transform .5s var(--ease-out)}.lines{list-style:none;margin:0;padding:8px 22px;overflow-y:auto;flex:1}.cline{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding-block:12px;border-bottom:1px solid var(--ink-faint)}.cline img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--ground);border:1px solid var(--ink-faint)}.cline b{display:block;font-family:var(--label);font-weight:400;font-size:17px;line-height:1.1}.cline small{display:block;font-size:13px;color:var(--ink-soft)}.qty{display:inline-flex;align-items:center;border:var(--line);border-radius:var(--r-pill);margin-top:6px}.qty button{width:30px;height:28px;border:0;background:none;cursor:pointer;font-size:16px}.qty span{min-width:20px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.cline .lp{font-variant-numeric:tabular-nums;font-size:15px;text-align:right}.dr-empty{padding:40px 22px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.dr-foot{padding:18px 22px;border-top:var(--line);display:flex;flex-direction:column;gap:10px}.dr-foot .btn{width:100%}.sub{display:flex;justify-content:space-between;font-size:17px}.sub b{font-weight:400;font-family:var(--label);font-size:20px;font-variant-numeric:tabular-nums}@media(max-width:900px){.bundle-grid,.vc-grid{grid-template-columns:minmax(0,1fr)}.bundle-stage{order:-1;height:300px}.reels{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:70vw;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.reel{scroll-snap-align:start}.ig{grid-template-columns:repeat(3,minmax(0,1fr))}.row{height:56px}.flip button{padding:9px 14px;font-size:15px}}@media(max-width:420px){.tier .q{font-size:17px}.tier{padding:12px 8px 10px}.tier .p{font-size:13px}.tier .p s{display:none}.tier .u{font-size:11.5px}.tag img{display:none}.tag b{font-size:14px}}.hero h1{font-size:clamp(50px,6.2vw,92px)}.strays{background:var(--ink);color:var(--ground);position:relative;overflow:hidden}.st-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center;padding-block:clamp(80px,9vw,130px)}.odo{display:flex;align-items:flex-end;font-family:var(--display);font-size:clamp(84px,12vw,190px);line-height:.86;color:var(--yellow);font-variant-numeric:tabular-nums;margin:0}.odo .col{display:inline-block;height:.86em;overflow:hidden;position:relative}.odo .strip{display:flex;flex-direction:column}.odo .strip span{height:.86em;display:block;text-align:center}.odo .sep{display:inline-block}.st-label{font-family:var(--label);font-size:clamp(22px,2.2vw,32px);margin-top:12px;color:var(--ground)}.st-copy{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.st-copy .sec-title{color:var(--surface)}.st-copy>p{font-size:18px;max-width:42ch;color:#e7f6ffe0}.bowls{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;width:100%;max-width:520px}.bowls li{aspect-ratio:1;position:relative}.bowls svg{width:100%;height:100%;display:block}.bowls .kib{opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .4s var(--ease-pop)}.bowls li.full .kib{opacity:1;transform:none}.bowls .dish{fill:transparent;stroke:#e7f6ff73;stroke-width:2;transition:fill .3s,stroke .3s}.bowls li.full .dish{fill:var(--roofus);stroke:var(--roofus)}.st-key{display:flex;align-items:center;gap:8px;font-size:14px;color:#e7f6ffbf}.mini-bowl{width:16px;height:10px;border-radius:0 0 8px 8px;background:var(--roofus)}.strays .btn:hover{background:var(--surface);color:var(--ink)}.pit-ui p{max-width:none}@media(max-width:900px){.st-grid{grid-template-columns:minmax(0,1fr);gap:28px}.bowls{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.announce{display:block;height:32px;overflow:hidden;padding:0}.ann-track{display:flex;flex-direction:column;transition:transform .6s var(--ease-out)}.ann-track p{height:32px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--label);font-size:15px}.ann-track p:before,.ann-track p:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--yellow)}.hero h1{font-size:clamp(50px,6.4vw,94px);line-height:.92}.hero h1>span{display:block;white-space:nowrap}.mark{position:relative;display:inline-block}.mark:after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.02em;height:.16em;background:var(--yellow);z-index:-1;transform-origin:left;transform:scaleX(0);animation:markIn .9s .7s var(--ease-out) forwards}@keyframes markIn{to{transform:scaleX(1)}}.hero h1{position:relative;z-index:0}.hero-rating{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:15px}.hero-rating b{font-family:var(--label);font-weight:400;font-size:18px;margin-right:2px}.stars{--on:var(--ink);--off:var(--ink-faint);display:inline-block;width:5.4em;height:1em;font-size:16px;vertical-align:-2px;background:linear-gradient(90deg,var(--on) calc(var(--r) / 5 * 100%),var(--off) 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 1.5l3.1 6.6 7.2.8-5.4 4.9 1.5 7.1L12 17.3l-6.4 3.6 1.5-7.1L1.7 8.9l7.2-.8z'/%3E%3C/svg%3E") 0 0/1.08em 1em repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 1.5l3.1 6.6 7.2.8-5.4 4.9 1.5 7.1L12 17.3l-6.4 3.6 1.5-7.1L1.7 8.9l7.2-.8z'/%3E%3C/svg%3E") 0 0/1.08em 1em repeat-x}.stars.lg{font-size:30px}.rating{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft)}.rating b{font-family:var(--label);font-weight:400;font-size:15px;color:var(--ink)}.rating .stars{font-size:13px}.needs{background:var(--surface);border-bottom:var(--line);padding-block:18px;overflow:hidden}.ticker{position:relative;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.ticker.dragging{cursor:grabbing}.ticker-track{display:flex;width:max-content;will-change:transform;padding-block:10px}.need{border:0;background:none;padding:0 7px;cursor:inherit;flex:none}.need-in{display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border:var(--line);border-radius:var(--r-pill);background:var(--ground);transform-origin:50% 60%;transition:background-color .25s,color .25s}.need img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:var(--line);pointer-events:none}.need b{display:block;font-family:var(--label);font-weight:400;font-size:21px;line-height:1;white-space:nowrap}.need small{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:3px;white-space:nowrap}.need .arr{font-style:normal;font-size:18px;opacity:.5;transition:transform .25s var(--ease-out),opacity .25s}.need:hover .need-in,.need:focus-visible .need-in{background:var(--yellow)}.need:hover .arr{transform:translate(4px);opacity:1}.ticker.static{overflow-x:auto;-webkit-mask-image:none;mask-image:none;cursor:auto}.rate-row{min-height:20px;display:flex;justify-content:center}.swatches{min-height:24px}.swatches.left{justify-content:flex-start;margin:10px 0 0}.routine{padding-block:clamp(80px,9vw,120px);background:var(--surface);border-block:var(--line);position:relative}.rt-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px;align-items:start}.rt-sub{font-size:18px;margin:14px 0 26px;max-width:46ch}.concerns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.concern{position:relative;border:var(--line);border-radius:14px;background:var(--ground);padding:0;overflow:hidden;cursor:pointer;text-align:left;display:flex;flex-direction:column;transition:transform .25s var(--ease-out),background-color .25s}.concern:hover{transform:translateY(-3px)}.concern:active{transform:scale(.97)}.concern .ci{display:block;aspect-ratio:4/3;overflow:hidden;border-bottom:var(--line)}.concern .ci img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.concern:hover .ci img{transform:scale(1.06)}.concern .cl{font-family:var(--label);font-size:17px;line-height:1.05;padding:10px 10px 12px;min-height:3.1em}.concern .tick{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:var(--line);background:var(--surface);display:grid;place-items:center;transform:scale(.6);opacity:0;transition:transform .35s var(--ease-pop),opacity .2s}.concern .tick svg{width:14px;height:14px}.concern[aria-pressed=true]{background:var(--yellow)}.concern[aria-pressed=true] .tick{transform:none;opacity:1;background:var(--ink);color:var(--yellow)}.concern.flash{animation:flash .8s var(--ease-out)}@keyframes flash{30%{transform:scale(1.06) rotate(-1.5deg)}}.rt-panel{position:sticky;top:96px;border:var(--line);border-radius:var(--r-card);background:var(--ground);padding:22px;display:flex;flex-direction:column;gap:14px}.rt-panel h3{font-family:var(--display);font-weight:400;font-size:30px;line-height:1}.rt-empty{font-size:15px;color:var(--ink-soft)}.rt-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.rt-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--ink-faint);border-radius:12px;padding:8px 10px 8px 8px}.rt-item img{width:56px;height:56px;object-fit:contain;border-radius:8px;background:var(--ground)}.rt-item b{display:block;font-family:var(--label);font-weight:400;font-size:17px;line-height:1.05}.rt-item small{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:2px}.rt-item .mini{display:flex;gap:6px;margin-top:6px}.rt-item .mini button{width:16px;height:16px;border-radius:50%;border:2px solid var(--surface);outline:1.5px solid var(--ink-faint);padding:0;cursor:pointer}.rt-item .mini button[aria-pressed=true]{outline:2px solid var(--ink)}.rt-item .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.rt-item .lp{font-variant-numeric:tabular-nums;font-size:15px}.rt-item .x{border:0;background:none;color:var(--ink-soft);font-size:12px;text-decoration:underline;cursor:pointer;padding:0}.rt-foot{display:flex;flex-direction:column;gap:10px;border-top:var(--line);padding-top:14px}.rt-foot .btn{width:100%}.rt-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:var(--ground);border-radius:var(--r-pill);padding:8px 8px 8px 20px;font-size:15px;transform:translateY(150%);transition:transform .4s var(--ease-out)}.rt-bar.on{transform:none}.rt-bar .btn{padding:10px 20px}.reviews{padding-block:clamp(80px,9vw,120px)}.rv-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}.rv-sum{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px}.rv-big{display:flex;align-items:center;gap:14px;margin-top:10px}.rv-big b{font-family:var(--display);font-weight:400;font-size:84px;line-height:.85;font-variant-numeric:tabular-nums}.rv-count{font-size:15px;color:var(--ink-soft)}.rv-prods{display:grid;gap:6px;margin-top:10px}.rv-prod{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--ink-faint);border-radius:12px;background:var(--surface);padding:10px 12px;cursor:pointer;text-align:left;transition:background-color .2s,border-color .2s}.rv-prod span:first-child{font-family:var(--label);font-size:16px}.rv-prod:hover{border-color:var(--ink)}.rv-prod[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.rv-prod[aria-pressed=true] .rating,.rv-prod[aria-pressed=true] .rating b{color:var(--ground)}.rv-prod[aria-pressed=true] .stars{--on:var(--yellow);--off:oklch(96.5% .02 235 / .3)}.rv-cards{columns:2;column-gap:16px}.rv-card{break-inside:avoid;margin-bottom:16px;border:var(--line);border-radius:var(--r-card);background:var(--surface);padding:20px;display:flex;flex-direction:column;gap:12px}.rv-card q{font-size:19px;line-height:1.35;quotes:"\201c" "\201d"}.rv-card .who{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;border-top:1px solid var(--ink-faint);padding-top:12px}.rv-card .who b{font-family:var(--label);font-weight:400;font-size:16px}.rv-card .who small{display:block;color:var(--ink-soft)}.rv-card .mini-add{border:var(--line);border-radius:var(--r-pill);background:var(--yellow);font-family:var(--label);font-size:15px;padding:6px 14px;cursor:pointer;white-space:nowrap}.rv-card .mini-add:hover{background:var(--ink);color:var(--yellow)}#rvMore{margin-top:4px}.bpick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:560px}.bp{border:var(--line);border-radius:14px;background:var(--ground);padding:8px 8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;transition:background-color .2s,transform .15s var(--ease-out)}.bp img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:var(--surface)}.bp b{font-family:var(--label);font-weight:400;font-size:15px;line-height:1.05}.bp:active{transform:scale(.97)}.bp[aria-checked=true]{background:var(--yellow)}.tier .q{font-size:30px}.tier .best{position:absolute;top:auto;bottom:-10px;left:50%;translate:-50% 0;white-space:nowrap;font-size:11px;letter-spacing:.05em;text-transform:uppercase;background:var(--yellow);border:var(--line);border-radius:var(--r-pill);padding:1px 8px}.tier[aria-checked=true] .best{background:var(--surface)}.bsum{display:flex;align-items:baseline;gap:14px;font-variant-numeric:tabular-nums}.bsum b{font-family:var(--display);font-weight:400;font-size:44px;line-height:1}.bsum s{font-size:18px;color:var(--ink-soft)}.bsum span{font-size:15px;color:var(--ink-soft)}.bundle-stage{height:clamp(380px,38vw,520px);background:var(--ground);touch-action:pan-y}#boxCv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bundle-stage .save-burst{z-index:1;pointer-events:none}.box-hint{position:absolute;right:18px;top:22px;font-family:var(--label);font-size:15px;color:var(--ink-soft);pointer-events:none;transition:opacity .4s}.tier .u,.tier .p,.bsum s,.bsum span,.rt-item .lp,.cline .lp,.qty span{font-variant-numeric:normal}.hero h1 .mark{display:inline-block}.tile .tag{position:static;display:inline-block;padding:2px 9px;border-radius:var(--r-pill);background:var(--surface);font-size:11px;margin-bottom:10px}.pit-ui button{background:var(--ink)}.tiers{margin-bottom:6px}.formula[aria-checked=true]{background:var(--ink);color:var(--ground)}.sh-buy{display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media(max-width:900px){.rt-grid,.rv-grid{grid-template-columns:minmax(0,1fr)}.concerns{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-panel,.rv-sum{position:static}.rv-cards{columns:1}.bpick{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bp b{font-size:13px}.need b{font-size:18px}.need img{width:44px;height:44px}.hero-rating{font-size:14px}.bundle-stage{height:320px}.box-hint{top:70px;left:22px;right:auto}}@media(min-width:901px){.rt-bar{display:none}}.shop{padding-top:clamp(56px,6vw,88px)}.shelf{position:relative;margin-bottom:26px}.shelf-frame{border:var(--line);border-radius:var(--r-card);overflow:hidden;background:#f7e6d3}.shelf-img{width:100%;height:auto;display:block;transform-origin:50% 60%}.shelf-head{position:absolute;left:clamp(20px,3vw,44px);top:clamp(18px,2.6vw,38px);max-width:54%;pointer-events:none}.shelf-head p{font-size:clamp(15px,1.25vw,19px);margin-top:10px;max-width:36ch}.spots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.spot{position:absolute;translate:-50% -50%;width:34px;height:34px;border-radius:50%;border:var(--line);background:var(--yellow);padding:0;cursor:pointer;pointer-events:auto;display:grid;place-items:center;transition:scale .25s var(--ease-pop),background-color .2s}.spot:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid var(--yellow);opacity:0;animation:spotPulse 2.6s var(--ease-out) infinite;pointer-events:none}.spot:nth-child(2n):before{animation-delay:1.3s}@keyframes spotPulse{0%{opacity:.95;scale:.6}75%,to{opacity:0;scale:1.45}}.spot span{position:relative;width:12px;height:12px;transition:rotate .35s var(--ease-pop)}.spot span:before,.spot span:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.5px;border-radius:2px;background:var(--ink);translate:-50% -50%}.spot span:after{rotate:90deg}.spot:hover{scale:1.15}.spot.open{background:var(--ink)}.spot.open span{rotate:45deg}.spot.open span:before,.spot.open span:after{background:var(--yellow)}.spot-card{position:absolute;z-index:3;width:300px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px 12px;align-items:center;background:var(--surface);border:var(--line);border-radius:14px;padding:10px}.spot-card img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--ground)}.spot-card small{display:block;font-size:12.5px;color:var(--ink-soft)}.spot-card b{display:block;font-family:var(--label);font-weight:400;font-size:18px;line-height:1.05}.spot-card .rating{margin-top:4px}.spot-card .btn{grid-column:1/-1;padding:10px 18px;font-size:16px}.spot-card.sheet{left:10px;right:10px;bottom:10px;top:auto;width:auto;grid-template-columns:52px minmax(0,1fr) auto;padding:8px}.spot-card.sheet img{width:52px;height:52px}.spot-card.sheet .btn{grid-column:auto;padding:9px 14px;font-size:14px}.shop-head{margin-bottom:16px}.media.shot img.pack{object-fit:cover;padding:0}.media img.pour{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shampoo .wrap{padding-right:var(--gut-r);gap:clamp(24px,4vw,64px)}.shampoo figure{margin:clamp(48px,6vw,80px) 0;align-self:center;justify-self:center;width:min(100%,620px)}.sh-frame{position:relative;aspect-ratio:1;border:var(--line);border-radius:24px;overflow:hidden;background:#fcb179}.shampoo .sh-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .5s var(--ease-out),transform .8s var(--ease-pop)}.shampoo .sh-shot.on{opacity:1;transform:none}.concerns{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.shampoo figure{order:-1;margin:32px 0 0;width:100%}.shampoo .text{padding-block:28px 56px}.callout[data-k=nozzle],.callout[data-k="3in1"]{display:flex}.concerns{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.concern .cl{font-size:14px;padding:8px 8px 10px;min-height:2.9em}.concern .tick{width:24px;height:24px;top:6px;right:6px}}@media(max-width:700px){.shelf-head{position:static;max-width:none;margin-bottom:14px}.spot{width:28px;height:28px}.spot span{width:10px;height:10px}.spot span:before,.spot span:after{width:10px}}.add s{font-variant-numeric:normal}.shelf-frame{position:relative}@media(max-width:700px){.shelf{display:flex;flex-direction:column}.shelf-head{order:-1}}@media(max-width:900px){.shampoo .callout[data-k=nozzle],.shampoo .callout[data-k="3in1"]{display:flex}}@media(max-width:700px){.spot{width:22px;height:22px}.spot:before{top:-5px;right:-5px;bottom:-5px;left:-5px}.spot span,.spot span:before,.spot span:after{width:8px}.spot span{height:8px}.spot span:before,.spot span:after{height:2px}}.bundle-wrap{padding-block:clamp(72px,8vw,110px)}.bundle-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 40px;flex-wrap:wrap;margin-bottom:20px}.bundle-head p{font-size:18px;margin-top:12px;max-width:40ch}.bundles .bpick{display:flex;flex-wrap:wrap;gap:8px;max-width:none;width:auto}.bundles .bp{flex-direction:row;padding:5px 18px 5px 5px;border-radius:var(--r-pill);gap:10px;background:var(--ground)}.bundles .bp img{width:38px;height:38px;border-radius:50%;aspect-ratio:1;object-fit:cover;background:var(--surface)}.bundles .bp span{font-family:var(--label);font-size:16px;white-space:nowrap}.bundles .bp[aria-checked=true]{background:var(--ink);color:var(--ground)}.bflavor{margin-bottom:26px}.bcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:12px}.bcard{position:relative;border:var(--line);border-radius:var(--r-card);background:var(--ground);padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;transition:transform .25s var(--ease-out)}.bcard:hover{transform:translateY(-4px)}.bcard.best{background:var(--yellow)}.bimg{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--surface);margin-bottom:8px;border:1px solid var(--ink-faint)}.bimg img{width:100%;height:100%;object-fit:cover}.bq{position:absolute;right:12px;bottom:12px;font-family:var(--display);font-size:30px;line-height:1;background:var(--surface);border:var(--line);border-radius:var(--r-pill);padding:7px 14px 4px}.bcard h3{font-family:var(--display);font-size:30px;line-height:1}.bdeal{font-family:var(--label);font-size:17px}.bprice{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:6px}.bprice b{font-family:var(--display);font-weight:400;font-size:38px;line-height:1}.bprice s{font-size:16px;color:var(--ink-soft)}.boff{font-size:12px;letter-spacing:.05em;text-transform:uppercase;background:var(--ink);color:var(--ground);border-radius:var(--r-pill);padding:3px 9px;align-self:center}.bunit{font-size:14px;color:var(--ink-soft)}.bcard .btn{margin-top:auto;width:100%}.bcard .bunit{margin-bottom:12px}.bbadge{position:absolute;top:-13px;left:16px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;background:var(--ink);color:var(--ground);border-radius:var(--r-pill);padding:4px 11px;z-index:1}.bbadge.pop{background:var(--surface);color:var(--ink);border:var(--line)}@media(max-width:900px){.bcards{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gut-l)) calc(-1 * var(--gut-r));padding-inline:var(--gut-l) var(--gut-r);scroll-padding-inline:var(--gut-l)}.bcard{scroll-snap-align:start}.bcard:hover{transform:none}}.bimg{aspect-ratio:16/10;background:#f6f7fa}.bimg img{object-fit:contain;padding:5% 8%}.quick{display:flex;flex-direction:column;gap:8px;margin-top:2px}.quick-l{font-family:var(--label);font-size:14px;color:var(--ink-soft)}.quick-row{display:flex;gap:8px;flex-wrap:wrap}.qa{display:flex;align-items:center;gap:10px;background:#fafdffe6;border:var(--line);border-radius:var(--r-pill);padding:4px 5px 4px 4px;cursor:pointer;text-align:left;transition:transform .2s var(--ease-out),background-color .2s}.qa img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface);border:1px solid var(--ink-faint)}.qa b{display:block;font-family:var(--label);font-weight:400;font-size:15px;line-height:1.05;white-space:nowrap}.qa small{display:flex;gap:6px;font-size:12px;color:var(--ink-soft);white-space:nowrap}.qa em{font-style:normal}.qa i{width:30px;height:30px;flex:none;border-radius:50%;background:var(--ink);color:var(--yellow);display:grid;place-items:center;transition:transform .3s var(--ease-pop)}.qa i svg{width:14px;height:14px}.qa:hover{transform:translateY(-2px);background:var(--surface)}.qa:hover i{transform:rotate(90deg)}.qa:active{transform:scale(.97)}.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.mq-track{display:flex;width:max-content;list-style:none;margin:0;padding:0;will-change:transform}.mq-track li{flex:none;display:flex;align-items:center;white-space:nowrap}.mq.static{-webkit-mask-image:none;mask-image:none;padding-inline:var(--gut-l) var(--gut-r)}.mq.static .mq-track{flex-wrap:wrap;width:auto;row-gap:10px}.fband{background:var(--yellow);border-bottom:var(--line);border-top:var(--line);padding-block:18px}.fband .mq-track li{gap:14px;padding-right:52px;font-family:var(--display);font-size:clamp(24px,2.3vw,34px);line-height:1}.fi{width:46px;height:46px;flex:none;border-radius:50%;background:var(--ink);display:grid;place-items:center}.fi svg{width:26px;height:26px;fill:none;stroke:var(--yellow);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.stockists{border-top:var(--line)}.st-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;max-width:1360px;margin:0 auto;padding:30px 0 30px var(--gut-l)}.stockists h2{font-family:var(--label);font-size:18px;color:var(--ink-soft);white-space:nowrap}.stockists .mq-track li{padding-right:44px;gap:44px}.stockists .mq-track li:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--roofus)}.stockists .mq-track a,.stockists .mq-track span{font-family:var(--display);font-size:clamp(28px,2.8vw,40px);text-decoration:none;color:var(--ink)}.stockists .mq-track a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.sizes{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.size{border:1.5px solid var(--ink-faint);border-radius:var(--r-pill);background:transparent;padding:4px 11px;font-size:13px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.size:hover{border-color:var(--ink)}.size[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.dental .bento{grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:16px}.dental .tile.video{grid-column:1;grid-row:1/3;min-height:420px}.pt{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:16px;align-items:center;border:var(--line);border-radius:var(--r-card);background:var(--surface);padding:12px;min-width:0;transition:transform .25s var(--ease-out)}.pt:hover{transform:translateY(-3px)}.pt-img{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg,#F3F5F9);border:1px solid var(--ink-faint)}.pt-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out)}.pt-img.cut img{top:7%;right:7%;bottom:7%;left:7%;width:86%;height:86%;object-fit:contain}.pt:hover .pt-img img{transform:scale(1.04)}.pt-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.pt-tag{font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:var(--line);border-radius:var(--r-pill);padding:2px 9px;background:var(--yellow)}.pt h3{font-family:var(--display);font-size:clamp(20px,1.75vw,27px);line-height:.95}.pt p{font-size:14px;color:var(--ink-soft);line-height:1.4}.pt .swatches{margin:2px 0 0}.pt .btn{margin-top:6px;padding:9px 16px;font-size:15px}.pt-rate:empty{display:none}@media(max-width:1100px){.dental .bento{grid-template-columns:repeat(2,minmax(0,1fr))}.dental .tile.video{grid-column:1/-1;grid-row:auto;min-height:0;aspect-ratio:16/9}}@media(max-width:900px){.fband{padding-block:14px}.fi{width:38px;height:38px}.fi svg{width:22px;height:22px}.fband .mq-track li{padding-right:36px;gap:10px}.st-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:24px 0}.stockists h2{padding-left:var(--gut-l)}.quick-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(-1 * var(--gut-r));padding-right:var(--gut-r)}.qa{flex:none}}@media(max-width:700px){.dental .bento{grid-template-columns:minmax(0,1fr)}.dental .tile.video{aspect-ratio:16/10}.pt{grid-template-columns:120px minmax(0,1fr)}}@media(max-height:760px)and (min-width:901px){.hero .lede{max-width:40ch}.hero-copy{gap:18px}}@media(max-width:900px){.hero .ctas .btn{flex:1 1 auto}}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));translate:-50% 200%;visibility:hidden;background:var(--ink);color:var(--ground);border-radius:var(--r-pill);padding:12px 22px;font-size:15px;z-index:var(--z-toast);transition:translate .35s var(--ease-out),visibility 0s .35s}.toast.show{translate:-50% 0;visibility:visible;transition:translate .35s var(--ease-out)}@media(max-width:900px){.mast{grid-template-columns:auto 1fr auto;gap:12px}.mast nav li:not(:first-child){display:none}.mast .logo{justify-self:center}.hero{height:auto;display:flex;flex-direction:column}.hero video{position:relative;height:54svh;min-height:330px;object-position:66% 72%}.hero-copy{padding:28px var(--gut-r) 40px var(--gut-l);gap:18px}.hero .ctas .btn{flex:1;padding-inline:18px}.rail{grid-auto-columns:76vw}.rail-nav{display:none}.shampoo .wrap{grid-template-columns:minmax(0,1fr)}.shampoo figure{order:-1;margin:0 calc(-1 * var(--gut-r)) 0 calc(-1 * var(--gut-l))}.shampoo .text{padding-block:8px 56px}.callout{font-size:13px;padding:4px 9px 4px 6px}.callout[data-k=nozzle],.callout[data-k="3in1"]{display:none}.callout i{width:11px;height:11px}.bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto}.tile.video{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}.tile.kit{grid-column:1/-1;grid-row:auto;gap:14px}.tile.kit img{height:240px}.tile.small{grid-column:1/-1;min-height:220px}.tile.small img{height:180px}.cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.hero h1{font-size:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}}@media(min-width:901px){.hero{container-type:size;background:radial-gradient(ellipse 62% 78% at 64% 50%,#d6d3d7,#cfccd0 42%,#c2bfc5 72%,#b3b0b6)}.hero video{inset:auto;top:50%;right:0;left:auto;width:min(1280px,100cqw,177.78cqh);height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%;translate:0 -50%;-webkit-mask:linear-gradient(90deg,transparent,#000 14%),linear-gradient(transparent,#000 9%,#000 92%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 14%),linear-gradient(transparent,#000 9%,#000 92%,transparent);mask-composite:intersect}}@media(max-width:900px){.hero{background:#cdcacf}.hero video{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%;-webkit-mask:linear-gradient(#000 82%,transparent);mask:linear-gradient(#000 82%,transparent)}.hero-copy{width:100%;min-width:0}.hero .ctas .btn{flex:1 1 auto}}.finale2 .wrap.top{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding-block:76px 36px;align-items:start}.join-wrap{display:flex;flex-direction:column;gap:28px}.join .form-msg{min-height:0;margin-top:10px}.join .form-msg:empty{display:none}.follow-l{font-family:var(--label);font-size:16px;margin-bottom:10px}.follow-l a{color:var(--yellow);text-decoration:none}.follow-l a:hover{text-decoration:underline;text-underline-offset:3px}.social-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.social-pills a{display:inline-flex;align-items:center;gap:8px;border:1.5px solid oklch(96.5% .02 235 / .45);border-radius:var(--r-pill);padding:8px 16px;text-decoration:none;font-family:var(--label);font-size:16px;transition:background-color .2s var(--ease-out),color .2s,border-color .2s}.social-pills a:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.social-pills a span{transition:transform .2s var(--ease-out)}.social-pills a:hover span{transform:translate(2px,-2px)}.finale2 .cols{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.3fr);gap:32px;padding-top:14px}.finale2 .cols h3{margin-bottom:16px}.finale2 .cols ul{gap:10px}.finale2 .cols a{color:#e7f6ffdb;transition:color .2s}.finale2 .cols a:hover{color:var(--surface)}.promise li{display:flex;align-items:center;gap:10px;font-size:15px}.promise svg{width:20px;height:20px;flex:none;color:var(--yellow)}.pit{border-top:1px solid oklch(96.5% .02 235 / .14);max-width:none}.pit-ui{right:calc(max(0px,(100% - 1360px) / 2) + var(--gut-r));top:16px}.pit-ui p{font-family:var(--body);font-size:14px;color:#e7f6ffb3}.pit-ui button{padding:6px 14px;font-size:15px}.finale2 .legal{align-items:center;border-top-color:#e7f6ff2e}.finale2 .legal a{color:#e7f6ffdb}.finale2 .legal a:hover{color:var(--surface);text-decoration:underline;text-underline-offset:3px}.totop{display:inline-flex;align-items:center;gap:6px}@media(max-width:900px){.finale2 .wrap.top{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:56px 28px}.finale2 .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-top:0}.finale2 .cols .promise{grid-column:1/-1}.pit-ui{left:var(--gut-l);right:var(--gut-r);justify-content:flex-end}.finale2 .legal{gap:10px 18px}.finale2 .legal span:last-child{flex-wrap:wrap;gap:10px 18px}}.add:disabled,.btn:disabled,.tag-btn:disabled,.mini-add:disabled{opacity:.55;cursor:not-allowed}.add:disabled{justify-content:center;background:var(--ink);color:var(--ground)}.btn:disabled:hover,.tag-btn:disabled:hover{background:var(--yellow);color:var(--ink)}.btn.ink:disabled:hover{background:var(--ink);color:var(--ground)}.add.busy,.btn.busy{opacity:.7;pointer-events:none}a.tool{color:inherit;text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/13/assets/rh-site.css.map */