.product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
  background: transparent;
  border: 0;
}

.product-card {
  border: 1px solid #cbc9c1;
}

@media (max-width: 1050px) {
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
  .product-grid { grid-template-columns: 1fr; }
}