.elementor-3956 .elementor-element.elementor-element-87e5c12{--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;}.elementor-3956 .elementor-element.elementor-element-2cdd7a4 .woocommerce-breadcrumb{color:#000000;font-size:12px;}.elementor-3956 .elementor-element.elementor-element-e468675{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3956 .elementor-element.elementor-element-d1e5f1f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3956 .elementor-element.elementor-element-9beab1d{--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;}.elementor-3956 .elementor-element.elementor-element-25902e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:18px;font-weight:400;line-height:21px;color:#969696;}.elementor-3956 .elementor-element.elementor-element-25902e2:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(16px/2);}.elementor-3956 .elementor-element.elementor-element-25902e2:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(16px/2);}.elementor-3956 .elementor-element.elementor-element-25902e2.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(16px/2);margin-left:calc(16px/2);}.elementor-3956 .elementor-element.elementor-element-25902e2.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-16px/2);margin-left:calc(-16px/2);}body:not(.rtl) .elementor-3956 .elementor-element.elementor-element-25902e2.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-16px/2) + (-1px/2) );}body:not.rtl .elementor-3956 .elementor-element.elementor-element-25902e2.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-16px/2) - (1px/2) );}.elementor-3956 .elementor-element.elementor-element-25902e2 .product_meta .detail-container:not(:last-child):after{content:"";border-color:#ddd;}.elementor-3956 .elementor-element.elementor-element-25902e2:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child):after{border-top-style:solid;border-top-width:1px;margin-bottom:calc(-1px/2);}.elementor-3956 .elementor-element.elementor-element-25902e2.elementor-woo-meta--view-inline .product_meta .detail-container:not(:last-child):after{border-left-style:solid;border-left-width:1px;}.elementor-3956 .elementor-element.elementor-element-e58829f .cart button, .elementor-3956 .elementor-element.elementor-element-e58829f .cart .button{font-size:12px;transition:all 0.2s;}.elementor-3956 .elementor-element.elementor-element-e58829f .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-3956 .elementor-element.elementor-element-e58829f form.cart table.variations label{color:#000000;font-size:16px;font-weight:600;}.elementor-3956 .elementor-element.elementor-element-95cbbb9{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3956 .elementor-element.elementor-element-7096343{--display:flex;}.elementor-3956 .elementor-element.elementor-element-df0191d .elementor-heading-title{font-size:14px;line-height:18px;}.elementor-3956 .elementor-element.elementor-element-7988e83{--display:flex;}.elementor-3956 .elementor-element.elementor-element-4373967{--display:flex;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3956 .elementor-element.elementor-element-61accd5{--display:flex;}.elementor-3956 .elementor-element.elementor-element-debdcc2{--grid-template-columns:repeat(0, auto);text-align:left;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-3956 .elementor-element.elementor-element-615d90a{--n-accordion-title-font-size:16px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-3956 .elementor-element.elementor-element-615d90a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 2px 0px;border-color:#000000;}:where( .elementor-3956 .elementor-element.elementor-element-615d90a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:500;line-height:24px;}:where( .elementor-3956 .elementor-element.elementor-element-615d90a > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-3956 .elementor-element.elementor-element-5eceea7{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3956 .elementor-element.elementor-element-a88e32f{--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;}.elementor-3956 .elementor-element.elementor-element-6951c07 > .elementor-widget-container{padding:0px 10px 0px 10px;}@media(max-width:767px){.elementor-3956 .elementor-element.elementor-element-9beab1d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3956 .elementor-element.elementor-element-25902e2{font-size:12px;line-height:12px;}}@media(min-width:768px){.elementor-3956 .elementor-element.elementor-element-d1e5f1f{--width:60%;}.elementor-3956 .elementor-element.elementor-element-9beab1d{--width:40%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-5000953 *//* === ДЕСКТОП: Миниатюры слева === */
@media (min-width: 768px) {
    /* Превращаем контейнер галереи в flex-контейнер */
    .woocommerce-product-gallery {
        display: flex !important;
        flex-direction: row-reverse; /* Меняем порядок: основное фото справа, миниатюры слева */
        align-items: flex-start;
        opacity: 1 !important; /* Убираем мерцание при загрузке */
    }

    /* Основное изображение занимает всё свободное место */
    .woocommerce-product-gallery .flex-viewport {
        flex-grow: 1;
        width: auto !important;
        margin-left: 150px; /* Отступ между миниатюрами и большим фото */
    }

    /* Контейнер миниатюр: делаем узкую колонку слева */
    .woocommerce-product-gallery ol.flex-control-thumbs {
        width: 150px; /* Ширина колонки с миниатюрами (можно менять) */
        float: none !important;
        display: flex;
        flex-direction: column;
        gap: 10px; /* Расстояние между миниатюрами */
        margin: 0 !important;
        padding: 0 !important;
        overflow-y: auto; /* Прокрутка, если фото очень много */
        max-height: 100%; /* Максимальная высота колонки (подгоните под дизайн) */
    }

    /* Отдельная миниатюра */
    .woocommerce-product-gallery ol.flex-control-thumbs li {
        width: 100% !important; /* Занимают всю ширину колонки (120px) */
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        list-style: none;
    }
    
    /* Исправление для картинки внутри миниатюры */
    .woocommerce-product-gallery ol.flex-control-thumbs li img {
        width: 100%;
        height: auto;
    }
}

/* === МОБИЛЬНАЯ ВЕРСИЯ: Миниатюры снизу === */
/* === МОБИЛЬНАЯ ВЕРСИЯ: Исправление центрирования === */
@media (max-width: 767px) {
   

  
    /* Картинка внутри слайда */
    .woocommerce-product-gallery__image img {
        display: inline-block; /* Чтобы text-align: center сработало */
        float: none;
        width: auto; /* Или 100% если нужно заполнять */
        max-width: 100%;
        margin: 0 auto;
    }

    /* 4. Миниатюры */
    .woocommerce-product-gallery ol.flex-control-thumbs {
        width: 100% !important;
        margin: 15px auto 0 !important; /* Центрируем блок миниатюр */
        padding: 0 !important;
        
        /* Настраиваем Flexbox для центрирования в ряд */
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center; /* Центрируем миниатюры по центру */
        gap: 10px; /* Отступ между миниатюрами */
    }

    /* Отдельная миниатюра */
    .woocommerce-product-gallery ol.flex-control-thumbs li {
        float: none !important; /* Отключаем обтекание, которое мешает центрированию */
        display: inline-block; /* Или block */
        width: 80px !important; /* Фиксированный размер для аккуратности */
        max-width: 22% !important; /* Чтобы не растягивались на широких телефонах */
        margin: 0 !important;
        list-style: none;
    }

    /* Картинка внутри миниатюры */
    .woocommerce-product-gallery ol.flex-control-thumbs li img {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .woocommerce div.product.layout-v4 .woocommerce-product-gallery {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-meta, class: .elementor-element-25902e2 */.product_meta {
    margin-top: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-e58829f */.quantity {
    display: none !important;
}

/* Скрываем цену вариации прямо над кнопкой "В корзину", 
   так как теперь цена обновляется в основном виджете наверху */
.woocommerce-variation-price {
    display: none !important;
}

/* Убираем лишний отступ у блока вариаций */
.single_variation_wrap {
    margin-top: 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9ada34e */.size-table-wrap{
    overflow-x:auto;
    margin:20px 0;
}

.size-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    font-size:15px;
}

.size-table th,
.size-table td{
    padding:12px 16px;
    border:1px solid #e5e5e5;
    text-align:center;
}

.size-table th{
    background:#f7f7f7;
    font-weight:600;
}

.size-table tbody tr:nth-child(even){
    background:#fafafa;
}

@media (max-width:768px){
    .size-table{
        font-size:14px;
    }

    .size-table th,
    .size-table td{
        padding:10px 12px;
        white-space:nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9ada34e */.size-table-wrap{
    overflow-x:auto;
    margin:20px 0;
}

.size-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    font-size:15px;
}

.size-table th,
.size-table td{
    padding:12px 16px;
    border:1px solid #e5e5e5;
    text-align:center;
}

.size-table th{
    background:#f7f7f7;
    font-weight:600;
}

.size-table tbody tr:nth-child(even){
    background:#fafafa;
}

@media (max-width:768px){
    .size-table{
        font-size:14px;
    }

    .size-table th,
    .size-table td{
        padding:10px 12px;
        white-space:nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9ada34e */.size-table-wrap{
    overflow-x:auto;
    margin:20px 0;
}

.size-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    font-size:15px;
}

.size-table th,
.size-table td{
    padding:12px 16px;
    border:1px solid #e5e5e5;
    text-align:center;
}

.size-table th{
    background:#f7f7f7;
    font-weight:600;
}

.size-table tbody tr:nth-child(even){
    background:#fafafa;
}

@media (max-width:768px){
    .size-table{
        font-size:14px;
    }

    .size-table th,
    .size-table td{
        padding:10px 12px;
        white-space:nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9ada34e */.size-table-wrap{
    overflow-x:auto;
    margin:20px 0;
}

.size-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    font-size:15px;
}

.size-table th,
.size-table td{
    padding:12px 16px;
    border:1px solid #e5e5e5;
    text-align:center;
}

.size-table th{
    background:#f7f7f7;
    font-weight:600;
}

.size-table tbody tr:nth-child(even){
    background:#fafafa;
}

@media (max-width:768px){
    .size-table{
        font-size:14px;
    }

    .size-table th,
    .size-table td{
        padding:10px 12px;
        white-space:nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9ada34e */.size-table-wrap{
    overflow-x:auto;
    margin:20px 0;
}

.size-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    font-size:15px;
}

.size-table th,
.size-table td{
    padding:12px 16px;
    border:1px solid #e5e5e5;
    text-align:center;
}

.size-table th{
    background:#f7f7f7;
    font-weight:600;
}

.size-table tbody tr:nth-child(even){
    background:#fafafa;
}

@media (max-width:768px){
    .size-table{
        font-size:14px;
    }

    .size-table th,
    .size-table td{
        padding:10px 12px;
        white-space:nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9ada34e */.size-table-wrap{
    overflow-x:auto;
    margin:20px 0;
}

.size-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    font-size:15px;
}

.size-table th,
.size-table td{
    padding:12px 16px;
    border:1px solid #e5e5e5;
    text-align:center;
}

.size-table th{
    background:#f7f7f7;
    font-weight:600;
}

.size-table tbody tr:nth-child(even){
    background:#fafafa;
}

@media (max-width:768px){
    .size-table{
        font-size:14px;
    }

    .size-table th,
    .size-table td{
        padding:10px 12px;
        white-space:nowrap;
    }
}/* End custom CSS */
/* Start custom CSS for konte-products-carousel, class: .elementor-element-6951c07 *//* 1. Фиксируем контейнер карточки как точку отсчета */
ul.products li.product .product-inner {
    position: relative !important;
}

/* 2. Настраиваем блок с метками: ставим его в угол и делаем столбиком */
ul.products li.product .woocommerce-badges {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    right: auto !important; /* Сбрасываем возможное позиционирование справа */
    bottom: auto !important;
    z-index: 20 !important; /* Поверх картинки */
    
    /* Выстраиваем метки в столбец */
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important; /* Расстояние между метками */
    margin: 0 !important;
}

/* 3. ГЛАВНОЕ ИСПРАВЛЕНИЕ: Сбрасываем абсолютное позиционирование у САМИХ меток 
      (часто у .onsale стоит position:absolute, из-за чего они накладываются друг на друга) */
ul.products li.product .woocommerce-badges .woocommerce-badge {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
}/* End custom CSS */
/* Start custom CSS */.related.products {
    display: none !important;
}

.woocommerce .elementor-widget-woocommerce-product-images span.onsale {
    display: none  !important;
}

.elementor-template-full-width .site-content-container {
    width: 100%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* На мобильных устройствах, чтобы кнопка не прижималась к краям экрана */
@media (max-width: 767px) {
    .single_add_to_cart_button.button.alt {
        margin-left: 0 !important;
        margin-inline-start: 0 !important;
        width: 100% !important; /* Чтобы она была на всю ширину, если нужно */
    }
}/* End custom CSS */