:root{--garden-ink:#163365;--garden-yellow:#ffdf58;--garden-cream:#fffbed}
body{color:var(--garden-ink)}.top-note{display:none}.header{position:absolute;inset:0 0 auto;max-width:none;height:108px;z-index:30;border:0;background:transparent;padding:25px clamp(22px,4vw,68px);color:var(--garden-ink)}.header .brand,.header .brand span{font-family:Fredoka,Manrope,sans-serif;font-weight:650;font-size:34px;letter-spacing:-1.5px;line-height:.82;text-align:left;margin:0}.header .brand span{margin-top:5px}.header nav{margin-left:auto;font-size:.875rem;gap:28px}.header-shop{border:0;gap:12px;font-size:.875rem;min-height:44px}.header-shop .icon{width:18px}.header nav a:first-child{display:none}.product-route .header{position:relative;background:#fff9e8;border-bottom:1px solid #1633651a}.product-route .product-page{padding-top:35px}
.garden-hero.hero{height:100svh;min-height:700px;max-width:none;width:100%;padding:0;margin:0;display:block;isolation:isolate;overflow:hidden;background:linear-gradient(#9dd6f0 0%,#d9eff5 55%,#cce1a3 70%,#f5d580 100%)}
.garden-canvas{position:absolute;inset:0;z-index:0;touch-action:pan-y}.garden-canvas canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.garden-canvas canvas:active{cursor:grabbing}.garden-heading{position:absolute;top:clamp(110px,15vh,152px);left:50%;transform:translateX(-50%);width:min(90%,700px);text-align:center;pointer-events:none;z-index:2}.garden-heading .garden-eyebrow{font-size:.6875rem;letter-spacing:2.5px;line-height:1.5;font-weight:750;margin:0 0 13px;color:#244e79}.garden-heading h1{font-family:Fredoka,sans-serif;color:var(--garden-ink);font-size:clamp(48px,5.8vw,78px);line-height:.94;letter-spacing:-2px;font-weight:600;margin:0 0 17px;text-shadow:0 2px 15px #dcf4ff55}.garden-paw{color:#ef86af}.garden-heading>p:last-child{font-size:clamp(15px,1.45vw,20px);font-weight:650;margin:0}.garden-scene-controls{position:absolute;right:clamp(18px,3vw,50px);top:140px;z-index:5;display:flex;gap:10px;flex-direction:column}.garden-scene-controls button{height:48px;display:flex;align-items:center;gap:8px;background:#fffbeddf;border:1px solid #ffffffad;backdrop-filter:blur(10px);border-radius:99px;padding:0 17px;font-size:.75rem;font-weight:700;box-shadow:0 3px 12px #52734610}.garden-scene-controls .icon{width:19px;height:19px}.garden-scene-controls button[aria-pressed=true]{background:#fce2f0}.garden-pet-switch{position:absolute;left:clamp(18px,3vw,50px);top:146px;z-index:5;display:flex;gap:6px;padding:4px;background:#fffbedcf;border-radius:99px;border:1px solid #ffffff8c}.garden-pet-switch button{padding:10px 13px;font-weight:700;font-size:.75rem;min-height:40px;border-radius:99px}.garden-pet-switch button[aria-pressed=true]{background:#ffdf70}.garden-hint{position:absolute;left:50%;bottom:195px;transform:translateX(-50%);z-index:4;font-size:.75rem;text-align:center;width:min(90%,480px);margin:0;color:#284854;text-shadow:0 1px 5px #fff7dd;background:#fffbedb8;padding:7px 15px;border-radius:99px;pointer-events:none}.garden-shopping{position:absolute;z-index:5;left:50%;bottom:55px;transform:translateX(-50%);width:min(720px,calc(100% - 250px));color:var(--garden-ink)}.garden-purchase{background:#fffbedf5;border:1px solid #ffffffcc;border-radius:28px;box-shadow:0 7px 30px #51645012;backdrop-filter:blur(14px);display:flex;align-items:center;gap:22px;padding:15px 17px 15px 26px}.garden-scent-title{min-width:130px;flex:1}.garden-scent-title span{display:block;text-transform:uppercase;font-size:.625rem;letter-spacing:1.5px;margin-bottom:5px;color:#627477}.garden-scent-title strong{font-size:1.125rem;font-weight:750}.garden-sizes{display:flex;border-radius:99px;background:#d7d7cc38;padding:3px;gap:0;flex-shrink:0}.garden-sizes button{border-radius:99px;font-size:.75rem;font-weight:750;min-height:38px;padding:8px 17px;white-space:nowrap}.garden-sizes button[aria-pressed=true]{background:var(--garden-ink);color:#fffbed}.garden-shop{background:var(--garden-yellow);border-radius:99px;min-height:47px;padding:13px 22px;display:flex;align-items:center;justify-content:center;gap:13px;font-size:.875rem;font-weight:750;white-space:nowrap;transition:background .15s}.garden-shop:hover{background:#ffd238}.garden-shop .icon{width:17px}.garden-scents{display:flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 0}.garden-scents button{display:flex;gap:8px;align-items:center;justify-content:center;min-width:42px;min-height:44px;border-radius:99px;padding:7px 10px;font-weight:700;font-size:.6875rem;line-height:1.2;white-space:nowrap}.garden-scents i{display:block;width:17px;height:17px;flex-shrink:0;background:var(--scent);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #52716a50}.garden-scents button[aria-pressed=true]{background:#fffbeddb}.garden-scents button[aria-pressed=true] i{box-shadow:0 0 0 2px #173666}.garden-sample-note{text-align:center;font-size:.625rem;margin:0;line-height:1.4;color:#3b554c}.garden-bottom{position:absolute;left:clamp(20px,4vw,65px);right:clamp(20px,4vw,65px);bottom:25px;display:flex;justify-content:space-between;align-items:center;z-index:4;font-size:.75rem;font-weight:700}.garden-bottom>a{margin-left:170px;display:flex;align-items:center;gap:13px;min-height:44px}.garden-bottom>button{background:#fffbedc9;padding:10px 17px;min-height:44px;border-radius:99px;display:flex;gap:15px;align-items:center}.garden-bottom>button span{font-size:21px;line-height:1}.garden-reaction{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);opacity:0;padding:12px 22px;border:1px solid #fff7ee;background:#fffbeded;box-shadow:0 5px 20px #17366615;border-radius:99px;pointer-events:none;font-family:Fredoka;font-size:1.125rem;transition:opacity .2s,transform .2s}.garden-reaction.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.garden-care{position:absolute;bottom:88px;right:25px;z-index:9;width:320px;max-width:calc(100% - 36px);padding:18px;border-radius:25px;background:#fffcf2f5;border:1px solid white;box-shadow:0 14px 60px #213d482c;backdrop-filter:blur(15px)}.garden-care-heading{display:flex;align-items:center;justify-content:space-between;font-family:Fredoka;font-size:1.25rem;margin-bottom:8px}.garden-care-heading button{font-family:Manrope;font-size:25px;min-height:44px;min-width:44px}.garden-care-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.garden-care-modes button{display:flex;align-items:center;flex-direction:column;gap:7px;padding:12px 3px;border-radius:15px;font-size:.6875rem;font-weight:700;min-height:65px}.garden-care-modes button[aria-pressed=true]{background:#f8d9e6}.garden-care p{font-size:.8125rem;line-height:1.6;min-height:40px;margin:14px 0}.garden-care-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.75rem;font-weight:700}.garden-care-actions a{min-height:44px;display:flex;align-items:center}.garden-care-actions button{border-radius:99px;background:var(--garden-yellow);min-height:44px;padding:10px 26px;font-size:.8125rem;font-weight:750}.garden-care-actions button[aria-pressed=true]{background:#163365;color:white}.product-purpose{padding:16px 18px;border-radius:16px;background:#fff2c9;font-size:.9375rem;line-height:1.7;margin:0 0 18px}.product-purpose:empty{display:none}#product-use-steps{padding-left:21px;font-size:.9375rem;line-height:1.85}#product-use-steps li+li{margin-top:9px}.footer-bottom>span:last-child{max-width:520px}.sound-dock{z-index:25;max-width:calc(100vw - 24px)}.sound-dock .volume-label{max-width:130px}.sound-dock>button{font-size:.75rem;min-height:44px}.sound-dock .icon{width:18px}.chapter-nav{scroll-margin-top:0}
@media(min-width:1600px){.garden-heading{top:13vh}.garden-heading h1{font-size:85px}.garden-shopping{bottom:65px}.garden-hint{bottom:207px}}
@media(max-width:1100px){.garden-shopping{width:min(660px,calc(100% - 80px));bottom:70px}.garden-bottom>a{display:none}.garden-bottom{justify-content:flex-end}.garden-hint{bottom:215px}.garden-heading{top:125px}.garden-pet-switch{top:auto;bottom:250px}.garden-scene-controls{top:120px}.garden-scene-controls span{display:none}.garden-scene-controls button{width:44px;height:44px;padding:0;justify-content:center}.garden-purchase{gap:13px;padding:13px 15px 13px 22px}.garden-scents button{padding:7px 8px}.garden-scents button span{display:none}.garden-scents button[aria-pressed=true] span{display:inline}.header nav{gap:20px}.header .brand,.header .brand span{font-size:30px}}
@media(max-width:650px){.garden-hero.hero{min-height:740px;height:100svh}.header{height:90px;padding:21px 22px;gap:12px}.header .brand,.header .brand span{font-size:27px;letter-spacing:-1px}.header nav{display:none}.header-shop{font-size:.75rem;min-height:44px;gap:7px}.garden-heading{top:105px;width:95%;padding:0 23px}.garden-heading .garden-eyebrow{font-size:.5625rem;letter-spacing:1.5px;margin-bottom:12px}.garden-heading h1{font-size:clamp(42px,10.8vw,60px);letter-spacing:-1.3px;line-height:.96;margin-bottom:11px}.garden-heading>p:last-child{font-size:.9375rem}.garden-scene-controls{right:13px;top:270px;gap:8px}.garden-scene-controls button{width:42px;height:42px;min-height:44px}.garden-scene-controls .icon{width:17px}.garden-pet-switch{left:18px;top:260px;bottom:auto;padding:3px;max-width:calc(100% - 78px)}.garden-pet-switch button{font-size:.625rem;padding:8px 10px;min-height:36px}.garden-shopping{width:calc(100% - 32px);max-width:430px;bottom:68px}.garden-purchase{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 17px;border-radius:25px}.garden-scent-title{min-width:0}.garden-scent-title strong{font-size:1rem}.garden-scent-title span{font-size:.5625rem;margin-bottom:4px}.garden-sizes button{min-height:36px;padding:7px 10px;font-size:.6875rem}.garden-shop{grid-column:1/-1;min-height:43px;font-size:.8125rem;padding:10px 20px}.garden-shop .icon{width:17px}.garden-scents{gap:8px;margin-top:5px}.garden-scents button{font-size:.625rem;padding:8px;min-height:39px}.garden-scents i{width:16px;height:16px}.garden-sample-note{font-size:.5625rem}.garden-hint{font-size:.625rem;bottom:258px;background:#fffbedc9;width:auto;max-width:calc(100% - 46px);white-space:nowrap;padding:6px 12px;line-height:1.4}.garden-bottom{left:14px;right:14px;bottom:14px}.garden-bottom>button{font-size:.6875rem;padding:9px 13px;min-height:44px}.garden-care{right:16px;bottom:72px}.garden-reaction{font-size:1rem;top:43%;padding:10px 17px;white-space:nowrap}.sound-dock{left:13px;bottom:max(14px,env(safe-area-inset-bottom));background:#fffbedf5}.sound-dock>button{font-size:.6875rem;padding:9px 12px;gap:7px}.sound-dock .volume-label{font-size:.625rem}.sound-dock .volume-label input{width:38px}.sound-playing .volume-label{padding-right:9px}.chapter-nav{grid-template-columns:repeat(2,1fr)}.chapter-nav a{border-bottom:1px solid #16336515!important;min-height:60px}.chapter-nav a:nth-child(2){border-right:0}.product-route .header{height:90px}.product-page{scroll-margin-top:0}}
@media(max-width:360px){.garden-heading{top:106px}.garden-heading h1{font-size:40px}.garden-heading .garden-eyebrow{font-size:.5rem;letter-spacing:1.2px}.garden-pet-switch{left:14px;top:251px}.garden-pet-switch button{font-size:.5625rem;padding:8px}.garden-scene-controls{top:251px;right:10px}.garden-purchase{gap:9px;padding:13px}.garden-sizes button{padding:6px 9px;font-size:.625rem}.garden-scent-title strong{font-size:.9375rem}.garden-shopping{width:calc(100% - 24px)}.garden-scents{gap:4px}.garden-sample-note{font-size:.5625rem}.garden-hint{font-size:.5625rem;bottom:252px}}
@media(max-height:650px) and (min-width:651px){.garden-hero.hero{min-height:650px}.garden-heading{top:100px}.garden-heading h1{font-size:48px}.garden-heading .garden-eyebrow{display:none}.garden-pet-switch{top:135px;bottom:auto}.garden-scene-controls{top:125px}.garden-shopping{bottom:58px}.garden-hint{bottom:197px}}
@media(min-width:1101px){.garden-heading{top:clamp(95px,12vh,135px)}.garden-heading h1{font-size:clamp(52px,4.5vw,66px)}.garden-bottom>a{margin-left:265px}}
@media(prefers-reduced-motion:reduce){.garden-reaction,.garden-shop{transition:none}}
@media(max-width:360px){.sound-dock #sound-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sound-dock>button{gap:0}.sound-dock .volume-label{gap:5px}.sound-dock .volume-label input{width:36px}}

/* Keep the product and both companions together, with the controls below them. */
.garden-paw{white-space:nowrap}.garden-paw svg{display:inline-block;width:.55em;height:.55em;margin-left:.08em;fill:#ef7aa9;vertical-align:-.01em}
.garden-hint{display:none}.garden-heading .garden-eyebrow{display:none}
.garden-heading{top:113px}.garden-heading h1{font-size:clamp(52px,5.2vw,76px);margin-bottom:15px}
.garden-scent-title>span{display:none}.garden-purchase{box-shadow:0 8px 40px #385e4515;background:#fffbedf2}
.garden-sample-note{margin-top:3px}.garden-scene-controls{top:125px}
@media(max-width:650px){.garden-heading{top:112px;padding:0 16px}.garden-heading h1{font-size:clamp(38px,9.5vw,53px);letter-spacing:-1.2px;line-height:.97;margin-bottom:12px}.garden-heading>p:last-child{font-size:clamp(13px,3.7vw,17px)}.garden-scene-controls{top:248px;right:12px}.garden-shopping{bottom:68px;width:calc(100% - 30px)}.garden-purchase{padding:13px 16px;gap:10px}.garden-scent-title strong{font-size:1rem}.garden-sample-note{font-size:.5rem}.garden-reaction{top:33%;font-size:.875rem;padding:9px 14px}}
@media(max-width:360px){.garden-heading{top:110px}.garden-heading h1{font-size:36px}.garden-scene-controls{top:235px;right:8px}.garden-shopping{width:calc(100% - 22px)}.garden-purchase{padding:12px}.garden-scent-title strong{font-size:.875rem}.garden-scents{gap:2px}.garden-scents button{padding:7px;min-width:38px}}
.garden-purchase{justify-content:space-between}.garden-heading h1,.garden-heading>p,.header,.header .brand{transition:color .6s ease,text-shadow .6s ease}
body:not(.product-route):has(#garden-canvas[data-world-theme="icy-galaxy"]) .header,body:not(.product-route):has(#garden-canvas[data-world-theme="icy-galaxy"]) .header .brand,body:has(#garden-canvas[data-world-theme="icy-galaxy"]) .garden-heading h1,body:has(#garden-canvas[data-world-theme="icy-galaxy"]) .garden-heading>p,body:not(.product-route):has(#garden-canvas[data-world-theme="velvet-kiss"]) .header,body:not(.product-route):has(#garden-canvas[data-world-theme="velvet-kiss"]) .header .brand,body:has(#garden-canvas[data-world-theme="velvet-kiss"]) .garden-heading h1,body:has(#garden-canvas[data-world-theme="velvet-kiss"]) .garden-heading>p{color:#fffbed;text-shadow:0 2px 14px #15214670}
@media(max-width:650px){.garden-purchase{grid-template-columns:1fr;gap:12px;text-align:center}.garden-scent-title strong{font-size:1.0625rem}.garden-shop{grid-column:auto}.garden-shopping{bottom:70px}.garden-scents{margin-top:9px}}
.pet-voice-touch{position:absolute;z-index:3;width:105px;height:110px;transform:translate(-50%,-50%);background:transparent;border:0;border-radius:48%;cursor:pointer}.dog-voice-touch{left:var(--dog-x,38%);top:var(--dog-y,50%)}.cat-voice-touch{left:var(--cat-x,63%);top:var(--cat-y,56%)}.pet-voice-touch:focus-visible{outline:3px dashed #f18aae;outline-offset:5px;background:#fffbed20}
@media(max-width:650px){.pet-voice-touch{width:72px;height:78px}}

/* On phones, the pamper toolbar takes the purchase card's place below the companions. */
@media(max-width:650px){
 .garden-shopping{bottom:60px}.garden-purchase{padding:11px 14px;gap:8px}.garden-scent-title strong{font-size:1rem;line-height:1.3}.garden-shop{min-height:42px;padding:9px 18px}.garden-scents{margin-top:5px}
 .garden-hero.care-open .garden-shopping{display:none}
 .garden-care{left:50%;right:auto;bottom:60px;transform:translateX(-50%);width:calc(100% - 24px);max-width:430px;padding:8px 12px;border-radius:20px;box-shadow:0 5px 25px #213d481c}
 .garden-care-heading{font-size:1rem;line-height:1.2;min-height:32px;margin-bottom:2px}.garden-care-heading button{font-size:24px;min-width:32px;min-height:32px;padding:0;line-height:1}
 .garden-care-modes{gap:4px}.garden-care-modes button{min-width:0;min-height:44px;padding:4px 2px;gap:3px;border-radius:12px;font-size:.6875rem;line-height:1.1}.garden-care-modes .icon{width:18px;height:18px}
 .garden-care p{min-height:0;margin:4px 0;font-size:.75rem;line-height:1.3;text-align:center}
 .garden-care-actions{gap:8px;font-size:.75rem}.garden-care-actions a{min-width:0;min-height:40px;line-height:1.2}.garden-care-actions button{min-height:40px;padding:8px 23px;font-size:.8125rem}
 .fragrance-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;overscroll-behavior:auto;scroll-snap-type:none;padding:0;margin-top:14px}
 .fragrance-picker button{min-width:0;width:100%;min-height:70px;padding:10px 6px;gap:6px;white-space:normal;line-height:1.3;font-size:.8125rem}.fragrance-picker button span{white-space:normal;overflow-wrap:normal;text-wrap:balance}
 .variant-thumbnails{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));overflow:visible;gap:7px;padding:3px 0;margin-top:12px}.variant-thumbnails button{width:100%;min-width:0;max-width:100%;height:72px}
 .variant-controls .option-list{display:flex;flex-wrap:wrap;overflow:visible}.variant-controls .variant-option{max-width:100%;white-space:normal;line-height:1.35}.variant-option i{flex-shrink:0}
}
@media(max-width:360px){
 .garden-shopping{bottom:60px}.garden-purchase{padding:9px 12px;gap:7px}.garden-shop{min-height:40px;padding:8px 15px}.garden-scent-title strong{font-size:.9375rem}
 .garden-care{padding:6px 10px;bottom:60px}.garden-care-heading{font-size:.9375rem;min-height:28px}.garden-care-heading button{min-height:28px;min-width:32px}.garden-care-modes button{min-height:40px;font-size:.625rem}.garden-care-modes .icon{width:16px;height:16px}.garden-care p{font-size:.6875rem;line-height:1.3;margin:3px 0}.garden-care-actions{font-size:.6875rem}.garden-care-actions button{font-size:.75rem;padding:8px 20px}
 .fragrance-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.fragrance-picker button{min-height:64px;font-size:.8125rem}
}
.garden-scents button[hidden]{display:none}
@media(max-width:650px){.garden-care p.care-scent-picker{display:flex;align-items:center;justify-content:center;gap:12px;min-height:30px}.care-scent-picker>span{font-size:11px;margin-right:2px}.care-scent-picker>button{position:relative;width:30px;height:30px;min-height:30px;flex-shrink:0;border-radius:50%;border:5px solid #fffbed;background:var(--scent);box-shadow:0 0 0 1px #17366525}.care-scent-picker>button[aria-pressed=true]{box-shadow:0 0 0 2px #173665}}
@media(max-width:360px){.garden-care-heading{position:absolute;right:7px;top:-28px;min-height:28px;margin:0}.garden-care-heading>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.garden-care-heading button{border-radius:50%;background:#fffbed;box-shadow:0 2px 8px #17366518}}
