/* Тема avenu (витрина «Волга», Тольятти; https://avenu-auto.ru, Рыба
   витрины — issue #185). Палитра: фирменный стиль уточняется заказчиком;
   старт — нейтральный тёмно-синий автотематики (#1f3a5f — «Волга»),
   маркетинговый красный остаётся базовым. Шапка — светлая, футер — тёмный
   с реквизитами (блок BRAND_LEGAL).
   Подключается последним — переопределяет базовую тему без её правок
   (канон «Тема оформления», CONTEXT.md; механизм DIRS — ADR-0033). */

:root {
    --c-primary: #1f3a5f;
    /* фирменный синий «Волги» (уточняется) */
    --c-accent: #16304f;
    /* тёмный оттенок (hover/края кнопок) */
}

/* Акцент-цвета базовой темы → фирменный */
a,
a:hover,
.breadcrumbs a:hover,
.breadcrumbs i,
.toggle-filters {
    color: #1f3a5f;
}


/* Кнопки/CTA: строгий прямоугольник (тема услуг), тач-цель ≥44px */
.button-primary,
button[type="submit"],
.submit-button,
.button,
.btn,
.btn-primary,
#applyFilters,
#notfind button {
    border-radius: 6px;
    min-height: 44px;
}

/* Логотип в шапке: фиксированный размер */
header .logo img {
    height: 42px;
    width: auto;
    max-width: none;
}

/* Футер компании: реквизиты блока BRAND_LEGAL читаемы на тёмном */
footer .legal,
footer .brand-legal {
    font-size: 13px;
    line-height: 1.5;
    opacity: 0.85;
}

/* Заглушечные страницы рыбы: секции преимуществ/услуг — карточная сетка */
.avenu-services,
.avenu-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin: 24px 0;
}

.avenu-services .avenu-card,
.avenu-features .avenu-card {
    background: #fff;
    border: 1px solid #e0e4e8;
    border-radius: 10px;
    padding: 20px;
}

.avenu-card h3 {
    margin: 0 0 8px;
    font-size: 17px;
}

.avenu-card p {
    margin: 0;
    color: #444;
    font-size: 14px;
}

/* ══════════════════════════════════════════════════════════════════════
   Визуальный проход «причёс» (10.09): enterprise-вид без изменения палитры
   и порядка блоков. Область действия — .theme-avenu (class на body темы и
   витринных страниц), легаси-витрины не затронуты. Vision-ревью @8000.
   ══════════════════════════════════════════════════════════════════════ */

:root {
    --c-text: #243041;
    --c-muted: #5b6b7f;
    --c-line: #e2e8f0;
    --c-bg-soft: #f6f8fb;
    --c-bg-band: #eef2f7;
    --r-lg: 10px;
    --r-md: 6px;
    --shadow-sm: 0 1px 2px rgba(31, 58, 95, 0.06), 0 1px 6px rgba(31, 58, 95, 0.05);
    --shadow-md: 0 6px 18px rgba(31, 58, 95, 0.10);
    --shadow-lg: 0 12px 32px rgba(31, 58, 95, 0.14);
}

/* Типографика и ритм */
.theme-avenu {
    color: var(--c-text);
    font-size: 16px;
    line-height: 1.6;
}

.theme-avenu h1 {
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.01em;
    margin: 0 0 14px;
}

.theme-avenu h2 {
    font-size: clamp(22px, 2.6vw, 28px);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 22px;
}

.theme-avenu h2:empty {
    display: none;
    /* страховка: пустой заголовок не оставляет дыр */
}

.theme-avenu section {
    margin: 56px 0;
}

.theme-avenu p {
    margin: 0 0 14px;
}

/* Шапка: липкая, воздух, телефон как контакт-блок */
.theme-avenu .avenu-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--c-line);
}

.theme-avenu .avenu-header-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
}

/* Навигация — колоночная панель бургера (единая на всех экранах,
   прожарка 12.09: строковое меню на десктопе убрано, бургер везде;
   пункты — тач-зона ≥44px, активный — фирменным цветом). */
.theme-avenu .avenu-nav {
    align-items: stretch;
    flex-direction: column;
    gap: 2px;
}

.theme-avenu .avenu-nav a {
    border-bottom: 0;
    border-radius: var(--r-md);
    color: var(--c-text);
    font-size: 15px;
    font-weight: 600;
    padding: 12px 14px;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.theme-avenu .avenu-nav a:hover,
.theme-avenu .avenu-nav a.active {
    background: rgba(31, 58, 95, .06);
    color: var(--c-primary);
}

.theme-avenu .avenu-header .phone {
    font-size: 15px;
    font-weight: 700;
    color: var(--c-primary);
    text-decoration: none;
    white-space: nowrap;
}

.theme-avenu .avenu-header .phone:hover {
    color: var(--c-accent);
}

/* Герой: светлая лента, воздух, читаемая пара текста */
.theme-avenu .avenu-hero {
    background: linear-gradient(180deg, var(--c-bg-soft) 0%, var(--c-bg-band) 100%);
    border-bottom: 1px solid var(--c-line);
    margin: 0;
    padding: 72px 0;
}

.theme-avenu .avenu-hero-text {
    max-width: 680px;
}

.theme-avenu .avenu-hero-text p {
    color: var(--c-muted);
    font-size: 18px;
    max-width: 560px;
}

.theme-avenu .avenu-hero-btn,
.theme-avenu .avenu-hero .button,
.theme-avenu .avenu-hero button {
    background: var(--c-primary);
    border: 0;
    border-radius: var(--r-md);
    box-shadow: var(--shadow-sm);
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
    min-height: 48px;
    padding: 12px 28px;
    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.theme-avenu .avenu-hero-btn:hover,
.theme-avenu .avenu-hero .button:hover,
.theme-avenu .avenu-hero button:hover {
    background: var(--c-accent);
    box-shadow: var(--shadow-md);
    color: #fff;
    transform: translateY(-1px);
}

/* Карточки: единый язык для услуг/преимуществ/новинок/каталога.
   Скоуп точный: legacy-каркас использует класс .card не только у товаров
   (article layout-page, инпут radio), — голым .card не правим. */
.theme-avenu .avenu-card,
.theme-avenu .products .card {
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    padding: 22px;
    transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.theme-avenu .avenu-card:hover,
.theme-avenu .products .card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.theme-avenu .avenu-card h3 {
    font-size: 17px;
    font-weight: 700;
}

.theme-avenu .avenu-card p {
    color: var(--c-muted);
    font-size: 14.5px;
}

.theme-avenu .avenu-card a[href$="/"],
.theme-avenu .avenu-card .more,
.theme-avenu .avenu-card a:not(.avenu-arrival) {
    color: var(--c-primary);
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    margin-top: 12px;
    text-decoration: none;
}

.theme-avenu .avenu-card a::after {
    content: " →";
}

/* Карточки авто (home + каталог): картинка в фиксированной зоне, цена — акцент */
.theme-avenu .avenu-arrival {
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
}

.theme-avenu .avenu-arrival img,
.theme-avenu .products .card img,
.theme-avenu .card img {
    aspect-ratio: 16 / 10;
    background: var(--c-bg-soft);
    border-radius: var(--r-lg) var(--r-lg) 0 0;
    object-fit: cover;
    width: 100%;
}

.theme-avenu .avenu-arrival h3,
.theme-avenu .avenu-arrival p {
    padding: 0 18px;
}

.theme-avenu .avenu-arrival h3 {
    font-size: 16px;
    margin: 14px 0 6px;
}

.theme-avenu .avenu-arrival p {
    color: var(--c-text);
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 16px;
}

/* Legacy ui.css делает каждый .container nowrap-flex'ом; виджетные секции —
   смысловые блоки (h2 + содержимое вертикалью), иначе разползаются строкой за
   вьюпорт (обрезанная «Заявка» на /avtokredit/, 10.09). Внутренние сетки
   включаем явно ниже; легаси-секции каталога не трогаем. */
.theme-avenu section.avenu-hero,
.theme-avenu section.avenu-services,
.theme-avenu section.avenu-features,
.theme-avenu section.avenu-arrivals,
.theme-avenu section.avenu-seo,
.theme-avenu section.avenu-leadform,
.theme-avenu section.avenu-partners,
.theme-avenu section.avenu-creditcalc,
.theme-avenu section.avenu-contacts,
.theme-avenu section.avenu-reviews,
.theme-avenu .layout-page {
    display: block;
}

/* Секции и их сетки: section — блок; сетка — внутреннему контейнеру
   (у секций та же фамилия классов: section.avenu-services > div.avenu-services). */
.theme-avenu .avenu-services>.avenu-services,
.theme-avenu .avenu-features>.avenu-features,
.theme-avenu .avenu-arrivals-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    margin: 24px 0 0;
}

/* Формы: крупные поля, читаемые лейблы, фирменные чекбоксы */
.theme-avenu .avenu-leadform-form,
.theme-avenu .avenu-creditcalc-form {
    max-width: 560px;
}

.theme-avenu input[type="text"],
.theme-avenu input[type="tel"],
.theme-avenu input[type="number"],
.theme-avenu input[type="email"],
.theme-avenu select,
.theme-avenu textarea {
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    color: var(--c-text);
    font-size: 15px;
    height: 48px;
    min-width: 0;
    padding: 10px 14px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
}

.theme-avenu input:focus,
.theme-avenu select:focus,
.theme-avenu textarea:focus {
    border-color: var(--c-primary);
    box-shadow: 0 0 0 3px rgba(31, 58, 95, 0.14);
    outline: none;
}

.theme-avenu label {
    color: var(--c-muted);
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

/* Согласия (РКН-виджет): ряд «чекбокс + текст», без чёрных квадратов */
.theme-avenu .rkn {
    align-items: flex-start;
    display: grid;
    gap: 10px;
    grid-template-columns: 22px 1fr;
    margin: 14px 0;
}

.theme-avenu .rkncheckbox,
.theme-avenu .rkn input[type="checkbox"] {
    accent-color: var(--c-primary);
    height: 20px;
    width: 20px;
}

.theme-avenu .rkn>div,
.theme-avenu .rkn span {
    font-size: 13px;
    line-height: 1.5;
}

.theme-avenu .submit-button,
.theme-avenu button[type="submit"],
.theme-avenu .avenu-creditcalc-submit {
    background: var(--c-primary);
    border: 0;
    border-radius: var(--r-md);
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    min-height: 48px;
    padding: 12px 26px;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.theme-avenu .submit-button:hover,
.theme-avenu button[type="submit"]:hover,
.theme-avenu .avenu-creditcalc-submit:hover {
    background: var(--c-accent);
    box-shadow: var(--shadow-md);
    color: #fff;
}

/* Кредитные секции: карточки блоков, а не «одна узкая строка» */
.theme-avenu .avenu-partners,
.theme-avenu .avenu-creditcalc,
.theme-avenu .avenu-leadform {
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    margin: 28px auto;
    max-width: 1100px;
    padding: 28px;
    width: auto;
}

.theme-avenu .avenu-bank-list li {
    border-bottom: 1px solid var(--c-line);
    padding: 12px 2px;
}

.theme-avenu .avenu-bank-list li:last-child {
    border-bottom: 0;
}

.theme-avenu input[type="range"] {
    accent-color: var(--c-primary);
    width: 100%;
}

.theme-avenu .avenu-creditcalc-rate {
    background: var(--c-bg-soft);
    border-radius: var(--r-md);
    font-size: 14px;
    padding: 10px 14px;
}

/* Контентные страницы (layout-рендер): заголовок и текст не слипаются */
.theme-avenu .layout-page-content {
    margin: 18px 0 34px;
    max-width: 860px;
}

.theme-avenu .layout-page-content h2 {
    font-size: 22px;
    margin: 30px 0 12px;
}

/* Каталог (общие шаблоны, скоупом): панель, фильтры, пагинация, SEO */
.theme-avenu #filter,
.theme-avenu .filter-block {
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    margin: 24px 0;
    padding: 18px;
}

.theme-avenu #products {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    margin: 24px 0;
    width: 100%;
    /* легаси calc(100% + 1.5rem) даёт 8px горизонтального скролла */
}

.theme-avenu #products .card {
    margin-right: 0;
    /* Легаси .card{width:calc(25% - 1.5rem)} считал 25% от grid-ячейки —
       карточки схлопывались в столбики 64px в колонках 339px (прод 10.09,
       замер elementFromPoint/Playwright; на 768/390 «байки» — те же 25%). */
    padding: 0;
    overflow: hidden;
    width: 100%;
}

.theme-avenu .container.description {
    column-count: auto;
    display: block;
    /* ui.css делает .container flex-строкой: абзацы
                       превращались в «стену» узких колонок (vision 768/390) */
    line-height: 1.7;
    margin: 40px auto;
    max-width: 980px;
}

.theme-avenu .pagination a,
.theme-avenu .pagination button,
.theme-avenu #prevPage,
.theme-avenu #nextPage {
    align-items: center;
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    display: inline-flex;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 6px 12px;
    text-decoration: none;
}

.theme-avenu #pageInput {
    height: 40px;
    text-align: center;
    width: 56px;
}

/* Карусель «Предложение дня»: карточная деградация без JS (скролл вместо
   наложения). Точки-галерея на карточках каталога — визуальный шум (vision
   @8000, 10.09): скрываем, свайп остаётся. */
.theme-avenu .slider-container {
    overflow: hidden;
    position: relative;
}

.theme-avenu .slider {
    -webkit-overflow-scrolling: touch;
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding: 4px 2px 12px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.theme-avenu .slider>* {
    border-radius: var(--r-lg);
    flex: 0 0 300px;
    overflow: hidden;
    scroll-snap-align: start;
}

.theme-avenu .slider-container .slider-dots {
    display: none;
}

.theme-avenu .slider img {
    aspect-ratio: 16 / 10;
    background: var(--c-bg-soft);
    object-fit: cover;
    width: 100%;
}

/* Подвал: тёмный, навигация с воздухом, реквизиты читаемы */
.theme-avenu .avenu-footer {
    background: var(--c-accent);
    color: #d7e1ee;
    margin-top: 72px;
    padding: 44px 0 26px;
}

.theme-avenu .avenu-footer b {
    color: #f1f5f9;
}

/* Внутренний .wrap container — снова легаси flex-row (колонки футера и
   disclaimer выстраивались в nowrap-строку и резались на 768/390, vision) */
.theme-avenu .avenu-footer>.wrap {
    display: block;
}

.theme-avenu .avenu-footer-grid {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.theme-avenu .avenu-footer a {
    color: #e6ecf4;
    text-decoration: none;
}

.theme-avenu .avenu-footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.theme-avenu .avenu-footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.theme-avenu .avenu-footer-nav a {
    font-size: 14.5px;
    font-weight: 600;
}

.theme-avenu .avenu-legal,
.theme-avenu .avenu-disclaimer,
.theme-avenu .avenu-policy {
    color: #c5d2e2;
    font-size: 12.5px;
    line-height: 1.55;
}

.theme-avenu .avenu-contacts a,
.theme-avenu .avenu-address {
    overflow-wrap: anywhere;
}

/* Мобильные: ряды распадаются в колонки, отступы меньше */
@media (max-width: 768px) {
    .theme-avenu .avenu-hero {
        padding: 44px 0;
    }

    .theme-avenu section {
        margin: 40px 0;
    }

    .theme-avenu .avenu-partners,
    .theme-avenu .avenu-creditcalc,
    .theme-avenu .avenu-leadform {
        padding: 20px 16px;
    }

    .theme-avenu #products {
        grid-template-columns: 1fr;
    }

    /* Шапка на узких: одна строка «логотип | телефон | бургер» (стилевой
       раунд #229: прежний wrap давал три строки и обрезанную CTA-кнопку
       «За…», 11.09). Навигация — выпадающая панель (details, ниже).
       Капсула-контакты компактнее: подпись часов скрыта, сегменты уже. */
    .theme-avenu .avenu-header-inner {
        flex-wrap: nowrap;
        gap: 10px 12px;
        min-width: 0;
    }

    .theme-avenu .avenu-nav a {
        display: flex;
        align-items: center;
        min-height: 44px;
    }

    .theme-avenu .avenu-header .callback-link,
    .theme-avenu .avenu-header .phone {
        align-items: center;
        display: inline-flex;
        min-height: 44px;
    }

    /* Планшет: контакты компактнее, иконка телефона остаётся — строка
       «логотип | телефон | бургер» влезает (#248: рамка убрана, иконки
       18px). */
    .theme-avenu .avenu-header .phone {
        padding: 5px 8px;
    }

    .theme-avenu .avenu-header .callback-link {
        font-size: 12px;
        padding: 5px 8px;
    }

    /* Легаси-блок «Услуги автосалона» в каталоге: 25%-карточки наезжают */
    .theme-avenu #additionalservices .card {
        margin-bottom: 1rem;
        width: 100%;
    }

    /* Тап-зона согласий и ползунков */
    .theme-avenu .rkncheckboxbutton {
        height: 30px;
        min-width: 30px;
        padding: 4px;
        width: 30px;
    }

    .theme-avenu input[type="range"] {
        height: 36px;
    }
}

/* Фокус и выделение — фирменные, заметные */
.theme-avenu :focus-visible {
    outline: 2px solid var(--c-primary);
    outline-offset: 2px;
}

.theme-avenu ::selection {
    background: rgba(31, 58, 95, 0.16);
}

/* ══════════════════════════════════════════════════════════════════════
   Волна «Красота» (10.09): light-euro-dealer — герой с живым фото,
   бэнд-секции, иконки. Палитра и порядок блоков — прежние.
   ══════════════════════════════════════════════════════════════════════ */

/* Герой: текст + фото автомобиля из каталога */
.theme-avenu .avenu-hero {
    padding: 72px 0 64px;
}

/* Герой: full-bleed (отзыв 10.09) — секция на всю ширину окна с
   градиентом, контент — во внутреннем контейнере (.avenu-hero-inner). */
.theme-avenu .avenu-hero {
    max-width: none;
    width: 100%;
}

.theme-avenu .avenu-hero-inner {
    align-items: center;
    display: grid;
    gap: 48px;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

.theme-avenu .avenu-hero h1 {
    letter-spacing: -0.02em;
}

.theme-avenu .avenu-hero-media {
    border-radius: var(--r-lg);
    box-shadow: 0 18px 44px rgba(31, 58, 95, 0.18);
    display: block;
    overflow: hidden;
    position: relative;
}

.theme-avenu .avenu-hero-media img {
    aspect-ratio: 16 / 11;
    display: block;
    object-fit: cover;
    width: 100%;
}

.theme-avenu .avenu-hero-media-cap {
    background: linear-gradient(transparent, rgba(22, 48, 79, 0.72));
    bottom: 0;
    color: #fff;
    font-size: 13.5px;
    font-weight: 600;
    left: 0;
    padding: 28px 16px 12px;
    position: absolute;
    right: 0;
}

/* Бэнд-секции: мягкие чередующиеся полосы (услуги/новинки) */
.theme-avenu section.is-band {
    background: var(--c-bg-soft);
    border: 1px solid var(--c-line);
    border-radius: var(--r-lg);
    margin: 56px 0;
    padding: 40px 32px;
}

/* Иконки карточек услуг/преимуществ */
.theme-avenu .avenu-card-icon {
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: 8px;
    height: 44px;
    margin-bottom: 12px;
    padding: 8px;
    width: 44px;
}

@media (max-width: 768px) {
    .theme-avenu .avenu-hero {
        padding: 40px 0;
    }

    .theme-avenu .avenu-hero-inner {
        gap: 24px;
        grid-template-columns: 1fr;
    }

    .theme-avenu section.is-band {
        margin: 40px 0;
        padding: 28px 18px;
    }
}

/* ── Бургер-меню (details/summary — нативный, с menu.js темы) ────────
   Единая механика на ВСЕХ экранах (прожарка 12.09): бургер всегда видим,
   шторка раскрывается под ним с «воздухом»; контакты прижаты к правому
   краю (margin-left:auto контактов), группе лого+бургер — слева. */
.theme-avenu .avenu-nav-wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.theme-avenu .avenu-burger {
    align-items: center;
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    color: var(--c-primary);
    display: flex;
    height: 44px;
    justify-content: center;
    list-style: none;
    width: 44px;
}

.theme-avenu .avenu-burger::-webkit-details-marker {
    display: none;
}

.theme-avenu .avenu-nav-wrap>.avenu-nav {
    display: none;
}

.theme-avenu .avenu-nav-wrap[open]>.avenu-nav {
    align-items: stretch;
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-lg);
    display: flex;
    flex-direction: column;
    gap: 2px;
    left: 0;
    max-height: calc(100vh - 96px);
    min-width: 264px;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    top: calc(100% + 10px);
    width: max-content;
    z-index: 60;
}

.theme-avenu .avenu-nav-wrap>.avenu-nav::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.theme-avenu .avenu-nav-wrap>.avenu-nav::-webkit-scrollbar-thumb {
    background: var(--c-line);
    border-radius: 3px;
}

/* ═══════════════════════════════════════════════════════════════════
   Причёс детальной страницы (отзыв 10.09, верификация vision @8000):
   легаси-блоки в карточный стиль, ТТХ без «пустоты».
   ═══════════════════════════════════════════════════════════════════ */

/* Бейджи-преимущества (#productsplus): новая разметка — общий include
   includes/advantages.html (.advantage); легаси .slides/.images удалены
   из шаблонов (грил 10.09), стили ниже не нужны. */

/* ТТХ/комплектация: auto-fit-сетка вместо жёстких 48/52. Когда данных
   комплектации нет (секция не рендерится), характеристика занимает
   всю ширину — нет серой пустоты справа (верификация 10.09). */
.theme-avenu #carinfo {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    margin: 24px 0;
}

.theme-avenu #carinfo #ownership {
    grid-column: 1 / -1;
}

.theme-avenu #carinfo #characteristics,
.theme-avenu #carinfo #complectation {
    margin: 0;
    width: 100%;
}

/* Рекомендации и «по той же цене»: тап-цели кнопок ≥44px */
.theme-avenu .catalog-section .card .button {
    min-height: 44px;
}

/* ══════════════════════════════════════════════════════════════════════
   Грил-решения 10.09 (отзыв владельца, верификация vision @8000):
   1) весь акцент базовой темы (#306fae/#245a8f) → фирменный #1f3a5f;
   2) кнопки карточки — в потоке (легаси absolute наезжал на цену);
   3) бейджи-преимущества — общий include с SVG-иконками, точная
      стилизация темы;
   4) шапка — современный контакт-блок (иконка + подпись, воздух).
   ══════════════════════════════════════════════════════════════════════ */

/* ═══ 1. Палитра: легаси-акцент → фирменный ──────────────────────────── */
.theme-avenu {
    --c-primary: #1f3a5f;
    /* легаси-переменные faq.css (--c-primary:#245a8f) — поверх на теле */
    --c-primary-light: #1f3a5f;
    /* легаси-переменные faq.css */
    --swiper-theme-color: #1f3a5f;
}

/* Whitelist кнопок с особым стилем (НЕ перекрашиваем): .dot — точки
   слайдера фото, .tablinks — вкладки ТТХ/преимуществ (прозрачные),
   .rkncheckboxbutton — чекбоксы согласий (галочка), .muted-run —
   текстовая ссылка «уточнить пробег», .faq-question — вопросы FAQ
   (свой стиль, стилевой раунд #229). */

.theme-avenu button:not(.dot):not(.tablinks):not(.rkncheckboxbutton):not(.muted-run):not(.faq-question):not(.callback-link),
.theme-avenu .button,
.theme-avenu .btn {
    background-color: var(--c-primary);
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(31, 58, 95, 0.22);
}

.theme-avenu button:not(.dot):not(.tablinks):not(.rkncheckboxbutton):not(.muted-run):not(.faq-question):not(.callback-link):hover,
.theme-avenu .button:hover,
.theme-avenu .btn:hover {
    background-color: var(--c-accent);
    box-shadow: 0 4px 12px rgba(31, 58, 95, 0.3);
    color: #fff;
}

.theme-avenu .toggle-filters {
    border-bottom-color: var(--c-primary);
}

.theme-avenu .toggle-filters:hover {
    border-bottom-color: transparent;
    color: var(--c-accent);
}

.theme-avenu .select-item.active {
    background: var(--c-primary);
}

.theme-avenu .thin-range-slider::-webkit-slider-thumb {
    background: var(--c-primary);
}

.theme-avenu .progress-fill {
    background: var(--c-primary);
}

.theme-avenu .breadcrumbs i {
    color: var(--c-primary);
}

.theme-avenu .breadcrumbs a:hover {
    color: var(--c-accent);
}

/* Скидочный бейдж «-X%» в карточке: фирменный вместо легаси */
.theme-avenu #products .card .text h5 i,
.theme-avenu #products .card .text p.cost i,
.theme-avenu .catalog-section .card .text h5 i,
.theme-avenu .catalog-section .card .text p.cost i,
.theme-avenu #searchresult .card .text h5 i,
.theme-avenu #searchresult .card .text p.cost i {
    background-color: rgba(31, 58, 95, 0.08);
    color: var(--c-primary);
}

/* Избранное: сердце в фирменном */
.theme-avenu .heartadd:hover svg path {
    stroke: var(--c-accent);
}

.theme-avenu .heartadd.favorite svg path {
    fill: var(--c-primary);
    stroke: var(--c-primary);
}

.theme-avenu #trade-in {
    fill: var(--c-primary);
}

.theme-avenu #accept-cookies {
    background-color: var(--c-primary);
    border: 1px solid var(--c-primary);
}

.theme-avenu #accept-cookies:hover {
    background-color: var(--c-accent);
    border: 1px solid var(--c-accent);
}

.theme-avenu #socials {
    background: var(--c-primary);
}

.theme-avenu #exchangeform .close,
.theme-avenu #getcredit .close {
    stroke: var(--c-primary);
}

.theme-avenu #exchangeform .close:hover,
.theme-avenu #getcredit .close:hover {
    stroke: var(--c-accent);
}

.theme-avenu #credityears .button {
    border: 1px solid rgba(31, 58, 95, 0.35);
}

.theme-avenu #credityears .button:hover,
.theme-avenu #credityears .button.active {
    border-color: var(--c-accent);
}

/* Согласия/куки: ссылки и крестики в фирменном */
.theme-avenu .rkn small a,
.theme-avenu .cookie-notification__content a {
    color: var(--c-primary);
}

.theme-avenu .rkn small a:hover,
.theme-avenu .cookie-notification__content a:hover {
    color: var(--c-accent);
}

.theme-avenu .cookie-notification__close {
    stroke: var(--c-primary);
}

.theme-avenu .cookie-notification__close:hover {
    stroke: var(--c-accent);
}

/* Легаси-хардкоды, подключённые ПОСЛЕ theme.css (блок css страниц):
   product.css/todaylist.css/getlist.css/news.css/index.css/credit.css —
   перекрываем с более высокой специфичностью (ревью PR #207). */
.theme-avenu .catalog-section .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--c-primary);
}

.theme-avenu .brand-item.selected {
    background-color: var(--c-primary);
}

.theme-avenu .brand-btn.active {
    background: var(--c-primary);
}

.theme-avenu #product .gallery .thumbs .swiper-slide.swiper-slide-thumb-active img {
    border-color: var(--c-primary);
}

.theme-avenu .muted-run:hover {
    color: var(--c-accent);
}

.theme-avenu .popup-content svg.close:hover {
    stroke: var(--c-accent);
}

/* Примечание «* Обязательные поля» попапа заявки: позиционирование в CSS,
   а не инлайн-атрибутом (копия легаси-инлайна общего base.html;
   ревью 12.09: стилизация — только через theme.css). */
.theme-avenu #popup-order .od-note {
    bottom: 2rem;
    position: absolute;
    right: 2rem;
}

/* Второе согласие (рекламная рассылка) попапа заявки — отступ в CSS
   вместо инлайн-атрибута (ревью 12.09, .rkn-spaced). */
.theme-avenu #popup-order .rkn-spaced {
    margin-bottom: 1rem;
}

.theme-avenu .thin-range-slider::-moz-range-thumb {
    background: var(--c-primary);
}

/* ── 2. Карточка предложения: кнопки в потоке, заголовок на строку ─── */
.theme-avenu #products h2 {
    grid-column: 1 / -1;
}

.theme-avenu #products .card .text .buttons,
.theme-avenu .catalog-section .card .text .buttons,
.theme-avenu #searchresult .card .text .buttons {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-top: 14px;
    position: static;
}

.theme-avenu #products .card .text .buttons button,
.theme-avenu .catalog-section .card .text .buttons button,
.theme-avenu #searchresult .card .text .buttons button {
    flex: 1;
    min-height: 44px;
    /* тап-цель ≥44px (канон; замер прода 10.09: 38px без правила) */
}

/* ── 3. Бейджи-преимущества: базовый канон + фирменный цвет ────────── */
.theme-avenu .advantage {
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
}

.theme-avenu .advantage-icon {
    background: var(--c-bg-soft);
}

.theme-avenu .advantage-icon svg {
    stroke: var(--c-primary);
}

.theme-avenu .advantage-text h6 {
    color: var(--c-text);
}

.theme-avenu .advantage-text p {
    color: var(--c-muted);
}

/* ── 4. Шапка: контакты (телефон + обратный звонок) ────────────────
   Дизайн-раунд 12.09 (#248, вижн-аудит @8000): без рамок и плашек —
   сегменты разделены воздухом (gap 6px), иконки 18px единым размером,
   кнопка «обратный звонок» нейтральная (текстовая), акцент только на
   логотипе и лид-CTA (Attention Driven Design). На мобильном
   «обратный звонок» сворачивается в иконку-колокольчик и не пропадает
   из шапки (≦480 раньше скрывался целиком). */
.theme-avenu .avenu-contacts {
    align-items: center;
    display: flex;
    gap: 6px;
    margin-left: auto;
}

.theme-avenu .avenu-header .phone {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    gap: 10px;
    padding: 6px 10px;
    white-space: nowrap;
}

.theme-avenu .avenu-header .phone:hover {
    background: rgba(31, 58, 95, .05);
}

.theme-avenu .phone-icon {
    align-items: center;
    display: flex;
    justify-content: center;
}

.theme-avenu .phone-icon svg {
    height: 18px;
    stroke: var(--c-primary);
    width: 18px;
}

.theme-avenu .phone-meta {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.theme-avenu .phone-number {
    color: var(--c-primary);
    font-size: 18px;
    font-weight: 700;
}

.theme-avenu .phone-tip {
    color: var(--c-muted);
    font-size: 12px;
    margin: 0;
}

/* Сегмент «Обратный звонок»: без обводок и акцентов — нейтральная
   текстовая кнопка рядом с телефоном (Attention Driven Design: единственный
   акцент страницы — лид-Call-to-Action в hero, 12.09, #248). */
.theme-avenu .avenu-header .callback-link {
    align-items: center;
    background: none;
    border: 0;
    border-radius: 6px;
    color: var(--c-text);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
    line-height: 1.2;
    padding: 6px 10px;
    white-space: nowrap;
}

.theme-avenu .avenu-header .callback-link:hover {
    background: rgba(31, 58, 95, .05);
    color: var(--c-text);
}

.theme-avenu .avenu-header .callback-link .callback-icon {
    height: 18px;
    stroke: currentColor;
    width: 18px;
}

@media (max-width: 768px) {
    .theme-avenu .phone-tip {
        display: none;
    }
}

/* ══════════════════════════════════════════════════════════════════════
   Стилевой раунд #229 (11.09, вижн-аудит @qwen3.8-27b-w8a16): подвал,
   шапка ≤480, крошки, согласия, FAQ-аккордеон, cookie-плашка, ритм main.
   ══════════════════════════════════════════════════════════════════════ */

/* Легаси main{padding-top:10.143rem} давал пустоту в пол-экрана под
   шапкой на всех страницах (vision, 11.09). */
.theme-avenu main {
    padding-top: 44px;
}

/* Подвал: вложенный <p> реквизитов терял цвет наследования — легаси
   p{color:#2c2d2e} побеждал .avenu-legal (тёмный на тёмном, #229). */
.theme-avenu .avenu-legal,
.theme-avenu .avenu-legal p,
.theme-avenu .avenu-footer .avenu-disclaimer small,
.theme-avenu .avenu-footer .avenu-policy {
    color: #c5d2e2;
}

/* Хлебные крошки: лейаут рендерит `<div class="breadcrumbs">` без .container
   (ui.css) — display block, p уходит на вторую строку («Главная •» / текст,
   vision 11.09). Возвращаем flex-строку с переносом по словам. */
.theme-avenu .breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 26px;
}

.theme-avenu .breadcrumbs p {
    margin: 0;
}

/* FAQ (леегаси faq.css подключается позже темы): аккордеон в карточном
   стиле, вопрос фирменный, без «синих плашек»; фильтр-чипы — скролл
   строкой с мягкими краями (переполнения faqlist нет, #229). */
.theme-avenu .faq-item {
    background: #fff;
    border: 1px solid var(--c-line);
    border-radius: var(--r-md);
    margin-bottom: 12px;
    box-shadow: var(--shadow-sm);
}

.theme-avenu .faq-item:hover {
    border-color: rgba(31, 58, 95, .35);
    box-shadow: var(--shadow-md);
}

.theme-avenu .faq-question {
    background: #fff;
    border-radius: var(--r-md);
    color: var(--c-text);
}

.theme-avenu .faq-question:hover,
.theme-avenu .faq-question.active {
    background: #fff;
    color: var(--c-primary);
}

.theme-avenu .faq-answer {
    color: var(--c-muted);
}

.theme-avenu .category-item.active {
    background: var(--c-primary);
    border-color: var(--c-primary);
    color: #fff;
}

.theme-avenu .category-list {
    border: 1px solid var(--c-line);
    box-shadow: var(--shadow-sm);
}

/* Согласия .rkn: компактный «квадрат» 24px с рамкой вместо легаси-40px
   (заезд текста под галочку, #229); состояние checked — фирменное. */
.theme-avenu .rkncheckboxbutton {
    border: 1.5px solid var(--c-line);
    border-radius: 6px;
    height: 24px;
    margin: 2px 8px 2px 2px;
    min-width: 24px;
    width: 24px;
}

.theme-avenu .rkncheckboxbutton.checked {
    background: rgba(31, 58, 95, 0.06);
    border-color: var(--c-primary);
}

.theme-avenu .rkn small {
    line-height: 1.45;
    padding-top: 2px;
}

/* Дисклеймер «Банков-партнёров» на белой карточке — тёмный (не наследует
   светлый цвет футера; #229: видение «бледно-серый на белом»). */
.theme-avenu .avenu-partners .avenu-disclaimer small,
.theme-avenu .avenu-bank-list+p small {
    color: var(--c-muted);
}

/* Бейджи-преимущества детальной (свайпер легаси неинициализирован —
   слайды ложились в ряд и раздували страницу до ~2000px на десктопе,
   #229 vision): сетка всегда, слайдер отключаем стилем. */
.theme-avenu #productsplus .advantage-slider .swiper-wrapper,
.theme-avenu .advantage-slider .swiper-wrapper {
    display: grid !important;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    transform: none !important;
}

.theme-avenu #productsplus .advantage-slider .swiper-slide,
.theme-avenu .advantage-slider .swiper-slide {
    width: auto !important;
}

/* Cookie-плашка: на узких текст не растягивается (леегаси
   min-width:60% + nowrap резал кнопки «Отказаться»), кнопки переносятся */
@media (max-width: 768px) {
    .theme-avenu .cookie-notification__content p {
        min-width: 0;
    }

    .theme-avenu .cookie-notification__buttons {
        flex-wrap: wrap;
    }
}

/* Шапка на самых узких: «обратный звонок» сворачивается в иконку-
   колокольчик (тап-зона ≥40px) — раньше он скрывался целиком и из шапки
   нельзя было заказать звонок (вижн-приёмка 390, 12.09); логотип
   компактнее — строка «логотип | телефон | бургер» без переноса.
   Иконки телефона и колокольчика — единый размер 18px (#248). */
@media (max-width: 480px) {
    .theme-avenu .avenu-header .callback-link {
        border-radius: 6px;
        justify-content: center;
        min-width: 40px;
        padding: 4px 8px;
    }

    .theme-avenu .avenu-header .callback-link span {
        display: none;
    }

    .theme-avenu .avenu-header .callback-link .callback-icon {
        height: 18px;
        width: 18px;
    }

    .theme-avenu header .logo img {
        height: 34px;
    }

    .theme-avenu .avenu-header .phone {
        padding: 4px 6px;
    }

    .theme-avenu .phone-number {
        font-size: 14px;
    }
}

/* Телефоны ≤400px: номер без иконки, ещё компактнее — иначе строка
   «логотип | телефон | бургер» выпирала за вьюпорт (замер 11.09:
   контакты 184px + лого 126px > 285px строки). Колокольчик остаётся
   в шапке, размер иконок — единый 18px (#248). */
@media (max-width: 400px) {
    .theme-avenu .avenu-header .phone-icon {
        display: none;
    }

    .theme-avenu header .logo img {
        height: 24px;
    }

    .theme-avenu .phone-number {
        font-size: 12px;
    }

    .theme-avenu .avenu-header-inner {
        gap: 4px;
    }

    .theme-avenu .avenu-header .phone {
        padding: 3px 4px;
    }

    .theme-avenu .avenu-header .callback-link {
        min-width: 34px;
        padding: 2px 4px;
    }
}

/* Телефоны ≤340px: номер мельчает, сегменты впритык — строка
   «логотип | контакты | бургер» не должна переполнять 320px. */
@media (max-width: 340px) {
    .theme-avenu .phone-number {
        font-size: 11px;
    }

    .theme-avenu .avenu-header .phone {
        padding: 2px 4px;
    }

    .theme-avenu .avenu-header .callback-link {
        min-width: 30px;
        padding: 2px 3px;
    }

    .theme-avenu .avenu-contacts {
        gap: 4px;
    }
}

/* ≤320px (редкие старые аппараты): номер уступает место двум иконкам —
   трубка (tel:) и колокольчик (обратный звонок), обе 18px (единый
   размер, #248); заказать звонок и позвонить остаются доступны,
   номер — в меню и футере. */
@media (max-width: 320px) {
    .theme-avenu .phone-number {
        display: none;
    }

    .theme-avenu .avenu-header .phone {
        padding: 2px 4px;
    }

    .theme-avenu .avenu-header .callback-link {
        min-width: 34px;
    }
}