/* ============ PREMIUM SELECTS FOR WOOCOMMERCE VARIATIONS ============ */

/* Сбрасываем табличное поведение, чтобы элементы вставали друг под другом */
.ed-var-form table.variations{
    width: 100% !important;
    border: 0 !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

.ed-var-form table.variations tbody{
    display: block !important;
    width: 100% !important;
}

.ed-var-form table.variations tr{
    display: block !important;
    width: 100% !important;
    margin-bottom: 24px !important; /* Воздух между разными атрибутами (например, Размер и Цвет) */
}

.ed-var-form table.variations th,
.ed-var-form table.variations td{
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    background: transparent !important;
}

/* Лейбл: над селектором, слева, без uppercase и жирности */
.ed-var-form table.variations label{
    display: block !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
    color: #141414 !important;
}

/* Селект: прозрачный фон, только нижняя граница, без скруглений */
.ed-var-form select{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    width: 100% !important;
    max-width: 320px !important;
    height: 40px !important;
    
    padding: 0 42px 0 16px !important;
    
    border: none !important;
    border-bottom: 1px solid #BDBDBD !important;
    border-radius: 0 !important;
    
    background: transparent !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23141414' stroke-width='1.2'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    
    font-family: Montserrat, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    color: #141414 !important;
    
    cursor: pointer !important;
    transition: border-color .2s !important;
    box-shadow: none !important;
}

.ed-var-form select:hover,
.ed-var-form select:focus{
    border-bottom-color: #000 !important;
    outline: none !important;
}

/* Ссылка сброса вариаций */
.ed-var-form .reset_variations{
    display: inline-block !important;
    margin-top: 8px !important;
    font-family: Montserrat, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important; /* Здесь uppercase уместен для технической ссылки */
    color: #8a857e !important;
    text-decoration: none !important;
    transition: color .2s !important;
}

.ed-var-form .reset_variations:hover{
    color: #141414 !important;
}

/* Нативные кнопка и количество прячем — у нас своя AJAX-кнопка */
.ed-var-form .woocommerce-variation-add-to-cart .single_add_to_cart_button,
.ed-var-form .woocommerce-variation-add-to-cart .quantity{
    display: none !important;
}

/* Точную цену дублирует виджет .ed-price — нативный блок цены в форме прячем */
.ed-var-form .woocommerce-variation-price{
    display: none !important;
}

/* Наличие товара */
.ed-var-form .woocommerce-variation-availability{
    font-family: Montserrat, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #8a857e !important;
    margin-top: 8px !important;
}

/* Подсветка при попытке купить без выбранных опций */
@keyframes edFlash{
    0%, 100%{ outline-color: transparent !important; }
    30%{ outline-color: #b3402e !important; }
}

.ed-var-form.ed-attention{
    outline: 1px solid transparent !important;
    outline-offset: 8px !important;
    animation: edFlash 1.1s ease 1 !important;
}

/* ============ STANDARD PRODUCT IMAGES → EDITORIAL LOOK ============ */

.woocommerce-product-gallery figure{ margin:0 !important; }

/* Главный кадр */
.woocommerce-product-gallery__image img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4/3 !important;
    object-fit:cover !important;
    display:block !important;
}

/* Миниатюры: сбрасываем дефолты WC/flexslider */
.flex-control-nav{
    position:static !important;
    width:auto !important;
    bottom:auto !important; left:auto !important;
    margin:0 !important; padding:0 !important;
    list-style:none !important; z-index:auto !important;
}
.flex-control-nav li{ margin:0 !important; width:100% !important; }
.flex-control-nav img{
    opacity:1 !important;               /* WC затемняет неактивные — убираем */
    width:100% !important; height:100% !important;
    object-fit:cover !important; display:block !important;
}

/* ДЕСКТОП: главное слева + колонка миниатюр справа, выровненная по высоте */
@media (min-width:1025px){
    .woocommerce-product-gallery{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 24% !important;
        gap:12px !important;
        align-items:stretch !important;
    }
    .woocommerce-product-gallery .flex-viewport{ min-width:0; }
    .flex-control-nav{
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
    }
    .flex-control-nav li{
        flex:1 1 0 !important;
        min-height:0; overflow:hidden;
    }
}

/* МОБАЙЛ: главное сверху + ряд миниатюр 135px */
@media (max-width:1024px){
    .woocommerce-product-gallery{ display:block !important; }
    .flex-control-nav{
        display:flex !important;
        flex-direction:row !important;
        gap:8px !important;
        margin-top:12px !important;
        height:135px !important;
    }
    .flex-control-nav li{
        flex:1 1 0 !important;
        height:135px !important;
        overflow:hidden;
    }
}

/* ============ ЛУПА: слева на десктопе ============ */
@media (min-width:1025px){
    .woocommerce div.product div.images .woocommerce-product-gallery__trigger{
        right:auto !important;
        left:.5em !important;
    background: rgba(255, 255, 255, 0.5)!important;

    }
}
@media (max-width:1024px){
   .woocommerce div.product div.images .woocommerce-product-gallery__trigger{
    background: rgba(255, 255, 255, 0.5)!important;

    } 
}