/**
 * 9XO product-card secondary-image hover.
 * Builds on Motta fadein markup (.product-thumbnails--hover / .hover-image).
 */

.nxo-product-card-hover .product-thumbnails--hover {
	position: relative;
}

.nxo-product-card-hover .product-thumbnails--hover img {
	transition: opacity 0.3s ease;
}

/* Desktop / fine pointer only — Motta's :hover can stick on touch. */
@media (hover: hover) and (pointer: fine) {
	.nxo-product-card-hover ul.products li.product .product-inner:hover .product-thumbnails--hover:not(.hover-swatch) .hover-image,
	.nxo-product-card-hover ul.products li.product .product-thumbnails--hover:not(.hover-swatch):hover .hover-image {
		opacity: 1;
	}
}

@media (hover: none), (pointer: coarse) {
	.nxo-product-card-hover .product-thumbnails--hover .hover-image {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.nxo-product-card-hover .product-thumbnails--hover img {
		transition: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nxo-product-card-hover .product-thumbnails--hover .hover-image {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.nxo-product-card-hover .product-thumbnails--hover img {
		transition: none !important;
	}
}

html.nxo-pch-no-hover .nxo-product-card-hover .product-thumbnails--hover .hover-image {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}