/* ====================================================================== ELISHWEAR — PROFESSIONAL MAGNIFIER ZOOM (single product gallery) A polished circular magnifier floats with the cursor over the main image and shows the FULL high-res photo magnified inside it — always sharp. The glass is fixed to so it is never clipped by the frame. Pairs with assets/zoom.js. Lightbox stays on click. Disabled on touch. ====================================================================== */ /* Static base image (let the glass do the zooming, not a CSS scale) */ .single-product .woocommerce-product-gallery__image{ position: relative; cursor: none; } .single-product .woocommerce-product-gallery__image:hover img{ transform: none !important; } /* The floating magnifier glass */ .ew-mag{ position: fixed; top: 0; left: 0; width: 240px; height: 240px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 12px 34px rgba(0,0,0,.32), 0 0 0 1px rgba(0,0,0,.06), inset 0 0 0 1px rgba(255,255,255,.4); background-repeat: no-repeat; background-color: #fff; pointer-events: none; z-index: 99999; opacity: 0; transform: scale(.82); transition: opacity .16s ease, transform .16s cubic-bezier(.2,.8,.2,1); will-change: left, top, background-position; } .ew-mag.is-visible{ opacity: 1; transform: scale(1); } @media (max-width: 1024px){ /* touch devices: no magnifier, tap opens the lightbox */ .single-product .woocommerce-product-gallery__image{ cursor: pointer; } .ew-mag{ display: none !important; } }