.puddi-pdp{--speed: 25;--drift: 30;--tilt: 20;--float-dur: calc((10 - 8 * var(--speed) / 100) * 1s);--float-x: calc(var(--drift) * .2%);--float-y: calc(var(--drift) * .14%);--float-rot: calc(var(--tilt) * .06deg);background:var(--surface);line-height:1.55}.pdp-hero{padding:36px 44px 52px;display:grid;grid-template-columns:1fr 1fr;gap:52px;position:relative;background:var(--surface)}.pdp-hero .gallery-main{position:relative;aspect-ratio:1/1;border-radius:16px;background:var(--flavor-chocolate);overflow:hidden;transition:background .4s ease}.puddi-pdp.van .pdp-hero .gallery-main{background:var(--flavor-vanilla)}.pdp-hero .gallery-main .pedestal{position:absolute;left:50%;bottom:5%;transform:translate(-50%);width:86%;height:80%;background:#fff;border-radius:53% 47% 50% 50%/48% 55% 45% 52%;box-shadow:0 18px 44px #391b1221;animation:pdp-wander calc(var(--float-dur) * 1.6) ease-in-out infinite;--wx: calc(var(--float-x) * .35);--wy: calc(var(--float-y) * .35);--wr: calc(var(--float-rot) * .3)}.pdp-hero .gallery-main .cupimg{position:absolute;left:50%;bottom:11%;transform:translate(-50%);width:74%;aspect-ratio:484/520;background-position:center bottom;background-size:contain;background-repeat:no-repeat;animation:pdp-wander var(--float-dur) ease-in-out infinite;--wx: var(--float-x);--wy: var(--float-y);--wr: var(--float-rot);filter:drop-shadow(0 14px 22px rgba(57,27,18,.18))}@keyframes pdp-wander{0%,to{transform:translate(-50%) rotate(0)}18%{transform:translate(calc(-50% + var(--wx)),calc(-1 * var(--wy))) rotate(calc(-1 * var(--wr)))}42%{transform:translate(calc(-50% - var(--wx) * .75),calc(var(--wy) * .45)) rotate(var(--wr))}64%{transform:translate(calc(-50% + var(--wx) * .5),calc(-.65 * var(--wy))) rotate(calc(var(--wr) * .6))}84%{transform:translate(calc(-50% - var(--wx) * .4),calc(var(--wy) * .25)) rotate(calc(-.4 * var(--wr)))}}.pdp-hero .swoosh-title{display:inline-block;position:relative;margin:0 0 14px;font-size:inherit;font-weight:inherit;line-height:inherit}.pdp-hero .swoosh-title .stroke{display:inline-block;background:var(--puddi-brown);color:var(--puddi-cream);font-size:40px;font-weight:900;letter-spacing:-.01em;line-height:1.05;padding:10px 28px 13px;border-radius:14px 50px 18px 44px/30px 16px 42px 18px;transform:rotate(-1.2deg);transition:background .35s ease;animation:pdp-swooshin .5s cubic-bezier(.2,1.4,.4,1) both}.puddi-pdp.van .pdp-hero .swoosh-title .stroke{background:var(--sweetener-nsa)}@keyframes pdp-swooshin{0%{opacity:0;transform:rotate(-1.2deg) scale(.9)}to{opacity:1;transform:rotate(-1.2deg) scale(1)}}.pdp-hero .flavor-line{font-size:18px;font-weight:600;margin:0 0 24px;line-height:1.55;color:var(--text-muted)}.pdp-hero .flavor-line b{color:var(--text-primary)}.pdp-hero .nsa-pill{display:block;width:fit-content;background:var(--sweetener-nsa);color:#fff;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin:0 0 12px}.pdp-hero .picker-label{font-size:13px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.pdp-hero .flavors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.pdp-hero .flav{border:2px solid var(--border);border-radius:12px;padding:9px 7px 10px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;flex-direction:column;text-decoration:none;color:inherit}.pdp-hero .flav:hover{transform:translateY(-2px)}.pdp-hero .flav.on{border-color:var(--puddi-brown);box-shadow:0 3px 0 var(--puddi-brown);cursor:default}.pdp-hero .flav.on:hover{transform:none}.pdp-hero .flav .mini{aspect-ratio:484/520;border-radius:8px;margin-bottom:8px;background-color:#fff;background-position:center;background-size:96%;background-repeat:no-repeat}.pdp-hero .flav b{display:block;font-size:12.5px;font-weight:900;line-height:1.25}.pdp-hero .flav small{display:block;margin-top:4px;min-height:16px}.pdp-hero .flav small i{display:inline-block;font-style:normal;background:var(--sweetener-nsa);color:#fff;font-size:9.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px}.pdp-hero .sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.pdp-hero .sz{position:relative;border:2px solid var(--border);border-radius:12px;padding:13px 10px 12px;background:#fff;cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s;font-family:inherit;color:inherit}.pdp-hero .sz:hover{transform:translateY(-2px)}.pdp-hero .sz.on{border-color:var(--puddi-brown);box-shadow:0 3px 0 var(--puddi-brown)}.pdp-hero .sz .sz-count{font-size:26px;font-weight:900;line-height:1}.pdp-hero .sz .sz-name{display:block;font-size:12px;font-weight:800;margin-top:4px;letter-spacing:.02em}.pdp-hero .sz .sz-per{display:block;font-size:11.5px;font-weight:700;color:var(--text-muted);margin-top:3px}.pdp-hero .sz .sz-tag{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--wheel-spoon);color:var(--puddi-brown);font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:2.5px 9px;border-radius:20px;white-space:nowrap}.pdp-hero .sz .sz-tag.best{background:var(--badge-fiber);color:#fff}.pdp-hero .sz .sz-free{display:block;font-family:var(--serif);font-style:italic;color:var(--badge-fiber);font-size:13.5px;font-weight:500;margin-top:3px;letter-spacing:-.01em}.pdp-hero .pdp-price{font-size:28px;font-weight:900;letter-spacing:-.01em;color:var(--text-primary);margin:4px 0 18px}.pdp-hero .qty-row{display:flex;gap:12px;margin-bottom:18px}.pdp-hero .qty{border:1.5px solid var(--border);border-radius:10px;display:flex;align-items:center;overflow:hidden;background:#fff}.pdp-hero .qty button{background:none;border:0;padding:12px 15px;font-size:17px;font-weight:900;cursor:pointer;color:var(--puddi-brown);font-family:inherit}.pdp-hero .qty span{padding:0 4px;font-weight:800;font-size:13px;white-space:nowrap;min-width:64px;text-align:center}.pdp-hero .atc{flex:1;background:var(--puddi-brown);color:var(--puddi-cream);border:0;border-radius:10px;padding:17px 20px;font-family:inherit;font-size:16px;font-weight:900;letter-spacing:.05em;cursor:pointer;text-transform:uppercase;transition:transform .15s,box-shadow .15s}.pdp-hero .atc:hover{transform:translateY(-1px);box-shadow:0 6px 16px #391b1238}.puddi-pdp .sticky-atc{display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--border);padding:12px 16px;gap:12px;align-items:center;box-shadow:0 -6px 16px #391b121a;z-index:20}.puddi-pdp .sticky-thumb{width:48px;height:48px;border-radius:10px;flex:none;background-color:var(--flavor-chocolate);background-position:center;background-size:78%;background-repeat:no-repeat;transition:background-color .3s}.puddi-pdp.van .sticky-thumb{background-color:var(--flavor-vanilla)}.puddi-pdp .sticky-info{flex:1;min-width:0}.puddi-pdp .sticky-info b{display:block;font-size:13.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.puddi-pdp .sticky-atc button{background:var(--puddi-brown);color:var(--puddi-cream);border:0;border-radius:9px;padding:13px 20px;font:inherit;font-weight:900;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}@media(max-width:749px){.pdp-hero{grid-template-columns:1fr;padding:22px 18px 40px;gap:24px}.pdp-hero .swoosh-title .stroke{font-size:28px;padding:8px 20px 10px}.pdp-hero .flavors{gap:7px}.pdp-hero .sizes{gap:6px}.pdp-hero .sz .sz-count{font-size:21px}.pdp-hero .sz .sz-free{font-size:11px}.pdp-hero .pdp-price{font-size:24px}.puddi-pdp .sticky-atc{display:flex}body.template-product{padding-bottom:76px}}@media(prefers-reduced-motion:reduce){.pdp-hero .gallery-main .pedestal,.pdp-hero .gallery-main .cupimg,.pdp-hero .swoosh-title .stroke{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-puddi-pdp-hero.css.map */