/* =============================================================
   REDESIGN.CSS — Dark-Premium тема для pnevmopodveska.ru
   Подключать ПОСЛЕ custom.css
   Откат: удалить <link> на этот файл из чанка head.tpl
   ============================================================= */

/* ===== 1. CSS ПЕРЕМЕННЫЕ ===== */
:root {
    --belyy: #292826;
    --fon-1: #1a1917;
    --fon-2: #222120;
    --fon-3: #2a2825;
    --obvodka: #3a3834;
    --obvodka-2: #4a4843;
    --chernyy-1: #9e9b95;
    --chernyy-2: #e0ddd8;
    --zheltyy: #feed01;
    --zelenyy: #5cb338;
}

/* ===== 2. ГЛОБАЛЬНЫЕ СТИЛИ ===== */
body {
    background-color: #292826 !important;
    color: #e0ddd8;
}

a {
    color: #e0ddd8;
}

a:hover {
    color: #FEED01;
}

h2 {
    color: #fff !important;
}

h3 {
    color: #fff;
}

p {
    color: #9e9b95;
}

input,
select,
textarea {
    background-color: #1a1917 !important;
    color: #e0ddd8 !important;
    border: 1px solid #3a3834 !important;
}

input::placeholder,
textarea::placeholder {
    color: #6e6b65 !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #FEED01 !important;
    outline: none;
}

/* Прелоадер */
#preloader {
    background-color: #292826 !important;
}

/* ===== 3. ТОП-БАР (новый элемент) ===== */
.redesign-topbar {
    background: #1a1917;
    border-bottom: 1px solid #3a3834;
    padding: 8px 0;
    font-size: 13px;
    color: #9e9b95;
}

.redesign-topbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.redesign-topbar span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.redesign-topbar a {
    color: #9e9b95;
    transition: color 0.2s;
}

.redesign-topbar a:hover {
    color: #FEED01;
}

/* ===== 4. ДЕСКТОПНЫЙ ХЕДЕР ===== */
header {
    background: #292826 !important;
    border-bottom: 1px solid #3a3834 !important;
}

.header_top {
    padding: 16px 0 !important;
    border-bottom: none;
    display: flex !important;
    align-items: center !important;
    gap: 14px;
}

.header_text {
    color: #9e9b95 !important;
}

.header_text--modif {
    color: #9e9b95 !important;
    display: none;
}

/* Скрываем элементы на десктопе, которых нет в дизайне */
@media (min-width: 770px) {
    .header_btn { display: none !important; }
    .flex.zalupa { display: none !important; }
    .header_phone .header_text { display: none !important; }
    .header_search { display: none !important; }
    .header_text--modif { display: none !important; }

    .header_phone {
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .header_phone a {
        color: #FEED01 !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        letter-spacing: 0.5px;
        white-space: nowrap;
    }

    .header_social.flex {
        gap: 10px !important;
        align-items: center;
    }

    .header_social .link-icon img {
        width: 36px !important;
        height: 36px !important;
    }

    .header_logo.logo {
        height: 48px !important;
        width: auto !important;
    }
}

.link-icon img {
    transition: all 0.3s;
}

.link-icon img:hover {
    transform: scale(1.1);
    opacity: 0.8;
}

.search_btn {
    filter: brightness(0) invert(0.7);
}

.footer_btn {
    background-color: #FEED01;
    color: #292826 !important;
    border-radius: 8px;
    font-weight: 700;
    transition: all 0.3s;
}

.footer_btn:hover {
    background-color: #e6d800;
}

/* ===== 5. НАВИГАЦИЯ (.nav) ===== */
.header_nav.nav {
    background-color: #292826 !important;
    border-top: 1px solid #3a3834;
    border-bottom: none;
    padding: 0;
}

.header_nav .nav_list {
    background-color: #292826 !important;
    padding: 14px 0;
}

.nav_link {
    color: #c8c5bf !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    transition: color 0.2s;
}

.nav_link:hover {
    color: #FEED01 !important;
}

.huj {
    display: flex;
    align-items: center;
}

/* Мобильные */
@media (max-width: 769px) {
    .redesign-topbar { display: none; }
    .nav {
        background-color: #292826;
    }
    .nav_link {
        color: #c8c5bf;
    }
    .nav_link:hover {
        color: #FEED01;
    }
}

/* Кнопки слайдера навигации */
.slick-next:before,
.slick-prev:before {
    background-color: #292826;
    border: 1px solid #3a3834;
}

.slick-dots li button:before {
    border: 1px solid #9e9b95;
}

.slick-dots li.slick-active button:before {
    background-color: #FEED01;
    border-color: #FEED01;
}

/* ===== 6. ГЕРОЙ / СЛАЙДЕР ===== */
.slider {
    background-color: #1a1917;
    position: relative;
    overflow: hidden;
}

/* Видео-фон — поднимаем z-index чтобы было видно */
.video-background {
    z-index: 0 !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

#myVideo {
    z-index: 0 !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

/* Видео-оверлей — полупрозрачный тёмный */
.video-background::after {
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 1 !important;
}

/* Контент слайдера — поверх видео */
.slider .container {
    position: relative;
    z-index: 2;
}

.slider_wrapper {
    position: relative;
    z-index: 2;
}

.slider_title {
    color: #fff !important;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 1.15 !important;
    font-size: 48px !important;
    max-width: 700px;
    margin-bottom: 20px !important;
    text-align: left !important;
}

.slider_title--accent {
    color: #FEED01 !important;
    font-style: normal !important;
}

.slider_sub {
    font-size: 16px;
    color: #9e9b95;
    max-width: 550px;
    margin-bottom: 32px;
    line-height: 1.7;
    font-weight: 300;
    font-style: normal;
}

.slider_item {
    color: #c8c5bf !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

@media (max-width: 769px) {
    .slider_title {
        font-size: 32px !important;
    }
    .slider_sub {
        font-size: 16px;
    }
}

/* Кнопки слайдера — на ВСЮ ШИРИНУ как в дизайне */
section.slider .slider-buttons,
.slider .slider_block .slider-buttons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    margin-top: 40px !important;
    width: 100% !important;
    max-width: 100% !important;
}

section.slider .slider-buttons a,
.slider .slider-buttons a.slider-buttons-link,
.slider .slider-buttons a.slider-buttons-callback {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 10px !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    text-transform: lowercase !important;
    letter-spacing: 0.5px !important;
    padding: 22px 20px !important;
    transition: all 0.3s !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    cursor: pointer;
    height: auto !important;
}

section.slider .slider-buttons a:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #fff !important;
}

/* Список преимуществ — горизонтально, жёлтые точки вместо чекмарок */
.slider_list {
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.slider_item {
    padding-left: 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #c8c5bf !important;
    position: relative;
}

.slider_item::before {
    content: '' !important;
    background-image: none !important;
    width: 10px !important;
    height: 10px !important;
    background: #FEED01 !important;
    border-radius: 50% !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 0 12px rgba(254, 237, 1, 0.4);
}

@media (max-width: 769px) {
    .slider_list {
        flex-direction: column !important;
        gap: 12px !important;
    }
}

@media (max-width: 769px) {
    .slider-buttons {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .slider-buttons a,
    .slider-buttons-callback,
    .slider-buttons-link {
        padding: 20px 16px !important;
        font-size: 18px !important;
    }
}

/* ===== 6. МАРКИ АВТОМОБИЛЕЙ — как в дизайне (текстовые кнопки, 5 колонок) ===== */
.manufacturer {
    background-color: #1a1917;
    padding: 80px 0 !important;
}

/* Сетка 5 колонок */
.manufacturer_list {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 12px !important;
    justify-content: stretch !important;
}

/* Карточка — текстовая кнопка */
.manufacturer_item {
    border: 2px solid transparent !important;
    background-color: #f5f4f0 !important;
    border-radius: 12px !important;
    transition: all 0.3s ease;
    width: 100% !important;
    margin-bottom: 0 !important;
    cursor: pointer;
}

/* Скрываем картинку логотипа */
.manufacturer_img {
    display: none !important;
}

/* Название марки — единственный видимый элемент */
.manufacturer_title {
    background-color: transparent !important;
    border-top: none !important;
    border-radius: 12px !important;
    color: #292826 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 24px !important;
    text-align: center;
    transition: all 0.3s ease;
}

/* HOVER — полная жёлтая заливка, тёмный текст */
.manufacturer_item:hover {
    background-color: #FEED01 !important;
    border-color: #FEED01 !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(254, 237, 1, 0.3);
}

.manufacturer_item:hover .manufacturer_title {
    color: #292826 !important;
}

/* Адаптив */
@media (max-width: 1024px) {
    .manufacturer_list {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 769px) {
    .manufacturer_list {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .manufacturer_title {
        padding: 18px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .manufacturer_list {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .manufacturer_title {
        padding: 16px !important;
        font-size: 14px !important;
    }
}

/* ===== 7. ПРЕИМУЩЕСТВА — как в дизайне ===== */
.advantages {
    background-color: #1a1917 !important;
    background-image: none !important;
    padding: 80px 0 !important;
}

/* Заголовок секции */
.advantages_title {
    color: #fff !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

/* Контейнер преимуществ — ограничиваем ширину как в дизайне */
section.advantages .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Контейнер преимуществ */
section.advantages .container {
    overflow: hidden !important;
}

/* Сетка карточек — 4 колонки как в дизайне */
section.advantages .advantages_list,
.advantages .container .advantages_list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Карточка */
section.advantages .advantages_item,
.advantages .advantages_list .advantages_item {
    background-color: #292826 !important;
    border: 1px solid #3a3834 !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
    padding: 15px 0 !important;
    text-align: center;
    width: 100% !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

section.advantages .advantages_item:hover {
    border-color: #FEED01 !important;
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

/* Иконка — тёмный оливковый квадрат как в дизайне */
section.advantages .advantages_img {
    background-color: rgba(160, 150, 60, 0.3) !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 28px !important;
}

section.advantages .advantages_img img {
    width: 36px !important;
    height: 36px !important;
    filter: brightness(0) saturate(100%) invert(90%) sepia(60%) saturate(2000%) hue-rotate(10deg) brightness(1.05) !important;
}

/* SVG иконки — не фильтруем, они уже жёлтые */
section.advantages .advantages_img svg {
    width: 32px !important;
    height: 32px !important;
    filter: none !important;
}

/* Заголовок карточки */
section.advantages .advanteges_item-title {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    padding: 0 10px 14px !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
}

/* Описание */
section.advantages .advanteges_text {
    color: #9e9b95 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    padding: 0 8px !important;
    padding-bottom: 0 !important;
}

/* Номер — скрываем */
.advanteges_text--count {
    display: none !important;
}

/* Адаптив — 1 колонка от планшетов */
@media (max-width: 1024px) {
    section.advantages .advantages_list,
    .advantages .container .advantages_list {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* ===== 8. ПОРТФОЛИО / НАШ БОКС ===== */
.portfolio {
    background-color: #1a1917 !important;
    padding: 80px 0 !important;
}

/* Лейбл "Сервис" над заголовком */
.portfolio_title::before {
    content: "Сервис";
    display: block;
    color: #FEED01;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 12px;
}

.portfolio_title {
    color: #fff !important;
    text-align: center;
}

.portfolio_desc {
    color: #9e9b95 !important;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px !important;
    font-size: 16px;
    line-height: 1.7;
}

/* Сетка фото — 4 колонки с зазорами */
.portfolio_imgs {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Карточка-фото */
.portfolio_img {
    border-radius: 12px !important;
    overflow: hidden !important;
    height: 200px !important;
    width: 100% !important;
}

.portfolio_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Адаптив портфолио */
@media (max-width: 1024px) {
    .portfolio_imgs {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 769px) {
    .portfolio_imgs {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .portfolio_img {
        height: 160px !important;
    }
}

/* ===== 9. ВОПРОСЫ / FAQ ===== */
.questions {
    background-color: #1a1917 !important;
}

.questions_title {
    color: #fff;
}

.questions_subject {
    color: #e0ddd8 !important;
}

.questions_item {
    border-bottom-color: #3a3834;
}

.questions_hidetext {
    color: #9e9b95;
}

.questions_text {
    color: #9e9b95;
}

.questions_text::before {
    background-color: #9e9b95;
}

.questions_button {
    background-color: #FEED01;
    color: transparent !important;
    font-size: 0 !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
    min-height: 36px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative;
}

.questions_button::after {
    content: "+";
    color: #292826;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
}

.questions_button.questions_item--active::after {
    content: "−";
}

.questions_button:focus,
.questions_button:active,
.questions_button.questions_item--active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.questions_item {
    padding-top: 0 !important;
}
}

/* ===== 10. НАША КОМАНДА ===== */
.our-team {
    background-color: #292826;
}

.our-team_title {
    color: #fff;
}

.our-team_item {
    background-color: #1a1917 !important;
    border: 1px solid #3a3834;
}

.our-team_subject {
    color: #fff !important;
}

.our-team_tip {
    background-color: #FEED01;
    color: #292826;
}

/* ===== 11. ФОРМА ЗАЯВКИ ===== */
/* Секция уже на тёмном фоне, правим инпуты */
.application-form input {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

.application-form input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.application-form input:focus {
    border-color: #FEED01 !important;
}

.application_btn {
    background-color: #FEED01 !important;
    color: #292826 !important;
}

.application_btn:hover {
    background-color: #e6d800 !important;
}

.application_btn:disabled {
    background-color: #3a3834 !important;
    color: #6e6b65 !important;
}

/* ===== 12. ДОСТАВКА ===== */
.deliverys {
    background-color: #1a1917 !important;
    background-image: none !important;
    padding: 80px 0 !important;
}

/* Лейбл "Доставка" */
.delivery_title::before {
    content: "Доставка";
    display: block;
    color: #FEED01;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 12px;
    text-align: center;
}

.delivery_title {
    color: #fff !important;
    text-align: center !important;
}

.delivery_desc {
    color: #9e9b95 !important;
    text-align: center;
    font-size: 16px;
    margin-bottom: 40px !important;
}

/* Ограничиваем ширину блока доставки */
.delivery_wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Отключаем Slick-слайдер — показываем как grid */
.delivery_inner.slick-initialized .slick-list {
    overflow: visible !important;
}

.delivery_inner.slick-initialized .slick-track {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 16px !important;
    transform: none !important;
    width: auto !important;
    padding: 0 !important;
}

/* Убираем clearfix-псевдоэлементы Slick — они занимают grid-ячейки */
.delivery_inner.slick-initialized .slick-track::before,
.delivery_inner.slick-initialized .slick-track::after {
    display: none !important;
}

/* Скрываем клонированные слайды — position:absolute чтобы не занимали grid-ячейки */
.delivery_inner .slick-cloned {
    display: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

/* Скрываем стрелки слайдера */
#slick-prev--delivery,
#slick-next--delivery,
.delivery_wrapper .slick-arrow {
    display: none !important;
}

/* Убираем отступы слайдера */
.delivery_inner {
    margin: 0 !important;
}

/* Карточка доставки */
.delivery_block {
    background-color: #292826 !important;
    border: 1px solid #3a3834 !important;
    border-radius: 12px !important;
    padding: 28px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 130px !important;
    width: auto !important;
    transition: border-color 0.3s ease;
}

.delivery_block:hover {
    border-color: #FEED01 !important;
}

.delivery_block img {
    filter: grayscale(1) brightness(2) !important;
    max-height: 45px !important;
    width: auto !important;
    max-width: 120px !important;
    margin: 0 auto !important;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.delivery_block:hover img {
    filter: grayscale(0) !important;
    opacity: 1;
}

/* Название компании под логотипом */
.delivery_name {
    display: block;
    color: #c8c5bf;
    font-size: 14px;
    margin-top: 12px;
    text-align: center;
}

/* Адаптив доставки */
@media (max-width: 769px) {
    .delivery_inner.slick-initialized .slick-track {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ===== 13. ПРЕДСТАВИТЕЛЬСТВА ===== */
.representations {
    background-color: #292826;
}

.representations_item {
    background-color: #1a1917;
    border: 1px solid #3a3834;
}

/* ===== 14. КОНТАКТЫ ===== */
.contacts {
    background-color: #1a1917 !important;
}

.contacts_title {
    color: #fff;
}

.contacts_text {
    color: #e0ddd8 !important;
}

.contacts_link {
    color: #FEED01;
}

.contacts_link:hover {
    color: #e6d800;
}

.contacts_block--right iframe {
    filter: grayscale(100%) invert(92%) contrast(83%);
}

/* ===== 15. ФУТЕР ===== */
/* Уже тёмный, усиливаем */
.footer {
    background-color: #111 !important;
    border-top: 1px solid #3a3834;
}

.footer_link {
    color: #9e9b95;
}

.footer_link:hover {
    color: #FEED01;
}

.footer_desc {
    color: #6e6b65;
}

.footer_desc span {
    color: #9e9b95;
}

#msCart .footer {
    background-color: transparent !important;
    border-top: none;
}

/* ===== 16. ХЛЕБНЫЕ КРОШКИ И ВНУТРЕННИЕ СТРАНИЦЫ ===== */
.main {
    background-color: #292826 !important;
}

.crumbs_item {
    color: #9e9b95 !important;
}

.crumbs_item a {
    color: #9e9b95;
}

.crumbs_item a:hover {
    color: #FEED01;
}

.crumbs_item::after {
    color: #4a4843;
}

.crumbs_item--current {
    color: #e0ddd8 !important;
}

.inner h1 {
    color: #fff !important;
}

.inner h3 {
    color: #fff !important;
}

.inner_block {
    background-color: #1a1917 !important;
    border: 1px solid #3a3834;
}

.inner_block::after {
    background-color: #3a3834;
}

.inner_text {
    color: #e0ddd8 !important;
}

/* Контент внутренних страниц */
.inner--content p,
.inner--content li {
    color: #e0ddd8 !important;
}

/* Жёлтые блоки на внутренних страницах — тёмный текст */
.inner--content p.yellow-bg,
.inner--content .yellow-bg {
    color: #292826 !important;
}

/* Карточки марок на странице каталога — тёмный текст на светлом фоне */
.inner--content p.manufacturer_title,
.inner--content .manufacturer_item {
    color: #292826 !important;
}

.inner--content h2,
.inner--content h3,
.inner--content h4 {
    color: #fff !important;
}

/* Жёлтые блоки — оставляем жёлтыми, текст тёмный */
.yellow {
    background: #FEED01;
    color: #292826;
}

.yellow p,
.yellow p span {
    color: #292826 !important;
}

.yellow-bg {
    background: #FEED01;
    color: #292826;
    border-radius: 12px;
    padding: 20px 28px !important;
    margin-bottom: 12px !important;
}

.yellow-bg p {
    color: #292826 !important;
}

/* ===== 17. КАТАЛОГ — СПИСОК ТОВАРОВ ===== */

/* Сетка товаров — плотно друг за другом */
.innner_list {
    justify-content: flex-start !important;
    gap: 24px !important;
}

/* Похожие товары и списки товаров — в ряд */
.inner .row,
.card .row,
.innner_list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 24px !important;
}

.inner_item img {
    border-color: #3a3834 !important;
    background-color: #1a1917;
}

.item_block {
    border: 1px solid #3a3834 !important;
    border-top: none !important;
    background-color: #1a1917;
}

.item_title {
    color: #e0ddd8 !important;
}

.item_title a {
    color: #e0ddd8 !important;
}

.item_title a:hover {
    color: #FEED01 !important;
}

.item_desc {
    color: #e0ddd8 !important;
}

.item_price {
    color: #FEED01 !important;
}

.item_btn {
    background-color: #FEED01;
    color: #292826 !important;
}

.item_btn:hover {
    background-color: #e6d800;
}

/* Статусы наличия */
#mse2_results .item_in-stock {
    background: var(--zelenyy);
}

#mse2_results .item_out-stock {
    background: #e80202b5;
}

#mse2_results .item_block .item_no_discount p {
    color: #e0ddd8;
}

/* ===== 18. КАРТОЧКА ТОВАРА ===== */
/* Общий цвет текста на карточке товара */
section.card,
section.card div,
section.card p,
section.card span,
section.card li,
section.card a:not(.card_btn) {
    color: #e0ddd8;
}

.card_top {
    background-color: #292826;
}

.card_text b {
    color: #e0ddd8 !important;
}

.card_text span {
    color: #9e9b95;
}

.card_article {
    color: #e0ddd8 !important;
}

.card_article span {
    color: #9e9b95 !important;
}

.card_title {
    color: #e0ddd8;
}

.card_price {
    background: #1a1917;
    border: 1px solid #3a3834;
}

.card_price p {
    color: #e0ddd8;
}

.card_price-info p:last-child {
    color: #9e9b95;
}

/* ВАЖНО: кнопка на жёлтом фоне — текст ТЁМНЫЙ */
.card_btn {
    background: #FEED01 !important;
    color: #292826 !important;
}

.card_btn:hover {
    background: #e6d800 !important;
}

/* Вторая кнопка (бордер) */
.card_btn + .card_btn {
    background: transparent !important;
    border: 1px solid #4a4843 !important;
    color: #e0ddd8 !important;
}

.card_btn + .card_btn:hover {
    border-color: #FEED01 !important;
    color: #FEED01 !important;
}

.card_no-discount p {
    color: #9e9b95;
}

.card_no-discount .card_btn-discount {
    border-color: #4a4843;
    color: #e0ddd8;
    background: transparent;
}

.card_no-discount .card_btn-discount:hover {
    border-color: #FEED01;
    color: #FEED01;
}

.card_presence-new {
    background: var(--zelenyy);
}

.card_presence-new p {
    color: #fff;
}

/* Условия на карточке товара */
.conditions {
    border-color: #3a3834;
}

.conditions-title {
    color: #e0ddd8 !important;
}

.conditions-item {
    color: #9e9b95;
}

.conditions-item .conditions-item-loco div a {
    color: #e0ddd8;
}

/* Характеристики */
.chars {
    border-top-color: #3a3834;
}

.chars .chars_title {
    color: #e0ddd8;
}

.chars ul li div span {
    color: #9e9b95;
}

.chars ul li div span:after {
    border-bottom-color: #3a3834;
}

.chars ul li > span {
    color: #e0ddd8;
}

/* Табы */
.tab-header__item {
    background-color: #1a1917;
    border-color: #3a3834;
    border-top-color: #3a3834;
    color: #9e9b95;
}

.tab-header__item.active {
    background-color: #292826;
    color: #fff;
    border-top-color: #FEED01;
    border-bottom: none;
    box-shadow: 0 2px 0 -1px #292826;
}

.tab-content {
    color: #e0ddd8;
}

.tab-content__item {
    border-color: #3a3834;
    background-color: #292826;
}

.tab-characteristic {
    border-color: #3a3834;
}

.tab-characteristic:last-child {
    border-color: #3a3834;
}

.char-name {
    border-right-color: #3a3834;
    color: #e0ddd8;
}

.char-value {
    color: #9e9b95;
}

/* ===== 19. ФИЛЬТРЫ КАТАЛОГА ===== */
.filters {
    background: #1a1917 !important;
    border: 1px solid #3a3834;
}

.filters .filter label {
    color: #e0ddd8 !important;
}

.filters .filter select {
    background-color: #292826 !important;
    color: #e0ddd8 !important;
    border: 1px solid #3a3834 !important;
}

.filters .filter a {
    background-color: #FEED01;
    color: #292826;
}

.open-filter-button {
    background-color: #1a1917 !important;
    border-color: #3a3834 !important;
    color: #e0ddd8 !important;
}

/* ===== 20. MINIШОП2 / КОРЗИНА ===== */
.ms2_form input,
.ms2_form textarea {
    background: #1a1917 !important;
    border: 1px solid #3a3834 !important;
    color: #e0ddd8 !important;
}

.ms2_form h3 {
    color: #fff;
}

.ms2_form h4 {
    color: #e0ddd8;
}

.btn-new {
    background-color: #FEED01 !important;
    color: #292826 !important;
    border-color: #FEED01 !important;
}

.btn-new:hover {
    background-color: #e6d800 !important;
}

.btn {
    background-color: #FEED01;
    color: #292826;
}

.btn:hover {
    background-color: #e6d800;
}

/* Таблица корзины */
/* Таблица корзины — карточный стиль */
#msCart {
    color: #e0ddd8;
}

#msCart .table-responsive {
    background: #292826;
    border: 1px solid #3a3834;
    border-radius: 15px;
    padding: 24px;
    margin-bottom: 32px;
}

#msCart table {
    width: 100% !important;
}

#msCart table {
    border-collapse: collapse;
    margin-bottom: 0;
}

#msCart .header th {
    color: #9e9b95 !important;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #3a3834 !important;
}

#msCart tbody tr td {
    padding: 20px 12px !important;
    vertical-align: middle;
    border-bottom: 1px solid rgba(58, 56, 52, 0.5);
}

#msCart tbody {
    color: #e0ddd8;
}

/* Фото товара в корзине */
#msCart .image img {
    background: #f5f4f0;
    border-radius: 10px;
    padding: 4px;
    max-width: 80px;
}

/* Название товара в корзине */
#msCart .title a {
    color: #fff !important;
    font-weight: 500;
    text-decoration: none;
}

#msCart .title a:hover {
    color: #FEED01 !important;
}

/* Цена и стоимость */
#msCart .price span,
#msCart .cost span {
    font-weight: 600;
    font-size: 16px;
}

/* Итого строка */
#msCart .footer th {
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    padding-top: 20px !important;
    border-top: 1px solid #3a3834 !important;
    border-bottom: none !important;
}

#msCart .total_cost {
    color: #FEED01 !important;
    font-size: 20px !important;
}

.table-striped {
    color: #e0ddd8;
}

/* Таблица "Примеры цен на скупку" и другие таблицы */
.examples-table thead tr th,
.examples-table tbody tr td {
    color: #e0ddd8 !important;
}

.examples-table tbody tr td:nth-child(3) {
    color: #FEED01 !important;
}

.examples-table thead {
    background: rgba(255, 255, 255, 0.12) !important;
}

.examples-table tbody {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Общие стили для всех таблиц на тёмной теме */
table th,
table td {
    color: #e0ddd8;
    border-color: #3a3834;
}

table thead th {
    color: #fff;
}

#msOrder {
    color: #e0ddd8;
}

/* Bootstrap grid перебивка — инпуты на всю ширину колонки */
#msOrder .col-md-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

#msOrder .row > .col-12.col-md-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

/* Форма заказа — инпуты */
#msOrder input[type="text"],
#msOrder input[type="email"],
#msOrder input[type="tel"],
#msOrder input[type="number"],
#msOrder textarea,
#msOrder select {
    width: 100% !important;
    background: #1a1917 !important;
    border: 1px solid #3a3834 !important;
    border-radius: 10px !important;
    color: #e0ddd8 !important;
    padding: 14px 18px !important;
    font-size: 15px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

#msOrder input:focus,
#msOrder textarea:focus,
#msOrder select:focus {
    border-color: #FEED01 !important;
    outline: none !important;
}

#msOrder input::placeholder,
#msOrder textarea::placeholder {
    color: #6b6862;
}

#msOrder .form-group {
    margin-bottom: 10px !important;
}

#msOrder .form-group.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#msOrder label {
    color: #9e9b95 !important;
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
}

#msOrder h4 {
    color: #fff !important;
    font-size: 18px !important;
    margin-top: 24px !important;
    margin-bottom: 14px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #3a3834;
}

/* Двухколоночный layout — гарантируем flex */
#msOrder > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 40px;
}

/* Радио-кнопки доставки — компактнее */
#msOrder .delivery,
#msOrder #deliveries {
    color: #e0ddd8;
}

#msOrder .checkbox {
    margin-bottom: 4px !important;
}

#msOrder .delivery label,
#msOrder #deliveries label {
    color: #e0ddd8 !important;
    padding: 6px 0 !important;
    cursor: pointer;
}

#msOrder input[type="radio"] {
    accent-color: #FEED01;
}

/* Секция итого — красивый блок */
#msOrder hr {
    border-color: #3a3834 !important;
}

#msOrder > .d-flex {
    background: #292826;
    border: 1px solid #3a3834;
    border-radius: 15px;
    padding: 24px 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 20px;
}

#msOrder .d-flex h4 {
    color: #9e9b95 !important;
    font-size: 16px !important;
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#msOrder .d-flex h3 {
    color: #FEED01 !important;
    font-size: 28px !important;
    margin: 0 !important;
}

#msOrder .btn-new,
#msOrder .btn-primary {
    background: #FEED01 !important;
    color: #292826 !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 16px 40px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background 0.3s ease;
}

#msOrder .btn-new:hover,
#msOrder .btn-primary:hover {
    background: #e6d800 !important;
}

/* Корзина — счётчик товара */
#msCart input[type="text"],
#msCart input[type="number"] {
    background: #1a1917 !important;
    border: 1px solid #3a3834 !important;
    border-radius: 8px !important;
    color: #e0ddd8 !important;
    text-align: center;
}

/* Кнопка удаления из корзины */
#msCart .btn-danger,
#msCart .ms2_link {
    color: #FEED01 !important;
    background: transparent !important;
    border: 1px solid #3a3834 !important;
    border-radius: 8px !important;
}

/* Итого */
#msCart .footer th,
#msCart .total {
    color: #fff !important;
}

/* ===== 21. ПОПАПЫ / МОДАЛКИ ===== */
#popup_callback {
    background-color: #292826 !important;
    border: 1px solid #3a3834;
}

#popup_callback .application_desc,
#popup_callback .application_link {
    color: #e0ddd8 !important;
}

.fancybox-slide--html .fancybox-content {
    background-color: #292826;
}

/* ===== 22. ПАГИНАЦИЯ ===== */
.pagination {
    color: #e0ddd8;
}

.page-item {
    color: #9e9b95;
}

.page-item a {
    color: #9e9b95;
}

.page-item a:hover {
    color: #FEED01;
}

.page-item.active a {
    color: #FEED01;
}

/* ===== 23. ЭЛЕМЕНТЫ СТРАНИЦЫ ПОКУПКИ/О КОМПАНИИ ===== */
.purchase-main,
.about-content {
    color: #e0ddd8;
}

/* Скупка (buyback) — текст на внутренних страницах */
.send-form input {
    background: #1a1917 !important;
    border: 1px solid #3a3834 !important;
    color: #e0ddd8 !important;
}

/* ===== 24. МОБИЛЬНЫЙ ХЕДЕР ===== */
/* Уже тёмный! Косметические правки */
.header-top {
    background-color: #1a1917 !important;
    border-bottom: 1px solid #3a3834;
}

.header-bottom {
    background-color: #292826 !important;
    border-top: 1px solid #3a3834;
}

.header-overlay {
    background-color: #1a1917 !important;
}

.header-overlay-item {
    background-color: #292826 !important;
    border: 1px solid #3a3834;
}

.header-overlay-item:hover {
    border-color: #FEED01;
}

/* ===== 25. СЛАЙДЕР ИЗОБРАЖЕНИЙ (slick) ===== */
.slick-active {
    opacity: 0.6;
}

.slick-active.slick-current {
    opacity: 1;
}

.slick-btn--yellow::before {
    background-color: #FEED01;
}

.slick-btn--gray::before {
    background-color: #3a3834;
}

.our-team .slick-arrow:hover::before {
    background-color: #FEED01;
}

/* ===== 26. ОБЩИЕ УТИЛИТИ ===== */
/* Все блоки с белым/светлым фоном */
.flex {
    color: #e0ddd8;
}

/* Чекбоксы */
.custom-checkbox + label::before,
.custom-modal + label::before {
    border-color: #4a4843;
}

.custom-checkbox + label,
.custom-modal + label {
    color: #9e9b95;
}

/* Статусы наличия */
.availiable {
    color: #9e9b95;
}

.availiable .green {
    color: #5cb338;
}

.availiable .red {
    color: #e80202;
}

/* Список статей / items_list */
.items_list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
}

.items_list .item_wrap {
    background-color: #1a1917;
    border: 1px solid #3a3834;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.items_list .item_wrap .item_wrap-img {
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}

.items_list .item_wrap .item_wrap-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.items_list .item_wrap:hover .item_wrap-img img {
    transform: scale(1.05);
}

.items_list .item_wrap .item_inner {
    padding: 24px !important;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.item_wrap .item_title {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-bottom: 12px;
}

.item_inner p.item_desc {
    color: #9e9b95 !important;
    font-size: 15px;
    line-height: 1.6;
    flex: 1;
}

.item_inner p {
    color: #9e9b95;
}

/* Дата статьи */
.item_inner p:last-child {
    color: #6b6862 !important;
    font-size: 13px !important;
    margin-top: 16px;
}

/* ===== 27. ХОВЕР-ЭФФЕКТЫ И АНИМАЦИИ ===== */
/* Плавные переходы */
.manufacturer_item,
.advantages_item,
.our-team_item,
.inner_item,
.item_block {
    transition: all 0.3s ease;
}

.inner_item:hover .item_block {
    border-color: #FEED01 !important;
}

/* ===== 28. АДАПТИВ ===== */

/* Планшет до 1024px */
@media (max-width: 1024px) {
    .header_search input {
        background: #1a1917 !important;
    }
}

/* Мобильные до 769px */
@media (max-width: 769px) {
    h2 {
        color: #fff !important;
    }

    .slider_title {
        color: #fff !important;
    }

    .inner h1 {
        color: #fff !important;
    }

    .contacts_body {
        background-color: #1a1917;
    }
}

/* Маленькие мобильные до 426px */
@media (max-width: 426px) {
    .header_top,
    .slider_wrapper,
    .manufacturer,
    .advantages,
    .portfolio,
    .questions,
    .our-team,
    .application,
    .representations,
    .contacts_body,
    .main {
        background-color: transparent;
    }

    .footer {
        background-color: #111 !important;
    }
}

/* ===== 29. ФИКС: КНОПКИ НА ЖЁЛТОМ ФОНЕ — ТЕКСТ ВСЕГДА ТЁМНЫЙ ===== */
.btn,
.btn-new,
.item_btn,
.application_btn,
.card_btn,
.footer_btn,
.questions_button,
.our-team_tip,
.yellow,
.yellow-bg {
    color: #292826 !important;
}

/* Слайдер-кнопки — белый текст (прозрачный фон, не жёлтый) */
.slider-buttons-callback,
.slider_btn,
.slider-buttons-link {
    color: #fff !important;
}

/* Исключение: кнопка-дубль (бордер) */
.card_btn + .card_btn {
    color: #e0ddd8 !important;
}

.card_btn + .card_btn:hover {
    color: #FEED01 !important;
}

/* ===== 30. КОМПОНЕНТЫ MODX ===== */
/* AjaxForm */
.af_success,
.af_error {
    color: #e0ddd8;
}

/* mSearch2 */
.mse2_results_row {
    border-bottom-color: #3a3834;
    color: #e0ddd8;
}

/* MiniShop2 уведомления */
.jGrowl-notification {
    background-color: #292826 !important;
    border: 1px solid #3a3834;
    color: #e0ddd8 !important;
}

/* Корзина в шапке */
.cart_link {
    background-color: #3a3834;
}

.cart_link span.flex,
.cart_link .ms2_total_count {
    color: #292826 !important;
}

.cart_count {
    color: #fff;
}

.cart_title {
    color: #9e9b95;
}

/* Кнопка фильтра на мобильных */
.btn-photo-estimate {
    background-color: #FEED01;
    color: #292826 !important;
}

/* ===== 31. ХЕДЕР — НОВЫЙ ДИЗАЙН ===== */

/* Скрываем старые элементы хедера */
.header_top .header_text--modif,
.header_top .header_search,
.header_top .header_social,
.header_top .flex.zalupa,
.header_top .header_phone,
.header_top .header_btn,
.header_nav.nav {
    display: none !important;
}

/* Новый хедер — одна строка */
.header-redesign {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    gap: 24px;
}

.header-redesign .header_logo.logo {
    height: 48px !important;
    width: auto !important;
    flex-shrink: 0;
}

/* Навигация — по центру */
.header-redesign__nav {
    display: flex;
    align-items: center;
    gap: 28px;
    flex: 1;
    justify-content: center;
}

.header-redesign__nav a {
    color: #c8c5bf;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
    transition: color 0.3s ease;
}

.header-redesign__nav a:hover,
.header-redesign__nav a.active {
    color: #FEED01;
}

/* Правая часть */
.header-redesign__right {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

.header-redesign__phone {
    color: #FEED01 !important;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
}

.header-redesign__phone:hover {
    color: #e6d800 !important;
}

/* Соц. иконки */
.header-redesign__social {
    display: flex;
    gap: 8px;
    align-items: center;
}

.header-redesign__social img {
    width: 32px;
    height: 32px;
    border-radius: 0;
    transition: opacity 0.3s ease;
}

.header-redesign__social a:hover img {
    opacity: 0.8;
}

/* Иконки поиска и корзины */
.header-redesign__icons {
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-redesign__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    cursor: pointer;
    transition: background 0.3s ease;
}

.header-redesign__icon:hover {
    background: rgba(255, 255, 255, 0.12);
}

.header-redesign__icon:hover svg {
    stroke: #FEED01;
}

/* Бейдж корзины */
.header-redesign__cart {
    position: relative;
    text-decoration: none;
}

.header-redesign__badge {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 18px;
    height: 18px;
    background: #FEED01;
    border-radius: 50%;
    font-size: 10px;
    color: #292826 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

/* Панель поиска — скрытая, выезжает */
.header-redesign__search-panel {
    display: none;
    padding: 12px 0 16px;
    border-top: 1px solid #3a3834;
}

.header-redesign__search-panel.active {
    display: block;
}

.header-redesign__search-panel .msearch2,
.header-redesign__search-panel .header_search {
    display: flex !important;
    gap: 12px;
    align-items: center;
    width: 100%;
}

.header-redesign__search-panel input[type="text"],
.header-redesign__search-panel .form-control {
    width: 100% !important;
    background: #1a1917 !important;
    border: 1px solid #3a3834 !important;
    border-radius: 10px !important;
    color: #e0ddd8 !important;
    padding: 12px 18px !important;
    font-size: 15px;
    height: auto !important;
}

.header-redesign__search-panel input:focus {
    border-color: #FEED01 !important;
    outline: none;
}

/* Кнопка поиска — оставляем position:absolute из style.css, просто стилизуем */
.header-redesign__search-panel .search_btn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23FEED01' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px !important;
    background-color: transparent !important;
    width: 40px !important;
    height: 40px !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    border: none !important;
    cursor: pointer;
    opacity: 1 !important;
}

/* Автокомплит поиска — тёмная тема */
.ui-autocomplete {
    background: #292826 !important;
    border: 1px solid #3a3834 !important;
    border-radius: 12px !important;
    padding: 8px 0 !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
    max-height: 400px;
    overflow-y: auto;
}

.ui-autocomplete .ui-menu-item {
    border: none !important;
}

.ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete .ui-menu-item a {
    color: #e0ddd8 !important;
    background: transparent !important;
    padding: 10px 18px !important;
    font-size: 14px;
    border: none !important;
}

.ui-autocomplete .ui-menu-item-wrapper:hover,
.ui-autocomplete .ui-menu-item a:hover,
.ui-autocomplete .ui-state-active,
.ui-autocomplete .ui-state-focus {
    background: #3a3834 !important;
    color: #FEED01 !important;
}

/* Мобильный бургер в десктопе — скрыть */
.header-redesign__icons .mobile-menu-btn {
    display: none;
}

/* Адаптив — скрываем десктопную шапку на мобильных */
@media (max-width: 991px) {
    .header-redesign {
        display: none !important;
    }
    .header-redesign__search-panel {
        display: none !important;
    }
}

/* ===== 32. ФИКСЫ ПОСЛЕ ПЕРВОЙ ПРОВЕРКИ ===== */

/* Фото товаров — светлый фон чтобы товар не сливался с тёмным фоном */
.block_imgs {
    background: #f5f4f0;
    border-radius: 15px;
    padding: 10px;
}

.block_imgs img {
    border-radius: 10px;
}

/* Карточка товара — фото */
.img_big {
    background: #f5f4f0 !important;
    border-radius: 15px !important;
    overflow: hidden;
}

.img_big img {
    border-radius: 15px;
}

.img_nav img {
    background: #f5f4f0;
    border-radius: 8px;
    padding: 3px;
}

/* Фото товаров в каталоге — светлый фон */
.inner_item img {
    background-color: #f5f4f0 !important;
    border-color: #3a3834 !important;
}

/* Похожие товары — фото на светлом фоне */
.inner_item .item_block img {
    background: #f5f4f0;
}

/* Секция «Наша команда» — фото на светлом круглом фоне */
.our-team_item img {
    background: #f5f4f0;
    border-radius: 15px 15px 0 0;
}

/* Иконки доставки — стили перенесены в секцию 12 */

/* Форма обратной связи на странице контактов */
.contacts .application-form input,
.contacts input,
.send-form input,
.send-form textarea {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid #3a3834 !important;
    color: #e0ddd8 !important;
}

/* Скупка — формы */
.purchase-form input,
.purchase-form textarea,
.purchase-form select {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid #3a3834 !important;
    color: #e0ddd8 !important;
}

/* Белые блоки на скупке/контактах */
.inner_block,
.contact-block {
    background-color: #1a1917 !important;
    border: 1px solid #3a3834;
}

/* Логотипы марок в каталоге — на тёмном фоне нужен светлый фон */
.manufacturer_img img {
    max-height: 100px;
    transition: all 0.3s;
}

/* Слайдер стрелки — тёмный фон */
.slick-next:before,
.slick-prev:before {
    background-color: #1a1917 !important;
    border: 1px solid #3a3834 !important;
    border-radius: 50%;
}

/* Попап формы — тёмный фон */
.fancybox-content {
    background-color: #292826 !important;
}

.fancybox-bg {
    background: #000;
}

/* Форма в попапе */
.fancybox-content input,
.fancybox-content select,
.fancybox-content textarea {
    background: #1a1917 !important;
    border: 1px solid #3a3834 !important;
    color: #e0ddd8 !important;
}

.fancybox-content label,
.fancybox-content p,
.fancybox-content span {
    color: #e0ddd8;
}

/* Кнопка закрытия модалки */
.fancybox-close-small {
    color: #9e9b95;
}

.fancybox-close-small:hover {
    color: #FEED01;
}

/* Попап "Купить без скидки" */
.popup_buy.fancybox-content {
    max-width: 500px !important;
    padding: 40px !important;
    border-radius: 15px !important;
    border: 1px solid #3a3834;
}

.popup_buy .popup-title {
    color: #fff !important;
    text-align: center;
    margin-bottom: 24px;
}

.popup_buy .popup-form-label {
    color: #9e9b95 !important;
}

.popup_buy .popup-form-button {
    background: #FEED01 !important;
    color: #292826 !important;
    border: none !important;
    border-radius: 10px !important;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
}

.popup_buy .popup-form-button:hover {
    background: #e6d800 !important;
}

/* Форма «Узнать точную цену» */
.application_agree .application_desc {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 14px;
}

/* Хлебные крошки — разделитель */
.crumbs_item a {
    color: #9e9b95 !important;
    transition: color 0.2s;
}

.crumbs_item a:hover {
    color: #FEED01 !important;
}

/* Статьи — карточки */
.items_list .item_wrap {
    transition: all 0.3s;
}

.items_list .item_wrap:hover {
    border-color: #FEED01;
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}

/* Перечеркнутая цена */
.item_no_discount p:first-child,
.card_no-discount p:first-child {
    text-decoration: line-through;
    color: #6e6b65 !important;
}

/* Картинки в статьях */
.inner--content img {
    border-radius: 10px;
    border: 1px solid #3a3834;
}

/* Секция представительств — текст */
.representations_address {
    color: #9e9b95;
}

/* Селекты в фильтрах — стрелка видна */
.filters .filter select {
    appearance: auto;
    -webkit-appearance: auto;
}

/* Мобильная версия — фикс белых блоков */
@media (max-width: 769px) {
    .block_imgs {
        width: 100%;
    }

    .our-team_item {
        border: 1px solid #3a3834;
    }

    /* Форма на скупке */
    .application-form {
        width: 100%;
    }
}

/* ===== КОНЕЦ ===== */