#productModal .modal-image{touch-action:none;overscroll-behavior:contain}
#productModal .modal-image{position:relative;overflow:hidden;cursor:zoom-in}
#productModal .modal-image.is-zoomed{cursor:zoom-out}
#productModal .modal-image img{transform:scale(var(--product-image-scale,1));transform-origin:var(--product-image-origin,50% 50%);transition:transform .24s ease;will-change:transform}
#productModal .modal-zoom-control{position:absolute;right:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(207,221,226,.95);border-radius:999px;background:rgba(255,255,255,.94);color:#34404b;font-size:11px;font-weight:800;box-shadow:0 8px 20px rgba(17,24,32,.12)}
#productModal .modal-zoom-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
#productModal .modal-zoom-control:hover{background:#fff;color:#dc4f0b}
html.product-modal-open,body.product-modal-open{overflow:hidden}
#productModal .modal-gallery{scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;overscroll-behavior-inline:contain}
#productModal .modal-gallery::-webkit-scrollbar{display:none;width:0;height:0}
@media (hover:hover){#productModal .modal-image:not(.is-zoomed):hover{--product-image-scale:1.08}#productModal .modal-image:not(.is-zoomed):hover img{transition:transform .18s ease}}
@media(max-width:560px){#productModal .modal-zoom-control{right:12px;bottom:12px;padding:8px 10px}}