.products-grid, .related-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 1rem;
  justify-content: start;
}
.products-grid > .product-card,
.related-grid > .related-card {
  width: 100%;
  max-width: 280px;
  justify-self: start;
}
@media (max-width: 575.98px) {
  .products-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
  .products-grid > .product-card { max-width: none; }
}
@media (min-width: 1400px) {
  .products-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
}