/* Product category archive (taxonomy-product_cat) — bordered product cards.
 *
 * Wrap each product in a thin grey box with interior padding, matching the
 * live site's category cards. The post-template grid stretches each <li> to
 * equal height per row, so the boxes line up.
 *
 * Image size and centring are handled in the template (200px featured image +
 * the card group's justifyContent:center). #e5e7eb is the same light grey used
 * for the /products/ circles and the spec tables. Enqueued only on product_cat
 * archives (see functions.php). */
.wp-block-post-template > li {
	border: 1px solid #e5e7eb;
	padding: var(--wp--preset--spacing--40);
}

/* Four fixed columns pack tightly on desktop but would be cramped on phones,
 * so drop to two columns on small screens. Two classes out-specify WP's
 * generated single-class grid-template rule, so no !important needed. */
@media (max-width: 600px) {
	.wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}