@view-transition {
    navigation: auto;
}

::view-transition-group(ad-pdp-image) {
    animation-duration: 360ms;
    animation-timing-function: cubic-bezier(.2, .8, .2, 1);
    overflow: hidden;
}

::view-transition-old(ad-pdp-image),
::view-transition-new(ad-pdp-image) {
    animation-duration: 360ms;
    animation-timing-function: cubic-bezier(.2, .8, .2, 1);
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
}

.catalog-product-view .ad-pdp-gallery-fallback-desktop [data-pdp-transition-target] > img,
.catalog-product-view .ad-pdp-gallery-desktop [data-pdp-transition-target] > img {
    view-transition-name: ad-pdp-image;
    contain: paint;
}

@media (max-width: 1023px) {
    .catalog-product-view .ad-pdp-gallery-fallback-desktop [data-pdp-transition-target] > img,
    .catalog-product-view .ad-pdp-gallery-desktop [data-pdp-transition-target] > img {
        view-transition-name: none;
    }

    .catalog-product-view .ad-pdp-gallery-fallback-mobile [data-pdp-transition-target] > img,
    .catalog-product-view .ad-pdp-gallery-mobile [data-pdp-transition-target] > img {
        view-transition-name: ad-pdp-image;
        contain: paint;
    }
}

@media (prefers-reduced-motion: reduce) {
    @view-transition {
        navigation: none;
    }

    .catalog-product-view [data-pdp-transition-target] > img {
        view-transition-name: none;
    }

    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) {
        animation-duration: 1ms;
    }
}