.catalog-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;margin-top:24px}
.catalog-results{min-width:0}.catalog-results>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.catalog-sidebar{position:sticky;top:148px;max-height:calc(100dvh - 164px);overflow:auto;border:1px solid #ffffff24;border-radius:16px;background:#101010;color:#f7f7f7;scrollbar-width:thin;scrollbar-color:#666 #101010}
.catalog-sidebar .filters{display:block;padding:0 20px;border:0;margin:0;background:none}
.catalog-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px;border-bottom:1px solid #ffffff25}
.catalog-sidebar-head h2{margin:0;font:700 24px/1.2 "Archivo",sans-serif;letter-spacing:-.03em;color:#fff}
.catalog-close{display:none;background:none;color:#fff;border:1px solid #555;border-radius:8px;width:40px;height:40px;font-size:24px}
.catalog-sidebar details{border-bottom:1px solid #ffffff25;padding:18px 0}
.catalog-sidebar summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font:600 13px/1.3 "Archivo",sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.catalog-sidebar summary::-webkit-details-marker{display:none}.catalog-sidebar summary:after{content:"+";font:400 22px/1 sans-serif;color:#bbb}.catalog-sidebar details[open]>summary:after{content:"−"}
.catalog-sidebar .filter-options{display:grid;gap:2px;margin-top:14px}
.catalog-sidebar .chip{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 6px;border:0;border-radius:6px;background:none;color:#e6e6e6;text-align:left;white-space:normal;font:400 14px/1.4 "Archivo",sans-serif}
.catalog-sidebar .chip:before{content:"";flex:0 0 18px;height:18px;border:1px solid #6e6e6e;border-radius:4px;background:#171717;box-shadow:none}
.catalog-sidebar .chip[aria-pressed=true]{color:#fff;background:#ffffff0c;font-weight:600}
.catalog-sidebar .chip[aria-pressed=true]:before{content:"✓";background:#fff;color:#111;border-color:#fff;display:grid;place-items:center;font:700 13px/1 sans-serif}
.catalog-sidebar .chip:hover{background:#ffffff0b}.catalog-sidebar .chip:focus-visible,.catalog-sidebar summary:focus-visible{outline:2px solid #fff;outline-offset:2px}
.catalog-sidebar .chip .n{margin-left:auto;font:400 12px "Archivo",sans-serif;color:#999}.catalog-sidebar .chip small{font-size:11px;color:#aaa}
.catalog-sidebar .chip-sw i{width:12px;height:12px;flex:none;border:1px solid #888}
.catalog-sidebar .chip-empty{opacity:.45}
.catalog-sidebar .popular{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 0;padding:0}
.catalog-sidebar .pop{display:flex;justify-content:space-between;align-items:center;gap:4px;border:1px solid #444;border-radius:6px;background:none;color:#ddd;padding:9px 7px;font:400 11px/1.4 "Archivo",sans-serif;text-decoration:none}
.catalog-sidebar .pop small{color:#999}.catalog-sidebar .pop:hover,.catalog-sidebar .pop.on{border-color:#fff;color:#fff}
.catalog-sidebar .filter-foot{position:sticky;bottom:0;display:grid;gap:10px;margin:0 -20px;padding:18px 20px;border-top:1px solid #333;background:#101010}
.catalog-sidebar .result-count{font:600 13px/1.4 "Archivo",sans-serif;color:#fff}
.catalog-sidebar .reset{color:#ddd;text-align:left;font-size:12px;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
.catalog-done{display:none;min-height:46px;border:0;border-radius:8px;background:#fff;color:#111;font-weight:700}
.catalog-filter-toggle{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid #666;border-radius:10px;background:#141414;color:#fff;font:600 13px "Archivo",sans-serif;cursor:pointer}
.catalog-filter-toggle svg{width:18px;height:18px}.catalog-filter-toggle:hover{border-color:#fff}
.catalog-layout.filters-hidden{grid-template-columns:1fr}.catalog-layout.filters-hidden .catalog-sidebar{display:none}
.catalog-scrim{display:none}
@media(min-width:901px) and (max-width:1100px){.catalog-layout{grid-template-columns:230px minmax(0,1fr);gap:24px}.catalog-results>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.catalog-layout{display:block}.catalog-sidebar{display:none;position:fixed;inset:0 auto 0 0;top:0;width:min(370px,90vw);height:100dvh;max-height:none;z-index:1001;border-radius:0 16px 16px 0;box-shadow:20px 0 60px #0008}.catalog-layout.filters-open .catalog-sidebar{display:block}.catalog-close,.catalog-done{display:block}.catalog-sidebar-head{position:sticky;top:0;z-index:2;background:#101010}.catalog-scrim{position:fixed;inset:0;background:#000a;z-index:1000;border:0}.catalog-layout.filters-open .catalog-scrim{display:block}.catalog-results>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.filter-top{flex-wrap:wrap}.filter-top>.search{flex:1 1 100%}.filter-top .sort{margin-left:auto}.filter-top .sort select{max-width:180px}}