/* Reveal a product card's next image with a soft cross-fade on hover devices. */
.product-miniature .product-thumbnail.has-hover-image {
    position: relative;
    overflow: hidden;
}

.product-miniature .product-thumbnail.has-hover-image .product-card-image {
    transition: opacity 360ms ease, transform 500ms cubic-bezier(.2, .65, .3, 1);
    will-change: opacity, transform;
}

.product-miniature .product-thumbnail.has-hover-image .product-card-image-secondary {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    transform: scale(1.025);
}

@media (hover: hover) and (pointer: fine) {
    .product-miniature .product-thumbnail.has-hover-image:hover .product-card-image-primary {
        opacity: 0;
        transform: scale(.99);
    }

    .product-miniature .product-thumbnail.has-hover-image:hover .product-card-image-secondary {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .product-miniature .product-thumbnail.has-hover-image .product-card-image {
        transition: none;
    }
}