/* СТИЛИ СЛАЙДЕРА НА ГЛАВНОЙ СТРАНИЦЕ*/
/* Основной контейнер слайдера - задаем 90% ширины и центрирование */
#rec1738326731 .t-slds {
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 auto !important;
    border-radius: 10px !important;
}

/* Основной контейнер слайдера - задаем 80% ширины экранов шире 980 пикселей*/
@media (min-width: 981px) {
#rec1738326731 .t-slds {
    width: 80% !important;
    max-width: 80% !important;
    }
}

/* Главный контейнер слайда (важно для скругления) */
#rec1738326731 .t-slds__wrapper {
    border-radius: 10px !important;
    overflow: hidden !important; /* Чтобы содержимое тоже скруглялось */
}

/* Контейнер с содержимым слайда */
#rec1738326731 .t734__slds-wrapper {
    border-radius: 10px !important;
}

/* Обертка фона слайда */
#rec1738326731 .t-cover {
    border-radius: 10px !important;
}

/* Увеличиваем отступы в контейнере контента для всех экранов, кроме десктопа */
#rec1738326731 .t734__textwrapper {
    padding: 40px !important; /* Отступы со всех сторон */
}

/* Увеличиваем отступы в контейнере контента для десктопа */
@media (min-width: 981px) {
#rec1738326731 .t734__textwrapper {
    padding-left: 100px !important; /* Отступы с левой стороны */
    }
}

/* Сам фоновый элемент с изображением */
#rec1738326731 .t-cover__carrier {
    border-radius: 10px !important;
}

/* Фильтр поверх изображения */
#rec1738326731 .t-cover__filter {
    border-radius: 10px !important;
}

/* Контейнер для стрелок - чтобы они оставались по краям 90% блока */
#rec1738326731 .t-slds__arrow_container {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Позиционирование стрелок */
#rec1738326731 .t-slds__arrow_wrapper-left {
    left: -35px !important; /* Выносим левую стрелку за границу слайдера */
}

#rec1738326731 .t-slds__arrow_wrapper-right {
    right: -35px !important; /* Выносим правую стрелку за границу слайдера */
}

/* Контейнер для точек-индикаторов */
#rec1738326731 .t-slds__bullet_wrapper {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}

/* Минимальные стили для точек слайдера #rec1738326731 */
#rec1738326731 .t-slds__bullet_active .t-slds__bullet_body {
    width: 40px !important; /* Длина активной точки */
    transition: width 0.3s ease !important;
}

/* Адаптив для мобильных устройств */
@media (max-width: 768px) {
    /* Центрируем весь контент */
    #rec1738326731 .t734__table {
        display: table !important;
        width: 100% !important;
    }
    
    #rec1738326731 .t-cell {
        display: table-cell !important;
        vertical-align: middle !important;
        text-align: center !important;
    }
    
    /* Центрируем контейнер с текстом и кнопкой */
    #rec1738326731 .t734__wrapper {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
    }
    
    /* Центрируем текст внутри */
    #rec1738326731 .t734__textwrapper {
        text-align: center !important;
    }
    
    /* Центрируем кнопку */
    #rec1738326731 .t734__button {
        margin-left: auto !important;
        margin-right: auto !important;
        display: inline-block !important;
    }
}

/* СТИЛИ ФИЛЬТРА В КАТАЛОГЕ*/
/* 0. Ограничение по ширине основного контента сайта */
.js-store-parts-select-container.t-store__grid-cont.t-container {
    max-width: 1170px !important; /* Стандартная ширина сетки Tilda */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 5px !important; /* Стандартные отступы сетки */
    padding-right: 5px !important;
    box-sizing: border-box !important;
}

/* 1. Выравнивание внутри ограниченной ширины */
.t-store__parts-switch-wrapper_tree {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. Кнопки */
.js-store-parts-switcher.t-store__parts-switch-btn {
    border: 1px solid #007880 !important;
    border-radius: 5px !important;
    padding: 8px 16px !important;
    margin: 5px 10px 5px 0 !important;
    display: inline-block !important;
    background: transparent !important;
    color: #007880 !important;
    box-sizing: border-box !important;
}

.js-store-parts-switcher.t-store__parts-switch-btn.t-active {
    background: #007880 !important;
    color: white !important;
}

/* 3. Горизонтальная прокрутка на мобильных */
@media (max-width: 768px) {
    .js-store-parts-select-container.t-store__grid-cont.t-container {
        max-width: 100% !important; /* На мобильных на всю ширину */
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .t-store__parts-switch-wrapper_tree {
        overflow-x: auto !important;
        white-space: nowrap !important;
        padding-bottom: 10px !important;
        -webkit-overflow-scrolling: touch !important;
        margin-left: -20px !important; /* Компенсируем padding контейнера */
        padding-left: 20px !important; /* Возвращаем отступ для первого элемента */
        padding-right: 20px !important;
        width: calc(100% + 40px) !important; /* Компенсируем оба отступа */
    }
    
    .t-store__parts-item {
        display: inline-block !important;
    }
}

/* Адаптив для планшетов */
@media (min-width: 769px) and (max-width: 1200px) {
    .js-store-parts-select-container.t-store__grid-cont.t-container {
        max-width: 960px !important; /* Ширина для планшетов */
    }
}

/* Адаптив для больших экранов */
@media (min-width: 1201px) {
    .js-store-parts-select-container.t-store__grid-cont.t-container {
        max-width: 1170px !important; /* Стандартная ширина Tilda */
    }
}

/* СТИЛИ ТАБЛИЦЫ ХАРАКТЕРИСТИК */
.specs-table-container {
    max-width: 1170px !important;
    margin: 30px auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

.specs-table {
    border-radius: 5px !important;
    overflow: hidden !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    background: white !important;
}

.specs-header {
    display: flex !important;
}

/* ЗАГОЛОВОК - цвет #007880, белый текст */
.specs-header .specs-param,
.specs-header .specs-value {
    background-color: #007880 !important;
    color: white !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 14px !important;
}

.specs-row {
    display: flex !important;
    border-bottom: 1px solid #e0e0e0 !important;
    transition: background-color 0.2s ease !important;
}

.specs-row:hover {
    background-color: #f9f9f9 !important;
}

.specs-row:last-child {
    border-bottom: none !important;
}

/* ОБЫЧНЫЕ ЯЧЕЙКИ - белый фон, черный текст */
.specs-param {
    width: 60% !important;
    padding: 16px 20px !important;
    box-sizing: border-box !important;
    font-weight: 500 !important;
    color: #333 !important;
    background-color: white !important;
    border-right: 1px solid #e0e0e0 !important;
}

.specs-value {
    width: 40% !important;
    padding: 16px 20px !important;
    box-sizing: border-box !important;
    color: #333 !important;
    background-color: white !important;
}

/* Мобильная версия - исправленная */
@media (max-width: 768px) {
    .specs-table-container {
        padding: 0 15px !important; /* Добавляем отступы */
        margin: 20px auto !important;
        max-width: 100% !important;
    }
    
    .specs-table {
        border-radius: 5px !important;
        border-left: 1px solid #e0e0e0 !important;
        border-right: 1px solid #e0e0e0 !important;
    }
    
    /* СТРОКИ - оставляем как на десктопе (горизонтально) */
    .specs-row {
        flex-direction: row !important; /* Важно! Оставляем горизонтально */
        border-bottom: 1px solid #e0e0e0 !important;
        background-color: white !important;
        min-height: auto !important;
    }
    
    .specs-row:last-child {
        border-bottom: none !important;
    }
    
    /* ПАРАМЕТР - убираем псевдоэлементы */
    .specs-param {
        width: 50% !important; /* На мобильных делаем уже */
        padding: 12px 15px !important;
        border-right: 1px solid #e0e0e0 !important;
        border-bottom: none !important;
        background-color: #f8f8f8 !important;
        font-weight: 500 !important;
        color: #333 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
    
    
    /* ЗНАЧЕНИЕ - убираем псевдоэлементы */
    .specs-value {
        width: 50% !important; /* На мобильных делаем уже */
        padding: 12px 15px !important;
        background-color: white !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }
    
    
    /* Для очень длинных значений */
    .specs-param,
    .specs-value {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important; /* Максимум 3 строки */
        -webkit-box-orient: vertical !important;
        max-height: none !important;
    }
}

/* Для очень маленьких экранов (до 480px) */
@media (max-width: 480px) {
    .specs-table-container {
        padding: 0 10px !important;
    }
    
    .specs-param,
    .specs-value {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
    
    .specs-param {
        width: 55% !important; /* Чуть шире для параметра */
    }
    
    .specs-value {
        width: 45% !important; /* Чуть уже для значения */
    }
}