@font-face{font-family:Sudsy;src:url(../fonts/sudsy.woff2) format("woff2")}
@font-face{font-family:SudsyScript;src:url(../fonts/sudsy-script.woff2) format("woff2")}
@font-face{font-family:Fredoka;src:url(../fonts/fredoka.ttf) format("truetype");font-weight:300 700}
:root{
  --text:#222222; --accent:#222222; --fillpink:#FFD23F; --outline:#E87436; --frame:#FFF3B0; --bath:#FFFFFF; --bath2:#FFF3B0; --fill:#FFD23F; --tint:#FFF3B0; --line:#FFF3B0; --sh:34,34,34;
  --sun:#FFD23F; --sunsoft:#FFF3B0; --white:#FFFFFF;
  --walnut:var(--text); --mocha:var(--text); --btn-text:var(--text); --caramel:var(--accent);
  --sunshine:var(--sun); --butter:var(--sunsoft); --oat:var(--line); --linen:var(--tint); --cream:var(--white);
}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:var(--cream);color:var(--walnut);font:400 17px/1.55 Fredoka,system-ui,sans-serif}
img{display:block;max-width:100%}
.head{font-family:Sudsy;text-transform:uppercase;font-weight:400;letter-spacing:.02em;line-height:1}
.script{font-family:SudsyScript;font-feature-settings:"liga" 1;font-weight:400;line-height:1.05}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.btn{display:inline-block;font:600 17px Fredoka;border:0;border-radius:999px;padding:13px 26px;text-decoration:none;cursor:pointer;transition:transform .2s}
.btn:hover{transform:translateY(-2px) rotate(-1deg)}
.btn-main{background:var(--fill);color:var(--btn-text)}
.btn-soft{background:var(--fill);color:var(--btn-text)}
a:focus-visible,.btn:focus-visible,input:focus-visible{outline:3px solid var(--walnut);outline-offset:3px}

/* announcement + header */
.announce{background:#FFD23F;color:var(--mocha);text-align:center;font-size:14px;font-weight:600;padding:8px 12px;letter-spacing:.03em}
header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px 0;max-width:1180px;margin:0 auto}
header .right{justify-self:end}
.logo{font-size:40px;color:var(--caramel);text-decoration:none}
nav{display:flex;gap:22px;align-items:center}
nav a{color:var(--text);text-decoration:none;text-transform:uppercase;font-weight:700;font-size:15px;letter-spacing:.09em}
nav a:hover{text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:3px;text-underline-offset:6px}
.topbar{background:#FFFFFF;position:relative;z-index:3}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * var(--wave-m));height:var(--wave-m);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M0%2C0%20L1440%2C0%20L1440%2C78.0%20L1440.0%2C78.0%20L1436.6%2C79.3%20L1429.9%2C81.7%20L1423.2%2C82.9%20L1416.5%2C85.4%20L1409.8%2C86.6%20L1403.1%2C89.0%20L1396.4%2C90.2%20L1389.7%2C91.5%20L1383.0%2C92.7%20L1376.3%2C92.7%20L1369.6%2C93.9%20L1362.9%2C95.1%20L1356.2%2C95.1%20L1349.5%2C96.3%20L1342.8%2C96.3%20L1336.1%2C97.6%20L1329.5%2C96.3%20L1322.8%2C97.6%20L1316.1%2C96.3%20L1309.4%2C95.1%20L1302.7%2C95.1%20L1296.0%2C93.9%20L1289.3%2C92.7%20L1282.6%2C91.5%20L1275.9%2C90.2%20L1269.2%2C87.8%20L1262.5%2C87.8%20L1255.8%2C86.6%20L1249.1%2C82.9%20L1242.4%2C80.5%20L1235.7%2C78.0%20L1229.0%2C75.6%20L1222.3%2C73.2%20L1215.6%2C70.7%20L1208.9%2C68.3%20L1202.2%2C65.9%20L1195.5%2C62.2%20L1188.8%2C59.8%20L1182.1%2C57.3%20L1175.4%2C54.9%20L1168.7%2C52.4%20L1162.0%2C50.0%20L1155.3%2C46.3%20L1148.6%2C43.9%20L1141.9%2C41.5%20L1135.2%2C39.0%20L1128.5%2C35.4%20L1121.8%2C34.1%20L1115.1%2C31.7%20L1108.4%2C29.3%20L1101.7%2C26.8%20L1095.0%2C25.6%20L1088.3%2C24.4%20L1081.6%2C22.0%20L1074.9%2C20.7%20L1068.2%2C19.5%20L1061.5%2C19.5%20L1054.8%2C18.3%20L1048.1%2C18.3%20L1041.5%2C17.1%20L1034.8%2C17.1%20L1028.1%2C17.1%20L1021.4%2C17.1%20L1014.7%2C17.1%20L1008.0%2C18.3%20L1001.3%2C19.5%20L994.6%2C19.5%20L987.9%2C20.7%20L981.2%2C22.0%20L974.5%2C23.2%20L967.8%2C25.6%20L961.1%2C26.8%20L954.4%2C28.0%20L947.7%2C29.3%20L941.0%2C31.7%20L934.3%2C35.4%20L927.6%2C36.6%20L920.9%2C39.0%20L914.2%2C41.5%20L907.5%2C43.9%20L900.8%2C46.3%20L894.1%2C48.8%20L887.4%2C52.4%20L880.7%2C54.9%20L874.0%2C57.3%20L867.3%2C61.0%20L860.6%2C63.4%20L853.9%2C67.1%20L847.2%2C69.5%20L840.5%2C72.0%20L833.8%2C75.6%20L827.1%2C79.3%20L820.4%2C81.7%20L813.7%2C84.1%20L807.0%2C87.8%20L800.3%2C89.0%20L793.6%2C91.5%20L786.9%2C93.9%20L780.2%2C95.1%20L773.5%2C96.3%20L766.8%2C97.6%20L760.1%2C98.8%20L753.5%2C98.8%20L746.8%2C100.0%20L740.1%2C100.0%20L733.4%2C100.0%20L726.7%2C100.0%20L720.0%2C100.0%20L713.3%2C98.8%20L706.6%2C98.8%20L699.9%2C97.6%20L693.2%2C96.3%20L686.5%2C95.1%20L679.8%2C93.9%20L673.1%2C92.7%20L666.4%2C90.2%20L659.7%2C89.0%20L653.0%2C86.6%20L646.3%2C84.1%20L639.6%2C81.7%20L632.9%2C79.3%20L626.2%2C76.8%20L619.5%2C73.2%20L612.8%2C69.5%20L606.1%2C67.1%20L599.4%2C61.0%20L592.7%2C58.5%20L586.0%2C54.9%20L579.3%2C51.2%20L572.6%2C47.6%20L565.9%2C43.9%20L559.2%2C39.0%20L552.5%2C35.4%20L545.8%2C32.9%20L539.1%2C29.3%20L532.4%2C25.6%20L525.7%2C22.0%20L519.0%2C19.5%20L512.3%2C15.9%20L505.6%2C12.2%20L498.9%2C9.8%20L492.2%2C7.3%20L485.5%2C6.1%20L478.8%2C3.7%20L472.1%2C2.4%20L465.5%2C1.2%20L458.8%2C0.0%20L452.1%2C0.0%20L445.4%2C0.0%20L438.7%2C0.0%20L432.0%2C0.0%20L425.3%2C0.0%20L418.6%2C1.2%20L411.9%2C2.4%20L405.2%2C3.7%20L398.5%2C4.9%20L391.8%2C6.1%20L385.1%2C8.5%20L378.4%2C11.0%20L371.7%2C12.2%20L365.0%2C15.9%20L358.3%2C19.5%20L351.6%2C22.0%20L344.9%2C24.4%20L338.2%2C28.0%20L331.5%2C31.7%20L324.8%2C35.4%20L318.1%2C40.2%20L311.4%2C42.7%20L304.7%2C46.3%20L298.0%2C50.0%20L291.3%2C53.7%20L284.6%2C56.1%20L277.9%2C61.0%20L271.2%2C64.6%20L264.5%2C67.1%20L257.8%2C70.7%20L251.1%2C74.4%20L244.4%2C76.8%20L237.7%2C80.5%20L231.0%2C82.9%20L224.3%2C85.4%20L217.6%2C87.8%20L210.9%2C90.2%20L204.2%2C92.7%20L197.5%2C92.7%20L190.8%2C95.1%20L184.1%2C96.3%20L177.5%2C97.6%20L170.8%2C97.6%20L164.1%2C98.8%20L157.4%2C98.8%20L150.7%2C98.8%20L144.0%2C98.8%20L137.3%2C97.6%20L130.6%2C97.6%20L123.9%2C96.3%20L117.2%2C95.1%20L110.5%2C93.9%20L103.8%2C92.7%20L97.1%2C90.2%20L90.4%2C87.8%20L83.7%2C86.6%20L77.0%2C84.1%20L70.3%2C81.7%20L63.6%2C79.3%20L56.9%2C75.6%20L50.2%2C73.2%20L43.5%2C69.5%20L36.8%2C67.1%20L0.0%2C63.1%20Z%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;pointer-events:none}
.bag{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--butter);text-decoration:none!important;font-size:13px;font-weight:600}
@media (max-width:640px){nav .hide-sm{display:none}.hero .bubble[style*="left:52%"],.hero .bubble[style*="left:44%"]{display:none}}

/* hero */
.hero{background:var(--sunsoft);padding-top:24px;position:relative;overflow:hidden;border-radius:0 0 48px 48px}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:48px 16px 64px;max-width:1180px;margin:0 auto}
.hero h1{font-size:clamp(48px,8vw,104px);margin:0}
.hero .script{font-size:clamp(32px,4.6vw,54px);color:var(--accent);margin:8px 0 14px}
.hero p{font-size:19px;max-width:36ch;margin:0 0 22px}
.hero .btns{display:flex;gap:12px;flex-wrap:wrap}
.shelf::before{content:"";position:absolute;left:50%;bottom:6%;width:86%;aspect-ratio:1;max-height:100%;transform:translateX(-50%);border-radius:50%;background:rgba(255,255,255,.75)}
.shelf img{position:relative}
.shelf{position:relative;height:400px;display:flex;align-items:flex-end;justify-content:center;gap:4%}
.shelf img{width:28%;filter:drop-shadow(0 16px 18px rgba(var(--sh),.22))}
.shelf img:nth-child(2){width:32%;margin-bottom:28px}
.bubble{position:absolute;border-radius:50%;border:2px solid rgba(var(--sh),.15);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(255,255,255,.15) 60%)}
.sun{position:absolute;right:0;top:0;width:150px;height:150px;z-index:3}
.sun svg{width:100%;height:100%;animation:spin 18s linear infinite}
@media (max-width:820px){.hero-in{grid-template-columns:1fr;padding-bottom:40px}.shelf{height:260px}.sun{width:110px;height:110px}}

/* one gentle band */
.tilt{padding:34px 0;overflow:hidden}
.band{width:110%;margin-left:-5%;overflow:hidden;white-space:nowrap;padding:14px 0;background:var(--sunsoft);color:var(--text);transform:rotate(-2deg)}
.band .track{display:inline-flex;animation:slide 40s linear infinite}
.band span{font:400 clamp(22px,2.6vw,30px)/1 Sudsy;text-transform:uppercase;letter-spacing:.03em;padding-right:26px}

/* shop grid */
section{padding:56px 0}
.bath{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--white),var(--bath) 18%,var(--bath2));border-radius:48px;margin:0 8px}
.hero .bubble,.cta .bubble{border-color:rgba(232,116,54,.22);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.98),rgba(255,255,255,.35) 55%,rgba(255,243,176,.25))}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.sec-head h2{font-size:clamp(36px,5vw,60px);margin:0}
.kicker{font-family:SudsyScript;font-feature-settings:"liga" 1;font-size:30px;color:var(--accent);display:block;margin-bottom:2px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.card{background:var(--white);border:5px solid var(--frame);border-radius:28px;padding:14px 14px 18px;text-decoration:none;color:inherit;text-align:center;transition:transform .25s,box-shadow .25s}
.card:hover{transform:rotate(-1.5deg) translateY(-4px);box-shadow:0 14px 26px rgba(var(--sh),.12)}
.card .pic{border-radius:22px;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;background:linear-gradient(180deg,rgba(255,255,255,0) 45%,rgba(255,243,176,.5)),url("../img/img-e149beb8.webp") center/cover}
.card .pic img{height:138px;width:auto;transform:rotate(-6deg);filter:drop-shadow(0 10px 12px rgba(var(--sh),.22));transition:transform .3s}
.card:hover .pic img{transform:rotate(4deg) scale(1.04)}
.card h3{font-family:Sudsy;font-weight:400;text-transform:uppercase;font-size:24px;line-height:1.05;margin:0 0 12px;color:var(--caramel)}
.pill{display:inline-block;font-weight:600;font-size:14px;color:var(--btn-text);background:var(--fill);padding:6px 16px;border-radius:999px}

/* photo marquee (Zurich style, lighter) */
.marquee{background:var(--sunsoft);color:var(--walnut);padding:18px 0;overflow:hidden;white-space:nowrap}
.marquee .track{display:inline-flex;align-items:center;animation:slide 40s linear infinite}
.marquee span{font:400 clamp(22px,2.6vw,30px)/1 Sudsy;text-transform:uppercase;padding:0 22px}
.marquee img{height:70px;width:auto;transform:rotate(-8deg);filter:drop-shadow(0 6px 8px rgba(var(--sh),.25))}
.marquee img:nth-of-type(even){transform:rotate(9deg)}

/* story */
.story{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.blob{position:relative;background:var(--butter);border-radius:58% 42% 55% 45%/48% 58% 42% 52%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.blob img{width:46%;transform:rotate(-8deg);filter:drop-shadow(0 18px 22px rgba(var(--sh),.25))}
.blob .sun{right:-2%;top:auto;bottom:-2%;width:130px;height:130px}
.story h2{font-size:clamp(36px,5vw,58px);margin:0 0 12px}
.story p{font-size:18px;max-width:46ch}
.ticks{list-style:none;padding:0;margin:14px 0 24px;display:flex;flex-wrap:wrap;gap:6px 22px}
.ticks li{font-weight:500;font-size:16px}
.ticks li::before{content:"✦ ";color:var(--sun)}
@media (max-width:820px){.story{grid-template-columns:1fr}.blob{max-width:420px;margin:0 auto}}

/* wavy text band */
.wave{padding:10px 0 0;overflow:hidden}
.wave svg{width:100%;height:auto;display:block;overflow:visible}
.wave text{font-family:SudsyScript;font-feature-settings:"liga" 1;font-size:60px}

/* bubbles CTA */
.cta{background:#FFFFFF;border:5px solid #FFD23F;border-radius:40px;padding:44px 24px;text-align:center;position:relative;overflow:hidden}
.cta h2{font-size:clamp(40px,7vw,84px);margin:0}
.cta p{font-size:19px;margin:10px auto 22px;max-width:44ch}

/* footer */
footer{background:#FFF3B0;margin-top:56px;padding:48px 0 28px;border-radius:48px 48px 0 0}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}
footer .logo{font-size:48px}
footer h4{font:600 14px Fredoka;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;color:var(--caramel)}
footer a{color:var(--walnut);display:block;margin:6px 0}
.signup{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.signup input{flex:1;min-width:180px;border:0;background:var(--white);color:var(--walnut);border-radius:999px;padding:12px 18px;font:400 16px Fredoka}
.fine{margin-top:32px;font-size:14px}
@media (max-width:820px){.foot{grid-template-columns:1fr}}

.hero h1{color:var(--fillpink);-webkit-text-stroke:.09em var(--outline);paint-order:stroke fill;letter-spacing:.03em;
  text-shadow:.06em 0 0 #fff,-.06em 0 0 #fff,0 .06em 0 #fff,0 -.06em 0 #fff,.045em .045em 0 #fff,-.045em .045em 0 #fff,.045em -.045em 0 #fff,-.045em -.045em 0 #fff,0 .1em .12em rgba(232,116,54,.18)}
.hero h1{line-height:1.08}
@media (max-width:640px){header{grid-template-columns:auto 1fr auto}header .logo{justify-self:center}}
footer h4,footer .logo{color:var(--text)!important}
.sec-head h2,.story h2,.cta h2{color:#E87436}
.card h3{color:var(--sn,#CB7505)!important}
.kicker{color:#BA8E00!important}
.logo{color:#FFD23F!important}
header .logo{-webkit-text-stroke:.15em var(--hl,#CB7505);paint-order:stroke fill}
footer .logo{color:#E87436!important}
nav a:not(.bag){color:#E87436!important}
nav a.bag{color:var(--text)!important}
header .bag{color:#222222!important;text-decoration:none}

body.after .kicker{color:#E5641E!important}
body.after .marquee span{color:var(--b1,#E5641E)}
body.after .marquee span:nth-of-type(even){color:var(--b2,#CB7505)}
body.after .sec-head h2,body.after .story h2,body.after .cta h2{color:#FFD23F;-webkit-text-stroke:.16em var(--hl,#CB7505);paint-order:stroke fill;letter-spacing:.04em}
body.after .hero h1{color:#FFD23F;-webkit-text-stroke:.16em var(--hl,#CB7505);paint-order:stroke fill;letter-spacing:.04em;text-shadow:none}
body.after .hero .script{color:#E5641E}
.bswitch{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;background:#fff;border-radius:999px;padding:5px;box-shadow:0 6px 20px rgba(0,0,0,.18);font:600 15px Fredoka}
.bswitch button{border:0;border-radius:999px;padding:10px 18px;font:inherit;cursor:pointer;background:transparent;color:#222}
.bswitch button[aria-pressed=true]{background:#FFF3B0}
.btn,.pill{font-weight:700!important;text-transform:uppercase;letter-spacing:.06em}
nav a,nav a:hover,footer a,footer a:hover{text-decoration:none!important}
:root{--wave-h:clamp(36px,6.4vw,92px);--wave-m:clamp(26px,4.2vw,60px)}
header .logo{line-height:1.2;padding-bottom:4px;display:inline-block}
footer{position:relative;border-radius:0!important;margin-top:calc(56px + var(--wave-h))!important}
footer::before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--wave-h) + 1px);height:var(--wave-h);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFF3B0%22%20d%3D%22M0%2C63.1%20L0.0%2C63.1%20L36.8%2C67.1%20L43.5%2C69.5%20L50.2%2C73.2%20L56.9%2C75.6%20L63.6%2C79.3%20L70.3%2C81.7%20L77.0%2C84.1%20L83.7%2C86.6%20L90.4%2C87.8%20L97.1%2C90.2%20L103.8%2C92.7%20L110.5%2C93.9%20L117.2%2C95.1%20L123.9%2C96.3%20L130.6%2C97.6%20L137.3%2C97.6%20L144.0%2C98.8%20L150.7%2C98.8%20L157.4%2C98.8%20L164.1%2C98.8%20L170.8%2C97.6%20L177.5%2C97.6%20L184.1%2C96.3%20L190.8%2C95.1%20L197.5%2C92.7%20L204.2%2C92.7%20L210.9%2C90.2%20L217.6%2C87.8%20L224.3%2C85.4%20L231.0%2C82.9%20L237.7%2C80.5%20L244.4%2C76.8%20L251.1%2C74.4%20L257.8%2C70.7%20L264.5%2C67.1%20L271.2%2C64.6%20L277.9%2C61.0%20L284.6%2C56.1%20L291.3%2C53.7%20L298.0%2C50.0%20L304.7%2C46.3%20L311.4%2C42.7%20L318.1%2C40.2%20L324.8%2C35.4%20L331.5%2C31.7%20L338.2%2C28.0%20L344.9%2C24.4%20L351.6%2C22.0%20L358.3%2C19.5%20L365.0%2C15.9%20L371.7%2C12.2%20L378.4%2C11.0%20L385.1%2C8.5%20L391.8%2C6.1%20L398.5%2C4.9%20L405.2%2C3.7%20L411.9%2C2.4%20L418.6%2C1.2%20L425.3%2C0.0%20L432.0%2C0.0%20L438.7%2C0.0%20L445.4%2C0.0%20L452.1%2C0.0%20L458.8%2C0.0%20L465.5%2C1.2%20L472.1%2C2.4%20L478.8%2C3.7%20L485.5%2C6.1%20L492.2%2C7.3%20L498.9%2C9.8%20L505.6%2C12.2%20L512.3%2C15.9%20L519.0%2C19.5%20L525.7%2C22.0%20L532.4%2C25.6%20L539.1%2C29.3%20L545.8%2C32.9%20L552.5%2C35.4%20L559.2%2C39.0%20L565.9%2C43.9%20L572.6%2C47.6%20L579.3%2C51.2%20L586.0%2C54.9%20L592.7%2C58.5%20L599.4%2C61.0%20L606.1%2C67.1%20L612.8%2C69.5%20L619.5%2C73.2%20L626.2%2C76.8%20L632.9%2C79.3%20L639.6%2C81.7%20L646.3%2C84.1%20L653.0%2C86.6%20L659.7%2C89.0%20L666.4%2C90.2%20L673.1%2C92.7%20L679.8%2C93.9%20L686.5%2C95.1%20L693.2%2C96.3%20L699.9%2C97.6%20L706.6%2C98.8%20L713.3%2C98.8%20L720.0%2C100.0%20L726.7%2C100.0%20L733.4%2C100.0%20L740.1%2C100.0%20L746.8%2C100.0%20L753.5%2C98.8%20L760.1%2C98.8%20L766.8%2C97.6%20L773.5%2C96.3%20L780.2%2C95.1%20L786.9%2C93.9%20L793.6%2C91.5%20L800.3%2C89.0%20L807.0%2C87.8%20L813.7%2C84.1%20L820.4%2C81.7%20L827.1%2C79.3%20L833.8%2C75.6%20L840.5%2C72.0%20L847.2%2C69.5%20L853.9%2C67.1%20L860.6%2C63.4%20L867.3%2C61.0%20L874.0%2C57.3%20L880.7%2C54.9%20L887.4%2C52.4%20L894.1%2C48.8%20L900.8%2C46.3%20L907.5%2C43.9%20L914.2%2C41.5%20L920.9%2C39.0%20L927.6%2C36.6%20L934.3%2C35.4%20L941.0%2C31.7%20L947.7%2C29.3%20L954.4%2C28.0%20L961.1%2C26.8%20L967.8%2C25.6%20L974.5%2C23.2%20L981.2%2C22.0%20L987.9%2C20.7%20L994.6%2C19.5%20L1001.3%2C19.5%20L1008.0%2C18.3%20L1014.7%2C17.1%20L1021.4%2C17.1%20L1028.1%2C17.1%20L1034.8%2C17.1%20L1041.5%2C17.1%20L1048.1%2C18.3%20L1054.8%2C18.3%20L1061.5%2C19.5%20L1068.2%2C19.5%20L1074.9%2C20.7%20L1081.6%2C22.0%20L1088.3%2C24.4%20L1095.0%2C25.6%20L1101.7%2C26.8%20L1108.4%2C29.3%20L1115.1%2C31.7%20L1121.8%2C34.1%20L1128.5%2C35.4%20L1135.2%2C39.0%20L1141.9%2C41.5%20L1148.6%2C43.9%20L1155.3%2C46.3%20L1162.0%2C50.0%20L1168.7%2C52.4%20L1175.4%2C54.9%20L1182.1%2C57.3%20L1188.8%2C59.8%20L1195.5%2C62.2%20L1202.2%2C65.9%20L1208.9%2C68.3%20L1215.6%2C70.7%20L1222.3%2C73.2%20L1229.0%2C75.6%20L1235.7%2C78.0%20L1242.4%2C80.5%20L1249.1%2C82.9%20L1255.8%2C86.6%20L1262.5%2C87.8%20L1269.2%2C87.8%20L1275.9%2C90.2%20L1282.6%2C91.5%20L1289.3%2C92.7%20L1296.0%2C93.9%20L1302.7%2C95.1%20L1309.4%2C95.1%20L1316.1%2C96.3%20L1322.8%2C97.6%20L1329.5%2C96.3%20L1336.1%2C97.6%20L1342.8%2C96.3%20L1349.5%2C96.3%20L1356.2%2C95.1%20L1362.9%2C95.1%20L1369.6%2C93.9%20L1376.3%2C92.7%20L1383.0%2C92.7%20L1389.7%2C91.5%20L1396.4%2C90.2%20L1403.1%2C89.0%20L1409.8%2C86.6%20L1416.5%2C85.4%20L1423.2%2C82.9%20L1429.9%2C81.7%20L1436.6%2C79.3%20L1440.0%2C78.0%20L1440%2C100%20L0%2C100%20Z%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;pointer-events:none}
.hero{padding-top:calc(var(--wave-m) * .7)}
@media (min-width:821px){header .logo{font-size:clamp(48px,6.4vw,100px)}}

.cta-ph{display:none}
body.cta-a .cta,body.cta-b .cta{border:0;background:transparent;border-radius:0;padding:24px 16px}
body.cta-b .cta{padding:0 16px;display:grid;grid-template-columns:1fr minmax(0,1.4fr) 1fr;align-items:center;gap:24px;overflow:visible}
body.cta-b .cta .bubble{display:none}
body.cta-b .cta-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;border-radius:50%;background:#FFF3B0;position:relative}
body.cta-b .cta-ph img{width:52%;filter:drop-shadow(0 12px 14px rgba(34,34,34,.18))}
body.cta-b .cta-ph.l img{transform:rotate(-10deg)} body.cta-b .cta-ph.r img{transform:rotate(9deg)}
body.cta-b .cta-mid{grid-column:2}
body:not(.cta-b) .cta-mid{display:contents}
@media (max-width:820px){body.cta-b .cta{grid-template-columns:1fr 1fr}body.cta-b .cta-mid{grid-column:1/-1;order:-1}}
body.cta-a section:has(.cta),body.cta-b section:has(.cta){padding:4px 0 0}
body.cta-a footer,body.cta-b footer{margin-top:calc(var(--wave-h) + 20px)!important}
body.cta-a .wave,body.cta-b .wave{margin-bottom:-3vw}
body.cta-a .cta{padding:0 16px}


.hero-slider{position:relative}
.hero-slider>.hero{display:none}
.hero-slider>.hero.on{display:block}
.hs-nav{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;align-items:center;gap:10px;z-index:6}
.hs-dot{width:12px;height:12px;border-radius:50%;border:2px solid #222;background:#fff;padding:0;cursor:pointer}
.hs-dot[aria-current=true]{background:#222}
.hs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#222;font:700 22px/1 Fredoka;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.hs-arrow.prev{left:12px}.hs-arrow.next{right:12px}
.hs-arrow:focus-visible,.hs-dot:focus-visible{outline:3px solid #222;outline-offset:3px}
.hero-xmas .bubble{display:none}
.hero-xmas .flake{position:absolute;pointer-events:none;z-index:1}
.hero-xmas .flake svg{width:100%;height:100%;display:block}
.hero-xmas .shelf img{width:21%!important}
.hero-xmas .shelf img:nth-child(3),.hero-xmas .shelf img:nth-child(4){width:23%!important;margin-bottom:22px}
.hero-xmas .bow{position:absolute;left:50%;top:2%;width:120px;transform:translateX(-50%);z-index:3}
.hero-xmas .gifttag{position:absolute;left:4%;top:10%;z-index:4;transform:rotate(-10deg);background:#FFFFFF;border:3px solid #C8323A;border-radius:10px 22px 22px 10px;padding:8px 16px 8px 26px;font:700 15px Fredoka;letter-spacing:.08em;text-transform:uppercase;color:#222}
.hero-xmas .gifttag::before{content:"";position:absolute;left:9px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;border:2px solid #C8323A;background:#fff}
.hero-xmas .btn-main,.hero-xmas .btn-soft{background:#C8323A!important;color:#FFFFFF!important}
.hero-xmas.xa{background:linear-gradient(180deg,#E8F6E4 0%,#B9E2B1 100%)!important;color:#222222}
.hero-xmas.xa h1{color:#4FA66A!important;-webkit-text-stroke:.16em #1F5A43!important;paint-order:stroke fill}
.hero-xmas.xa .script{color:#C8323A!important}
.hero-xmas.xa .btn-main,.hero-xmas.xa .btn-soft{background:#1F5A43!important;color:#FFFFFF!important}
.hero-xmas.xa p{color:#222222}
.hero-xmas.xa .flake{color:rgba(255,255,255,.9)}
.hero-xmas.xa .shelf::before{background:rgba(255,255,255,.7)!important}
.hero-xmas.xb{background:linear-gradient(180deg,#FDE4E1 0%,#F7B2AC 100%)!important;color:#222222}
.hero-xmas.xb h1{color:#E8484C!important;-webkit-text-stroke:.16em #8E1F26!important;paint-order:stroke fill}
.hero-xmas.xb .script{color:#1F5A43!important}
.hero-xmas.xb p{color:#222222}
.hero-xmas.xb .flake{color:rgba(255,255,255,.9)}
.hero-xmas.xb .shelf::before{background:rgba(255,255,255,.7)!important}
@media (prefers-reduced-motion:reduce){.hero-slider *{transition:none!important}}
.card .pic.pic-soon{background:#FFF3B0!important;align-items:center}
.pic-soon span{font:600 15px Fredoka;color:#222;letter-spacing:.04em}
.pic img.sisal-pic{height:170px;transform:none!important}
@media (max-width:820px){.hs-arrow{top:auto;bottom:6px;transform:none;width:36px;height:36px;font-size:18px}.hs-arrow.prev{left:calc(50% - 76px)}.hs-arrow.next{right:calc(50% - 76px)}.hs-nav{bottom:14px}.hero-slider>.hero{padding-bottom:40px}}
.hero h1{font-size:clamp(40px,5.4vw,78px)!important}
.hero-xmas .shelf{gap:0!important}
.hero-xmas .shelf{align-items:center!important}
.hero-xmas .sun{top:-4%!important;right:-5%!important;width:118px!important;height:118px!important}
.hero-xmas .shelf .gift{position:relative;display:block;width:33%;margin:0 -6% 0 0}
.hero-xmas .shelf .gift img{width:100%!important;margin:0!important;transform:none!important;display:block}
.hero-xmas .shelf .gift .twine{position:absolute;inset:5% 7% 4% 7%;width:86%;height:91%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.hero-xmas .shelf .gift .gbow{position:absolute;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.hero-xmas .shelf .gift:nth-of-type(1){transform:rotate(-9deg) translateY(5%);z-index:1}
.hero-xmas .shelf .gift:nth-of-type(2){transform:rotate(-3deg) translateY(-5%);z-index:3}
.hero-xmas .shelf .gift:nth-of-type(3){transform:rotate(4deg) translateY(-5%);z-index:2}
.hero-xmas .shelf .gift:nth-of-type(4){transform:rotate(10deg) translateY(5%);z-index:1}
body .hero:not(.hero-xmas) h1{color:#CB7505!important;-webkit-text-stroke:0!important;text-shadow:none!important;font-size:clamp(30px,3.9vw,56px)!important}
.hero .bubble,.hero-xmas .flake{display:none!important}
@keyframes slide{to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .band .track,.marquee .track,.sun svg{animation:none}
  .card,.card .pic img,.btn{transition:none}
}


.price{font:700 18px/1.2 Fredoka,sans-serif;color:#222;margin:2px 0 10px}
.card .price{margin:-2px 0 8px}
.price .save{font-weight:500;font-size:14px;color:#444}
.set p.price,.club p.price{flex:0;margin:-6px 0 14px}


/* the menu wave sits over the page, so leave room for it */
.crumbs{max-width:1180px;margin:0 auto;padding:calc(var(--wave-m) + 6px) 16px 10px;font-size:14px;color:#222}
.crumbs a{color:#222;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-hidden]{margin:0 6px}

/* main product area: gallery left, buy box right */
.pdp{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px;max-width:1180px;margin:0 auto;padding:0 16px 40px;align-items:start}
.gallery{position:sticky;top:16px}
.stage{position:relative;aspect-ratio:1;border-radius:32px;overflow:hidden;background:#FFF3B0}
.slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.slide.on{display:flex}
.s-main::before{content:"";position:absolute;left:50%;top:50%;width:72%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.75)}
.s-main img{position:relative;width:42%;transform:rotate(-6deg);filter:drop-shadow(0 18px 20px rgba(34,34,34,.22))}
.s-main .sun{right:5%;top:5%;width:clamp(90px,14vw,140px);height:clamp(90px,14vw,140px)}
.s-sky{background:linear-gradient(180deg,rgba(255,255,255,0) 45%,rgba(255,243,176,.5)),url("../img/img-e149beb8.webp") center/cover}
.s-sky img{width:46%;transform:rotate(7deg);filter:drop-shadow(0 18px 20px rgba(34,34,34,.24))}
.s-inside .in-card{background:#fff;border-radius:28px;width:78%;padding:clamp(18px,3.4vw,40px);text-align:center;box-shadow:0 14px 26px rgba(34,34,34,.08)}
.s-inside h3{font-family:Sudsy;font-weight:400;text-transform:uppercase;color:#CB7505;font-size:clamp(26px,3.4vw,40px);margin:0 0 4px;letter-spacing:.03em}
.s-inside .kicker{font-size:clamp(22px,2.6vw,30px)}
.s-inside ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.s-inside li{background:#FFF3B0;border-radius:999px;padding:6px 14px;font-weight:500;font-size:15px}
.s-inside img{width:30%;margin:16px auto 0;transform:rotate(-6deg);filter:drop-shadow(0 10px 12px rgba(34,34,34,.2))}
.slide video{width:100%;height:100%;object-fit:cover;display:block}
.stage .hs-arrow{z-index:4}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.thumb{aspect-ratio:1;border-radius:18px;border:3px solid transparent;background:#FFF3B0;padding:0;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}
.thumb img{width:58%;transform:rotate(-6deg)}
.thumb.t-sky{background:url("../img/img-e149beb8.webp") center/cover}
.thumb.t-vid img{width:100%;height:100%;object-fit:cover;transform:none}
.thumb.t-in span{font:400 15px/1 Sudsy;text-transform:uppercase;color:#CB7505;text-align:center;padding:4px}
.thumb[aria-current=true]{border-color:#CB7505}
.thumb:focus-visible{outline:3px solid #222;outline-offset:2px}

.buy h1{font-family:Sudsy;font-weight:400;text-transform:uppercase;color:#CB7505;font-size:clamp(40px,4.6vw,60px);line-height:1;letter-spacing:.03em;margin:0}
.buy .subtype{font:700 13px Fredoka;letter-spacing:.12em;text-transform:uppercase;margin:8px 0 10px}
.rating{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px}
.rating .stars .gs{width:20px;height:20px}
.rating a{color:#222}
.buy .price{font-size:26px;margin:12px 0 10px}
.checks{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:6px}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.4}
.checks li::before{content:"";flex:0 0 20px;height:20px;margin-top:1px;border-radius:50%;background:#FFD23F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23222222' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.opt-label{font:700 13px Fredoka;letter-spacing:.12em;text-transform:uppercase;margin:18px 0 10px}
.opt-label b{font-weight:500;letter-spacing:.02em;text-transform:none;font-size:15px;margin-left:6px}
.swatches{display:flex;flex-wrap:wrap;gap:9px}
.swatch{width:48px;height:48px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#FFF3B0;display:flex;align-items:center;justify-content:center;outline:3px solid transparent;outline-offset:3px;transition:transform .2s}
.swatch img{width:64%;transform:rotate(-8deg)}
.swatch:hover{transform:translateY(-2px)}
.swatch[aria-checked=true]{outline-color:#CB7505}
.swatch:focus-visible{outline-color:#222}
.pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pill-opt{border:3px solid #FFD23F;background:#fff;border-radius:18px;padding:10px 8px;font:600 15px/1.25 Fredoka;color:#222;cursor:pointer;text-align:center}
.pill-opt small{display:block;font-weight:400;font-size:13px}
.pill-opt[aria-checked=true]{background:#FFD23F}
.pill-opt:focus-visible{outline:3px solid #222;outline-offset:2px}
.promo{display:flex;align-items:stretch;border:3px solid #FFD23F;border-radius:999px;overflow:hidden;margin-top:14px;text-decoration:none;color:#222}
.promo span{padding:10px 18px;font-weight:600;font-size:15px;flex:1}
.promo strong{background:#FFD23F;padding:10px 18px;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center}
.cartrow{display:grid;grid-template-columns:132px 1fr;gap:10px;margin-top:16px}
.qty{display:flex;align-items:center;justify-content:space-between;background:#FFF3B0;border-radius:999px;padding:4px}
.qty button{width:40px;height:40px;border:0;border-radius:50%;background:#fff;font:600 20px/1 Fredoka;color:#222;cursor:pointer}
.qty output{font-weight:600;font-size:17px}
.qty button:focus-visible{outline:3px solid #222;outline-offset:2px}
.cartrow .btn{width:100%;font-size:17px;padding:15px 20px}
.made-note{font-size:14px;margin:10px 0 0;display:flex;gap:8px;align-items:center}
.made-note::before{content:"";width:9px;height:9px;border-radius:50%;background:#FFD23F;box-shadow:0 0 0 3px #FFF3B0}
.often{margin-top:22px}
.often-card{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;border:3px solid #FFF3B0;border-radius:22px;padding:10px 12px}
.often-card .pic{width:64px;height:64px;border-radius:16px;background:#FFF3B0;display:flex;align-items:center;justify-content:center}
.often-card .pic img{height:52px;width:auto}
.often-card h4{margin:0;font:600 16px Fredoka}
.often-card p{margin:0;font-size:14px}
.btn-sm{font-size:13px!important;padding:8px 16px!important}
.trust{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:4px;font-size:15px}
.trust li::before{content:"✦ ";color:#FFD23F}
.acc{margin-top:20px;border-bottom:3px solid #FFF3B0}
.acc details{border-top:3px solid #FFF3B0}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:14px 2px;font:700 14px Fredoka;letter-spacing:.1em;text-transform:uppercase}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";font:500 24px/1 Fredoka;transition:transform .2s}
.acc details[open] summary::after{transform:rotate(45deg)}
.acc summary:focus-visible{outline:3px solid #222;outline-offset:2px}
.acc .body{padding:0 2px 16px;font-size:16px}
.acc .body p{margin:0 0 8px}
.ph{color:#6B6B6B;font-style:italic}
@media (max-width:900px){.pdp{grid-template-columns:1fr;gap:28px}.gallery{position:static}}
@media (max-width:480px){.pill-opt{font-size:14px;padding:9px 4px}.cartrow{grid-template-columns:116px 1fr}.thumbs{gap:6px}.thumb{border-radius:12px}}

/* trust strip */
.strip{background:#FFF3B0;padding:16px 0}
.strip ul{list-style:none;margin:0 auto;padding:0 16px;max-width:1180px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;font:700 13px Fredoka;letter-spacing:.08em;text-transform:uppercase}
.strip li::before{content:"✦ ";color:#CB7505}

/* section heads */
.center{justify-content:center;text-align:center}
.solid h2{color:#CB7505!important;-webkit-text-stroke:0!important}

/* why */
.why{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1140px}
.why li{border:5px solid #FFF3B0;border-radius:28px;padding:22px 20px}
.why .num{font:400 52px/1 Sudsy;color:#FFD23F;-webkit-text-stroke:.16em #CB7505;paint-order:stroke fill;letter-spacing:.04em;display:block;margin-bottom:10px}
.why h3{font:600 20px/1.2 Fredoka;margin:0 0 6px}
.why p{margin:0;font-size:16px}
@media (max-width:900px){.why{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.why{grid-template-columns:1fr}}

/* comparison */
.cmp-wrap{max-width:940px;margin:0 auto;border:5px solid #FFF3B0;border-radius:28px;overflow:hidden}
.cmp-scroll{overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;font-size:16px;min-width:560px}
.cmp th,.cmp td{padding:13px 16px;text-align:left;border-bottom:2px solid #FFF3B0;vertical-align:top}
.cmp tr:last-child td{border-bottom:0}
.cmp thead th{font:700 13px Fredoka;letter-spacing:.1em;text-transform:uppercase}
.cmp tbody th{font-weight:600}
.cmp .us{background:#FFF3B0;font-weight:600}
.cmp thead .us{font-family:Sudsy;font-weight:400;font-size:20px;letter-spacing:.03em;color:#222}
.cmp-note{max-width:940px;margin:10px auto 0;font-size:14px;text-align:center}

/* how to use */
#use{background:#FFF3B0}
.use{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1140px}
.use li{background:#fff;border-radius:28px;padding:22px 20px;text-align:center}
.use .stepno{font:700 13px Fredoka;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:8px}
.use .ico{width:74px;height:74px;margin:0 auto 10px;border-radius:50%;background:#FFF3B0;display:flex;align-items:center;justify-content:center}
.use .ico svg{width:44px;height:44px}
.use h3{font-family:Sudsy;font-weight:400;text-transform:uppercase;color:#CB7505;font-size:26px;letter-spacing:.03em;margin:0 0 6px}
.use p{margin:0;font-size:16px}
@media (max-width:900px){.use{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.use{grid-template-columns:1fr}}

/* in every bar */
.stats{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;text-align:center}
.stats b{display:block;font:400 clamp(48px,6vw,72px)/1 Sudsy;color:#FFD23F;-webkit-text-stroke:.14em #CB7505;paint-order:stroke fill;letter-spacing:.03em;margin-bottom:6px}
.stats span{font-size:16px}
@media (max-width:700px){.stats{grid-template-columns:1fr 1fr;gap:28px 16px}}

/* pairs well with */
.pairs{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:940px;margin:0 auto}
.pair{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;border:5px solid #FFF3B0;border-radius:28px;padding:14px}
.pair .pic{height:140px;border-radius:22px;background:#FFF3B0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pair .pic img{height:110px;width:auto}
.pair .pic.fan img{height:78px;margin:0 -12px;filter:drop-shadow(0 6px 8px rgba(34,34,34,.2))}
.pair h3{font-family:Sudsy;font-weight:400;text-transform:uppercase;color:#CB7505;font-size:24px;letter-spacing:.03em;margin:0 0 4px}
.pair p{margin:0 0 10px;font-size:15px}
.pair .price{margin:0 0 10px}
@media (max-width:760px){.pairs{grid-template-columns:1fr}.pair{grid-template-columns:110px 1fr}.pair .pic{height:110px}.pair .pic img{height:86px}}

/* faq */
.faq{max-width:780px;margin:0 auto}
.faq .acc{margin-top:0}
.faq summary{font:600 17px Fredoka;letter-spacing:0;text-transform:none}

/* promises */
.promise{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1140px}
.promise li{text-align:center;padding:8px}
.promise .ico{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;background:#FFF3B0;display:flex;align-items:center;justify-content:center;font-size:24px;color:#CB7505}
.promise h3{font:600 18px Fredoka;margin:0 0 4px}
.promise p{margin:0;font-size:15px}
@media (max-width:820px){.promise{grid-template-columns:1fr 1fr}}

/* more bars */
.more .grid{grid-template-columns:repeat(4,1fr)}
@media (max-width:820px){.more .grid{grid-template-columns:1fr 1fr}}
.more .card h3{font-size:22px}

/* sticky add bar */
.stick{position:fixed;left:0;right:0;top:0;z-index:50;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-110%);transition:transform .25s}
.stick.show{transform:none}
.stick .in{max-width:1180px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:14px}
.stick .pic{width:48px;height:48px;border-radius:50%;background:#FFF3B0;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.stick .pic img{width:64%;transform:rotate(-8deg)}
.stick .nm{flex:1;min-width:0}
.stick .nm b{display:block;font:400 20px/1.1 Sudsy;text-transform:uppercase;color:#CB7505;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stick .nm span{font-size:14px}
.stick .btn{padding:11px 20px;font-size:15px}
@media (max-width:640px){.stick{top:auto;bottom:0;transform:translateY(110%);box-shadow:0 -6px 20px rgba(0,0,0,.1)}.stick .nm span{display:none}}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,calc(100% + 40px));visibility:hidden;background:#222;color:#fff;border-radius:999px;padding:12px 22px;font-weight:600;z-index:70;transition:transform .25s}
.toast.show{transform:translate(-50%,0);visibility:visible}
@media (max-width:640px){.toast{bottom:84px}}
/* above the fold: the whole buy box fits on a laptop screen (her note 2026-11-06) */
.topbar::after{display:none}
.crumbs{padding:10px 16px 12px;font-size:13px}
.buy h1{font-size:clamp(30px,2.8vw,42px)}
.buy .subtype{font-size:12px;margin:4px 0 6px}
.rating{font-size:14px;gap:8px}
.rating .stars .gs{width:16px;height:16px}
.buy .price{font-size:22px;margin:6px 0 8px}
.checks{gap:3px;margin:0 0 6px}
.checks li{font-size:15px;line-height:1.35}
.checks li::before{flex-basis:18px;height:18px}
.opt-row{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;margin-top:10px}
.opt-row .opt-label{margin:0;font-size:12px}
.sr{position:absolute!important;left:-9999px}
.swatches{gap:8px}
.swatch{width:40px;height:40px;outline-width:2px;outline-offset:2px}
.pill-opt{padding:6px 6px;font-size:14px;border-radius:14px;border-width:2px}
.pill-opt small{font-size:12px}
.promo{margin-top:10px;border-width:2px}
.promo span,.promo strong{padding:7px 16px;font-size:14px}
.cartrow{margin-top:10px;grid-template-columns:120px 1fr}
.qty button{width:36px;height:36px}
.cartrow .btn{padding:12px 18px;font-size:16px}
.made-note{margin-top:8px;font-size:13px}
.often{margin-top:12px}
.often .opt-label{margin:0 0 6px;font-size:12px}
.often-card{padding:6px 10px;grid-template-columns:48px 1fr auto;border-radius:18px}
.often-card .pic{width:48px;height:48px;border-radius:12px}
.often-card .pic img{height:40px}
.often-card h4{font-size:15px}.often-card p{font-size:13px}
.trust{margin-top:10px;font-size:14px;gap:2px}
.acc{margin-top:12px}
/* size and stars share a row */
.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:6px 0 2px}
.meta-row .subtype{margin:0!important}
/* six photo slides */
.thumbs{grid-template-columns:repeat(6,1fr)!important}
@media (min-width:901px){.thumbs{width:calc((var(--S) - 50px) / 6)!important}}
.s-vary{flex-direction:column;justify-content:center;gap:14px;padding:6%}
.s-vary .vary-pic{width:100%;flex:1;max-height:62%;aspect-ratio:auto;border-radius:22px;background:#fff}
.s-vary .vary-pic span{font-size:15px}
.s-vary .vary-cap{text-align:center;max-width:46ch}
.s-vary .vary-cap h3{font-family:Sudsy;font-weight:400;text-transform:uppercase;color:#CB7505;font-size:clamp(22px,2.4vw,30px);letter-spacing:.03em;margin:0 0 6px;line-height:1.05}
.s-vary .vary-cap .kicker{font-size:clamp(20px,2vw,26px)}
.s-vary .vary-cap p{margin:0;font-size:clamp(13px,1.1vw,15px);line-height:1.45}
.t-vary span{font-size:13px!important}
@media (max-width:820px){.s-vary{padding:5% 5% 52px;gap:8px}.s-vary .vary-pic{max-height:46%}.s-vary .vary-cap .kicker{display:none}.s-vary .vary-cap h3{font-size:20px}.s-vary .vary-cap p{font-size:12.5px;line-height:1.4}}
@media (max-width:600px){.thumb.t-in span,.t-vary span{font-size:10px!important;line-height:1.05}}
/* trust lines on one line */
.trust{display:flex!important;flex-wrap:wrap;gap:4px 18px!important}
/* handmade note opens to show the variety photo */
.vary summary{list-style:none;cursor:pointer}
.vary summary::-webkit-details-marker{display:none}
.vary summary::after{content:"+";margin-left:auto;font:500 20px/1 Fredoka;transition:transform .2s}
.vary[open] summary::after{transform:rotate(45deg)}
.vary summary:focus-visible{outline:3px solid #222;outline-offset:2px;border-radius:6px}
.vary-body{margin-top:8px;display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;background:#FFF3B0;border-radius:18px;padding:10px}
.vary-body p{margin:0;font-size:14px;line-height:1.45}
.vary-pic{aspect-ratio:4/3;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;overflow:hidden}
.vary-pic span{font-size:12px;color:#6B6B6B;font-style:italic}
.vary-pic img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:480px){.vary-body{grid-template-columns:1fr}.trust{font-size:13px!important;gap:4px 10px!important}}
@media (prefers-reduced-motion:reduce){.vary summary::after{transition:none}}
/* no breadcrumb: a little room under the menu */
.pdp{padding-top:12px}
/* photos fit the screen: thumbnails in a column on the left, big photo sized to the window */
.gallery{container-type:inline-size}
@media (min-width:901px){
  .gallery{display:grid;grid-template-columns:auto auto;justify-content:start;gap:12px}
  .stage,.thumbs{--S:max(320px,min(calc(100vh - 205px),calc((100cqw - 4px) / 1.2)))}
  .stage{grid-column:2;grid-row:1;width:var(--S);height:var(--S);aspect-ratio:auto}
  .thumbs{grid-column:1;grid-row:1;margin:0;display:flex;flex-direction:column;gap:10px;width:calc((var(--S) - 40px) / 5)}
  .thumb{width:100%;border-radius:14px}
}
.pills{grid-template-columns:repeat(2,1fr)}
.subbox{display:flex;align-items:center;gap:10px;border:2px solid #FFD23F;border-radius:14px;padding:6px 12px;cursor:pointer;position:relative;background:#fff}
.subbox:has(input:checked){background:#FFF3B0}
.subbox input{position:absolute;opacity:0;width:1px;height:1px}
.subbox .box{flex:0 0 22px;height:22px;border-radius:6px;border:2px solid #CB7505;background:#fff}
.subbox input:checked+.box{background:#FFD23F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23222222' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/90% no-repeat}
.subbox input:focus-visible+.box{outline:3px solid #222;outline-offset:2px}
.subbox .st{display:flex;flex-direction:column;line-height:1.25}
.subbox b{font-size:14px;font-weight:600}
.subbox small{font-size:12px}
@media (max-width:600px){.opt-row>span:empty{display:none}}
/* bundle builder */
.bdlg{border:0;border-radius:28px;padding:18px 18px 20px;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;color:#222;font-family:Fredoka,sans-serif}
.bdlg::backdrop{background:rgba(34,34,34,.45)}
.bhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bhead h2{font:400 30px/1 Sudsy;text-transform:uppercase;color:#CB7505;letter-spacing:.03em;margin:0}
.bclose{width:38px;height:38px;border-radius:50%;border:0;background:#FFF3B0;color:#222;font:500 24px/1 Fredoka;cursor:pointer}
.bclose:focus-visible{outline:3px solid #222;outline-offset:2px}
.bdlg #bAdd{width:100%;margin-top:12px}
#bAdd:disabled{opacity:.6;cursor:default;transform:none}
.cartrow.is-bundle #bEdit:not([hidden]){display:block}
.cartrow.is-bundle:has(#bEdit:not([hidden])){grid-template-columns:auto 1fr}
#bEdit{background:#FFF3B0;padding:10px 16px;font-size:14px}
#bEdit[hidden]{display:none!important}
.bgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.bgrid li{min-width:0}
@media (max-width:480px){.bdlg{padding:14px 12px 16px}.bgrid{gap:6px!important}.bgrid li{padding:5px}.bt{font-size:12px;gap:4px}.bt img{width:22px;height:22px}.bstep button{width:26px;height:26px}.tiers li{font-size:11px}.tiers li b{font-size:12px}.bhead h2{font-size:26px}}
.tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tiers li{background:#FFF3B0;border-radius:12px;padding:5px 4px;text-align:center;font-size:12px;line-height:1.25}
.tiers li b{display:block;font-size:13px}
.tiers li.on{background:#FFD23F}
.bhelp{margin:8px 0 6px;font-size:13px;font-weight:600}
.bgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bgrid li{border:2px solid #FFF3B0;border-radius:12px;padding:5px 6px;display:flex;flex-direction:column;gap:4px}
.bgrid li.has{background:#FFF3B0}
.bt{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1.15;min-height:28px}
.bt img{width:30px;height:30px;object-fit:contain;transform:rotate(-8deg);flex:0 0 auto}
.bstep{display:flex;align-items:center;justify-content:space-between}
.bstep button{width:30px;height:30px;border-radius:50%;border:0;background:#FFD23F;color:#222;font:600 16px/1 Fredoka;cursor:pointer;padding:0}
.bgrid li.has .bstep button{background:#fff}
.bstep button:disabled{opacity:.35;cursor:default}
.bstep button:focus-visible{outline:3px solid #222;outline-offset:2px}
.bstep output{font-weight:700;font-size:14px}
.bsum{margin:8px 0 0;font-size:14px}
.cartrow.is-bundle{grid-template-columns:1fr}
.cartrow.is-bundle .qty{display:none}
#addBtn:disabled{opacity:.6;cursor:default;transform:none}
@media (max-width:600px){.opt-row{grid-template-columns:1fr;gap:6px;margin-top:12px}.swatches{gap:6px}.swatch{width:32px;height:32px}}
@media (prefers-reduced-motion:reduce){.stick,.toast,.swatch,.acc summary::after{transition:none}}


.s-main img.bagimg{width:30%;transform:rotate(-4deg)}
.s-sky img.bagimg{width:30%;transform:rotate(5deg)}
.thumb img.bagimg{width:42%}
.thumbs.three{grid-template-columns:repeat(3,1fr)!important}
@media (max-width:900px){.thumbs.three{max-width:60%}}
@media (min-width:901px){.thumbs.three{justify-content:flex-start}}
.s-use .in-card ol{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px;text-align:left}
.s-use .in-card li{background:#FFF3B0;border-radius:14px;padding:8px 14px;font-size:15px}
.s-use .in-card li b{font-family:Sudsy;font-weight:400;color:#CB7505;margin-right:6px}
.often-card .pic.bars{position:relative}
.often-card .pic.bars img{height:40px;position:absolute}
.use.three{grid-template-columns:repeat(3,1fr);max-width:900px}
@media (max-width:900px){.use.three{grid-template-columns:1fr}}


.doc{max-width:760px;margin:0 auto;padding:0 16px 72px;font-size:17px;line-height:1.6}
.doc-head{padding-top:48px}
.doc h2{font-family:Sudsy;text-transform:uppercase;font-size:24px;line-height:1.2;color:var(--text);margin:34px 0 8px}
.doc p,.doc ul{margin:0 0 12px}
.doc ul{padding-left:22px;list-style:disc}
.doc li{margin-bottom:5px}
.doc a{color:var(--text);text-decoration:underline}
.doc .btn{text-decoration:none;margin-top:8px}
.doc .ph{display:inline}
.doc p.ph{display:block}
.doc .updated{color:#6B6B6B;font-size:15px}
footer .fine a{display:inline;color:inherit;text-decoration:underline;margin:0;padding:0}

/* WooCommerce bag, checkout and account pages, in the design's colors */
.doc.doc-wide{max-width:1100px}
.doc-wide .wc-block-components-button:not(.is-link),.doc-wide .wp-element-button,.doc-wide .woocommerce-Button,.doc-wide .button{background:var(--sun)!important;color:var(--text)!important;border:0!important;border-radius:999px!important;font-family:Fredoka,system-ui,sans-serif!important;font-weight:700!important;text-decoration:none!important}
.doc-wide a.wc-block-components-product-name{text-decoration:none}
.shop-page{padding:48px 0 72px}
/* Collections: same card width as the 5-across shop grid, centered */
@media (min-width:1154px){.grid-collection{grid-template-columns:repeat(auto-fit,calc((100% - 72px)/5));justify-content:center}}