/* 1. Настройка ширины слайдов */
    #thumbsSwiper .swiper-slide {
        width: auto !important; /* Слайд занимает ширину контента */
        height: 100%;
        display: flex;
        align-items: center; /* Центрируем по вертикали */
    }

    /* 2. Стили для КАРТИНКИ в миниатюрах */
    #thumbsSwiper img {
        box-sizing: border-box; /* Чтобы рамка не увеличивала размер блока */
        border: 3px solid transparent; /* Резервируем место под рамку, чтобы не прыгало */
        border-radius: 12px; /* Скругление углов (подстройте под свой дизайн) */
        transition: border-color 0.3s ease;
    }

    /* 3. Активная картинка - рамка применяется к IMG, а не к div */
    .thumb-active img {
        border-color: #29a958 !important; /* Зеленая рамка */
    }