@font-face{font-family:Heebo;src:url('assets/Heebo.ttf') format('truetype');font-display:swap}
:root{--blue:#00c1f5;--ink:#611e28;--chocolate:#642527;--pink:#ed377a;--cream:#fffaf0;--yellow:#ffdf69;--line:#641e2926;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--blue);font:16px/1.45 Heebo,Arial,sans-serif}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #752069;outline-offset:4px}svg{width:24px;height:24px;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{ -webkit-tap-highlight-color:transparent}.skip{position:fixed;top:-100px;right:16px;background:white;padding:10px;z-index:99}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.living-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 12%,#bcefff80,transparent 55%),var(--blue)}.color-orbit{position:absolute;border:1px solid #fff5;border-radius:50%;width:45vw;height:45vw;min-width:300px;min-height:300px;animation:orbit-drift 18s ease-in-out infinite alternate}.orbit-one{background:#ffffff10;left:-25%;top:10%}.orbit-two{background:#91e4eb55;right:-25%;top:35%;animation-delay:-9s}.orbit-three{background:#dceeb044;left:25%;bottom:-35%;animation-delay:-5s}.living-bg i{position:absolute;width:6px;height:15px;left:9%;top:23%;background:#fff7;border-radius:5px;rotate:25deg;animation:sugar-drift 12s ease-in-out infinite alternate}.living-bg i:nth-of-type(2){left:89%;top:9%;background:#ffdf6999;animation-delay:-6s}.living-bg i:nth-of-type(3){left:2%;top:75%;animation-delay:-3s}.living-bg i:nth-of-type(4){left:92%;top:65%;background:#f797c2aa;animation-delay:-8s}.living-bg i:nth-of-type(5){left:35%;top:92%;animation-delay:-5s}.living-bg i:nth-of-type(6){left:82%;top:89%;background:#ffdf6999;animation-delay:-4s}.living-bg i:nth-of-type(7){left:3%;top:46%;background:#f797c2aa;animation-delay:-2s}.living-bg i:nth-of-type(8){left:96%;top:39%;animation-delay:-7s}
.header{position:relative;text-align:center;max-width:960px;margin:auto;padding:22px 55px 16px;z-index:3}.logo-link{display:inline-block;vertical-align:top}.logo{width:252px;height:auto;filter:drop-shadow(0 3px 0 #fff9)}.tagline{font-size:12px;letter-spacing:1px;font-weight:700;margin-top:2px}.motion{position:absolute;left:12px;top:25px;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;background:#ffffff85;display:grid;place-items:center}.motion svg{width:18px;height:18px}.motion:hover{background:var(--yellow)}main{position:relative;max-width:960px;margin:auto;padding:0 24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:24px 34px;isolation:isolate}.shop-zone,.network-zone,footer{position:relative;z-index:2;min-width:0}.hero{display:grid;grid-template-columns:1fr;position:relative;overflow:hidden;isolation:isolate;border:2px solid var(--chocolate);border-radius:28px;background:var(--cream);box-shadow:0 6px 0 var(--chocolate),0 16px 35px #16557020;padding:25px 20px 15px;transition:transform .25s var(--ease),box-shadow .25s}.hero:before{content:'';position:absolute;z-index:-1;left:0;right:0;top:0;height:20px;background:radial-gradient(ellipse 17px 17px at 13% 0,var(--chocolate) 97%,transparent),radial-gradient(ellipse 11px 11px at 36% 0,var(--chocolate) 97%,transparent),radial-gradient(ellipse 19px 20px at 70% 0,var(--chocolate) 97%,transparent),linear-gradient(var(--chocolate),var(--chocolate)) top/100% 5px no-repeat}.hero:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--chocolate),0 20px 38px #16557020}.hero:active{transform:translateY(3px);box-shadow:0 3px 0 var(--chocolate)}.hero-copy{text-align:center;position:relative;z-index:2}.section-kicker{font-size:12px;font-weight:750;letter-spacing:1.3px;display:block}.hero h1{font-size:36px;line-height:1.1;font-weight:900;letter-spacing:-1.3px;margin:5px 0 6px;text-shadow:1px 2px 0 #f6abc730}.hero-copy>p{font-size:14px;line-height:1.4}.hero-art{position:relative;height:190px;min-height:190px;margin:1px 0;isolation:isolate;perspective:900px}.hero-art:before{content:'';position:absolute;inset:17% 15% 6%;border-radius:50%;background:#ffdbea;z-index:-1;transform:rotate(-9deg);animation:pedestal 9s ease-in-out infinite alternate}.hero-product,.product-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 6px #641e2915);opacity:0;transform:translateY(14px) scale(.92) rotate(-3deg);transition:opacity .75s ease,transform 1.1s var(--ease);pointer-events:none}.hero-product{opacity:1;transform:none}.product-slide.is-active{opacity:1;transform:translateY(0) scale(1) rotate(0)}.shop-area{position:relative;z-index:2}.shop{display:flex;position:relative;align-items:center;justify-content:center;gap:10px;border:1.5px solid var(--chocolate);border-radius:17px;background:var(--yellow);box-shadow:0 3px 0 var(--chocolate);padding:11px 12px;font-size:20px;font-weight:900;line-height:1.25;overflow:hidden}.shop:after{content:'';position:absolute;width:35%;inset-block:0;left:-50%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#fff7,transparent);animation:sheen 8s ease-in-out infinite;pointer-events:none}.shop-label{display:block;flex:1;text-align:center}.shop-label b{white-space:nowrap;font-weight:900}.delivery,.delivery strong{display:block;font-size:14px;font-weight:650;line-height:1.5;margin-top:3px;letter-spacing:0}.shop-arrow{width:27px;height:27px;border-radius:50%;border:1px solid #64252755;display:grid;place-items:center;flex-shrink:0}.shop-arrow svg{width:19px;height:19px}.bag{display:grid;place-items:center}.bag svg{width:24px;height:24px}.shop-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}.route{min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;text-align:center;padding:10px 5px;border-radius:15px;min-height:72px;background:#ffffffc9;border:1px solid #fff;transition:background .2s,transform .2s}.route:hover{background:white;transform:translateY(-2px)}.shop-routes .route{flex-direction:column}.route>svg{display:none}.route-mark{display:grid;place-items:center;font-size:22px;font-weight:900;font-style:italic;height:24px;letter-spacing:-1px}.route-copy strong,.business strong{display:block;font-size:14px;font-weight:850;line-height:1.2}.route-copy>span,.business small{display:block;font-size:12px;line-height:1.35;margin-top:2px}.business-sticker{display:grid;place-items:center;height:24px}.business-sticker svg{width:23px;height:23px}.service-bear{height:29px;width:36px;position:relative;display:block}.service-bear img{width:100%;height:100%;object-fit:contain}.service-bear svg{position:absolute;right:-5px;bottom:-2px;width:15px;height:15px;background:white;border-radius:50%}.service strong{font-size:14px}.service small{font-size:12px;display:block}.network-zone{padding-top:22px;align-self:center}.network-heading{text-align:center;margin-bottom:20px}.network-heading h2{font-size:32px;line-height:1.1;font-weight:900;letter-spacing:-1px;margin-top:6px;transform:rotate(-2deg);text-shadow:2px 2px 0 #ffffffa6}.socials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.social{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:9px;padding:5px 0;min-height:80px;text-align:center}.social>span:not(.icon-well){display:none}.icon-well{display:grid;place-items:center;width:52px;height:52px;border:1.5px solid var(--chocolate);border-radius:17px;box-shadow:0 3px 0 var(--chocolate);transition:transform .3s var(--ease);rotate:-5deg}.social:nth-child(even) .icon-well{rotate:5deg}.social:hover .icon-well{transform:translateY(-5px) rotate(-5deg)}.brand-icon{object-fit:contain;width:27px;height:27px}.instagram{background:#ffb6d1}.tiktok{background:#252126;box-shadow:inset 2px 0 #5ae9dc,inset -2px 0 #ed5685,0 3px 0 var(--chocolate)}.tiktok .brand-icon{filter:brightness(0) invert(1)}.youtube{background:#ffdf69}.facebook{background:#c1d6ff}.whatsapp{background:#b4e7be}.social strong{font-size:12px;font-weight:750;white-space:nowrap}.community{margin-top:20px}.mail{display:flex;align-items:center;gap:13px;background:#fffaf0;min-height:79px;padding:13px 15px;border-radius:19px;border:1.5px solid var(--chocolate);box-shadow:0 3px 0 var(--chocolate);transition:transform .25s}.mail:hover{transform:rotate(-1deg)}.mail>span{flex:1}.mail strong{display:block;font-size:23px;font-weight:900;letter-spacing:-.6px;line-height:1.2}.mail span span{display:block;font-size:12px;margin-top:4px}.mail>svg:first-child{width:32px;height:32px;color:#c91d5b}.mail>svg:last-child{width:19px;height:19px}
footer{grid-column:1/-1;margin-top:0}.rules summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:40px;font-size:12px;border-bottom:1px solid #64252730;cursor:pointer}.rules summary::-webkit-details-marker{display:none}.rules summary span{font-size:23px}.rules[open] summary span{rotate:45deg}.rules nav a{display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:44px;border-bottom:1px solid #64252720;padding:8px 0}.rules nav svg{width:17px;height:17px}.group-signature{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 0 10px}.group-logo{width:184px;height:auto;mix-blend-mode:multiply}.group-brands{display:flex;align-items:center;justify-content:center;gap:22px;direction:ltr}.group-brands>img{width:90px;height:34px;object-fit:contain;mix-blend-mode:multiply}.group-brands .fizzy-logo-svg{display:block;width:84px;height:34px;overflow:visible}.group-brands>img:last-child{width:101px}.legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 15px;font-size:12px}.legal a{display:flex;align-items:center;min-height:34px;text-underline-offset:3px}.legal a:hover{text-decoration:underline}.copyright{text-align:center;font-size:12px;padding-top:3px}.accessibility-trigger{position:fixed;left:8px;bottom:8px;z-index:10;display:grid;place-items:center;width:44px;height:44px;background:var(--cream);border:1.5px solid var(--chocolate);border-radius:50%;box-shadow:0 3px 8px #64182225}.accessibility-trigger svg{width:23px;height:23px}.accessibility-panel{width:min(360px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--chocolate);border-radius:22px;background:white;color:var(--ink);padding:38px 22px 22px;box-shadow:0 15px 80px #4118264d}.accessibility-panel::backdrop{background:#38112270;backdrop-filter:blur(4px)}.accessibility-close{position:absolute;top:5px;left:7px;width:44px;height:44px;background:none;border:0;font-size:28px}.accessibility-panel h2{font-size:24px}.accessibility-panel p{margin:6px 0 16px}.accessibility-options{display:grid;gap:8px}.accessibility-options button{min-height:48px;text-align:right;border:1px solid #8a6067;border-radius:12px;background:var(--cream);padding:10px 13px}.accessibility-options button[aria-pressed=true]{background:var(--ink);color:white}.reset-accessibility{display:block;min-height:44px;margin-top:10px;border:0;background:none;text-decoration:underline;font-size:14px}.accessibility-panel>a{display:block;font-size:14px;text-decoration:underline;padding-block:8px}
.mischief{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}.visitor{position:absolute;width:88px;height:118px;object-fit:contain;opacity:0;pointer-events:none;transform-origin:center bottom;animation:peek 66.5s linear infinite;animation-delay:var(--delay,0s)}.visitor.zone-0{right:-65px;top:16px;--x:55px;--y:10px;--r:-9deg}.visitor.zone-1{left:-67px;top:120px;--x:-55px;--y:15px;--r:9deg}.visitor.zone-2{right:-68px;top:270px;--x:55px;--y:15px;--r:-12deg}.visitor.zone-3{left:-64px;top:20px;--x:-55px;--y:15px;--r:12deg}.visitor.zone-4{right:-65px;top:140px;--x:55px;--y:5px;--r:-9deg}.visitor.zone-5{left:-67px;top:295px;--x:-55px;--y:15px;--r:9deg}.visitor.glide{animation-name:glide}.visitor.pop{animation-name:pop}.visitor.wobble{animation-name:wobble}.visitor.peek{animation-name:peek}
@keyframes orbit-drift{to{transform:translate(30px,35px) scale(1.12)}}@keyframes sugar-drift{to{transform:translate(9px,-40px) rotate(70deg)}}@keyframes pedestal{to{transform:rotate(7deg) scale(1.05,.95)}}@keyframes sheen{0%,65%,100%{left:-50%}85%{left:135%}}@keyframes peek{0%,7%,100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}1.3%,5.3%{opacity:1;transform:translate(0,0) rotate(var(--r))}}@keyframes glide{0%,7%,100%{opacity:0;transform:translate(var(--x),8px)}1%{opacity:1;transform:translate(5px,0)}5.5%{opacity:1;transform:translate(-9px,0)}}@keyframes pop{0%,7%,100%{opacity:0;transform:translateY(25px) scale(.8)}1.5%,3.7%{opacity:1;transform:translateY(-9px) scale(1)}2.5%,5.1%{opacity:1;transform:translateY(0) scale(1.02,.97)}}@keyframes wobble{0%,7%,100%{opacity:0;transform:translate(var(--x),8px) rotate(-6deg)}1.5%,4.7%{opacity:1;transform:rotate(-5deg)}3.2%,5.5%{opacity:1;transform:rotate(5deg)}}
.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.paused .product-slide{transition:none}.paused .visitor{opacity:0!important}.large-text .hero h1{font-size:42px}.large-text .hero-copy>p{font-size:19px}.large-text .shop{font-size:24px}.large-text .delivery,.large-text .delivery strong{font-size:18px}.large-text .route-copy strong,.large-text .business strong,.large-text .service strong{font-size:18px}.large-text .route-copy>span,.large-text .business small,.large-text .service small{font-size:15px}.large-text .social strong,.large-text .legal,.large-text .copyright,.large-text .rules summary{font-size:16px}.large-text .mail span span{font-size:16px}.large-text .hero-art{height:170px;min-height:170px}.highlight-links a{text-decoration:underline!important;text-underline-offset:4px;outline:2px solid #163f7a;outline-offset:1px}.high-contrast{--ink:#111;--cream:#fff;color:#111;background:white}.high-contrast .living-bg,.high-contrast .visitor{display:none}.high-contrast .route,.high-contrast .mail,.high-contrast .hero{background:white;color:#111;border-color:#111}.high-contrast .shop{background:#ffe16c;color:#111}.high-contrast .network-heading h2{text-shadow:none}
@media(max-width:750px){.header{max-width:460px;padding:16px 47px 13px}.logo{width:234px}.tagline{font-size:12px;letter-spacing:.7px}.motion{left:7px;top:19px}main{max-width:460px;display:block;padding:0 18px 18px;overflow:clip}.hero{padding:20px 13px 13px;border-radius:24px;box-shadow:0 5px 0 var(--chocolate)}.hero h1{font-size:31px;margin:4px 0}.hero-copy>p{font-size:14px}.hero-art{height:143px;min-height:143px;margin:0}.hero-art:before{inset:12% 16% 3%}.shop{font-size:18px;gap:7px;padding:10px 8px;min-height:67px;border-radius:15px}.shop .bag{display:none}.delivery,.delivery strong{font-size:14px;margin-top:3px}.shop-arrow{width:25px;height:25px}.shop-routes{margin-top:13px;gap:6px}.route{min-height:72px;padding:7px 3px;border-radius:13px}.route-copy strong,.business strong,.service strong{font-size:13px}.route-copy>span,.business small,.service small{font-size:12px}.route-mark{font-size:21px}.network-zone{padding-top:24px}.network-heading{margin-bottom:13px}.network-heading h2{font-size:28px}.network-heading .section-kicker{font-size:12px}.socials{gap:4px}.icon-well{width:48px;height:48px;border-radius:16px}.brand-icon{width:25px;height:25px}.social{min-height:76px;gap:8px}.social strong{font-size:12px}.community{margin-top:9px}.mail{min-height:70px;padding:11px 12px;gap:10px;border-radius:17px}.mail strong{font-size:21px}.mail span span{font-size:12px}.mail>svg:first-child{width:29px;height:29px}footer{margin-top:16px}.group-signature{padding:11px 0 5px}.group-logo{width:164px}.group-brands{gap:18px}.group-brands .fizzy-logo-svg{width:76px;height:30px}.group-brands>img,.group-brands>img:last-child{width:90px;height:30px}.legal{gap:0 12px}.legal a{min-height:30px}.copyright{font-size:12px}.visitor{width:48px;height:69px}.visitor.zone-0{right:-19px;top:38px}.visitor.zone-1{left:-20px;top:104px}.visitor.zone-2{right:-21px;top:220px}.visitor.zone-3{left:-20px;top:40px}.visitor.zone-4{right:-20px;top:105px}.visitor.zone-5{left:-21px;top:220px}.large-text .shop-routes{grid-template-columns:1fr}.large-text .route{flex-direction:row;min-height:65px;gap:12px}.large-text .socials{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.large-text .hero h1{font-size:37px}.large-text .shop{font-size:21px}.large-text .shop-arrow{display:none}.large-text .social strong{font-size:16px}.large-text .mail strong{font-size:24px}.large-text .mail span span{font-size:16px}}
@media(max-width:350px){main{padding-inline:13px}.header{padding-inline:46px}.logo{width:210px}.tagline{font-size:12px;letter-spacing:.2px}.hero h1{font-size:28px}.hero-copy>p{font-size:13px}.hero-art{height:133px;min-height:133px}.shop{font-size:16px}.delivery,.delivery strong{font-size:14px}.icon-well{width:44px;height:44px;border-radius:14px}.social strong{font-size:12px}.socials{gap:3px}.mail strong{font-size:20px}.route-copy strong,.business strong,.service strong{font-size:12px}.route-copy>span,.business small,.service small{font-size:12px}.section-kicker{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.visitor{display:none}.hero:hover,.mail:hover,.route:hover,.social:hover .icon-well{transform:none}}

/* Keep every original product poster intact while the assortment changes. */
.product-slide{inset:0 auto auto 50%;width:auto;max-width:100%;height:100%;max-height:170px;aspect-ratio:1;object-fit:contain;border-radius:14px;transform:translate(-50%,14px) scale(.94)}.product-slide.is-active{transform:translate(-50%,0) scale(1)}.group-brands .fizzy-logo-svg{width:90px;height:36px}.social strong{letter-spacing:-.35px}.hero-art:has(.product-slide):before{display:none}

.product-spark{position:absolute;color:#c84970;pointer-events:none;font-size:24px;animation:spark-twinkle 4.2s ease-in-out infinite}.spark-one{right:8%;top:18%}.spark-two{left:9%;top:60%;font-size:18px;animation-delay:1s}.spark-three{left:16%;top:9%;font-size:30px;animation-delay:2s}@keyframes spark-twinkle{0%,100%{opacity:.15;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}
