.msf{margin-bottom:16px}.msf-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.msf-dropdowns{display:flex;flex-wrap:wrap;gap:8px;flex:1}.msf-dropdown{position:relative}.msf-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-family:var(--font-display, "Fredoka", sans-serif);font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1}.msf-trigger:hover{border-color:#cbd5e1;background:#f8fafc}.msf-trigger.has-active{border-color:var(--kc-primary, #f59e0b);background:#fffbeb;color:var(--kc-primary-dark, #d97706)}.msf-trigger.open{border-color:var(--kc-primary, #f59e0b);background:#fffbeb;box-shadow:0 0 0 3px #f59e0b1f}.msf-trigger-label{pointer-events:none}.msf-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--kc-primary, #f59e0b);color:#fff;font-size:11px;font-weight:700;border-radius:100px;line-height:1;pointer-events:none}.msf-chevron{transition:transform .2s ease;opacity:.5;pointer-events:none}.msf-trigger.open .msf-chevron{transform:rotate(180deg);opacity:.8}.msf-dropdown[data-filter-id=highlights] .msf-panel,.msf-dropdown[data-filter-id=features] .msf-panel{min-width:260px}.msf-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:6px;z-index:50;box-shadow:0 4px 6px -1px #00000012,0 10px 20px -2px #0000000d;animation:msfPanelIn .15s ease-out}@keyframes msfPanelIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.msf-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .1s ease;user-select:none}.msf-option:hover{background:#f8fafc}.msf-option.checked{background:#fffbeb}.msf-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #cbd5e1;border-radius:5px;background:#fff;cursor:pointer;transition:all .15s ease;flex-shrink:0;position:relative}.msf-checkbox:checked{background:var(--kc-primary, #f59e0b);border-color:var(--kc-primary, #f59e0b)}.msf-checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.msf-checkbox:focus-visible{outline:2px solid var(--kc-primary, #f59e0b);outline-offset:2px}.msf-option-label{flex:1;font-size:13px;font-weight:500;color:#334155}.msf-option.checked .msf-option-label{color:var(--kc-primary-dark, #d97706);font-weight:600}.msf-option-count{font-size:11px;color:#94a3b8;font-weight:600;min-width:20px;text-align:center;margin-left:auto}.msf-option.checked .msf-option-count{color:var(--kc-primary-dark, #d97706)}.msf-clear{display:none;align-items:center;gap:4px;padding:8px 14px;background:transparent;border:1.5px solid #e2e8f0;border-radius:10px;font-family:var(--font-display, "Fredoka", sans-serif);font-size:13px;font-weight:600;color:#94a3b8;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1}.msf-clear.visible{display:inline-flex}.msf-clear:hover{color:#ef4444;border-color:#fecaca;background:#fef2f2}.msf-clear svg{opacity:.7}.msf-active-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.msf-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;background:#fffbeb;border:1.5px solid rgba(245,158,11,.3);border-radius:100px;font-size:12px;font-weight:600;color:var(--kc-primary-dark, #d97706);cursor:pointer;transition:all .15s ease;line-height:1.4}.msf-chip:hover{background:#fef3c7;border-color:var(--kc-primary, #f59e0b)}.msf-chip svg{opacity:.5;transition:opacity .1s}.msf-chip:hover svg{opacity:1}@media(max-width:640px){.msf-dropdowns{gap:6px}.msf-trigger{padding:7px 11px;font-size:12px;border-radius:8px}.msf-panel{min-width:180px;padding:4px}.msf-option{padding:7px 10px}.msf-chip{font-size:11px;padding:3px 8px 3px 10px}.msf-clear{padding:7px 11px;font-size:12px}}.msf-dropdown:last-child .msf-panel,.msf-dropdown:nth-last-child(2) .msf-panel{left:auto;right:0}@media(prefers-reduced-motion:reduce){.msf-panel{animation:none}.msf-trigger,.msf-chip,.msf-clear,.msf-chevron,.msf-checkbox{transition:none}}