.product-grid-image-ratio{position:relative;width:100%;overflow:hidden}.product-grid-image-link{position:absolute!important;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0!important;padding:0!important;overflow:hidden}.product-grid-image-link .product-grid-image--primary,.product-grid-image-link .product-grid-image--secondary,.product-grid-image-link .product-grid-image--last{display:block;width:100%;height:100%;margin:0!important;padding:0!important}.product-grid-image-link .product-grid-image--primary{position:absolute!important;top:0;left:0;z-index:1;opacity:1;visibility:visible;object-fit:contain;transition:opacity .3s ease}.product-grid-image-link .product-grid-image--secondary,.product-grid-image-link .product-grid-image--last{position:absolute!important;top:0;left:0;z-index:2;opacity:0;visibility:hidden;pointer-events:none;object-fit:contain;transition:opacity .3s ease,visibility 0s linear .3s}.product-grid-image-link.has-hover-second:hover .product-grid-image--primary{opacity:0;visibility:hidden}.product-grid-image-link.has-hover-second:hover .product-grid-image--secondary{opacity:1;visibility:visible;transition:opacity .3s ease}.product-grid-image-link.has-hover-last:hover .product-grid-image--primary{opacity:0;visibility:hidden}.product-grid-image-link.has-hover-last:hover .product-grid-image--last{opacity:1;visibility:visible;transition:opacity .3s ease}.product-grid-image-link.has-hover-second.has-hover-last:hover .product-grid-image--secondary{opacity:0;visibility:hidden}.product-grid-image-link.has-hover-second.has-hover-last:hover .product-grid-image--last{opacity:1;visibility:visible}@media screen and (max-width:749px){.product-grid-image-link .product-grid-image--secondary,.product-grid-image-link .product-grid-image--last{display:none!important}.product-grid-image-link .product-grid-image--primary{opacity:1!important;visibility:visible!important}}@media(prefers-reduced-motion:reduce){.product-grid-image-link .product-grid-image--primary,.product-grid-image-link .product-grid-image--secondary,.product-grid-image-link .product-grid-image--last{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/collection-product-grid-image-hover.css.map */