.biofood-filter {
  --bf-filter-border: #d5ddd9;
  --bf-filter-green: #005040;
  --bf-filter-background: #fff;
  --bf-filter-text: #1f2925;
  --bf-filter-accent-text: #fff;
  --bf-filter-highlight: #c40000;
  margin: 0 0 1.5rem;
  border: 1px solid var(--bf-filter-border);
  border-radius: 6px;
  background: var(--bf-filter-background);
  color: var(--bf-filter-text);
}

.biofood-filter__bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .8rem 1rem;
}

.biofood-filter__title,
.biofood-filter__result-count { margin: 0; }
.biofood-filter__title { font-size: 1.15rem; }
.biofood-filter__result-count { margin-left: auto; }
.biofood-filter__toggle { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; margin-left: auto; border: 1px solid var(--bf-filter-border); border-radius: 999px; background: transparent; color: var(--bf-filter-green); cursor: pointer; }
.biofood-filter__toggle::before { content: '\25BC'; font-size: .85rem; line-height: 1; }
.biofood-filter__toggle[aria-expanded='true']::before { content: '\25B2'; }
.biofood-filter__panel { padding: 0 1rem 1rem; }
.biofood-filter-js .biofood-filter__panel { display: none; }
.biofood-filter-js .biofood-filter.is-open .biofood-filter__panel { display: block; }
.biofood-filter__form { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 1.25rem 2rem; }
.biofood-filter__match { margin: 0; padding: 0; border: 0; }
.biofood-filter__match legend { margin-bottom: .5rem; font-weight: 700; }
.biofood-filter__match-options { display: inline-flex; overflow: hidden; border: 1px solid var(--bf-filter-border); border-radius: 999px; }
.biofood-filter__match-options label { position: relative; margin: 0; cursor: pointer; }
.biofood-filter__match-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.biofood-filter__match-options span { display: block; min-width: 3.75rem; padding: .38rem .75rem; text-align: center; }
.biofood-filter__match-options label + label { border-left: 1px solid var(--bf-filter-border); }
.biofood-filter__match-options input:checked + span { background: var(--bf-filter-green); color: var(--bf-filter-accent-text); font-weight: 700; }
.biofood-filter__match-options input:focus-visible + span { outline: 3px solid #f4b400; outline-offset: -3px; }
.biofood-filter__match small { display: block; max-width: 14rem; margin-top: .35rem; color: #53615c; font-size: .78rem; line-height: 1.3; }
.biofood-filter__group { min-width: 12rem; margin: 0; padding: 0; border: 0; }
.biofood-filter__group legend { margin-bottom: .5rem; font-weight: 700; }
.biofood-filter__group ul,
.biofood-filter__selected ul { display: flex; flex-wrap: wrap; gap: .45rem .8rem; margin: 0; padding: 0; list-style: none; }
.biofood-filter__option { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.25rem; cursor: pointer; }
.biofood-filter__option input { width: 1.1rem; height: 1.1rem; margin: 0; }
.biofood-filter__option input:focus-visible { outline: 3px solid #f4b400; outline-offset: 3px; }
.biofood-filter__option:has(input:disabled) { opacity: .55; cursor: not-allowed; }
.biofood-filter__count { min-width: 1.7em; color: #53615c; font-size: .875rem; text-align: right; }
.biofood-filter__term.is-highlighted .biofood-filter__option { padding: .15rem .55rem; border-radius: 4px; background: var(--bf-filter-highlight); color: var(--bf-filter-accent-text); }
.biofood-filter__term.is-highlighted .biofood-filter__option:hover,
.biofood-filter__term.is-highlighted .biofood-filter__option:has(input:checked) { filter: brightness(1.12); }
.biofood-filter__term.is-highlighted .biofood-filter__count { color: inherit; }
.biofood-filter__configured-group { min-width: 12rem; }
.biofood-filter__configured-group .biofood-filter__term .biofood-filter__option { padding: .2rem .6rem; border: 1px solid var(--bf-filter-border); border-radius: 5px; background: var(--bf-group-bg); color: var(--bf-group-text); }
.biofood-filter__configured-group .biofood-filter__term .biofood-filter__option:hover { background: var(--bf-group-hover); color: var(--bf-group-hover-text); }
.biofood-filter__configured-group .biofood-filter__term .biofood-filter__option:has(input:checked) { background: var(--bf-group-active); color: var(--bf-group-active-text); }
.biofood-filter__configured-group .biofood-filter__term .biofood-filter__count { color: inherit; opacity: .8; }
.biofood-filter__configured-group--button .biofood-filter__option { min-height: 2.4rem; border-radius: 999px; }
.biofood-filter__configured-group--button .biofood-filter__option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.biofood-filter__configured-group--button .biofood-filter__option input:focus-visible + span { outline: 3px solid #f4b400; outline-offset: 3px; }
.biofood-filter__action-row { display: flex; flex: 1 0 100%; align-items: center; justify-content: flex-end; gap: .8rem; }
.biofood-filter__actions { display: flex; align-items: center; gap: .8rem; }
.biofood-filter__clear { color: var(--bf-filter-green); text-decoration: underline; }
.biofood-filter__loading { margin: .75rem 0 0; color: var(--bf-filter-green); font-weight: 700; }
.biofood-filter__loading[hidden] { display: none; }
.biofood-filter.is-submitting .biofood-filter__panel { opacity: .7; }
.biofood-filter.is-submitting { cursor: wait; }
.biofood-filter__selected { margin-top: 1rem; border-top: 1px solid var(--bf-filter-border); padding-top: .8rem; }
.biofood-filter__selected h3 { margin: 0 0 .5rem; font-size: 1rem; }
.biofood-filter__selected a { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid var(--bf-filter-border); border-radius: 999px; padding: .3rem .65rem; text-decoration: none; }
.biofood-filter__selected a:focus-visible,
.biofood-filter__toggle:focus-visible,
.biofood-filter__clear:focus-visible { outline: 3px solid #f4b400; outline-offset: 2px; }

@media (max-width: 992px) {
  .biofood-filter__result-count { margin-left: 0; }
  .biofood-filter__form { display: flex; }
  .biofood-filter__group { flex-basis: 100%; margin-bottom: 1rem; }
  .biofood-filter__configured-group { flex-basis: 100%; margin-bottom: 1rem; }
  .biofood-filter__group ul { display: block; }
  .biofood-filter__option { width: 100%; }
  .biofood-filter__count { margin-left: auto; }
  .biofood-filter__action-row { justify-content: flex-end; flex-wrap: nowrap; margin-top: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
  .biofood-filter *, .biofood-filter *::before, .biofood-filter *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}