.pzoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:grid;place-items:center;padding:24px;background:#0c0a08d1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:opacity .24s var(--ease-out),visibility .24s}.pzoom.is-open{opacity:1;visibility:visible}.pzoom__box{position:relative;width:min(92vw,88vh);aspect-ratio:1 / 1;margin:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 32px 90px #00000080;transform:scale(.92);opacity:0;transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .24s var(--ease-out)}.pzoom.is-open .pzoom__box{transform:none;opacity:1}.pzoom__img{display:block;width:100%;height:100%;object-fit:cover}.pzoom__box--doku .pzoom__img{object-fit:contain}.pzoom__close,.pzoom__nav{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#14110d8c;color:#f6f1e9;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .18s var(--ease-out),border-color .18s var(--ease-out),transform .18s var(--ease-out)}.pzoom__close:hover,.pzoom__nav:hover{background:#14110dcc;border-color:#ffffff61}.pzoom__close:focus-visible,.pzoom__nav:focus-visible{outline:2px solid #ffc46b;outline-offset:3px}.pzoom__close{top:20px;right:20px}.pzoom__close svg{width:18px;height:18px}.pzoom__nav{top:50%;margin-top:-22px}.pzoom__nav svg{width:20px;height:20px}.pzoom__nav--prev{left:20px}.pzoom__nav--next{right:20px}.pzoom__nav[hidden]{display:none}body.pzoom-offen{overflow:hidden}.product__media{cursor:zoom-in}.product__media:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:640px){.pzoom{padding:12px}.pzoom__box{width:min(94vw,84vh);border-radius:14px}.pzoom__close{top:12px;right:12px}.pzoom__nav--prev{left:10px}.pzoom__nav--next{right:10px}}@media(prefers-reduced-motion:reduce){.pzoom,.pzoom__box{transition:none}.pzoom__box{transform:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-zoom.css.map */