/* Shared category filter (news.html + products.html) */

.category-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 2rem;
}

.filter-btn {
  padding: 0.5rem 1.25rem;
  border: 2px solid var(--secondary-200);
  background: var(--white);
  border-radius: 9999px;
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--secondary-600);
  cursor: pointer;
  transition: var(--transition);
}

.filter-btn.active {
  background: var(--primary-600);
  color: var(--white);
  border-color: var(--primary-600);
}

.filter-btn:hover:not(.active) {
  border-color: var(--primary-400);
  color: var(--primary-600);
}

.filter-btn.active:hover {
  background: var(--primary-700);
  border-color: var(--primary-700);
  color: var(--white);
}

@media (max-width: 768px) {
  .category-filter {
    gap: 0.5rem;
  }

  .filter-btn {
    padding: 0.4375rem 1rem;
    font-size: 0.8125rem;
  }
}