body {
  font-family: 'Fredoka', 'Segoe UI', sans-serif;
}
.card-hover:hover {
  transform: translateY(-4px);
  transition: transform 0.2s ease-in-out;
}
.badge-availability {
  font-size: 0.75rem;
  letter-spacing: 0.02em;
}
.product-card img {
  object-fit: cover;
  height: 180px;
}
.hero-bg {
  background: linear-gradient(135deg, #fdf3d2 0%, #f7d8ff 100%);
}
.filters-offcanvas {
  max-width: 300px;
}
