.elementor-68 .elementor-element.elementor-element-5d21a729{--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-68 .elementor-element.elementor-element-58fdda20{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.woocommerce .elementor-68 .elementor-element.elementor-element-58fdda20 .term-description{color:#F7F7F7;font-family:"Montserrat", Sans-serif;font-size:30px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product{text-align:center;border-style:solid;border-width:0px 0px 0px 0px;border-radius:15px;padding:2px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(27.54002075195311, 11.141736674965557, 11.141736674965557, 0.6);background-color:#272727;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .star-rating{color:#F77171;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .price{color:#FFDF00;font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:400;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .price ins{color:#FFDF00;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .price ins .amount{color:#FFDF00;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#FF0000;margin-top:0px;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product .button:hover{background-color:#15FF00;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product:hover{background-color:#202020;}.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-68 .elementor-element.elementor-element-5d21a729{--content-width:1400px;}}@media(max-width:1024px){.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-68 .elementor-element.elementor-element-2a25c873.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-2a25c873 *//* Закругление углов изображений */
.products img {
    border-radius: 10px;
    overflow: hidden;
}


/* Стили для кнопки */
.woocommerce .products .button {
    background-color: #ff2a00 !important;
    color: #ffffff;
    font-size: 16px;
    border-radius: 10px;
    padding: 10px 20px;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    height: 45px;  /* Устанавливает фиксированную высоту кнопки */
     
}

/* Ховер эффект при наведении */
.woocommerce .products .button:hover {
    background-color: #e74c3c;
    color: #fff;
    transform: scale(1.05);
}



/*обертка*/
.woocommerce .products li {
    text-align: center;
    display: flex; /* делаем список гибким */
    flex-direction: column;
    align-items: center;
}

/* контейнер для количества товара и кнопки Добавить*/

.quantity-and-button-wrapper {
   display: inline-flex; /* Делаем контейнер гибким */
    align-items: center; /* Выравнивание по вертикали */
    gap: 10px;  /* Задаем отступ между элементами */
   margin-bottom: 15px; /* Задаем отступ снизу*/

}

/* контейнер для кнопок + / -, и поля ввода количества */
.quantity-buttons-container{
    display: inline-flex;
    align-items: center;
    gap: 5px; /* задаем отступы между элементами*/
    margin: 0;
    padding: 0;
}

/*поле ввода количества*/
.wqpmb_input_text {
    text-align: center; /* выравниваем текст по центру */
     width: 40px; /* устанавливаем ширину */
   padding: 5px 10px;/* внутренние отступы */
    border: 1px solid #ccc; /* добавляем рамку*/
    border-radius: 4px; /* закругляем края*/
}
/*стили для кнопок + и - */
button.qib-button {
     display: inline-flex;
    align-items: center;
    justify-content: center;
     padding: 5px 10px; /* внутренние отступы */
    border: 1px solid #ccc; /* добавляем рамку*/
    border-radius: 4px;
    cursor: pointer;
    background: white; /* белый фон */
    color: black; /* черный текст */
}

/* --------- */




/* ------коддддддддддддддддддд--- */


/* Выравнивание названия товара для мобильной версии */
@media (max-width: 768px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        display: block; /* Обеспечивает блочное отображение */
        font-size: 16px; /* Размер шрифта */
        line-height: 1.4; /* Высота строки */
        height: 4.8em; /* Фиксированная высота для трех строк (line-height * 3) */
        overflow: hidden; /* Обрезает текст, который не помещается в отведенную высоту */
        text-overflow: ellipsis; /* Добавляет многоточие (...) при обрезании текста */
    }
}


/* Выравнивание названия товара для планшетов */
@media (min-width: 768px) and (max-width: 1024px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        display: block; /* Обеспечивает блочное отображение */
        font-size: 18px; /* Размер шрифта */
        line-height: 1.5; /* Высота строки */
        height: 4.5em; /* Фиксированная высота для трех строк (line-height * 3) */
        overflow: hidden; /* Обрезает текст, который не помещается в отведенную высоту */
        text-overflow: ellipsis; /* Добавляет многоточие (...) при обрезании текста */
    }
}


/* Выравнивание названия товара для десктопов */
@media (min-width: 1024px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        display: block; /* Обеспечивает блочное отображение */
        font-size: 18px; /* Размер шрифта */
        line-height: 1.6; /* Высота строки */
        height: 4.0em; /* Фиксированная высота для трех строк (line-height * 3) */
        overflow: hidden; /* Обрезает текст, который не помещается в отведенную высоту */
        text-overflow: ellipsis; /* Добавляет многоточие (...) при обрезании текста */
    }
}



/* -----выравниванеи моб верс---- */

/* Выравнивание кнопок и поля количества */
@media (max-width: 768px) {
    /* Обертка для кнопок */
    .woocommerce ul.products li.product .cart {
        display: flex;
        flex-direction: column; /* Вертикальное расположение */
        align-items: center; /* Горизонтальное выравнивание по центру */
        justify-content: flex-end; /* Прижимаем к нижней части */
        text-align: center; /* Центрируем текст */
        width: 100%; /* Занимает всю доступную ширину */
    }

    /* Поля количества */
    .woocommerce ul.products li.product .qib-button-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; /* Отступ между кнопками +/– и полем ввода */
        margin-bottom: 10px; /* Отступ между полем количества и кнопкой */
    }

    /* Стили для кнопок + и - */
    button.qib-button {
        padding: 5px 10px;
        font-size: 16px;
        border: 1px solid #ccc;
        background-color: white;
        color: black;
        cursor: pointer;
        border-radius: 4px;
    }

    /* Поле ввода количества */
    .woocommerce ul.products li.product .quantity.wqpmb_quantity {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 30px;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
        text-align: center;
    }

    /* Кнопка "Добавить в корзину" */
    .woocommerce ul.products li.product .single_add_to_cart_button {
        width: 100%; /* Занимает всю ширину карточки */
        max-width: 200px; /* Ограничиваем максимальную ширину */
        margin: 0 auto; /* Центрируем кнопку */
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 5px;
        background-color: #ff2a00;
        color: #ffffff;
        border: none;
        transition: background-color 0.3s ease;
    }

    /* Ховер эффект для кнопки "Добавить в корзину" */
    .woocommerce ul.products li.product .single_add_to_cart_button:hover {
        background-color: #e74c3c;
    }
}


/* -----выравниванеи дектоп верс---- */
/* Выравнивание кнопок и поля количества */
@media (min-width: 1024px) {
    /* Обертка для кнопок */
    .woocommerce ul.products li.product .cart {
        display: flex;
        flex-direction: row; /* Горизонтальное расположение */
        align-items: center; /* Вертикальное выравнивание по центру */
        justify-content: center; /* Центрируем элементы по горизонтали */
        text-align: center; /* Центрируем текст */
        width: 100%; /* Занимает всю доступную ширину */
        gap: 0px; /* Добавляем отступ между кнопками */
    }

    /* Поля количества */
    .woocommerce ul.products li.product .qib-button-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px; /* Отступ между кнопками +/– и полем ввода */
        
    }

    /* Стили для кнопок + и - */
    button.qib-button {
        padding: 5px 10px;
        font-size: 16px;
        border: 1px solid #ccc;
        background-color: white;
        color: black;
        cursor: pointer;
        border-radius: 4px;
    }

    /* Поле ввода количества */
    .woocommerce ul.products li.product .quantity.wqpmb_quantity {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 30px;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
        text-align: center;
    }

    /* Кнопка "Добавить в корзину" */
    .woocommerce ul.products li.product .single_add_to_cart_button {
        width: auto; /* Убираем фиксированную ширину */
        min-width: 50px; /* Минимальная ширина кнопки */
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 5px;
        background-color: #ff2a00;
        color: #ffffff;
        border: none;
        transition: background-color 0.3s ease;
        position: relative; /* Делаем кнопку позиционируемой */
    top: -5px; /* Поднимает кнопку на 20 пикселей *
    }

    /* Ховер эффект для кнопки "Добавить в корзину" */
    .woocommerce ul.products li.product .single_add_to_cart_button:hover {
        background-color: #e74c3c;
    }
}/* End custom CSS */