.catalog-promos { display: grid; gap: 18px; position: static; }
.catalog-promo { padding: 22px; border: 1px solid var(--border); border-radius: 18px; background: var(--ui-gray); }
.catalog-promo__symbol { display: grid; place-items: center; width: 42px; height: 42px; border: 2px solid var(--ink); border-radius: 13px; font-size: 27px; margin-bottom: 16px; }
.catalog-promo h2 { margin: 0;    }
.catalog-promo > p:not(.eyebrow) { margin: 12px 0 18px; color: var(--ink-soft);   }
.catalog-promo > a, .catalog-promo > button { display: block; width: 100%; padding: 12px 10px; border: 0; border-radius: 10px; background: #171819; color: #fff;    text-align: center; text-decoration: none; cursor: pointer; }
.catalog-promo--budget .catalog-promo__symbol { border-color: transparent; background: #ace846; }
.catalog-promo > a:hover, .catalog-promo > button:hover { background: #363a32; }
/* One catalog system; --border is the existing neutral grey token. */
body:has(.catalog-layout) { --catalog-control-bg: var(--border); --catalog-control-height: 44px; }

/* 22.09.2026: строки уже выбранных марок (по образцу auto.ru — просьба
   Алексея): отдельная подсвеченная строка на марку вместо одного окна со
   списком чекбоксов, где непонятно, что вообще выбрано. */
.catalog-brand-rows {display:flex;flex-direction:column;gap:10px;margin-bottom:14px;}
.catalog-brand-row {display:grid;grid-template-columns:1fr var(--catalog-control-height,44px) 1fr 1fr var(--catalog-control-height,44px);gap:10px;align-items:stretch;}
.catalog-brand-row__brand,.catalog-brand-row__field {display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:var(--catalog-control-height,44px);padding:6px 14px;border-radius:var(--radius-sm);background:#eaf2ff;border:1px solid #bcd6fb;cursor:pointer;text-align:left;overflow:hidden;}
.catalog-brand-row__field {background:var(--catalog-control-bg);border-color:transparent;cursor:default;}
.catalog-brand-row__field.has-value {background:#eaf2ff;border-color:#bcd6fb;cursor:pointer;}
.catalog-brand-row__brand small,.catalog-brand-row__field small {color:var(--ink-soft);font-size:12px;}
.catalog-brand-row__brand strong,.catalog-brand-row__field strong {font-weight:600;color:#1a5cc7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.catalog-brand-row__field.has-value strong {color:#1a5cc7;}
.catalog-brand-row__field:not(.has-value) strong {color:var(--ink-soft);font-weight:400;}
.catalog-brand-row__remove {display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:var(--catalog-control-bg);color:var(--ink-soft);cursor:pointer;}
.catalog-brand-row__remove:hover {background:var(--border);color:var(--ink);}
/* 22.09.2026 v2: марка/модель/поколение больше не дублируются — при
   выбранных марках весь исходный блок-"движок" (он же источник попапов)
   схлопывается через visibility, а не display:none, иначе завязанные на
   него попапы (position:fixed) тоже пропали бы. */
.catalog-fields.catalog-brand-engine.is-collapsed {visibility:hidden;height:0;min-height:0;margin:0;overflow:hidden;pointer-events:none;}
/* 22.09.2026: НАШЛИ РЕАЛЬНЫЙ БАГ (клик по X5 в Модели "проваливался" на
   Пробег под попапом) — pointer-events:none у .is-collapsed НАСЛЕДУЕТСЯ
   всеми потомками, включая сам попап. Возвращали visibility:visible, но
   забывали вернуть pointer-events:auto — попап был виден, но полностью
   некликабелен, клики проходили сквозь него на поля ниже. */
.catalog-fields.catalog-brand-engine.is-collapsed .catalog-popover {visibility:visible;pointer-events:auto;}
body:has(.catalog-layout) .header-catalog-search { background: var(--catalog-control-bg); }
body:has(.catalog-layout) .header-catalog-search input::placeholder { color: var(--ink-soft); opacity: 1; }
.container:has(>.catalog-layout) { max-width: 1800px; padding-top: 24px; }
.catalog-layout { display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:32px;align-items:start; }
.catalog-layout__main {min-width:0;}
.catalog-heading {margin:0 0 24px;max-width:none;}
.catalog-heading h1 {margin:18px 0 8px;}
.catalog-heading>p {margin:0;color:var(--ink-soft);}
.catalog-breadcrumb {display:flex;gap:10px;color:var(--ink-soft);}
.catalog-breadcrumb a {color:var(--accent);text-decoration:none;}
.catalog-discovery--inline {margin:0 0 24px;}
.catalog-filter-main {display:grid;gap:12px;padding:0;border:0;background:transparent;box-shadow:none;}
.catalog-filter-main .catalog-segments {display:inline-flex;flex-wrap:nowrap;gap:2px;padding:2px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--catalog-control-bg);height:var(--catalog-control-height);}
.catalog-segments label {min-width:0;}
.catalog-filter-main .catalog-segments span {min-height:0;height:38px;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:6px;white-space:nowrap;}
.catalog-segments input:focus-visible+span {outline:2px solid var(--accent);outline-offset:1px;}
.catalog-filter-main>.catalog-segments {justify-self:start;}
.catalog-filter-main .catalog-segments input:checked+span {background:var(--surface);color:var(--ink);box-shadow:var(--shadow);}
.catalog-switch-row {display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.catalog-switch-row>span {width:auto;color:var(--ink-soft);}
.catalog-quick-chips {display:flex;gap:10px;flex-wrap:wrap;}
.catalog-quick-chips button {flex:1 1 auto;}
.catalog-quick-chips button,.catalog-switch-row>button {height:var(--catalog-control-height);min-height:var(--catalog-control-height);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--catalog-control-bg);padding:0 14px;color:var(--ink);white-space:nowrap;}
.catalog-quick-chips button:not(:disabled) {cursor:pointer;}
.catalog-quick-chips button[aria-pressed=true] {border-color:var(--accent);background:var(--accent-soft);}
.catalog-quick-chips button:disabled,.catalog-switch-row>button:disabled {background:var(--surface-soft);color:var(--ink-soft);cursor:default;border-color:var(--border);}

.catalog-quick-chips small,.catalog-switch-row small {margin-left:6px;}
.catalog-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
/* 22.09.2026: промт Ruta по auto.ru — характеристики/диапазоны теперь три
   равные главные колонки (не шесть), внутри колонки — либо пара обычных
   полей (Кузов+Коробка), либо один объединённый range-блок с двумя
   половинами (Объём/Год/Пробег/Цена), а не длинные раздельные поля. */
.catalog-fields--triplet {grid-template-columns:repeat(3,minmax(0,1fr));}
.catalog-field-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;}
.catalog-range-pair {display:flex;min-width:0;}
.catalog-range-pair .catalog-control {border-radius:0;text-align:left;}
.catalog-range-pair input.catalog-control::placeholder {color:var(--ink-soft);}
.catalog-range-pair .catalog-range-pair__start {border-radius:var(--radius-sm) 0 0 var(--radius-sm);}
.catalog-range-pair .catalog-range-pair__end {border-radius:0 var(--radius-sm) var(--radius-sm) 0;}
.catalog-range-pair__divider {width:2px;flex:0 0 2px;background:var(--surface);}
.catalog-range-pair .catalog-control.is-selected {position:relative;z-index:1;}
.catalog-picker {min-width:0;}
.catalog-layout .catalog-control {width:100%;min-width:0;height:var(--catalog-control-height);padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--catalog-control-bg);color:var(--ink);}
.catalog-control[data-picker-trigger] {cursor:pointer;text-align:left;}
.catalog-control [data-picker-label] {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.catalog-layout .catalog-control::placeholder {color:var(--ink-soft);opacity:1;}
.catalog-layout .catalog-control.is-selected {border-color:var(--accent);}
.catalog-layout .catalog-control:disabled {background:var(--surface-soft);color:var(--ink-soft);cursor:default;}
.catalog-layout .catalog-add {justify-content:center;font-size:26px;padding:0;}
.catalog-layout button:focus-visible,.catalog-layout a:focus-visible,.catalog-layout input:focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
.catalog-popover {position:fixed;z-index:80;display:flex;flex-direction:column;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow-hover);overscroll-behavior:contain;}
.catalog-popover[hidden],.catalog-active-filters[hidden],.catalog-status[hidden],.catalog-card [hidden] {display:none!important;}
.catalog-popover [data-picker-options] {overflow-y:auto;min-height:0;}
.catalog-popover button {color:var(--ink);cursor:pointer;}
.catalog-popover [role=option] {display:flex;align-items:center;gap:12px;width:100%;min-height:40px;text-align:left;border:0;border-radius:var(--radius-sm);padding:10px;background:transparent;}
.catalog-popover [role=option]:hover,.catalog-popover [role=option]:focus-visible {background:var(--surface-soft);}
.catalog-popover [role=option][aria-selected=true] {background:var(--accent-soft);}
.catalog-popover [role=option][aria-selected=true]::after {content:"✓";margin-left:auto;color:var(--accent);}
.catalog-check {width:18px;height:18px;border:1px solid var(--muted);border-radius:4px;flex-shrink:0;}
.catalog-popover [aria-selected=true] .catalog-check {background:var(--accent);border-color:var(--accent);}
.catalog-picker-tabs {display:flex;flex:0 0 auto;padding:3px;background:var(--catalog-control-bg);border-radius:var(--radius-sm);gap:3px;margin-bottom:10px;}
.catalog-picker-tabs button {border:0;background:transparent;min-height:36px;border-radius:6px;flex:1;}
.catalog-picker-tabs button[aria-pressed=true] {background:var(--surface);box-shadow:var(--shadow);}
.catalog-popover input[type=search] {height:42px;min-height:42px;width:100%;padding:0 12px 0 38px;border:1px solid #1a1a1a;border-radius:var(--radius-sm);margin-bottom:6px;-webkit-appearance:none;appearance:none;background-repeat:no-repeat;background-position:12px center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23858a85' stroke-width='1.8'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");}
.catalog-popover input[type=search]::-webkit-search-decoration,.catalog-popover input[type=search]::-webkit-search-cancel-button {-webkit-appearance:none;appearance:none;}
.catalog-popover [data-picker-clear] {min-height:38px;text-align:left;border:0;background:transparent;padding:8px 10px;color:var(--ink-soft);}
.catalog-option-group {padding:12px 10px 5px;color:var(--ink-soft);}
.catalog-option--indent {padding-left:34px;}
.catalog-segment-icon {width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.catalog-segment-icon text {stroke:none;}
.catalog-segments span {display:inline-flex;align-items:center;gap:6px;}
.catalog-option-empty {padding:10px;}
.catalog-active-filters {display:flex;gap:8px;flex-wrap:wrap;}
.catalog-active-filters button {padding:7px 10px;border:0;background:var(--surface-soft);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;}
.catalog-filter-actions {display:grid;grid-template-columns:minmax(0,1fr) calc((100% - 20px)/3);align-items:center;gap:20px;margin:0;}
.catalog-filter-actions>button:not(.catalog-show-button) {padding:0;border:0;background:transparent;color:var(--accent);text-align:left;cursor:pointer;}
.catalog-filter-actions>a {color:var(--ink-soft);}
.catalog-filter-main .catalog-show-button {height:44px;min-height:44px;width:100%;margin:0;padding:0 10px;background:var(--ink);color:var(--surface);border:0;border-radius:var(--radius-sm);box-shadow:none;}
.catalog-status {margin:0;color:var(--ink-soft);}
.catalog-toolbar {display:block;border-bottom:1px solid var(--border);padding:0 0 12px;margin:0 0 12px;}
.catalog-toolbar__count {margin:0;color:var(--ink-soft);}
.catalog-toolbar strong {color:var(--ink);}
.catalog-popular-brands {display:flex;flex-wrap:wrap;gap:8px;overflow:visible;border:0;padding:0;margin:0 0 8px;}
.catalog-brand {white-space:nowrap;display:flex;flex-direction:row;align-items:center;gap:7px;padding:4px 10px 4px 4px;background:var(--surface-soft);border-radius:var(--radius-sm);text-decoration:none;}
.catalog-brand__logo {width:28px;height:28px;background:var(--surface);}
.catalog-brand__logo img {width:21px;height:21px;object-fit:contain;}
.catalog-brand.is-selected {background:var(--accent-soft);}
.catalog-all-brands {margin:0 0 12px;}
.catalog-all-brands summary {cursor:pointer;color:var(--ink-soft);}
.catalog-all-brands__list {display:flex;flex-wrap:wrap;gap:12px;padding:12px 0;}
.catalog-sort-row {display:flex;margin:0 0 16px;}
.catalog-sort-row .catalog-control {background:transparent;width:auto;padding:0;gap:14px;}
.catalog-list {display:grid;grid-template-columns:minmax(0,1fr);gap:16px;}
.catalog-card {display:grid;grid-template-columns:clamp(220px,26%,310px) minmax(0,1fr) 80px 170px;grid-template-rows:min-content 1fr;gap:12px 18px;padding:12px;background:var(--surface-soft);border:0;border-radius:var(--radius);min-width:0;transition:background .15s;}
.catalog-card:hover {background:var(--border);}
.catalog-card>* {min-width:0;}
.catalog-card__photo {grid-column:1;grid-row:1/3;position:relative;align-self:start;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-sm);background:var(--border);}
.catalog-card__photo>img {width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;display:block;}
.catalog-card__photo .car-card__photo-placeholder {height:100%;}
.catalog-card__photo .tag {position:absolute;top:8px;left:8px;}
.catalog-card__info {grid-column:2;grid-row:1;}
.catalog-card__info h2 {margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.catalog-card__info h2 a {text-decoration:none;}
.catalog-card:hover h2 a {color:var(--accent);}
.catalog-card__trim {margin:7px 0 0;color:var(--ink-soft);overflow-wrap:anywhere;}
.catalog-card__details {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin:12px 0;overflow-wrap:anywhere;}
.catalog-card__source {color:var(--ink-soft);margin:10px 0 0;}
.catalog-card__source small {display:block;color:var(--ink-soft);opacity:.8;}
.catalog-card__age {grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:10px;}

.catalog-card__price {grid-column:4;grid-row:1;display:flex;flex-direction:column;align-items:start;gap:10px;}
.catalog-card__price>strong {white-space:nowrap;}
.catalog-card__price>.catalog-card__price-request {white-space:normal;}

.catalog-card__contact {grid-column:2/4;grid-row:2;display:flex;gap:8px;align-self:start;flex-wrap:wrap;}
.catalog-card__contact>a,.catalog-card__contact>button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:var(--radius-sm);padding:0 14px;background:var(--good);color:white;text-decoration:none;cursor:pointer;}
.catalog-card__contact>a:hover,.catalog-card__contact>button:hover {background:color-mix(in srgb,var(--good) 85%,black);}
.catalog-card__actions {grid-column:4;grid-row:2;align-self:end;justify-self:end;display:flex;gap:6px;}
.catalog-card__actions>button {display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer;}
.catalog-card__actions svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.catalog-card__actions>button:hover {background:var(--surface);}
.catalog-card__actions>button[aria-pressed=true] {background:var(--accent-soft);color:var(--accent);}
.catalog-card__actions [data-favorite-id][aria-pressed=true] svg {fill:currentColor;}
.catalog-card__actions>button:active,.catalog-card__contact>button:active {filter:brightness(.9);}

@media(max-width:1500px) { .catalog-card {grid-template-columns:27% minmax(0,1fr) 64px 140px;gap:12px;}  .catalog-card__details {gap:4px 8px;margin:8px 0;}  }
@media(max-width:1100px) { .catalog-layout {grid-template-columns:minmax(0,1fr);} .catalog-promos {display:none;} }
@media(max-width:760px) { .catalog-fields {grid-template-columns:minmax(0,1fr);} .catalog-field-pair,.catalog-range-pair {grid-template-columns:minmax(0,1fr);flex-direction:column;} .catalog-range-pair .catalog-range-pair__divider {width:100%;height:2px;flex:0 0 2px;} .catalog-range-pair .catalog-range-pair__start {border-radius:var(--radius-sm) var(--radius-sm) 0 0;} .catalog-range-pair .catalog-range-pair__end {border-radius:0 0 var(--radius-sm) var(--radius-sm);} .catalog-filter-actions {grid-template-columns:auto 1fr;} .catalog-brand-row {grid-template-columns:1fr!important;} .catalog-filter-main .catalog-show-button {grid-column:1/-1;} .catalog-card {grid-template-columns:repeat(2,minmax(0,1fr));} .catalog-card__photo {grid-column:1/-1;grid-row:auto;} .catalog-card__info {grid-column:1/-1;grid-row:auto;} .catalog-card__age {grid-column:1;grid-row:auto;} .catalog-card__price {grid-column:2;grid-row:auto;} .catalog-card__contact {grid-column:1/-1;grid-row:auto;} .catalog-card__actions {grid-column:1/-1;grid-row:auto;}  }

.catalog-heading>p:not(.eyebrow) {color:var(--ink-soft);}
.catalog-card__photo {text-decoration:none;}
.catalog-card__contact svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

@media(min-width:761px) {
.catalog-promo {background:var(--surface-soft);}
.catalog-promo>a,.catalog-promo>button {height:44px;display:flex;align-items:center;justify-content:center;padding:0 10px;}

.catalog-promo:not(:first-child) .catalog-promo__symbol {width:34px;height:34px;font-size:23px;margin-bottom:12px;}
.catalog-promo:not(:first-child)>a {background:var(--surface);border:1px solid var(--border);color:var(--ink);}
.catalog-promo:not(:first-child)>a:hover {background:var(--border);}
}

/* Compact catalog, approved AUTOHUB palette. Header layout is untouched. */
/* 22.09.2026: START-HERE.md зафиксировал разнобой у Ruta (58/52/52 px высоты,
   радиусы 9/12/13/14, свой синий вместо эталонных #E9EAEC/#DAEAFB) — сводим
   к измеренным значениям auto.ru (44px, радиус 12px) в рамках страницы каталога. */
body:has(.catalog-layout) { --catalog-control-bg: #E9EAEC; --catalog-control-height:44px; }
.catalog-layout {
  --accent:var(--good); --accent-dark:var(--good);
  --accent-soft:color-mix(in srgb,var(--good) 10%,var(--surface));
  --header-red:#e64b45; /* same existing brand token, scoped outside the header */
  --catalog-soft:color-mix(in srgb,var(--catalog-control-bg) 42%,var(--surface));
  grid-template-columns:minmax(0,1fr) 330px;gap:0 24px;
}
.catalog-layout__main {display:contents;}
.catalog-layout__main>* {grid-column:1;min-width:0;}
.catalog-layout>.catalog-promos {grid-column:2;grid-row:2/span 7;align-self:start;}
.container:has(>.catalog-layout) {max-width:1560px;padding-top:24px;}
.catalog-heading {margin-bottom:20px;}
.catalog-heading h1 {margin:16px 0 8px;}


.catalog-breadcrumb a {color:var(--ink-soft);}
.catalog-filter-main {gap:12px;}
.catalog-filter-main .catalog-segments {height:44px;border:0;padding:3px;border-radius:12px;}
.catalog-filter-main .catalog-segments span {height:38px;min-height:38px;padding:0 18px;border-radius:12px;}
.catalog-filter-main .catalog-segments label:hover span {background:var(--catalog-soft);}
.catalog-filter-main .catalog-segments input:checked+span {background:var(--surface);}
.catalog-switch-row {display:flex;flex-wrap:wrap;gap:10px;}
.catalog-quick-chips {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.catalog-layout .catalog-quick-button {display:flex;align-items:center;justify-content:center;gap:7px;height:44px;min-height:44px;padding:0 10px;border:1px solid var(--catalog-control-bg);border-radius:12px;background:var(--catalog-soft);color:var(--ink);white-space:nowrap;cursor:pointer;}
.catalog-layout .catalog-quick-button svg {width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.catalog-layout .catalog-quick-button small {margin:0 0 0 auto;padding:2px 4px;border-radius:4px;background:var(--catalog-control-bg);color:var(--ink-soft);}
.catalog-layout .catalog-switch-row .catalog-quick-button small {margin-left:0;}
.catalog-layout .catalog-quick-button:not(:disabled):hover {background:var(--surface);border-color:var(--good);}
.catalog-layout .catalog-quick-button[aria-pressed=true] {background:var(--accent-soft);border-color:var(--good);color:var(--ink);}
.catalog-layout .catalog-quick-button:disabled {background:var(--surface);color:var(--ink-soft);border-color:var(--catalog-control-bg);cursor:default;}
.catalog-layout .catalog-quick-button:disabled svg {opacity:.65;}
.catalog-fields {gap:10px;}
.catalog-layout .catalog-control {height:44px;border-radius:12px;padding:0 14px;background:var(--catalog-control-bg);}
.catalog-layout .catalog-control.is-selected {border-color:transparent;background:#DAEAFB;color:#000;}
.catalog-layout .catalog-control:disabled {background:var(--catalog-soft);}
.catalog-layout .catalog-control:focus-visible {outline:1px solid var(--good);outline-offset:1px;}
.catalog-layout .catalog-control[data-picker-trigger]:not(:disabled):hover {background:color-mix(in srgb,var(--catalog-control-bg) 82%,var(--surface));}
.catalog-control__copy {display:flex;flex-direction:column;gap:2px;min-width:0;}
.catalog-control__caption {display:none;color:var(--ink-soft);}
.catalog-control.is-selected .catalog-control__caption {display:block;}
.catalog-control__chevron {width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.catalog-layout .catalog-add {font-size:27px;padding:0;}
.catalog-layout .catalog-add:hover {background:var(--surface);box-shadow:inset 0 0 0 1px var(--good);}
.catalog-popover {border-radius:12px;}

.catalog-active-filters button {background:var(--catalog-soft);border:1px solid var(--catalog-control-bg);border-radius:8px;}
.catalog-active-filters button:hover {border-color:var(--good);}
.catalog-filter-actions {grid-template-columns:minmax(0,1fr) minmax(230px,calc((100% - 16px)/3));gap:16px;}

.catalog-filter-main .catalog-show-button {height:44px;min-height:44px;border-radius:12px;}
.catalog-toolbar {margin-bottom:10px;padding-bottom:10px;}

.catalog-brand {background:var(--catalog-soft);}
.catalog-sort-row {margin-bottom:12px;}
.catalog-sort-row .catalog-control {height:40px;background:transparent;padding:0;}
.catalog-sort-row .catalog-control[data-picker-trigger]:hover {background:transparent;}
.catalog-list {gap:12px;}
.catalog-card {grid-template-columns:25% minmax(0,1fr) 64px 145px;gap:8px 12px;padding:10px;background:var(--catalog-soft);}
.catalog-card:hover {background:var(--catalog-control-bg);}


.catalog-card__age,.catalog-card__price {gap:6px;}
.catalog-card__trim {margin-top:5px;}
.catalog-card__details {gap:2px 8px;margin:8px 0;}
.catalog-card__source {margin-top:6px;}

.catalog-card__contact {gap:6px;}
.catalog-card__contact>a,.catalog-card__contact>button {min-height:36px;padding:0 10px;gap:6px;}
.catalog-card__contact svg {width:17px;height:17px;}
.catalog-card__actions {gap:2px;}
.catalog-card__actions svg {width:22px;height:22px;}
.catalog-card__actions [data-favorite-id][aria-pressed=true] {color:var(--header-red);background:var(--surface);}
.catalog-card .badge--tbd,.catalog-card .demo-data-note {color:var(--ink-soft);background:var(--catalog-control-bg);border-color:var(--catalog-control-bg);}
.catalog-card .car-card__photo-placeholder {color:var(--ink-soft);background:var(--catalog-control-bg);}
.catalog-layout .catalog-promos {display:grid;gap:16px;position:static;padding:0;}
.catalog-layout .catalog-promo {display:flex;flex-direction:column;min-width:0;padding:20px 18px 16px;border:1px solid var(--catalog-control-bg);border-radius:16px;background:var(--catalog-soft);overflow:hidden;}
.catalog-promo__copy .eyebrow {color:var(--good);margin:0 0 8px;}
.catalog-layout .catalog-promo h2 {margin:0;}
.catalog-promo__copy>p:not(.eyebrow) {color:var(--ink-soft);margin:10px 0 0;}
.catalog-promo__image {display:block;width:calc(100% + 36px);max-width:none;height:170px;object-fit:cover;object-position:center 62%;margin:0 -18px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 90%,transparent);}
.catalog-layout .catalog-promo>a,.catalog-layout .catalog-promo>button {display:flex;align-items:center;justify-content:center;height:44px;min-height:44px;padding:0 10px;margin-top:4px;border:0;border-radius:12px;background:var(--ink);color:var(--surface);}
.catalog-layout .catalog-promo>a:hover,.catalog-layout .catalog-promo>button:hover {background:var(--ink-soft);}
@media(max-width:1400px) {
 .catalog-layout {grid-template-columns:minmax(0,1fr) 300px;gap:0 20px;}
 .catalog-layout .catalog-quick-button {padding:0 8px;gap:5px;}
 .catalog-quick-chips {grid-template-columns:repeat(2,minmax(0,1fr));}
 .catalog-card {grid-template-columns:24% minmax(0,1fr) 60px 130px;gap:8px;}


}
@media(max-width:1100px) {
 .catalog-layout {display:flex;flex-direction:column;gap:0;}
 .catalog-layout__main>* {width:100%;}
 .catalog-heading {order:0;}
 .catalog-discovery {order:1;}
 .catalog-layout>.catalog-promos {order:2;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 24px;}
 .catalog-toolbar {order:3;}
 .catalog-popular-brands {order:4;}
 .catalog-all-brands {order:5;}
 .catalog-sort-row {order:6;}
 .catalog-list {order:7;}
 .catalog-load-more {order:8;}
 .catalog-fields {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:600px) {

 .catalog-breadcrumb {flex-wrap:wrap;gap:4px;}
 .catalog-filter-main>.catalog-segments,.catalog-switch-row>.catalog-segments {display:flex;width:100%;justify-self:stretch;}
 .catalog-segments label {flex:1;}
 .catalog-filter-main .catalog-segments span {padding:0 10px;}
 .catalog-switch-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
 .catalog-switch-row>.catalog-segments {grid-column:1/-1;}
 .catalog-quick-chips {display:flex;overflow-x:auto;padding:2px;gap:8px;}
 .catalog-quick-chips .catalog-quick-button {flex:0 0 auto;min-width:190px;}
 .catalog-field-pair,.catalog-range-pair {grid-template-columns:minmax(0,1fr);flex-direction:column;}
 .catalog-range-pair .catalog-range-pair__divider {width:100%;height:2px;flex:0 0 2px;}
 .catalog-range-pair .catalog-range-pair__start {border-radius:var(--radius-sm) var(--radius-sm) 0 0;}
 .catalog-range-pair .catalog-range-pair__end {border-radius:0 0 var(--radius-sm) var(--radius-sm);}
 .catalog-layout>.catalog-promos {grid-template-columns:minmax(0,1fr);}
 .catalog-promo__image {height:190px;}
 .catalog-filter-actions {grid-template-columns:auto 1fr;}
 .catalog-card {grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;}

}
@media(max-width:600px) { .catalog-quick-chips {flex-wrap:nowrap;} }
.catalog-card .car-card__photo-placeholder>* {color:var(--ink-soft);}
.catalog-popover [role=option][hidden] {display:none;}

/* Approved three-level filter composition; scoped to the filter only. */
.catalog-filter-main .catalog-quick-cards {
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
 overflow:visible;padding:0;margin:0 0 4px;
}
.catalog-layout .catalog-quick-cards .catalog-quick-button {
 width:100%;min-width:0;height:76px;min-height:76px;padding:0 12px;
 gap:10px;border-radius:var(--radius);justify-content:flex-start;
 white-space:normal;text-align:left;
}
.catalog-quick-cards .catalog-quick-button>span {min-width:0;}
.catalog-layout .catalog-quick-cards svg {width:30px;height:30px;flex-basis:30px;}
.catalog-layout .catalog-quick-button:disabled {opacity:1;}
.catalog-layout .catalog-quick-cards .catalog-quick-button:disabled {background:var(--catalog-soft);color:var(--ink-soft);}
.catalog-layout .catalog-quick-cards small {padding:3px 5px;white-space:nowrap;}
.catalog-layout .catalog-quick-cards .catalog-quick-button[aria-pressed=true] {background:var(--catalog-soft);box-shadow:inset 0 -3px var(--good);}
.catalog-quick-cards .catalog-quick-button[aria-pressed=true] svg,.catalog-icon-accent {color:var(--good);}
.catalog-quick-cards .catalog-quick-button:not(:disabled):active {border-color:var(--good);background:var(--catalog-control-bg);}
.catalog-filter-main .catalog-switch-line {
 display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,.9fr) minmax(0,1.05fr);
 gap:12px;margin:0 0 4px;align-items:stretch;
}
.catalog-filter-main .catalog-switch-line .catalog-segments {
 display:flex;width:100%;min-width:0;height:56px;border-radius:12px;gap:0;
}
.catalog-switch-line .catalog-segments label {flex:1;min-width:0;}
.catalog-filter-main .catalog-switch-line .catalog-segments span {
 height:50px;min-height:50px;padding:0 7px;white-space:nowrap;box-shadow:none;
}
.catalog-filter-main .catalog-switch-line input:checked+span {box-shadow:inset 0 -3px var(--good);}
.catalog-layout .catalog-switch-line .catalog-quick-button {height:56px;min-height:56px;min-width:0;padding:0 8px;gap:6px;background:var(--catalog-soft);}
.catalog-layout .catalog-switch-line small {white-space:nowrap;padding:2px 3px;}
.catalog-needle {transform-origin:12px 17px;}
.catalog-ruble-ring {stroke:var(--good);opacity:.25;transform-origin:12px 12px;}
.catalog-quick-button--speed:not(:disabled):is(:hover,:focus-visible) .catalog-needle {animation:catalog-needle 400ms ease-in-out 1;}
.catalog-quick-button--ruble:not(:disabled):is(:hover,:focus-visible) .catalog-ruble-ring {animation:catalog-ring 400ms ease-out 1;}
@keyframes catalog-needle {0%,100%{transform:rotate(0);}50%{transform:rotate(18deg);}}
@keyframes catalog-ring {0%{transform:scale(.8);opacity:0;}40%{opacity:.8;}100%{transform:scale(1.12);opacity:0;}}
/* Disabled chart and mountain icons deliberately stay still. */
@media(min-width:1700px) {
 .catalog-layout .catalog-quick-cards .catalog-quick-button {padding-inline:20px;}
}
@media(min-width:1101px) and (max-width:1500px) {
 .catalog-filter-main .catalog-switch-line {gap:8px;}
 .catalog-filter-main .catalog-switch-line .catalog-segments span {padding-inline:4px;}
 .catalog-layout .catalog-switch-line .catalog-quick-button {gap:4px;padding-inline:5px;}
 .catalog-layout .catalog-switch-line small {padding-inline:2px;}
 .catalog-layout .catalog-quick-cards .catalog-quick-button {padding-inline:9px;gap:7px;}
 .catalog-layout .catalog-quick-cards small {padding-inline:3px;}
}
@media(max-width:1100px) {
 .catalog-filter-main .catalog-switch-line {grid-template-columns:repeat(2,minmax(0,1fr));}
 .catalog-filter-main .catalog-switch-line>.catalog-segments {grid-column:auto;}
}
@media(max-width:700px) {
 .catalog-filter-main .catalog-quick-cards {display:flex;overflow-x:auto;gap:10px;padding:4px;}
 .catalog-layout .catalog-quick-cards .catalog-quick-button {flex:0 0 240px;}
 .catalog-filter-main .catalog-switch-line>.catalog-segments {grid-column:1/-1;}
}
@media(prefers-reduced-motion:reduce) {
 .catalog-quick-cards svg,.catalog-quick-cards svg * {animation:none!important;transition:none!important;transform:none!important;}
 .catalog-quick-cards .catalog-quick-button:is(:hover,:focus-visible) svg {color:var(--good);}
}
@media(max-width:700px) {
 .catalog-layout .catalog-switch-line .catalog-quick-button {white-space:normal;gap:4px;padding-inline:5px;}
 .catalog-layout .catalog-switch-line small {padding-inline:2px;}
 .catalog-layout .catalog-switch-line .catalog-quick-button>span {min-width:0;}
}

/* Horizontal listing card: independent from the home-page card. */
.catalog-list:has(.catalog-card--horizontal) {gap:18px;}
.catalog-card--horizontal {
 grid-template-columns:360px minmax(0,1fr) 76px minmax(185px,auto);
 grid-template-rows:minmax(0,1fr) 48px;gap:12px 18px;
 height:auto;padding:16px;border:1px solid var(--catalog-control-bg);border-radius:24px;
 background:var(--catalog-soft);box-shadow:none;
}
.catalog-card--horizontal .catalog-card__photo {height:auto;min-height:0;width:100%;aspect-ratio:4/3;align-self:start;padding:0;overflow:hidden;border-radius:20px;}
.catalog-card--horizontal .catalog-card__photo .tag {position:absolute;top:12px;left:12px;bottom:auto;z-index:1;display:flex;align-items:center;min-height:32px;padding:0 14px;border-radius:12px;background:var(--surface);color:var(--ink);}
.catalog-card--horizontal .catalog-card__info {display:flex;flex-direction:column;min-height:0;}
.catalog-card--horizontal .catalog-card__info h2 {flex-shrink:0;}
.catalog-card--horizontal .catalog-card__trim {margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0;}
.catalog-card--horizontal .catalog-card__details {gap:5px 18px;margin:14px 0 8px;}
.catalog-card--horizontal .catalog-card__source {margin:auto 0 0;padding-top:8px;border-top:1px solid var(--catalog-control-bg);}
.catalog-card--horizontal .catalog-card__source small {margin-top:3px;}
.catalog-card--horizontal .catalog-card__age {gap:12px;color:var(--ink-soft);}
.catalog-card--horizontal .catalog-card__age strong {color:var(--ink);}
.catalog-card--horizontal .catalog-card__price {align-items:flex-end;text-align:right;gap:12px;}

.catalog-card--horizontal .catalog-card__price>.catalog-card__price-request {white-space:normal;}
.catalog-card--horizontal .catalog-card__price .badge {padding:7px 12px;border-radius:10px;}
.catalog-card--horizontal .catalog-card__contact {align-self:end;flex-wrap:nowrap;gap:12px;}
.catalog-card--horizontal .catalog-card__contact>a,.catalog-card--horizontal .catalog-card__contact>button {height:48px;min-height:48px;padding:0 16px;border-radius:12px;gap:10px;white-space:nowrap;transition:background 180ms ease,transform 180ms ease;}
.catalog-card--horizontal .catalog-card__contact svg {width:21px;height:21px;flex-shrink:0;}
.catalog-card--horizontal .catalog-card__contact>a:active,.catalog-card--horizontal .catalog-card__contact>button:active {transform:scale(.98);}
.catalog-card--horizontal .catalog-card__actions {gap:9px;align-self:end;}
.catalog-card--horizontal .catalog-card__actions>button {width:44px;height:44px;border-radius:12px;background:var(--catalog-control-bg);transition:background 180ms ease,transform 180ms ease;}
.catalog-card--horizontal .catalog-card__actions>button:hover {background:var(--surface);}
.catalog-card--horizontal .catalog-card__actions>button:active {transform:scale(.96);}
.catalog-card--horizontal .catalog-card__actions svg {width:25px;height:25px;}
.catalog-card--horizontal .catalog-card__actions>button[aria-pressed=true] {background:var(--accent-soft);}
@media(max-width:1500px) and (min-width:1101px) {
 .catalog-card--horizontal {grid-template-columns:360px minmax(0,1fr) 65px minmax(160px,auto);column-gap:12px;}

 .catalog-card--horizontal .catalog-card__details {gap:4px 10px;}
 .catalog-card--horizontal .catalog-card__contact>a,.catalog-card--horizontal .catalog-card__contact>button {padding-inline:10px;gap:6px;}
}
@media(max-width:1100px) {
 .catalog-card--horizontal {grid-template-columns:320px minmax(0,1fr) 65px 165px;column-gap:12px;}


 .catalog-card--horizontal .catalog-card__contact>a,.catalog-card--horizontal .catalog-card__contact>button {padding-inline:10px;gap:6px;}
}
@media(max-width:760px) {
 .catalog-card--horizontal {height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:14px;padding:12px;}
 .catalog-card--horizontal .catalog-card__photo {height:auto;aspect-ratio:4/3;grid-column:1/-1;grid-row:auto;}
 .catalog-list .catalog-card--horizontal .catalog-card__photo .tag--country {top:8px;left:8px;z-index:5;min-height:20px;padding:0 7px;border-radius:7px;background:rgba(255,255,255,.92);font-size:11px;line-height:14px;}
 .catalog-list .catalog-card--horizontal .photo-badges {left:8px;right:8px;bottom:8px;gap:4px;}
 .catalog-list .catalog-card--horizontal .photo-badges .photo-badge {min-height:20px;padding:2px 6px;border-radius:6px;font-size:10px;line-height:14px;}
 .catalog-card--horizontal .catalog-card__info {grid-column:1/-1;grid-row:auto;}
 .catalog-card--horizontal .catalog-card__source {margin-top:8px;}
 .catalog-card--horizontal .catalog-card__age {grid-column:1;grid-row:auto;}
 .catalog-card--horizontal .catalog-card__price {grid-column:2;grid-row:auto;}
 .catalog-card--horizontal .catalog-card__contact {grid-column:1/-1;grid-row:auto;gap:8px;flex-wrap:wrap;}
 .catalog-card--horizontal .catalog-card__actions {grid-column:1/-1;grid-row:auto;}
 .catalog-card--horizontal .catalog-card__price .badge {padding:5px 7px;}
}
@media(prefers-reduced-motion:reduce) {
 .catalog-card--horizontal .catalog-card__contact>*,.catalog-card--horizontal .catalog-card__actions>button {transition:none;transform:none!important;}
}
/* Typography correction, without changing listing structure or height. */






.catalog-card--horizontal .catalog-card__source small{opacity:1;}








@media(max-width:1500px) and (min-width:1101px){.catalog-card--horizontal .catalog-card__contact{gap:6px;}.catalog-card--horizontal .catalog-card__contact>a,.catalog-card--horizontal .catalog-card__contact>button{padding-inline:8px;gap:5px;}}

@media(min-width:1101px) and (max-width:1279px){.catalog-card--horizontal{grid-template-columns:320px minmax(0,1fr) 65px 160px;}}
@media(min-width:761px) and (max-width:1023px){.catalog-card--horizontal{grid-template-columns:28% minmax(0,1fr) 65px 165px;}}

/* 2026-09-08: visual-only catalogue filter refinement; preserve all grids. */
#catalog-filters .catalog-quick-cards .catalog-quick-button {
 height:44px;min-height:44px;padding:2px 8px;gap:6px;border-radius:11px;
 background:var(--ui-gray);border:1px solid var(--ui-border);box-shadow:none;
 font-size:14px;line-height:18px;font-weight:400;
}
#catalog-filters .catalog-quick-cards svg {width:20px;height:20px;flex:0 0 20px;}
#catalog-filters .catalog-quick-cards small {font-size:11px;line-height:14px;padding:2px 3px;margin-left:auto;flex:none;background:var(--ui-gray);}
#catalog-filters .catalog-quick-cards .catalog-quick-button[aria-pressed=true] {border-color:#138345;background:var(--ui-gray);box-shadow:none;}
#catalog-filters .catalog-quick-cards .catalog-quick-button:not(:disabled):hover {border-color:#138345;}
#catalog-filters .catalog-switch-line .catalog-segments,
#catalog-filters .catalog-switch-line .catalog-quick-button {
 height:36px;min-height:36px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;
}
#catalog-filters .catalog-switch-line .catalog-segments {gap:6px;}
#catalog-filters .catalog-switch-line .catalog-segments span {
 height:36px;min-height:36px;padding:0 5px;background:transparent;border:0;border-radius:0;box-shadow:none;
 color:#626873;font-size:14px;line-height:20px;font-weight:400;
}
#catalog-filters .catalog-switch-line .catalog-segments input:checked+span {color:#111;font-weight:700;background:transparent;box-shadow:none;}
#catalog-filters .catalog-switch-line .catalog-segments input:focus-visible+span {outline:2px solid #138345;outline-offset:-2px;}
#catalog-filters .catalog-switch-line .catalog-quick-button {font-size:14px;line-height:18px;gap:5px;color:#737780;}
#catalog-filters .catalog-switch-line small {font-size:11px;line-height:14px;padding:2px 3px;}
#catalog-filters .catalog-fields {row-gap:12px;}
#catalog-filters .catalog-fields .catalog-control {
 height:44px;min-height:44px;padding:0 14px;background:#E9EAEC;border:1px solid transparent;border-radius:12px;box-shadow:none;
 color:#626873;font-size:15px;line-height:20px;font-weight:400;
}
#catalog-filters .catalog-fields .catalog-control.is-selected,
#catalog-filters .catalog-fields input.catalog-control {color:#111;}
#catalog-filters .catalog-fields .catalog-control::placeholder {color:#626873;opacity:1;}
#catalog-filters .catalog-fields .catalog-control:disabled {background:var(--ui-gray);color:var(--ui-muted);cursor:default;}
#catalog-filters .catalog-fields .catalog-control:not(:disabled):hover {background:var(--ui-gray);}
#catalog-filters .catalog-fields .catalog-control:focus-visible {outline:2px solid #138345;outline-offset:1px;}
#catalog-filters .catalog-control__caption {font-size:12px;line-height:14px;font-weight:400;color:#626873;}
#catalog-filters .catalog-control__chevron {width:16px;height:16px;flex:0 0 16px;stroke:#626873;}
#catalog-filters .catalog-add {color:#111;}
#catalog-filters .catalog-fields .catalog-add,#catalog-filters .catalog-brand-row .catalog-add {font-size:24px;font-weight:300;line-height:1;}

/* Approved compact grouped switches and functional presets, catalogue only. */
.catalog-heading [data-catalog-origin] {min-height:26px;}
#catalog-filters .catalog-switch-line {grid-template-columns:max-content max-content minmax(125px,1fr) minmax(120px,1fr) minmax(80px,.6fr);gap:10px;align-items:center;}
#catalog-filters .catalog-switch-line .catalog-segments {width:auto;height:36px;min-height:36px;padding:3px;gap:2px;border-radius:10px;background:var(--ui-gray);}
#catalog-filters .catalog-switch-line .catalog-segments label {flex:0 0 auto;}
#catalog-filters .catalog-switch-line .catalog-segments span {height:30px;min-height:30px;padding:0 10px;border-radius:7px;}
#catalog-filters .catalog-switch-line .catalog-segments input:checked+span {background:var(--ui-gray);box-shadow:none;}
#catalog-filters .catalog-switch-line .catalog-quick-button {justify-content:center;}
#catalog-filters .catalog-switch-line .catalog-quick-button[aria-pressed=true] {color:#111;font-weight:600;box-shadow:none;background:transparent;}
#catalog-filters .catalog-switch-line .catalog-quick-button[aria-pressed=true] svg {color:#138345;}
@media(max-width:1000px){
 #catalog-filters .catalog-switch-line {grid-template-columns:repeat(3,minmax(0,1fr));}
 #catalog-filters .catalog-switch-line .catalog-segments {grid-column:1/-1;justify-content:center;}
 #catalog-filters .catalog-switch-line .catalog-quick-button {grid-column:auto;}
}
/* Compact rounded brand chips and right-aligned sorting. */
.catalog-layout .catalog-popular-brands{gap:8px;margin-bottom:8px}
.catalog-layout .catalog-brand{flex:0 0 auto;min-height:36px;padding:5px 12px 5px 7px;gap:7px;border-radius:999px;font-size:14px;line-height:20px;font-weight:400}
.catalog-layout .catalog-brand__logo{width:24px;height:24px;border:0;background:transparent}
.catalog-layout .catalog-brand__logo img{width:21px;height:21px}
.catalog-layout .catalog-brand small{font-size:13px;font-weight:400}
/* 21.09.2026: раньше выбранная марка подсвечивалась 10%-м зелёным поверх
   тёмного текста — почти не отличить от невыбранной. Заливаем чёрным. */
.catalog-layout .catalog-brand.is-selected{background:var(--ink);color:#fff}
.catalog-layout .catalog-brand.is-selected small{color:rgba(255,255,255,.72)}
.catalog-layout .catalog-brand.is-selected .catalog-brand__logo{background:#fff}
.catalog-layout .catalog-all-brands summary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 16px;border-radius:999px;background:var(--ui-gray);color:var(--ink);font-size:14px;line-height:20px;font-weight:400;list-style:none}
.catalog-layout .catalog-all-brands summary::-webkit-details-marker{display:none}
.catalog-layout .catalog-all-brands summary:hover{background:var(--ui-hover)}
.catalog-layout .catalog-all-brands[open] summary{background:var(--ui-hover)}
.catalog-layout .catalog-all-brands__list{gap:8px}
.catalog-layout .catalog-all-brands__list a{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 14px;background:var(--ui-gray);color:var(--ink);text-decoration:none;font-weight:400}
.catalog-layout .catalog-sort-row{justify-content:flex-end}
.catalog-sort-row .catalog-popover{left:auto;right:0}

/* Auto.ru reference, 22 September: scoped to the existing filter. */
#catalog-filters {--catalog-filter-font:Inter,Arial,sans-serif;--catalog-filter-control-height:48px;--catalog-filter-row-gap:12px;--catalog-filter-column-gap:20px;--catalog-filter-field-gap:12px;font-family:var(--catalog-filter-font);}
#catalog-filters .catalog-filter-main {row-gap:var(--catalog-filter-row-gap);}
#catalog-filters .catalog-fields,#catalog-filters .catalog-brand-row {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--catalog-filter-column-gap);row-gap:var(--catalog-filter-row-gap);}
#catalog-filters .catalog-brand-rows {gap:var(--catalog-filter-row-gap);margin-bottom:0;}
#catalog-filters .catalog-brand-rows[hidden] {display:none;}
#catalog-filters .catalog-brand-cell {display:flex;gap:var(--catalog-filter-field-gap);min-width:0;}
#catalog-filters .catalog-brand-cell>.catalog-control:first-child {flex:1;min-width:0;}
#catalog-filters .catalog-add,#catalog-filters .catalog-remove {flex:0 0 var(--catalog-filter-control-height);width:var(--catalog-filter-control-height);height:var(--catalog-filter-control-height);padding:0;justify-content:center;font-size:26px;}
#catalog-filters .catalog-fields .catalog-control,#catalog-filters .catalog-brand-row .catalog-control {height:var(--catalog-filter-control-height);min-height:var(--catalog-filter-control-height);padding:0 12px;border:0;border-radius:12px;background:#E9EAEC;color:#000;font:400 15px/20px var(--catalog-filter-font);box-shadow:none;}
#catalog-filters .catalog-control__copy {gap:0;flex:1;min-width:0;}
#catalog-filters .catalog-control__copy>span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#catalog-filters .catalog-control__caption {font-size:11px;line-height:12px;font-weight:400;}
#catalog-filters .catalog-fields .catalog-control.is-selected,#catalog-filters .catalog-brand-row .catalog-control.is-selected {background:#DAEAFB;color:#000;}
#catalog-filters .catalog-control:disabled {color:rgba(12,18,28,.3)!important;background:#E9EAEC!important;}
#catalog-filters .catalog-control:not(:disabled):hover {background:#E9EAEC;transform:none;box-shadow:none;}
#catalog-filters .catalog-control.is-selected:not(:disabled):hover {background:#DAEAFB;}
#catalog-filters .catalog-control:focus-visible,#catalog-filters .catalog-control[aria-expanded=true] {outline:1px solid #000;outline-offset:0;}
#catalog-filters .catalog-control__chevron {width:24px;height:24px;flex:0 0 24px;stroke:rgba(28,33,40,.6);}
#catalog-filters [aria-expanded=true] .catalog-control__chevron {transform:rotate(180deg);}
#catalog-filters .catalog-field-pair {gap:var(--catalog-filter-field-gap);}
#catalog-filters .catalog-field-pair--brand-origin .catalog-control {padding-inline:8px;font-size:14px;}
#catalog-filters .catalog-range-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#fff;border-radius:12px;overflow:visible;}
#catalog-filters .catalog-range-pair>div {min-width:0;}
#catalog-filters .catalog-range-pair>div:first-child .catalog-control {border-radius:12px 0 0 12px;}
#catalog-filters .catalog-range-pair>div:last-child .catalog-control {border-radius:0 12px 12px 0;}
#catalog-filters .catalog-number {position:relative;}
#catalog-filters .catalog-number input {padding-right:28px;}
#catalog-filters .catalog-number label {display:none;position:absolute;top:5px;left:12px;font-size:11px;line-height:12px;color:#626873;pointer-events:none;}
#catalog-filters .catalog-number.has-value label {display:block;}
#catalog-filters .catalog-number.has-value input {padding-top:13px;}
#catalog-filters [data-number-clear] {display:none;position:absolute;right:5px;top:10px;width:24px;height:24px;border:0;background:none;color:#626873;font-size:20px;cursor:pointer;}
#catalog-filters .catalog-number.has-value [data-number-clear] {display:block;}
#catalog-filters .catalog-filter-actions {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--catalog-filter-column-gap);margin-top:0;}
#catalog-filters [data-reset] {grid-column:2;justify-self:end;align-self:center;text-decoration:none;color:#626873;font:400 15px/20px var(--catalog-filter-font);}
#catalog-filters [data-result-count] {grid-column:3;width:100%;height:var(--catalog-filter-control-height);min-height:var(--catalog-filter-control-height);border-radius:12px;background:#000;color:#fff;font:500 15px/20px var(--catalog-filter-font);border:0;transform:none;box-shadow:none;}
#catalog-filters [data-result-count]:hover {background:#595959;transform:none;box-shadow:none;}
#catalog-filters [data-result-count]:disabled {background:#000;color:#fff;opacity:1;cursor:default;}
#catalog-filters .catalog-popover {padding:4px;border:0;border-radius:12px;background:white;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:visible;pointer-events:auto;}
#catalog-filters .catalog-popover [data-picker-options] {overflow:auto;overscroll-behavior:contain;}
#catalog-filters .catalog-popover [role=option],#catalog-filters .catalog-popover [data-picker-clear] {position:relative;display:flex;align-items:center;flex:0 0 44px;width:100%;height:44px;min-height:44px;border:0;border-radius:10px;padding:10px 12px 10px 44px;background:white;color:#000;font:400 15px/20px var(--catalog-filter-font);text-align:left;white-space:nowrap;}
#catalog-filters .catalog-popover [role=option]:hover,#catalog-filters .catalog-popover [role=option]:focus-visible,#catalog-filters [data-picker-clear]:hover {background:#F3F4F6;outline:none;}
#catalog-filters .catalog-popover [role=option][aria-selected=true]::after {content:none;}
#catalog-filters .catalog-check {position:absolute;left:16px;top:13px;width:16px;height:18px;border:0;background:none;color:#000;}
#catalog-filters [aria-selected=true] .catalog-check {border:0;background:none;}
#catalog-filters [aria-selected=true] .catalog-check::after {content:'✓';position:static;border:0;transform:none;font:400 18px/18px Arial;}
#catalog-filters .catalog-option-group {font:400 12px/20px var(--catalog-filter-font);padding:4px 12px;color:#626873;}
#catalog-filters .catalog-popover .catalog-option--indent {padding-left:48px;}
#catalog-filters .catalog-inline-search {position:fixed;z-index:82;margin:0;padding:0 12px;border:0;border-radius:12px;background:#E9EAEC;background-image:none;color:#000;font:400 15px/20px var(--catalog-filter-font);outline:none;pointer-events:auto;}
#catalog-filters .catalog-picker-tabs {margin:0 0 4px;padding:3px;min-height:34px;}
#catalog-filters .catalog-picker-tabs button {font:400 13px/20px var(--catalog-filter-font);}
#catalog-filters .catalog-quick-button svg {color:currentColor!important;stroke-width:1.75;transform:none!important;}
#catalog-filters .catalog-quick-button {transform:none!important;box-shadow:none!important;}
#catalog-filters .catalog-quick-cards .catalog-quick-button {height:44px;min-height:44px;background:#E9EAEC;border:0;border-radius:12px;color:#111;font-weight:500;}
#catalog-filters .catalog-quick-cards .catalog-quick-button[aria-pressed=true] {background:#DAEAFB;}
#catalog-filters .catalog-switch-line .catalog-segments {height:44px;min-height:44px;border-radius:12px;background:#E9EAEC;}
#catalog-filters .catalog-switch-line .catalog-segments span {height:38px;min-height:38px;color:#111;font-weight:500;}
#catalog-filters .catalog-switch-line .catalog-segments input:checked+span {background:white;color:#111;font-weight:500;}
#catalog-filters .catalog-switch-line {margin-bottom:0;}
@media(max-width:760px){
 #catalog-filters .catalog-fields,#catalog-filters .catalog-brand-row {grid-template-columns:minmax(0,1fr)!important;gap:12px;}
 #catalog-filters .catalog-field-pair,#catalog-filters .catalog-range-pair {grid-template-columns:repeat(2,minmax(0,1fr));}
 #catalog-filters .catalog-filter-actions {grid-template-columns:auto minmax(0,1fr);gap:12px;}
 #catalog-filters [data-reset] {grid-column:1;}#catalog-filters [data-result-count] {grid-column:2;}
}
#catalog-filters .catalog-brand-engine.is-collapsed {position:absolute;width:0;}
/* Keep the two advanced-filter rows separate on wide screens. */
#catalog-filters .catalog-mobile-more {margin:0;min-width:0;}
#catalog-filters .catalog-mobile-more>summary {display:flex;align-items:center;justify-content:space-between;min-height:44px;list-style:none;cursor:pointer;}
#catalog-filters .catalog-mobile-more>summary::-webkit-details-marker {display:none;}
#catalog-filters .catalog-mobile-more>summary svg {flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;transition:transform .2s;}
#catalog-filters .catalog-mobile-more[open]>summary svg {transform:rotate(180deg);}
#catalog-filters .catalog-mobile-more__content {display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--catalog-filter-row-gap);}
@media(min-width:761px){
 #catalog-filters .catalog-mobile-more[open]>summary {display:none;}
}
@media(max-width:760px){
 #catalog-filters .catalog-mobile-more[open]>.catalog-mobile-more__content {margin-top:var(--catalog-filter-row-gap);}
}
#catalog-filters .catalog-brand-row .catalog-control {text-align:left;}
#catalog-filters .catalog-brand-row .catalog-control__copy {align-items:flex-start;}
#catalog-filters .catalog-quick-button .catalog-icon-accent,#catalog-filters .catalog-quick-button .catalog-ruble-ring {stroke:currentColor;}
/* Filled range inputs used to cover their sibling clear button. */
#catalog-filters .catalog-number input.is-selected {z-index:auto;}
#catalog-filters .catalog-number label {z-index:1;}
#catalog-filters .catalog-control__count {flex:0 0 auto;font-size:12px;line-height:20px;}
#catalog-filters .catalog-control__count[hidden] {display:none;}
#catalog-filters .catalog-popover input.catalog-inline-search::-webkit-search-cancel-button {-webkit-appearance:searchfield-cancel-button;appearance:auto;cursor:pointer;}
#catalog-filters .catalog-popover [data-picker-clear] {color:rgba(28,33,40,.6);}
#catalog-filters .catalog-popover [data-picker-clear]::before {content:'×';position:absolute;left:16px;font-size:20px;}
#catalog-filters .catalog-popover [data-picker-group] {position:relative;display:flex;align-items:center;width:100%;height:44px;padding:10px 12px 10px 44px;border:0;border-radius:10px;background:white;color:#000;font:400 15px/20px var(--catalog-filter-font);text-align:left;}
#catalog-filters .catalog-popover [data-picker-group]:hover {background:#F3F4F6;}
#catalog-filters [data-picker-group][aria-pressed=true] .catalog-check::after {content:'✓';font:400 18px/18px Arial;}
#catalog-filters .catalog-quick-button .catalog-icon-accent {color:currentColor;}
#catalog-filters .catalog-switch-line .catalog-segments input:focus-visible+span {outline:1px solid #000;}
#catalog-filters .catalog-popover input.catalog-inline-search {padding-top:13px;}
#catalog-filters .catalog-inline-caption {position:fixed;z-index:83;font:400 11px/12px var(--catalog-filter-font);color:#626873;pointer-events:none;}
#catalog-filters .catalog-inline-caption[hidden] {display:none;}
.catalog-popover-close {display:none;}
@media(max-width:760px){
 #catalog-filters .catalog-popover button.catalog-popover-close {display:block;flex:0 0 44px;width:100%;height:44px;margin-top:4px;border:0;border-radius:10px;background:#DAEAFB;color:#111;font:500 15px/20px var(--catalog-filter-font);text-align:center;}
 #catalog-filters .catalog-popover button.catalog-popover-close:hover,#catalog-filters .catalog-popover button.catalog-popover-close:focus-visible {background:#C9E0F7;outline:2px solid #111;outline-offset:2px;}
}

/* Quick switches: text-only segments and distinct compact action buttons. */
#catalog-filters .catalog-switch-line .catalog-quick-button {height:44px;min-height:44px;padding:0 10px;border:0;border-radius:12px;background:#E9EAEC;color:#626873;font-weight:400;}
#catalog-filters .catalog-switch-line .catalog-quick-button:not(:disabled):hover {background:#DEE0E3;}
#catalog-filters .catalog-switch-line .catalog-quick-button[aria-pressed=true] {background:#DAEAFB;color:#111;font-weight:400;}
#catalog-filters .catalog-switch-line .catalog-quick-button:disabled {background:#F3F4F6;color:#858A93;}
#catalog-filters .catalog-switch-line .catalog-quick-button:focus-visible {outline:2px solid #111;outline-offset:2px;}
#catalog-filters .catalog-switch-line .catalog-quick-button small {background:#E2E4E8;}
@media(max-width:600px){#catalog-filters .catalog-switch-line .catalog-quick-button {padding:0 5px;font-size:12px;gap:4px;}}
/* Sorting lives outside the filter form; give it the same neutral list style. */
#picker-sort {padding:4px;border:0;border-radius:12px;background:#fff;box-shadow:0 8px 32px rgba(0,0,0,.12);}
#picker-sort [role=option] {position:relative;height:44px;min-height:44px;padding:12px 14px 12px 44px;border:0;border-radius:10px;background:#fff;box-shadow:none;color:#111;font-size:15px;line-height:20px;font-weight:400;}
#picker-sort [role=option]:is(:hover,:focus-visible) {background:#F3F4F6;}
#picker-sort [role=option][aria-selected=true] {background:#fff;box-shadow:none;border:0;}
#picker-sort [role=option][aria-selected=true]:hover {background:#F3F4F6;}
#picker-sort [role=option]::after {content:none;}
#picker-sort .catalog-check {position:absolute;left:16px;top:14px;width:16px;height:16px;border:0;border-radius:0;background:none;color:#111;}
#picker-sort [aria-selected=true] .catalog-check {border:0;background:none;}
#picker-sort [aria-selected=true] .catalog-check::after {content:'';display:block;width:7px;height:12px;margin:0 0 0 4px;border:solid #111;border-width:0 2px 2px 0;transform:rotate(45deg);}
#picker-sort [role=option]:focus-visible {outline:1px solid #111;outline-offset:-2px;}
.catalog-sort-row .catalog-control {font-size:15px;font-weight:400;}

#catalog-filters .catalog-brand-group-title {padding:10px 16px 6px;color:#737780;font-size:13px;line-height:18px;font-weight:400;}