/* Product Zoom ITHub Styles */

/* Ensure parent image containers hide overflow for clean 200% zoom cropping */
.pz-ithub-container,
.main-image-viewport,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery .flex-viewport,
.single-product div.product div.images .woocommerce-product-gallery__image,
.single-product div.product div.images img,
.single-product div.product div.images .flex-viewport,
.product-gallery-card .main-image-viewport {
    overflow: hidden !important;
    position: relative !important;
}

/* Image zoom targets */
#mainProductImg,
.main-detail-img,
.main-image-viewport img,
.pz-ithub-zoom-img,
.woocommerce-product-gallery__image img,
.single-product div.product div.images img,
.product-image img,
.woocommerce-product-gallery img {
    cursor: zoom-in !important;
    transition: transform 0.1s ease-out !important;
    will-change: transform, transform-origin;
    display: block;
    max-width: 100%;
}

/* Hide conflicting default WooCommerce zoom overlays if present */
.zoomImg {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ensure container wrapper doesn't clip improperly or alter image dimensions */
.pz-ithub-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}