.pp-pdp__hero{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,76px);align-items:center;padding:clamp(28px,4vw,56px) var(--pp-gutter) clamp(84px,9vw,120px);color:#fff;background:var(--pp-blue)}
.pp-pdp__hero::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 3deg at 27% 46%,var(--pp-blue-2) 0 8deg,transparent 0 16deg)}
.pp-pdp__media{position:relative;width:min(100%,560px);justify-self:end;touch-action:pan-y}
.pp-wrap{--mx:.5;--my:.35;--rx:0deg;--ry:0deg;position:relative;container-type:inline-size;aspect-ratio:5/6;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;animation:pp-land .7s cubic-bezier(.2,1.25,.3,1) both}
@keyframes pp-land{from{translate:0 44px;rotate:-5deg;opacity:0}}
.pp-wrap__shade,.pp-wrap__body,.pp-wrap__strip{position:absolute;inset:0}
.pp-wrap__shade{clip-path:var(--pp-clip-body);background:var(--pp-ink);opacity:.5;translate:0 3%}
.pp-wrap__body{clip-path:var(--pp-clip-body)}
.pp-wrap__strip{clip-path:var(--pp-clip-strip);transform-origin:100% 16%;transition:opacity .3s ease .1s}
.pp-wrap.is-ripped .pp-wrap__strip{translate:38% -92%;rotate:28deg;opacity:0;transition:translate .5s cubic-bezier(.3,.7,.3,1),rotate .5s cubic-bezier(.3,.7,.3,1),opacity .35s .15s}
.pp-wrap__brand{position:absolute;left:0;right:0;top:6.2%;text-align:center;font:400 7.4cqw/1 var(--pp-display);color:var(--pp-ink);-webkit-text-stroke:1.4cqw #fff;paint-order:stroke fill}
.pp-wrap__window{position:absolute;left:7%;right:7%;top:19.5%;aspect-ratio:1;overflow:hidden;border-radius:3.4cqw;background:#fff;box-shadow:0 0 0 .8cqw var(--pp-ink)}
.pp-wrap__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.pp-wrap__track::-webkit-scrollbar{display:none}
.pp-wrap__slide{flex:0 0 100%;display:block;min-width:0;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none;scroll-snap-align:center;cursor:zoom-in}
.pp-wrap__slide img{display:block;width:100%;height:100%;object-fit:contain}
.pp-wrap__glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent calc(var(--mx)*120% - 34%),rgba(255,255,255,.5) calc(var(--mx)*120% - 12%),transparent calc(var(--mx)*120% + 10%));mix-blend-mode:soft-light}
.pp-burst{position:absolute;right:-1%;top:7%;z-index:2;display:grid;place-items:center;width:27cqw;aspect-ratio:1;rotate:10deg}
.pp-burst svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--pp-pink);stroke:var(--pp-ink);stroke-width:2.4;stroke-linejoin:round}
.pp-burst span{position:relative;font:400 5cqw/1 var(--pp-display);color:var(--pp-ink);text-align:center}
.pp-thumbs{display:flex;justify-content:center;gap:12px;margin-top:18px}
.pp-thumb{width:66px;height:66px;margin:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 3px var(--pp-ink);rotate:-2deg;cursor:pointer}
.pp-thumb:nth-child(even){rotate:2deg}
.pp-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.pp-thumb[aria-current='true']{box-shadow:0 0 0 3px var(--pp-ink),0 0 0 7px var(--pp-yolk)}
.pp-thumb:focus-visible{outline:3px solid #fff;outline-offset:6px}
.pp-pdp__info{min-width:0;max-width:540px}
.pp-setno{display:inline-block;padding:4px 13px;border-radius:99px;background:var(--pp-ink);color:#fff;font-size:15px;font-weight:800;text-decoration:none;font-variant-numeric:tabular-nums}
.pp-setno:hover{background:var(--pp-yolk);color:var(--pp-ink)}
.pp-pdp__title{margin:14px 0 0;font:400 clamp(52px,7.2vw,108px)/.94 var(--pp-display);letter-spacing:0;color:var(--pp-yolk);text-shadow:0 .055em 0 var(--pp-ink);rotate:-2deg;transform-origin:0 50%;text-wrap:balance}
.pp-pdp__kind{margin:12px 0 0;font:400 clamp(20px,2vw,26px)/1.1 var(--pp-display)}
.pp-pdp__lead{max-width:32em;margin:12px 0 0;font-size:clamp(17px,1.5vw,19px);line-height:1.42;font-weight:600}
.pp-buy{margin-top:24px;padding:18px;border-radius:24px;background:#fff;color:var(--pp-ink);box-shadow:0 0 0 4px var(--pp-ink),0 10px 0 4px var(--pp-ink)}
.pp-buy__top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.pp-buy__price{font:400 clamp(32px,3.4vw,40px)/1 var(--pp-display)}
.pp-buy__was{font-weight:700;opacity:.6}
.pp-buy__form{margin:0}
.pp-buy__row{display:flex;gap:12px;align-items:stretch}
.pp-qty{flex:none;display:inline-flex;align-items:center;border-radius:14px;background:#fff;box-shadow:0 0 0 3px var(--pp-ink);overflow:hidden}
.pp-qty button{appearance:none;width:42px;height:56px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--pp-ink);font:400 24px/1 var(--pp-display);cursor:pointer}
.pp-qty button:hover{background:var(--pp-lilac)}
.pp-qty input{width:36px;height:56px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--pp-ink);text-align:center;font:800 18px var(--pp-body);appearance:textfield;-moz-appearance:textfield}
.pp-qty input::-webkit-inner-spin-button,.pp-qty input::-webkit-outer-spin-button{appearance:none;margin:0}
.pp-add{flex:1;min-width:0;min-height:56px;appearance:none;padding:0 12px;border:3px solid var(--pp-ink);border-radius:16px;background:var(--pp-pink);color:var(--pp-ink);font:400 clamp(20px,2vw,24px)/1 var(--pp-display);box-shadow:0 6px 0 var(--pp-ink);cursor:pointer;transition:translate .09s ease,box-shadow .09s ease}
.pp-add:hover:not(:disabled){translate:0 2px;box-shadow:0 4px 0 var(--pp-ink)}
.pp-add:active:not(:disabled){translate:0 6px;box-shadow:none}
.pp-add:disabled{background:#d8d0f3;box-shadow:none;cursor:not-allowed}
.pp-add:focus-visible{outline:3px solid var(--pp-blue);outline-offset:3px}
.pp-buy .shopify-payment-button{margin-top:18px}
.pp-buy .shopify-payment-button__button{border-radius:16px;min-height:52px;overflow:hidden}
.pp-buy .shopify-payment-button__more-options{margin-top:8px;color:var(--pp-ink);font-size:15px}
.pp-buy__error{margin:12px 0 0;padding:8px 12px;border-radius:10px;background:#ffe3f0;font-weight:700}
.pp-buy__error[hidden]{display:none}
.pp-buy__note{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-weight:700}
.pp-buy__note svg{flex:none;width:22px;height:22px;fill:var(--pp-yolk);stroke:var(--pp-ink);stroke-width:2.5}
.pp-opt{margin:0 0 14px;padding:0;border:0}
.pp-opt legend{margin-bottom:6px;padding:0;font:400 18px/1.2 var(--pp-display)}
.pp-opt__vals{display:flex;flex-wrap:wrap;gap:8px}
.pp-opt__val input{position:absolute;opacity:0;pointer-events:none}
.pp-opt__val span{display:block;padding:7px 14px;border-radius:12px;box-shadow:0 0 0 2px var(--pp-ink);font-weight:700;cursor:pointer}
.pp-opt__val input:checked+span{background:var(--pp-yolk)}
.pp-opt__val input:focus-visible+span{outline:3px solid var(--pp-blue);outline-offset:3px}
.pp-back{padding:clamp(84px,9vw,120px) var(--pp-gutter) clamp(56px,7vw,88px);background:var(--pp-lilac)}
.pp-back__card{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(18px,4vw,56px);max-width:1040px;margin:0 auto;padding:clamp(22px,3.4vw,44px);border-radius:24px;background:#fff;box-shadow:0 0 0 4px var(--pp-ink),0 10px 0 4px var(--pp-ink)}
.pp-back__card .pp-h2{font-size:clamp(36px,4.6vw,56px)}
.pp-pdp .pp-tape{margin-top:-52px;margin-bottom:-26px}
.pp-stick{position:fixed;left:50%;bottom:14px;z-index:40;display:flex;align-items:center;gap:12px;width:min(calc(100% - 24px),560px);padding:8px 10px;border-radius:20px;background:#fff;color:var(--pp-ink);box-shadow:0 0 0 3px var(--pp-ink),0 6px 0 3px var(--pp-ink);translate:-50% calc(100% + 34px);transition:translate .25s cubic-bezier(.2,.9,.3,1.2)}
.pp-stick.is-on{translate:-50% 0}
.pp-stick img{flex:none;width:46px;height:46px;object-fit:cover;border-radius:10px}
.pp-stick__text{flex:1;min-width:0;display:grid}
.pp-stick__text b{overflow:hidden;font:400 17px/1.15 var(--pp-display);white-space:nowrap;text-overflow:ellipsis}
.pp-stick__text span{font-weight:800}
@media (max-width:900px){
.pp-pdp__hero{grid-template-columns:minmax(0,1fr);padding-top:20px}
.pp-pdp__media{width:min(100%,460px);justify-self:center}
.pp-pdp__info{justify-self:center;width:100%}
.pp-back__card{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
.pp-wrap,.pp-wrap__strip,.pp-stick{animation:none;transition:none}
}