@media(max-width:780px){
  .filter-bar{position:relative}
  .filter-row{display:none}
  .filter-bar.is-open .filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .filter-toggle{display:inline-flex;align-items:center;gap:8px;background:#0F1828;color:#fff;padding:11px 20px;border-radius:99px;font-weight:600;font-size:14px;border:0;cursor:pointer;font-family:inherit;margin-top:8px}
  .filter-toggle::after{content:"▾";font-size:14px;transition:transform .2s}
  .filter-bar.is-open .filter-toggle::after{transform:rotate(180deg)}
  .filter-h{display:none}
}
@media(min-width:781px){
  .filter-toggle{display:none}
}