#filter-panel[hidden], #filter-toggle[hidden] { display: none; }
#catalog-filters, #catalog-results, #filter-panel { min-width: 0; }
.applied-filters { margin: 0 0 22px; }
.applied-filters-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.applied-filters-heading h2 { font-size: 15px; margin: 0 0 12px; }
.applied-filters-heading > a { color: var(--accent); padding: 8px 0; white-space: nowrap; }
.filter-chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.filter-chips li { max-width: 100%; min-width: 0; }
.filter-chips a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); font-size: 13px; }
.filter-chips a span:first-child { overflow-wrap: anywhere; min-width: 0; }
.filter-chips a span:last-child { font-size: 20px; color: var(--accent); }
#filter-toggle { width: 100%; margin-bottom: 16px; text-align: left; }
#filter-toggle::after { content: ' +'; float: right; }
#filter-toggle[aria-expanded="true"]::after { content: ' −'; }
.filter-current-count { display: block; font-size: 12px; color: var(--muted); }
.filter-errors { color: #ffc5b9; overflow-wrap: anywhere; font-size: 13px; }
.filter-errors a { text-decoration: underline; }
.filter-errors ul:empty { display: none; }
#filter-panel .field { min-width: 0; }
#filter-panel fieldset.field { border: 0; padding: 0; }
#filter-panel .field label { overflow-wrap: anywhere; }
#filter-panel .field input[type="checkbox"], #filter-panel .field input[type="radio"] { width: auto; }
.filter-search-errors { margin: -20px 0 24px; }
@media (max-width: 760px) {
  #filter-panel { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  #filter-panel > .filter-errors, #filter-panel > button { grid-column: 1 / -1; }
  #catalog-filters .search { min-width: 0; }
}