/* Product brand filtering: keeps the brand library connected to product discovery
   without making the sidebar feel like a long directory page. */
.product-brand-filter {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.filter-mini-search {
  display: grid;
  gap: 7px;
  margin: 8px 0 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 720;
}

.filter-mini-search input {
  width: 100%;
  height: 38px;
  padding: 0 10px;
  color: var(--ink);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 4px;
  outline: 0;
}

.filter-mini-search input:focus {
  border-color: var(--orange);
  box-shadow: 0 0 0 3px rgba(243, 151, 0, .12);
}

.brand-filter-list {
  max-height: none;
  overflow: visible;
  display: grid;
  gap: 6px;
}

.filter-panel .brand-filter-list a {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 8px 11px;
  line-height: 1.25;
}

.filter-panel .brand-filter-list a:not(.active) {
  background: #fff;
}

.brand-filter-empty {
  display: block;
  min-height: 34px;
  padding: 8px 10px;
  color: var(--muted);
  background: #f7f7f7;
  border: 1px dashed var(--line);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.35;
}

.filter-panel .brand-filter-list a span,
.brand-letter-group a span {
  margin-left: auto;
  color: var(--muted);
  font-size: 12px;
  font-weight: 760;
}

.brand-letter-group a {
  gap: 8px;
}