.container {
  padding: 2rem;
}

.category-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;

  mat-card {
    cursor: pointer;
    min-width: 450px;
    max-width: 450px;

    &:hover {
      transform: translateY(-5px);
      box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    }
  }
}
