/* [webzoom2] product photo zoom IN PLACE on item pages (Oct 20): the photo zooms inside its own frame; nothing opens over the page */
.item-photo.has-zoom{position:relative;padding:0;overflow:hidden}
.pz-btn{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:36px;margin:0;border:0;background:#fff;border-radius:inherit;cursor:zoom-in;font:inherit;color:inherit;overflow:hidden;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.pz-btn img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center center;transition:transform .28s ease;-webkit-user-drag:none;will-change:transform;pointer-events:none}
.pz-btn img.tz-live{transition:none}
.pz-btn:not(.is-zoomed):hover img{transform:scale(1.02)}
.pz-btn.is-zoomed{cursor:zoom-out;touch-action:none}
.pz-btn:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}
.pz-badge{position:absolute;right:14px;bottom:14px;z-index:1;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--brand);border:1px solid var(--line);box-shadow:0 4px 14px rgba(19,33,43,.14);display:grid;place-items:center;pointer-events:none;transition:background .2s,color .2s}
.pz-badge svg{width:22px;height:22px}
.pz-badge .pz-v{transition:opacity .15s}
.pz-btn.is-zoomed .pz-badge .pz-v{opacity:0}
.pz-btn:hover .pz-badge,.pz-btn:focus-visible .pz-badge,.pz-btn.is-zoomed .pz-badge{background:var(--brand);color:#fff;border-color:var(--brand)}
@media (max-width:900px){.pz-btn{padding:24px}.pz-badge{right:12px;bottom:12px;width:42px;height:42px}}