/* Brands page supplemental */
.brands-filter-bar {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin-bottom: var(--sp-6);
  flex-wrap: wrap;
}
.brands-filter-btn {
  padding: 7px 18px;
  border-radius: var(--radius-full);
  border: 1px solid var(--clr-border);
  background: var(--clr-bg-input);
  color: var(--clr-text-muted);
  font-size: var(--font-size-xs);
  font-family: inherit;
  cursor: pointer;
  transition: all var(--transition);
}
.brands-filter-btn:hover,
.brands-filter-btn.active {
  border-color: var(--clr-gold);
  background: var(--clr-gold-bg);
  color: var(--clr-gold);
}


/* Responsive hardening v1.2.1 – removed from brands.css: all rules consolidated in responsive.css */