/* Start:/bitrix/templates/trade_in_main/components/bitrix/catalog/template_custom/style.css?178063436622891*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

.catalog-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
}

/* === V3 Retail Friendly — тулбар фильтров (2026-06-05) === */
.filter-sort-container {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 14px;
    padding: 14px 22px;
    background: var(--caz-toolbar, rgba(255,255,255,0.95));
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--caz-line, #e6eae8);
    position: sticky;
    top: 0;
    z-index: 20;
}

.sort-block, .filter-block {
    flex: 0 1 auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sort-block h2, .filter-block h2 {
    font-family: "Manrope", system-ui, sans-serif;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0 0 0 2px;
    color: var(--caz-muted2, #97a39c);
}

.sort-options, .filter-options {
    position: relative;
    display: flex;
}

.sort-select {
    padding: 9px 30px 9px 12px;
    border: 1px solid var(--caz-line, #e6eae8);
    border-radius: 10px;
    font-family: "Manrope", system-ui, sans-serif;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    background: var(--caz-line2, #f4f7f5);
    color: var(--caz-ink, #13211d);
    cursor: pointer;
    text-align: left;
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%230e8c78" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 11px center;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sort-select:focus {
    outline: none;
    border-color: var(--caz-accent, #0e8c78);
    box-shadow: 0 0 0 3px var(--caz-tint, #e6f5f0);
}

.filter-section {
    position: relative;
}

.filter-trigger {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 16px;
    border: 1px solid var(--caz-line, #e6eae8);
    border-radius: 10px;
    font-family: "Manrope", system-ui, sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 38px;
    box-sizing: border-box;
    background: var(--caz-line2, #f4f7f5);
    color: var(--caz-ink, #13211d);
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

.filter-trigger::before {
    content: "";
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230e8c78" stroke-width="2.2" stroke-linecap="round"><path d="M3 5h18M6 12h12M10 19h4"/></svg>') no-repeat center / contain;
}

.filter-trigger:hover,
.filter-trigger:focus {
    outline: none;
    border-color: var(--caz-accent, #0e8c78);
    color: var(--caz-accent-d, #0a6f5f);
}

.filter-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 400px;
    min-height: 50px;
    overflow-y: auto;
    padding: 15px;
}

.filter-menu.active {
    display: block;
}

.filter-group {
    margin-bottom: 15px;
}

.filter-group label {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    color: #333;
}

.filter-select {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    appearance: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>') no-repeat right 10px center;
    background-color: #fff;
    cursor: pointer;
    line-height: 1.5;
    overflow: visible;
    white-space: normal;
}

.filter-input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
}

.filter-submit {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.filter-submit:hover {
    background-color: #0056b3;
}

.main-wrapper {
    display: flex;
    flex: 1;
}

/* === V3 Retail Friendly — Алфавит + Фильтр брендов (2026-06-05) === */
.sidebar {
    width: 264px;
    padding: 16px 12px;
    flex-shrink: 0;
    background-color: #ffffff;
    border-right: 1px solid #e6eae8;
}

.sidebar .sidebar-title {
    font-family: "Manrope", system-ui, sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 6px 2px 10px;
    color: #97a39c;
}

.alphabet-nav {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
    gap: 6px;
    margin-bottom: 18px;
}

.alphabet-letter {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: "Manrope", system-ui, sans-serif;
    color: #13211d;
    font-size: 12.5px;
    font-weight: 700;
    height: 30px;
    border: 1px solid #e6eae8;
    border-radius: 7px;
    background: #fff;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}

.alphabet-letter:hover {
    background-color: #e6f5f0;
    border-color: #bfe3d9;
    color: #0a6f5f;
}

.alphabet-letter:active {
    transform: scale(0.94);
}

.brand-filter {
    overflow-y: auto;
    max-height: 70vh;
    padding-right: 6px;
}

.letter-header {
    font-family: "Manrope", system-ui, sans-serif;
    font-size: 15px;
    font-weight: 800;
    margin: 14px 0 6px;
    color: #0e8c78;
    letter-spacing: 0.02em;
}

.brand-item {
    margin-bottom: 2px;
    padding: 0;
    cursor: pointer;
    border-bottom: 1px solid #eff2f0;
}

.brand-content {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 8px;
    border-radius: 10px;
    color: #13211d;
    font-family: "Manrope", system-ui, sans-serif;
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.brand-content:hover {
    background: #f3f6f4;
    color: #0a6f5f;
}

.brand-logo {
    max-width: 34px;
    max-height: 26px;
    object-fit: contain;
    margin-right: 0;
}

.expand-arrow {
    margin-left: auto;
    color: #97a39c;
    transition: transform 0.25s ease, color 0.2s ease;
}

.brand-content:hover .expand-arrow {
    color: #0e8c78;
}

.brand-models {
    margin-top: 0;
    padding-left: 49px;
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.brand-models.expanded,
.brand-models.is-open {
    max-height: 1600px;
}

.model-item,
.model-link {
    display: block;
    padding: 6px 10px;
    cursor: pointer;
    color: #5c665f;
    font-size: 13px;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.model-item:hover,
.model-link:hover {
    background-color: #f3f6f4;
    color: #0a6f5f;
}

/* «Показать все» — в фирменный зелёный (был синий #06c) */
.show-all-link {
    color: #0e8c78 !important;
    font-family: "Manrope", system-ui, sans-serif;
    font-weight: 700;
    font-size: 13px;
}
.show-all-link:hover {
    color: #0a6f5f !important;
}

.main-content {
    padding: 10px;
    flex-grow: 1;
    overflow-y: auto;
}

.car-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
    max-width: 100%;
}

/* === V3 Retail Friendly — стиль карточки (2026-06-05). Логика/разметка не тронуты === */
.car-item {
    background: #ffffff;
    border: 1px solid #e6eae8;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(19, 33, 29, 0.04);
    overflow: hidden;
    text-align: left;
    transition: box-shadow 0.28s ease, transform 0.28s ease, border-color 0.28s ease;
}

/* !important — чтобы побить .car-item.is-enter.is-show (спецификация 0,3,0) */
.car-item:hover {
    box-shadow: 0 14px 32px rgba(14, 140, 120, 0.18) !important;
    transform: translateY(-6px) !important;
    border-color: #cfe7e0 !important;
}
.car-item:active {
    transform: translateY(-3px) !important;
}

.car-item > a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.car-image {
    width: 100%;
    aspect-ratio: 16 / 10;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 14px 14px 0 0;
    background: linear-gradient(155deg, #f2f6f4, #e8efeb);
}

.car-title {
    font-family: "Manrope", CeraProMedium, system-ui, sans-serif;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
    margin: 14px 0 0;
    padding: 0 15px;
    color: #13211d;
    text-align: center;
}

.car-price {
    display: inline-block;
    font-family: "Manrope", CeraProMedium, system-ui, sans-serif;
    font-size: 1.55rem;
    font-weight: 800;
    color: #0a6f5f;
    background: #e6f5f0;
    border-radius: 9px;
    margin: 10px auto;
    padding: 5px 11px;
    text-align: center;
}

/* блок цены центрируем (это div-обёртка вокруг span с ценой) */
.car-item .car-price {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* === Характеристики в строку с разделителями · (как в дизайне V3) === */
.car-specs {
    font-size: 1.25rem;
    color: #6b766f;
    padding: 0 15px 14px;
    line-height: 1.7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px 7px;
}

.car-specs .spec-item {
    display: inline-flex;
    align-items: center;
    width: auto;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    border-radius: 0;
}

/* скрываем подпись «Год:/Мощность:» — оставляем только значение */
.car-specs .spec-item span:first-child {
    display: none;
}

.car-specs .spec-item span:last-child {
    color: #4a5852;
    font-weight: 600;
}

/* разделитель-точка между характеристиками */
.car-specs .spec-item:not(:last-child)::after {
    content: "·";
    margin-left: 7px;
    color: #b7c2bc;
    font-weight: 700;
}

/* === Анимация появления карточек (V3) === */
@keyframes cazCardIn {
    from { opacity: 0; transform: translateY(16px) scale(0.985); }
    to   { opacity: 1; transform: translateY(0)    scale(1); }
}
.car-grid .car-item {
    /* backwards (а не both): после анимации НЕ держим transform → hover-lift работает */
    animation: cazCardIn 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
}
/* лёгкий каскад (stagger) для первых карточек */
.car-grid .car-item:nth-child(1){ animation-delay: 0.02s; }
.car-grid .car-item:nth-child(2){ animation-delay: 0.05s; }
.car-grid .car-item:nth-child(3){ animation-delay: 0.08s; }
.car-grid .car-item:nth-child(4){ animation-delay: 0.11s; }
.car-grid .car-item:nth-child(5){ animation-delay: 0.14s; }
.car-grid .car-item:nth-child(6){ animation-delay: 0.17s; }
.car-grid .car-item:nth-child(7){ animation-delay: 0.20s; }
.car-grid .car-item:nth-child(8){ animation-delay: 0.23s; }
.car-grid .car-item:nth-child(9){ animation-delay: 0.26s; }
.car-grid .car-item:nth-child(10){ animation-delay: 0.29s; }
.car-grid .car-item:nth-child(11){ animation-delay: 0.32s; }
.car-grid .car-item:nth-child(12){ animation-delay: 0.35s; }
@media (prefers-reduced-motion: reduce) {
    .car-grid .car-item { animation: none; }
}

/* === Mobile / touch: scroll-reveal — каждая карточка приподнимается при появлении === */
@media (hover: none) {
    .car-grid .car-item {
        animation: none;                 /* отключаем десктоп-каскад */
        opacity: 0;
        transform: translateY(26px);
        transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    .car-grid .car-item.caz-in {
        opacity: 1;
        transform: translateY(0);
    }
    .car-item:active {
        transform: translateY(-4px) scale(0.99) !important;
    }
}

.load-more {
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
    display: block;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .filter-sort-container {
        display: none;
    }

    .mobile-control-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 2000;
        padding: 2px 0;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .mobile-control-bar .burger-menu-label {
        background: none;
        border: none;
        cursor: pointer;
        padding: 5px;
    }

    .mobile-control-bar .burger-menu-label span {
        display: block;
        width: 15px;
        height: 3px;
        background: #333;
        margin: 2px 0;
        transition: all 0.3s ease;
    }

    .mobile-control-bar button {
        background: none;
        border: none;
        cursor: pointer;
        padding: 5px;
    }

    .mobile-control-bar button img {
        width: 25px;
        height: 25px;
    }

    .mobile-filter-menu, .mobile-sort-menu, .mobile-alphabet-menu {
        display: none;
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 1500;
        padding: 5px;
    }

    .mobile-filter-menu.active, .mobile-sort-menu.active, .mobile-alphabet-menu.active {
        display: block;
    }

    .mobile-sort-menu select {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 16px;
    }

    .mobile-alphabet-menu {
        bottom: 0;
        overflow-y: auto;
        padding: 10px;
    }

    /* V3: правый вертикальный алфавит-рейл (фикс, sticky) */
    .mobile-alphabet-menu .alphabet-nav-mobile-menu {
        position: fixed;
        right: 6px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1px;
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(6px);
        border: 1px solid #e6eae8;
        border-radius: 11px;
        padding: 5px 3px;
        box-shadow: 0 6px 18px rgba(19, 33, 29, 0.10);
        z-index: 90;
    }

    .mobile-alphabet-menu .alphabet-nav-mobile-menu .alphabet-letter {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        width: 21px;
        height: 18px;
        font-family: "Manrope", system-ui, sans-serif;
        font-size: 10.5px;
        font-weight: 700;
        color: #13211d;
        text-decoration: none;
        border: 0;
        border-radius: 5px;
        background: transparent;
        transition: background-color 0.18s ease, color 0.18s ease;
    }

    .mobile-alphabet-menu .alphabet-nav-mobile-menu .alphabet-letter:hover,
    .mobile-alphabet-menu .alphabet-nav-mobile-menu .alphabet-letter:active {
        background: #e6f5f0;
        color: #0a6f5f;
    }

    .mobile-alphabet-menu .brand-filter {
        margin-right: 44px;
    }

    .mobile-alphabet-menu .letter-header {
        font-family: "Manrope", system-ui, sans-serif;
        font-size: 15px;
        font-weight: 800;
        color: #0e8c78;
        margin: 12px 0 6px;
    }

    .mobile-alphabet-menu .mobile-brand-item {
        padding: 9px 8px;
        cursor: pointer;
        border-bottom: 1px solid #eff2f0;
        border-radius: 10px;
        font-family: "Manrope", system-ui, sans-serif;
        font-weight: 600;
        font-size: 14px;
        color: #13211d;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

    .mobile-alphabet-menu .mobile-brand-item:active {
        background: #f3f6f4;
        color: #0a6f5f;
    }

    .mobile-alphabet-menu .brand-logo {
        max-width: 32px;
        max-height: 24px;
        object-fit: contain;
        margin-right: 10px;
    }

    .main-wrapper {
        flex-direction: column;
        margin-top: 5px;
        padding-top: 5px;
    }

    .sidebar {
        display: none;
    }

    .alphabet-nav {
        display: none;
    }

    .alphabet-nav-mobile {
        display: none !important;
    }

    .main-content {
        padding: 5px;
    }

    .brand-filter {
        max-height: none;
    }

    .car-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 769px) {
    .mobile-control-bar,
    .mobile-filter-menu,
    .mobile-sort-menu,
    .mobile-alphabet-menu {
        display: none !important;
    }
}
/* ============================================================
   V3 — Переключение темы (light / dark). 2026-06-05
   Тема скоупится на .catalog-container (шапка/футер сайта не меняются)
   ============================================================ */
.catalog-container {
    --caz-bg: #f7f9f8;
    --caz-surface: #ffffff;
    --caz-toolbar: rgba(255,255,255,0.95);
    --caz-ink: #13211d;
    --caz-muted: #6b766f;
    --caz-muted2: #97a39c;
    --caz-line: #e6eae8;
    --caz-line2: #f4f7f5;
    --caz-accent: #0e8c78;
    --caz-accent-d: #0a6f5f;
    --caz-tint: #e6f5f0;
    --caz-hover: #f3f6f4;
    background: var(--caz-bg);
    transition: background-color 0.35s ease;
}

.catalog-container.theme-dark {
    --caz-bg: #0f1613;
    --caz-surface: #161f1b;
    --caz-toolbar: rgba(15,22,19,0.92);
    --caz-ink: #e8efeb;
    --caz-muted: #9aa8a1;
    --caz-muted2: #76837c;
    --caz-line: #25312c;
    --caz-line2: #1d2723;
    --caz-accent: #2bd4a3;
    --caz-accent-d: #56e0b8;
    --caz-tint: rgba(43,212,163,0.14);
    --caz-hover: #1d2723;
}

/* --- Кнопка переключения темы --- */
.theme-toggle {
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 14px;
    border: 1px solid var(--caz-line);
    background: var(--caz-line2);
    color: var(--caz-ink);
    border-radius: 10px;
    font-family: "Manrope", system-ui, sans-serif;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    margin-left: auto;
    transition: background-color 0.3s ease, color 0.2s ease, border-color 0.2s ease;
}
.theme-toggle:hover {
    border-color: var(--caz-accent);
    color: var(--caz-accent-d);
}
.theme-toggle .theme-ico { font-size: 15px; line-height: 1; }
/* текст кнопки темы в тёмной версии — белый */
.theme-dark .theme-toggle,
.theme-dark .theme-toggle .theme-txt { color: #ffffff !important; }

/* === DARK overrides (additive — light не трогаем) === */
.theme-dark .sidebar { background: var(--caz-surface); border-right-color: var(--caz-line); }
.theme-dark .sidebar .sidebar-title { color: var(--caz-muted2); }
.theme-dark .alphabet-letter { background: var(--caz-line2); border-color: var(--caz-line); color: var(--caz-ink); }
.theme-dark .alphabet-letter:hover { background: var(--caz-tint); border-color: var(--caz-accent); color: var(--caz-accent-d); }
.theme-dark .letter-header { color: var(--caz-accent); }
.theme-dark .brand-item { border-bottom-color: var(--caz-line); }
.theme-dark .brand-content,
.theme-dark .brand-content > span { color: var(--caz-ink) !important; }
.theme-dark .brand-content:hover,
.theme-dark .brand-content:hover > span { background: var(--caz-hover); color: var(--caz-accent-d) !important; }
.theme-dark .brand-content:hover { background: var(--caz-hover); }
.theme-dark .model-item, .theme-dark .model-link { color: var(--caz-muted); }
.theme-dark .model-item:hover, .theme-dark .model-link:hover { background: var(--caz-hover); color: var(--caz-accent-d); }
.theme-dark .show-all-link { color: var(--caz-accent) !important; }

.theme-dark .car-item { background: var(--caz-surface); border-color: var(--caz-line); box-shadow: 0 1px 2px rgba(0,0,0,0.3); }
.theme-dark .car-item:hover { box-shadow: 0 14px 32px rgba(43,212,163,0.18) !important; border-color: var(--caz-accent) !important; }
.theme-dark .car-title { color: var(--caz-ink); }
.theme-dark .car-price,
.theme-dark .car-price span { color: var(--caz-accent-d) !important; background: transparent; }
.theme-dark .car-price { background: var(--caz-tint); }
.theme-dark .car-specs { color: var(--caz-muted); }
.theme-dark .car-specs .spec-item span:last-child { color: var(--caz-ink); }
.theme-dark .car-specs .spec-item:not(:last-child)::after { color: var(--caz-muted2); }
.theme-dark .car-image { background: linear-gradient(155deg, #1c2722, #141d19); }

.theme-dark .filter-sort-container { border-bottom-color: var(--caz-line); }
.theme-dark .sort-block h2, .theme-dark .filter-block h2 { color: var(--caz-muted2); }
.theme-dark .sort-select, .theme-dark .filter-trigger, .theme-dark .catalog-reset-filters-btn {
    background: var(--caz-line2); border-color: var(--caz-line); color: var(--caz-ink);
}
.theme-dark .filter-menu { background: var(--caz-surface); border-color: var(--caz-line); }
.theme-dark .filter-menu .filter-group label { color: var(--caz-muted); }
.theme-dark .filter-select, .theme-dark .filter-input { background: var(--caz-line2); border-color: var(--caz-line); color: var(--caz-ink); }

.theme-dark .no-cars { color: var(--caz-muted); }

/* мобильный drawer/рейл в тёмной теме */
.theme-dark .mobile-alphabet-menu .alphabet-nav-mobile-menu { background: rgba(22,31,27,0.95); border-color: var(--caz-line); }
.theme-dark .mobile-alphabet-menu .alphabet-nav-mobile-menu .alphabet-letter { color: var(--caz-ink); }
.theme-dark .mobile-alphabet-menu .mobile-brand-item { color: var(--caz-ink); border-bottom-color: var(--caz-line); }

/* End */


/* Start:/bitrix/templates/trade_in_main/components/bitrix/catalog/template_custom/bitrix/catalog.compare.list/.default/style.css?17758848471265*/
.bx_catalog-compare-list{
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:12px;
    z-index:998;
    overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    width:270px;
    max-height:100%;
    padding:10px 8px 0;
    white-space:normal;
    color:#404040;
    border:1px solid #b7b7b7;
    border-radius:3px;
    background:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.18);
	margin-bottom: 10px;
}
.bx_catalog-compare-list.fix{
	position:fixed;
}
.bx_catalog-compare-list.top{
    top:5px;
}
.bx_catalog-compare-list.right{
    right:5px;
}
.bx_catalog-compare-list.bottom{
    bottom:5px;
}
.bx_catalog-compare-list.left{
    left:5px;
}
.bx_catalog-compare-list .bx_catalog_compare_form {  }
.bx_catalog-compare-list:hover .bx_catalog_compare_form {  }
.bx_catalog-compare-list a{
    font-size:11px;
    color:#327ab7;
}
.bx_catalog-compare-list a:hover{
    text-decoration:none;
}
.bx_catalog_compare_count p{
    margin:0 0 10px 0;
}
.bx_catalog_compare_count p.compare-redirect{
	text-align: center;
	font-weight: bold;
}
.bx_catalog-compare-list .compare-items td{
    font-size:12px;
    font-weight:bold;
    padding-bottom:10px;
	vertical-align: top;
}
/* End */
/* /bitrix/templates/trade_in_main/components/bitrix/catalog/template_custom/style.css?178063436622891 */
/* /bitrix/templates/trade_in_main/components/bitrix/catalog/template_custom/bitrix/catalog.compare.list/.default/style.css?17758848471265 */