:root{--bg-0:#06070b;--bg-1:#0e1119;--ink:#eef1f6;--ink-soft:#a7afbe;--ink-faint:#6a7280;--line:#ffffff1a;--font-display:"Sora", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--ease:cubic-bezier(.62, 0, .2, 1);--spring:cubic-bezier(.34, 1.42, .5, 1);--w-closed:344px;--w-open:760px;--h:452px;--radius:28px;--can-box:300px}.product[data-flavor=original]{--cola:#d21f34;--accent:#ff5062;--glow:#e22e4299}.product[data-flavor=cherry]{--cola:#a4143c;--accent:#ff5f86;--glow:#d62c6099}.product[data-flavor=zero]{--cola:#20242c;--accent:#cfd6e2;--glow:#96a5be80}.product[data-flavor=lime]{--cola:#2f9e46;--accent:#8dfc8a;--glow:#46c86e94}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.stage{perspective:1300px;background:radial-gradient(125% 120% at 50% 6%, var(--bg-1), var(--bg-0) 60%);place-items:center;min-height:100svh;padding:24px;display:grid;position:relative;overflow:hidden}.ambient{pointer-events:none;z-index:0;background:radial-gradient(38% 34% at 38% 40%, var(--glow), transparent 66%), radial-gradient(34% 32% at 66% 66%, color-mix(in srgb, var(--accent), transparent 26%), transparent 64%);opacity:.42;filter:blur(38px);transition:opacity .9s var(--ease), background .6s var(--ease);position:absolute;inset:-25%}.stage:has(.product.is-open) .ambient{opacity:.34}.stage:after{content:"";z-index:3;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url(/assets/grain-Bu_6A-Ej.png);background-size:300px;position:absolute;inset:0}.product{width:var(--w-closed);height:var(--h);z-index:1;--tiltX:0deg;--tiltY:0deg;transform-style:preserve-3d;transform:rotateX(var(--tiltX)) rotateY(var(--tiltY));transition:width .8s var(--ease), transform .4s var(--ease);position:relative}.product.is-open{width:var(--w-open)}.product:before{content:"";border-radius:var(--radius);background:radial-gradient(42% 40% at 50% 46%, #06070ba8, transparent 64%), radial-gradient(90% 82% at 24% 12%, color-mix(in srgb, var(--cola), transparent 24%), transparent 60%), radial-gradient(88% 82% at 90% 96%, color-mix(in srgb, var(--accent), transparent 42%), transparent 58%), linear-gradient(165deg, color-mix(in srgb, var(--cola), #000 52%), #0a0c12 84%);border:1px solid color-mix(in srgb, var(--accent), transparent 52%);box-shadow:0 1px 0 #ffffff14 inset, 0 44px 96px -52px #000, 0 0 60px -16px var(--glow);transition:box-shadow .7s var(--ease);position:absolute;inset:0}.product.is-open:before{box-shadow:0 1px 0 #ffffff14 inset, 0 54px 120px -52px #000, 0 0 52px -24px var(--glow)}.flood{z-index:1;border-radius:var(--radius);background:radial-gradient(66% 96% at 84% 52%, color-mix(in srgb, var(--cola), transparent 44%), transparent 62%), radial-gradient(60% 70% at 20% 24%, color-mix(in srgb, var(--accent), transparent 82%), transparent 60%), linear-gradient(155deg, #171a22, #0a0b10 84%);clip-path:circle(0 at 50% 54%);filter:drop-shadow(0 0 30px var(--glow));transition:clip-path .8s var(--ease) 60ms;position:absolute;inset:0}.product.is-open .flood{clip-path:circle(150% at 50% 54%)}.product.is-open:after{content:"";border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent), transparent 55%);pointer-events:none;z-index:2;position:absolute;inset:0}.fizz{z-index:2;width:100%;height:100%;clip-path:inset(0 round var(--radius));pointer-events:none;position:absolute;inset:0}.product__brand{z-index:5;font-family:var(--font-display);letter-spacing:.3em;color:#fff;font-size:15px;font-weight:800;position:absolute;top:22px;left:26px}.product__brand span{vertical-align:super;opacity:.6;letter-spacing:0;font-size:9px}.product__chill{z-index:5;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);transition:opacity .4s var(--ease);align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;top:24px;right:24px}.product__chill svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:13px;height:13px}.product.is-open .product__chill{opacity:0}.can{width:var(--can-box);height:var(--can-box);z-index:4;cursor:pointer;transition:transform .8s var(--spring) .12s;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:40px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)rotate(-3deg)}.product.is-open .can{transform:translate(-50%,-50%)translate(186px,-26px)scale(1.04)rotate(9deg)}.can:focus-visible{outline:none}.can:focus-visible .can__wrap{outline:3px solid var(--accent);outline-offset:6px;border-radius:20px}.can__glow{z-index:0;background:radial-gradient(circle at 50% 46%, var(--glow), transparent 58%), radial-gradient(circle at 50% 50%, transparent 40%, color-mix(in srgb, var(--accent), transparent 40%) 52%, transparent 66%);filter:blur(9px);opacity:.9;transition:opacity .6s var(--ease), transform .85s var(--ease);transform:translate(calc(var(--px,0) * 8px), calc(var(--py,0) * 8px));border-radius:50%;position:absolute;inset:2%}.product.is-open .can__glow{opacity:1}.can__wrap{z-index:1;transform:translate(calc(var(--px,0) * 16px), calc(var(--py,0) * 12px));place-items:center;display:grid;position:absolute;inset:0}.can__img,.can__svg{object-fit:contain;filter:drop-shadow(0 26px 26px #0000008c);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:auto;max-width:78%;height:74%}.can__img{display:none}.product.has-photo .can__img{display:block}.product.has-photo .can__svg{display:none}.panel{z-index:3;opacity:0;visibility:hidden;width:300px;transition:opacity .4s var(--ease), visibility 0s linear .8s;position:absolute;top:50%;left:44px;transform:translateY(-50%)}.product.is-open .panel{opacity:1;visibility:visible;transition:opacity .5s var(--ease) .3s, visibility 0s}.panel>*{opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease);transform:translateY(16px)}.product.is-open .panel>*{opacity:1;transform:none}.product.is-open .panel>:first-child{transition-delay:.32s}.product.is-open .panel>:nth-child(2){transition-delay:.39s}.product.is-open .panel>:nth-child(3){transition-delay:.46s}.product.is-open .panel>:nth-child(4){transition-delay:.53s}.product.is-open .panel>:nth-child(5){transition-delay:.6s}.product.is-open .panel>:nth-child(6){transition-delay:.67s}.panel__eyebrow{letter-spacing:.26em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.panel__name{font-family:var(--font-display);letter-spacing:-1.5px;color:#fff;margin:6px 0 10px;font-size:64px;font-weight:800;line-height:.9}.panel__meta{color:#fff9;font-variant-numeric:tabular-nums;margin-bottom:26px;font-size:12.5px;font-weight:500}.panel__meta span{color:#fff;font-weight:600}.flavors{gap:10px;margin-bottom:22px;display:flex}.flavor{cursor:pointer;width:30px;height:30px;transition:transform .25s var(--spring), box-shadow .25s var(--ease);background:0 0;border:1px solid #ffffff4d;border-radius:50%;place-items:center;padding:0;display:grid}.flavor__dot{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 -2px 4px #00000073,inset 0 2px 3px #ffffff59}.flavor[data-flavor=original] .flavor__dot{background:radial-gradient(circle at 38% 32%,#ff4d5f,#a10f22)}.flavor[data-flavor=cherry] .flavor__dot{background:radial-gradient(circle at 38% 32%,#ff6f95,#7c0e2c)}.flavor[data-flavor=zero] .flavor__dot{background:radial-gradient(circle at 38% 32%,#4a505c,#0c0e12)}.flavor[data-flavor=lime] .flavor__dot{background:radial-gradient(circle at 38% 32%,#9dfc8f,#1f7a34)}.flavor:hover{transform:translateY(-2px)}.flavor[aria-checked=true]{border-color:#fff;box-shadow:0 0 0 1px #fff,0 6px 16px -8px #00000080}.flavor:focus-visible{outline-offset:2px;outline:2px solid #fff}.buy{align-items:center;gap:12px;display:flex}.qty{background:#00000024;border:1px solid #ffffff59;border-radius:999px;align-items:center;display:inline-flex}.qty__btn{cursor:pointer;color:#fff;opacity:.85;background:0 0;border:0;width:34px;height:40px;font-size:18px;font-weight:600;transition:opacity .2s}.qty__btn:hover{opacity:1}.qty__btn:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #fff}.qty__n{text-align:center;color:#fff;font-variant-numeric:tabular-nums;min-width:20px;font-size:14px;font-weight:700}.cta{flex:1;height:46px;position:relative}.btn{font-family:var(--font-body);cursor:pointer;transition:transform .2s var(--spring), box-shadow .3s var(--ease), background .3s;border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;font-weight:700;display:inline-flex}.cta .btn--primary{width:100%;color:color-mix(in srgb, var(--cola), #000 34%);background:#fff;padding:0 20px;position:absolute;inset:0;box-shadow:0 12px 26px -12px #00000080}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px #0000008c}.btn--primary:active{transform:translateY(0)scale(.98)}.btn[disabled]{cursor:default}.btn__pack{width:100%;transition:opacity .22s var(--ease), transform .28s var(--ease);justify-content:space-between;align-items:center;gap:12px;display:inline-flex}.btn__price{font-variant-numeric:tabular-nums;opacity:.72}.btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.btn__cart{width:30px;height:27px;color:color-mix(in srgb, var(--cola), #000 34%);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .35s var(--spring);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.55)}.cta.is-packing .btn__pack{opacity:0;transform:scale(.6)}.cta.is-packing .btn__cart{opacity:1;transform:translate(-50%,-50%)scale(1)}.cta.cart-bump .btn__cart{animation:cartBump .3s var(--spring)}@keyframes cartBump{0%{transform:translate(-50%,-50%)scale(1)}40%{transform:translate(-50%,-58%)scale(1.18)}to{transform:translate(-50%,-50%)scale(1)}}.confirm{color:#fff;opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .5s var(--spring);background:#1faa5a;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex;position:absolute;inset:0;transform:scale(.9)}.confirm.show{opacity:1;transform:scale(1)}.confirm__check{width:20px;height:20px;overflow:visible}.confirm__ring{stroke-dasharray:70;stroke-dashoffset:70px;transition:stroke-dashoffset .5s var(--ease) 50ms}.confirm__tick{stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset .4s var(--ease) .28s}.confirm.show .confirm__ring,.confirm.show .confirm__tick{stroke-dashoffset:0}.fx{pointer-events:none;z-index:80;position:fixed;inset:0;overflow:hidden}.truck{transform-origin:50% 60%;opacity:0;pointer-events:none;width:128px;transition:opacity .26s var(--ease), transform .46s var(--spring);position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.4)}.truck.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.truck__svg{filter:drop-shadow(0 10px 14px #0006);width:100%;height:auto;display:block;overflow:visible}.truck__shadow{fill:#00000047}.truck__stripe{fill:var(--tk-accent,#d21f34)}.truck__tape{stroke:var(--tk-accent,#d21f34)}.wheel__spin{transform-box:fill-box;transform-origin:50%}.wheel__spin line{stroke:#626a7a;stroke-width:2.2px;stroke-linecap:round}.truck.is-rolling .wheel__spin{animation:.32s linear infinite roll}@keyframes roll{to{transform:rotate(360deg)}}.parcel,.puff,.streak{will-change:transform, opacity;position:absolute}.parcel{background:linear-gradient(150deg,#e0ac66,#b9752f);border-radius:3px;box-shadow:inset 0 0 0 1.5px #ffffff59,0 2px 4px #0000004d}.puff{background:radial-gradient(circle,#c8cdd780,#c8cdd700 70%);border-radius:50%;width:15px;height:15px}.streak{background:linear-gradient(90deg,#fff0,#ffffff80);border-radius:3px;height:3px}.hint{z-index:5;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd1;transition:opacity .35s var(--ease), transform .35s var(--ease);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint__pulse{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent);animation:pulse 2.1s var(--ease) infinite;border-radius:50%}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--glow)}70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.product.is-open .hint{opacity:0;pointer-events:none;transform:translate(-50%)translateY(8px)}.close{z-index:6;color:#fff;cursor:pointer;opacity:0;pointer-events:none;width:34px;height:34px;transition:opacity .3s var(--ease), transform .3s var(--spring), border-color .2s;background:#00000024;border:1px solid #ffffff59;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px;transform:scale(.85)rotate(-30deg)}.product.is-open .close{opacity:1;pointer-events:auto;transition-delay:.45s;transform:none}.close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:15px;height:15px}.close:hover{border-color:#fff}.close:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=760px){.stage{padding:6vh 16px;display:block;overflow:hidden auto}.product{height:auto;transition:transform .4s var(--ease);text-align:center;flex-direction:column;align-items:center;margin:0 auto;padding:84px 22px 24px;display:flex;width:min(88vw,360px)!important}.flood{clip-path:circle(0 at 50% 22%)}.product.is-open .flood{clip-path:circle(160% at 50% 22%)}.can{order:-1;width:auto;height:auto;margin-bottom:6px;position:relative;top:auto;left:auto;transform:scale(.94)rotate(0)!important}.product.is-open .can{transform:scale(1)rotate(4deg)!important}.can__wrap{position:static;transform:none}.can__img,.can__svg{max-width:none;height:208px}.panel{opacity:0;visibility:hidden;width:100%;max-height:0;transition:opacity .4s var(--ease), max-height .5s var(--ease), visibility 0s linear .5s;position:relative;top:auto;left:auto;overflow:hidden;transform:none}.product.is-open .panel{opacity:1;visibility:visible;max-height:640px;transition:opacity .5s var(--ease) 50ms, max-height .6s var(--ease), visibility 0s}.panel__name{margin-top:8px;font-size:50px}.panel__desc{margin-inline:auto}.facts{text-align:left;max-width:280px;margin-inline:auto}.flavors,.buy{justify-content:center}.buy{max-width:300px;margin-inline:auto}.hint{bottom:20px}}@media (prefers-reduced-motion:reduce){.product,.can,.panel,.panel>*,.product:before,.flood,.hint,.close,.ambient,.btn__pack,.btn__cart,.confirm,.truck{transition-duration:1ms!important;transition-delay:0s!important}.hint__pulse,.truck.is-rolling .wheel__spin,.cta.cart-bump .btn__cart{animation:none}}