/* CODEX · 2026.10.29 · dimensional pouch placement */
img.pouch-cutout{object-fit:contain;clip-path:none;border-radius:0;box-shadow:none;height:auto}
.hero-stage .pack-float{width:clamp(320px,32vw,460px);top:51%;z-index:3}
.hero-stage img.hero-pack{width:100%;height:auto;max-height:510px;filter:drop-shadow(14px 20px 15px #5a452b24)}
.hero-stage .pack-shadow{top:87%;width:210px;height:18px;opacity:.55}
.hero-stage .chip-a{left:1%;top:66%;width:clamp(110px,13vw,185px)}
.hero-stage .chip-b{right:0;top:13%;width:clamp(110px,12vw,180px)}
.shop-art{position:relative;isolation:isolate}
.shop-art img.pouch-cutout{width:360px;height:400px;max-height:400px;position:relative;z-index:1;filter:drop-shadow(12px 16px 13px #22180e38)}
.shop-art::after{content:"";position:absolute;width:230px;height:20px;bottom:0;border-radius:50%;background:#22180e30;filter:blur(14px);z-index:0}
.ingredient-art.package-view{padding:28px;background:radial-gradient(ellipse at 50% 80%,#e9decc,var(--cream) 68%);text-align:center}
.ingredient-art.package-view img{width:100%;max-width:320px;height:400px;max-height:400px;aspect-ratio:auto;object-fit:contain;margin:auto;filter:drop-shadow(9px 15px 12px #5a452b24)}
.pdp-art{background:radial-gradient(ellipse at 70% 15%,#fbe8aa88,transparent 48%),linear-gradient(145deg,#f5f0e8,#ede4ef);padding:44px 32px 28px}
.pdp-art img.pouch-cutout{width:100%;max-width:300px;height:420px;filter:drop-shadow(12px 18px 14px #5a452b30)}
.pdp-art .mockup-caption{font:11px/1.7 var(--body);color:#7b664b;text-align:center;margin:22px 0 0}
dialog img.dialog-pack.pouch-cutout{width:220px;height:310px;margin:22px auto;filter:drop-shadow(7px 12px 10px #5a452b20)}
.order-preview img.pouch-cutout{width:80px;height:112px;filter:drop-shadow(3px 6px 5px #5a452b20)}
@media(max-width:760px){
.hero-stage{min-height:400px}
.hero-stage .pack-float{width:300px;top:51%}
.hero-stage img.hero-pack{max-height:350px;filter:drop-shadow(9px 13px 10px #5a452b26)}
.hero-stage .pack-shadow{width:165px;top:88%}
.hero-stage .chip-a{width:110px;left:-12px;top:68%}
.hero-stage .chip-b{width:104px;right:-8px;top:14%}
.hero-stage-note{top:16px;left:16px}
.shop-art img.pouch-cutout{width:218px;height:300px;max-height:300px}
.shop-art::after{width:175px;height:14px;bottom:1px}
.ingredient-art.package-view{padding:22px 18px}
.ingredient-art.package-view img{height:310px;max-height:310px;max-width:260px}
.pdp-art{padding:30px 22px 20px}
.pdp-art img.pouch-cutout{height:320px;max-width:240px}
}
@media(prefers-reduced-motion:reduce){.hero-stage .pack-float,.hero-stage .pack-shadow{animation:none}}