.product-recommendations__title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  
  .product-recommendations__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--grid-gap);
  }
  
  @media (max-width: 768px) {
    .product-recommendations__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }