.filters-form{gap:18px;display:grid}.filters__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.filters__title{font-size:22px}.filters__close{background:var(--bg-warm);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:0;border-radius:50%;font-size:26px;line-height:1;display:none}.filter-group{border:0;gap:8px;min-width:0;display:grid}.filter-group>legend,.filter-group>summary{color:var(--text-secondary);padding:0;font-size:13px;font-weight:600}.filter-group>legend{margin-bottom:8px}details.filter-group>summary{cursor:pointer;padding:6px 0;list-style-position:inside}.filters-form input:not([type=radio]):not([type=checkbox]),.filters-form select{width:100%;min-width:0;font:inherit;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffffe6;padding:10px 12px;font-size:14px}.range-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filters-form .chip{cursor:pointer;user-select:none;position:relative}.filters-form .chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex:none}.check .muted{margin-left:auto;font-size:12px}.filter-options{gap:8px;max-height:220px;padding:6px 4px 2px 0;display:grid;overflow-y:auto}.filter-actions{gap:10px;display:flex}.filter-actions .btn{flex:1;padding-inline:12px}.filters-toggle{display:none}@media (width>=1200px){.zhk-layout .filters{top:calc(var(--header-h) + 28px);max-height:calc(100vh - var(--header-h) - 56px);position:sticky;overflow-y:auto}}@media (width>=901px){.search-layout .filters{top:calc(var(--header-h) + 28px);max-height:calc(100vh - var(--header-h) - 56px);position:sticky;overflow-y:auto}}@media (width>=769px) and (width<=1199px){.zhk-layout .filters-form{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start}.zhk-layout .filters__head,.zhk-layout .filter-actions{grid-column:1/-1}}@media (width>=769px) and (width<=900px){.search-layout .filters-form{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start}.search-layout .filters__head,.search-layout .filter-actions{grid-column:1/-1}}@media (width<=768px){.filters-toggle{display:inline-flex}.filters{display:none}.filters.is-open{overscroll-behavior:contain;z-index:95;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;padding-bottom:calc(24px + env(safe-area-inset-bottom));background:#fff;display:block;position:fixed;inset:auto 0 0;overflow-y:auto}.filters__close{justify-content:center;align-items:center;display:inline-flex}.filter-actions{bottom:calc(-24px - env(safe-area-inset-bottom));background:#fff;padding:12px 0 4px;position:sticky}body:has(.filters.is-open){overflow:hidden}body:has(.filters.is-open):before{content:"";z-index:94;background:#17171759;position:fixed;inset:0}}body[data-design=story] .filters{background:var(--bg-card);box-shadow:none;border-color:#0000;padding:24px}body[data-design=story] .filters-form{gap:24px}body[data-design=story] .filter-group>legend,body[data-design=story] .filter-group>summary{color:var(--text-primary);font-size:15px}body[data-design=story] .filters-form input:not([type=radio]):not([type=checkbox]),body[data-design=story] .filters-form select{background:0 0;min-height:44px}body[data-design=story] .filter-actions{flex-wrap:wrap}body[data-design=story] .filter-actions .btn{flex-basis:100%;min-height:48px}@media (width<=768px){body[data-design=story] .filter-actions{background:var(--bg-card)}body[data-design=story] .filters.is-open{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}