.filter-backdrop{position:fixed;inset:0;background:#162e4259;backdrop-filter:blur(2px);z-index:1200}
.filter-panel{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 28px))!important;max-height:85dvh!important;overflow:auto;z-index:1201!important;padding:24px;border-radius:16px;box-shadow:0 16px 70px #102a4650}
.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.filter-heading h2{font-size:21px;margin:0}.filter-heading button{border:0;background:#f0f4f5;width:34px;height:34px}
.filter-panel>p{font-size:12px;line-height:1.7;color:#627780;margin:12px 0 22px}.filter-panel fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.filter-panel legend{font-size:13px;font-weight:700;margin-bottom:10px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice-grid button{padding:12px 5px;min-height:44px;background:#fff;border:1px solid #d8e1e5;border-radius:7px;font-size:12px;color:#3c535f}.choice-grid button.chosen{background:#e8f4ff;border:2px solid #087bc9;color:#075d99;padding:11px 4px;font-weight:700}.choice-grid button:focus-visible{outline:3px solid #efc42f;outline-offset:2px}.filter-footer{position:sticky;bottom:-24px;background:white;padding:16px 0 0;display:flex;gap:10px;border-top:1px solid #e5eaeb}.filter-footer>button{padding:14px;min-height:46px}.filter-footer .apply{margin:0;flex:1;width:auto}.filter-hint{color:#73868d;font-size:11px}.filter-panel[hidden],.filter-backdrop[hidden]{display:none!important}
@media(max-width:700px){.filter-panel{padding:20px}.choice-grid{gap:7px}.filter-footer{bottom:-20px}}
