/* Fluid contours are animated independently; the composition stays anchored. */
.shop-zone:before,.shop-zone:after,.socials:before{display:none!important}
.liquid-chocolate{position:absolute;pointer-events:none;overflow:visible;width:calc(100% + 38px);left:-19px;height:77px;top:-16px;z-index:3;isolation:isolate}
.socials>.liquid-chocolate{z-index:-1;top:-4px;height:80px;width:calc(100% + 30px);left:-15px;transform:scaleX(-1)}
.hero h1{text-shadow:none!important;letter-spacing:-.6px}.hero.compact-shop{padding-top:29px}
.shop-routes .service-bear .service-whatsapp{position:absolute;width:25px!important;height:25px!important;right:-6px;bottom:-2px;background:#fff;border-radius:50%;padding:3px;box-shadow:0 2px 3px #57342830;transform:none;object-fit:contain;filter:none}
.rules{margin-top:15px}.rules summary{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px!important;padding:8px 12px;min-height:46px;border:1px solid #ffffff70!important;border-radius:18px;background:#1474a329;list-style:none}.rules summary::-webkit-details-marker{display:none}.rules-gift{width:31px;height:31px;flex-shrink:0;transform:rotate(-7deg);transition:transform .3s}.rules summary:hover .rules-gift,.rules[open] .rules-gift{transform:rotate(7deg) scale(1.08)}.rules summary span{margin-inline-start:auto}.rules summary .rules-gift{margin-inline-end:auto}.rules[open] summary{background:#1474a355}.rules nav{padding-top:8px}
@media(min-width:751px){.liquid-chocolate{height:94px;top:-23px}.socials>.liquid-chocolate{height:95px}.hero.compact-shop{padding-top:31px}}
@media(max-width:350px){.liquid-chocolate{height:68px;width:calc(100% + 30px);left:-15px}.socials>.liquid-chocolate{height:72px}.hero.compact-shop{padding-top:25px}}
.high-contrast .liquid-chocolate{display:none}.high-contrast .rules summary{background:#fff;border-color:#111!important}
/* Translucent wrapper folds: broad flowing light instead of scattered candy marks. */
.living-bg i,.living-bg .color-orbit{display:none!important}
.living-bg{background:#00c1f5!important;overflow:hidden}
.living-bg:before,.living-bg:after{width:85%;height:85%;border-radius:43% 57% 65% 35%/48% 36% 64% 52%;mask-image:none;opacity:.65;background:linear-gradient(118deg,transparent 22%,#006fab12 36%,#ffffff59 39%,#c3faff0a 44%,transparent 49%,#00a3d421 66%,#fff5 68%,transparent 72%);box-shadow:inset 2px 1px 0 #ffffff2b,inset -3px -2px 0 #008bc11c;filter:none;transform-origin:center;animation:wrapper-light 17s ease-in-out infinite alternate;rotate:0}
.living-bg:before{left:-64%;top:-14%;transform:rotate(-20deg)}
.living-bg:after{right:-62%;top:35%;transform:rotate(22deg);animation-delay:-8s;animation-direction:alternate-reverse}
@keyframes wrapper-light{0%{translate:0 -2%;rotate:-9deg;scale:1 .97}50%{translate:2% 2%;rotate:0deg;scale:1.05 1.03}100%{translate:-1% 5%;rotate:11deg;scale:.98 1.08}}
.business-sticker:has(.sweet-catalog){height:49px!important;margin-block:0!important;overflow:visible!important;transform:none!important}.sweet-catalog{scale:.87}
@media(prefers-reduced-motion:reduce){.living-bg:before,.living-bg:after{animation:none!important}}
/* Keep the opening catalogue entirely inside its destination. */
.sweet-catalog{scale:.74}
@media(max-width:350px){.sweet-catalog{scale:.61}}
.liquid-chocolate{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
/* The shop wears chocolate on its corner; social chocolate meets the viewport cleanly. */
.liquid-chocolate{mask-image:none!important;-webkit-mask-image:none!important}
.shop-zone>.liquid-glaze{left:0;top:10px;width:100%;height:90px;overflow:visible;z-index:4}
.socials>.liquid-social{left:-18px;width:calc(100% + 36px);top:-4px;height:80px;transform:none;overflow:hidden;border-radius:0}
.chocolate-rain{position:fixed;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;overflow:hidden}
.hero.compact-shop{padding-top:22px}.socials .social{position:relative;isolation:isolate}.socials .icon-well{transition:transform .35s cubic-bezier(.2,.9,.3,1.4)}
.socials .social:hover .icon-well,.socials .social:focus-visible .icon-well{transform:translateY(-7px) rotate(-5deg)}
.social-ripple{position:absolute;top:32px;left:50%;width:42px;height:15px;border:2px solid #ffd88a;border-radius:50%;opacity:0;pointer-events:none;transform:translateX(-50%);z-index:-1}
.social-ripple:before,.social-ripple:after{content:'';position:absolute;width:5px;height:8px;border-radius:50%;background:#ffd88a;top:-9px;left:-3px;box-shadow:38px -3px 0 #ffb0d0}
.sweet-react .social-ripple{animation:cocoa-ripple .8s ease-out}.sweet-react .brand-icon{animation:cocoa-pop .7s cubic-bezier(.2,.8,.3,1.3)}
@keyframes cocoa-ripple{0%{opacity:.9;transform:translateX(-50%) scale(.4)}100%{opacity:0;transform:translateX(-50%) scale(1.5)}}
@keyframes cocoa-pop{0%,100%{translate:0 0;rotate:0deg}45%{translate:0 -10px;rotate:-8deg}70%{translate:0 -5px;rotate:3deg}}
.paused .social-ripple,.paused .brand-icon{animation:none!important}.high-contrast .chocolate-rain{display:none}
@media(min-width:751px){.shop-zone>.liquid-glaze{height:110px;top:10px}.socials>.liquid-social{height:95px}.hero.compact-shop{padding-top:25px}}
@media(max-width:350px){.shop-zone>.liquid-glaze{height:78px}.socials>.liquid-social{left:-13px;width:calc(100% + 26px);height:72px}}
@media(prefers-reduced-motion:reduce){.social-ripple,.sweet-react .brand-icon{animation:none!important}.socials .icon-well{transition:none}}
/* Larger route artwork and labels, including narrow mobile screens. */
.shop-routes .route{min-height:169px;padding:12px 4px 11px;gap:10px!important}
.shop-routes .route strong,.shop-routes .business small{font-size:18px!important;line-height:1.16;letter-spacing:-.55px}
.shop-routes .route small,.shop-routes .route-copy>span{font-size:14px!important}
.shop-routes .business small{font-size:18px!important}
.shop-routes .service-bear{width:77px;height:74px;margin-top:0}
.shop-routes .service-bear .service-whatsapp{width:32px!important;height:32px!important;right:-2px}
.shop-routes .wolt-wordmark{width:111px!important;height:60px!important;max-width:100%;margin-block:7px}
.shop-routes .business-sticker:has(.sweet-catalog){height:74px!important;width:100%!important;margin:0!important}
.sweet-catalog{scale:1.11}
@media(max-width:350px){.shop-routes .route{min-height:160px;padding-inline:3px}.shop-routes .route strong,.shop-routes .business small{font-size:17px!important}.shop-routes .route small,.shop-routes .route-copy>span{font-size:13px!important}.shop-routes .service-bear{width:76px;height:73px}.shop-routes .wolt-wordmark{width:95px!important;height:59px!important;max-width:none;transform:rotate(-4deg) scaleX(.94)}.sweet-catalog{scale:.915}}
.large-text .shop-routes .route{min-height:113px}.large-text .shop-routes .business-sticker:has(.sweet-catalog){width:110px!important}.large-text .shop-routes .route strong,.large-text .shop-routes .business small{font-size:23px!important}
@keyframes sweet-catalog-cover{0%,17%,83%,100%{transform:translateZ(3px) rotateY(0deg)}30%,70%{transform:translateZ(3px) rotateY(-105deg)}}
@keyframes sweet-catalog-page{0%,34%,79%,100%{transform:translateZ(1px) rotateY(0deg)}47%,60%{transform:translateZ(1px) rotateY(-100deg)}}
@keyframes sweet-catalog-settle{0%,17%,83%,100%{transform:translateX(0) rotate(-7deg) rotateY(-12deg)}30%,70%{transform:translateX(3px) rotate(-4deg) rotateY(-5deg)}}
/* Soft coloured refraction, sculptural folds and an off-centre glass contour. */
.pearl-fold{position:absolute;display:block;pointer-events:none;width:240px;height:380px;border-radius:59% 41% 38% 62%/42% 50% 50% 58%;opacity:.7;animation:pearl-drift 20s ease-in-out infinite alternate;box-shadow:inset 2px 0 1px #ffffff75,inset -8px -10px 24px #047dbb20;filter:none}
.pearl-pink{left:-186px;top:8%;rotate:-23deg;background:radial-gradient(ellipse at 70% 30%,#ffd7e6aa,transparent 42%),linear-gradient(130deg,#ff72ac75,transparent 48%,#fff5 52%,#7edaf755 59%,transparent 72%)}
.pearl-yellow{right:-190px;top:47%;rotate:30deg;background:radial-gradient(ellipse at 10% 40%,#ffe384a8,transparent 48%),linear-gradient(65deg,transparent 15%,#fff9b070 35%,#fff8 40%,#d39aff44 45%,transparent 68%);animation-delay:-11s}
.pearl-ring{position:absolute;width:260px;height:360px;border:1px solid #fff5;border-radius:50%;left:-218px;top:66%;rotate:35deg;box-shadow:inset 5px 0 10px #fff2,4px 0 10px #8c76eb22;animation:pearl-drift 25s ease-in-out infinite alternate-reverse}
@keyframes pearl-drift{0%{translate:0 -14px;scale:1;rotate:-5deg}100%{translate:8px 20px;scale:1.09;rotate:7deg}}
.paused .pearl-fold,.paused .pearl-ring,.page-hidden .pearl-fold,.page-hidden .pearl-ring{animation-play-state:paused!important}
@media(min-width:751px){.pearl-pink{left:-130px}.pearl-yellow{right:-130px}.pearl-ring{left:8%;opacity:.45}}
@media(prefers-reduced-motion:reduce){.pearl-fold,.pearl-ring{animation:none!important}}
.high-contrast .pearl-fold,.high-contrast .pearl-ring{display:none}
.sales-newsletter .newsletter{min-height:87px;padding:8px 10px;gap:8px}
.newsletter-art{position:relative;display:block!important;width:77px;min-width:77px;height:72px;flex:none}
.sales-newsletter .newsletter .newsletter-candy{position:absolute;right:0;top:0;width:60px;height:69px;rotate:-9deg;object-fit:contain}
.sales-newsletter .newsletter .newsletter-envelope{position:absolute;left:0;bottom:0;width:42px;height:34px;rotate:9deg;filter:drop-shadow(0 2px 1px #78283626)}
.newsletter:hover .newsletter-envelope{transform:translateY(-3px) rotate(-6deg);transition:transform .3s}
.sales-newsletter .newsletter>span:not(.newsletter-art){min-width:0;flex:1}
.sales-newsletter .newsletter>svg{flex-shrink:0;width:19px}
@media(max-width:350px){.sales-newsletter .newsletter{padding-inline:7px;gap:5px}.newsletter-art{width:65px;min-width:65px}.sales-newsletter .newsletter strong{font-size:19px}.sales-newsletter .newsletter .newsletter-envelope{width:37px}.sales-newsletter .newsletter span span{font-size:11px}}
.sales-newsletter .newsletter>.newsletter-art{flex:0 0 77px!important;width:77px;min-width:77px}
.hero.compact-shop>.liquid-glaze{position:absolute;left:0;top:0;width:100%;height:90px;z-index:4;pointer-events:none}
@media(min-width:751px){.hero.compact-shop>.liquid-glaze{height:110px}}
@media(max-width:350px){.sales-newsletter .newsletter>.newsletter-art{flex-basis:65px!important;width:65px;min-width:65px}.hero.compact-shop>.liquid-glaze{height:78px}}
.sales-newsletter .newsletter{min-height:74px;height:74px;padding-block:0;overflow:visible}
.sales-newsletter .newsletter>.newsletter-art{height:72px;top:-4px}
.large-text .sales-newsletter .newsletter{height:auto;min-height:85px;padding-block:6px}
.shop-routes .business-sticker .catalog-peeker{width:34px!important;height:43px!important;top:0!important;left:17px!important;mix-blend-mode:normal;object-fit:contain}
@keyframes catalog-peek{0%,13%,75%,100%{transform:translateY(6px) rotate(0)}22%,30%{transform:translateY(-22px) rotate(-12deg)}38%,45%{transform:translateY(-22px) rotate(10deg)}53%{transform:translateY(-28px) rotate(0)}65%{transform:translateY(6px) rotate(0)}}
.rules summary{position:relative;background:linear-gradient(115deg,#167ba84d,#eab7ff27 48%,#ffe08430);border:1px solid #fff9!important;box-shadow:inset 0 1px 0 #fff6,0 3px 8px #146a9820;font-size:15px!important;min-height:52px}
.rules-gift{width:36px;height:36px;filter:drop-shadow(0 2px 1px #21597735)}
.rules summary:hover{background:linear-gradient(115deg,#eab7ff40,#ffe08440);border-color:#fff!important}.rules[open] summary{box-shadow:inset 0 1px 0 #fff8,0 0 15px #ffe68a30}
.prize-party{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden}.prize-party>span{position:absolute;display:block;line-height:1;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 2px 2px #064b6d22)}
.paused .prize-party{display:none}.high-contrast .rules summary{background:white!important;color:#111!important}
@media(prefers-reduced-motion:reduce){.prize-party{display:none}}
.candy-balloon-flight{position:absolute;left:0;top:0;width:86px;height:126px;pointer-events:none;animation:candy-sky-route 38s linear infinite;animation-delay:2s;animation-fill-mode:both;opacity:1}
.candy-balloon{width:100%;height:100%;transform-origin:50% 20%;animation:balloon-basket-sway 4.7s ease-in-out infinite alternate;filter:drop-shadow(0 3px 2px #00628c20)}.candy-balloon svg{width:100%;height:100%;overflow:visible}
@keyframes candy-sky-route{0%{transform:translate(-120px,39vh)}10%{transform:translate(calc(15vw - 50px),25vh)}24%{transform:translate(calc(55vw - 45px),3vh)}36%{transform:translate(calc(100vw + 15px),16vh)}100%{transform:translate(calc(100vw + 130px),20vh)}}
@keyframes balloon-basket-sway{from{rotate:-6deg}to{rotate:6deg}}
.paused .candy-balloon-flight,.paused .candy-balloon,.page-hidden .candy-balloon-flight,.page-hidden .candy-balloon{animation-play-state:paused!important}
@media(min-width:751px){.candy-balloon-flight{width:115px;height:168px}}
@media(prefers-reduced-motion:reduce){.candy-balloon-flight{display:none}.candy-balloon{animation:none}}
.high-contrast .candy-balloon-flight{display:none}
/* Compact the upper journey by approximately ten percent, preserving type/art scale. */
.header{padding-top:8px;padding-bottom:12px}
.shop-zone{padding-top:9px}
.hero.compact-shop{padding-top:16px;padding-bottom:7px;row-gap:5px}
.hero.compact-shop .phone-art{height:133px!important;min-height:133px!important}
.hero.compact-shop .phone-device{height:133px}
.shop-routes{margin-top:13.5px;gap:8px}
.shop-routes .route{min-height:152px;padding-top:6px;padding-bottom:6px;gap:7px!important}
.sales-newsletter{margin-top:8px}
.sales-newsletter .newsletter{height:67px;min-height:67px;gap:7px}
.sales-newsletter .newsletter>.newsletter-art{top:-3px}
@media(min-width:751px){.header{padding-top:16px;padding-bottom:16px}.hero.compact-shop{min-height:202px;padding-top:21px;padding-bottom:12px}.hero.compact-shop .phone-art{height:166px!important;min-height:166px!important}.hero.compact-shop .phone-device{height:165px}.shop-routes .route{min-height:152px}}
@media(max-width:350px){.shop-routes{gap:5.4px}.shop-routes .route{min-height:144px;padding-top:4px;padding-bottom:4px;gap:6px!important}.hero.compact-shop{padding-top:15px;padding-bottom:7px}.hero.compact-shop .phone-art{height:124px!important;min-height:124px!important}.hero.compact-shop .phone-device{height:124px}}
.large-text .sales-newsletter .newsletter{height:auto;min-height:85px;padding-block:6px}.large-text .shop-routes .route{min-height:113px}
@media(min-width:351px){.shop-routes .route{padding-top:4.5px;padding-bottom:4.5px}}
/* A staggered 48-second story: balloon, bird rider, then a hatching baby bear. */
.candy-balloon-flight{animation-duration:48s}
.candy-bird-flight{position:absolute;top:0;left:0;width:128px;height:94px;pointer-events:none;animation:bird-journey 48s linear infinite both;animation-delay:18s}
.candy-bird-flight svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 2px 1px #116c9520)}
.candy-bird-wing{transform-box:fill-box;transform-origin:5% 95%;animation:bird-wingbeat .8s ease-in-out infinite alternate}
@keyframes bird-wingbeat{from{transform:rotate(-18deg) scaleY(.65)}to{transform:rotate(34deg) scaleY(1)}}
@keyframes bird-journey{0%{transform:translate(calc(100vw + 130px),24vh) rotate(-9deg)}8%{transform:translate(75vw,7vh) rotate(3deg)}17%{transform:translate(27vw,2vh) rotate(-4deg)}28%{transform:translate(-160px,28vh) rotate(8deg)}100%{transform:translate(-170px,30vh)}}
.baby-egg-visit{position:absolute;left:-5px;top:67%;width:63px;height:103px;pointer-events:none;animation:egg-arrival 48s ease-in-out infinite both;animation-delay:32s}
.baby-egg-scene{position:absolute;inset:0;overflow:hidden}.baby-egg-back,.baby-egg-front,.baby-egg-lid{position:absolute;width:63px;height:79px;bottom:0;left:0}.baby-egg-back{z-index:0}.baby-egg-front{z-index:2}.baby-egg-lid{z-index:3;transform-origin:10% 60%;animation:egg-open 48s ease-in-out infinite both;animation-delay:32s}
.egg-baby{position:absolute;width:49px;height:65px;object-fit:contain;bottom:3px;left:8px;z-index:1;animation:baby-hatch 48s cubic-bezier(.3,0,.25,1) infinite both;animation-delay:32s}
@keyframes egg-arrival{0%{transform:translateX(-95px) rotate(-25deg)}4%,22%{transform:translateX(0) rotate(0)}26%,100%{transform:translateX(-95px) rotate(-25deg)}}
@keyframes egg-open{0%,5%,22%,100%{transform:translateY(0) rotate(0)}6%{transform:rotate(-7deg)}7%{transform:rotate(7deg)}9%,18%{transform:translate(-13px,-29px) rotate(-43deg)}20%{transform:translateY(0) rotate(0)}}
@keyframes baby-hatch{0%,8%,21%,100%{transform:translateY(52px)}11%{transform:translateY(-30px) rotate(8deg)}13%{transform:translateY(-17px) rotate(-6deg)}15%{transform:translateY(-26px) rotate(5deg)}17%,18%{transform:translateY(-17px) rotate(0)}20%{transform:translateY(52px)}}
.paused .candy-bird-flight,.paused .candy-bird-wing,.paused .baby-egg-visit,.paused .baby-egg-lid,.paused .egg-baby,.page-hidden .candy-bird-flight,.page-hidden .candy-bird-wing,.page-hidden .baby-egg-visit,.page-hidden .baby-egg-lid,.page-hidden .egg-baby{animation-play-state:paused!important}
@media(min-width:751px){.candy-bird-flight{width:160px;height:118px}.baby-egg-visit{left:8%;top:65%;width:82px;height:135px}.baby-egg-scene{scale:1.2;transform-origin:left bottom}}
@media(prefers-reduced-motion:reduce){.candy-bird-flight,.baby-egg-visit{display:none}}
.high-contrast .candy-bird-flight,.high-contrast .baby-egg-visit{display:none}