:root {
  --product-card-min-width: 320px;
  --product-card-grid-gap: 1.5rem;
}

.product-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--product-card-min-width)), 1fr));
  gap: var(--product-card-grid-gap);
}