.product-gallery [data-gallery-zoom-target] {
    position: relative;
    overflow: hidden;
}

.product-gallery [data-gallery-main-image] {
    display: block;
    width: 100%;
    height: auto;
}

.product-gallery [data-gallery-zoom-overlay] {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: opacity 0.12s ease-out;
}

@media (hover: hover) and (pointer: fine) {
    .product-gallery-item[data-gallery-media-type="image"] [data-gallery-zoom-target] {
        cursor: zoom-in;
    }

    .product-gallery-item[data-gallery-media-type="image"] [data-gallery-zoom-target].is-zoom-active [data-gallery-zoom-overlay] {
        opacity: 1;
    }
}