/* SerialCars — страница каталога */
.page-catalog{background:var(--surface,#07090D)}
.cat{padding:var(--sp-12,48px) 0 var(--sp-16,64px);min-height:70vh}
.cat__top{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-8,32px);flex-wrap:wrap;margin-bottom:var(--sp-6,24px)}
.cat h1{font-size:var(--fs-h2,clamp(24px,3.4vw,40px));margin-bottom:var(--sp-3,12px);max-width:16ch}
.cat__lead{max-width:60ch;margin:0}
.cat__kpi{list-style:none;display:flex;gap:var(--sp-8,32px);padding:0;margin:0}
.cat__kpi b{display:block;font-weight:700;font-size:var(--fs-24,24px);line-height:var(--lh-24,32px);font-family:var(--font-display,"Unbounded",sans-serif);letter-spacing:-.02em}
.cat__kpi span{font-weight:500;font-size:var(--fs-12,12px);line-height:var(--lh-12,16px);font-family:var(--font-mono,"JetBrains Mono",monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle,#8A93A3)}
.cat__presets{display:flex;gap:var(--sp-2,8px);flex-wrap:wrap;margin:0 0 var(--sp-6,24px);padding-bottom:var(--sp-6,24px);border-bottom:1px solid var(--border,rgba(255,255,255,.08))}



.cat__grid{display:grid;grid-template-columns:288px 1fr;gap:var(--sp-6,24px);align-items:start}
/* панель фильтров */
.flt{position:sticky;top:calc(var(--header-h,74px) + var(--sp-4,16px));background:var(--surface-raised,#12161E);border:1px solid var(--border,rgba(255,255,255,.08));border-radius:var(--radius-lg,18px);max-height:calc(100vh - var(--header-h,74px) - var(--sp-8,32px));display:flex;flex-direction:column}
.flt__head{display:flex;align-items:center;gap:var(--sp-3,12px);padding:var(--sp-4,16px) var(--sp-4,16px);border-bottom:1px solid var(--border,rgba(255,255,255,.08))}
.flt__head b{font-weight:600;font-size:var(--fs-16,16px);line-height:var(--lh-16,24px);font-family:var(--font-display,"Unbounded",sans-serif);flex:1}
.flt__reset{background:none;border:0;color:var(--accent-text,#FF5240);font-weight:600;font-size:var(--fs-14,14px)}
.flt__close{display:none;background:none;border:0;font-size:var(--fs-24,24px);line-height:1;color:var(--text-muted,#A7B0BE)}
.flt__body{overflow:auto;padding:var(--sp-1,4px) var(--sp-4,16px) var(--sp-4,16px)}












.flt__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2,8px)}
.flt__hint{font-weight:500;font-size:var(--fs-12,12px);line-height:var(--lh-12,16px);font-family:var(--font-mono,"JetBrains Mono",monospace);color:var(--text-subtle,#8A93A3);margin-top:var(--sp-2,8px)}.flt__hint b{color:var(--text,#F2F3F5)}









/* правая колонка */
.cat__bar{display:flex;align-items:center;gap:var(--sp-4,16px);flex-wrap:wrap;margin-bottom:var(--sp-4,16px)}
.cat__bar .cat__count{margin:0;flex:1}
.cat__tools{display:flex;gap:var(--sp-3,12px);align-items:center}



.flt__open{display:none;position:relative}
.flt__open i{font-style:normal;background:var(--accent,#E02D1F);color:var(--accent-contrast,#FFFFFF);border-radius:var(--radius-sm,8px);padding:1px var(--sp-2,8px);font-weight:700;font-size:var(--fs-12,12px);line-height:var(--lh-12,16px);font-family:var(--font-mono,"JetBrains Mono",monospace);margin-left:var(--sp-2,8px)}
.cat__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2,8px);margin-bottom:var(--sp-4,16px)}

















.cat .empty{display:grid;gap:var(--sp-4,16px);justify-items:center}
@media(max-width:1100px){.cat__grid{grid-template-columns:1fr}
 .flt{position:fixed;inset:0 auto 0 0;z-index:var(--z-overlay,1200);width:min(340px,86vw);max-height:none;border-radius:0;transform:translateX(-102%);transition:transform var(--dur-base,200ms) cubic-bezier(.2,.7,.2,1);border-left:0}
 
 body.flt-open .flt{transform:none;box-shadow:var(--shadow-lg,0 32px 72px rgba(0,0,0,.52))}
 body.flt-open::after{content:"";position:fixed;inset:0;background:var(--overlay,rgba(4,5,7,.78));z-index:calc(var(--z-overlay,1200) - 1)}
 .flt__close{display:block}.flt__open{display:inline-flex}
 }
@media(max-width:720px){.cat{padding:var(--sp-6,24px) 0 var(--sp-16,64px)}.cat__kpi{gap:var(--sp-6,24px)}.cat__kpi b{font-size:var(--fs-20,20px)}
 .cat__bar{gap:var(--sp-3,12px)}.cat__tools{width:100%;flex-wrap:wrap}
 }