/*
 * Breathing room around the product grid on the Shop page and product
 * category archives -- currently the grid sits flush against the header
 * above it and the footer below. `.woocommerce ul.products` only appears
 * in these archive contexts (never on cart/checkout/single-product), so
 * this naturally scopes to both without needing per-page targeting.
 * Percentage values match the theme's own row-padding convention
 * (calc(100vw * X)) used on the custom page headers.
 */
.woocommerce ul.products {
	padding-top: calc(100vw * 0.05);
	padding-bottom: calc(100vw * 0.05);
}

@media only screen and (max-width: 690px) {
	.woocommerce ul.products {
		padding-top: calc(100vw * 0.2);
		padding-bottom: calc(100vw * 0.2);
	}
}