.media{position:relative;display:block;overflow:hidden}.media--hover-effect>img{display:block;width:100%;height:100%;object-fit:cover}.media--hover-effect>img:first-of-type{position:relative;z-index:1;opacity:1;transition:opacity .3s ease}.media--hover-effect>img:nth-of-type(2){position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .3s ease;pointer-events:none}@media (hover: hover){.card-wrapper:hover .media--hover-effect>img:nth-of-type(2),.card:hover .media--hover-effect>img:nth-of-type(2){opacity:1}.card-wrapper:hover .media--hover-effect>img:only-child,.card:hover .media--hover-effect>img:only-child{transform:scale(1.05)}}.template-product .media--hover-effect>img{position:static;z-index:auto;opacity:1}.template-product .media--hover-effect>img:nth-of-type(2){display:none}.template-product .related-products .media--hover-effect>img:nth-of-type(2),.template-product .complementary-products .media--hover-effect>img:nth-of-type(2){display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0}@media (hover: hover){.template-product .related-products .card:hover .media--hover-effect>img:nth-of-type(2),.template-product .complementary-products .card:hover .media--hover-effect>img:nth-of-type(2){opacity:1}}.card__inner{position:relative}.card__inner .full-unstyled-link{position:relative;z-index:3;display:block}.card__content{position:relative;z-index:4}.card__badge{position:relative;z-index:5;pointer-events:none}.quick-add{position:relative;z-index:6}.quick-add button{position:relative;z-index:7;pointer-events:auto}.article-card .card__inner .full-unstyled-link,.blog-articles .full-unstyled-link{position:relative;z-index:3;display:block;pointer-events:auto}@media screen and (max-width: 749px){.media--hover-effect>img:nth-of-type(2){display:none}.card__inner .full-unstyled-link{min-height:44px}}.media--hover-effect img{will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.media--hover-effect img{transition:none}.card:hover .media--hover-effect>img:only-child{transform:none}}.card:focus-within .media--hover-effect>img:nth-of-type(2){opacity:1}.card__inner .full-unstyled-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/29/assets/image-display-final.css.map */