/* ============================================
   产品中心样式 - 秦和食品
   ============================================ */

.category-filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}

.category-filter .btn {
  border-radius: 2rem;
  padding: 0.5rem 1.5rem;
  font-weight: 500;
}

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

@media (max-width: 767.98px) {
  .category-filter .btn {
    padding: 0.4rem 1rem;
    font-size: 0.85rem;
  }
}