/* Collapsible filter panels, at every screen size. */
.jb .ftoggle{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; text-align:left; border-color:rgba(201,162,86,.45); color:var(--brass);
  padding:12px 16px;
}
.jb .ftoggle .car{font-size:.9rem; transition:transform .15s ease}
.jb .ftoggle[aria-expanded="true"] .car{transform:rotate(180deg)}

.jb .chips.collapsed,
.jb .filters.collapsed,
.jb .toggles.collapsed{display:none}

.jb .chips{
  max-height:48vh; overflow-y:auto; margin-top:10px;
  border:1px solid var(--line); border-radius:2px; padding:10px; background:var(--surface);
}
.jb .toolbar{padding:12px 0}
.jb .toolbar .wrap{gap:10px}

.jb .filters{margin-top:10px; padding:14px; border:1px solid var(--line);
  border-radius:2px; background:var(--surface)}
.jb .toggles{margin-top:10px; padding:0 2px}

@media (max-width:900px){
  .jb .chips .chip{width:100%; text-align:left}
  .jb .count{width:100%}
}