/*
 * Divi Product Image Hover Zoom
 * Front-end styles
 */

@media (min-width: 981px) {

    body.single-product .et_pb_gallery_items .et_pb_gallery_image,
    .dpihz-test-gallery .et_pb_gallery_items .et_pb_gallery_image {
        overflow: hidden;
        cursor: zoom-in;
    }

    body.single-product .et_pb_gallery_items .et_pb_gallery_image img,
    .dpihz-test-gallery .et_pb_gallery_items .et_pb_gallery_image img,
    body.single-product .mfp-content .mfp-img {
        transform: scale(1);
        transform-origin: 50% 50%;
        transition: transform var(--dpihz-transition-speed, 0.6s) ease;
    }

    body.single-product .et_pb_gallery_items .et_pb_gallery_image.dpihz-zoom-active img,
    .dpihz-test-gallery .et_pb_gallery_items .et_pb_gallery_image.dpihz-zoom-active img,
    body.single-product .mfp-content .mfp-img.dpihz-zoom-active {
        transform: scale(var(--dpihz-zoom-level, 2));
    }

    body.single-product .mfp-content .mfp-img {
        cursor: zoom-in;
    }

    body.single-product .mfp-content .mfp-figure,
    body.single-product .mfp-content figure {
        overflow: hidden;
    }

    body.single-product .mfp-content .mfp-close,
    body.single-product .mfp-content .mfp-bottom-bar {
        z-index: 1001;
    }
}

@media (prefers-reduced-motion: reduce) and (min-width: 981px) {

    body.single-product .et_pb_gallery_items .et_pb_gallery_image img,
    .dpihz-test-gallery .et_pb_gallery_items .et_pb_gallery_image img,
    body.single-product .mfp-content .mfp-img {
        transition: none;
    }
}