.collection-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.collection-toolbar p { margin: 0; color: var(--muted); font-size: .82rem; }
.filters { display: flex; flex: 1; flex-wrap: wrap; gap: .45rem; }
.filters a { padding: .45rem .7rem; border: 1px solid var(--line); font-size: .72rem; }
.filters a:hover, .filters a[aria-current="page"] { border-color: var(--ink); background: var(--ink); color: #fff; }
.collection-toolbar label { display: flex; align-items: center; gap: .7rem; font-size: .76rem; }
.collection-toolbar select { width: auto; min-width: 160px; padding-block: .55rem; }

@media (max-width: 760px) {
  .collection-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .filters { grid-column: 1 / -1; flex-wrap: nowrap; overflow-x: auto; padding-bottom: .35rem; scrollbar-width: thin; }
  .filters a { flex: none; }
  .collection-toolbar label { min-width: 0; }
  .collection-toolbar select { min-width: 130px; }
  #categoryCount { justify-self: end; white-space: nowrap; color: var(--muted); font-size: .78rem; }
}

@media (max-width: 420px) {
  .collection-toolbar label { grid-column: 1 / -1; justify-content: space-between; }
  .collection-toolbar select { flex: 1; min-width: 0; }
  #categoryCount { grid-column: 1 / -1; justify-self: start; }
}