.product-zoom{min-width:0;width:100%;color:#102634}.product-zoom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;color:#607078}.product-zoom-toolbar>div{display:flex;align-items:center;gap:5px;flex:none}dialog .product-zoom-toolbar button{display:grid;place-items:center;position:static;width:40px;height:40px;border:1px solid #cbd3c8;background:#f8f8f5;border-radius:5px;padding:0;color:#102634}.product-zoom-toolbar output{min-width:48px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.product-zoom-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(260px,57dvh,650px);overflow:hidden;contain:paint;isolation:isolate;clip-path:inset(0 round 5px);background:#eeefec;border-radius:5px;touch-action:pan-y;overscroll-behavior:none;cursor:zoom-in}.product-zoom-frame[data-zoomed=true]{cursor:grab;touch-action:none}.product-zoom-frame[data-dragging=true]{cursor:grabbing}.product-zoom-frame{user-select:none;-webkit-user-select:none}dialog .product-zoom-frame img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0;user-select:none;pointer-events:none;transform-origin:center}.product-zoom-frame:focus-visible,.product-zoom-toolbar button:focus-visible{outline:2px solid #b39459;outline-offset:2px}@media(max-width:600px){.product-zoom-toolbar{align-items:flex-start;flex-wrap:wrap;gap:6px}.product-zoom-toolbar>span{width:100%}dialog .product-zoom-toolbar button{width:44px;height:44px}.product-zoom-frame{height:48dvh;min-height:240px}}