.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-sub-html,
.lg-toolbar{
    background-color: var(--primary);
}
.lg-outer .lg-toogle-thumb,
.lg-outer .lg-toogle-thumb:hover,
.icon-bx-xs.check-km{
    color: var(--primary);
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: var(--primary);
}


.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}

.site-button:active,
.site-button:hover,
.site-button:focus,
.active > .site-button {
    background-color: var(--primary-hover);
    color: #fff;
}

/* === 1. Исправление переключателя вида === */
.catalog-controls .view-toggle { display: flex; align-items: center; border: 1px solid #dee2e6 !important; border-radius: 6px; background: #fff; }
.catalog-controls .view-btn { cursor: pointer; transition: all 0.2s; line-height: 1 !important; display: flex; align-items: center; justify-content: center; border: none; background: transparent; color: #6c757d; height: 38px; min-width: 42px; border-radius: 0; }
.catalog-controls .view-btn:first-child { border-radius: 6px 0 0 6px; }
.catalog-controls .view-btn:last-child { border-radius: 0 6px 6px 0; }
.catalog-controls .view-btn:hover { background: #f8f9fa; color: #333; }
.catalog-controls .view-btn.active { background: var(--primary) !important; color: #fff !important; }
.catalog-controls .view-btn i { font-size: 16px; line-height: 1; }

/* === 2. Меню категорий (аккордеон) === */
.catalog-nav { list-style: none; padding: 0; margin: 0; }
.catalog-item { border-bottom: 1px solid #eee; }
.catalog-item:last-child { border-bottom: none; }
.catalog-link { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; color: #333; text-decoration: none; font-weight: 500; cursor: pointer; }
.catalog-link:hover { color: var(--primary); }
.catalog-submenu { list-style: none; padding: 0 15px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; margin: 0; }
.catalog-item.open .catalog-submenu { max-height: 300px; }
.catalog-submenu li a { display: block; padding: 6px 0; color: #666; text-decoration: none; font-size: 14px; }
.catalog-submenu li a:hover { color: var(--primary); padding-left: 5px; transition: padding 0.2s; }
.catalog-item.open .catalog-link i { transform: rotate(180deg); transition: transform 0.3s; }

/* === 3. Спецификации в строку === */
.specs { gap: 12px 16px !important; }
.specs i { width: 14px; text-align: center; margin-right: 4px; }

/* === 4. Вид "Список" === */
.catalog-grid.list-view .col-lg-4 { width: 100%; flex: 0 0 100%; max-width: 100%; }
.catalog-grid.list-view .dlab-box { display: flex; flex-direction: row; border: 1px solid #e9e9e9; border-radius: 4px; overflow: hidden; height: auto; }
.catalog-grid.list-view .dlab-thum-bx { width: 300px; min-width: 300px; aspect-ratio: 4/3; flex-shrink: 0; margin: 0; }
.catalog-grid.list-view .dlab-info { text-align: left; display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding: 20px; }
.catalog-grid.list-view .dlab-info .price-block { border-top: 1px solid #eee; padding-top: 15px; margin-top: auto; }

/* === 5. Пагинация (переопределение Bootstrap) === */
.catalog-pagination .page-item.active .page-link,
.catalog-pagination .page-item.active .page-link:hover,
.catalog-pagination .page-item.active .page-link:focus {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}
.catalog-pagination .page-link:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: #fff !important;
}

/* === 6. Адаптив === */
@media (max-width: 991px) {
    .catalog-grid.list-view .dlab-box { flex-direction: column; }
    .catalog-grid.list-view .dlab-thum-bx { width: 100%; min-width: auto; aspect-ratio: 16/9; }
}

/* Исправление положения стрелки в select */
.bootstrap-select .dropdown-toggle {
    position: relative !important;
    padding-right: 32px !important; /* Резервируем место под стрелку */
}
.bootstrap-select > .dropdown-toggle:before {
    top: 50% !important;
    transform: translateY(-50%) !important; /* Точное центрирование по вертикали */
    right: 12px !important;
    font-size: 13px;
}

/* Переопределение outline.red на чистый красный */
.site-button.outline.red {
    color: #c0392b !important;
    border-color: #c0392b !important;
}
.site-button.outline.red:hover,
.site-button.outline.red:active,
.site-button.outline.red:focus {
    background-color: #ee3131 !important;
    border-color: #c0392b !important;
    color: #fff !important;
}