/* Site-wide Image Loading Skeleton Shimmer (excluding SVGs) */
img:not([src*=".svg"]):not([src*=".svg?"]):not(.img-loaded) {
	background: #e2e5e9;
	background-image: linear-gradient(to right, #e2e5e9 0%, #d5dadf 20%, #e2e5e9 40%, #e2e5e9 100%);
	background-repeat: no-repeat;
	background-size: 800px 100%;
	animation: imgPlaceholderShimmer 1.6s linear infinite forwards;
	color: transparent !important;
}

/* Disable shimmer on SVG icons, logos, and gallery/hover images */
img[src*=".svg"],
img[src*=".svg?"],
.custom-product-image .gallery-hover-image {
	background: transparent !important;
	background-image: none !important;
	animation: none !important;
	color: inherit !important;
}

/* Fallback styling for broken images */
img.img-error {
	background: #f1f3f5 !important;
	background-image: none !important;
	animation: none !important;
}

/* Unique keyframe name to prevent overriding by facetwp-skeleton.css keyframes */
@keyframes imgPlaceholderShimmer {
	0% {
		background-position: -468px 0;
	}

	100% {
		background-position: 468px 0;
	}
}