/* Elementor Loop Hover Image Swap for WooCommerce */

.ewhs-img {
	--ewhs-speed: 350ms;
	transition: opacity var(--ewhs-speed) ease, transform var(--ewhs-speed) ease;
	backface-visibility: hidden;
}

/* Fade effect */
.ewhs-fade.ewhs-swapping {
	animation: ewhs-fade-swap var(--ewhs-speed) ease forwards;
}

@keyframes ewhs-fade-swap {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

/* Slide effect */
.ewhs-slide {
	will-change: transform;
}

.ewhs-slide.ewhs-swapping {
	animation: ewhs-slide-swap var(--ewhs-speed) ease forwards;
}

@keyframes ewhs-slide-swap {
	0%   { transform: translateX(6%); opacity: 0.4; }
	100% { transform: translateX(0); opacity: 1; }
}