/* DFX Product Page Mobile Fix
   Root cause: CSS Grid items default to min-width:auto, which lets the
   gallery's intrinsic content (the product image) refuse to shrink below
   its own natural size — pushing the "1fr" track (and the image with it)
   past the actual viewport width. min-width:0 lets it shrink to fit. */

.single-product div.product {
	min-width: 0;
}

.single-product .woocommerce-product-gallery,
.single-product .summary.entry-summary {
	min-width: 0;
	max-width: 100%;
}

.single-product .woocommerce-product-gallery img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 860px) {
	.single-product div.product {
		overflow-x: hidden;
	}
}