/* Таб-контейнер */
.na-cat-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 1.25rem;
}

/* Кнопки-табы (пилюли) — повышаем специфичность и страхуемся !important */
.na-cat-tabs .na-cat-tab {
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  padding: 0.45rem 0.9rem !important;
  border-radius: 9999px !important;
  cursor: pointer;
  transition: 0.15s ease !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-transform: none !important;
}
.na-cat-tabs .na-cat-tab:hover {
  border-color: #cbd5e1 !important;
  transform: translateY(-1px) !important;
}
.na-cat-tabs .na-cat-tab.is-active {
  background: #111827 !important;
  color: #fff !important;
  border-color: #111827 !important;
}

/* Лоадер и пагинация */
#na-brandcat-products.na-loading { opacity: .6; pointer-events: none; position: relative; }
#na-brandcat-products.na-loading::after {
  content: "Загрузка…";
  position: absolute; inset: 0; display: grid; place-items: center;
  font-weight: 600; background: rgba(255,255,255,.6);
}
.na-cat-pagination { margin-top: 1rem; display: flex; justify-content: center; gap: 1rem; }
.na-cat-pagination a { text-decoration: none; border: 1px solid #e5e7eb; padding: .4rem .8rem; border-radius: .375rem; }
.na-cat-pagination a:hover { border-color: #111827; }

/* Ничего для ul.products не задаём, чтобы сетка темы не менялась */