/* Contain the image z-index so the theme's sibling CTA, wishlist and labels stay above it. */
.spg-hover-host { position: relative; isolation: isolate; }
.spg-hover-host > img.spg-hover-image {
    position: absolute !important; inset: 0; width: 100% !important; height: 100% !important;
    max-height: none; object-fit: contain; background: #fff; z-index: 2;
    opacity: 0 !important; visibility: hidden; pointer-events: none;
    transform: none !important; transition: opacity .1s ease;
}
@media (hover: hover) and (pointer: fine) {
    .product-item-image:hover > .spg-hover-host > img.spg-hover-image.spg-hover-ready,
    .spg-hover-host:hover > img.spg-hover-image.spg-hover-ready {
        opacity: 1 !important; visibility: visible;
    }
}
@media (prefers-reduced-motion: reduce) {
    .spg-hover-host > img.spg-hover-image { transition: none; }
}