#chub-filter,#chub-filter *{box-sizing:border-box!important;text-align:left!important}
#chub-filter{width:100%;margin:0;padding:22px 0 28px;background:#0A1017;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
/* Binnen-container: pas 'max-width' aan naar de containerbreedte van de hero */
#chub-filter .chf-inner{max-width:1280px;margin:0 auto;padding:0 24px}
#chub-filter .chf-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0}
#chub-filter .chf-search{flex:1 1 320px;min-width:0;display:flex;align-items:center;gap:10px;margin:0;padding:0 16px;height:48px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#A9B7C2;cursor:text;transition:border-color .15s ease,background-color .15s ease}
#chub-filter .chf-search:focus-within{border-color:rgba(22,154,71,.65);background:rgba(255,255,255,.08)}
#chub-filter .chf-search svg{flex:none}
#chub-filter .chf-search input{flex:1;min-width:0;height:100%;margin:0;padding:0;background:none;border:0;outline:0;box-shadow:none;color:#F2F6F4;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:15px;font-weight:500;line-height:1.2}
#chub-filter .chf-search input::placeholder{color:#7A8792;opacity:1}
#chub-filter .chf-search input::-webkit-search-cancel-button{filter:invert(1) opacity(.6);cursor:pointer}
#chub-filter .chf-sel{position:relative;flex:none;margin:0}
#chub-filter .chf-sel select{appearance:none;-webkit-appearance:none;height:48px;margin:0;padding:0 40px 0 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#F2F6F4;font-family:'Poppins',system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;outline:0;max-width:100%;transition:border-color .15s ease}
#chub-filter .chf-sel select:hover{border-color:rgba(255,255,255,.26)}
#chub-filter .chf-sel select:focus-visible{border-color:rgba(22,154,71,.65)}
#chub-filter .chf-sel select option{color:#0F1621;background:#fff}
#chub-filter .chf-sel::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;margin-top:-5px;border-right:2px solid #A9B7C2;border-bottom:2px solid #A9B7C2;transform:rotate(45deg);pointer-events:none}

#chub-filter .chf-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
#chub-filter button.chf-chip{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;padding:8px 14px!important;background:rgba(255,255,255,.06)!important;background-image:none!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;box-shadow:none!important;color:#A9B7C2!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
#chub-filter button.chf-chip:hover{background:rgba(255,255,255,.10)!important;color:#F2F6F4!important}
#chub-filter button.chf-chip:focus-visible{outline:2px solid #169A47!important;outline-offset:2px}
#chub-filter button.chf-chip.on{background:#169A47!important;border-color:#169A47!important;color:#fff!important}
#chub-filter button.chf-chip.on:hover{background:#12833D!important;border-color:#12833D!important}
#chub-filter .chf-chip .c{font-size:11px;font-weight:600;opacity:.7;font-variant-numeric:tabular-nums}
#chub-filter .chf-chip-logo{display:block;width:15px;height:15px;object-fit:contain;flex:none;border-radius:3px;margin:0;border:0}

@media (max-width:640px){
  #chub-filter{padding:18px 0 28px}
  #chub-filter .chf-inner{padding:0 16px}
  #chub-filter .chf-controls{gap:10px}
  #chub-filter .chf-search{flex-basis:100%}
  #chub-filter .chf-search input{font-size:16px}
  #chub-filter .chf-sel{flex:1 1 0;min-width:0}
  #chub-filter .chf-sel select{width:100%}
  #chub-filter .chf-chips{display:none!important}
}