.product-recommendations-section {
  padding: var(--spacing-2xl) var(--spacing-md);
  margin-top: var(--spacing-2xl);
}

.product-recommendations-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: var(--spacing-xl);
}

.product-recommendations-products {
  margin-top: var(--spacing-lg);
}

@media (max-width: 768px) {
  .product-recommendations-products {
    grid-template-columns: repeat(2, 1fr);
  }
}

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