@font-face{font-family:"Chewy Fallback";src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:85.4%;ascent-override:114.7%;descent-override:35.5%;line-gap-override:2.9%}@font-face{font-family:"Nunito Fallback";src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:97.9%;ascent-override:103.3%;descent-override:36.1%;line-gap-override:0%}
/* /start, Schedule Your Pickup (phase 3). Layered after the page's own styles. */
@font-face{font-family:Chewy;src:url(/fonts/chewy.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Caveat Brush";src:url(/fonts/caveat-brush.woff2) format("woff2");font-display:swap}
@font-face{font-family:Nunito;src:url(/fonts/nunito.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--g:#0B2B1E;--g2:#1E4A36;--y:#FEE136;--y2:#FFF4B8;--p:#F9D6D4;--b:#D1F0FC;--s:#EEF5E3;--c:#FBFAF4;--bg:var(--c);--fg:var(--g);--rose:var(--g);--rose-ink:var(--g);--rose-text:var(--g);--mute:#3F5249;--line:rgba(11,43,30,.14);--disp:Chewy,"Chewy Fallback","Arial Rounded MT Bold",sans-serif;--hand:"Caveat Brush",Chewy,cursive;--blob:58% 42% 55% 45%/48% 60% 40% 52%}
html,body{background:var(--c)}body{font-family:Nunito,"Nunito Fallback",system-ui,sans-serif;color:var(--g)}body:before{background:var(--c)}
h1,h2{font-family:var(--disp);font-weight:400;font-stretch:normal;letter-spacing:.01em}
h1 em{background:linear-gradient(transparent 60%,var(--y) 60%,var(--y) 92%,transparent 92%)}
h3,.pcard h3{font-family:Nunito,"Nunito Fallback",sans-serif;font-weight:900}
input,select,textarea,.chips button,.btn,.sticky .pp b,#kdue{font-family:Nunito,"Nunito Fallback",system-ui,sans-serif!important}
nav{background:rgba(251,250,244,.94);border-bottom:0}
nav .w{max-width:1240px;height:76px}nav .brand img.hlogo{height:48px;width:auto}
.test{background:var(--b);color:var(--g);font-weight:800}
:focus-visible{outline:3px solid var(--g);outline-offset:2px}
.sx{max-width:1240px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:46px;align-items:start}
.shero{position:sticky;top:96px;padding:10px 0 30px}
.sh1{font-size:clamp(54px,6.4vw,96px);line-height:.92;text-transform:uppercase;margin:0 0 16px;max-width:9ch}
.hl{display:inline-block;font-family:var(--disp);text-transform:uppercase;background:var(--y);padding:.3em .9em .22em;border-radius:999px;transform:rotate(-2deg);font-size:clamp(18px,2vw,24px);margin:0}
.slede{font-size:18px;line-height:1.55;color:var(--g);max-width:470px;margin:20px 0 22px}
.sph{position:relative;aspect-ratio:3/2;max-width:620px}
.sph picture,.sph img{width:100%;height:100%;object-fit:cover;object-position:40% 40%;display:block;border-radius:52% 48% 46% 54%/50% 52% 48% 50%}
.snote{position:absolute;right:-6px;top:-22px;width:150px;height:140px;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;font-family:var(--hand);text-transform:uppercase;font-size:23px;line-height:1.02;background:var(--p);border-radius:var(--blob);transform:rotate(7deg);box-shadow:0 10px 30px rgba(11,43,30,.1)}
.sdood{position:absolute;width:38px;height:38px;fill:none;stroke:var(--g);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.sdood.d1{left:min(62%,470px);top:150px;transform:rotate(12deg)}.sdood.d2{right:8%;top:8px;width:30px;height:30px}
.sicons{list-style:none;padding:20px 0 0;margin:26px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--s);border-radius:40px 40px 28px 28px;padding:22px 14px 18px}
.sicons li{text-align:center;font-size:13px;line-height:1.3}.sicons b{display:block;text-transform:uppercase;font-weight:900;letter-spacing:.03em;margin-top:6px}.sicons small{display:block;color:var(--mute);margin-top:3px}
.sic{width:62px;height:52px;margin:0 auto;border-radius:var(--blob);display:grid;place-items:center}.sic svg{width:34px;height:34px;fill:none;stroke:var(--g);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.c-p{background:var(--p)}.c-y{background:var(--y2)}.c-s{background:#fff}.c-b{background:var(--b)}
.scard{background:#fff;border-radius:36px;box-shadow:0 30px 80px -40px rgba(11,43,30,.35),0 2px 0 rgba(11,43,30,.04);margin:10px 0 40px;overflow:hidden}
.scard main.w{max-width:none;padding:6px 30px 30px}
.sfoot{text-align:center;font-size:13.5px;color:var(--mute);padding:0 24px 26px;margin:0}
/* progress */
.steps3{list-style:none;display:flex;gap:4px;padding:18px 0 4px;margin:0 0 6px;counter-reset:st;border-bottom:1px solid var(--line)}
.steps3 li{flex:1;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--mute);padding-bottom:14px;position:relative;line-height:1.15}
.steps3 li:before{counter-increment:st;content:counter(st);flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#EEF0EC;color:var(--g);font-family:var(--disp);font-size:20px;border:0;margin:0}
.steps3 li.on{color:var(--g)}.steps3 li.on:before{background:var(--y);border:0}
.steps3 li.done:before{content:"✓";background:var(--g);color:var(--c);font:900 17px/40px Nunito}
.steps3 li.on:after{content:"";position:absolute;left:0;right:12px;bottom:-1px;height:3px;border-radius:3px;background:var(--y)}
.steps3 i{display:none}
.step h1{font-size:clamp(30px,3.4vw,40px);text-transform:uppercase;margin-top:18px}
/* controls */
.grp2{border-radius:20px;border-color:var(--line)}
.grp2 b{font-weight:800;font-size:16px}
.chips button{border-radius:999px;border-color:var(--line);font-weight:700}
.chips button[aria-pressed=true],label:has(input:checked),.pcard:has(input:checked){border-color:var(--g);background:var(--y2)}
.chips button:hover:not(:disabled){border-color:var(--g)}
.cal{border:1px solid var(--line);border-radius:18px;padding:12px}
.calh{display:flex;align-items:center;justify-content:space-between;font-weight:800;margin-bottom:6px}
.calnav{width:36px;height:36px;border-radius:50%;border:0;background:transparent;font-size:22px;cursor:pointer;color:var(--g)}.calnav:disabled{opacity:.25;cursor:default}
.caldow,.calg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.caldow span{font-size:12px;font-weight:800;color:var(--mute);padding:4px 0}
#dch.chips{display:block}
.calg[hidden]{display:none}
.calg .dchip{height:40px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent;font-weight:700;font-size:15px;aspect-ratio:1;justify-self:center;width:40px}
.calg .dchip:disabled{color:rgba(11,43,30,.28);cursor:default;background:transparent}
.calg .dchip:not(:disabled){background:var(--s)}
.calg .dchip.today{box-shadow:inset 0 0 0 1.5px rgba(11,43,30,.3)}
.calg .dchip[aria-pressed=true]{background:var(--g)!important;color:var(--c)}
.slots{grid-template-columns:1fr!important;gap:8px}
.slots button{height:48px;font-size:15.5px}
.slots button[aria-pressed=true]{background:var(--g)!important;color:var(--c)!important}
textarea{min-height:84px;padding:12px 14px!important;height:auto!important;resize:vertical}
#addrShow .addrln{background:var(--c);border-radius:14px;padding:12px 14px 12px 40px;position:relative}
#addrShow .addrln:before{content:"";position:absolute;left:12px;top:14px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2B1E' stroke-width='1.8'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") no-repeat}
.btn{background:var(--g);color:var(--c);font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;font-size:15px!important}.btn:hover{background:var(--g2)}
.btn.big{height:62px;font-size:16px!important}
.btn.ghost{background:#fff;color:var(--g);border:2px solid var(--g)}
.pcard .big{font-family:var(--disp)!important;font-weight:400}
.pcard .tag2{background:var(--b)}
.pcard .po{font-family:var(--hand);font-size:19px}
@media(min-width:1000px){.sticky{position:static;background:transparent;backdrop-filter:none;border:0;padding:16px 0 0}.sticky .w{padding:0;max-width:none}.pad{padding-bottom:40px!important}}
@media(max-width:999px){.sx{grid-template-columns:minmax(0,1fr);gap:0}.shero{position:relative;top:0;padding:4px 0 8px;text-align:left}.sh1{font-size:clamp(44px,12vw,64px);max-width:none}.slede{font-size:16px;margin:14px 0 6px}
 .sph,.sicons,.sdood{display:none}.scard{border-radius:28px;margin:14px -8px 30px}.scard main.w{padding:4px 18px 24px}.sticky{background:rgba(251,250,244,.97)}
 .shero.full .sph,.shero.full .sicons{display:block}}
@media(max-width:420px){.steps3 li{font-size:12.5px;gap:7px}.steps3 li:before{width:32px;height:32px;font-size:17px}.steps3 li.done:before{line-height:32px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Mobile/tablet: compact header after the ZIP step so the calendar and slots fit above the sticky bar */
@media(max-width:999px){.shero .hl,.slede,.sph,.sicons,.sdood{display:none!important}
 body:not([data-s="1"]) .shero{padding:0 0 2px}body:not([data-s="1"]) .sh1{font-size:clamp(28px,8vw,40px);line-height:1;margin:0}
 body:not([data-s="1"]) .scard{margin-top:10px}
 .step[data-s="3"]>h1{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .step[data-s="3"]>h1+.sub{font-size:14px;line-height:1.45;margin:4px 0 12px}
 #f3{display:flex;flex-direction:column}#f3>*{order:5}#f3>.calbox{order:1;margin-top:0}#f3>.grp2:has(#sch){order:2}#f3>.grp2:has(#addrShow){order:3}
 .sticky{padding:8px 0 calc(6px + env(safe-area-inset-bottom))}.sticky .w{gap:6px}.sticky .btn.big{min-height:50px;padding-top:12px;padding-bottom:12px}.sticky .back{margin-top:0;padding:2px 0;font-size:13px}}
/* Calendar never wider than its box (small phones) */
.caldow,.calg{grid-template-columns:repeat(7,minmax(0,1fr))}
.calg .dchip{width:min(40px,100%)!important;height:auto!important;max-height:40px}
/* Molly's Suds options: scent + bags (shown only when Molly's Suds is picked) */
.mopts{border:1.5px solid var(--g);border-radius:16px;background:var(--y2);padding:14px 16px;display:grid;gap:14px;margin-top:-2px}
.mopts[hidden]{display:none}
.mscent{border:0;padding:0;margin:0}.mscent legend{font-weight:800;font-size:15px;margin-bottom:8px;padding:0}.mscent legend small,.mbags small{font-weight:400;color:var(--mute);font-size:13px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg label{display:flex!important;align-items:center;justify-content:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:999px;min-height:46px;padding:0 12px!important;font-weight:700;cursor:pointer}
.seg label:has(input:checked){border-color:var(--g);background:#fff;box-shadow:inset 0 0 0 1.5px var(--g)}
.seg input{accent-color:var(--g);width:18px;height:18px;margin:0}
.mbags{display:flex;align-items:center;justify-content:space-between;gap:12px}.mbags label{display:block}.mbags small{display:block;margin-top:2px}
.mbags .stepper{display:flex;align-items:center;flex:none;background:#fff;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.mbags .stepper button{width:44px;height:44px;border:0;background:transparent;font-size:22px;font-weight:700;color:var(--g);cursor:pointer}
.mbags .stepper input{width:40px;height:44px;border:0!important;text-align:center;font-weight:800;font-size:17px;padding:0!important;background:transparent}
.radio2 .mbags>label{background:none!important;border:0!important;padding:0!important;display:block!important;flex:1;min-width:0;font-weight:400}
.radio2 .mbags>label b{display:block;font-size:15px}