/* Start:/local/components/ox8/podbor/templates/.default/style.css?179270766932553*/
/* кастом: подбор по авто (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; }

/* Native disclosure keeps supporting answers below the selection and products. */
.atb-podbor__faq { margin:32px 0;max-width:1120px; }
.atb-podbor__faq h2 { font-size:20px;line-height:1.4;margin:0 0 12px; }
.atb-podbor__faq details { border-top:1px solid var(--ap-border-input,#e7e7eb); }
.atb-podbor__faq summary { min-height:44px;padding:12px 0;box-sizing:border-box;cursor:pointer;font-size:16px;line-height:1.5; }
.atb-podbor__faq summary:focus-visible { outline:2px solid currentColor;outline-offset:3px; }
.atb-podbor__faq details p { margin:0 0 16px;padding:0;max-width:80ch;line-height:1.6; }

/* End */


/* Start:/bitrix/templates/aspro-premier/components/bitrix/catalog.smart.filter/atb_sidebar/style.min.css?17916547581213*/
.bx_filter .bx_filter_parameters_box .bx_filter_parameters_box_title{display:inline;}.bx_filter_parameters_box_title .svg{margin-top:-2px;}.bx_filter .bx_filter_parameter_biz{font-size:15px;display:inline-block;margin-right:10px;text-decoration:none;color:#215968;border-bottom:1px dashed;}.bx_filter .bx_filter_parameter_biz:hover{text-decoration:none;border-bottom:1px solid;}.bx_filter .bx_filter_parameter_biz.active{position:relative;padding-left:20px;color:#d54a4a;border-bottom:1px solid;}.bx_filter .bx_filter_parameter_biz.active:hover{border-bottom:1px dashed;}.bx_filter .bx_filter_parameter_biz.active:before{position:absolute;top:4px;left:1px;display:block;width:13px;height:13px;content:' ';background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABFElEQVQoz2NgIBJcl+Qzui7J33Vdgo+RWA38NxQknwDp/zekhRoIarghyc94Q15iC5D+f1NJ5v/n7dumE7ZFWqgYbANQ08c1a37+///fAL8GCT7L6zLCf0CaXjbUAdX/j0aWdAJKTACaxookJnJTUeoFyIaHIYH////8ORHZzdw35MTegyRvSAkeAdISYH8oSu4Fid0x0f//5/nzo0BbWOCagBzur0ePvrujp/kf5Aygc54DbZkDYt9UkPj/7czpl0A1ohhuBwra/Lp//809Zwewh8GagfSHpUt+A+VMcXoaKKn45+PHK0/iY8EaX1SUgzyeRDB4gYp4//3+veX9/Hn//379OpPY1ALSyAzEOUDMhksNAKf2po+AEPuKAAAAAElFTkSuQmCC') no-repeat center left;}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/conditional/hint.min.css?17502527732107*/
.hint{position:relative;cursor:pointer;}.hint--absolute{position:absolute;top:0;right:-12px;z-index:1;}.hint.hint--absolute2{position:absolute;right:-23px;top:0;z-index:1;}.hint.hint--inline{display:inline-flex;vertical-align:middle;margin-left:3px;}.hint--inline .tooltip{margin-bottom:4px;}.hint__icon{display:inline-block;cursor:pointer;text-align:center;padding:0;height:16px;width:16px;line-height:15px;border:1px solid #e5e5e5;font-size:11px;}@media (any-hover:hover){.hint .hint__icon:hover{color:#fff}}.hint__icon i{font-style:normal;}.hint__icon--absolute{position:absolute;z-index:202;left:-35px;top:-1px;}.hint__text{padding:0 0 0 6px;}.hint .tooltip{position:absolute;left:-19px;top:auto;bottom:100%;line-height:14px;z-index:202;display:none;padding:13px 16px 13px;min-width:200px;max-width:300px;font-size:12px;border-radius:8px;border-radius:var(--theme-button-border-radius);font-weight:400;box-shadow:0 0 15px rgba(0,0,0,.12);background:#fff;background:var(--card_bg_hover_black);}.hint.active .tooltip{opacity:1;z-index:204;cursor:auto;}.hint .tooltip--manual{max-width:232px;opacity:1;}.hint.active .hint__icon{border-color:#9e9e9e;border-color:var(--theme-base-color);background-color:#9e9e9e;background-color:var(--theme-base-color);color:#fff;}.hint.hint--down .tooltip{left:-16px;top:calc(100% + 4px);word-break:normal;bottom:inherit;opacity:1;}.properties_absolute{position:absolute;top:0;padding-right:35px;padding-top:2px;right:100%;bottom:0;width:100%;text-align:left;transition:all .2s ease-in-out;}.properties__item{position:relative;word-break:break-word;}.properties__item--inline{display:inline;}.properties__item.properties__item--compact{margin-top:0;}.properties__hr{margin:0 4px 0px -2px;}@media (min-width:768px){.properties-absolute-outer:hover .properties_absolute{right:0}.properties_absolute.to-top{right:0;top:100%}.properties-absolute-outer:hover .properties_absolute.to-top{top:0}}.properties__title .hint{display:inline-flex;position:relative;margin:0 3px 0 2px;top:-1px;}.properties.list .properties__value{margin-top:3px;overflow:hidden;text-overflow:ellipsis;}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/smart-filter.min.css?175208558614107*/
.smartfilter .bx_ui_slider_track{height:1px;margin:-1px 18px 8px;position:relative;zoom:1;background:#ddd;z-index:1;}.bx_filter .bx_ui_slider_pricebar_VD{z-index:60;background:#979797;}.smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_V:after,.smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_VD:after,.smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_VN:after{content:"";position:absolute;left:0;right:0;height:1px;top:50%;margin-top:-1px;}.smartfilter .bx_ui_slider_track .bx_ui_slider_pricebar_V:after{background-color:#9e9e9e;background-color:var(--white_text_black);}.bx_filter .bx_ui_slider_range{z-index:auto;background:var(--input_border_color);}.bx_filter .bx_ui_slider_pricebar{z-index:100;}.bx_filter .bx_ui_slider_pricebar_VD{z-index:60;background:var(--input_border_color);}.bx_filter .bx_ui_slider_pricebar_VN{z-index:70;background:var(--input_border_color);}.bx_filter .bx_ui_slider_pricebar_V{z-index:80;background:var(--input_border_color);}.bx_filter .bx_ui_slider_handle{position:absolute;top:100%;width:22px;height:22px;}.bx_filter .bx_ui_slider_handle:hover{-webkit-cursor:grab;-ms-cursor:grab;-o-cursor:grab;cursor:grab;}.bx_filter .bx_ui_slider_handle:active{-webkit-cursor:grabbing;-ms-cursor:grabbing;-o-cursor:grabbing;cursor:grabbing;}.bx_filter .bx_ui_slider_handle.left{left:0;margin-left:-8px;}.bx_filter .bx_ui_slider_handle.right{right:0;margin-right:-8px;}.bx_filter .bx_ui_slider_part{position:absolute;top:-3px;width:0;height:10px;background:#e5e5e5;background:var(--stroke_black);display:none;}.bx_filter .bx_ui_slider_part.p1{left:-1px;}.bx_filter .bx_ui_slider_part.p2{left:25%;display:none;}.bx_filter .bx_ui_slider_part.p3{left:50%;display:none;}.bx_filter .bx_ui_slider_part.p4{left:75%;display:none;}.bx_filter .bx_ui_slider_part.p5{right:1px;}.bx_filter .bx_ui_slider_part span{font-size:.8em;position:absolute;bottom:13px;left:50%;display:block;width:100px;margin-left:-50px;text-align:center;color:#999;}.bx_filter .bx_ui_slider_part.p2 span,.bx_filter .bx_ui_slider_part.p3 span,.bx_filter .bx_ui_slider_part.p4 span{color:#b1b1b1;display:none;}.bx_filter .bx_ui_slider_part.first span{text-align:left;left:-8px;margin-left:0;}.bx_filter .bx_ui_slider_part.last span{text-align:right;left:auto;right:-8px;margin-left:0;}.bx_filter .bx_filter_popup_result{background-color:#9e9e9e;background-color:var(--theme-base-color);}.bx_filter.bx_filter_vertical .bx_filter_popup_result{line-height:51px;position:absolute;z-index:30;display:none;margin-top:-14px;margin-left:-4px;padding:0 18px 0 18px;white-space:nowrap;color:#fff;left:102%;border-radius:0 4px 4px 0;background-color:transparent;}.bx_filter.bx_filter_vertical .bx_filter_popup_result a{min-width:150px;}.bx_filter.bx_filter_vertical .bx_filter_popup_result #modef_num{padding-left:5px;}.bx_filter.bx_filter_vertical .arrow-all{top:21px;right:20px;}.bx-chorme .bx_filter.bx_filter_vertical .bx_filter_popup_result a{padding-top:6px;padding-bottom:6px;}.bx_filter.bx_filter_horizontal .bx_filter_popup_result{padding:0 10px 0 0;}.bx_filter.bx_filter_horizontal .bx_filter_popup_result a{display:none;}.catalog .bx_filter_section{position:relative;}.bx_filter .bx_ui_slider_range,.bx_filter .bx_ui_slider_pricebar,.bx_filter .bx_ui_slider_pricebar_VD,.bx_filter .bx_ui_slider_pricebar_VN,.bx_filter .bx_ui_slider_pricebar_V{position:absolute;top:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right:1px solid transparent;}.bx_filter .bx_ui_slider_pricebar_VD,.bx_filter .bx_ui_slider_pricebar_VN,.bx_filter .bx_ui_slider_pricebar_V{top:-8px;height:18px;background-color:transparent;cursor:pointer;}.bx_filter .bx_filter_parameters_box{position:relative;}.bx_filter .bx_filter_button_box{text-align:center;padding-top:16px;}.bx_filter_button_box .btn{flex:1;}.bx_filter_parameters_box_title{cursor:pointer;gap:4px;word-break:break-word;}.bx_filter_parameters_box_title.prices{cursor:default;}.bx_filter input[type="text"],.bx_filter input[type="number"]{background:transparent;border:none;height:100%;padding:0;flex:1;min-width:0;color:var(--input_color);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;}.bx_filter input[type="number"]::-webkit-outer-spin-button,.bx_filter input[type="number"]::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0;display:none;}.bx_filter .bx_filter_parameters_box_container .max-price{text-align:right;}.bx_filter .bx_ui_slider_track .bx_ui_slider_handle{top:-8px;width:16px;height:16px;display:inline-block;cursor:grab;position:absolute;z-index:100;background:var(--white_text_black_reverse);border-radius:100%;border:2px solid var(--white_text_black);}.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:hover,.bx_filter .bx_ui_slider_track .bx_ui_slider_handle:active{border-color:#333333;}.bx_filter .bx_filter_parameters_box_container_block .bx_filter_calendar_container{position:relative;padding-right:20px;}.bx_filter .bx_filter_parameters_box_container_block .bx_filter_calendar_container input[type="text"]{padding:5px 5px 3px;}.bx_filter .bx_filter_parameters_box_container_block .bx_filter_calendar_container img.calendar-icon{position:absolute;right:0;top:7px;}.bx_filter .scrolled{max-height:250px;overflow-y:auto;margin:-1px 0 1px -1px;padding:1px 10px 1px 1px;}.bx_filter_parameters_box_container .hidden_values{margin:16px 0 0;}.main-wrapper .bx_filter_parameters_box_container .hidden_values{display:block!important;}.bx_filter_parameters_box_container .inner_expand_text{margin:16px 0 0;display:none;}.bx_filter_parameters_box_container .expand_block{cursor:pointer;}.bx_filter .filter{margin:0;padding:0;}.bx_filter_parameters_box_title + .bx_filter_block{padding-top:16px;cursor:default;}.bx_filter_parameters_box:not(.active) .bx_filter_block{display:none;}.bx_filter_parameters_box.active .dropdown-select__icon-down svg{transform:rotate(180deg);}.bx_filter_parameter_label{position:relative;max-width:100%;min-width:0;word-break:break-word;}.limited_block .bx_filter_param_label{font-size:1rem;}.bx_filter_param_text{word-break:break-word;}.label-mixed{display:flex;margin-bottom:12px;cursor:pointer;color:var(--lite_basic_text_black);}.label-mixed:hover{color:var(--fill_dark_lite_white_hover);}.label-mixed:hover .label-mixed__image{box-shadow:0 0 0 1px var(--white_text_black,#9e9e9e);}.label-mixed.active,input:checked + .label-mixed{cursor:default;color:var(--white_text_black);background:transparent;}.label-mixed.active .label-mixed__image:before,input:checked + .label-mixed .label-mixed__image:before{content:"";display:block;border-radius:50%;position:absolute;inset:-4px;box-shadow:0 0 0 2px var(--white_text_black,#9e9e9e) inset;}.label-mixed:last-of-type{margin-bottom:0;}.label-mixed .label-mixed__image{margin-right:10px;}.label-mixed__text{align-self:center;text-overflow:ellipsis;overflow:hidden;}.bx_filter .bx_filter_select_block{position:relative;display:block;width:100%;height:44px;padding:0 34px 0 15px;border-radius:4px;border-radius:var(--theme-button-border-radius);background:#fcfcfc;background:transparent;border:1px solid var(--stroke_black);cursor:pointer;max-width:270px;display:flex;align-items:center;}.bx_filter .bx_filter_select_text{max-width:100%;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;color:var(--white_text_black);margin:0;}.bx_filter .bx_filter_select_arrow{position:absolute;top:0;bottom:0;right:0;width:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;}div[id^="smartFilterDropDown"]{max-width:253px;width:100%;}.bx_filter .popup-window{width:100%;border:0;padding:0;background:transparent;box-shadow:none;font-size:1rem;font-family:unset;padding-top:4px;}div[id^="smartFilterDropDown"] .popup-window-top-row,div[id^="smartFilterDropDown"] .popup-window-left-column,div[id^="smartFilterDropDown"] .popup-window-right-column,div[id^="smartFilterDropDown"] .popup-window-bottom-row{display:none;}.popup-window-content .bx_filter_select_popup .disabled{color:var(--white_text_black);cursor:not-allowed;opacity:.5;}.bx_filter_select_popup--padded{padding:20px 16px;}.limited_block .form-checkbox{flex:1;max-width:100%;}.limited_block .form-checkbox .form-checkbox__label{font-size:calc(1rem - 1px);color:var(--white_text_black);gap:5px;}.limited_block .bx_filter_input_checkbox{max-width:100%;min-width:0;}.limited_block .bx_filter_param_text{vertical-align:middle;display:flex;align-items:center;gap:4px;}#mobilefilter-overlay{display:none;background:#3a3f44;opacity:.7!important;height:100%;width:100%;position:fixed;left:0;top:0;z-index:3005;}.scrollbar-filter{--filter-width:375px;--sf-header-height:64px;--sf-p-block:24px;--sf-p-bottom:76px;--sf-p-inline:24px;background:var(--black_bg_black);z-index:10010;overflow:hidden;transition:left .4s,opacity .4s;position:fixed;left:-100%;top:0;bottom:0;width:100%;height:100dvh;max-width:var(--filter-width);}.scrollbar-filter .filter-compact-block{z-index:1;position:relative;}.scrollbar-filter .overlay{z-index:0;}.scrollbar-filter.show{left:0;box-shadow:3px 0 10px 0 rgba(0,0,0,.45);}.scrollbar-filter .bx_filter.bx_filter_vertical{filter:none;position:relative;box-shadow:none;-webkit-box-shadow:none;height:100%;top:0;padding:0;display:block!important;}.scrollbar-filter .smartfilter{padding-top:var(--sf-header-height);padding-bottom:var(--sf-p-bottom);background:var(--card_bg_black);height:100%;}.scrollbar-filter .bx_filter .bx_filter_section{margin:0;background-color:var(--black_bg_black);height:100%;border:none;}.scrollbar-filter .bx_filter .slide-block,.scrollbar-filter .bx_filter .slide-block .slide-block__body{height:100%;}.scrollbar-filter .bx_filter .bx_filter_parameters_box.title,.scrollbar-filter .bx_filter .slide-block .filter_title{position:absolute;width:100%;top:0;z-index:10;padding:var(--sf-p-block) var(--sf-p-inline);left:0;margin:0;}.scrollbar-filter .bx_filter .filter_title{cursor:default;padding:0;}.scrollbar-filter .bx_filter .filter_title .svg-inline-catalog{margin-right:9px;vertical-align:baseline;}.scrollbar-filter .bx_filter .slide-block .filter_title .svg-inline-down{display:none;}div.scrollbar-filter .svg.svg-close{right:8px;top:8px;position:absolute;cursor:pointer;display:block;padding:9px;}.scrollbar-filter .bx_filter .bx_filter_parameters{position:absolute;top:var(--sf-header-height);bottom:var(--sf-p-bottom);left:0;right:0;overflow-x:hidden;overflow-y:auto;--gap:28px;flex-direction:column;align-items:normal;flex-wrap:nowrap;}.scrollbar-filter .bx_filter_parameters_box{padding-inline:var(--sf-p-inline);cursor:default;}.scrollbar-filter .bx_filter_parameters .bx_filter_search_reset,.scrollbar-filter .btn.bx_filter_search_reset{display:none;}div.scrollbar-filter .dropdown-select__title{padding:0;justify-content:start;gap:4px;border:none;}div.scrollbar-filter .bx_filter_parameters_box_title{border:none;box-shadow:none;font-size:calc(1rem - 1px);line-height:calc(1em + 7px);font-weight:500;display:inline;&,&:hover{background:none}}.scrollbar-filter .bx_filter_parameters_box_title_text{position:relative;}.bx_filter_parameters_box.set .bx_filter_parameters_box_title_text:before{content:"";background-color:var(--theme-base-color);border-radius:50%;width:4px;height:4px;position:absolute;left:-9px;top:50%;transform:translateY(-50%);margin-top:1px;}.scrollbar-filter .bx_filter_parameters_box_title .svg{margin-top:-2px;}.scrollbar-filter .dropdown-select__title-text{white-space:normal;}.scrollbar-filter .bx_filter_block{position:static;}.scrollbar-filter .dropdown-menu-inner:not(.popup-window-content){overflow:visible;box-shadow:none;}.scrollbar-filter .count_selected,.scrollbar-filter .hint,.scrollbar-filter .tooltip{display:none!important;}.scrollbar-filter .delete_filter{display:none;}.scrollbar-filter .bx_filter_parameters_box_container .hidden_values{display:none;}.scrollbar-filter .bx_filter_parameters_box_container .inner_expand_text{display:block;}.scrollbar-filter .bx_filter .bx_filter_button_box{position:absolute;bottom:0;z-index:9;width:100%;visibility:visible!important;padding:0;left:0;background:#fff;background:var(--black_bg_black);display:block!important;}.scrollbar-filter .bx_filter .bx_filter_button_box .bx_filter_block{padding:0;display:block!important;margin:12px;}.scrollbar-filter .bx_filter .bx_filter_parameters_box .bx_filter_button_box{display:none!important;}.scrollbar-filter .bx_filter_search_button.btn{display:block!important;visibility:visible!important;}.bx_filter_search_reset.btn-link-text{border:none;background:none;appearance:none;cursor:pointer;padding:4px 12px;}.filter_title.active-filter .svg-inline-catalog:before{content:"";display:block;position:absolute;top:-3px;right:-3px;width:6px;height:6px;border-radius:100%;z-index:2;border:1px solid #fff;border-color:var(--lite_bg_black);background-color:#9e9e9e;background-color:var(--theme-more-color);}.bx_filter .bx_filter_parameters_box .svg-close{display:none;}.bx_filter_parameters_box_name{max-width:100%;overflow:hidden;text-overflow:ellipsis;}.limited_block .hint__text{display:none;}.bx_filter .limited_block .char_name{position:absolute;left:13px;top:6px;margin:0;z-index:2;}.compact .opened .limited_block .hint__icon{color:#fff;border-color:currentColor;}.compact .bx_filter_block--whint.limited_block .bx_filter_input_checkbox{padding-left:25px;}.scrollbar-filter .limited_block .bx_filter_input_checkbox{padding-left:0;font-weight:500;}.bx_filter.bx_filter_vertical .limited_block{position:relative;}#mobilefilter .bx_filter_block_opened-compact{display:block;}#mobilefilter .bx_filter_parameters_box[data-expanded="Y"] .dropdown-select__arrow-right{display:none;}#mobilefilter .bx_filter_parameters_box[data-expanded="Y"] .dropdown-select__arrow-down{display:inline-block;}@media (min-width:992px){.bx_filter .slide-block__head .svg:not(.svg-inline-down){display:none}}@media (min-width:769px){#modef_mobile{display:none!important}}@media (min-width:768px){.scrollbar-filter .bx_filter.compact{display:none}}@media (max-width:767px){.main-wrapper .bx_filter_vertical{display:none!important}}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/animation/animation_ext.min.css?17502527734306*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.transition{-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}.animated.duration03{-webkit-animation-duration:.3s;-moz-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s}.animated.duration04{-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s}.animated.duration05{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}.animated.duration06{-webkit-animation-duration:.6s;-moz-animation-duration:.6s;-o-animation-duration:.6s;animation-duration:.6s}.animated.duration07{-webkit-animation-duration:.7s;-moz-animation-duration:.7s;-o-animation-duration:.7s;animation-duration:.7s}.animated.duration08{-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s}.animated.duration09{-webkit-animation-duration:.9s;-moz-animation-duration:.9s;-o-animation-duration:.9s;animation-duration:.9s}.animated.duration10{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.delay01{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.delay03{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}.delay05{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.delay055{-webkit-animation-delay:.55s;-moz-animation-delay:.55s;-o-animation-delay:.55s;animation-delay:.55s}.delay06{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}.delay065{-webkit-animation-delay:.65s;-moz-animation-delay:.65s;-o-animation-delay:.65s;animation-delay:.65s}.delay07{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s}.delay08{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}.delay09{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s}.delay011,.delay11{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-o-animation-delay:1.1s;animation-delay:1.1s}.delay012,.delay12{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}.delay013,.delay13{-webkit-animation-delay:1.3s;-moz-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s}.delay015,.delay15{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay017,.delay17{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay019,.delay19{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay021,.delay21{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}@-webkit-keyframes toggle_opacity{from{opacity:0}to{opacity:1}}@keyframes toggle_opacity{from{opacity:0}to{opacity:1}}@-webkit-keyframes shine{100%{left:125%}}@keyframes shine{100%{left:125%}}@-webkit-keyframes flash{0%{opacity:.65}100%{opacity:1}}@keyframes flash{0%{opacity:.65}100%{opacity:1}}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spinner{from{-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rota{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes opa{0%{opacity:1}100%,50%{opacity:0}}@keyframes shrink-bounce{0%{transform:scale(1)}33%{transform:scale(.85)}100%{transform:scale(1)}}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/filter-panel.min.css?1750252773270*/
.filter-panel{margin-bottom:20px;gap:8px;}@media (max-width:600px){.filter-panel .dropdown-select:not(.dropdown-select--wide) .dropdown-menu-wrapper{left:auto;right:0;max-width:320px}.filter-panel .filter-panel__sort:only-child .dropdown-menu-wrapper{right:auto;left:0}}
/* End */


/* Start:/local/assets/put-pokupki/plitka-maket.css?179139074821405*/
.pp-cat:not(#_) .nc { width: 258px; display: flex; flex-direction: column; background: var(--s-ground); border: 1px solid var(--s-line); border-radius: 8px; padding: 16px; font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink); transition: box-shadow 0.16s, border-color 0.16s; }
.pp-cat:not(#_) .nc:hover { box-shadow: var(--s-shadow-sm); border-color: var(--s-line-strong); }
@media (prefers-reduced-motion: reduce) { .pp-cat:not(#_) .nc { transition: none; } }
.pp-cat:not(#_) .nc__media { position: relative; aspect-ratio: 1 / 1; border-radius: 8px; background: var(--s-ground); overflow: hidden; display: grid; place-items: center; padding: 28px 8px 8px; }
.pp-cat:not(#_) .nc__media img { width: 100%; height: 100%; object-fit: contain; display: block; }
.pp-cat:not(#_) .nc__media--empty::after { content: "нет фото"; font-size: 12px; line-height: 16px; color: var(--s-ink-4); }
.pp-cat:not(#_) .nc__badges { position: absolute; left: 0px; top: 0px; z-index: 2; display: flex; align-items: center; gap: 4px; max-width: 100%; }
.pp-cat:not(#_) .nc__badge { display: inline-flex; align-items: center; height: 20px; padding: 0px 8px; border-radius: 4px; font-size: 12px; line-height: 16px; font-weight: 500; white-space: nowrap; background: var(--s-surface); color: var(--s-ink-2); }
.pp-cat:not(#_) .nc__badge--sale { background: var(--s-brand); color: rgb(255, 255, 255); font-variant-numeric: tabular-nums; }
.pp-cat:not(#_) .nc__cmp { position: absolute; right: 0px; top: 0px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 6px; background: var(--s-ground); border: 1px solid var(--s-line); color: var(--s-ink-3); cursor: pointer; padding: 0px; transition: color 0.14s, border-color 0.14s; }
.pp-cat:not(#_) .nc__cmp:hover { color: var(--s-ink); border-color: var(--s-line-strong); }
.pp-cat:not(#_) .nc__cmp:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 1px; }
.pp-cat:not(#_) .nc__body { display: flex; flex-direction: column; flex: 1 1 0%; margin-top: 12px; }
.pp-cat:not(#_) .nc__title { height: 36px; margin: 0px; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--s-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pp-cat:not(#_) .nc__title a { color: inherit; text-decoration: none; }
.pp-cat:not(#_) .nc__title a:hover { color: var(--s-brand); }
.pp-cat:not(#_) .nc__specs { display: flex; flex-wrap: wrap; gap: 4px; height: 44px; overflow: hidden; margin-top: 8px; align-content: flex-start; }
.pp-cat:not(#_) .nc__spec { display: inline-flex; align-items: center; height: 20px; padding: 0px 7px; border-radius: 4px; font-size: 12px; line-height: 16px; font-weight: 400; background: var(--s-surface); color: var(--s-ink-2); white-space: nowrap; }
.pp-cat:not(#_) .nc__spec--key { background: var(--s-ground); border: 1px solid var(--s-line-strong); color: var(--s-ink); font-weight: 500; padding: 0px 6px; }
.pp-cat:not(#_) .nc__spec--more { background: transparent; border: 1px dashed var(--s-line-strong); color: var(--s-ink-3); padding: 0px 5px; }
.pp-cat:not(#_) .nc__prices { margin-top: 8px; height: 64px; display: flex; flex-direction: column; }
.pp-cat:not(#_) .nc__pay { display: flex; align-items: center; gap: 8px; height: 30px; }
.pp-cat:not(#_) .nc__pay-val { font-size: 22px; line-height: 30px; font-weight: 600; color: var(--s-ink); letter-spacing: -0.015em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pp-cat:not(#_) .nc__save { margin-left: auto; display: inline-flex; align-items: center; height: 20px; padding: 0px 6px; border-radius: 4px; background: var(--s-brand-tint); color: var(--s-brand); font-size: 12px; line-height: 16px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pp-cat:not(#_) .nc__payhint { display: flex; align-items: center; gap: 4px; height: 16px; font-size: 12px; line-height: 16px; color: var(--s-ink-3); white-space: nowrap; }
.pp-cat:not(#_) .nc__full { display: flex; align-items: baseline; gap: 5px; height: 18px; font-size: 13px; line-height: 18px; color: var(--s-ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pp-cat:not(#_) .nc__full b { font-weight: 500; color: var(--s-ink-2); }
.pp-cat:not(#_) .nc__full em { font-style: normal; font-size: 12px; color: var(--s-ink-3); }
.pp-cat:not(#_) .nc__full s { font-size: 12px; color: var(--s-ink-4); }
.pp-cat:not(#_) .nc__info { flex: 0 0 auto; width: 13px; height: 13px; border-radius: 50%; border: 1px solid; display: grid; place-items: center; font-size: 9px; font-weight: 600; line-height: 1; cursor: help; color: #9294A0; }
.pp-cat:not(#_) .nc__meta { margin-top: 10px; display: flex; flex-direction: column; gap: 4px; }
.pp-cat:not(#_) .nc__stock { display: flex; align-items: center; gap: 6px; height: 20px; font-size: 12px; line-height: 16px; color: var(--s-ink-2); white-space: nowrap; overflow: hidden; }
.pp-cat:not(#_) .nc__status { flex: 0 0 auto; display: inline-flex; align-items: center; height: 20px; padding: 0px 8px; border-radius: 4px; background: var(--s-ink); color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; font-weight: 500; white-space: nowrap; }
.pp-cat:not(#_) .nc__status--order { background: transparent; border: 1px solid var(--s-line-strong); color: var(--s-ink-2); padding: 0px 7px; }
.pp-cat:not(#_) .nc__status--out { background: var(--s-surface); color: var(--s-ink-4); }
.pp-cat:not(#_) .nc__line2 { display: flex; align-items: center; gap: 6px; height: 20px; font-size: 12px; line-height: 16px; color: var(--s-ink-3); white-space: nowrap; }
.pp-cat:not(#_) .nc__rate { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; color: var(--s-ink-2); }
.pp-cat:not(#_) .nc__express { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0px 8px 0px 6px; border-radius: 4px; background: var(--s-ink); color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; font-weight: 600; white-space: nowrap; }
.pp-cat:not(#_) .nc__express svg { flex: 0 0 auto; display: block; }
.pp-cat:not(#_) .nc__express-time { color: var(--s-ink); font-weight: 500; }
.pp-cat:not(#_) .nc__actions { display: flex; align-items: center; gap: 8px; height: 44px; margin-top: 12px; }
.pp-cat:not(#_) .nc__buy { flex: 1 1 auto; height: 44px; border: 1px solid var(--s-brand); background: var(--s-brand); color: rgb(255, 255, 255); border-radius: 6px; font-family: inherit; font-size: 15px; line-height: 20px; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.14s, border-color 0.14s; }
.pp-cat:not(#_) .nc__buy:hover { background: var(--s-brand-hover); border-color: var(--s-brand-hover); }
.pp-cat:not(#_) .nc__buy:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; }
.pp-cat:not(#_) .nc__buy--ghost { background: transparent; color: var(--s-ink); border-color: var(--s-line-strong); font-size: 14px; }
.pp-cat:not(#_) .nc__buy--ghost:hover { background: var(--s-surface); border-color: var(--s-ink-3); color: var(--s-ink); }
.pp-cat:not(#_) .nc__wish { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; background: transparent; border: 1px solid var(--s-line-strong); border-radius: 6px; color: var(--s-ink-3); cursor: pointer; padding: 0px; transition: color 0.14s, border-color 0.14s; }
.pp-cat:not(#_) .nc__wish:hover { color: var(--s-brand); border-color: var(--s-brand); }
.pp-cat:not(#_) .nc__wish:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .pp-cat:not(#_) .nc__buy, .pp-cat:not(#_) .nc__wish, .pp-cat:not(#_) .nc__cmp { transition: none; } }
.pp-cat:not(#_) .mob .nc__title { height: 36px; font-size: 13px; line-height: 18px; }
.pp-cat:not(#_) .mob .nc__pay-val { font-size: 17px; }
.pp-cat:not(#_) .mob .nc__actions { height: 36px; margin-top: 10px; }
.pp-cat:not(#_) .mob .nc__buy { height: 36px; font-size: 13px; }
.pp-cat:not(#_) .mob .nc__wish { width: 36px; height: 36px; }
.pp-cat:not(#_) .mob .nc__body { margin-top: 10px; }
.pp-cat:not(#_) .mob .nc__media img { width: 100%; height: 100%; }
.pp-cat:not(#_) .mob .nc__line2 .nc__info { display: none; }
.pp-cat:not(#_) .mob .nc__express { padding: 0px 6px 0px 5px; font-size: 11px; }
.pp-cat:not(#_) .mob .nc__express-time { font-size: 11px; }
.grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 40px 12px; }
@media (max-width: 1199px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(3, minmax(0px, 1fr)); } }
@media (max-width: 767px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px 8px; } }
.pp-cat:not(#_) .nc { width: auto; }
.pp-cat:not(#_) .nc__badge--req { display: inline-flex; align-items: center; height: 20px; padding: 0px 0px 0px 6px; border-radius: 6px; gap: 0px; white-space: nowrap; }
.pp-cat:not(#_) .nc__badge-text { font: 500 12px / 16px "Golos Text", Arial, sans-serif; padding: 2px 6px; }
.pp-cat:not(#_) .nc__badge-pill { font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-stretch: normal; font-size: 12px; line-height: 16px; font-family: "Golos Text", Arial, sans-serif; padding: 2px 6px; border-radius: 5px; }
.pp-cat:not(#_) .nc__badge { border-radius: 6px; height: 20px; font: 500 12px / 16px "Golos Text", Arial, sans-serif; }
.pp-cat:not(#_) .nc__badges { gap: 4px; }
.pp-cat:not(#_) .nc__prices { height: 52px; gap: 4px; }
.pp-cat:not(#_) .nc__pay { display: flex; align-items: baseline; gap: 8px; height: 30px; }
.pp-cat:not(#_) .nc__pay-val { flex: 0 0 auto; }
.pp-cat:not(#_) .nc__payhint { height: auto; min-width: 0px; flex: 0 1 auto; display: flex; align-items: baseline; gap: 4px; }
.pp-cat:not(#_) .nc__save { margin-left: auto; flex: 0 0 auto; }
.pp-cat:not(#_) .nc__full { margin-top: auto; }
.pp-cat:not(#_) .nc__pay { gap: 6px; }
.pp-cat:not(#_) .nc__pay-val { font-size: 20px; line-height: 28px; }
.pp-cat:not(#_) .nc__payhint { font-size: 12px; line-height: 16px; color: var(--s-ink-3); white-space: nowrap; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: dotted; text-decoration-color: var(--s-line-strong); text-underline-offset: 3px; cursor: help; align-self: center; }
.pp-cat:not(#_) [data-tip] { position: relative; }
.pp-cat:not(#_) [data-tip]::after { content: attr(data-tip); position: absolute; left: 0px; bottom: calc(100% + 8px); z-index: 20; width: 230px; padding: 10px 12px; border-radius: 8px; background: rgb(17, 19, 24); color: rgb(255, 255, 255); font: 400 12px / 17px "Golos Text", Arial, sans-serif; white-space: normal; text-align: left; box-shadow: rgba(17, 19, 24, 0.5) 0px 6px 20px -6px; opacity: 0; visibility: hidden; transition: opacity 0.12s; pointer-events: none; }
.pp-cat:not(#_) [data-tip]:hover::after, .pp-cat:not(#_) [data-tip]:focus-visible::after, .pp-cat:not(#_) [data-tip][data-tip-open]::after { opacity: 1; visibility: visible; }
.pp-cat:not(#_) .nc { position: relative; }
.pp-cat:not(#_) [data-tip]::after { left: var(--tip-left,0); right: auto; bottom: calc(100% + 8px); top: auto; width: var(--tip-w,230px); display: none; }
.pp-cat:not(#_) [data-tip]:hover::after, .pp-cat:not(#_) [data-tip]:focus-visible::after, .pp-cat:not(#_) [data-tip][data-tip-open]::after { display: block; }
@media (prefers-reduced-motion: reduce) { .pp-cat:not(#_) [data-tip]::after { transition: none; } }
.pp-cat:not(#_) .nc__save { padding: 0px 5px; }
@media (max-width: 1407px) { .pp-cat:not(#_) .nc__pay { flex-wrap: wrap; height: auto; row-gap: 2px; } }
@media (max-width: 1407px) { .pp-cat:not(#_) .nc__payhint { order: 3; flex: 0 0 100%; margin-top: 2px; } }
@media (max-width: 1407px) { .pp-cat:not(#_) .nc__prices { height: auto; min-height: 46px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__payhint { display: none; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__pay { cursor: help; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__prices { height: auto; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__pay { flex-wrap: wrap; height: auto; row-gap: 2px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__pay-val { font-size: 17px; line-height: 24px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__save { margin-left: 0px; } }
.grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
@media (max-width: 1199px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(3, minmax(0px, 1fr)); } }
@media (max-width: 991px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(2, minmax(0px, 1fr)); } }
@media (max-width: 600px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { gap: 24px 8px; } }
.pp-cat:not(#_) .nc__media img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; padding: 28px 8px 8px; box-sizing: border-box; margin: 0px; }
.pp-cat:not(#_) .nc__media--empty { display: flex; align-items: center; justify-content: center; }
.pp-cat:not(#_) .nc__line2, .pp-cat:not(#_) .nc__stock { overflow: visible; min-width: 0px; }
.pp-cat:not(#_) .nc__short { display: none; }
@media (max-width: 1399px) { .pp-cat:not(#_) .nc__short { display: inline; } }
@media (max-width: 1399px) { .pp-cat:not(#_) .nc__long { display: none; } }
@media (max-width: 1399px) { .pp-cat:not(#_) .nc__full s { display: none; } }
@media (max-width: 1399px) { .pp-cat:not(#_) .nc__tail { display: none; } }
@media (max-width: 1399px) { .pp-cat:not(#_) .nc__tail--order { display: inline; } }
@media (max-width: 1399px) { .pp-cat:not(#_) .nc__rate { display: none; } }
@media (max-width: 1199px) { .pp-cat:not(#_) .nc__line2, .pp-cat:not(#_) .nc__stock { overflow: hidden; } }
.pp-cat:not(#_) .nc__line2:has([data-tip]), .pp-cat:not(#_) .nc__stock:has([data-tip]) { overflow: visible; }
@media (max-width: 767px) { .pp-cat:not(#_) .nc { padding: 12px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__title { font-size: 13px; line-height: 18px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__body { margin-top: 6px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__actions { height: 36px; margin-top: 10px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__buy { height: 36px; font-size: 13px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__wish { width: 36px; height: 36px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__rate { display: none; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__badges { max-width: calc(100% - 32px); } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__spec:nth-child(n+5) { display: none; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__stock, .pp-cat:not(#_) .nc__line2 { font-size: 11px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__status { font-size: 11px; padding: 0px 6px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__express { padding: 0px 6px 0px 5px; font-size: 11px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__express-time { font-size: 11px; } }
.pp-cat:not(#_) .nc__body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0px; }
.pp-cat:not(#_) .nc__meta { margin-top: auto; padding-top: 10px; }
.pp-cat:not(#_) .nc__actions { margin-top: 12px; padding-top: 0px; }
.pp-cat:not(#_) .nc__body { margin-top: 6px; }
.pp-cat:not(#_) .nc__line2--hold { visibility: hidden; }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__stock { height: auto; flex-wrap: wrap; row-gap: 2px; } }
.pp-cat:not(#_) .nc__badges { max-width: calc(100% - 34px); flex-wrap: wrap; row-gap: 4px; }
.pp-cat:not(#_) .nc__eta { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--s-line-strong); text-underline-offset: 3px; }
.pp-cat:not(#_) .nc__tail--order { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: dotted; text-decoration-color: var(--s-line-strong); text-underline-offset: 3px; cursor: help; }
.pp-cat:not(#_) .nc__media { overflow: visible; }
.pp-cat:not(#_) .nc__cmp { z-index: 2; }
@media (max-width: 1199px) { .pp-cat:not(#_) .nc__badges { flex-wrap: nowrap; gap: 4px; max-width: calc(100% - 30px); } }
@media (max-width: 1199px) { .pp-cat:not(#_) .nc__badge--sale { display: none; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__line2 { gap: 4px; min-width: 0px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__line2 .nc__info { display: grid; } }
.pp-cat:not(#_) .nc:has([data-tip]:hover), .pp-cat:not(#_) .nc:has([data-tip][data-tip-open]) { z-index: 5; }
.pp-cat:not(#_) .nc__count { flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 0px 6px; border: 1px solid var(--s-brand); border-radius: 6px; background: rgb(255, 255, 255); color: var(--s-brand); font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-stretch: normal; font-size: 15px; line-height: 20px; font-family: "Golos Text", Arial, sans-serif; }
.pp-cat:not(#_) .nc__count b { font-weight: 500; min-width: 24px; text-align: center; }
.pp-cat:not(#_) .nc__count span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; cursor: pointer; font-size: 18px; }
.pp-cat:not(#_) .nc__count span:hover { background: var(--s-brand-tint); }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__count { height: 36px; font-size: 13px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__count span { width: 26px; height: 26px; font-size: 16px; } }
.pp-cat:not(#_) .nc__wish.on { border-color: var(--s-brand); background: var(--s-brand-tint); color: var(--s-brand); }
.pp-cat:not(#_) .nc__wish.on svg { fill: currentcolor; }
.pp-cat:not(#_) .nc__cmp.on { border-color: var(--s-brand); background: var(--s-brand-tint); color: var(--s-brand); }
.pp-cat:not(#_) .nc__stars { position: absolute; left: 0px; bottom: 0px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; font: 400 11px / 14px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); }
.pp-cat:not(#_) .nc__stars svg { color: var(--s-brand); flex: 0 0 auto; }
.pp-cat:not(#_) .nc__stars b { font-weight: 500; color: var(--s-ink); }
.pp-cat:not(#_) .nc__stars i { font-style: normal; color: var(--s-ink-4); }
.pp-cat:not(#_) .nc__media img { padding-bottom: 22px; }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__stars { font-size: 10px; line-height: 13px; gap: 3px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__media img { padding-bottom: 18px; } }
.pp-cat:not(#_) .nc__stock[data-stock] { cursor: pointer; }
.pp-cat:not(#_) .nc__where { text-decoration: underline rgb(200, 202, 212); text-underline-offset: 2px; }
.pp-cat:not(#_) .nc__stock[data-stock]:hover .nc__where { text-decoration-color: rgb(138, 138, 147); }
.pp-cat:not(#_) .nc__stock[data-stock]:focus-visible { outline: rgb(219, 2, 12) solid 2px; outline-offset: 2px; border-radius: 4px; }
.pp-cat:not(#_) .nc__status { height: 18px; font-size: 11px; }
.pp-cat:not(#_) .nc__where { font-size: 11px; }
.pp-cat:not(#_) .nc__express { height: 18px; font-size: 11px; }
.pp-cat:not(#_) .nc__express-time { font-size: 11px; }
.pp-cat:not(#_) .nc__tail { font-size: 11px; }
.pp-cat:not(#_) .nc__line2 { font-size: 11px; }
.pp-cat:not(#_) .st-short { display: none; }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__status { font-size: 10px; padding: 0px 6px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__where { font-size: 10px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__express { font-size: 10px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__express-time { font-size: 10px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__tail { font-size: 10px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__line2 { font-size: 10px; } }
.pp-cat:not(#_) .nc__spec { font-size: 11px; }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__spec { font-size: 10px; } }
.pp-cat:not(#_) .nc__badge-text, .pp-cat:not(#_) .nc__badge-pill, .pp-cat:not(#_) .nc__save, .pp-cat:not(#_) .nc__payhint, .pp-cat:not(#_) .em { font-size: 11px; }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__badge-text, .pp-cat:not(#_) .nc__badge-pill, .pp-cat:not(#_) .nc__save, .pp-cat:not(#_) .nc__payhint, .pp-cat:not(#_) .em { font-size: 10px; } }
.pp-cat:not(#_) .nc__badge { font-size: 11px; }
.pp-cat:not(#_) .nc__full em, .pp-cat:not(#_) .nc__full s { font-size: 11px; }
.pp-cat:not(#_) .nc__buy { font-size: 15px; }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__badge { font-size: 10px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__full em, .pp-cat:not(#_) .nc__full s { font-size: 10px; } }
@media (max-width: 767px) { .pp-cat:not(#_) .nc__buy { font-size: 13px; } }

/* End */


/* Start:/local/assets/put-pokupki/nalichie-maket.css?17913907486638*/
.nc-mod { position: absolute; inset: 0px; z-index: 30; display: flex; justify-content: center; align-items: flex-start; padding: 0px 16px 48px; background: rgba(17, 19, 24, 0.42); }
.nc-mod[hidden] { display: none; }
.nc-mod__back { position: absolute; inset: 0px; }
.nc-mod__win { position: relative; width: 100%; max-width: 880px; background: rgb(255, 255, 255); border-radius: 14px; box-shadow: rgba(17, 19, 24, 0.28) 0px 18px 48px; display: flex; flex-direction: column; font-family: "Golos Text", Arial, sans-serif; color: rgb(34, 34, 40); }
.nc-mod__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 20px 14px; }
.nc-mod__t { font: 600 20px / 26px "Golos Text", Arial, sans-serif; }
.nc-mod__sub { margin-top: 2px; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: rgb(138, 138, 147); }
.nc-mod__x { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(241, 241, 247); cursor: pointer; position: relative; transition: background 0.12s; }
.nc-mod__x::before, .nc-mod__x::after { content: ""; position: absolute; left: 8px; top: 13px; width: 12px; height: 1.5px; background: rgb(85, 85, 88); }
.nc-mod__x::before { transform: rotate(45deg); }
.nc-mod__x::after { transform: rotate(-45deg); }
.nc-mod__x:hover { background: rgb(230, 230, 238); }
.nc-mod__x:focus-visible { outline: rgb(219, 2, 12) solid 2px; outline-offset: 2px; }
.nc-mod__body { display: grid; grid-template-columns: minmax(0px, 1fr) 320px; gap: 20px; padding: 0px 20px; }
.nc-mod__side { min-width: 0px; }
.nc-mod__filters { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 8px; }
.nc-mod__filter { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: rgb(85, 85, 88); }
.nc-mod__filter input { width: 16px; height: 16px; accent-color: rgb(219, 2, 12); margin: 0px; cursor: pointer; }
/* 01.10.2026, слово владельца «галочки нормальные, как в корзине»: вид .gk-pick из korzina-galochki.css —
   22 px, скругление 6, тонкая рамка, отмечено — красная заливка с белой отметкой */
.nc-mod__filter { gap: 8px; }
.nc-mod__filter input { -webkit-appearance: none; appearance: none; flex: 0 0 auto; width: 22px; height: 22px;
  border: 1.5px solid rgb(200, 202, 212); border-radius: 6px; background: #FFFFFF;
  transition: background-color .12s ease, border-color .12s ease; }
.nc-mod__filter input:checked { border-color: #DB020C; background: #DB020C
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5l10-10' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat; }
@media (hover: hover) { .nc-mod__filter input:not(:checked):hover { border-color: #DB020C; } }
.nc-mod__filter input:focus-visible { outline: 2px solid #DB020C; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .nc-mod__filter input { transition: none; } }
.nc-mod__hours { margin-top: 2px; font-size: 11px; line-height: 16px; color: rgb(85, 85, 88); }
.nc-mod__row--none .nc-mod__hours { color: rgb(159, 161, 174); }
.nc-mod__phone { font-size: 11px; line-height: 16px; color: rgb(85, 85, 88); font-variant-numeric: tabular-nums; }
.nc-mod__rate { display: inline-flex; align-items: center; gap: 5px; margin-top: 2px; font-size: 11px; line-height: 16px; color: rgb(85, 85, 88); }
.nc-mod__row--none .nc-mod__rate { color: rgb(138, 138, 147); }
.nc-mod__rate b { color: rgb(34, 34, 40); font-weight: 500; }
.nc-mod__star { color: rgb(245, 166, 35); font-size: 11px; line-height: 1; }
.nc-mod__rate i { font-style: normal; color: rgb(199, 202, 214); }
.nc-mod__src { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; font-size: 11px; line-height: 14px; color: rgb(138, 141, 155); }
.nc-mod__src svg { color: rgb(138, 141, 155); flex: 0 0 auto; }
.nc-mod__row--none .nc-mod__a { color: rgb(138, 138, 147); }
.nc-mod__row--none .nc-mod__n { color: rgb(159, 161, 174); }
.nc-mod__list { display: flex; flex-direction: column; align-self: start; }
.nc-mod__row { display: grid; grid-template-columns: minmax(0px, 1fr) 16px; align-items: center; gap: 10px; padding: 11px 8px; border-bottom: 1px solid rgb(240, 240, 244); border-radius: 8px; cursor: pointer; }
.nc-mod__row[hidden] { display: none; }
.nc-mod__row:last-child { border-bottom: 0px; }
.nc-mod__row:hover { background: rgb(247, 247, 250); }
.nc-mod__row.on { background: rgb(255, 255, 255); border: 1px solid rgb(219, 2, 12); border-radius: 8px; padding: 10px 7px; }
.nc-mod__row.on + .nc-mod__row { border-top: 0px; }
.nc-mod__a { font: 500 15px / 20px "Golos Text", Arial, sans-serif; color: rgb(34, 34, 40); }
.nc-mod__n { margin-top: 2px; font-size: 13px; line-height: 18px; color: rgb(85, 85, 88); }
.nc-mod__n b { color: rgb(34, 34, 40); font-weight: 500; }
.nc-mod__row::after { content: "›"; justify-self: end; color: rgb(200, 202, 212); font-size: 17px; line-height: 1; }
.nc-mod__map { position: relative; align-self: start; aspect-ratio: 3 / 4; border: 1px solid rgb(235, 236, 239); border-radius: 10px; overflow: hidden; background: rgb(237, 237, 243); }
.nc-mod__mapin { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; min-width: 100%; aspect-ratio: 700 / 593; }
.nc-mod__map img { width: 100%; height: 100%; object-fit: fill; display: block; }
.nc-mod__win { padding-bottom: 16px; }
@media (max-width: 767px) { .nc-mod { padding: 0px 12px 24px; } }
@media (max-width: 767px) { .nc-mod__body { grid-template-columns: minmax(0px, 1fr); gap: 14px; } }
@media (max-width: 767px) { .nc-mod__map { order: -1; } }
.nc-mod .mk-pin { position: absolute; width: 5%; aspect-ratio: 1 / 1; margin-left: -2.5%; margin-top: -6.04%; background: rgb(219, 2, 12); border-radius: 50% 50% 50% 0px; transform: rotate(-45deg); box-shadow: rgba(17, 19, 24, 0.35) 0px 1px 2px; cursor: pointer; }
.nc-mod .mk-pin::before { content: ""; position: absolute; left: 50%; top: 50%; width: 38px; height: 38px; transform: translate(-50%, -50%); border-radius: 50%; }
.nc-mod .mk-pin.hi { box-shadow: rgba(219, 2, 12, 0.22) 0px 0px 0px 3px, rgba(17, 19, 24, 0.35) 0px 1px 2px; }
.nc-mod .mk-pin.on { width: 6.9%; margin-left: -3.45%; margin-top: -8.3%; border: 2px solid rgb(255, 255, 255); box-shadow: rgba(17, 19, 24, 0.4) 0px 2px 6px; z-index: 2; }
.nc-mod .mk-pin:focus-visible { outline: rgb(219, 2, 12) solid 2px; outline-offset: 2px; }

/* End */


/* Start:/local/assets/put-pokupki/plitka-sajt.css?179156706223104*/
/* put-pokupki: привязка плитки из макета к странице сайта.
   Правила самой плитки — plitka-maket.css и nalichie-maket.css, их делает
   kopiya/css_iz_maketa.py из макета, руками не правятся. Здесь только то,
   чего у макета нет: токены, скрытие родной плитки, окно поверх страницы. */

/* Токены макета (в макете висят на .viewport стенда). Макет всегда светлый. */
.pp-cat, .pp-mod {
  --s-brand: #DB020C; --s-brand-hover: #C0000A; --s-brand-tint: #FFF0F0;
  --s-ink: #111318; --s-ink-2: #565869; --s-ink-3: #767888; --s-ink-4: #9FA1AE;
  --s-ground: #FFFFFF; --s-surface: #F5F5F8; --s-surface-2: #E8E9EE;
  --s-line: #E8E9EE; --s-line-strong: #C8CAD4;
  --s-shadow-sm: 0 2px 8px 0 rgba(17,19,24,.08);
}

/* Родная плитка Аспро остаётся в разметке целиком (кнопки, js-*, data-*,
   itemprop) — её кнопки нажимает plitka.js. Не видна и не ловит нажатия;
   display:none не ставим — ломает логику Аспро (VERSTKA_GUIDELINES 4.2). */
.catalog-block__wrapper:has(> .pp-cat):not(#_) {
  position: relative; padding: 0; border: 0; background: none; box-shadow: none;
}
.catalog-block__wrapper:has(> .pp-cat):not(#_)::before,
.catalog-block__wrapper:has(> .pp-cat):not(#_)::after { display: none; }
.catalog-block__wrapper:has(> .pp-cat):not(#_) > .catalog-block__item {
  position: absolute; inset: 0; opacity: 0; pointer-events: none; overflow: hidden; z-index: -1;
}
.catalog-block__wrapper > .pp-cat { height: 100%; }
.pp-cat:not(#_) .nc { height: 100%; box-sizing: border-box; }
.pp-cat *, .pp-mod * { box-sizing: border-box; }

/* На телефоне фильтр и сортировка остаются самостоятельными кнопками, без обводки. */
@media (max-width: 767px) {
  .filter-panel.sort_header .filter-panel__filter .dropdown-select__title,
  .filter-panel.sort_header .filter-panel__sort .dropdown-select__title {
    border: 0;
    box-shadow: none;
  }
}

/* Один ряд характеристик не должен резервировать место под второй.
   Держим цены и информацию о наличии единым компактным блоком. */
.pp-cat:not(#_) .nc__specs { height: auto; min-height: 20px; max-height: 44px; }
@media (max-width: 767px) {
  .pp-cat:not(#_) .nc__spec:nth-child(n+5) { display: inline-flex; }
  .pp-cat:not(#_) .nc__spec { padding-inline: 5px; }
}
.pp-cat:not(#_) .nc__prices { height: auto; min-height: 48px; }
.pp-cat:not(#_) .nc__meta { margin-top: 8px; padding-top: 0; }
.pp-cat:not(#_) .nc__actions { margin-top: auto; padding-top: 12px; height: 52px; }
@media (max-width: 767px) {
  .pp-cat:not(#_) .nc__actions { padding-top: 10px; height: 46px; }
}

/* Стикер формирует 1С. Высота на телефоне — 20 px, типографика как у Сплита;
   встроенные цвета, подпись и значение из 1С не переопределяем. */
.pp-cat:not(#_) .nc__badge--req {
  height: 20px;
  min-height: 20px;
  padding: 0;
  gap: 0;
}
.pp-cat:not(#_) .nc__badge--req .nc__badge-text,
.pp-cat:not(#_) .nc__badge--req .nc__badge-pill { font-size: 10px; line-height: 14px; font-weight: 600; }
.pp-cat:not(#_) .nc__badge--req .nc__badge-text { padding: 3px 6px; }
.pp-cat:not(#_) .nc__badge--req .nc__badge-pill {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 24px; padding: 3px 6px; text-align: center;
}
.pp-cat:not(#_) .nc__badge--warranty { cursor: pointer; }
.pp-cat:not(#_) .nc__badge--warranty:focus { outline: none; }
.pp-cat:not(#_) .nc__badge--warranty:focus-visible {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--s-ink-2);
}
.pp-cat:not(#_) .nc__badge-explain {
  display: inline-flex; align-items: center; flex: 0 0 auto; overflow: hidden;
  max-width: 0; opacity: 0; white-space: nowrap;
  height: 100%; border-radius: 0 5px 5px 0;
  font: 400 11px/16px "Golos Text", Arial, sans-serif;
  transition: max-width .2s ease, opacity .15s ease, padding .2s ease;
}
.pp-cat:not(#_) .nc__badge--warranty.is-open .nc__badge-pill {
  border-top-right-radius: 0; border-bottom-right-radius: 0;
  flex: 0 0 auto; width: auto; min-width: 0;
  justify-content: flex-start; padding-left: 6px; padding-right: 0;
}
.pp-cat:not(#_) .nc__badge--warranty.is-open .nc__badge-explain {
  max-width: 120px; padding: 0 8px 0 4px; opacity: 1;
}
.catalog-block__wrapper:has(.nc__badge--warranty.is-open),
.catalog-block__wrapper:has(.nc__badge--warranty:hover) { z-index: 11; }
@media (min-width: 768px) and (hover: hover) {
  .pp-cat:not(#_) .nc__badge--warranty:hover .nc__badge-pill,
  .pp-cat:not(#_) .nc__badge--warranty:focus-visible .nc__badge-pill {
    border-top-right-radius: 0; border-bottom-right-radius: 0;
    flex: 0 0 auto; width: auto; min-width: 0;
    justify-content: flex-start; padding-left: 6px; padding-right: 0;
  }
  .pp-cat:not(#_) .nc__badge--warranty:hover .nc__badge-explain,
  .pp-cat:not(#_) .nc__badge--warranty:focus-visible .nc__badge-explain {
    max-width: 120px; padding: 0 8px 0 4px; opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pp-cat:not(#_) .nc__badge-explain { transition: none; }
}

/* Ритм плитки: элементы внутри группы ближе, группы отделены друг от друга. */
.pp-cat:not(#_) .nc { padding-top: 12px; padding-bottom: 14px; }
@media (max-width: 767px) {
  .pp-cat:not(#_) .nc { padding-bottom: 12px; }
}
.pp-cat:not(#_) .nc__badges,
.pp-cat:not(#_) .nc__cmp { top: -4px; }
.pp-cat:not(#_) .nc__badge--req .nc__badge-text { padding-right: 6px; }
.pp-cat:not(#_) .nc__cmp,
.pp-cat:not(#_) .nc__cmp:hover,
.pp-cat:not(#_) .nc__cmp.on { border: 0; }
.pp-cat:not(#_) .nc__cmp { background: transparent; }
.pp-cat:not(#_) .nc__cmp:hover { background: var(--s-surface); }
.pp-cat:not(#_) .nc__media img { padding-top: 36px; padding-bottom: 14px; }
.pp-cat:not(#_) .nc__body { margin-top: 2px; }
.pp-cat:not(#_) .nc__specs { margin-top: 4px; }
.pp-cat:not(#_) .nc__prices { margin-top: 7px; gap: 2px; min-height: 0; }
.pp-cat:not(#_) .nc__pay { column-gap: 5px; row-gap: 0; }
.pp-cat:not(#_) .nc__pay { align-items: center; }
.pp-cat:not(#_) .nc__payhint {
  display: inline-flex; order: 0; flex: 0 0 auto; align-self: center;
  height: 20px; margin-top: 0; align-items: center;
  font-size: 11px; line-height: 20px; white-space: nowrap;
}
.pp-cat:not(#_) .nc__save { margin-left: 0; align-self: center; }
.pp-cat:not(#_) .nc__full { margin-top: 0; height: 16px; line-height: 16px; }
.pp-cat:not(#_) .nc__meta { margin-top: 8px; gap: 0; padding-top: 0; }
.pp-cat:not(#_) .nc__stock .nc__status:not(.nc__status--order):not(.nc__status--out) {
  height: auto; padding: 0; border: 0; border-radius: 0;
  background: transparent; color: var(--s-ink-3); font: inherit;
}
.pp-cat:not(#_) .nc__actions { padding-top: 8px; }
@media (max-width: 767px) {
  .pp-cat:not(#_) .nc__media img { padding-top: 32px; padding-bottom: 12px; }
  .pp-cat:not(#_) .nc__actions { padding-top: 7px; }
  .pp-cat:not(#_) .nc__payhint { display: flex; font-size: 10px; }
  .pp-cat:not(#_) .nc__pay [data-tip]::after,
  .pp-cat:not(#_) .nc__line2 [data-tip]::after { display: none !important; }
  .pp-cat:not(#_) .nc__pay[data-tip]:not([data-tip-open])::after,
  .pp-cat:not(#_) .nc__line2[data-tip]:not([data-tip-open])::after { display: none !important; }
  .pp-cat:not(#_) .nc__line2[data-pp-line] { cursor: pointer; }
  .pp-cat:not(#_) .nc__line2[data-tip] { overflow: visible; }
}

/* Листание фотографий в плитке каталога. Управление появляется только там,
   где в галерее товара больше одного снимка. */
.pp-cat:not(#_) .nc__gallery-link {
  position: absolute; inset: 0; z-index: 1; display: block;
  border-radius: inherit; cursor: pointer; touch-action: pan-y;
}
.pp-cat:not(#_) .nc__gallery-dots {
  position: absolute; left: 50%; bottom: 8px; z-index: 2;
  transform: translateX(-50%); display: flex; align-items: center;
  gap: 4px; padding: 4px 7px; border-radius: 20px;
  background: rgba(255,255,255,.94);
}
.pp-cat:not(#_) .nc__gallery-dot {
  display: block; width: 5px; height: 5px; padding: 0; border: 0;
  border-radius: 50%; background: #D6D8DE; cursor: pointer;
}
.pp-cat:not(#_) .nc__gallery-dot.is-active { background: #111318; }
.pp-cat:not(#_) .nc__gallery-dot:focus-visible {
  outline: 2px solid var(--s-brand); outline-offset: 3px;
}
/* Сервисные предложения автомобильного АКБ: подарок под стикером оплаты частями. */
.pp-cat:not(#_) .nc__services {
  position: absolute; top: 44px; left: 0; z-index: 5;
  width: 20px; max-width: calc(100vw - 32px); max-height: 20px;
  overflow: hidden; border-radius: 6px; background: #f2f3f7;
  transition: width .2s ease, max-height .2s ease, border-radius .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.pp-cat:not(#_) .nc__services-trigger {
  position: relative; z-index: 1;
  display: flex; align-items: center; gap: 5px;
  width: 100%; height: 20px;
  padding: 2px; border: 0; background: transparent;
  color: var(--s-ink); cursor: pointer;
  white-space: nowrap; text-align: left;
  transition: height .2s ease, padding .2s ease;
}
.pp-cat:not(#_) .nc__services-trigger svg { flex: 0 0 16px; width: 16px; height: 16px; padding: 2px; border-radius: 50%; background: var(--s-brand); color: #fff; }
.pp-cat:not(#_) .nc__services-trigger-copy {
  flex: 0 0 auto; opacity: 0; transform: translateX(-4px);
  font: 600 12px/18px "Golos Text", Arial, sans-serif;
  transition: opacity .14s ease, transform .2s ease;
}
.pp-cat:not(#_) .nc__services.is-open,
.pp-cat:not(#_) .nc__services:focus-within:not(.is-closed) {
  width: 194px; max-height: 145px; border-radius: 10px;
  background: #fff; box-shadow: 0 10px 26px rgba(17,19,24,.14);
}
.pp-cat:not(#_) .nc__services.is-open .nc__services-trigger,
.pp-cat:not(#_) .nc__services:focus-within:not(.is-closed) .nc__services-trigger { height: 30px; padding: 5px 8px; gap: 7px; }
.pp-cat:not(#_) .nc__services.is-open .nc__services-trigger-copy,
.pp-cat:not(#_) .nc__services:focus-within:not(.is-closed) .nc__services-trigger-copy { opacity: 1; transform: none; }
@media (hover: hover) {
  .pp-cat:not(#_) .nc__services:hover:not(.is-closed) {
    width: 194px; max-height: 145px; border-radius: 10px;
    background: #fff; box-shadow: 0 10px 26px rgba(17,19,24,.14);
  }
  .pp-cat:not(#_) .nc__services:hover:not(.is-closed) .nc__services-trigger { height: 30px; padding: 5px 8px; gap: 7px; }
  .pp-cat:not(#_) .nc__services:hover:not(.is-closed) .nc__services-trigger-copy { opacity: 1; transform: none; }
}
.pp-cat:not(#_) .nc__services-trigger:focus { outline: none; }
.pp-cat:not(#_) .nc__services-trigger:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--s-brand); }
@media (pointer: coarse) {
  .pp-cat:not(#_) .nc__services-trigger:focus-visible { box-shadow: none; }
}
.pp-cat:not(#_) .nc__services-popover {
  width: 100%; padding: 0 8px 6px;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .16s ease, visibility 0s linear .16s;
}
.pp-cat:not(#_) .nc__services-popover a,
.pp-cat:not(#_) .nc__services-popover .nc__services-note {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 5px 3px;
  color: var(--s-ink); font-size: 11px; line-height: 16px; text-decoration: none;
}
.pp-cat:not(#_) .nc__services-popover a:hover span { color: var(--s-brand); }
.pp-cat:not(#_) .nc__services-popover small { display: none; }
.pp-cat:not(#_) .nc__services.is-open .nc__services-popover,
.pp-cat:not(#_) .nc__services:focus-within:not(.is-closed) .nc__services-popover {
  opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s;
}
@media (hover: hover) {
  .pp-cat:not(#_) .nc__services:hover:not(.is-closed) .nc__services-popover {
    opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s;
  }
}
.catalog-block__wrapper:has(.nc__services.is-open),
.catalog-block__wrapper:has(.nc__services:hover) { z-index: 10; }
@media (prefers-reduced-motion: reduce) {
  .pp-cat:not(#_) .nc__services,
  .pp-cat:not(#_) .nc__services-trigger,
  .pp-cat:not(#_) .nc__services-trigger-copy,
  .pp-cat:not(#_) .nc__services-popover { transition: none; }
}
/* Единый стикер оплаты частями под гарантией. */
.pp-cat:not(#_) .nc__parts-preview {
  display: flex; align-items: center; gap: 9px; min-width: 0;
  font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink);
}
.pp-cat:not(#_) .nc__parts-preview--hover {
  position: absolute; top: 20px; left: 0; z-index: 3;
  box-sizing: border-box; width: 20px; max-width: 100%; height: 20px; padding: 3px;
  overflow: hidden; gap: 5px; border: 0; border-radius: 6px;
  background: #f2f3f7; box-shadow: none;
  text-align: left; white-space: nowrap; cursor: pointer;
  appearance: none;
  transition: width .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy {
  flex: 0 0 auto; opacity: 0; transform: translateX(-4px);
  transition: opacity .14s ease, transform .2s ease;
}
@media (hover: hover) {
  .pp-cat:not(#_) .nc__parts-preview--hover:hover:not(.is-closed) { width: 120px; box-shadow: 0 4px 16px rgba(17,19,24,.14); }
  .pp-cat:not(#_) .nc__parts-preview--hover:hover:not(.is-closed) .nc__parts-copy { opacity: 1; transform: none; }
}
.pp-cat:not(#_) .nc__parts-preview--hover.is-open { width: 120px; box-shadow: 0 4px 16px rgba(17,19,24,.14); }
.pp-cat:not(#_) .nc__parts-preview--hover.is-open .nc__parts-copy { opacity: 1; transform: none; }
.pp-cat:not(#_) .nc:has(.nc__parts-preview--hover.is-open),
.pp-cat:not(#_) .nc:has(.nc__parts-preview--hover:hover) { position: relative; z-index: 5; }
.pp-cat:not(#_) .nc__parts-preview--hover:focus { outline: none; }
.pp-cat:not(#_) .nc__parts-preview--hover:focus-visible { box-shadow: 0 0 0 2px var(--s-brand), 0 4px 16px rgba(17,19,24,.14); }
@media (pointer: coarse) {
  .pp-cat:not(#_) .nc__parts-preview--hover:focus-visible {
    outline: none; box-shadow: 0 4px 16px rgba(17,19,24,.14);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pp-cat:not(#_) .nc__parts-preview--hover,
  .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy { transition: none; }
}
.pp-cat:not(#_) .nc__parts-icons {
  display: inline-flex; align-items: center; flex: 0 0 auto;
}
.pp-cat:not(#_) .nc__parts-icon {
  display: block; flex: 0 0 20px; width: 20px; height: 20px;
  border-radius: 50%;
  background: url("/bitrix/templates/aspro-premier/images/svg/payment.svg") 0 0 no-repeat;
}
.pp-cat:not(#_) .nc__parts-icon + .nc__parts-icon {
  margin-left: -4px; box-shadow: -2px 0 0 #fff;
}
.pp-cat:not(#_) .nc__parts-icon--split { background-position: -1077px 0; }
.pp-cat:not(#_) .nc__parts-icon--plait { background-position: -1104px 0; }
.pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon {
  flex-basis: 14px; width: 14px; height: 14px; background-size: 1217.33px 14px;
}
.pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon + .nc__parts-icon { margin-left: -3px; }
.pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon--split { background-position: -718px 0; }
.pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon--plait { background-position: -736px 0; }
.pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy small { display: none; }
.pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy b { font-size: 10px; line-height: 14px; }
.pp-cat:not(#_) .nc__parts-copy { display: flex; flex-direction: column; min-width: 0; }
.pp-cat:not(#_) .nc__parts-copy b { font-size: 12px; line-height: 15px; font-weight: 600; white-space: nowrap; }
.pp-cat:not(#_) .nc__parts-copy small { font-size: 10px; line-height: 13px; font-weight: 400; color: var(--s-ink-3); white-space: nowrap; }
@media (max-width: 420px) {
  .pp-cat:not(#_) .nc__parts-preview { gap: 5px; }
  .pp-cat:not(#_) .nc__parts-copy b { font-size: 11px; }
}

/* На широких плитках стикеры чуть крупнее; на телефоне остаются прежними.
   Гарантия: -4..18, Сплит: 22..44, подарок: 48..70 — зазор везде 4 px. */
@media (min-width: 768px) {
  .pp-cat:not(#_) .nc__badge--req { height: 22px; min-height: 22px; }
  .pp-cat:not(#_) .nc__badge--req .nc__badge-text,
  .pp-cat:not(#_) .nc__badge--req .nc__badge-pill { font-size: 11px; line-height: 16px; }
  .pp-cat:not(#_) .nc__badge--req .nc__badge-pill { min-width: 26px; }

  .pp-cat:not(#_) .nc__parts-preview--hover {
    top: 22px; width: 22px; height: 22px;
  }
  .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon {
    flex-basis: 16px; width: 16px; height: 16px; background-size: 1391.24px 16px;
  }
  .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon--split { background-position: -820.6px 0; }
  .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon--plait { background-position: -841.1px 0; }
  .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy b { font-size: 11px; line-height: 16px; }
  .pp-cat:not(#_) .nc__parts-preview--hover.is-open { width: 130px; }

  .pp-cat:not(#_) .nc__services { top: 48px; width: 22px; max-height: 22px; }
  .pp-cat:not(#_) .nc__services-trigger { height: 22px; }
  .pp-cat:not(#_) .nc__services-trigger svg { flex-basis: 18px; width: 18px; height: 18px; }
}
@media (min-width: 768px) and (hover: hover) {
  .pp-cat:not(#_) .nc__parts-preview--hover:hover:not(.is-closed) { width: 130px; }
}

@media (min-width: 768px) {
  .pp-cat:not(#_) .nc__actions { height: 40px; }
  .pp-cat:not(#_) .nc__buy,
  .pp-cat:not(#_) .nc__count { height: 40px; font-size: 14px; }
  .pp-cat:not(#_) .nc__wish { width: 40px; height: 40px; }
}

/* Окно наличия: в макете оно лежит в стенде, на сайте — поверх страницы. */
.pp-mod.nc-mod { position: fixed; inset: 0; z-index: 3000; overflow-y: auto; overscroll-behavior: contain; }
.pp-mod [hidden] { display: none !important; }
html.pp-mod-open { overflow: hidden; }
.pp-mod .pp-ymap { transform: none; top: 0; left: 0; width: 100%; height: 100%; min-width: 0; aspect-ratio: auto; }
.pp-mod .pp-ymap--off::after { content: "Карта не загрузилась"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 12px; color: #767888; }
/* точка на карте — та же красная капля, что в макете; размер по карте макета */
.pp-mod .mk-pin.pp-pin { position: absolute; left: 0; top: 0; width: 18px; margin: -18px 0 0 -9px; }
.pp-mod .mk-pin.pp-pin.on { width: 24px; margin: -24px 0 0 -12px; }

/* Зазор рядов на телефоне — 24, как в макете (patch.css, «≤600: 8 и 24»).
   В custom.css разработчика на ≤450 стоит row-gap:40px !important
   (.grey-bg-goods-y .grid-list.grid-list--compact) — без !important наше
   правило его не перебивает. Сверка 24.09.2026. */
@media (max-width: 600px) {
  .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { row-gap: 24px !important; column-gap: 8px !important; }
}
@media (max-width: 767px) {
  .pp-cat:not(#_) .nc__actions, .pp-cat:not(#_) .nc__buy { min-width: 0; }
  .pp-cat:not(#_) .nc__buy { white-space: nowrap; padding: 0 5px; }
}
@media (max-width: 359px) {
  .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: minmax(0, 1fr) !important; }
  .pp-cat:not(#_) .nc__media { aspect-ratio: 3 / 2; max-height: 210px; }
}

/* A row and its nested label must never render two tooltip bubbles. */
.pp-cat:not(#_) [data-tip] [data-tip]::after { display: none !important; content: none !important; }

/* Comparison uses the same product card without nested frames. */
body:has(.catalog-compare) .page-top { padding-top: 8px !important; padding-bottom: 16px !important; }
body:has(.catalog-compare) #pagetitle { font: 500 28px/34px "Golos Text", Arial, sans-serif; }
body .catalog-compare .pp-compare-card { padding: 0; border: 0; background: transparent; box-shadow: none; position: relative; }
.catalog-compare .pp-compare-card > .catalog-block__inner { position: absolute; inset: 0; opacity: 0; pointer-events: none; overflow: hidden; z-index: -1; }
.catalog-compare .pp-compare-card .nc { border: 0; border-radius: 0; box-shadow: none; }
.catalog-compare .pp-compare-card .nc__wish, .catalog-compare .pp-compare-card .nc__cmp { display: none; }
.catalog-compare .pp-compare-card .nc__buy, .catalog-compare .pp-compare-card .nc__count { flex: 1; }
.catalog-compare .pp-compare-remove { top: 8px; right: 8px; z-index: 4; cursor: pointer; }
.catalog-compare .catalog-compare__item-props, .catalog-compare .catalog-small__item { border-inline: 0 !important; box-shadow: none; }
.catalog-compare .catalog-compare__item-props { font-weight: 400; }
@media(max-width:767px) {
 body:has(.catalog-compare) #pagetitle { font-size: 22px; line-height: 28px; }
 body .catalog-compare .catalog-compare__top { margin-bottom: 16px; font-size: 13px; }
 .catalog-compare .pp-compare-card .nc__body { padding-inline: 12px; }
}

.catalog-compare .catalog-compare__prop-line { border-inline: 0 !important; }
body.ch-favorites .page-top { padding-top: 8px !important; padding-bottom: 16px !important; }
body.ch-favorites #pagetitle { font: 500 28px/34px "Golos Text", Arial, sans-serif; }
body.ch-favorites .pp-cat .nc { border: 0; box-shadow: none; }
body.ch-favorites .catalog-block__wrapper { box-shadow: none !important; }
@media(max-width:767px) {
 body.ch-favorites #pagetitle { font-size: 22px; line-height: 28px; }
}

/* Content determines the sticker stack and the price block height. */
.pp-cat:not(#_):not(#_) .nc__sticker-stack { position:absolute;top:-4px;left:0;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(100% - 32px); }
.pp-cat:not(#_):not(#_) .nc__sticker-stack > :is(.nc__badges,.nc__parts-preview--hover,.nc__services) { position:relative;top:auto;left:auto;flex-shrink:0; }
.pp-cat:not(#_):not(#_) .nc__sticker-stack .nc__badges { max-width:100%;flex-wrap:wrap; }
.pp-cat:not(#_):not(#_) .nc__prices { height:auto;min-height:0; }
.pp-cat:not(#_):not(#_) .nc__meta { margin-top:8px;padding-top:0; }
.pp-cat:not(#_):not(#_) .nc__body { flex:1 1 auto; }
/* The comparison remove button is the only control in this corner. */
.catalog-compare .pp-compare-card .pp-cat:not(#_):not(#_) .nc__cmp { display:none; }
.catalog-compare .pp-compare-remove { position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center; }

/* End */


/* Start:/bitrix/templates/aspro-premier/css/conditional/sticker.min.css?17502527731698*/
.sticker{position:absolute;z-index:3;top:0;left:0;display:flex;flex-wrap:wrap;gap:4px;}.sticker--static{position:static;}.sticker--offset-16{top:16px;left:16px;}.sticker__item{--sticker_color:#0cbc3d;--sticker-height:24px;padding:1px 8px 1px 8px;color:#fff;background:var(--sticker_color);border-radius:var(--theme-sticker-border-radius);font-weight:500;position:relative;height:var(--sticker-height);display:inline-flex;align-items:center;}.sticker .sticker__item{line-height:12px;display:flex;}.sticker__item--bordered{color:#666;color:var(--lite_basic_text_black);border:1px solid #e5e5e5;border-color:var(--stroke_black);background:#fafafa;background:var(--light2_bg_black);}.sticker--upper .sticker__item{text-transform:uppercase;}.sticker__item--sale,.sticker__item--aktsiya,.sticker__item--stock{--sticker_color:#ffeca8;color:#222;}.sticker__item--new,.sticker__item--novinka{--sticker_color:#32cb41;}.sticker__item--hit,.sticker__item--khit{--sticker_color:#ff7455;}.sticker__item--recommend,.sticker__item--sovetuem{--sticker_color:#a56ffd;}.sticker__item--sale-text,.sticker__item--sale_text,.sticker__item--red{--sticker_color:#ff4f64;}.sticker__item--blur{--sticker_color:rgba(34,34,40,.32);}.sticker__item--light-green{--sticker_color:#def6e0;color:#222;}.status-icon{position:relative;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#32cb41;}.status-icon.nostock{color:#f91a35;}.status-icon.order{color:#25a4f1;}.status-icon.pending{color:#fc9e41;}.btn-fast-view{position:absolute;transform:translateX(-50%);bottom:40px;left:50%;z-index:4;opacity:0;transition:opacity .3s ease;}.btn-fast-view .btn-fast-view{bottom:0;}.grid-list__item:hover .btn-fast-view{opacity:1;}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/conditional/prices.min.css?17502527731975*/
.prices{display:flex;flex-direction:column;gap:8px;}.price{--animation-duration:.2s;position:relative;}.price__row{display:flex;flex-direction:row;justify-content:start;flex-wrap:wrap;align-items:baseline;gap:2px 8px;}.price .sticker{display:inline-flex;position:relative;top:auto;bottom:2px;left:0;gap:2px;z-index:initial;white-space:nowrap;}.price--hide-economy .price__economy{display:none;}.price .price__economy .sticker__item{--sticker-height:18px;padding-inline:6px;}.price__range{position:relative;flex-grow:1;}.price__row + .price__row{margin-top:2px;}.price + .price.price--with-title.price--with-range{margin-top:8px;}.price__popup-toggle{position:relative;display:flex;align-items:center;align-self:center;justify-content:center;width:20px;height:16px;background-color:var(--black_bg_black);border:1px solid var(--stroke_black);transition:background-color var(--animation-duration) ease,border-color var(--animation-duration) ease;font-size:1rem;line-height:calc(1em + 8px);padding:0;}.price__popup-toggle::after{content:'...';position:absolute;top:-9px;left:0;font-size:14px;right:0;text-align:center;}.price__popup-toggle.animate::after{animation:price_popup_toggle_loadings .3s linear infinite alternate;}.price__popup-toggle:is(.price__popup-toggle--active,:hover){border-color:var(--stroke_input);}.price__popup-bottom{position:sticky;bottom:0;background-color:var(--card_bg_black);z-index:1;}.xpopover:has(.price__popup){min-width:min(100%,240px);width:auto;}.xpopover:has(.price__popup)>.scrollbar{max-height:calc(min(100vh,400px) - var(--xpopover-pt) - var(--xpopover-pb));}@media (max-width:380px),(max-width:760px) and (min-resolution:2dppx){.xpopover:has(.price__popup)>.scrollbar{max-height:calc(100vh - var(--xpopover-pt) - var(--xpopover-pb))}.price__popup-bottom{padding-bottom:var(--xpopover-content-pb);margin-bottom:calc(-1* var(--xpopover-content-pb))}}@keyframes price_popup_toggle_loadings{from{content:'.'}50%{content:'..'}to{content:'...'}}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/catalog.min.css?17520855868318*/
.buy_block{display:block;}body .buy_block .item-action--basket:not(.active) + .in_cart,body .buy_block .item-action--basket.loadings + .in_cart{display:none;}body .buy_block .item-action--basket.active:not(.loadings){display:none;}.btn-actions--with-icons{max-width:243px;flex-basis:100%;}.btn-actions__inner{flex:1;max-width:100%;text-overflow:ellipsis;}.btn-actions--with-icons .buy_block{display:flex;flex:1;justify-content:flex-end;}.btn-actions--with-icons .buttons{flex:1;}.buy_block .btn{white-space:normal;max-width:100%;text-overflow:ellipsis;text-align:center;}.counter{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:103px;min-width:103px;overflow:hidden;}.counter__action{flex:0 0 30px;position:relative;}.counter__action:hover{background-color:var(--tag_hover);}.counter__action:before,.counter__action:after{content:"";position:absolute;display:block;background-color:var(--white_text_black);border-radius:1px;top:50%;left:50%;}.counter__action:before{width:12px;height:2px;margin-top:-1px;margin-left:-6px;}.counter__action--plus:after{width:2px;height:12px;margin-top:-6px;margin-left:-1px;}.counter__count{--input_bg_color-focus:transparent;--input_border_color-focus:transparent;flex:1;width:100%;height:100%;border:none;background:transparent;text-align:center;color:var(--white_text_black);}.btn .counter{height:calc(var(--button-height) - 3px);}.btn-wide .counter{width:auto;flex:1;}.btn-lg .counter__action{flex-basis:44px;}.btn-elg .counter__action{flex-basis:48px;}.buttons + .info-buttons{margin-top:8px;}.info-buttons__item .btn{display:block;padding-left:14px;padding-right:14px;}.info-buttons__item + .info-buttons__item--question .btn-sm{width:44px;margin-left:8px;}.info-buttons__item--question .btn-default:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-wide){width:50px;margin-left:12px;}.buttons-big-gap .buttons + .info-buttons{margin-top:12px;}.buttons-big-gap .info-buttons__item + .info-buttons__item--question .btn{margin-left:12px;width:56px;}.info-buttons__item--compare .btn.active{background-color:#9e9e9e;background-color:var(--theme-base-color);border-color:#9e9e9e;border-color:var(--theme-base-color);}.info-buttons__item-text{margin-left:7px;}.block-with-icon{display:flex;flex-flow:row wrap;}.block-with-icon--mt-14{margin-top:14px;}.block-with-icon__icon{margin:3px 11px 0 0;}.block-with-icon__text{flex:1;}.counter--basket{width:88px;background:#f8f8f8;background:var(--darkerblack_bg_black);margin:auto;}.counter--basket .counter__action{flex-basis:26px;border:none;cursor:pointer;}.counter--basket .counter__action:hover:before,.counter--basket .counter__action:hover:after{background-color:#333;background-color:var(--fill_dark_lite_white_hover);}.counter--basket .counter__action:before,.counter--basket .counter__action:after{background-color:#999;}.counter--basket .counter__action:before{width:8px;margin-left:-4px;}.counter--basket .counter__action.counter__action--plus:after{height:8px;margin-top:-4px;}.counter--basket .counter__count{color:#333;color:var(--white_text_black);font-size:.8em;}.section-wrapper-list>div{margin-bottom:32px;}@media (max-width:600px){.grid-list.grid-list--compact .js-popup-block,.owl-carousel .catalog-block__item{padding:10px}.grid-list .js-popup-block .countdown,.owl-carousel .catalog-block__item .countdown,.owl-carousel .sticker,.owl-carousel .sticker-wrap{display:none}.grid-list.grid-list--compact div[class*="info-title"],.owl-carousel .catalog-block__item div[class*="info-title"]{line-height:calc(1em + 7px)}}@media (max-width:600px){.hide-600{display:none!important}body .js-btn-state-wrapper .btn,body .js-replace-more.btn{--button-height:36px;--button-pl:8px;--button-pr:8px;width:100%}}.sku-props--no-current{opacity:.6;transition:opacity .3s ease;}.sku-props--no-current:hover{opacity:1;}.sku-props__item{margin-top:16px;}.sku-props--detail .sku-props__values{--gap:6px;}.sku-props--detail .sku-props__value{--sku-height:46px;--sku-prop-stroke:2px;padding:10px 27px;font-size:calc(1rem - 1px);}.sku-props--detail .sku-props__title{font-size:calc(1rem - 3px);line-height:calc(1em + 5px);padding-bottom:7px;}.sku-props--reset-margin-top .sku-props__item{margin-top:0;}.sku-props--list .sku-props__values>.line-block__item{padding-top:4px;}.sku-props__title{font-size:calc(1rem - 4px);line-height:calc(1em + 4px);padding-bottom:4px;}.sku-props__title .hint{display:inline-block;padding-left:1px;top:-1px;}.sku-props--list .sku-props__title{font-size:.8125rem;}.sku-props__value{--sku-width:auto;--sku-height:30px;width:var(--sku-width);height:var(--sku-height);min-width:40px;justify-content:center;padding:8px 10px;background-color:var(--card_bg_black);box-shadow:0 0 0 1px var(--stroke_input) inset;color:var(--white_text_black);display:flex;align-items:center;line-height:var(--sku-height)!important;border-radius:4px;border:none;user-select:none;transition:all ease .05s;}.sku-props__value:not(:where(.sku-props__value--pict,.sku-props__value--active,.sku-props__value--missing)):is(:hover,:focus-visible){box-shadow:0 0 0 1px color-mix(in oklab,var(--white_text_black) 50%,transparent) inset;cursor:pointer;}.sku-props__value--missing{color:var(--stroke_black);overflow:hidden;position:relative;}.sku-props__value--missing::after{background:var(--stroke_black);content:"";display:block;height:1px;left:0;position:absolute;top:50%;transform:rotateZ(-37deg) scaleX(1.2);width:100%;z-index:1;}.sku-props__value:not(.sku-props__value--active):active{transform:translateY(1px);}.sku-props__value--active{cursor:default;&:not(.sku-props__value--pict){box-shadow:0 0 0 var(--sku-prop-stroke,1px) var(--white_text_black) inset;background-color:transparent}}.sku-props__value--text-lg{--sku-width:auto;--sku-height:auto;--sku-prop-stroke:2px;justify-content:center;min-width:60px;}.sku-props__value--pict{--sku-prop-pict-inset:-4px;--sku-width:28px;--sku-height:28px;padding:0;font-size:0;padding:0;min-width:auto;background-size:cover;background-repeat:no-repeat;border:calc(var(--sku-prop-pict-inset) * -1) solid var(--white_text_black_reverse);border-radius:var(--theme-button-border-radius);box-shadow:none;position:relative;flex-shrink:0;&:is(:hover,:focus-visible){&::before{box-shadow:0 0 0 var(--sku-prop-stroke,1px) color-mix(in oklab,var(--white_text_black) 50%,transparent) inset}}}.sku-props--detail .sku-props__value--pict{--pict-prop-size:56px;height:var(--pict-prop-size);padding:0;width:var(--pict-prop-size);font-size:0;}.sku-props__value--pict:before{content:"";display:block;box-shadow:0 0 0 1px color-mix(in oklab,var(--white_text_black) 10%,transparent) inset;border-radius:4px;position:absolute;inset:var(--sku-prop-pict-inset,0);}.sku-props__value--active.sku-props__value--pict:before{box-shadow:0 0 0 var(--sku-prop-stroke,1px) var(--white_text_black) inset;}.sku-props__value--pict.sku-props__value--pict-lg{--sku-width:42px;--sku-height:42px;--sku-prop-stroke:2px;}.sku-props__value--pict.sku-props__value--active{border-color:var(--white_text_black_reverse);}.sku-props--detail .sku-props__value--pict.sku-props__value--active,.sku-props__value--pict-lg.sku-props__value--active{--sku-prop-pict-inset:-4px;}@media (max-width:600px){.sku-props--detail .sku-props__title{font-size:.8125rem}.sku-props--detail .sku-props__value--pict{--pict-prop-size:40px}}.status-amount--stores{opacity:0;transition:opacity .3s ease;}.status-amount--visible{opacity:1;}.status-amount--stores.dotted{cursor:pointer;}.grid-list.catalog-detail__forms{--gap:16px;}.catalog-detail__pseudo-link--with-gap{margin-top:8px;}.catalog-detail .catalog-detail__pseudo-link{display:flex;}.catalog-detail__pseudo-link .icon-container{margin-top:1px;}.pseudo-link__icon{margin-right:10px;}.catalog-detail .brand-detail-info__image{align-items:center;background-color:#fff;display:inline-flex;height:42px;justify-content:flex-start;max-width:90px;padding:5px;}.catalog-detail .brand-detail-info__image a{align-items:center;display:flex;height:100%;width:100%;}.sale_gift_product_container .btn-fast-view,.bx_sale_gift_main_products .btn-fast-view{display:none;}.catalog-detail .content--max-width{max-width:1200px;}.visible-by-container-rule:has(.hidden){display:none;}.side-icons{position:absolute;top:4px;right:4px;z-index:4;width:20px;}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/catalog-block.min.css?17520855865426*/
.catalog-block__item{--catalog-block-radius:var(--theme-outer-border-radius);--catalog-block-padding:16px;padding:var(--catalog-block-padding) var(--catalog-block-padding) var(--catalog-block-padding);height:100%;border-radius:12px;border-radius:var(--catalog-block-radius);position:relative;}.catalog-block__inner{position:relative;}.catalog-block__item .catalog-block__item--img-corner{width:auto;margin:calc(-1 * var(--catalog-block-padding)) calc(-1 * var(--catalog-block-padding)) 0;}.catalog-block__info-bottom .catalog-block__info-btn{min-width:0;}.grid-list--no-gap .catalog-block__item .catalog-block__item--img-corner{border-radius:0;}.catalog-block__item .catalog-block__item--img-corner .image-list__link{border-radius:var(--catalog-block-radius);overflow:hidden;}.catalog-block__item .catalog-block__item--img-corner .sticker{left:var(--catalog-block-padding);top:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner .side-icons{right:var(--catalog-block-padding);top:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner .price-economy{left:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner img{border-radius:0;}.catalog-block__item .catalog-block__item--img-corner .countdown-list-image{bottom:27px;left:34px;}body .catalog-block__info{margin-top:16px;flex-basis:auto;flex-grow:0;margin-bottom:auto;}.catalog-block__info-title{line-height:calc(1em + 7px);}.catalog-block__info-tech{margin:6px 0 0;}.catalog-block__info-bottom{margin-top:16px;position:relative;}.catalog-block__info-bottom-wrapper{width:max-content;max-width:100%;}.catalog-block__info-bottom--margined{margin:4px 0;}@media (min-width:769px){.properties-absolute-outer:hover ~ .image-list-outer .sticker{left:100%;right:-100%}.properties-absolute-outer:hover ~ .image-list-outer .image-list__link,.properties-absolute-outer:hover ~ .image-list-outer .countdown{left:100%}.image-list-outer .sticker,.image-list-outer .image-list__link,.image-list-outer .countdown{transition:all ease .2s}.properties-absolute-outer:hover ~ .image-list-outer .to-top .sticker{top:100%}.properties-absolute-outer:hover ~ .image-list-outer .to-top .image-list__link,.properties-absolute-outer:hover ~ .image-list-outer .to-top .countdown{top:100%}.image-list-outer_overflow{overflow:hidden}.catalog-block__offers .sku-props{display:none}.catalog-block__wrapper{position:relative}.catalog-block__wrapper:hover{z-index:5}.catalog-block__wrapper[data-hovered="true"] .catalog-block__item{height:auto;position:absolute;top:0;left:0;right:0;z-index:4}.catalog-block__wrapper[data-hovered="true"] .catalog-block__offers .sku-props{display:block}}@media (max-width:768px){.catalog-block__wrapper,.catalog-block__info{height:auto!important}.catalog-block__info-bottom{display:flex;flex-direction:column}.catalog-block__offers{order:-1;margin-top:-16px}.catalog-block__info-bottom .sku-props{margin-bottom:10px}.catalog-block__info-bottom .btn .counter{width:100%}}@media (min-width:601px){#main .catalog-block__info-price{text-align:left;flex:1}.catalog-block__info-price + .catalog-block__info-btn{text-align:right}.bx-ie .catalog-block__info-btn{top:50%;transform:translateY(-50%)}.catalog-block__info-bottom .line-block{justify-content:normal}.catalog-block__item--centered .catalog-block__info-bottom .line-block{justify-content:center}.catalog-block--bottom-btn .catalog-block__info-bottom--margined{flex-basis:100%}.catalog-block--bottom-btn .catalog-block__info-bottom--margined:last-of-type{margin-top:13px}.catalog-block--bottom-btn .btn{display:block}.catalog-block--bottom-btn .counter{width:auto}}.detail-block .catalog-block .owl-stage{display:flex;flex-direction:row;}.detail-block .catalog-block .owl-item{flex-shrink:0;}.properties-absolute-outer{padding-top:100%;position:absolute;top:0;left:0;right:0;overflow:hidden;z-index:4;}.properties-absolute-outer.properties-absolute-margin{padding-top:calc(100% + 28px);}@media (max-width:600px){.catalog-block__item{--catalog-block-padding:10px}.catalog-block__info-tech{margin-top:8px}.catalog-block__info-bottom-wrapper{width:100%}}.grey-bg-goods-y [data-option-type=".CATALOG_TAB"] .subs:first-of-type,.grey-bg-goods-y [data-option-id="ELEMENTS_TABLE_TYPE_VIEW"] .subs{opacity:.5;pointer-events:none;cursor:not-allowed;}.grey-bg-goods-y .block .catalog-block__item{padding:0;box-shadow:none!important;background-color:transparent;}.catalog-block__underlay{display:none;}@media (min-width:769px){.grey-bg-goods-y .grid-list .catalog-block__item:hover .catalog-block__underlay{position:absolute;inset:calc(var(--catalog-block-padding) * -1);display:block;background:var(--card_bg_black);border-radius:var(--catalog-block-radius)}.grey-bg-goods-y .catalog-block__wrapper:hover .catalog-block__underlay{box-shadow:0 5px 30px rgba(34,34,40,.08)}}.grey-bg-goods-y .block.grid-list{row-gap:40px;}.grey-bg-goods-y .catalog-block__item--img-corner{margin:0!important;}.grey-bg-goods-y .catalog-items .image-list .sticker{left:12px;top:12px;}.grey-bg-goods-y .image-list .side-icons{right:12px;top:12px;}.grey-bg-goods-y .catalog-complect__amount{right:12px;top:12px;}@media (max-width:450px){.grey-bg-goods-y .grid-list.grid-list--compact{column-gap:min(var(--theme-items-gap),8px)!important;row-gap:40px!important}}@media(min-width:601px) and (max-width:1399px){.catalog-block__info-bottom .js-btn-state-wrapper{flex:none}}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/rating.min.css?1750252773210*/
.rating{display:flex;margin:0 -2px;line-height:0}.rating__star{margin:0 2px}.rating__star-svg *{fill:#ccc}.rating__star-svg--filled *{fill:#ecc358}.rating__count{margin-left:10px}.rating__count a{color:inherit}
/* End */


/* Start:/bitrix/templates/aspro-premier/css/conditional/rate.min.css?1750252773653*/
.rate__bar{--size:14px;-moz-appearance:none;-webkit-appearance:none;-webkit-mask-image:url('/bitrix/templates/aspro-premier/css/conditional/../../images/svg/star_sm.svg');-webkit-mask-size:cover;accent-color:#E5AC1A;appearance:none;background-color:#ccc;border:none;flex:0 0 var(--size);height:var(--size);mask-image:url('/bitrix/templates/aspro-premier/css/conditional/../../images/svg/star_sm.svg');mask-size:cover;width:var(--size);}.rate__bar::-webkit-progress-bar{background-color:#ccc;}.rate__bar::-webkit-progress-value{background-color:#E5AC1A;}.rate__bar::-moz-progress-bar{background-color:#E5AC1A;}.rate__bar--static,.rate__bar--static::-webkit-progress-bar{background-color:#E5AC1A;}@media (max-width:600px){.rate{justify-content:start}}
/* End */
/* /local/components/ox8/podbor/templates/.default/style.css?179270766932553 */
/* /bitrix/templates/aspro-premier/components/bitrix/catalog.smart.filter/atb_sidebar/style.min.css?17916547581213 */
/* /bitrix/templates/aspro-premier/css/conditional/hint.min.css?17502527732107 */
/* /bitrix/templates/aspro-premier/css/smart-filter.min.css?175208558614107 */
/* /bitrix/templates/aspro-premier/css/animation/animation_ext.min.css?17502527734306 */
/* /bitrix/templates/aspro-premier/css/filter-panel.min.css?1750252773270 */
/* /local/assets/put-pokupki/plitka-maket.css?179139074821405 */
/* /local/assets/put-pokupki/nalichie-maket.css?17913907486638 */
/* /local/assets/put-pokupki/plitka-sajt.css?179156706223104 */
/* /bitrix/templates/aspro-premier/css/conditional/sticker.min.css?17502527731698 */
/* /bitrix/templates/aspro-premier/css/conditional/prices.min.css?17502527731975 */
/* /bitrix/templates/aspro-premier/css/catalog.min.css?17520855868318 */
/* /bitrix/templates/aspro-premier/css/catalog-block.min.css?17520855865426 */
/* /bitrix/templates/aspro-premier/css/rating.min.css?1750252773210 */
/* /bitrix/templates/aspro-premier/css/conditional/rate.min.css?1750252773653 */