/* Shop product category filters. The categories come from the current shop's active garments. */
.catalog-filters { margin: 0 0 28px; }
.catalog-filter-desktop, .catalog-filter-list { display: flex; flex-wrap: wrap; gap: 10px; }
.catalog-filter { display: inline-flex; align-items: center; gap: 5px; padding: 9px 15px; border: 1px solid #bfccd5; border-radius: 999px; color: var(--primary); background: #fff; text-decoration: none; font-weight: 700; line-height: 1.3; }
.catalog-filter:hover, .catalog-filter:focus-visible { border-color: var(--primary); background: #edf4f8; }
.catalog-filter:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.catalog-filter.is-active { border-color: var(--primary); color: #fff; background: var(--primary); }
.catalog-filter.is-active span { color: #fff; }
.catalog-filter span { color: var(--muted); font-weight: 400; }
.catalog-filter-mobile { display: none; }
@media (max-width: 600px) {
  .catalog-filter-desktop { display: none; }
  .catalog-filter-mobile { display: block; border: 1px solid #bfccd5; border-radius: 10px; background: #fff; }
  .catalog-filter-mobile summary { padding: 13px 16px; color: var(--primary); font-weight: 700; cursor: pointer; }
  .catalog-filter-mobile summary:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
  .catalog-filter-list { padding: 0 12px 14px; }
}