/**
 * Goldsmith product-card second image on touch devices.
 *
 * Goldsmith's native hover remains the visual source of truth. Touch/pen gets
 * a resilient minimum-duration overlay state without changing the product link
 * or requiring a second tap.
 */

.goldsmith-product-thumb.product-link.has-images > img.overlay-thumb {
	pointer-events: none;
}

.goldsmith-product-thumb.product-link.has-images.is-perfamix-touch-preview > img.overlay-thumb {
	opacity: 1;
	visibility: visible;
	transition-duration: 180ms;
	transition-delay: 0s;
}

@media (hover: none), (pointer: coarse) {
	.goldsmith-product-thumb.product-link.has-images {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
	}

	.goldsmith-product-thumb.product-link.has-images > img {
		-webkit-user-drag: none;
	}

	/*
	 * Do not override Goldsmith's .goldsmith-product-loop-inner:hover rules.
	 * Mobile Safari's emulated/sticky hover is the original theme behavior the
	 * compatibility layer is restoring. :active remains the no-JavaScript
	 * fallback, while the class guarantees a useful minimum visible interval.
	 */
	.goldsmith-product-thumb.product-link.has-images:active > img.overlay-thumb,
	.goldsmith-product-thumb.product-link.has-images.is-perfamix-touch-preview > img.overlay-thumb {
		opacity: 1;
		visibility: visible;
		transition-duration: 180ms;
		transition-delay: 0s;
	}
}

@media (prefers-reduced-motion: reduce) {
	.goldsmith-product-thumb.product-link.has-images > img {
		transition-duration: 0.01ms;
		transition-delay: 0s;
	}
}