/* Product Section pattern (patterns/product-section.php) — homepage grid of
   WooCommerce product cards. Card styling itself (shell, image, price,
   button) comes from product-card-reskin.css; this file only owns the grid
   layout for this pattern.

   Column count is auto-derived (auto-fill) so item width stays ~250px at
   every viewport instead of jumping at fixed breakpoints. */
.product-section .wc-block-product-template {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: max-content;
  align-items: start;
  gap: 1.5rem;
  padding: 0;
  margin: 1.5rem 0 0;
}