/* Product shortcodes on content pages sit in #left-area, commonly beside a sidebar. */
body.page #left-area ul.products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 42px 30px;
	clear: both;
}

body.page #left-area ul.products::before,
body.page #left-area ul.products::after {
	display: none;
}

body.page #left-area ul.products li.product,
body.page #left-area ul.products li.product.first,
body.page #left-area ul.products li.product.last {
	float: none;
	clear: none;
	width: 100% !important;
	margin: 0;
}

@media (max-width: 980px) {
	body.page #left-area ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	body.page #left-area ul.products {
		grid-template-columns: minmax(0, 1fr);
	}
}