*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;background:#f8f8f8}a{color:inherit}.container{width:min(1100px,92%);margin:0 auto}.page{padding:24px 0 48px}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.catalog{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.topnav{background:#fff;border-bottom:1px solid #ddd;padding:12px 0}.topnav nav{display:flex;gap:12px}.catalog-filters-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.filter-field{display:grid;grid-gap:4px;gap:4px}.filter-field>span{font-size:12px;color:#555}.filter-field input,.filter-field select{padding:8px}.filters-mobile-sticky{display:none}.filters-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:60;display:grid;align-items:end}.filters-sheet{background:#fff;border-top-left-radius:14px;border-top-right-radius:14px;padding:12px;max-height:80vh;overflow:auto}.filters-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}@media (max-width:1024px){.catalog-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.filters-desktop{display:none!important}.filters-mobile-sticky{display:block;position:-webkit-sticky;position:sticky;bottom:10px;z-index:30}.filters-mobile-sticky button{width:100%;padding:12px;border:1px solid #111;background:#111;color:#fff;border-radius:10px;font-weight:600}.catalog-filters-grid{grid-template-columns:1fr}}