/* Product Listing: product cards in a grid, one across on phones, two on small tablets, four from
   tablet up. Each card stretches to the row's height so the buttons line up. */
.block-product-listing {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
}

.block-product-listing:not(:last-child) {
	margin-bottom: 48px;
}

@media only screen and (min-width: 600px) {
	.block-product-listing {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (min-width: 992px) {
	.block-product-listing {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}