/* Product cards: smoothly reveal the product's second image on hover */

ul.products li.product a.woocommerce-loop-product__link {
	position: relative;
	display: block;
	overflow: hidden;
}
ul.products li.product .noirmusk-hover-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	opacity: 0;
	transform: scale(1.06);
	transition:
		opacity 0.9s cubic-bezier(0.4, 0, 0.2, 1),
		transform 1.2s cubic-bezier(0.22, 0.61, 0.36, 1);
	will-change: opacity, transform;
	backface-visibility: hidden;
	pointer-events: none;
}
@media (hover: hover) {
	ul.products li.product:hover .noirmusk-hover-img {
		opacity: 1;
		transform: scale(1);
	}
}
@media (prefers-reduced-motion: reduce) {
	ul.products li.product .noirmusk-hover-img {
		transition: opacity 0.2s linear;
		transform: none;
	}
}