.elementor-1398 .elementor-element.elementor-element-6751d2b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:6vw 6vw;--row-gap:6vw;--column-gap:6vw;--flex-wrap:nowrap;--padding-top:77px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.woocommerce .elementor-1398 .elementor-element.elementor-element-b6d0066 .flex-control-thumbs img{border-style:solid;border-width:20px 20px 20px 20px;}.elementor-1398 .elementor-element.elementor-element-eb5a33c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1398 .elementor-element.elementor-element-8c9984e .elementor-heading-title{font-size:12px;font-weight:300;text-decoration:underline;}.elementor-1398 .elementor-element.elementor-element-06ba85f .elementor-heading-title{font-family:"JetBrains Mono", Sans-serif;font-size:24px;font-weight:500;}.elementor-1398 .elementor-element.elementor-element-83e4b1f{width:100%;max-width:100%;}.elementor-1398 .elementor-element.elementor-element-83e4b1f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1398 .elementor-element.elementor-element-60a3c72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1398 .elementor-element.elementor-element-8b30a55.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1398 .elementor-element.elementor-element-8b30a55.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-1398 .elementor-element.elementor-element-6751d2b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-1398 .elementor-element.elementor-element-b6d0066{width:100%;max-width:100%;}.elementor-1398 .elementor-element.elementor-element-8b30a55.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1398 .elementor-element.elementor-element-b6d0066{width:100%;max-width:100%;}.elementor-1398 .elementor-element.elementor-element-b6d0066.elementor-element{--align-self:flex-start;}.woocommerce .elementor-1398 .elementor-element.elementor-element-b6d0066 .flex-control-thumbs img{border-width:15px 15px 15px 15px;}.elementor-1398 .elementor-element.elementor-element-8b30a55.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-1398 .elementor-element.elementor-element-eb5a33c{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1398 .elementor-element.elementor-element-eb5a33c{--width:100%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-b6d0066 *//* Основной контейнер галереи */
.woocommerce-product-gallery {
    display: flex;
    flex-direction: row;
    gap: 20px;
    position: relative;
    align-items: end;
}

/* Контейнер для основного изображения */
.woocommerce-product-gallery__wrapper {
    width: clamp(80%,613px,613px) !important;
    float: none !important;
    overflow: hidden;
    position: relative;
    order: 1;
    transform: none !important;
    transition: none !important;
}

/* Стили для каждого слайда в основной галерее */
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    width: 100% !important;
    float: none !important;
    display: none !important;
}

.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.flex-active-slide {
    display: block !important;
}

/* Стили для контейнера с миниатюрами */
.flex-control-nav {
    width: 106px !important;
    display: flex !important;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    order: 2;
    position: static !important;
    bottom: auto !important;
    gap: 20px;
}

/* Стили для элементов миниатюр */
.flex-control-nav li {
    width: 100% !important;
    margin: 0 !important;
    cursor: pointer;
}

.flex-control-nav li img {
    width: 100%;
    height: auto;
    display: block;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
    border: var(--text-color);
    opacity: 1 !important;
}

/* Стили для активной миниатюры */
.flex-control-nav li img.flex-active {
    border-color: #FF0000; 
}

/* Эффект при наведении на миниатюру (подсветка) */
.flex-control-nav li:hover img {
    opacity: 0.8;
}

/*lupa*/
.woocommerce-product-gallery__trigger {
    display: none;
}

.woocommerce div.product div.images {
    margin-bottom: 0;
}


/* Планшеты и мобильные устройства */
@media(max-width: 1024px) {
    /* Уменьшаем основное изображение на планшетах */
    .woocommerce-product-gallery__wrapper {
        width: clamp(80%, 300px, 300px) !important;
    }
}

/* Мобильные устройства (до 768px) */
@media(max-width: 768px) {
    /* Меняем направление галереи на вертикальное (изображение сверху, миниатюры снизу) */
    .woocommerce-product-gallery {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }
    
    /* Основное изображение занимает всю доступную ширину */
    .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: 100% !important;
        order: 1 !important;
    }
    
    /* Миниатюры располагаем горизонтально внизу */
    .flex-control-nav {
        flex-direction: row !important;
        width: 100% !important;
        justify-content: center !important;
        gap: 10px !important;
        order: 2 !important;
    }
    
    /* Каждая миниатюра имеет фиксированную ширину */
    .flex-control-nav li {
        width: 80px !important;
        flex-shrink: 0 !important;
    }
    
    /* Дополнительная оптимизация для очень маленьких экранов */
    @media(max-width: 480px) {
        .flex-control-nav li {
            width: 70px !important;
        }
        
        .woocommerce-product-gallery {
            gap: 10px !important;
        }
    }
}

/* Для товаров с одним изображением  */
.woocommerce-product-gallery:has(.flex-control-nav:empty) .flex-control-nav,
.woocommerce-product-gallery:has(.flex-control-nav li:only-child) .flex-control-nav {
    display: none !important;
}

.woocommerce-product-gallery--without-images .woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery:has(.flex-control-nav li:only-child) .woocommerce-product-gallery__wrapper {
    width: 100% !important;
}


@media(max-width: 768px) {
    .woocommerce-product-gallery:not(:has(.flex-control-nav li)) .woocommerce-product-gallery__wrapper,
    .woocommerce-product-gallery:has(.flex-control-nav li:only-child) .woocommerce-product-gallery__wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-83e4b1f */.elementor-1398 .elementor-element.elementor-element-83e4b1f ,
.elementor-1398 .elementor-element.elementor-element-83e4b1f .elementor-shortcode {
    display: flex;
    flex-grow: 1;
}


@media(max-width: 767px) {
   .elementor-1398 .elementor-element.elementor-element-83e4b1f ,
    .elementor-1398 .elementor-element.elementor-element-83e4b1f .elementor-shortcode {
        min-height: 200px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6751d2b *//*кнопка успеха*/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
    background-color: var(--e-global-color-accent) !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.15em;
    letter-spacing: -0.2px;
    color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent);
    border-radius: 0px 0px 0px 0px;
    padding: 20px 35px 20px 35px;
}
    
    
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover {
    background-color: transparent !important;
    color: var(--e-global-color-accent) !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent) !important;
}


.woocommerce-message {
    border-top: none;
    background-color: var(--bg-color);
}

.woocommerce-message:focus-visible {
        outline: none !important;
}
 
.woocommerce-message::before {
    display: none;
}

@media (max-width: 1024px) {
    .woocommerce-message {
        margin-top: 150px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}/* End custom CSS */