@layer pages {
  .catalog-section{padding-top:40px}.catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start}.filter-panel{position:sticky;top:95px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-head h2{font-size:19px}.filter-head a{font-size:11px;color:var(--lime)}.filter-panel form{display:grid;gap:17px}.filter-panel fieldset{border:0;padding:0;margin:0}.filter-panel legend,.filter-panel label>span{display:block;color:var(--muted);font-size:11px;font-weight:800;margin-bottom:7px}.search-field div{position:relative}.search-field svg{position:absolute;width:16px;left:11px;top:14px;fill:none;stroke:var(--muted);stroke-width:1.8}.search-field input{padding-left:34px}.radio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.radio-grid a{text-align:center;padding:6px 2px;background:var(--bg-2);border:1px solid var(--line);border-radius:7px;font-size:10px;color:var(--muted)}.radio-grid a.selected{color:#10200b;background:var(--lime);border-color:var(--lime);font-weight:900}.catalog-toolbar{height:55px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.catalog-toolbar p{font-size:12px}.catalog-toolbar label{display:flex;align-items:center;gap:8px}.catalog-toolbar select{min-height:38px;padding-block:7px;width:160px}.filter-toggle{display:none}
}

@layer responsive {
  @media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.filter-panel{display:none;position:static}.filter-panel.open{display:block}.filter-toggle{display:inline-flex}}
  @media(max-width:650px){.catalog-toolbar{height:auto;gap:10px}.catalog-toolbar p{display:none}.catalog-toolbar form{margin-left:auto}.catalog-toolbar label{font-size:0}}
}