/* Start:/local/components/ox8/podbor/templates/.default/style.css?179169164631950*/
/* кастом: подбор по авто (ox8:podbor). Вёрстка по /local/mcp-docs/VERSTKA_GUIDELINES.md.
   Рестайл 22.08.2026: случайные цвета/радиусы заменены на токены темы и макета.
   Бэкап предыдущей редакции: /upload/ox8ru.mcp/backups/2026-08-22/ox8_podbor_style.css.175911 */

.atb-podbor{
    /* токены: сначала переменная темы (работает тёмная), фолбэк — значение макета */
    --ap-accent: #E0000B;
    --ap-green: #06AA53;
    --ap-text: var(--white_text_black, #222228);
    --ap-muted: var(--basic_text_black, #616575);
    --ap-secondary: var(--secondary, #818493);
    --ap-border: var(--stroke_black, #EBECEF);
    --ap-border-input: var(--stroke_input, #D7D8DA);
    --ap-bg-soft: var(--grey_bg, #F5F5F8);
    --ap-bg-card: var(--card_bg_black, #fff);
    --ap-bg-hover: var(--card_bg_hover, #F8F8FC);
    --ap-divider: #E8E8F4;
    --ap-pill-sale: #F6E0E4;
    --ap-radius: 12px;
    --ap-pill-radius: 8px;
    --ap-control-height: 46px;

    margin: 0 0 30px;
    color: var(--ap-text);
}

/* ---------- требование к АКБ (шапка с параметрами) ---------- */
.atb-podbor__req{
    background: var(--ap-bg-soft);
    border-radius: var(--ap-radius);
    padding: 16px 20px;
    margin: 0 0 24px;
}
.atb-podbor__req-title{font-weight:600;margin:0 0 10px}
.atb-podbor__req-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.atb-podbor__req-item{
    background: var(--ap-bg-card);
    border: 1px solid var(--ap-border);
    border-radius: var(--ap-radius);
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 220px;
}
.atb-podbor__req-labels{font-weight:400;line-height:1.5}
.atb-podbor__req-mods,
.atb-podbor__req-count{font-size:13px;color:var(--ap-secondary)}
.atb-podbor__req-note{margin-top:12px;font-size:14px;color:var(--ap-accent)}

/* ---------- сетка карточек выбора ---------- */
.atb-podbor__children{margin:0 0 32px}
.atb-podbor__children-title{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 14px;
}
.atb-podbor__grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 12px;
    margin: 0 0 24px;
}
.atb-podbor__card{
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
    border: 1px solid var(--ap-border);
    border-radius: var(--ap-radius);
    background: var(--ap-bg-card);
    text-decoration: none;
    color: inherit;
    transition: border-color .15s, background-color .15s;
}
.atb-podbor__card:hover{
    border-color: var(--ap-accent);
    background: var(--ap-bg-hover);
    text-decoration: none;
}
.atb-podbor__card-name{font-weight:400;line-height:1.45;font-size:16px}
.atb-podbor__card-meta{font-size:13px;color:var(--ap-secondary)}

/* карточка с логотипом/фото (марки, поколения) */
.atb-podbor__card--pic{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.atb-podbor__card-pic{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    margin-bottom: 8px;
}
.atb-podbor__card-pic img{
    max-width: 100%;
    max-height: 96px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* ---------- группы двигателей ---------- */
.atb-podbor__engines{margin:0 0 32px}
.atb-podbor__engines-title{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 6px;
}
.atb-podbor__engines-note{
    color: var(--ap-secondary);
    font-size: 14px;
    margin: 0 0 16px;
}
.atb-podbor__engines-lead{
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 16px;
    padding: 14px 20px;
    background: var(--ap-bg-soft);
    border-radius: var(--ap-radius);
}
.atb-podbor__group{
    border: 1px solid var(--ap-border);
    border-radius: var(--ap-radius);
    margin: 0 0 10px;
    padding: 0;
    background: var(--ap-bg-card);
}
.atb-podbor__group[open]{border-color:var(--ap-border-input)}
.atb-podbor__group-head{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    list-style: none;
    font-size: 16px;
}
.atb-podbor__group-head::-webkit-details-marker{display:none}
.atb-podbor__group-head::after{
    content: '';
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-left: auto;
    border-right: 2px solid var(--ap-secondary);
    border-bottom: 2px solid var(--ap-secondary);
    transform: rotate(45deg);
    transition: transform .15s;
}
.atb-podbor__group[open] .atb-podbor__group-head::after{transform:rotate(-135deg)}
.atb-podbor__group-labels{font-weight:400;line-height:1.5}
.atb-podbor__group-count{
    color: var(--ap-secondary);
    font-size: 14px;
    white-space: nowrap;
    margin-left: auto;
    padding-right: 12px;
}
.atb-podbor__group-open{
    margin-left: 6px;
    color: var(--ap-secondary);
    font-size: 13px;
}
.atb-podbor__grid--engines{padding:0 18px 18px}

/* поиск по двигателям */
.atb-podbor__search{padding:0 18px 12px}
.atb-podbor__search-input{
    width: 100%;
    max-width: 320px;
    height: var(--ap-control-height);
    padding: 0 20px;
    border: 1px solid var(--ap-border-input);
    border-radius: var(--ap-radius);
    background: var(--ap-bg-card);
    color: var(--ap-text);
    font-size: 15px;
}
.atb-podbor__search-input::placeholder{color:#747474}
.atb-podbor__search-input:focus{outline:none;border-color:var(--ap-accent)}

/* ---------- характеристики автомобиля ---------- */
.atb-podbor__specs{margin:0 0 32px}
.atb-podbor__specs-title{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 14px;
}
.atb-podbor__specs-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 40px;
    margin: 0;
}
.atb-podbor__specs-row{
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 9px 0;
    border-bottom: 1px solid var(--ap-divider);
}
.atb-podbor__specs-label{
    color: var(--ap-secondary);
    font-size: 14px;
    margin: 0;
    white-space: nowrap;
}
.atb-podbor__specs-label::after{content:'';display:inline-block}
.atb-podbor__specs-row::before{
    content: '';
    order: 2;
    flex: 1 1 auto;
    border-bottom: 1px dotted var(--ap-border-input);
    margin: 0 2px 4px;
}
.atb-podbor__specs-value{
    order: 3;
    margin: 0;
    font-size: 15px;
    text-align: right;
}
.atb-podbor__specs-note{
    margin: 14px 0 0;
    padding: 14px 20px;
    background: var(--ap-bg-soft);
    border-radius: var(--ap-radius);
    font-size: 14px;
    line-height: 1.5;
}

/* ---------- витрина товаров ---------- */
.atb-podbor__products{margin:0 0 8px}
.atb-podbor__products--pinned{margin-top:8px}
.atb-podbor__products-title{margin:10px 0 18px;font-size:22px}
.atb-podbor__products-note{
    color: var(--ap-muted);
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 18px;
}
.atb-podbor__empty{
    padding: 18px 20px;
    background: var(--ap-bg-soft);
    border-radius: var(--ap-radius);
    color: #222228;
}
.atb-podbor__empty-link{margin-top:10px}
.atb-podbor__empty-link a{font-weight:500;text-decoration:underline}

/* ---------- картинка модели ---------- */
.atb-podbor__hero{margin:0 0 24px}
.atb-podbor__hero-pic{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 320px;
    padding: 16px 20px;
    border: 1px solid var(--ap-border);
    border-radius: var(--ap-radius);
    background: var(--ap-bg-card);
}
.atb-podbor__hero img{
    max-width: 100%;
    max-height: 180px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* ---------- кольцевая перелинковка ---------- */
.atb-podbor__ring{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    margin: 36px 0 8px;
}
.atb-podbor__ring-block--wide{grid-column:1 / -1}
.atb-podbor__ring-title{
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px;
}
.atb-podbor__ring-list{display:flex;flex-wrap:wrap;gap:8px}
.atb-podbor__ring-item{
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 14px;
    border: 1px solid var(--ap-border);
    border-radius: var(--ap-pill-radius);
    background: var(--ap-bg-card);
    color: inherit;
    font-size: 14px;
    text-decoration: none;
    transition: border-color .15s, background-color .15s;
}
.atb-podbor__ring-item:hover{
    border-color: var(--ap-accent);
    background: var(--ap-bg-hover);
    text-decoration: none;
}
.atb-podbor__ring-meta{color:var(--ap-secondary);font-size:12px}

/* ---------- форма помощи с подбором ---------- */
.atb-podbor__help{
    margin: 18px 0 0;
    padding: 18px 20px;
    background: var(--ap-bg-card);
    border: 1px solid var(--ap-border);
    border-radius: var(--ap-radius);
}
.atb-podbor__help-title{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 6px;
}
.atb-podbor__help-text{
    color: var(--ap-muted);
    font-size: 14px;
    margin-bottom: 14px;
}
.atb-podbor__help-fields{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
}
.atb-podbor__help-phone{
    height: var(--ap-control-height);
    padding: 0 20px;
    border: 1px solid var(--ap-border-input);
    border-radius: var(--ap-radius);
    background: var(--ap-bg-card);
    color: var(--ap-text);
    font-size: 15px;
    min-width: 220px;
}
.atb-podbor__help-phone::placeholder{color:#747474}
.atb-podbor__help-phone:focus{outline:none;border-color:var(--ap-accent)}
.atb-podbor__help-methods{display:flex;flex-wrap:wrap;gap:12px}
.atb-podbor__help-method{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    cursor: pointer;
}
.atb-podbor__help-consent{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--ap-secondary);
    flex-basis: 100%;
}
.atb-podbor__help-hp{
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.atb-podbor__help-btn{
    height: var(--ap-control-height);
    padding: 0 22px;
    border: 1px solid var(--ap-accent);
    border-radius: var(--ap-radius);
    background: var(--ap-accent);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: opacity .15s;
}
.atb-podbor__help-btn:hover{opacity:.9}
.atb-podbor__help-btn:disabled{opacity:.6;cursor:default}
.atb-podbor__help-msg{margin-top:10px;font-size:14px}
.atb-podbor__help-msg.err{color:var(--ap-accent)}
.atb-podbor__help-msg.ok{color:var(--ap-green)}

/* ---------- адаптив (сетка брейкпойнтов темы) ---------- */
@media (max-width: 991px){
    .atb-podbor__specs-list{gap:0 24px}
    .atb-podbor__ring{gap:24px}
}
@media (max-width: 767px){
    .atb-podbor__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
    .atb-podbor__req{padding:12px 14px}
    .atb-podbor__req-item{min-width:100%}
    .atb-podbor__specs-list{grid-template-columns:1fr}
    .atb-podbor__hero{float:none;margin:0 0 16px;max-width:100%}
    .atb-podbor__ring{grid-template-columns:1fr;gap:24px}
    .atb-podbor__search-input{max-width:100%}
    .atb-podbor__help-phone,
    .atb-podbor__help-btn{width:100%}

    /* шапка группы двигателей: на узком экране длинная подпись «D23 · Обратная [-+] · Ca/Ca»
       рвалась на 3 строки и упиралась в счётчик — кладём счётчик под название */
    .atb-podbor__group-head{
        flex-wrap: wrap;
        gap: 4px 12px;
        padding: 12px 14px;
        font-size: 15px;
    }
    .atb-podbor__group-labels{flex:1 1 100%;padding-right:20px}
    .atb-podbor__group-count{margin-left:0;padding-right:0}
    .atb-podbor__group-head::after{position:absolute;right:14px;top:18px}
    .atb-podbor__group{position:relative}
    .atb-podbor__grid--engines{padding:0 14px 14px}
    .atb-podbor__search{padding:0 14px 12px}
    .atb-podbor__engines-lead{padding:12px 14px}
    .atb-podbor__specs-note{padding:12px 14px}
}

/* на страницах подбора оставляем обычную постраничную навигацию:
   кнопка «Загрузить ещё» ломала вёрстку (решение владельца 22.08.2026) */
.atb-podbor__products .ajax_load_btn{display:none !important}



/* ---------- ссылки: единое правило (решение владельца 23.08.2026) ----------
   База темы (bootstrap.css) даёт `a, a:visited {text-decoration: underline}` — из-за этого
   плитки выбора читались как список ссылок: подчёркивались и название, и серая подпись-данные.
   Кликабельность теперь показывается формой (карточка/чип) и hover-состоянием, а не линией. */

.atb-podbor a{text-decoration:none}

/* карточки выбора и чипы перелинковки: подчёркивания нет ни в покое, ни на hover/focus */
.atb-podbor .atb-podbor__card,
.atb-podbor .atb-podbor__card:hover,
.atb-podbor .atb-podbor__card:focus,
.atb-podbor .atb-podbor__card *,
.atb-podbor .atb-podbor__ring-item,
.atb-podbor .atb-podbor__ring-item:hover,
.atb-podbor .atb-podbor__ring-item:focus,
.atb-podbor .atb-podbor__ring-item *{
    text-decoration: none;
}

/* название — обычный тёмный текст темы, не акцентный цвет */
.atb-podbor .atb-podbor__card-name{color:var(--ap-text)}

/* серые подписи — это ДАННЫЕ («Дизельный 79 л.с.», «12 В · 60 Ач»), не ссылки:
   не подчёркиваются никогда, включая hover родителя */
.atb-podbor .atb-podbor__card-meta,
.atb-podbor .atb-podbor__card:hover .atb-podbor__card-meta,
.atb-podbor .atb-podbor__ring-meta,
.atb-podbor .atb-podbor__ring-item:hover .atb-podbor__ring-meta{
    color: var(--ap-secondary);
    text-decoration: none;
}

/* клавиатурный фокус не теряем: рамка вместо подчёркивания */
.atb-podbor .atb-podbor__card:focus-visible,
.atb-podbor .atb-podbor__ring-item:focus-visible{
    outline: 2px solid var(--ap-accent);
    outline-offset: 2px;
}

/* текстовые ссылки внутри абзацев — подчёркнуты, но тонко: линия цвета границы,
   отступ 2px, акцент появляется только на hover */
.atb-podbor__engines-lead a,
.atb-podbor__engines-note a,
.atb-podbor__products-note a,
.atb-podbor__specs-note a,
.atb-podbor__empty a,
.atb-podbor__empty-link a,
.atb-podbor__req-note a{
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-color: var(--ap-border-input);
    transition: color .15s, text-decoration-color .15s;
}
.atb-podbor__engines-lead a:hover,
.atb-podbor__engines-note a:hover,
.atb-podbor__products-note a:hover,
.atb-podbor__specs-note a:hover,
.atb-podbor__empty a:hover,
.atb-podbor__empty-link a:hover,
.atb-podbor__req-note a:hover{
    color: var(--ap-accent);
    text-decoration-color: var(--ap-accent);
}



/* ---------- тексты сеошника (23.08.2026) ----------
   --lead   — PREVIEW_TEXT элемента, между характеристиками и витриной
   --bottom — DESCRIPTION раздела / DETAIL_TEXT элемента, под товарами */
.atb-podbor__text{
    font-size: 15px;
    line-height: 1.6;
    color: var(--ap-text);
}
.atb-podbor__text--lead{
    margin: 0 0 24px;
    padding: 14px 20px;
    background: var(--ap-bg-soft);
    border-radius: var(--ap-radius);
}
.atb-podbor__text--bottom{
    margin: 32px 0 8px;
    padding-top: 24px;
    border-top: 1px solid var(--ap-divider);
}
.atb-podbor__text h2,
.atb-podbor__text h3,
.atb-podbor__text h4{
    margin: 24px 0 12px;
    font-weight: 600;
    line-height: 1.3;
}
.atb-podbor__text h2{font-size:22px}
.atb-podbor__text h3{font-size:18px}
.atb-podbor__text h4{font-size:16px}
.atb-podbor__text > *:first-child{margin-top:0}
.atb-podbor__text p{margin:0 0 12px}
.atb-podbor__text ul,
.atb-podbor__text ol{margin:0 0 12px;padding-left:22px}
.atb-podbor__text li{margin:0 0 6px}
.atb-podbor__text a{
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-color: var(--ap-border-input);
}
.atb-podbor__text a:hover{color:var(--ap-accent);text-decoration-color:var(--ap-accent)}
.atb-podbor__text img{max-width:100%;height:auto;border-radius:var(--ap-radius)}
.atb-podbor__text table{
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 16px;
    font-size: 14px;
}
.atb-podbor__text th,
.atb-podbor__text td{
    padding: 10px 14px;
    border: 1px solid var(--ap-border);
    text-align: left;
}
.atb-podbor__text th{background:var(--ap-bg-soft);font-weight:600}
@media (max-width: 767px){
    .atb-podbor__text{font-size:14px}
    .atb-podbor__text--lead{padding:12px 14px;margin-bottom:16px}
    .atb-podbor__text--bottom{margin-top:24px;padding-top:16px}
    .atb-podbor__text h2{font-size:19px}
    .atb-podbor__text h3{font-size:17px}
    /* широкая таблица в тексте не должна распирать страницу */
    .atb-podbor__text table{display:block;overflow-x:auto;white-space:nowrap}
}

/* Кастом 11.10.2026: единое оформление всех уровней подбора.
   Меняем только представление: ссылки, фотографии, SEO и обработчики остаются прежними. */
.atb-podbor { font-family:"Golos Text",Arial,sans-serif;font-size:15px;line-height:1.5;min-width:0; }
.atb-podbor *, .atb-podbor *::before, .atb-podbor *::after { box-sizing:border-box; }
body:has(.atb-podbor) .page-top h1 { font-size:32px;line-height:1.3;font-weight:500;margin:0;color:var(--white_text_black,#111318);overflow-wrap:anywhere; }
.atb-podbor :is(h2,h3,h4) { font-weight:500; }
.atb-podbor :is(.atb-podbor__children-title,.atb-podbor__engines-title,.atb-podbor__specs-title,.atb-podbor__products-title) { font-size:22px;line-height:1.35;font-weight:500;margin-bottom:16px; }
.atb-podbor :is(.atb-podbor__req-title,.atb-podbor__ring-title,.atb-podbor__help-title) { font-weight:500;line-height:1.4; }
.atb-podbor :is(.atb-podbor__card,.atb-podbor__ring-item) { min-width:0;overflow-wrap:anywhere; }
.atb-podbor__card { justify-content:center;min-height:64px; }
.atb-podbor__card--pic { justify-content:flex-start; }
.atb-podbor__card-pic { width:100%;flex-shrink:0; }
.atb-podbor__hero-pic { border:0;background:var(--ap-bg-soft);border-radius:12px; }
.atb-podbor :is(.atb-podbor__req,.atb-podbor__engines-lead,.atb-podbor__specs-note,.atb-podbor__text--lead,.atb-podbor__empty) { padding:20px;border-radius:12px;line-height:1.6; }
.atb-podbor :is(.atb-podbor__req-item,.atb-podbor__group) { min-width:0; }
.atb-podbor__group { overflow:hidden; }
.atb-podbor__group-head { background:var(--ap-bg-soft);padding:16px 20px; }
.atb-podbor__group[open] .atb-podbor__group-head { margin-bottom:16px; }
.atb-podbor__grid--engines { margin-bottom:0; }
.atb-podbor :is(.atb-podbor__search-input,.atb-podbor__help-phone) { font:400 16px/24px "Golos Text",Arial,sans-serif;border-radius:8px;min-width:0; }
.atb-podbor :is(.atb-podbor__engines-lead,.atb-podbor__specs-note,.atb-podbor__empty,.atb-podbor__text) :is(b,strong) { font-weight:400; }
.atb-podbor__specs-row { min-width:0;gap:12px;padding:12px 0; }
.atb-podbor__specs-label { white-space:normal; }
.atb-podbor__specs-value { overflow-wrap:anywhere; }
.atb-podbor__specs-row::before { border-bottom:0; }
.atb-podbor__ring { padding-top:24px;border-top:1px solid var(--ap-divider); }
.atb-podbor__ring-item { background:var(--ap-bg-soft);border-color:transparent;padding:10px 14px;font-weight:400; }
.atb-podbor__help { background:var(--ap-bg-soft);border:0;padding:24px; }
.atb-podbor__help-title { font-size:20px; }
.atb-podbor__help-btn { height:auto;min-height:46px;padding:12px 20px;font:400 15px/22px "Golos Text",Arial,sans-serif;border-radius:8px; }
.atb-podbor__help-method { font-weight:400; }
.atb-podbor__help-consent { align-items:flex-start;line-height:1.5; }
.atb-podbor__help-consent input { flex:none;margin-top:3px; }
.atb-podbor__help-consent a, .atb-podbor__empty-link a { color:var(--ap-accent);font-weight:400;text-decoration:underline;text-underline-offset:3px; }
.atb-podbor__text th { font-weight:400; }
.atb-podbor__products :is(.catalog-block__info-title,.item-title) { font-weight:400; }
@media(max-width:767px) {
 body:has(.atb-podbor) .page-top h1 { font-size:26px;line-height:1.3;font-weight:500; }
 .atb-podbor { margin-bottom:24px; }
 .atb-podbor__grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
 .atb-podbor__card { padding:12px; }
 .atb-podbor__card-name { font-size:14px;line-height:1.45; }
 .atb-podbor__card-meta { font-size:12px;line-height:1.5; }
 .atb-podbor__card-pic { height:80px; }
 .atb-podbor__card-pic img { max-height:80px; }
 .atb-podbor :is(.atb-podbor__children-title,.atb-podbor__engines-title,.atb-podbor__specs-title,.atb-podbor__products-title) { font-size:20px;margin-bottom:12px; }
 .atb-podbor :is(.atb-podbor__req,.atb-podbor__engines-lead,.atb-podbor__specs-note,.atb-podbor__text--lead,.atb-podbor__empty,.atb-podbor__help) { padding:16px; }
 .atb-podbor__req-item { width:100%; }
 .atb-podbor__group-head { padding:14px 16px; }
 .atb-podbor__group-open { white-space:normal; }
 .atb-podbor__group-count { white-space:normal; }
 .atb-podbor__specs-row { font-size:14px; }
 .atb-podbor__specs-value { font-size:14px; }
 .atb-podbor__help-fields { gap:12px; }
 .atb-podbor__help-methods { gap:10px 16px; }
 .atb-podbor__ring { gap:20px;margin-top:24px;padding-top:20px; }
}
@media(prefers-reduced-motion:reduce) {
 .atb-podbor__card,.atb-podbor__ring-item,.atb-podbor__group-head::after { transition:none; }
}

/* Keep the shared product renderer calm within the alternative selector. */
.atb-podbor .pp-cat .nc__title, .atb-podbor .pp-cat .nc__title a { font-weight:400 !important; }
.atb-podbor .pp-cat :is(.nc__pay-val,.nc__full b) { font-weight:500 !important; }
.atb-podbor .pp-cat :is(.nc__badge-text,.nc__badge-pill,.nc__badge-explain,.nc__parts-copy b) { font-weight:400 !important; }
.atb-podbor .pp-cat .nc__services-trigger-copy { font-weight:500 !important; }

/* 11.10.2026: compact, open layout instead of nested framed tiles. */
body:has(.atb-podbor) .page-top h1 { font-size:26px;line-height:1.3; }
body:has(.atb-podbor) .page-top { padding-bottom:24px; }
.atb-podbor { font-size:14px; }
.atb-podbor :is(.atb-podbor__children-title,.atb-podbor__engines-title,.atb-podbor__specs-title,.atb-podbor__products-title,.atb-podbor__help-title) { font-size:18px;margin:0 0 12px; }
.atb-podbor__children,.atb-podbor__engines,.atb-podbor__specs { margin-bottom:24px; }
.atb-podbor__grid { grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px 16px;margin-bottom:20px; }
.atb-podbor .atb-podbor__card { border:0;border-radius:8px;background:transparent;padding:8px;min-height:44px;gap:4px;box-shadow:none; }
.atb-podbor .atb-podbor__card:hover { background:var(--ap-bg-soft);border:0; }
.atb-podbor .atb-podbor__card:hover .atb-podbor__card-name { color:var(--ap-accent); }
.atb-podbor .atb-podbor__card-name { font-size:14px;line-height:1.4; }
.atb-podbor__card-meta { font-size:12px;line-height:1.4; }
.atb-podbor__card-pic { height:72px;margin-bottom:4px; }
.atb-podbor__card-pic img { max-height:72px;max-width:128px; }
.atb-podbor__hero { margin-bottom:18px; }
.atb-podbor__hero-pic { background:transparent;padding:0;max-width:200px;border-radius:0; }
.atb-podbor__hero img { max-height:110px; }
.atb-podbor :is(.atb-podbor__engines-lead,.atb-podbor__specs-note,.atb-podbor__text--lead) { background:transparent;padding:0;border-radius:0;font-size:14px;line-height:1.5;margin-bottom:16px;color:var(--ap-muted); }
.atb-podbor .atb-podbor__group { border:0;border-radius:0;background:transparent;margin-bottom:12px;overflow:visible; }
.atb-podbor__group-head { background:var(--ap-bg-soft);border-radius:8px;padding:10px 12px;font-size:14px; }
.atb-podbor__group-count { font-size:12px;padding-right:4px; }
.atb-podbor__group[open] .atb-podbor__group-head { margin-bottom:8px; }
.atb-podbor__grid--engines { grid-template-columns:repeat(auto-fill,minmax(205px,1fr));padding:0;gap:4px 16px;margin:0; }
.atb-podbor__grid--engines .atb-podbor__card { padding:8px 12px; }
.atb-podbor__search { padding:0 0 8px; }
.atb-podbor__search-input { height:38px;padding:0 12px; }
.atb-podbor__specs-row { padding:8px 0; }
.atb-podbor__ring { margin-top:24px;padding-top:16px;gap:20px; }
.atb-podbor__ring-title { font-size:16px;margin-bottom:10px; }
.atb-podbor .atb-podbor__ring-item { background:transparent;border:0;border-radius:6px;padding:6px 8px; }
.atb-podbor .atb-podbor__ring-item:hover { background:var(--ap-bg-soft); }
.atb-podbor__req { padding:14px; }
.atb-podbor__req-item { border:0;background:transparent;padding:4px 0;min-width:180px; }
.atb-podbor__help { padding:16px; }
@media(max-width:767px) {
 body:has(.atb-podbor) .page-top h1 { font-size:22px; }
 body:has(.atb-podbor) .page-top { padding-bottom:18px; }
 .atb-podbor__grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 4px; }
 .atb-podbor .atb-podbor__card { padding:6px 4px; }
 .atb-podbor .atb-podbor__card-name { font-size:13px; }
 .atb-podbor__card-pic { height:56px; }
 .atb-podbor__card-pic img { max-width:100%;max-height:56px; }
 .atb-podbor__hero-pic { max-width:160px; }
 .atb-podbor__hero img { max-height:90px; }
 .atb-podbor__grid--engines { grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px; }
 .atb-podbor__grid--engines .atb-podbor__card { padding:8px; }
 .atb-podbor__group-head { padding:10px 12px; }
 .atb-podbor :is(.atb-podbor__engines-lead,.atb-podbor__specs-note,.atb-podbor__text--lead) { padding:0; }
 .atb-podbor :is(.atb-podbor__req,.atb-podbor__empty,.atb-podbor__help) { padding:14px; }
}

/* Catalog results: native filters beside the shared product grid. */
.atb-podbor__catalog { display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start; }
.atb-podbor__catalog-content { grid-column:2;grid-row:1;min-width:0; }
.atb-podbor__catalog-sidebar { grid-column:1;grid-row:1;min-width:0; }
.atb-podbor__catalog-sidebar .bx_filter { width:100%;margin:0; }
.atb-podbor__catalog-sidebar .bx_filter_search_button { display:block;width:100%; }
.atb-podbor__catalog-sidebar .bx_filter_button_box .bx_filter_popup_result { display:none!important; }
.atb-podbor__catalog-sidebar .bx_filter_button_box .bx_filter_parameters_box_container { flex-wrap:wrap; }
.atb-podbor__catalog-sidebar .bx_filter_parameters_box_title { font-weight:500; }
@media(max-width:1199px) and (min-width:992px) {
 .atb-podbor__catalog { grid-template-columns:220px minmax(0,1fr);gap:20px; }
}
@media(max-width:991px) {
 .atb-podbor__catalog { display:block; }
 .atb-podbor__catalog-sidebar { display:contents; }
}

/* Кастом 11.10.2026: алфавит, размеры фото и разделение результатов. */
.atb-podbor__alphabet { display:flex;flex-wrap:wrap;gap:2px;max-width:100%;padding:0 0 8px;margin:0 0 12px;overscroll-behavior-x:contain; }
.atb-podbor .atb-podbor__letter { flex:none;border:0;background:transparent;color:var(--ap-text);border-radius:6px;padding:6px 7px;font:400 14px/20px "Golos Text",Arial,sans-serif;cursor:pointer; }
.atb-podbor .atb-podbor__letter:is(:hover,.is-active) { background:var(--ap-bg-soft);color:var(--ap-accent); }
.atb-podbor .atb-podbor__letter:focus-visible { outline:2px solid var(--ap-accent);outline-offset:-2px; }
.atb-podbor .atb-podbor__card[hidden] { display:none; }
@media(min-width:992px) {
 .atb-podbor__products { margin-top:28px;padding-top:24px;border-top:1px solid var(--ap-border); }
}
@media(max-width:991px) {
 .atb-podbor .filter-panel__part-left { width:100%;min-width:0; }
 .atb-podbor .filter-panel__main-info { display:flex;width:100%;justify-content:space-between;flex-wrap:nowrap;gap:8px; }
 .atb-podbor .filter-panel__sort { margin-left:auto; }
 .atb-podbor .filter-panel__sort > .dropdown-select { margin-left:auto; }
}
@media(min-width:414px) and (max-width:767px) {
 .atb-podbor__children--vehicles .atb-podbor__card-pic { height:82px; }
 .atb-podbor__children--vehicles .atb-podbor__card-pic img { max-height:82px;max-width:100%; }
}

@media(max-width:991px) {
 .atb-podbor .filter-panel__sort .dropdown-select__title { max-width:100%;min-width:0; }
 .atb-podbor .filter-panel__sort .dropdown-select__title-text { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
}

.atb-podbor__alphabet-hint { display: inline-block; margin-left: 8px; color: var(--ap-muted, #85858f); font-size: 14px; font-weight: 400; line-height: 1.4; }
.atb-podbor__alphabet-separator { display: flex; align-items: center; padding: 6px 5px; color: var(--ap-muted, #85858f); font-size: 14px; line-height: 20px; }
@media (max-width: 767px) { .atb-podbor__alphabet-hint { font-size: 12px; margin-left: 6px; } }



/* Типы техники: изображения общего виджета, компактные два ряда. */
.atb-podbor__children--types .atb-podbor__grid { grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;gap:16px 24px; }
.atb-podbor__children--types .atb-podbor__card { padding:12px 8px;gap:8px; }
.atb-podbor__children--types .atb-podbor__card-pic { height:100px;display:flex;align-items:center;justify-content:center;margin:0; }
.atb-podbor__children--types .atb-podbor__card-pic img { width:180px;height:100px;max-width:100%;max-height:100px;object-fit:contain; }
.atb-podbor__type-icon { color:var(--ap-secondary);max-width:100%;height:100px; }
.atb-podbor__children--types .atb-podbor__card-name { font-weight:400; }
@media(max-width:767px) {
 .atb-podbor__children--types .atb-podbor__grid { gap:12px 6px; }
 .atb-podbor__children--types .atb-podbor__card { padding:6px 2px;gap:6px; }
 .atb-podbor__children--types .atb-podbor__card-pic { height:64px; }
 .atb-podbor__children--types .atb-podbor__card-pic img { width:110px;height:64px;max-height:64px; }
 .atb-podbor__children--types .atb-podbor__type-icon { width:100px;height:64px; }
 .atb-podbor__children--types .atb-podbor__card-name { font-size:12px;overflow-wrap:anywhere; }
}

/* На ПК пять типов техники в одном ряду; на телефоне — три столбца. */
@media(min-width:768px) { .atb-podbor__children--types .atb-podbor__grid { grid-template-columns:repeat(5,minmax(0,1fr));max-width:1120px;gap:16px; } }

/* Поиск модели: тот же компактный светлый фон, что у форм подбора. */
.atb-podbor__model-search { margin:12px 0 16px;max-width:480px; }
.atb-podbor .atb-podbor__model-search-input { width:100%;height:44px;padding:10px 14px;border:1px solid var(--ap-border-input,#e7e7eb);border-radius:10px;background:var(--ap-bg-soft,#f5f5f7);color:var(--ap-text,#202126);font:inherit;font-size:14px;box-sizing:border-box; }
.atb-podbor .atb-podbor__model-search-input:focus { outline:2px solid var(--ap-border-input,#d9d9df);outline-offset:2px; }
.atb-podbor__search-empty { margin:16px 0;color:var(--ap-muted,#85858f);font-size:14px; }
.atb-podbor__search-empty[hidden] { display:none; }

/* End */
/* /local/components/ox8/podbor/templates/.default/style.css?179169164631950 */