/* ==============================================
   СТИЛИ ДЛЯ РАЗДЕЛА КЕЙСОВ
   ============================================== */

.uc-keis .t422__textwrapper {
    border-radius: 30px;
}

.uc-keis .t422__img, .t422__img-mobile {
    border-radius: 30px;
}


/* ==============================================
   INDUSTRIAL PRO STYLE: ПОЛНЫЙ ПАКЕТ
   ============================================== */

.uc-otzyvi .t728__bgimg {
    background-size: contain !important;
}


/* --- ЧАСТЬ 1: КАТАЛОГ (Блок ST320N c классом uc-market) --- */

/* 1.1 Оформление карточки */
.uc-market .t-store__card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0; 
    border-radius: 4px; 
    padding: 20px; 
    transition: all 0.3s ease;
    height: 100%; 
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.uc-market .t-store__card:hover {
    box-shadow: 0 6px 15px rgba(0,0,0,0.06);
    border-color: #333333; 
    transform: translateY(-3px);
    z-index: 2;
}

/* 1.2 Изображение в каталоге */
.uc-market .t-store__card__imgwrapper {
    margin-bottom: 20px;
    border-radius: 2px;
}

/* 1.3 Типографика каталога */
.uc-market .t-store__card__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2b2b2b;
    line-height: 1.35;
    margin-bottom: 12px;
    flex-grow: 1; 
}
.uc-market .t-store__card__price {
    font-size: 18px !important;
    font-weight: 600;
    color: #000;
    margin-top: auto; 
    padding-top: 10px;
}

/* 1.4 Кнопки в каталоге */
.uc-market .t-store__card .t-btn {
    border-radius: 30px !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px !important;
    letter-spacing: 0.8px;
    margin-top: 15px;
}

/* 1.5 Фильтры */
.uc-market .t-store__filter {
    padding: 25px;
}
.uc-market .t951__cont-wrapper .t951__sidebar {
    border-radius: 8px;
}
.uc-market .t-store__filter__item-title {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    color: #777;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.uc-market .t-checkbox__control {
    font-size: 14px;
    color: #333;
}
@media screen and (max-width: 640px) {
    .uc-market .t-store__card { padding: 20px !important; } /* Исправил 100px на 20px, 100px - это перебор */
}


/* --- ЧАСТЬ 2: СТРАНИЦА ТОВАРА --- */

.js-store-prod-name, .t-store__prod__title {
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #222;
    margin-bottom: 20px !important;
}
.js-store-prod-price-val, .t-store__prod__price-value {
    font-weight: 800 !important;
    font-size: 28px !important; 
    color: #000;
}
.t-store__prod__btn .t-btn {
    border-radius: 2px !important; 
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    box-shadow: none !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    transition: transform 0.2s ease;
}
.t-store__prod__btn .t-btn:hover {
    transform: translateY(-2px);
}
.t-store__prod__text, .t-store__tabs__content {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #333;
}
.t-store__prod__text table td {
    border-bottom: 1px solid #eee;
    padding: 8px 0;
}
.t-store__prod__text table td:first-child {
    font-weight: 600;
    color: #555;
}
@media screen and (min-width: 960px) {
    .t-store__prod__info {
        padding: 30px;
        background-color: #fafafa;
        border: 1px solid #e8e8e8;
        border-radius: 4px;
    }
}


/* --- ЧАСТЬ 3: ПОПАП И ГАЛЕРЕЯ (ИСПРАВЛЕНИЕ НАЛЕЗАНИЯ) --- */

/* 3.1 Картинка */
.t-store__prod-popup__slider .t-slds__bgimg, 
.t-store__prod-popup__img {
    background-size: contain !important; 
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #f9f9f9; 
}

/* 3.2 Десктоп */
@media screen and (min-width: 960px) {
    .t-store__prod-popup__slider {
        border: none; 
        background-color: transparent; 
        height: auto !important; 
        min-height: 400px; 
    }
    .t-store__prod-popup__slider .t-slds__container,
    .t-store__prod-popup__slider .t-slds__item {
        height: 100%;
    }
}

/* 3.3 ВАЖНОЕ ИСПРАВЛЕНИЕ: МОБИЛЬНАЯ ВЕРСТКА */
@media screen and (max-width: 960px) {
    
    /* 1. Делаем контейнер слайдера "резиновым", чтобы он не имел жесткой высоты */
    .t-store__prod-popup__slider, 
    .t-slds__container {
        height: auto !important;
        min-height: 300px; /* Минимальная высота для главной картинки */
        overflow: visible !important; /* Разрешаем выпадать содержимому (миниатюрам) */
        margin-bottom: 20px !important;
    }

    /* 2. Логика для миниатюр: они должны идти ПОТОКОМ (block/flex), а не абсолютно */
    .t-slds__nav, 
    .t-slds__thumbs {
        position: relative !important; /* Важно: возвращаем в поток */
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        
        display: flex !important;
        flex-wrap: wrap !important; /* Разрешаем перенос на новые строки */
        justify-content: center !important;
        
        height: auto !important; /* Высота по содержимому */
        margin-top: 15px !important; /* Отступ от главной картинки */
        width: 100% !important;
    }

    /* 3. Отдельные миниатюры */
    .t-slds__thumbs .t-slds__thumb {
        margin: 3px !important; /* Отступы между картинками */
        width: 50px !important; /* Фикс размера */
        height: 50px !important;
    }

    /* 4. Защита заголовка от наезжания */
    .t-store__prod-popup__info,
    .t-store__prod-popup__col-right,
    .t-store__card__info {
        margin-top: 20px !important; /* Гарантированный отступ сверху */
        display: block !important;
        clear: both !important; /* Запрещаем обтекание */
        position: relative !important;
        z-index: 5;
    }
    
    /* Доп. фикс для контейнера галереи целиком */
    .t-store__prod-popup__gallery {
        margin-bottom: 30px !important;
    }
}




$(document).ready(function() {
    setTimeout(function() {
        var $expanders = $('.uc-market .t-store__filter-tree-expander');
        $expanders.each(function() {
            var $this = $(this);
            if (!$this.hasClass('is-open')) {
                $this.trigger('click');
            }
        });
        $('.uc-market .t-store__filter-tree-list').css('display', 'block');
        $('.uc-market .t-store__filter-tree-expander').addClass('is-open');
    }, 1000);
});