/* Use the same desktop edges as the header and Contact Us page. */
.oeeroo-commerce-container,
.oeeroo-standard-page {
	width: min(100%, var(--oeeroo-container)) !important;
	max-width: var(--oeeroo-container) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
}

/* Cart, checkout and account live inside the standard page wrapper. */
.woocommerce-cart .oeeroo-standard-page > .woocommerce,
.woocommerce-checkout .oeeroo-standard-page > .woocommerce,
.woocommerce-account .oeeroo-standard-page > .woocommerce {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Legal content uses the full shared container after its quick-links column. */
.oeeroo-legal-layout {
	grid-template-columns: 235px minmax(0, 1fr) !important;
}

/* WooCommerce single-product content outside a WordPress page template. */
.single-product #content > .product,
.single-product #content > .woocommerce,
.single-product #content > .site-main > .product,
.single-product #content > .site-main > .woocommerce {
	width: min(100%, var(--oeeroo-container)) !important;
	max-width: var(--oeeroo-container) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 32px !important;
	padding-right: 32px !important;
}

@media (max-width: 767px) {
	.oeeroo-standard-page,
	.oeeroo-commerce-container,
	.single-product #content > .product,
	.single-product #content > .woocommerce,
	.single-product #content > .site-main > .product,
	.single-product #content > .site-main > .woocommerce {
		width: 100% !important;
		max-width: none !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.oeeroo-legal-layout {
		grid-template-columns: 1fr !important;
	}
}