client/src/components/RecommendationGrid.module.css

.section {
  margin-top: 2rem;
  animation: fadeIn 0.4s ease;
}

.heading {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 1rem;
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}