/* ==========================================================================
   FILE: assets/css/product-layout.css
   PURPOSE: Desktop (>=901px) product page two-column layout fix.
   Gallery (tagged .dc-gal by section 43b) left, summary right; Complete the
   Look, Description and related products full width below. Mobile untouched.
   ========================================================================== */

@media (min-width: 901px) {
	.single-product .site-main,
	.single-product .inside-article,
	.single-product .site-content { max-width: 100%; }

	.single-product div.product {
		display: grid !important;
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
		column-gap: 48px;
		align-items: start;
		max-width: 1180px;
		margin: 0 auto;
		padding: 24px 24px 0;
		box-sizing: border-box;
	}

	.single-product div.product div.images,
	.single-product div.product .woocommerce-product-gallery,
	.single-product div.product > .dc-gal,
	.single-product div.product div.summary,
	.single-product div.product .entry-summary {
		float: none !important;
		clear: none !important;
		width: auto !important;
		max-width: 100%;
		min-width: 0;
		margin: 0 !important;
		box-sizing: border-box;
	}
	.single-product div.product div.images,
	.single-product div.product .woocommerce-product-gallery,
	.single-product div.product > .dc-gal { grid-column: 1; grid-row: 1; }
	.single-product div.product div.summary,
	.single-product div.product .entry-summary { grid-column: 2; grid-row: 1; padding: 0 4px; overflow-wrap: anywhere; }

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

	.single-product div.product > *:not(.images):not(.dc-gal):not(.woocommerce-product-gallery):not(.summary):not(.entry-summary) {
		grid-column: 1 / -1;
		clear: both;
		width: 100%;
		min-width: 0;
	}

	.single-product .dc-cl { clear: both; width: 100%; box-sizing: border-box; }
}