.filter-btn.active {
  background-color: #2563eb;
  color: #ffffff;
}

.filter-btn:not(.active) {
  background-color: #e5e7eb;
  color: #374151;
}

.filter-btn:not(.active):hover {
  background-color: #d1d5db;
}

.product-card {
  animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#products-grid {
  transition: opacity 0.3s ease;
}

#active-filters {
  min-height: 32px;
}

.store-notification {
  transform: translateY(-10px);
  opacity: 0;
}

.store-notification.is-visible {
  transform: translateY(0);
  opacity: 1;
}