.box{margin-top:var(--stage-gap);scroll-margin-top:var(--header-h)}.box__inner{background:var(--sky);color:var(--ink);padding-bottom:clamp(48px,7vw,110px)}.box__ticker{background:var(--ink);color:var(--sunshine);padding:14px 0;font:800 clamp(20px,2.4vw,32px)/1 var(--font-display);font-variation-settings:"wdth" 75;font-stretch:75%;text-transform:uppercase}.box__ticker .ticker__group{gap:22px;padding-right:22px}.box__ticker svg{width:30px;height:30px}.box__head{display:grid;justify-items:center;text-align:center;gap:12px;padding:clamp(36px,4.5vw,64px) 0 clamp(24px,3vw,40px)}.box__head .lede{max-width:none;font-weight:600}.box__layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:clamp(20px,3vw,44px);align-items:start}.box__step{display:flex;align-items:center;gap:12px;font:800 14px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.box__step:not(:first-child){margin-top:26px}.box__step-num{width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--sunshine);display:grid;place-items:center;font-size:15px;letter-spacing:0}.box__sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.box__size{position:relative;display:flex;align-items:baseline;gap:8px;padding:20px 22px;border-radius:var(--r-lg);background:var(--butter);border:2px solid var(--ink);text-align:left;transition:transform .3s var(--ease-bounce),background-color .25s,color .25s,box-shadow .3s var(--ease)}.box__size:hover{transform:translateY(-3px);box-shadow:0 5px 0 var(--ink)}.box__size[aria-checked=true]{background:var(--ink);color:var(--sunshine);box-shadow:0 5px color-mix(in srgb,var(--ink) 40%,transparent)}.box__size-n{font-size:60px;line-height:.8}.box__size-l{font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.08em}.box__size-save{position:absolute;top:-12px;right:12px;padding:6px 10px;border-radius:var(--r-pill);background:var(--bubblegum);color:var(--ink);border:2px solid var(--ink);font:800 11px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;transform:rotate(4deg)}.box__or{margin:22px 0 10px;font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase}.box__presets{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px}.box__presets::-webkit-scrollbar{display:none}.box__preset{flex:1 0 auto;display:grid;gap:2px;text-align:left;padding:12px 18px;border-radius:var(--r-md);border:2px solid var(--ink);background:color-mix(in srgb,var(--butter) 55%,transparent);transition:background-color .25s,transform .3s var(--ease-bounce)}.box__preset strong{font-weight:800}.box__preset span{font-size:13px;opacity:.8}.box__preset:hover{background:var(--butter);transform:rotate(-1.5deg)}.box__preset.is-active{background:var(--sunshine)}.box__flavours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.box__flavour{border-radius:var(--r-lg);background:var(--c);color:var(--fi);overflow:hidden;border:2px solid var(--ink);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.box__flavour.has-picks{box-shadow:0 6px 0 var(--ink);transform:translateY(-4px)}.box__flavour.is-bounce{animation:flavourBounce .5s var(--ease-bounce)}@keyframes flavourBounce{40%{transform:translateY(-10px) scale(1.03) rotate(-1deg)}}.box__flavour-media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-bottom:2px solid var(--ink)}.box__flavour-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.box__flavour:hover .box__flavour-media img{transform:scale(1.07)}.box__flavour-media:after{content:"+";position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:var(--butter);color:var(--ink);border:2px solid var(--ink);display:grid;place-items:center;font:800 22px/1 var(--font-body);transition:transform .35s var(--ease-bounce)}.box__flavour-media:hover:after{transform:rotate(90deg) scale(1.08)}.box__flavour-body{padding-top:14px!important}.box__flavour-count{position:absolute;top:12px;right:12px;min-width:38px;height:38px;padding:0 8px;border-radius:19px;background:var(--ink);color:var(--sunshine);display:grid;place-items:center;font:800 16px/1 var(--font-body);transform:scale(0);transition:transform .35s var(--ease-bounce)}.has-picks .box__flavour-count{transform:scale(1)}.box__flavour-body{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 14px 14px}.box__flavour-name{font-size:clamp(22px,2vw,30px);line-height:.9}.box__flavour-price{margin:4px 0 0;font-weight:700;font-size:14px}.box__qty{background:var(--butter);color:var(--ink);flex:none}.box__qty output{width:26px;text-align:center;font-weight:800}.box__summary{position:sticky;top:calc(var(--header-h) + 16px);background:var(--butter);border:2px solid var(--ink);border-radius:var(--r-xl);padding:18px;box-shadow:0 8px 0 var(--ink)}.box__crate{position:relative;border-radius:22px;background:linear-gradient(#b98a50,#a87940);padding:14px 14px 0;box-shadow:inset 0 6px 14px #00000040}.box__crate.is-shake{animation:shake .45s var(--ease)}@keyframes shake{20%,60%{transform:translate(-6px) rotate(-1deg)}40%,80%{transform:translate(6px) rotate(1deg)}}.box__slots{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);gap:8px;padding-bottom:14px}.box__slot{position:relative;aspect-ratio:.78;border-radius:12px;border:2px dashed rgba(255,246,220,.55);display:grid;place-items:center;color:#fff6dcb3;transition:background-color .3s}.box__slot .icon{width:20px;height:20px}.box__slot.is-filled{border:2px solid var(--ink);background:var(--slot-c)}.box__slot img{position:absolute;top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(0,0,0,.25))}.box__slot{overflow:hidden}.box__slot.is-new{animation:slotIn .55s var(--ease-bounce)}@keyframes slotIn{0%{transform:scale(.4) rotate(-12deg)}}.box__crate-front{margin:0 -14px;padding:12px 18px;border-radius:0 0 22px 22px;background:var(--ink);color:var(--sunshine);display:flex;align-items:center;justify-content:space-between}.box__crate-front .display{font-size:26px}.box__crate-size{font-weight:800;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--butter)}.box__status{margin:16px 0 6px;font-weight:800;font-size:17px}.box__totals{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}.box__totals s{opacity:.55;font-weight:600}.box__totals strong{font-size:46px;line-height:1}.box__save{background:var(--bubblegum);border:2px solid var(--ink);border-radius:var(--r-pill);padding:8px 12px;font-weight:800;font-size:13px;transform:rotate(-3deg)}.box__save:empty{display:none}.box__add[aria-disabled=true]{opacity:.55}.box__tools{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.box__tools .link-arrow .icon{width:16px;height:16px}.box__clear{font-size:13px;font-weight:700;text-decoration:underline;opacity:.7}.box__note{font-size:13px;opacity:.75;margin:14px 0 0}.box__warn{font-size:13px;font-weight:700;margin:8px 0 0;padding:10px 12px;border-radius:12px;background:var(--bubblegum)}.box__bar{display:none}@media(max-width:989px){.box__layout{grid-template-columns:1fr}.box__summary{position:relative;top:0}}@media(max-width:749px){.box__size{padding:16px}.box__size-n{font-size:44px}.box__flavours{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:70%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 12px;scrollbar-width:none}.box__flavours::-webkit-scrollbar{display:none}.box__flavour{scroll-snap-align:center}.box__bar{display:flex;align-items:center;gap:10px;position:fixed;z-index:56;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));padding:8px 8px 8px 14px;border-radius:var(--r-pill);background:var(--ink);color:var(--butter);transform:translateY(160%);transition:transform .5s var(--ease);font-weight:700;font-size:13px}.box__bar.is-visible{transform:none}.box__bar-text{flex:1}.box__bar-dots{display:flex}.box__bar-dots i{width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);margin-left:-3px;background:var(--c)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-box.css.map */