.fphg-product-image-wrap {
	display: block;
	position: relative;
	width: 100%;
	line-height: 0;
}

.fphg-product-image-wrap > img:first-child {
	display: block;
	width: 100%;
	height: auto;
}

.fphg-product-image-wrap > img.fphg-hover-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: contain;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.18s ease;
	z-index: 2;
}

@media (hover: hover) and (pointer: fine) {
	.product:hover .fphg-hover-image,
	.wc-block-grid__product:hover .fphg-hover-image {
		opacity: 1;
	}
}

.product a:focus-visible .fphg-hover-image,
.wc-block-grid__product a:focus-visible .fphg-hover-image {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.fphg-product-image-wrap > img.fphg-hover-image {
		transition: none;
	}
}