.wd-carousel-container{--wd-width: 100%;position:relative;width:var(--wd-width)}
.wd-carousel-inner{position:relative;margin:-15px 0}
.wd-carousel{position:relative;overflow:var(--wd-carousel-overflow, hidden);padding:15px 0;margin-inline:calc(var(--wd-gap) / -2);touch-action:pan-y}@supports (overflow: clip){.wd-carousel{overflow:var(--wd-carousel-overflow, clip)}}
.wd-carousel-wrap{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:initial;box-sizing:content-box;transform:translate3d(0px, 0, 0)}
.wd-carousel-item{position:relative;height:100%;flex:0 0 calc(100% / var(--wd-col));max-width:calc(100% / var(--wd-col));padding:0 calc(var(--wd-gap) / 2);transition-property:transform;transform:translate3d(0px, 0, 0)}
.wd-backface-hidden .wd-carousel-item{transform:translateZ(0);backface-visibility:hidden}
.wd-carousel[data-center_mode="yes"] 




*/
/* ===============================================
   ИСПРАВЛЕННЫЙ CSS ДЛЯ ГАЛЕРЕИ ТОВАРОВ WOODMART
   
   =============================================== */

/* Базовые стили карусели - без изменений */
.wd-carousel-container {
    --wd-width: 100%;
    position: relative;
    width: var(--wd-width);
}

.wd-carousel-inner {
    position: relative;
    margin: -15px 0;
}

.wd-carousel {
    position: relative;
    overflow: var(--wd-carousel-overflow, hidden);
    padding: 15px 0;
    margin-inline: calc(var(--wd-gap) / -2);
    touch-action: pan-y;
}

@supports (overflow: clip) {
    .wd-carousel {
        overflow: var(--wd-carousel-overflow, clip);
    }
}

.wd-carousel-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: initial;
    box-sizing: content-box;
    transform: translate3d(0px, 0, 0);
}

/* ===============================================
   ИСПРАВЛЕННЫЕ СТИЛИ ТОЛЬКО ДЛЯ МИНИАТЮР
   =============================================== */

/* Базовые стили карусели - БЕЗ ИЗМЕНЕНИЙ для главного изображения */
.wd-carousel-item {
    position: relative;
    height: 100%; /* Оставляем как было для главного изображения */
    flex: 0 0 calc(100% / var(--wd-col));
    max-width: calc(100% / var(--wd-col));
    padding: 0 calc(var(--wd-gap) / 2);
    transition-property: transform;
    transform: translate3d(0px, 0, 0);
}

/* ===============================================
   СТИЛИ ТОЛЬКО ДЛЯ МИНИАТЮР (НЕ ГЛАВНОЕ ИЗОБРАЖЕНИЕ)
   =============================================== */

/* Целевые селекторы только для миниатюр */
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item,
.woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item {
    height: 140px !important; /* Фиксированная высота только для миниатюр */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Изображения в миниатюрах */
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img,
.woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item img {
    width: 100% !important;
    height: 100% !important;
    max-height: 130px !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    padding: 5px !important;
    box-sizing: border-box !important;
}

/* Контейнеры миниатюр */
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item > div,
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item > a,
.woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item > div,
.woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item > a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    transition: border-color 0.3s ease !important;
}

/* Активные состояния миниатюр */
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.wd-active > div,
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item.wd-active > a,
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item:hover > div,
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item:hover > a {
    border-color: #333333 !important;
}

/* Исправления для карусели с автовысотой - ТОЛЬКО ДЛЯ МИНИАТЮР */
.wd-autoheight .wd-gallery-thumb .wd-carousel-item,
.wd-autoheight .flex-control-thumbs .wd-carousel-item {
    height: 140px !important; /* Фиксируем высоту только миниатюр, не главного изображения */
}

.wd-autoheight .wd-carousel-wrap {
    align-items: flex-start;
    transition-property: transform, height;
}

/* Backface visibility */
.wd-backface-hidden .wd-carousel-item {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Центрированный режим */
.wd-carousel[data-center_mode="yes"] .wd-carousel-wrap:not([style]) {
    transform: translate3d(calc(50% - (100% / var(--wd-col)) / 2), 0, 0);
}

/* ===============================================
   АДАПТИВНЫЕ РАЗМЕРЫ - ТОЛЬКО ДЛЯ МИНИАТЮР
   =============================================== */

/* Настройки для планшетов */
@media (max-width: 1024px) {
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item,
    .woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item {
        height: 120px !important;
    }
    
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img,
    .woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item img {
        max-height: 110px !important;
    }
}

/* Настройки для мобильных устройств */
@media (max-width: 768px) {
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item,
    .woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item {
        height: 100px !important;
    }
    
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img,
    .woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item img {
        max-height: 90px !important;
    }
}

/* Очень маленькие экраны */
@media (max-width: 480px) {
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item,
    .woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item {
        height: 80px !important;
    }
    
    .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-item img,
    .woocommerce-product-gallery .flex-control-thumbs .wd-carousel-item img {
        max-height: 70px !important;
    }
}

/* ===============================================
   СКРЫТИЕ ЭЛЕМЕНТОВ ПРИ НЕИНИЦИАЛИЗИРОВАННОЙ КАРУСЕЛИ
   =============================================== */

@media (min-width: 1025px) {
    .wd-carousel-container:not(.wd-off-lg) [style*="col-lg:1;"]:not(.wd-initialized) > .wd-carousel-wrap > .wd-carousel-item:nth-child(n+2) {
        display: none;
    }
}

@media (max-width: 768.98px) {
    .wd-carousel-container:not(.wd-off-sm) [style*="col-sm:1;"]:not(.wd-initialized) > .wd-carousel-wrap > .wd-carousel-item:nth-child(n+2) {
        display: none;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .wd-carousel-container:not(.wd-off-md) [style*="col-md:1;"]:not(.wd-initialized) > .wd-carousel-wrap > .wd-carousel-item:nth-child(n+2) {
        display: none;
    }
}

/* ===============================================
   ДОПОЛНИТЕЛЬНЫЕ ИСПРАВЛЕНИЯ ДЛЯ FLEX-CONTROL-THUMBS
   =============================================== */

.woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-wrap: wrap !important;
}

.woocommerce-product-gallery .flex-control-thumbs li {
    width: 140px !important;
    height: 140px !important;
    margin: 0 !important;
    cursor: pointer !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 2px solid #e0e0e0 !important;
    padding: 5px !important;
    box-sizing: border-box !important;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    max-width: 130px !important;
    max-height: 130px !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 6px !important;
    transition: border-color 0.3s ease !important;
    display: block !important;
}

.woocommerce-product-gallery .flex-control-thumbs li:hover,
.woocommerce-product-gallery .flex-control-thumbs li.flex-active-slide {
    border-color: #333333 !important;
}

/* Адаптивность для flex-control-thumbs - только миниатюры */
@media (max-width: 1024px) {
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 120px !important;
        height: 120px !important;
    }
    
    .woocommerce-product-gallery .flex-control-thumbs li img {
        max-width: 110px !important;
        max-height: 110px !important;
    }
}

@media (max-width: 768px) {
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 100px !important;
        height: 100px !important;
    }
    
    .woocommerce-product-gallery .flex-control-thumbs li img {
        max-width: 90px !important;
        max-height: 90px !important;
    }
}

@media (max-width: 480px) {
    .woocommerce-product-gallery .flex-control-thumbs li {
        width: 80px !important;
        height: 80px !important;
    }
    
    .woocommerce-product-gallery .flex-control-thumbs li img {
        max-width: 70px !important;
        max-height: 70px !important;
    }
}
/* Контейнер для миниатюр с навигацией */
.woocommerce-product-gallery .wd-gallery-thumb {
    position: relative;
    margin-top: 15px;
}

/* Показывать максимум 5 миниатюры в ряд */
.woocommerce-product-gallery .wd-gallery-thumb .wd-carousel {
    --wd-col: 6; /* Количество видимых миниатюр */
    overflow: hidden;
}

/* Стрелки навигации для миниатюр */
.woocommerce-product-gallery .wd-gallery-thumb .wd-nav-arrows {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Скрыть стрелки если миниатюр 4 или меньше */
.woocommerce-product-gallery .wd-gallery-thumb[data-items="1"] .wd-nav-arrows,
.woocommerce-product-gallery .wd-gallery-thumb[data-items="2"] .wd-nav-arrows,
.woocommerce-product-gallery .wd-gallery-thumb[data-items="3"] .wd-nav-arrows,
.woocommerce-product-gallery .wd-gallery-thumb[data-items="3"] .wd-nav-arrows {
    display: none !important;
}




