.side-cookie{--side-image:url('/assets/side-milk.png');--side-position:0%;--side-columns:400%;}
.side-cookie[data-dough="double"]{--side-image:url('/assets/side-double.png')}
.side-cookie[data-dough="mixed"]{--side-image:url('/assets/side-mixed.png')}
.side-photo{position:absolute;inset:0;background-image:var(--side-image);background-size:var(--side-columns) 100%;background-position:var(--side-position) center;background-repeat:no-repeat}
.side-piece{position:absolute;inset:0}
.side-left{clip-path:inset(0 50% 0 0);animation:side-pull-left 1.2s cubic-bezier(.2,.65,.3,1) both}
.side-right{clip-path:inset(0 0 0 50%);animation:side-pull-right 1.2s cubic-bezier(.2,.65,.3,1) both}
.side-centre{clip-path:inset(0 43% 0 43%);animation:centre-stretch 1.2s ease both;transform-origin:center}
.side-drip{clip-path:inset(60% 44% 0 44%);transform-origin:50% 60%;animation:side-ooze 3.5s ease-in-out 1.2s infinite}
.side-cookie .side-sauce{position:absolute;left:8%;right:8%;top:28%;bottom:38%;transform:scaleY(.45);transform-origin:center;opacity:.9}
.side-cookie .side-sauce .topping-layer{inset:0}
@keyframes side-pull-left{from{transform:translateX(4%)}to{transform:translateX(-2%)}}
@keyframes side-pull-right{from{transform:translateX(-4%)}to{transform:translateX(2%)}}
@keyframes centre-stretch{from{transform:scaleX(.5);opacity:.2}to{transform:scaleX(1.2);opacity:1}}
@keyframes side-ooze{0%,100%{transform:scaleY(1)}55%{transform:scaleY(1.12)}}
@media(prefers-reduced-motion:reduce){.side-piece,.side-centre,.side-drip{animation:none!important}}
.side-cookie{--side-columns:500%}
.side-photo{background-size:var(--side-columns) auto}
.side-cookie{--side-image:url("/assets/side-milk.png");isolation:isolate;filter:none!important;overflow:hidden;border-radius:12px;background:#fff3e6}.side-cookie[data-dough="white"]{--side-image:url("/assets/side-white.png")}.side-photo{background-size:300% 200%;background-position:var(--side-x) var(--side-y)}.hedgehog-overlay{background-position:100% 100%;clip-path:polygon(0 20%,100% 20%,100% 42%,64% 42%,58% 28%,42% 28%,36% 42%,0 42%)}.sauce-pistachio{filter:brightness(1.4) saturate(.55)}.immersive-builder,.flavour-art,.product-visual,.cart-cookie{background:#fff3e6}.cookie-stage .side-cookie{height:115%;max-width:70%;width:auto;aspect-ratio:1}.side-cookie .side-sauce{top:30%;bottom:25%;transform:scaleY(.3)}.stage-caption,.visual-note{z-index:5}@media(max-width:580px){.cookie-stage .side-cookie{height:105%;max-width:78%}}
.hedgehog-overlay{clip-path:polygon(0 38%,100% 38%,100% 54%,64% 54%,58% 42%,42% 42%,36% 54%,0 54%)}