.product-zoom-trigger{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:transparent;cursor:zoom-in;border-radius:inherit;color:#1234a5}
.product-zoom-trigger:focus-visible{outline:3px solid #1643d8;outline-offset:-5px}
.product-zoom-trigger span{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:7px;padding:9px 12px;background:#fffffff2;border:1px solid #dae1f3;border-radius:24px;font:700 13px Roboto,sans-serif;box-shadow:0 2px 10px #10245b15}
.detail-media img{transform-origin:center;will-change:auto}
.detail-media.zoom-hover img{will-change:transform}
.product-zoom-dialog{padding:0;border:0;border-radius:18px;width: min(1200px,96vw);max-width:96vw;height:92vh;height:92dvh;max-height:96dvh;color:#14233c;background:#fff;box-shadow:0 20px 90px #0005;overflow:hidden}
.product-zoom-dialog::backdrop{background:#07132bd9}
.product-zoom-dialog[open]{display:flex;flex-direction:column}
.product-zoom-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #e0e5f0;flex-shrink:0;flex-wrap:wrap}
.product-zoom-title{margin:0 auto 0 0;font:700 16px Roboto,sans-serif}
.product-zoom-dialog button{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border:1px solid #dce3f0;border-radius:10px;background:#f5f7fc;color:#1234a5;font:700 20px Roboto,sans-serif;cursor:pointer}
.product-zoom-dialog button:disabled{opacity:.4;cursor:default}
.product-zoom-dialog button[hidden]{display:none}
.product-zoom-dialog button:focus-visible{outline:3px solid #2857e0;outline-offset:2px}
.product-zoom-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#f5f6fa;touch-action:pan-x pan-y pinch-zoom}
.product-zoom-canvas{width:100%;height:100%;display:grid;place-items:center}
.product-zoom-canvas img{display:block;max-width:none;object-fit:contain;padding:12px;box-sizing:border-box}
.product-zoom-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px;flex-shrink:0}
.product-zoom-status{min-width:80px;text-align:center;font-size:14px}
.product-zoom-help{margin:0;padding:0 16px 12px;text-align:center;font-size:12px;color:#53627a}
@media(max-width:600px){.product-zoom-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.product-zoom-toolbar{padding:10px;gap:5px}.product-zoom-title{font-size:14px}.product-zoom-trigger span{bottom:18px;right:18px}}