/* Ursum Shop Filters — minimal, theme-neutral. */
.usf { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin: 0 0 1.5rem; align-items: flex-start; }
.usf-group { flex: 1 1 12rem; min-width: 0; }
.usf-group__title { margin: 0 0 .4rem; font-weight: 600; }
.usf-list { list-style: none; margin: 0; padding: 0; }
.usf-list .usf-list { padding-left: 1rem; }
.usf-item { margin: .15rem 0; }
.usf-link { display: inline-flex; gap: .35rem; align-items: center; min-height: 2rem; text-decoration: none; color: inherit; }
.usf-link::before { content: ""; width: .9rem; height: .9rem; border: 1px solid currentColor; border-radius: 2px; opacity: .6; flex: none; }
.usf-item--active > .usf-link { font-weight: 600; }
.usf-item--active > .usf-link::before { background: currentColor; opacity: 1; }
.usf-link__count { opacity: .6; font-size: .85em; }
.usf-link__count::before { content: "("; }
.usf-link__count::after { content: ")"; }
.usf-clear { flex-basis: 100%; font-size: .9em; }

/* Chips variant */
.usf--chips .usf-list { display: flex; flex-wrap: wrap; gap: .4rem; }
.usf--chips .usf-list .usf-list { display: contents; padding: 0; }
.usf--chips .usf-item { margin: 0; display: contents; }
.usf--chips .usf-link { padding: .3rem .8rem; border: 1px solid currentColor; border-radius: 999px; opacity: .85; }
.usf--chips .usf-link::before { display: none; }
.usf--chips .usf-item--active > .usf-link { opacity: 1; font-weight: 600; box-shadow: inset 0 0 0 1px currentColor; }

@media (max-width: 600px) {
  .usf { gap: .75rem; }
  .usf-group { flex-basis: 100%; }
}
