.product-recommendations .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 42px 20px;
}
@media (max-width: 768px) {
  .product-recommendations .grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px 16px;
  }
}