/* Product tile hover: gentle image zoom + very soft shadow.
   Applies to every WooCommerce product loop (shop, categories, homepage, related). */

ul.products li.product {
	border-radius: 6px;
	transition: box-shadow .35s ease;
}

ul.products li.product .astra-shop-thumbnail-wrap {
	overflow: hidden; /* keeps the zoomed image inside its frame */
	border-radius: 6px;
}

ul.products li.product .astra-shop-thumbnail-wrap img {
	transition: transform .6s cubic-bezier(.22, .61, .36, 1);
	will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
	ul.products li.product:hover {
		box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
	}

	ul.products li.product:hover .astra-shop-thumbnail-wrap img {
		transform: scale(1.03);
	}
}

@media (prefers-reduced-motion: reduce) {
	ul.products li.product,
	ul.products li.product .astra-shop-thumbnail-wrap img {
		transition: none;
	}

	ul.products li.product:hover .astra-shop-thumbnail-wrap img {
		transform: none;
	}
}