/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

.main_color strong, .main_color .sidebar, .main_color .sidebar a, .filters-mobile-area a, .main_color .sort-param a, .wp-block-woocommerce-cart a, #top .main_color .price, #top #wrap_all .main_color ins, .main_color tr:nth-child(even), #top .main_color input[type='number'] {
    color: #444444 !important;
}

.main_color .sidebar a:hover, .main_color .sort-param a:hover, .wp-block-woocommerce-cart a:hover, .filters-mobile-area a:hover {
    color: #aaaaaa !important;
}

.main_color .sidebar .count, .filters-mobile-area .count {
    color: #aaaaaa !important;
    font-size: 75% !important;
    position: relative !important;
    top: -.5em !important;
}

div .product-sorting .avia-product-sorting-link:not(.avia-sorting-asc-desc) {
    opacity: unset !important;
}

body, p, h1, h2, h3, th, td {
    font-family: "Rubik", sans-serif !important;
    font-optical-sizing: auto !important;
    font-style: normal !important;
}

h1 {
    font-size: 40px !important;
    font-weight: 600 !important;
    margin-bottom: 50px !important;
}

h2 {
    font-size: 28px !important;
    font-weight: 600 !important;
}

h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
}

body {
    font-size: 16px !important;
}

p {
    font-size: 16px !important;
}

th {
    letter-spacing: unset !important;
    text-transform: none !important;
    font-size: 16px !important;
}

.title_container .main-title {
    font-size: 16px !important;
    margin: 0 !important;
}

.av-main-nav > li > a {
    font-weight: 400 !important;
    font-size: 18px !important;
}

.content, .sidebar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.av-main-nav ul {
    width: 248px !important;
    margin-top: -30px !important;
}

#top .av-main-nav ul a {
    font-size: 14px !important;
}

#top #menu-item-search {
    display: none !important;
}

.cart_dropdown {
    border: none !important;
}

.cart_dropdown .dropdown_widget .widget_shopping_cart_content p {
    color: #444444 !important;
}

.av-cart-container svg {
    width: 25px !important;
    height: 28px !important;
}

.av-cart-container svg path {
    fill: transparent !important;
    stroke: #444444 !important;
    stroke-width: 1.5 !important;
}

.av-cart-counter.av-active-counter {
    background: #f43c33 !important;
}

.five-stars {
	height: 20px !important;
}

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    text-transform: none !important;
    color: #444444 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

#map .container, #product-slider .container {
    max-width: 100% !important;
    padding: 0 !important;
}

.container_wrap {
    border: none !important;
}

.title_container .breadcrumb {
    font-size: 12px !important;
}

.bbp-breadcrumb-current a:hover, 
.breadcrumb-trail span a:hover {
    color: #f43c33 !important;
}

/* Скрываем ТОЛЬКО стандартное уведомление о добавлении в корзину */
form.cart .added_to_cart,
.woocommerce-message .added_to_cart,
.woocommerce-message .wc-forward,
.single-product .added_to_cart:not(.custom-cart-notification .added_to_cart) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Header */
.av-logo-container .inner-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

/* Логотип */
.av-logo-container .logo {
    flex-shrink: 0 !important;
    margin-right: auto !important;
    display: flex !important;
    align-items: center !important;
}

.logo img, .logo svg {
    max-width: 200px !important;
}

/* Основное меню навигации */
.av-logo-container .main_menu {
    flex: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 0 0 240px !important;
    min-width: 0 !important;
    height: 88px !important;
}

/* Контейнер для виджета и корзины */
.av-logo-container .header-custom-widgets.cart-area {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    gap: 15px !important;
    height: 88px !important;
}

.header-custom-widgets .widget {
    padding: 0 !important;
}

/* Блок поиска и телефона - inline-block */
.header-custom-widgets.cart-area .aws-container,
.header-custom-widgets.cart-area .header-phone {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin-right: 20px !important;
    height: 88px !important;
}

/* Блок поиска */
.header-custom-widgets.cart-area .aws-container {
    width: 200px !important;
    margin-bottom: 0 !important;
}

/* Блок телефона */
.header-custom-widgets.cart-area .header-phone {
    white-space: nowrap !important;
    margin-bottom: 0 !important;
}

/* Стили для телефона */
.header-phone__item a {
    text-decoration: none !important;
    color: #444444 !important; /* Черный цвет шрифта */
    font-weight: 400 !important;
    line-height: 1.3 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.header-phone__item small {
    display: block !important;
    font-weight: normal !important;
    opacity: 0.8 !important;
    font-size: 12px !important;
    margin-top: 2px !important;
    color: #444444 !important; /* Черный цвет для маленького текста */
}

/* Корзина */
#menu-item-shop {
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    height: 88px !important;
}

/* Элементы меню */

.menu.av-main-nav > li > a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

/* Advanced Woo Search */

.aws-container .aws-search-field {
    border-radius: 20px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
}

.aws-search-result {
    overflow: hidden;
    min-width: 265px !important;
    border-radius: 20px !important;
}

.aws-search-result .aws_result_sale {
    display: none !important;
}

.aws-search-result .aws_result_sku {
    font-size: 11px !important;
    color: #888 !important;
}

.aws_result_price ins {
    text-decoration: none !important;
}

.aws-container .aws-search-form {
    margin-bottom: 0px !important;
    height: 38px !important;
}

/* Slider */

#full_slider_1.avia-shadow {
    box-shadow: none !important;
}

.av-control-minimal .avia-slideshow-arrows a.avia-svg-icon {
    border: none !important;
}

/* Product Slider */

#product-slider .avia-product-slider-container .avia-slideshow-arrows a {
    border-radius: 30px;
}

/* Убираем внутренние отступы, чтобы контент нормально центрировался */
#product-slider .avia-content-slider .slide-entry-wrap {
    padding: 0 !important;
}

/* Контейнер слайдера — на всю ширину */
#product-slider .avia-product-slider-container {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Сужаем только контент (товары), а не стрелки */
#product-slider .avia-content-slider-inner {
    max-width: 90%;
    width: 90% !important;
    margin: 0 auto !important;
    padding: 0 50px !important;
}

/* Стрелки по краям */
#product-slider .avia-slideshow-arrows {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
}

#product-slider .avia-slideshow-arrows a {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    pointer-events: auto !important;
}

#product-slider .avia-slideshow-arrows .prev-slide {
    left: 30px !important;
}

#product-slider .avia-slideshow-arrows .next-slide {
    right: 30px !important;
}

/* Остальные стили без изменений */
.avia-slideshow-arrows a.avia-svg-icon {
    background: rgba(0, 0, 0, .2) !important;
}

.inner_product_header {
    border: none !important;
}

#product-slider .avia-product-slider-container h2 {
    color: #444444 !important;
    font-size: 14px !important;
    text-align: center !important;
}

.price ins .woocommerce-Price-amount {
    color: #f43c33 !important;
    font-weight: bold !important;
}

#product-slider .avia-product-slider-container .onsale {
    display: none !important;
}

@media (max-width: 767px) {

    #product-slider .avia-content-slider-inner {
        max-width: 85% !important;
        width: 85% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Стрелки ближе к краям */
    #product-slider .avia-slideshow-arrows .prev-slide {
        left: 0px !important;
    }

    #product-slider .avia-slideshow-arrows .next-slide {
        right: 0px !important;
    }

}

/* Contact-Form */

#contact-form-horizontal.avia-section, #contact-form-bottom.avia-section, #cms.avia-section, #cert.avia-section{
	border: 1px solid #f7f7f7 !important;
	border-radius: 20px !important;
}

.text_input, .text_area, .avia_ajax_form .select{
    border: 3px dotted #444444 !important;
    border-radius: 12px !important;
    background-color: #fff !important;
    font-size: 16px !important;
    color: #444444 !important;
}

#top textarea {
    max-height: 180px !important;
}

.input_checkbox_label {
    font-size: 11px !important;
    font-weight: 400 !important;
}

.av-google-badge-message {
    display: none !important;
}


/* Custom social icons list */

.custom-social-icons-list-item {
    display: inline;
    margin-right: 3px;
}

.custom-social-icons-list-item img{
    height: 40px;
}

.social-about .custom-social-icons-list-item img{
    height: 25px !important;
}

.social-about ul, .social-about li {
    margin-left: 0 !important;
}

#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: none !important;
}


/* Footer */

#footer {
    padding: 45px 0 30px 0 !important;
}

#footer .widget {
    margin: 0 !important;
}

#footer .footer-logo {
    max-width: 130px !important;
}

#footer .widget_nav_menu li {
    font-size: 16px !important;
}

#footer .widget_nav_menu a {
    padding: 0 !important;
}





/* Общие стили для всех иконок платежных систем */

/* Отступы и центровка всего payment-блока */
#footer .payment-widgets-section.footer-payment-area{
  width: 100%;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 40px;
  padding-bottom: 10px;
  clear: both;
}

/* Центруем иконки “по-настоящему” через flex */
#footer .payment-widgets-section .pay-systems{
  display: flex;
  justify-content: center; /* по центру */
  align-items: center;
  gap: 20px;               /* расстояние между иконками */
  flex-wrap: wrap;         /* чтобы на мобилке переносились */
}

/* Если используешь gap, лучше убрать margin у иконок */
#footer .payment-widgets-section .pay-systems i{
  margin: 0;               /* чтобы не суммировалось с gap */
}

.pay-systems i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    background: url('https://sportcultura.ru/wp-content/uploads/2026/01/payment.svg') 0 0 no-repeat;
    opacity: 1;
    outline: none !important;
}

/* НАЛИЧНЫЕ (Cash) - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.cacsh {
    width: 20px;
    height: 20px;
    background-position: 0 -198px; /* Цветная */
}

/* СЕРЫЕ при наведении */
.pay-systems i.cacsh:hover {
    background-position: 0 -248px; /* Серая */
}

/* MASTERCARD - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.mastercard {
    width: 24px;
    height: 16px;
    background-position: -327px -200px; /* Цветная */
}

/* СЕРЫЕ при наведении */
.pay-systems i.mastercard:hover {
    background-position: -279px -250px; /* Серая */
}

/* VISA - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.visa {
    width: 32px;
    height: 10px;
    background-position: -40px -204px; /* Цветная */
}

/* СЕРЫЕ при наведении */
.pay-systems i.visa:hover {
    background-position: -40px -254px; /* Серая */
}

/* СБЕРБАНК - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.sbrf {
    width: 19px;
    height: 20px;
    background-position: -240px -198px; /* Цветная */
}

/* СЕРЫЕ при наведении */
.pay-systems i.sbrf:hover {
    background-position: -240px -248px; /* Серая */
}

/* АЛЬФА-БАНК - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.alfa {
    width: 14px;
    height: 19px;
    background-position: -415px -198px; /* Цветная */
}

/* СЕРЫЕ при наведении */
.pay-systems i.alfa:hover {
    background-position: -323px -248px; /* Серая */
}

/* МИР - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.mir {
    width: 36px;
    height: 20px;
    background-position: -449px -198px; /* Цветная */
}

/* СЕРЫЕ при наведении */
.pay-systems i.mir:hover {
    background-position: -357px -248px; /* Серая */
}

/* TINKOFF - ЦВЕТНЫЕ по умолчанию */
.pay-systems i.tinkoff {
    width: 63px;
    height: 16px;
    background-position: -794px -199px; /* Цветная */
}

/* СЕРЫЕ при наведении */
.pay-systems i.tinkoff:hover {
    background-position: -657px -249px; /* Серая */
}

/* Общие стили box-sizing */
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}





/* Copyright */

.copyright {
    font-size: 13px !important;
}


/* Portfolio */

.av-large-gap .av-masonry-pagination {
    border-radius: 20px !important;
}

.portfolio-item .avia-image-container-inner {
    border: 1px solid #f7f7f7;
}

.av-masonry-entry .av-masonry-entry-title {
    line-height: 1.3em;
    margin: 0;
    font-size: 15px !important;
}
    
.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry  {
    border: 1px solid #f7f7f7 !important;
    border-radius: 10px !important;
    box-shadow: 1px 1px 9px rgba(0, 0, 0, .12) !important;
}

.avia-button.avia-size-small {
    background-color: #444444 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 2px solid #444444 !important;
    border-radius: 6px !important;
    transition: 
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
}

.avia-button .avia_button_icon path {
    transition: fill 0.3s ease !important;
}

.avia-button.avia-size-small:hover {
    background-color: #f7f7f7 !important;
    color: #444444 !important;
    border: 2px solid #444444 !important;   
}

.avia-button.avia-size-small:hover .avia_button_icon path {
    fill: #444444 !important;
}

.avia-buttonrow-wrap {
    margin-top: 50px;
}



/* Custom cart notification - смотреть functions.php */

    .custom-cart-notification {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #f8f9fa;
        color: #212529;
        border: 1px solid #dee2e6;
        padding: 20px 30px;
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        z-index: 10000;
        min-width: 300px;
        text-align: center;
        opacity: 0;
        transition: all 0.3s ease;
    }
    
    .custom-cart-notification.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    
    .custom-cart-notification:not(.show) {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }
    
    .notification-content {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        font-size: 16px;
        line-height: 1.5;
    }
    
    .notification-texts {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    
    .notification-main-text {
        font-weight: 500;
        white-space: nowrap;
    }
    
    .notification-link {
        color: #007cba;
        text-decoration: none;
        font-size: 14px;
        font-weight: 500;
        transition: color 0.2s ease;
        white-space: nowrap;
    }
    
    .notification-link:hover {
        color: #005a87;
        text-decoration: underline;
    }
    
    .notification-icon {
        background: #28a745;
        color: white;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: bold;
        flex-shrink: 0;
    }
    
    /* Скрываем стандартные уведомления */
    .woocommerce-message, 
    .woocommerce-error, 
    .woocommerce-info,
    .added_to_cart_notification {
        display: none !important;
    }

/* AJAX Add to Cart Message - по центру экрана */
.added_to_cart_notification {
    background: #f8f9fa !important;
    color: #212529 !important;
    border: 1px solid #dee2e6 !important;
    padding: 20px 30px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
    font-size: 16px !important;
    font-weight: normal !important;
    z-index: 10000 !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    min-width: 300px !important;
    text-align: center !important;
    line-height: 1.5 !important;
}

.added_to_cart_notification .added-product-text {
    color: #212529 !important;
    font-size: 16px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
}

.added_to_cart_notification strong {
    color: #495057 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.added_to_cart_notification .avia-arrow {
    display: none !important;
}

/* Иконка успеха */
.added_to_cart_notification .added-product-text:before {
    content: "✓";
    background: #28a745;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    flex-shrink: 0;
}
/* Add to Cart Message */    

.added-product-text {
    color: #444444 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.woocommerce-message {
    background: #f8f9fa !important; /* Светло-серый фон */
    border: none !important; /* Убираем рамку */
    border-left: 4px solid #3960ff !important; /* Синяя полоска слева */
    color: #333 !important;
    padding: 15px 250px 15px 20px !important;
    border-radius: 0 !important;
    margin-bottom: 20px !important;
}

.woocommerce-message .button.wc-forward {
    max-width: 200px !important;
    background: #3960ff !important;
    border: 1px solid #3960ff !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.woocommerce-message .button.wc-forward:hover {
    background: #fff !important;
    border-color: #3960ff !important;
    color: #3960ff !important;
}

/* Убираем фон у контента вкладок */
.woocommerce-Tabs-panel {
    background: none !important;
    background-color: transparent !important;
}

#top .avia_cart_buttons .button {
    width: 100% !important;
    text-align: center !important;
    padding: 10px 2px !important;
}

#top .dropdown_widget .buttons .button, div .dropdown_widget .cart_list li a, dl.variation dt, .cart_dropdown .dropdown_widget .widget_shopping_cart_content .variation p {
    color: #444444 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.woocommerce-mini-cart__total {
    font-size: 14px !important;     
}

/* Скроем фильтры на десктопе */
.filters-toggle-section {
    display: none !important;
}

/* Checkout Page */
#top .main_color input[type='text'] {
    color: #444444 !important;
    font-weight: 400 !important;
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
    font-weight: 400 !important;
}

.template-shop .product_meta {
    color: #444444 !important;
    font-size: 14px !important;
}

#top .woocommerce-tabs .tabs li a {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.product_meta {
    display: block;
}

.product_meta > span {
    display: block;
    margin-bottom: 8px;
}

.product_meta > span:last-child {
    margin-bottom: 0;
}


@media (max-width: 767px){
    h1 {
        font-size: 24px !important;
    }

    h2 {
        font-size: 22px !important;
    }
    .responsive .av-burger-menu-main {
        display: none !important;
    }
    .responsive .logo img, .responsive .logo svg {
        height: 40px !important;
        margin-top: 0 !important;
    }
    #top .menu-item-search-dropdown > a.avia-svg-icon {
        padding-top: 4px !important;
    }
    .input_checkbox_label {
        font-size: 10px !important;
    }
    
    #map .container, #product-slider .container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* 2 Columns Product grid */
    div .products .product, div .columns-5 .products .product {
        width: 49% !important;
        padding: 5px !important;
        margin-bottom: 10px !important;
    }
 
 
 
 
 
 
 
 

    
    
    
    
    
    
    
    
    
    
    
    .woocommerce-message {
        padding: 10px 120px 10px 10px !important;
    }
    .woocommerce-message .button.wc-forward {
        padding: 8px 10px !important;
        font-size: 14px !important;
    }
    
    .content {
        padding-top: 20px !important;
    }
    
    div .products .product {
        margin-bottom: 0 !important;
    }
    
    /* Product Slider */

    .avia-content-slider .slide-entry-wrap {
        padding: 0 20px !important;
    }

    #top .avia-content-slider .avia-slideshow-arrows a {
        margin: -30px 10px 0 !important;
    }
    
    /* Покажем фильтры на мобильном */
    .filters-toggle-section {
        display: block !important;
    }
    
    #top .price_slider_amount .button, div .widget_price_filter .price_slider_wrapper .price_label
    {
        float: left !important;
    }
    
    div .product-sorting {
        padding-bottom: 4px !important;
    }

    .woocommerce-page .button {
        min-width: 80px !important;
    }

    .r1wh-row {
        grid-template-columns: 35% 15% 15% 35% !important;
    }

    .r1wh-box, .r1wh-table, .r1wh-row, .r1wh-row > div {
        font-size: 12px !important;
    }

    .r1wh-qty {
        width: 33px !important;
        margin: 0 !important;
    }

    .r1-wh-buy {
        padding: 10px !important;
        font-size: 12px !important;
    }
    
    .r1wh-instock-text {
        display: none;
    }
    
    .r1wh-stock-cell {
        text-align: center;
    }
    
    .product_on_sale .inner_product_header
    {
        padding-right: 0 !important;
    }
    div .product-sorting li, div .product-sorting ul {
        width: 100% !important;
        text-align: center !important;
    }
    .sort-param>li>a, .sort-param>li>span {
        border-radius: 6px !important;
    }
    .product-hover-img {
        display: none !important;
    }
    
    .product-image-hover-container {
        display: block;
    }
    .avia_cart_buttons {
        display: none !important;
    }
    
    /* Payment расстояние между иконками */
    #footer .payment-widgets-section .pay-systems {
        gap: 12px;
    }

    .av-cart-container {
        --cart-icon-y: 0px !important;
    }

}

/* Стили для секции фильтров */
.filters-toggle-section {
    width: 100%;
    margin: 20px 0;
    padding: 0;
}

/* Кнопка показать/скрыть фильтры */
.show-filters-btn {
    background: #f8f8f8 !important;
    color: #444444 !important;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    border: 1px solid #f2f2f2 !important;
    outline: none !important;
}

/* Убираем синий outline при фокусе */
.show-filters-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем стандартные стили активного состояния */
.show-filters-btn:active {
    background: #f8f8f8 !important;
    transform: translateY(0);
}

.show-filters-btn:hover {
    background: #f8f8f8 !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: #444444 !important;
}

.show-filters-btn.active {
    background: #f8f8f8 !important;
    color: #444444 !important;
    border-color: #cccccc !important;
}

.show-filters-btn.active:hover {
    background: #f0f0f0 !important;
    color: #444444 !important;
}

.filter-icon {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.show-filters-btn:hover .filter-icon {
    transform: scale(1.1);
}

/* Область фильтров */
.filters-mobile-area.category-filters {
    width: 100%;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
}

.filters-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    align-items: start;
    padding: 20px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Состояния скрыто/показано */
.filters-hidden {
    display: none !important;
}

.filters-visible {
    display: block !important;
}

/* Анимация появления */
.filters-mobile-area.category-filters {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}

.filters-mobile-area.category-filters.filters-visible {
    opacity: 1;
    height: auto;
    overflow: visible;
}

/* Стили для элементов внутри фильтров */
.filters-container .widget {
    margin-bottom: 0;
    padding: 0;
}

.filters-container select,
.filters-container input[type="text"],
.filters-container input[type="number"] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.filters-container label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
    font-size: 13px;
}

.main_color .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #d3d3d3;
}

.main_color .widget_price_filter .ui-slider-horizontal .ui-slider-range, #top .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
    background-color: #3960ff !important;
}

.main_color .widget_price_filter .price_slider_wrapper .ui-widget-content {
    margin-bottom: 20px !important;
}

div .widget_price_filter .price_slider_wrapper .price_label {
    margin-top: 10px !important;
}

/* Адаптивность */
@media (max-width: 768px) {
    .filters-toggle-section {
        margin: 15px 0;
    }
    
    .show-filters-btn {
        width: 100%;
        justify-content: center;
        padding: 10px 20px;
        font-size: 12px;
    }
    
    .filters-container {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 15px;
    }
    
    .filters-container .widget {
        padding: 10px 0;
    }
}

/* Дополнительные стили для лучшего внешнего вида */
.filters-toggle-section + .products {
    margin-top: 20px;
}

/* Стили для смены изображения при наведении */
/* Контейнер */
.product-image-hover-container{
  position: relative;
  display:block;
  overflow:hidden;
  border-radius:8px;
  margin-bottom:15px;
}

/* Оба изображения */
.product-image-hover-container .product-main-img,
.product-image-hover-container .product-hover-img{
  display:block;
  width:100%;
  height:auto;
  transition: opacity 0.9s ease;   /* <-- СКОРОСТЬ СМЕНЫ */
}

/* Hover-картинка поверх */
.product-image-hover-container.has-hover-img .product-hover-img{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
}

/* Показываем hover на ВСЮ карточку товара (включая кнопки) */
li.product:hover .product-image-hover-container.has-hover-img .product-hover-img{
  opacity:1;
  visibility:visible;
}

/* (опционально) можно чуть приглушать основную при hover */
li.product:hover .product-image-hover-container.has-hover-img .product-main-img{
  opacity:0;
}

/* ВАЖНО: отключаем увеличение контейнера и картинок (чтобы не "прыгало" на кнопках) */
li.product:hover .product-image-hover-container,
li.product:hover .product-image-hover-container img{
  transform:none !important;
}


/* Скругление */
/* === SINGLE PRODUCT: основное изображение === */
.single-product-main-image .woocommerce-product-gallery,
.single-product-main-image .woocommerce-product-gallery__wrapper,
.single-product-main-image .woocommerce-product-gallery__wrapper > a{
    border-radius: 12px;           /* скругление */
    overflow: hidden;              /* важно для overlay */
}

/* Само изображение */
.single-product-main-image .woocommerce-product-gallery__wrapper img{
    border-radius: 12px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

/* Overlay Enfold — чтобы не торчал за углы */
.single-product-main-image .image-overlay{
    border-radius: 12px;
}


/* === SINGLE PRODUCT: миниатюры === */
.single-product-main-image .thumbnails a{
    display: inline-block;
    border-radius: 8px;
    overflow: hidden;
}

/* Картинки миниатюр */
.single-product-main-image .thumbnails img{
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

/* Overlay у миниатюр */
.single-product-main-image .thumbnails .image-overlay{
    border-radius: 8px;
}

/* Убираем "съедание" бордера при hover (Enfold любит scale) */
.single-product-main-image .thumbnails a:hover img,
.single-product-main-image .woocommerce-product-gallery__wrapper > a:hover img{
    transform: none !important;
}

/* Убираем серую рамку у миниатюр */
#top .single-product-main-image .thumbnails a {
    padding: 0px !important;
}

.alternate_color .inner_product {
    border-radius: 12px !important;
}



/* Подмена SVG корзины Enfold без изменения размеров и поведения */
.av-cart-container{
  position: relative;
  display: inline-block;

  /* НАСТРОЙКИ */
  --cart-icon-size: 32px;   /* размер иконки */
  --cart-icon-x: -2px;       /* сдвиг по X (влево −, вправо +) */
  --cart-icon-y: 6px;       /* сдвиг по Y (вверх −, вниз +) */
}

.av-cart-container > svg{
  opacity: 0 !important;
  display: block;
}

.av-cart-container::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--cart-icon-size);
  height: var(--cart-icon-size);
  transform: translate(-50%, -50%)
             translate(var(--cart-icon-x), var(--cart-icon-y));
  background: url("/wp-content/uploads/2026/01/cart.svg") no-repeat center;
  background-size: contain;
  pointer-events: none;
}








/* === ФИЛЬТРЫ === */

.wpfFilterWrapper .wfpTitle {
    font-size: 16px !important;
    font-weight: bold !important;
    height: 25px !important;
    margin: inherit !important;
    padding: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
    display: inline-block !important;
    float: none !important;
}

.wpfFilterWrapper {
    text-align: left !important;
}

/* Трек (фон) */
#wpfSliderRange.ui-slider.ui-slider-horizontal {
    height: 8px !important;
    background: #e5e7eb !important;   /* как трек скролла */
    border: 1px solid #e5e7eb !important; /* бордер в цвет фона, визуально без рамки */
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Заполненная часть трека между ручками */
#wpfSliderRange .ui-slider-range {
    background: #3960ff !important;   /* как бегунок скролла (чуть темнее фона) */
    border: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Ручки (ползунки) */
#wpfSliderRange .ui-slider-handle {
    width: 16px !important;
    height: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    background: #3960ff !important;   /* как бегунок скролла */
    border: 2px solid #3960ff !important; /* бордер в цвет бегунка */
    border-radius: 999px !important;  /* полностью круглые */
    box-shadow: none !important;      /* без теней */
    outline: none !important;

    /* убрать стандартные стили jQuery UI */
    cursor: grab !important;
}

/* Ховер/фокус — слегка светлее (без тени) */
#wpfSliderRange .ui-slider-handle:hover,
#wpfSliderRange .ui-slider-handle:focus,
#wpfSliderRange .ui-slider-handle.ui-state-hover,
#wpfSliderRange .ui-slider-handle.ui-state-focus {
    background: #3960ff !important;
    border-color: #3960ff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Активное перетаскивание */
#wpfSliderRange .ui-slider-handle:active,
#wpfSliderRange .ui-slider-handle.ui-state-active {
    cursor: grabbing !important;
    background: #3960ff !important; /* без скачков цвета при drag */
    border-color: #3960ff !important;
    box-shadow: none !important;
}

/* Убираем любые внутренние тени/границы у самого контейнера-виджета */
#wpfSliderRange.ui-widget,
#wpfSliderRange.ui-widget-content {
    border: none !important;
    box-shadow: none !important;
    background-clip: padding-box !important;
}

/* Чуть скругляем «края» диапазона, если ручки у границ */
#wpfSliderRange .ui-slider-range { border-radius: 8px !important; }

/* Поля ввода цены — в тон, без рамок, легкое скругление */
.wpfPriceInputs .wpfPriceRangeField {
    border: none !important;
    background: #f9fafb !important;   /* едва светлее трека, чтобы читалось */
    border-radius: 6px !important;
    padding: 6px 8px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* При фокусе — без синей рамки */
.wpfPriceInputs .wpfPriceRangeField:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Валютный символ и дефис — лёгкая приглушённость */
.wpfPriceInputs .wpfCurrencySymbol,
.wpfPriceInputs .wpfFilterDelimeter {
    color: #9ca3af !important; /* серо-500 */
}

/* Немного воздуха под слайдером */
.wpfFilterContent .wpfPriceFilterRange { margin-bottom: 10px !important; }


/* Иконка «минус» — чуть темнее, как трек */
.wpfFilterTitle .wpfTitleToggle {
    color: #bfbfbf !important;            /* в тон треку */
}
/* опционально немного темнее при ховере */
.wpfFilterTitle .wpfTitleToggle:hover {
    color: #a6a6a6 !important;            /* gray-400 */
}

/* Трек (фон полосы прокрутки) */
.wpfFilterVerScroll::-webkit-scrollbar-track {
    background: #e5e7eb !important;       /* светло-серый фон */
    border: 1px solid #e5e7eb !important; /* бордер того же цвета */
    border-radius: 8px !important;        /* плавные скругления */
}

/* БЕГУНОК: без теней (в т.ч. inset), сохраняем прежние цвета/бордеры */
.wpfFilterVerScroll::-webkit-scrollbar-thumb {
    background: #3960ff !important;       /* как было: светлее трека */
    border: 2px solid #3960ff !important; /* бордер в цвет бегунка */
    border-radius: 8px !important;

    /* убрать любые тени */
    box-shadow: none !important;
    -webkit-box-shadow: none !important;

    /* чтобы не просвечивали края */
    background-clip: padding-box !important;
    outline: none !important;
}








.why__banner {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  min-height: 300px;
}

/* внутренний блок с контентом - на него вешаем градиент */
.why__banner-inner {
  position: relative;
  border-radius: 30px;
  min-height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* градиент поверх фоновой картинки на inner */
.why__banner-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 30px;
  background: linear-gradient(
    90deg,
    rgba(47, 201, 177, 0.95) 31.9%,
    rgba(47, 201, 178, 0) 88.55%
  );
  pointer-events: none; /* чтобы градиент не мешал кликать по контенту */
}

/* блок с контентом */
.why__banner-content {
  position: relative;
  z-index: 2;
  padding: 32px 35px;
  max-width: 640px;
}

/* заголовок */
.why__banner-title {
  color: #fff;
  margin-bottom: 10px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

/* текст */
.why__banner p,
.why__banner-content p {
  color: #fff;
  margin: 0 0 20px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 137%;
}

/* кнопка */
.why__banner .btn--white {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 28px;
  border-radius: 14px;
  background: #fff;
  color: #222 !important;
  text-decoration: none;
  font-weight: 500;
  line-height: 1;
  transition: background-color 0.2s ease;
  border: none;
  cursor: pointer;
}

.why__banner .btn--white:hover {
  background: #f4f4f4;
}

/* убираем лишние <br> если они есть */
.why__banner .btn--white br {
  display: none;
}

/* планшет - меняем направление градиента на вертикальное */
@media (max-width: 1000px) {
  .why__banner-inner::before {
    background: linear-gradient(
      0deg,
      rgba(47, 201, 177, 0.95) 31.9%,
      rgba(47, 201, 178, 0) 88.55%
    );
  }
}

/* мобилка */
@media (max-width: 700px) {
  .why__banner {
    min-height: 400px;
  }
  
  .why__banner-inner {
    min-height: 400px;
    display: flex !important;
  }

  .why__banner-content {
    margin-top: auto !important;
  }

  .why__banner-content {
    padding: 40px 15px;
  }

  .why__banner-title {
    font-size: 25px;
  }

  .why__banner p,
  .why__banner-content p {
    font-size: 13px;
    margin-bottom: 15px;
  }

  .why__banner .btn--white {
    padding: 14px 22px;
    font-size: 14px;
  }
}

/* для очень маленьких экранов */
@media (max-width: 480px) {
  .why__banner-content {
    padding: 30px 15px;
  }
  
  .why__banner-title {
    font-size: 22px;
  }
}






#top .av_one_fourth{
    margin-left:2%;
    width:23.5%;
}

#top .av_one_fourth.first{
    margin-left:0;
}







/* Основа для карточек */
.works__cards-item {
  background: #fff;
  border-radius: 25px;
  padding: 25px;
}

.works__item-num,
.works__item-num-alt {
  margin-bottom: 35px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 60px;
  font-weight: 700;
}

.works__item-num {
  color: #f4f4f4;
}

.works__item-num-alt {
  color: #f4f4f4; /* Здесь можно указать другой цвет по умолчанию, если нужно */
}

.works__item-title {
  color: #000;
  margin-bottom: 10px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.works__cards-item p {
  color: #797979;
  font-family: Euclid-Circular, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 147%;
}

/* Адаптация для мобильных (до 700px) */
@media (max-width: 700px) {
  .works__cards-item {
    border-radius: 15px;
    padding: 10px;
  }
  
  .works__item-num,
  .works__item-num-alt {
    margin-bottom: 15px;
    font-size: 30px;
  }
  
  .works__item-title {
    margin-bottom: 15px;
    font-size: 15px;
  }
  
  .works__cards-item p {
    font-size: 12px;
  }
}

/* Цвета для номеров */
.works__cards-item:first-child .works__item-num {
  color: #24a591;
}

.works__cards-item:nth-child(2) .works__item-num-alt {
  color: #24a591;
}



#top .why__cards-item{
    background:#fff;
    border-radius:25px;
    padding:30px;
    border:none;
}

/* header вертикально */
#top .why__cards-item .entry-content-header{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

/* иконка */
#top .why__cards-item .iconbox_icon{
    width:60px;
    height:60px;
    background:#f4f6f5;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:0;
    margin-bottom:12px;
}

/* заголовок */
#top .why__cards-item .iconbox_content_title{
    margin:0 0 10px 0;
}



.works__video {
    border-radius: 25px; /* Задайте нужный радиус скругления */
    overflow: hidden;    /* Важно: скрывает содержимое, выходящее за закругленные границы */
    width: 100%;         /* Ширина на весь родительский контейнер */
    max-width: 100%;     /* Предотвращает выход за пределы */
    position: relative;  /* Для правильного позиционирования внутренних элементов */
    background: #000;    /* Фон на случай, если видео не загрузится */
}

.works__video video,
.works__video .mejs-container,
.works__video .mejs-inner,
.works__video .mejs-mediaelement,
.works__video .avia_video {
    width: 100% !important;      /* Растягиваем на всю ширину */
    height: 100% !important;     /* Растягиваем на всю высоту */
    position: absolute;          /* Абсолютное позиционирование */
    top: 0;
    left: 0;
    object-fit: cover;           /* Заполняет контейнер, сохраняя пропорции */
    border-radius: inherit;      /* Наследует скругление от родителя */
}

.works__video video {
    object-fit: cover;           /* Для самого видео элемента */
    width: 100%;
    height: 100%;
    display: block;              /* Убирает возможные отступы */
}









/* ========== БЛОК КОНТАКТОВ ========== */

/* Основной контейнер контактов */
.contacts__content {
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 560px;
    display: flex;
}

/* Каждый элемент контакта (телефон, адрес, email, режим работы) */
.contacts__content-item {
    background: #fff;
    border-radius: 20px;
    align-items: center;
    gap: 30px;
    padding: 25px 30px;
    display: flex;
}

/* Иконки в элементах контактов */
.contacts__content-item svg,
.contacts__content-item img {  /* Добавил img для ваших новых иконок */
    flex-shrink: 0;
}

/* Контейнер с текстом внутри элемента */
.contacts__item-descr {
    flex-direction: column;
    gap: 10px;
    display: flex;
}

/* Ссылки и текст в описании */
.contacts__item-descr a, 
.contacts__item-descr span {
    color: #0e131a;
    font-family: Euclid-Circular, sans-serif;
    font-size: 22px;
    font-weight: 500;
}

/* Заголовок элемента (например "Номер телефона") */
.contacts__descr-title {
    color: #848b8c;
    font-family: Euclid-Circular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

/* Последний блок с соцсетями */
.contacts__content-last {
    background: #fff;
    border-radius: 20px;
    flex-direction: column;
    gap: 10px;
    padding: 25px 30px;
    display: flex;
}

/* Заголовок блока с соцсетями */
.contacts__last-title {
    color: #848b8c;
    font-family: Euclid-Circular, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

/* Контейнер с кнопками соцсетей */
.contacts__last-btns {
    align-items: center;
    gap: 5px;
    display: flex;
}

/* ========== МЕДИА-ЗАПРОСЫ ДЛЯ АДАПТИВА ========== */

@media (width <= 1000px) {
    /* На планшетах контейнер занимает всю ширину */
    .contacts__content {
        max-width: none;
    }
    
    /* Уменьшаем иконки */
    .contacts__content-item svg,
    .contacts__content-item img {
        width: 26px;
        height: 26px;
    }
    
    /* Уменьшаем отступы */
    .contacts__content-item {
        padding: 15px;
    }
    
    .contacts__content-last {
        padding: 15px;
    }
    
    /* Уменьшаем иконки соцсетей */
    .contacts__last-btns svg,
    .contacts__last-btns img {
        width: 40px;
        height: 40px;
    }
}

@media (width <= 700px) {
    /* На мобильных уменьшаем тексты и отступы */
    .contacts__content-item {
        gap: 15px;
    }
    
    .contacts__item-descr a, 
    .contacts__item-descr span {
        font-size: 15px;
    }
    
    .contacts__item-descr {
        gap: 5px;
    }
    
    .contacts__descr-title,
    .contacts__last-title {
        font-size: 12px;
    }
}



/* ========== КНОПКИ СОЦСЕТЕЙ С ФОРСИРОВАННОЙ ИНВЕРСИЕЙ ========== */

.contacts__last-btns {
    display: flex;
    align-items: center;
    gap: 5px;
}

.contacts__last-btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: transparent;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Форсированная инверсия SVG */
.contacts__last-btns svg {
    filter: invert(1) !important;
    width: 100% !important;
    height: 100% !important;
    transition: all 0.3s ease !important;
}

/* При наведении - убираем инверсию */
.contacts__last-btns a:hover svg {
    filter: invert(0) !important;
}

/* Скрываем лишние оверлеи WordPress */
.contacts__last-btns .image-overlay {
    display: none !important;
}

/* Если иконки через <img> */
.contacts__last-btns img {
    filter: invert(1) !important;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
}

.contacts__last-btns a:hover img {
    filter: invert(0) !important;
}

/* ========== АДАПТИВ ========== */

@media (width <= 1000px) {
    .contacts__last-btns a {
        width: 40px;
        height: 40px;
    }
}

@media (width <= 700px) {
    .contacts__last-btns a {
        width: 44px;
        height: 44px;
    }
}

/* ========== АЛЬТЕРНАТИВА: brightness + инверсия ========== */
/*
Если нужны черные иконки:
.contacts__last-btns svg {
    filter: brightness(0) !important;
}

Если нужны белые иконки на черном фоне:
.contacts__last-btns svg {
    filter: brightness(0) invert(1) !important;
}
*/





.contacts__form {
  background: #24a591;
  border-radius: 25px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 35px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contacts__form img {
  position: absolute;
  top: 0;
  right: 0;
}

.contacts__form br {
  display: none;
}

.contacts__form .label-row p {
  gap: 15px;
  margin-bottom: 35px;
  display: flex;
}

@media (width <=700px) {
  .contacts__form .label-row p {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
  }
}

.contacts__form label:not(.custom-checkbox) {
  color: #fff;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  font-family: Euclid-Circular, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

/* Усиливаем селектор для инпутов */
.contacts__form input.wpcf7-form-control.wpcf7-text,
.contacts__form input.wpcf7-form-control.wpcf7-tel {
  color: #fff !important;
  background: #ffffff26 !important;
  border-radius: 15px !important;
  width: 100% !important;
  padding: 30px !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  border: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  height: auto !important;
}

.contacts__form input.wpcf7-form-control.wpcf7-text::placeholder,
.contacts__form input.wpcf7-form-control.wpcf7-tel::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
  opacity: 1 !important;
}

@media (width <=700px) {
  .contacts__form input.wpcf7-form-control.wpcf7-text,
  .contacts__form input.wpcf7-form-control.wpcf7-tel {
    padding: 20px !important;
    font-size: 14px !important;
  }
}

.contacts__form .btn.btn--white {
  color: #000 !important;
  background: #fff !important;
  border-radius: 15px !important;
  text-align: center !important;
  width: 100% !important;
  margin-top: 20px !important;
  padding: 30px !important;
  font-family: Euclid-Circular, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 147% !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}

@media (width <=700px) {
  .contacts__form .btn.btn--white {
    padding: 25px !important;
    font-size: 12px !important;
  }
}

.contacts__form .custom-checkbox .wpcf7-list-item label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  color: #fff !important;
}

.contacts__form .custom-checkbox {
  color: #fff !important;
  cursor: pointer !important;
  font-family: Euclid-Circular, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

.contacts__form .custom-checkbox .wpcf7-list-item {
  margin: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
}

.contacts__form .custom-checkbox .wpcf7-list-item-label {
  color: #fff !important;
  display: inline !important;
}

.contacts__form .custom-checkbox input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  border: 1px solid #fff !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
  width: 17px !important;
  height: 17px !important;
  margin: 2px 10px 0 0 !important;
  display: inline-block !important;
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}

.contacts__form .custom-checkbox input[type="checkbox"]:checked {
  background: transparent !important;
}

.contacts__form .custom-checkbox input[type="checkbox"]:checked:after {
  content: "" !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='9' fill='none'><path stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.495' d='M1 4.5 3.667 8 9 1'/></svg>") center / contain no-repeat !important;
  width: 10px !important;
  height: 9px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

@media (width <=700px) {
  .contacts__form {
    border-radius: 15px;
    padding: 15px;
  }
}

.contacts__form-title {
  color: #fff;
  max-width: 321px;
  margin-bottom: 10px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

@media (width <=700px) {
  .contacts__form-title {
    font-size: 20px;
  }
}

.contacts__form-text {
  color: #fff;
  max-width: 295px;
  margin-bottom: 35px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 137%;
}

@media (width <=700px) {
  .contacts__form-text {
    margin-bottom: 20px;
    font-size: 13px;
  }
}









/* ==================== ВАШИ БЛОКИ ==================== */

.main__ticker .container.av-section-cont-open {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.main__section .container {
  position: relative;
  z-index: 2;
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  height: 100%;
}

/* БЛОК MAIN - растягиваем на всю высоту и делаем флекс-контейнером */
.main__section main {
  padding-top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.main__section .entry-content-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

/* Контент внутри первого блока */
.main-section__content {
  max-width: 930px;
  padding-top: 70px;
  flex-shrink: 0; /* не сжимается */
}

.main-section__content h1 {
  color: #fff;
  margin-bottom: 15px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 104%;
}

.main-section__content p {
  color: #fff;
  margin-bottom: 30px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 156%;
}

/* Кнопка по центру */
.main-section__content .btn.js-overlay__btn-open {
  color: #fff;
  background: #24a591;
  border-radius: 15px;
  padding: 25px 45px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

/* Скрываем перенос строки внутри кнопки */
.main-section__content .btn.js-overlay__btn-open br {
  display: none;
}

.main-section__content .btn.js-overlay__btn-open:hover {
  background: #1e8b7a;
}

/* Второй блок - карточки */
.main-section__cards {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 40px 0;
  max-width: 1330px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  flex-shrink: 0; /* не сжимается */
}

.main-section__cards-item {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  flex-direction: column;
  gap: 10px;
  max-width: 310px;
  padding: 20px 20px 20px 20px;
  display: flex;
  border-radius: 15px;
}

.main-section__item-title {
  color: #fff;
  font-family: Euclid-Circular, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.main-section__cards-item p {
  color: #fff;
  font-family: Euclid-Circular, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
  opacity: 0.9;
}

/* Третий блок - бегущая строка (ПРИЖАТА К НИЗУ БЛОКА main) */
.av_textblock_section.main__ticker {
  margin-top: auto;
  margin-bottom: 0; /* Убираем нижний отступ */
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  flex-shrink: 0;
}

.ticker-wrapper {
  background: #24a591;
  width: 100%;
  height: 45px;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.ticker-track {
  width: fit-content;
  animation: 50s linear infinite scroll-left;
  display: flex;
}

.ticker-content {
  white-space: nowrap;
  display: flex;
}

.ticker-content p {
  margin: 0;
  display: flex;
}

.ticker-content span {
  color: #fff;
  border-left: 1px solid #fff;
  padding: 0 15px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: block;
}

.ticker-content p:first-child span {
  border-left: none;
}

.ticker-track .ticker-content {
    color: #ffffff; /* Белый цвет текста */
}

/* Если внутри <p> есть <span>, то цвет унаследуется автоматически */
.ticker-track .ticker-content p {
    margin-right: 40px; /* Отступ справа между блоками <p> (справа от каждого элемента) */
    /* Или используйте margin-left: 40px; для отступа слева */
}

/* Альтернативный способ: отступы через gap, если родитель - flex-контейнер */
.ticker-track .ticker-content {
    display: flex;
    gap: 20px; /* Отступы между элементами внутри .ticker-content */
    color: #ffffff;
}


/* Анимация для бегущей строки */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* ==================== АДАПТАЦИЯ ==================== */

@media (width <= 1200px) {
  .main-section__content h1 {
    font-size: 42px;
  }
  
  .main-section__cards-item {
    max-width: 280px;
  }
}

@media (width <= 1000px) {
  .main-section__cards {
    display: none;
  }
  
  .main-section__content {
    padding-top: 40px;
  }
  
  .main-section__content h1 {
    font-size: 36px;
  }
}

@media (width <= 700px) {
  .main-section__content {
    padding-top: 30px;
  }
  
  .main-section__content h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  
  .main-section__content p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  
  .main-section__content .btn.js-overlay__btn-open {
    padding: 20px 35px;
    font-size: 14px;
  }
  
  .ticker-content span {
    font-size: 14px;
    padding: 0 12px;
  }
}

@media (width <= 600px) {
  .main-section__content h1 {
    font-size: 26px;
  }
  
  .main-section__content p {
    font-size: 13px;
  }
  
  .main-section__content .btn.js-overlay__btn-open {
    padding: 18px 30px;
    font-size: 13px;
  }
  
  .ticker-content span {
    font-size: 12px;
    padding: 0 10px;
  }
}









.phone-info {
    padding: 3px 0 !important;
}

.html_header_top.html_header_topbar_active.html_header_sticky #top #main {
    padding-top: 132px !important;
}












/* Для header_meta если нужно отдельно */
#header_meta .container, #header_main .container {
    max-width: 100% !important;
    width: 100% !important;
}


/* Верхняя строка */
.header__top {
  background: #f9f9f9;
  padding: 0;
  width: 100%;
}

.header__top .container {
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px 20px;
  flex-wrap: wrap;
}

/* Все элементы */
.header__top a,
.header__top span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
  font-family: Euclid-Circular, sans-serif;
  font-size: 14px;
  white-space: nowrap;
}

/* Иконки */
.header__top img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Блок с соцсетями - УБРАНА ТЕНЬ, УМЕНЬШЕН РАЗМЕР */
.header__top-btns {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
}

.header__top-btns a {
  padding: 0 !important;
  background: white !important;
  border-radius: 6px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s ease;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  /* Убираем тени */
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
}

.header__top-btns a:hover {
  background: #f0f0f0 !important;
  /* Убираем тени при наведении */
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  transform: none !important;
}

/* 🟢 ИСПРАВЛЕННЫЙ КОД - для иконок с классом r1-chat-icon */
.header__top-btns .r1-chat-icon {
  width: 15px !important;
  height: 15px !important;
  background-color: currentColor !important;
}

/* 🟢 ДЛЯ ПЛАГИНА 1R-CHAT - переопределяем их стили */
.r1-chat-shortcode .r1-chat-item .r1-chat-icon {
  width: 15px !important;
  height: 15px !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

/* 🟢 Если нужен другой цвет при наведении */
.header__top-btns a:hover .r1-chat-icon {
  background-color: currentColor !important;
}

/* Старый код для img оставляем на всякий случай */
.header__top-btns img {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  margin: 0 !important;
}

/* Телефон */
.header__top a[href^="tel:"] {
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}

/* Планшеты */
@media (max-width: 1200px) {
  .header__top .container {
    gap: 10px 15px;
  }
  
  .header__top a,
  .header__top span {
    font-size: 13px;
  }
  
  .header__top a[href^="tel:"] {
    font-size: 15px;
  }
}

/* Мобильные */
@media (max-width: 900px) {
  .header__top .container {
    justify-content: center;
    gap: 12px;
  }
  
  .header__top a,
  .header__top span {
    font-size: 12px;
  }
  
  .header__top-btns {
    order: 1;
  }
  
  .header__top a[href^="tel:"] {
    font-size: 14px;
    order: 2;
  }
}

/* Маленькие мобильные */
@media (max-width: 600px) {
  .header__top {
    padding: 10px 0;
  }
  
  .header__top .container {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .header__top a,
  .header__top span {
    width: 100%;
    white-space: normal;
    word-break: break-word;
  }
  
  .header__top-btns {
    width: 100%;
    justify-content: flex-start;
  }
  
  .header__top-btns a {
    width: 42px;
    height: 42px;
    min-width: 42px;
  }
  
  .header__top-btns img {
    width: 22px;
    height: 22px;
  }
  
  .header__top a[href^="tel:"] {
    width: 100%;
    font-size: 16px;
  }
}

/* Очень маленькие экраны */
@media (max-width: 400px) {
  .header__top-btns {
    justify-content: center;
  }
  
  .header__top a,
  .header__top span {
    text-align: center;
    justify-content: center;
  }
}













/* =========================
   ШАПКА В ОДНУ СТРОКУ: ЛОГО | МЕНЮ | ПОИСК | КОРЗИНА
   ДЕСКТОПНАЯ ВЕРСИЯ (слева направо)
========================= */

/* Контейнер шапки */
#header_main .av-logo-container .inner-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* Распределяем пространство между элементами */
    flex-wrap: nowrap !important; /* Запрещаем перенос на десктопе */
    width: 100% !important;
}

/* Логотип — СЛЕВА на десктопе */
#header_main .logo {
    flex-shrink: 0 !important; /* Запрещаем сжиматься */
    margin-right: auto !important; /* Отталкиваем следующие элементы вправо */
    display: flex !important;
    align-items: center !important;
    order: 0 !important; /* Сбрасываем порядок */
    width: auto !important; /* Возвращаем автоматическую ширину */
}

/* Главное меню — ПО ЦЕНТРУ СВОЕГО БЛОКА между лого и поиском */
#header_main nav.main_menu {
    flex: 1 1 auto; /* Позволяем меню расти */
    display: flex;
    align-items: center;
    justify-content: center; /* ← ИСПРАВЛЕНО: центрируем пункты внутри блока меню */
    margin: 0;
    padding: 0;
    position: static;
    order: 0 !important; /* Сбрасываем порядок */
}

/* Обертка меню */
#header_main #mega-menu-wrap-avia {
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
}

/* Сам список меню */
#header_main #mega-menu-avia {
    display: flex;
    align-items: center;
    justify-content: center; /* ← ИСПРАВЛЕНО: центрируем пункты */
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Пункты меню */
#header_main #mega-menu-avia > li.mega-menu-item {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    position: static;
}

/* Ссылки меню (ваши старые стили для hover) */
#header_main #mega-menu-avia > li.mega-menu-item > a.mega-menu-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    line-height: 45px;
    padding: 0 16px;
    font-size: 15px;
    white-space: nowrap;
    transition: color 0.3s ease;
    position: relative;
    z-index: 2;
}

/* Hover эффект */
#header_main #mega-menu-avia > li.mega-menu-item > a.mega-menu-link::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #24a591;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease;
    z-index: -1;
}

#header_main #mega-menu-avia > li.mega-menu-item > a.mega-menu-link:hover {
    color: #fff;
}

#header_main #mega-menu-avia > li.mega-menu-item > a.mega-menu-link:hover::before {
    transform: scaleY(1);
}

/* Фикс для мега-меню */
#header_main #mega-menu-avia > li.mega-menu-megamenu {
    position: static;
}

/* Выпадающее меню - позиционирование */
#header_main #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu {
    top: 40px !important;
    z-index: 9999 !important;
}

/* Правый блок: поиск + корзина — ПРИЖАТ К ПРАВОМУ КРАЮ */
#header_main .header-custom-widgets.cart-area {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-left: 20px !important; /* Отступ от меню */
    margin-right: 0 !important; /* Убираем правый отступ */
    padding: 0 !important;
    position: relative !important;
    z-index: 25 !important;
    float: none !important;
    height: 100% !important;
    order: 0 !important; /* Сбрасываем порядок */
}

/* Убираем лишнюю коробку виджета */
#header_main .header-custom-widgets.cart-area .widget,
#header_main .header-custom-widgets.cart-area .widget_block,
#header_main .header-custom-widgets.cart-area #block-7 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Делаем нормальный широкий поиск */
#header_main .header-custom-widgets.cart-area .aws-container {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    height: auto !important;
    border: 0 !important;
    display: block !important;
    margin: 0 20px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.cart_dropdown_first {
    margin: 0 20px 0 0 !important;
}

#header_main .header-custom-widgets.cart-area .aws-search-form {
    margin: 0 !important;
}

#header_main .header-custom-widgets.cart-area .aws-wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

#header_main .header-custom-widgets.cart-area .aws-search-field {
    width: 100% !important;
    height: 38px !important;
    padding: 0 44px 0 16px !important;
    margin: 0 !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 14px !important;
    background: #fff !important;
    font-size: 14px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
}

#header_main .header-custom-widgets.cart-area .aws-search-field:focus {
    border-color: #24a591 !important;
}

#header_main .header-custom-widgets.cart-area .aws-search-label {
    display: none !important;
}

#header_main .header-custom-widgets.cart-area .aws-search-clear,
#header_main .header-custom-widgets.cart-area .aws-loader {
    right: 14px !important;
}

/* Корзина справа */
#header_main #menu-item-shop {
    flex: 0 0 auto !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    border: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 25 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    list-style: none !important;
}

#header_main #menu-item-shop:hover {
    background: transparent !important;
}

/* Ссылка корзины */
#header_main #menu-item-shop .cart_dropdown_link {
    width: 44px !important;
    height: 40px !important;
    min-width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

#header_main .av-cart-counter {
    position: absolute !important;
    top: 25px !important; /* Немно поднял счетчик, так как убрал нижний отступ */
    right: 0px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #000 !important;
    color: #fff !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* Иконка корзины без лишней коробки */
#header_main #menu-item-shop .av-cart-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
}

/* Скрываем старый поиск */
#menu-item-search {
    display: none !important;
}

/* Бургер скрываем на десктопе */
#header_main .av-burger-menu-main {
    display: none !important;
}

/* Убираем старые float/table-поведения */
#header_main .logo,
#header_main nav.main_menu,
#header_main .header-custom-widgets.cart-area,
#header_main #menu-item-shop {
    float: none !important;
}

/* Стили для подменю (оставляем как у вас) */
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard,
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 5px !important;
}

/* =========================
   МОБИЛЬНАЯ ВЕРСИЯ ШАПКИ (до 767px)
   ТОЛЬКО ИСПРАВЛЕНИЕ БУРГЕР-МЕНЮ, ШАПКА НЕ ТРОГАЕТСЯ
========================= */
@media only screen and (max-width: 767px) {

    /* Логотип */
    #header_main .logo {
        width: 100% !important;
        margin: 30px 0 0 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .responsive #top .logo {
        height: 50px !important;
    }

    /* главное: центрируем ВЕСЬ nav, а не только бургер */
    .responsive #top #wrap_all .main_menu {
        top: 80px !important;
        width: 320px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        float: none !important;
        left: 0 !important;
        right: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* убираем прижатие внутренних блоков вправо */
    #header_main .main_menu > .header-custom-widgets,
    #header_main .main_menu > #menu-item-shop,
    #header_main .main_menu > #mega-menu-wrap-avia {
        float: none !important;
        margin: 0 !important;
    }

    /* Только бургер */
    #header_main #mega-menu-wrap-avia .mega-menu-toggle {
        display: block !important;
        margin: 0 !important;
        padding: 6px 16px !important;
    }

    #mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-block {
        margin-left: 0 !important;
    }

    #mega-menu-wrap-avia .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block:only-child {
        margin-right: 0 !important;
        margin-top: 0 !important;
    }

    /* Скрываем стандартное меню Enfold */
    #header_main .av-main-nav {
        display: none !important;
    }
}






@media (max-width: 768px) {

    /* меню на всю ширину шторки */
    #mega-menu-avia,
    #mega-menu-avia > li,
    #mega-menu-avia > li > a {
        display: block !important;
    }

    /* подменю вниз, а не вправо */
    #mega-menu-avia .mega-sub-menu {
        position: static !important;
        width: 100% !important;
    }
    
    
    /* только 2 уровень */
        #mega-menu-avia > li > .mega-sub-menu > li > a.mega-menu-link:before {
        margin: 0 10px 0 0 !important;
    }

    /* на всякий случай убираем у первого уровня */
    #mega-menu-avia > li > a.mega-menu-link:before {
        margin: 0 !important;
    }

}









/* WooCommerce styles */

/* 5 Columns Products grid */
div .columns-5 .products .product {
    width: 19.2% !important;
    margin-bottom: 50px !important;
}

.page-thumb {
    display: none !important;
}

#top #wrap_all ins:before {
    content: "\0020" !important;
}

.products .product h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title {
    color: #444444 !important;
    font-size: 14px !important;
    text-transform: unset !important;
    letter-spacing: unset !important;
}

.woocommerce-loop-category__title {
    font-size: 16px !important;
    text-align: center;
}

.woocommerce-Price-amount {
    color: #444444 !important;
}

.container_wrap_meta {
    background: #f9f9f9 !important;
}

.header_color div {
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.onsale {
    background: #f43c33 !important;
    color: white !important;
    padding: 0px 12px !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.products .product .onsale {
    position: absolute !important;
    top: -100px !important;
    right: unset !important;
    left: 0px !important;
    z-index: 50 !important;
}

.single-product-main-image .onsale {
    top: 100px !important;
    right: unset !important;
    left: 0px !important;
}

/* Product brand logo */
.product_brand {
    margin: 10px 0;
    padding: 5px 0;
}

.product_brand .brand-link.has-logo img {
    max-height: 60px;
    width: auto;
}

.product_brand .brand-link.no-logo {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.product_brand .brand-link.no-logo:hover {
    color: #0073aa;
}

#top .price_slider_amount .button,
.main_color .wc-block-components-button,
.r1-wh-buy {
    background: #3960ff !important;
    border: 1px solid #3960ff !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

#top .price_slider_amount .button:hover,
.main_color .wc-block-components-button:hover,
.r1-wh-buy:hover {
    background: #fff !important;
    border-color: #3960ff !important;
    color: #3960ff !important;
}

#top .price_slider_amount .button {
    float: right !important;
}

.r1wh-row {
    display: grid !important;
    grid-template-columns: 35% 15% 15% 35% !important;
    align-items: center !important;
    gap: 10px !important;
}

.r1wh-box, .r1wh-table, .r1wh-row, .r1wh-row > div {
    font-size: 14px !important;
}

.r1wh-qty {
    display: inline-block !important;
    width: 50px !important;
    margin: 0 10px 0 !important;
    vertical-align: middle !important;
    align-self: auto !important;
}

.r1-wh-buy {
    padding: 12px 18px !important;
    font-size: 14px !important;
}







/* =========================
   СЕТКА КАТЕГОРИЙ: 3 В РЯД
========================= */

#top ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#top ul.products li.product-category.product {
  float: none !important;
  clear: none !important;
  width: calc((100% - 20px) / 3) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#top .products .product-category {
    border: none !important;
}

/* Планшет */
@media (max-width: 1050px) {
  #top ul.products li.product-category.product {
    width: calc((100% - 10px) / 2) !important;
  }
}

/* Телефон */
@media (max-width: 600px) {
  #top ul.products li.product-category.product {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  #top ul.products li.product.type-product {
    width: calc(50% - 5px) !important;
  }
}



/* =========================
   КАРТОЧКА КАТЕГОРИИ
========================= */

.categories__content-item {
  background: #fff !important;
  border-radius: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 200px !important;
  padding: 25px !important;
  transition: all .3s ease !important;
  text-decoration: none !important;
}

/* Убираем лишний overlay от темы */
.categories__content-item .image-overlay,
.categories__content-item .image-overlay-inside {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Верхняя строка */
.categories__item-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Заголовок */
.categories__item-title {
  color: #000 !important;
  font-family: Euclid-Circular, sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

/* Количество товаров */
.categories__item-count {
  color: #000 !important;
  font-family: Euclid-Circular, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

/* Плашка с ценой */
.categories__item-price {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: max-content !important;
  padding: 15px !important;
  border-radius: 20px !important;
  background: #f9fbfc !important;
  color: #000 !important;
  font-family: Euclid-Circular, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
}

/* Изображение */
.categories__content-item > img {
  position: absolute !important;
  right: 20px !important;
  bottom: -40px !important;
  width: 100% !important;
  max-width: 180px !important;
  height: auto !important;
  object-fit: contain !important;
  z-index: 1 !important;
}

/* Кнопка-стрелка */
.categories__item-btn {
  width: 50px !important;
  height: 50px !important;
  margin-top: auto !important;
  position: relative !important;
  z-index: 2 !important;
  max-width: max-content !important;
}

.categories__item-btn svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.categories__item-btn circle,
.categories__item-btn path {
  transition: all .3s ease !important;
}

/* Hover как в референсе */
.categories__content-item:hover .categories__item-btn circle {
  fill: #24a591 !important;
}

.categories__content-item:hover .categories__item-btn path {
  stroke: #fff !important;
}

/* Чтобы ссылка не получала чужие стили темы */
.categories__content-item:hover,
.categories__content-item:focus,
.categories__content-item:active,
.categories__content-item:visited {
  text-decoration: none !important;
  color: inherit !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .categories__content-item {
    min-height: 230px !important;
    padding: 12px 12px 20px !important;
  }

  .categories__item-head {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .categories__item-title {
    font-size: 15px !important;
  }

  .categories__item-count {
    font-size: 13px !important;
  }

  .categories__item-price {
    font-size: 15px !important;
    margin-bottom: 35px !important;
  }

  .categories__content-item > img {
    width: 100% !important;
    max-width: 170px !important;
    right: -70px !important;
    bottom: -10px !important;
  }

  .categories__item-btn {
    width: 57px !important;
    height: 57px !important;
  }
}








/* ==================== КОНТАКТЫ В ФУТЕРЕ ==================== */

.footer__contacts {
  background: #181826;
  border-radius: 20px;
  width: 100%;
  max-width: 300px;
  padding: 25px 30px;
}

.footer__contacts-item {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.footer__contacts-item:not(.footer__contacts-item:first-child) {
  border-top: 1px solid #ffffff1a;
  margin-bottom: 20px;
  padding-top: 20px;
}

.footer__contacts-item span {
  color: #fff6;
  font-family: Euclid-Circular, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.footer__contacts-item a {
  color: #fff;
  font-family: Euclid-Circular, sans-serif;
  font-size: 22px;
  font-weight: 600;
  text-decoration: none;
}

.footer__contacts-item a:hover {
  opacity: 0.9;
}

/* Уменьшаем только email */
.footer__contacts-item a[href^="mailto:"] {
  font-size: 16px;
  font-weight: 500;
  word-break: break-word;
}

.footer__contacts-item:last-child {
  margin-bottom: 0 !important;
}

.footer__contacts-date {
  color: #ffffffb3;
  margin: 25px 0;
  font-family: Euclid-Circular, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

/* Кнопка "Заказать звонок" */
.footer__contacts-btn {
  color: #fff;
  background: #302f3c;
  border-radius: 15px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 20px;
  padding: 12px 18px;
  min-height: 52px;
  font-family: Euclid-Circular, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  width: 100%;
  border: none;
  cursor: pointer;
  text-align: center;
  transition: background 0.2s ease;
}

.footer__contacts-btn:hover {
  background: #3f3e4c;
}

.footer__contacts-btn img {
  filter: brightness(0) invert(1);
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Соцсети */
.footer__contacts-btns {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.footer__contacts-btns a,
.footer__contacts-btns .r1-chat-item {
  width: 48px;
  height: 48px;
  background: #302f3c;
  border-radius: 15px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s ease;
  text-decoration: none;
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
}

.footer__contacts-btns a:hover,
.footer__contacts-btns .r1-chat-item:hover {
  background: #3f3e4c;
  color: #fff !important;
}

/* Убираем серость и прозрачность с иконок */
.footer__contacts-btns img,
.footer__contacts-btns svg,
.footer__contacts-btns .r1-chat-icon {
  opacity: 1 !important;
}

/* Если иконки картинками */
.footer__contacts-btns img {
  filter: brightness(0) invert(1) !important;
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}

/* Если иконки SVG */
.footer__contacts-btns svg {
  fill: #fff !important;
  stroke: #fff !important;
  filter: none !important;
}

.footer__contacts-btns svg path,
.footer__contacts-btns svg circle,
.footer__contacts-btns svg rect,
.footer__contacts-btns svg ellipse {
  fill: #fff !important;
  stroke: #fff !important;
}

/* Если используется иконка из 1R Chat */
.footer__contacts-btns .r1-chat-icon {
  background-color: #fff !important;
  color: #fff !important;
  filter: none !important;
}

/* ========== ЕДИНЫЙ МЕДИАЗАПРОС ========== */
@media (max-width: 767px) {
  .footer__contacts {
    max-width: none;
    margin: 0 auto;
    padding: 15px;
  }
  
  .footer__contacts-item span {
    font-size: 12px;
  }
  
  .footer__contacts-item a {
    font-size: 15px;
  }
  
  .footer__contacts-item a[href^="mailto:"] {
    font-size: 13px;
  }
  
  .footer__contacts-date {
    margin: 15px 0;
    font-size: 13px;
  }
  
  .footer__contacts-btn {
    justify-content: center;
    width: 100%;
    max-width: none;
    min-height: 46px;
    padding: 10px 14px;
    font-size: 14px;
  }
  
  .footer__contacts-btns a,
  .footer__contacts-btns .r1-chat-item {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
}


/* =========================================
   КАРТОЧКА ТОВАРА КАТЕГОРИИ ПОД РЕФЕРЕНС
   для Enfold + WooCommerce
========================================= */

/* сама ячейка списка */
#top ul.products li.product.type-product {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

/* карточка */
#top ul.products li.product.type-product .inner_product {
  background: #fff !important;
  border: none !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 10px 0 0 !important;
  box-shadow: none !important;
  position: relative !important;
}

/* все внутренние обертки карточки тоже белые */
#top ul.products li.product.type-product .woocommerce-LoopProduct-link,
#top ul.products li.product.type-product .inner_product_header,
#top ul.products li.product.type-product .inner_product_header_table,
#top ul.products li.product.type-product .inner_product_header_cell,
#top ul.products li.product.type-product .avia_cart_buttons {
  background: #fff !important;
}

/* убираем возможные псевдо-слои темы */
#top ul.products li.product.type-product .inner_product::before,
#top ul.products li.product.type-product .inner_product::after,
#top ul.products li.product.type-product .inner_product_header::before,
#top ul.products li.product.type-product .inner_product_header::after,
#top ul.products li.product.type-product .avia_cart_buttons::before,
#top ul.products li.product.type-product .avia_cart_buttons::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* ссылка-обертка верхней части */
#top ul.products li.product.type-product .woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
}

/* картинка */
#top ul.products li.product.type-product .product-main-img,
#top ul.products li.product.type-product .product-image-hover-container img.product-main-img {
  display: block !important;
  width: calc(100% - 30px) !important;
  max-width: 320px !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 15px !important;
  margin: 0 auto 18px !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

/* если используется контейнер hover-изображения */
#top ul.products li.product.type-product .product-image-hover-container {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: #fff !important;
}

/* убираем лишние оверлеи темы */
#top ul.products li.product.type-product .image-overlay,
#top ul.products li.product.type-product .image-overlay-inside,
#top ul.products li.product.type-product .avia-arrow {
  display: none !important;
}

/* header карточки */
#top ul.products li.product.type-product .inner_product_header {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#top ul.products li.product.type-product .inner_product_header_table,
#top ul.products li.product.type-product .inner_product_header_cell {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: left !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* заголовок */
#top ul.products li.product.type-product h2.woocommerce-loop-product__title {
  color: #000 !important;
  font-family: "Rubik", sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  padding: 0 15px !important;
  margin: 0 0 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: transparent !important;
}

/* скрываем стандартную цену темы, оставляем ваш блок цен */
#top ul.products li.product.type-product .price {
  display: none !important;
}

/* блок с ценами */
#top ul.products li.product.type-product .r1-unit-prices-list--loop {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-top: auto !important;
  margin-bottom: 12px !important;
  padding: 0 15px !important;
  background: #fff !important;
}

/* строка цены */
#top ul.products li.product.type-product .r1-unit-prices-list__row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  background: transparent !important;
}

/* подпись цены */
#top ul.products li.product.type-product .r1-unit-prices-list__label {
  color: #797979 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  background: transparent !important;
}

/* значение цены */
#top ul.products li.product.type-product .r1-unit-prices-list__value,
#top ul.products li.product.type-product .r1-unit-prices-list__value .woocommerce-Price-amount,
#top ul.products li.product.type-product .r1-unit-prices-list__value .woocommerce-Price-currencySymbol {
  color: #24A591 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  background: transparent !important;
}

/* переключатель единиц */
#top ul.products li.product.type-product .r1-unit-switcher--loop {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 15px !important;
  margin: 0 0 12px !important;
  flex-wrap: wrap !important;
  background: #fff !important;
}

#top ul.products li.product.type-product .r1-unit-switcher__title {
  color: #797979 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  background: transparent !important;
}

#top ul.products li.product.type-product .r1-unit-switcher__buttons {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  background: transparent !important;
}

#top ul.products li.product.type-product .r1-unit-btn {
  appearance: none !important;
  border: none !important;
  background: transparent !important;
  color: #121212 !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
  min-width: auto !important;
  height: auto !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transition: all .2s ease !important;
}

#top ul.products li.product.type-product .r1-unit-btn.active {
  background: #24A591 !important;
  color: #fff !important;
}

/* количество */
#top ul.products li.product.type-product .r1-loop-qty {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  padding: 0 15px !important;
  margin: 0 0 12px !important;
  background: #fff !important;
}

#top ul.products li.product.type-product .r1-loop-qty::before {
  content: "Кол-во";
  color: #797979;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  margin-right: 18px;
}

#top ul.products li.product.type-product .r1-loop-qty__btn {
  appearance: none !important;
  border: none !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

#top ul.products li.product.type-product .r1-loop-qty__input {
  width: 48px !important;
  height: 28px !important;
  margin: 0 0 0 10px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  text-align: center !important;
  box-shadow: none !important;
  -moz-appearance: textfield !important;
}

#top ul.products li.product.type-product .r1-loop-qty__input::-webkit-outer-spin-button,
#top ul.products li.product.type-product .r1-loop-qty__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* нижние кнопки */
#top ul.products li.product.type-product .avia_cart_buttons {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
  position: static !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
  border: none !important;
  border-radius: 0 0 20px 20px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* обе кнопки */
#top ul.products li.product.type-product .avia_cart_buttons .button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 62px !important;
  padding: 18px 14px !important;
  margin: 0 !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* кнопка корзины */
#top ul.products li.product.type-product .avia_cart_buttons .add_to_cart_button {
  width: 50% !important;
  background: #24A591 !important;
  color: #fff !important;
  border-radius: 0 0 0 15px !important;
}

/* кнопка подробностей */
#top ul.products li.product.type-product .avia_cart_buttons .show_details_button {
  display: flex !important;
  width: 50% !important;
  background: #F9FBFC !important;
  color: #000 !important;
  border-radius: 0 0 15px 0 !important;
}

/* иконки в кнопках можно скрыть, чтобы было как в референсе */
#top ul.products li.product.type-product .avia_cart_buttons .button .avia-svg-icon {
  display: none !important;
}

#top ul.products li.product.type-product .avia_cart_buttons .button-mini-delimiter {
  display: none !important;
}

/* hover */
#top ul.products li.product.type-product .avia_cart_buttons .add_to_cart_button:hover {
  background: #1f8f7d !important;
  color: #fff !important;
}

#top ul.products li.product.type-product .avia_cart_buttons .show_details_button:hover {
  background: #eef3f5 !important;
  color: #000 !important;
}

/* карточка в 100% высоты */
#top ul.products li.product.type-product,
#top ul.products li.product.type-product .inner_product,
#top ul.products li.product.type-product .woocommerce-LoopProduct-link {
  height: 100% !important;
}

/* подчеркивание активной цены */
#top ul.products li.product.type-product .r1-unit-prices-list__row.is-active .r1-unit-prices-list__value,
#top ul.products li.product.type-product .r1-unit-prices-list__row.is-active .r1-unit-prices-list__value .woocommerce-Price-amount,
#top ul.products li.product.type-product .r1-unit-prices-list__row.is-active .r1-unit-prices-list__value .woocommerce-Price-currencySymbol {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

/* Превращаем блок суммы в такой же, как строки цен */
.r1-total-price--loop {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 0 15px !important;
    margin: 0 0 12px !important;
}

.r1-total-price--loop .r1-total-price__label {
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.r1-total-price--loop .r1-total-price__value {
    color: #000 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* мобильная адаптация */
@media (max-width: 767px) {
  #top ul.products li.product.type-product .inner_product {
    padding-top: 7px !important;
    border-radius: 16px !important;
  }

  #top ul.products li.product.type-product .product-main-img,
  #top ul.products li.product.type-product .product-image-hover-container img.product-main-img {
    width: calc(100% - 14px) !important;
    height: 160px !important;
    margin-bottom: 8px !important;
  }

  #top ul.products li.product.type-product h2.woocommerce-loop-product__title {
    font-size: 14px !important;
    padding: 0 7px !important;
    margin-bottom: 8px !important;
  }

  #top ul.products li.product.type-product .r1-unit-prices-list--loop {
    padding: 0 7px !important;
    gap: 5px !important;
    margin-bottom: 8px !important;
  }

  #top ul.products li.product.type-product .r1-unit-prices-list__label {
    font-size: 12px !important;
  }

  #top ul.products li.product.type-product .r1-unit-prices-list__value,
  #top ul.products li.product.type-product .r1-unit-prices-list__value .woocommerce-Price-amount,
  #top ul.products li.product.type-product .r1-unit-prices-list__value .woocommerce-Price-currencySymbol {
    font-size: 13px !important;
  }

  #top ul.products li.product.type-product .r1-unit-switcher--loop {
    padding: 0 7px !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  #top ul.products li.product.type-product .r1-unit-switcher__title {
    font-size: 12px !important;
  }

  #top ul.products li.product.type-product .r1-unit-btn {
    font-size: 12px !important;
    padding: 6px 8px !important;
  }

  #top ul.products li.product.type-product .r1-loop-qty {
    padding: 0 7px !important;
    margin-bottom: 8px !important;
  }

  #top ul.products li.product.type-product .r1-loop-qty::before {
    font-size: 12px !important;
    margin-right: 10px !important;
  }

  #top ul.products li.product.type-product .r1-loop-qty__input {
    width: 42px !important;
    height: 28px !important;
    font-size: 13px !important;
    margin-left: 5px !important;
  }

  /* Стили для суммы на мобилке */
  #top ul.products li.product.type-product .r1-total-price--loop {
    padding: 0 7px !important;
    margin-bottom: 8px !important;
  }

  #top ul.products li.product.type-product .r1-total-price--loop .r1-total-price__label {
    font-size: 12px !important;
  }

  #top ul.products li.product.type-product .r1-total-price--loop .r1-total-price__value {
    font-size: 13px !important;
  }

  #top ul.products li.product.type-product .avia_cart_buttons .button {
    min-height: 52px !important;
    padding: 14px 10px !important;
    font-size: 11px !important;
  }
}



/* =========================================
   SINGLE PRODUCT ПОД РЕФЕРЕНС
========================================= */

/* общий layout карточки справа */
.single-product-summary .summary {
  background: #fff !important;
  border-radius: 25px !important;
  padding: 30px !important;
  box-shadow: none !important;
}

.single-product-summary .summary > *:last-child {
  margin-bottom: 0 !important;
}

/* заголовок */
.single-product-summary .summary .product_title,
.single-product-summary .summary h1.product_title {
  color: #000 !important;
  font-family: "Rubik", sans-serif !important;
  font-size: 25px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  margin: 0 0 18px !important;
}

/* основная цена */
.single-product-summary .summary p.price {
  display: block !important;
  margin: 0 0 14px !important;
  color: #000 !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  background: transparent !important;
}

.single-product-summary .summary p.price .woocommerce-Price-amount,
.single-product-summary .summary p.price .woocommerce-Price-currencySymbol {
  color: #000 !important;
  font-size: 30px !important;
  font-weight: 500 !important;
}

.single-product-summary .summary p.price .r1-unit-suffix {
  font-size: 16px !important;
  color: #797979 !important;
  font-weight: 400 !important;
  margin-left: 6px !important;
}

/* список цен */
.single-product-summary .summary .r1-unit-prices-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: transparent !important;
  align-items: flex-start !important;
}

.single-product-summary .summary .r1-unit-prices-list__row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

.single-product-summary .summary .r1-unit-prices-list__label {
  color: #797979 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

.single-product-summary .summary .r1-unit-prices-list__value {
  flex: 0 0 auto !important;
  text-align: left !important;
}

.single-product-summary .summary .r1-unit-prices-list__value,
.single-product-summary .summary .r1-unit-prices-list__value .woocommerce-Price-amount,
.single-product-summary .summary .r1-unit-prices-list__value .woocommerce-Price-currencySymbol {
  color: #24A591 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}

.single-product-summary .summary .r1-unit-prices-list__row.is-active .r1-unit-prices-list__value,
.single-product-summary .summary .r1-unit-prices-list__row.is-active .r1-unit-prices-list__value .woocommerce-Price-amount,
.single-product-summary .summary .r1-unit-prices-list__row.is-active .r1-unit-prices-list__value .woocommerce-Price-currencySymbol {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}

/* переключатель единиц */
.single-product-summary .summary .r1-unit-switcher {
  margin: 0 0 20px !important;
  padding: 0 !important;
}

.single-product-summary .summary .r1-unit-switcher__title {
  color: #121212 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin: 0 0 10px !important;
}

.single-product-summary .summary .r1-unit-switcher__buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.single-product-summary .summary .r1-unit-btn {
  appearance: none !important;
  border: none !important;
  background: transparent !important;
  color: #121212 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transition: all .2s ease !important;
}

.single-product-summary .summary .r1-unit-btn.active {
  background: #24A591 !important;
  color: #fff !important;
}

/* форма */
.single-product-summary .summary form.cart {
  display: flex !important;
  align-items: stretch !important;
  gap: 15px !important;
  margin: 0 0 20px !important;
  flex-wrap: wrap !important;
}

/* количество */
.single-product-summary .summary form.cart .quantity {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
}

.single-product-summary .summary form.cart .quantity .minus,
.single-product-summary .summary form.cart .quantity .plus {
  appearance: none !important;
  border: none !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  width: 20px !important;
  height: 20px !important;
  line-height: 1 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.single-product-summary .summary form.cart .quantity .qty {
  width: 62px !important;
  height: 44px !important;
  border: none !important;
  background: #f9fbfc !important;
  border-radius: 10px !important;
  text-align: center !important;
  padding: 0 8px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #000 !important;
  box-shadow: none !important;
  margin: 0 6px !important;
}

/* кнопка корзины */
.single-product-summary .summary form.cart .single_add_to_cart_button {
  background: #24A591 !important;
  border: none !important;
  color: #fff !important;
  border-radius: 15px !important;
  padding: 18px 28px !important;
  min-height: 56px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

.single-product-summary .summary form.cart .single_add_to_cart_button:hover {
  background: #1f8f7d !important;
  color: #fff !important;
  border: none !important;
}

/* meta */
.single-product-summary .summary .product_meta {
  margin-top: 10px !important;
  font-size: 14px !important;
  color: #797979 !important;
}

.single-product-summary .summary .product_meta a {
  color: #121212 !important;
}

/* вкладки */
.single-product .woocommerce-tabs.wc-tabs-wrapper {
  background: transparent !important;
  margin-top: 25px !important;
  clear: both !important;
}

.single-product .woocommerce-tabs .tabs.wc-tabs {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-bottom: 1px solid #e0e0e0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.single-product .woocommerce-tabs .tabs.wc-tabs li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  float: none !important;
}

.single-product .woocommerce-tabs .tabs.wc-tabs li::before,
.single-product .woocommerce-tabs .tabs.wc-tabs li::after {
  display: none !important;
  content: none !important;
}

.single-product .woocommerce-tabs .tabs.wc-tabs li a {
  display: block !important;
  padding: 16px 20px !important;
  color: #848b8c !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  border: none !important;
  background: transparent !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.single-product .woocommerce-tabs .tabs.wc-tabs li.active a {
  color: #121212 !important;
  border-bottom: 2px solid #000 !important;
}

.single-product .woocommerce-Tabs-panel {
  background: transparent !important;
  padding: 35px 0 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
}

.single-product .woocommerce-Tabs-panel h2 {
  display: none !important;
}

.single-product .woocommerce-Tabs-panel p,
.single-product .woocommerce-Tabs-panel li,
.single-product .woocommerce-Tabs-panel td,
.single-product .woocommerce-Tabs-panel th,
.single-product .woocommerce-Tabs-panel div {
  color: #121212 !important;
  font-size: 15px !important;
  line-height: 1.47 !important;
}

.single-product .woocommerce-Tabs-panel p {
  margin: 0 0 14px !important;
}

/* таблица характеристик */
.single-product table.shop_attributes {
  width: 100% !important;
  display: table !important;
  border: none !important;
  border-collapse: collapse !important;
  background: transparent !important;
  margin: 0 !important;
}

.single-product table.shop_attributes tbody {
  display: table-row-group !important;
}

.single-product table.shop_attributes tr {
  display: table-row !important;
  background: transparent !important;
  border: none !important;
}

.single-product table.shop_attributes th,
.single-product table.shop_attributes td {
  display: table-cell !important;
  padding: 12px 0 !important;
  border: none !important;
  background: transparent !important;
}

.single-product table.shop_attributes th {
  width: 260px !important;
  color: #848b8c !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-align: left !important;
  vertical-align: top !important;
  padding-right: 20px !important;
}

.single-product table.shop_attributes td {
  color: #121212 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.single-product table.shop_attributes td p {
  margin: 0 !important;
  color: #121212 !important;
}

/* Single product - блок суммы как строки цен */
.r1-total-price--single {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

.r1-total-price--single .r1-total-price__label {
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.r1-total-price--single .r1-total-price__value {
    color: #000 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* мобильная адаптация */
@media (max-width: 767px) {
  .single-product-summary .summary {
    padding: 20px 15px !important;
    border-radius: 18px !important;
  }

  .single-product-summary .summary .product_title,
  .single-product-summary .summary h1.product_title {
    font-size: 18px !important;
    margin-bottom: 14px !important;
  }

  .single-product-summary .summary p.price,
  .single-product-summary .summary p.price .woocommerce-Price-amount,
  .single-product-summary .summary p.price .woocommerce-Price-currencySymbol {
    font-size: 20px !important;
  }

  .single-product-summary .summary .r1-unit-prices-list__label {
    font-size: 12px !important;
  }

  .single-product-summary .summary .r1-unit-prices-list__value,
  .single-product-summary .summary .r1-unit-prices-list__value .woocommerce-Price-amount,
  .single-product-summary .summary .r1-unit-prices-list__value .woocommerce-Price-currencySymbol {
    font-size: 14px !important;
  }

  /* Стили для суммы на мобилке */
  .single-product-summary .summary .r1-total-price--single {
    margin: 0 0 14px !important;
  }

  .single-product-summary .summary .r1-total-price--single .r1-total-price__label {
    font-size: 12px !important;
  }

  .single-product-summary .summary .r1-total-price--single .r1-total-price__value {
    font-size: 14px !important;
  }

  .single-product-summary .summary .r1-unit-btn {
    font-size: 12px !important;
    padding: 8px 10px !important;
  }

  .single-product-summary .summary form.cart {
    gap: 12px !important;
  }

  .single-product-summary .summary form.cart .quantity .qty {
    width: 50px !important;
    height: 40px !important;
    font-size: 16px !important;
  }

  .single-product-summary .summary form.cart .single_add_to_cart_button {
    width: 100% !important;
    padding: 16px 20px !important;
    font-size: 14px !important;
  }

  .single-product .woocommerce-tabs .tabs.wc-tabs {
    gap: 6px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }

  .single-product .woocommerce-tabs .tabs.wc-tabs li a {
    padding: 10px 0 !important;
    margin-right: 18px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .single-product .woocommerce-Tabs-panel {
    padding-top: 20px !important;
  }

  .single-product table.shop_attributes th,
  .single-product table.shop_attributes td {
    display: block !important;
    width: 100% !important;
    padding: 6px 0 !important;
  }

  .single-product table.shop_attributes th {
    font-size: 13px !important;
    padding-right: 0 !important;
  }

  .single-product table.shop_attributes td {
    font-size: 13px !important;
    padding-bottom: 14px !important;
  }
}





/* =========================================
   CHECKOUT PAGE — ENFOLD + WooCommerce Blocks
   отдельный блок только для страницы оформления
========================================= */

/* Только checkout */
.woocommerce-checkout .template-page.content,
.woocommerce-checkout .entry-content-wrapper,
.woocommerce-checkout .entry-content {
    background: transparent !important;
}

/* Общий контейнер */
.woocommerce-checkout .wc-block-checkout {
    margin-top: 10px !important;
}

.woocommerce-checkout .wc-block-components-sidebar-layout {
    align-items: flex-start !important;
    gap: 30px !important;
}

/* Левая и правая колонки */
.woocommerce-checkout .wc-block-checkout__main {
    width: 100% !important;
}

.woocommerce-checkout .wc-block-checkout__sidebar {
    width: 100% !important;
}

/* Карточки шагов */
.woocommerce-checkout .wc-block-components-checkout-step,
.woocommerce-checkout .wc-block-checkout__order-notes,
.woocommerce-checkout .wc-block-checkout__terms,
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block,
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block,
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
    background: #fff !important;
    border: 1px solid #f1f1f1 !important;
    border-radius: 20px !important;
    padding: 24px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 20px !important;
}

/* Заголовки секций */
.woocommerce-checkout .wc-block-components-checkout-step__title,
.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
    color: #222 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.woocommerce-checkout .wc-block-components-checkout-step__heading-container {
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
}

/* Поля формы */
.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-blocks-components-select__select,
.woocommerce-checkout .wc-block-components-textarea textarea {
    height: 56px !important;
    border: 1px solid #dfe5ea !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: #444444 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    padding: 16px 18px !important;
    box-shadow: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.woocommerce-checkout .wc-block-components-textarea textarea {
    min-height: 120px !important;
    height: auto !important;
    resize: vertical !important;
    padding-top: 18px !important;
}

.woocommerce-checkout .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-blocks-components-select__select:focus,
.woocommerce-checkout .wc-block-components-textarea textarea:focus {
    border-color: #24a591 !important;
    box-shadow: 0 0 0 3px rgba(36, 165, 145, 0.10) !important;
    outline: none !important;
}

/* Лейблы */
.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-blocks-components-select__label {
    color: #797979 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Скрываем поле "Страна" полностью */
.woocommerce-checkout .wc-block-components-address-form__country,
.woocommerce-checkout #shipping-country,
.woocommerce-checkout label[for="shipping-country"] {
    display: none !important;
}

/* Контактный notice */
.woocommerce-checkout .wc-block-checkout__guest-checkout-notice {
    background: #f9fbfc !important;
    border: 1px solid #edf2f4 !important;
    border-radius: 12px !important;
    padding: 12px 14px !important;
    color: #666 !important;
    font-size: 14px !important;
    margin-top: 12px !important;
}

/* Карточка адреса */
.woocommerce-checkout .wc-block-components-address-card {
    background: #f9fbfc !important;
    border: 1px solid #edf2f4 !important;
    border-radius: 16px !important;
    padding: 16px 18px !important;
}

.woocommerce-checkout .wc-block-components-address-card address {
    color: #444 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

.woocommerce-checkout .wc-block-components-address-card__edit {
    color: #24a591 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-top: 10px !important;
}

/* Доставка / самовывоз */
.woocommerce-checkout .wc-block-checkout__shipping-method-container {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.woocommerce-checkout .wc-block-checkout__shipping-method-option {
    min-width: 220px !important;
    background: #fff !important;
    border: 1px solid #e7ecef !important;
    border-radius: 16px !important;
    padding: 14px 16px !important;
    transition: all .2s ease !important;
}

.woocommerce-checkout .wc-block-checkout__shipping-method-option--selected {
    border-color: #24a591 !important;
    background: rgba(36, 165, 145, 0.06) !important;
    box-shadow: 0 0 0 2px rgba(36, 165, 145, 0.08) inset !important;
}

.woocommerce-checkout .wc-block-checkout__shipping-method-option-title {
    color: #222 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* Радио-кнопки способов оплаты и доставки */
.woocommerce-checkout .wc-block-components-radio-control__option {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    border: 1px solid #e7ecef !important;
    border-radius: 16px !important;
    padding: 16px 16px 16px 52px !important;
    min-height: 64px !important;
    background: #fff !important;
    transition: all .2s ease !important;
}

.woocommerce-checkout .wc-block-components-radio-control__option-checked,
.woocommerce-checkout .wc-block-components-radio-control__option--checked-option-highlighted {
    border-color: #24a591 !important;
    background: rgba(36, 165, 145, 0.06) !important;
    box-shadow: 0 0 0 2px rgba(36, 165, 145, 0.08) inset !important;
}

.woocommerce-checkout .wc-block-components-radio-control__label,
.woocommerce-checkout .wc-block-components-payment-method-label {
    display: block !important;
    color: #222 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-checkout .wc-block-components-radio-control__secondary-label,
.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
    display: block !important;
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
}

.woocommerce-checkout .wc-block-components-radio-control__input {
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 18px !important;
    height: 18px !important;
    z-index: 2 !important;
}

/* Чекбоксы */
.woocommerce-checkout .wc-block-components-checkbox {
    margin-top: 12px !important;
}

.woocommerce-checkout .wc-block-components-checkbox__label {
    color: #444 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.woocommerce-checkout .wc-block-components-checkbox__input {
    accent-color: #24a591 !important;
}

/* Ваш чекбокс "Для ИП и Юр. лиц" */
.woocommerce-checkout .r1com-company-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 14px 0 6px !important;
    padding: 10px 14px !important;
    background: #f9fbfc !important;
    border: 1px solid #edf2f4 !important;
    border-radius: 12px !important;
    color: #444 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
}

.woocommerce-checkout .r1com-company-toggle input[type="checkbox"] {
    accent-color: #24a591 !important;
}

/* Блок "Продолжая покупку..." */
.woocommerce-checkout .wc-block-checkout__terms {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.5 !important;
}

.woocommerce-checkout .wc-block-checkout__terms a {
    color: #24a591 !important;
    text-decoration: none !important;
}

.woocommerce-checkout .wc-block-checkout__terms a:hover {
    color: #1e8b7a !important;
    text-decoration: underline !important;
}

/* Sidebar заказа */
.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title {
    padding: 0 !important;
    margin-bottom: 18px !important;
}

.woocommerce-checkout .wc-block-components-checkout-order-summary__title-price {
    color: #24a591 !important;
    font-size: 26px !important;
    font-weight: 600 !important;
}

/* Товар в summary */
.woocommerce-checkout .wc-block-components-order-summary-item {
    padding: 14px 0 !important;
    border-bottom: 1px solid #f2f2f2 !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item:last-child {
    border-bottom: none !important;
}

.woocommerce-checkout .wc-block-components-order-summary-item__image img {
    border-radius: 12px !important;
    border: 1px solid #f0f0f0 !important;
}

.woocommerce-checkout .wc-block-components-product-name {
    color: #222 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.woocommerce-checkout .wc-block-components-product-price__value,
.woocommerce-checkout .wc-block-components-order-summary-item__total-price .woocommerce-Price-amount,
.woocommerce-checkout .wc-block-components-totals-item__value,
.woocommerce-checkout .wc-block-components-totals-footer-item-tax-value {
    color: #222 !important;
    font-weight: 600 !important;
}

.woocommerce-checkout .wc-block-components-product-details__name,
.woocommerce-checkout .wc-block-components-product-details__value,
.woocommerce-checkout .wc-block-components-product-metadata__description p {
    color: #797979 !important;
    font-size: 13px !important;
}

/* Подытоги */
.woocommerce-checkout .wc-block-components-totals-item {
    padding: 10px 0 !important;
}

.woocommerce-checkout .wc-block-components-totals-item__label {
    color: #666 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.woocommerce-checkout .wc-block-components-totals-footer-item {
    margin-top: 8px !important;
    padding-top: 16px !important;
    border-top: 1px solid #ececec !important;
}

.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #111 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Купоны */
.woocommerce-checkout .wc-block-components-panel__button {
    color: #24a591 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* Кнопки */
.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
    color: #444 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button:hover {
    color: #24a591 !important;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button,
.woocommerce-checkout .wc-block-components-button.wp-element-button {
    min-height: 58px !important;
    border-radius: 14px !important;
    background: #24a591 !important;
    border: 1px solid #24a591 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 16px 28px !important;
    box-shadow: none !important;
    transition: all .25s ease !important;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
.woocommerce-checkout .wc-block-components-button.wp-element-button:hover {
    background: #fff !important;
    color: #24a591 !important;
    border-color: #24a591 !important;
}

/* Кнопка оформить заказ на всю ширину справа */
.woocommerce-checkout .wc-block-checkout__actions_row {
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
}

.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
    min-width: 260px !important;
}

/* Snackbar / notices */
.woocommerce-checkout .wc-block-components-notice-banner,
.woocommerce-checkout .wc-block-components-validation-error,
.woocommerce-checkout .wc-block-components-notices {
    border-radius: 14px !important;
}



/* Убираем черную рамку у блока оплаты */
.wc-block-components-radio-control__option {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем рамку у выделенного (выбранного) блока */
.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control-accordion-option--checked-option-highlighted {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем рамку у всего контейнера радио-контрола */
.wc-block-components-radio-control,
.wc-block-components-radio-control-accordion-option {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}







/* Desktop layout */
@media (min-width: 993px) {
    .woocommerce-checkout .wc-block-components-sidebar-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 400px !important;
        gap: 30px !important;
    }

    .woocommerce-checkout .wc-block-checkout__sidebar {
        position: sticky !important;
        top: 120px !important;
    }
}

/* Tablet */
@media (max-width: 992px) {
    .woocommerce-checkout .wc-block-components-sidebar-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }

    .woocommerce-checkout .wc-block-components-checkout-step,
    .woocommerce-checkout .wc-block-checkout__order-notes,
    .woocommerce-checkout .wc-block-checkout__terms,
    .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block,
    .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block,
    .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
        padding: 20px !important;
        border-radius: 18px !important;
    }

    .woocommerce-checkout .wc-block-components-checkout-step__title,
    .woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
        font-size: 21px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-checkout .wc-block-checkout {
        margin-top: 0 !important;
    }

    .woocommerce-checkout .wc-block-components-sidebar-layout {
        gap: 16px !important;
    }

    .woocommerce-checkout .wc-block-components-checkout-step,
    .woocommerce-checkout .wc-block-checkout__order-notes,
    .woocommerce-checkout .wc-block-checkout__terms,
    .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block,
    .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-totals-block,
    .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
        padding: 16px !important;
        border-radius: 16px !important;
        margin-bottom: 16px !important;
    }

    .woocommerce-checkout .wc-block-components-checkout-step__heading-container {
        margin-bottom: 14px !important;
        padding-bottom: 10px !important;
    }

    .woocommerce-checkout .wc-block-components-checkout-step__title,
    .woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
        font-size: 18px !important;
    }

    .woocommerce-checkout .wc-block-components-text-input input,
    .woocommerce-checkout .wc-blocks-components-select__select,
    .woocommerce-checkout .wc-block-components-textarea textarea {
        height: 50px !important;
        font-size: 14px !important;
        padding: 14px 14px !important;
        border-radius: 12px !important;
    }

    .woocommerce-checkout .wc-block-components-textarea textarea {
        min-height: 110px !important;
        height: auto !important;
    }

    .woocommerce-checkout .wc-block-checkout__shipping-method-container {
        flex-direction: column !important;
    }

    .woocommerce-checkout .wc-block-checkout__shipping-method-option {
        width: 100% !important;
        min-width: 100% !important;
    }

    .woocommerce-checkout .wc-block-components-order-summary-item__image img {
        width: 52px !important;
        height: 52px !important;
        object-fit: cover !important;
    }

    .woocommerce-checkout .wc-block-components-product-name {
        font-size: 14px !important;
    }

    .woocommerce-checkout .wc-block-components-checkout-order-summary__title-price {
        font-size: 22px !important;
    }

    .woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
    .woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
        font-size: 18px !important;
    }

    .woocommerce-checkout .wc-block-checkout__actions_row {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
    }

    .woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
        justify-content: center !important;
    }

    .woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
    .woocommerce-checkout .wc-block-components-button.wp-element-button {
        width: 100% !important;
        min-width: 100% !important;
        min-height: 54px !important;
        font-size: 15px !important;
    }

    .woocommerce-checkout .r1com-company-toggle {
        width: 100% !important;
    }
}

/* ===== CART PAGE / DREVESKI STYLE ===== */

.page-id-8 .container_wrap.container_wrap_first,
.woocommerce-cart .container_wrap.container_wrap_first {
    background: #f7f9fb;
    padding-top: 30px;
    padding-bottom: 50px;
}

/* расширяем контейнер страницы */
.page-id-8 .container,
.woocommerce-cart .container {
    max-width: 1360px !important;
    width: 94% !important;
}

.page-id-8 .template-page.content,
.woocommerce-cart .template-page.content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* убираем возможные ограничения Enfold */
.page-id-8 .av-content-full.units,
.woocommerce-cart .av-content-full.units,
.page-id-8 .entry-content-wrapper,
.woocommerce-cart .entry-content-wrapper,
.page-id-8 .entry-content,
.woocommerce-cart .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Title area */
.page-id-8 .title_container,
.woocommerce-cart .title_container {
    background: linear-gradient(180deg, #f8fbfb 0%, #f3f7f7 100%);
    border-bottom: 1px solid #e9eff1;
}

.page-id-8 .main-title,
.woocommerce-cart .main-title {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 700;
    color: #1e2a2b;
    margin: 0;
}

.page-id-8 .main-title a,
.woocommerce-cart .main-title a {
    color: #1e2a2b;
    text-decoration: none;
}

.page-id-8 .breadcrumb,
.woocommerce-cart .breadcrumb {
    margin-top: 10px;
    font-size: 14px;
    color: #7e8c8d;
}

.page-id-8 .breadcrumb a,
.woocommerce-cart .breadcrumb a {
    color: #24a591;
    text-decoration: none;
}

.page-id-8 .breadcrumb a:hover,
.woocommerce-cart .breadcrumb a:hover {
    color: #1d8575;
}

/* Main cart wrapper */
.page-id-8 .wp-block-woocommerce-cart,
.woocommerce-cart .wp-block-woocommerce-cart {
    background: transparent !important;
    margin-top: 10px;
    width: 100% !important;
    max-width: 100% !important;
}

/* Notices */
.page-id-8 .wc-block-components-notices,
.woocommerce-cart .wc-block-components-notices {
    margin-bottom: 20px;
}

.page-id-8 .wc-block-components-notices .wc-block-components-notice-banner,
.woocommerce-cart .wc-block-components-notices .wc-block-components-notice-banner {
    border-radius: 16px !important;
    border: 1px solid #dce7ea !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(20, 35, 40, 0.04);
}

/* Grid */
.page-id-8 .wc-block-components-sidebar-layout,
.woocommerce-cart .wc-block-components-sidebar-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 480px) !important;
    gap: 32px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* левая колонка не схлопывается */
.page-id-8 .wc-block-cart__main,
.woocommerce-cart .wc-block-cart__main {
    min-width: 0 !important;
    width: 100% !important;
}

/* правая колонка нормальной ширины */
.page-id-8 .wc-block-cart__sidebar,
.woocommerce-cart .wc-block-cart__sidebar {
    width: 100% !important;
    min-width: 420px !important;
    max-width: 480px !important;
    justify-self: end !important;
    background: #fff !important;
    border-radius: 24px !important;
    padding: 30px 28px !important;
    border: 1px solid #edf2f4 !important;
    box-shadow: 0 12px 30px rgba(20, 35, 40, 0.05);
    position: sticky;
    top: 110px;
}

/* Products table */
.page-id-8 .wc-block-cart-items,
.woocommerce-cart .wc-block-cart-items {
    width: 100% !important;
    background: #fff !important;
    border-radius: 24px !important;
    border: 1px solid #edf2f4 !important;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(20, 35, 40, 0.05);
}

.page-id-8 .wc-block-cart-items__header,
.woocommerce-cart .wc-block-cart-items__header {
    background: #f9fbfb !important;
}

.page-id-8 .wc-block-cart-items__header th,
.woocommerce-cart .wc-block-cart-items__header th {
    padding: 20px 18px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #2c3e3f !important;
    border-bottom: 1px solid #eef3f5 !important;
}

.page-id-8 .wc-block-cart-items__header-image,
.woocommerce-cart .wc-block-cart-items__header-image {
    width: 110px !important;
}

.page-id-8 .wc-block-cart-items__header-total,
.woocommerce-cart .wc-block-cart-items__header-total {
    width: 180px !important;
    text-align: right !important;
}

.page-id-8 .wc-block-cart-items__row td,
.woocommerce-cart .wc-block-cart-items__row td {
    padding: 24px 18px !important;
    vertical-align: top !important;
    border-top: 1px solid #f3f6f8;
}

.page-id-8 .wc-block-cart-items__row:first-child td,
.woocommerce-cart .wc-block-cart-items__row:first-child td {
    border-top: 0;
}

.page-id-8 .wc-block-cart-item__total,
.woocommerce-cart .wc-block-cart-item__total {
    text-align: right !important;
    white-space: nowrap;
}

/* Product image */
.page-id-8 .wc-block-cart-item__image a,
.woocommerce-cart .wc-block-cart-item__image a {
    width: 84px !important;
    height: 84px !important;
    border-radius: 18px !important;
    background: #f8f9fa !important;
    border: 1px solid #eef2f4 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-id-8 .wc-block-cart-item__image img,
.woocommerce-cart .wc-block-cart-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
}

/* Product title */
.page-id-8 .wc-block-components-product-name,
.woocommerce-cart .wc-block-components-product-name {
    color: #1e2a2b !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.page-id-8 .wc-block-components-product-name:hover,
.woocommerce-cart .wc-block-components-product-name:hover {
    color: #24a591 !important;
}

/* Prices */
.page-id-8 .wc-block-cart-item__prices,
.woocommerce-cart .wc-block-cart-item__prices {
    margin-top: 8px;
    margin-bottom: 8px;
}

.page-id-8 .wc-block-components-product-price__value,
.woocommerce-cart .wc-block-components-product-price__value {
    color: #24a591 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.page-id-8 .wc-block-cart-item__total .wc-block-components-product-price__value,
.woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price__value {
    color: #1e2a2b !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* Description / metadata */
.page-id-8 .wc-block-components-product-metadata,
.woocommerce-cart .wc-block-components-product-metadata {
    margin-top: 8px;
}

.page-id-8 .wc-block-components-product-metadata__description p,
.woocommerce-cart .wc-block-components-product-metadata__description p {
    margin: 0 0 8px;
    color: #7e8c8d !important;
    font-size: 13px !important;
    line-height: 1.5;
}

.page-id-8 .wc-block-components-product-details,
.woocommerce-cart .wc-block-components-product-details {
    font-size: 13px !important;
    color: #7e8c8d !important;
}

.page-id-8 .wc-block-components-product-details__name,
.woocommerce-cart .wc-block-components-product-details__name {
    color: #5f6c6d;
    font-weight: 600;
}

/* Quantity area */
.page-id-8 .wc-block-cart-item__quantity,
.woocommerce-cart .wc-block-cart-item__quantity {
    margin-top: 16px;
}

.page-id-8 .wc-block-components-quantity-selector,
.woocommerce-cart .wc-block-components-quantity-selector {
    border: 1px solid #dfe7eb !important;
    border-radius: 999px !important;
    overflow: hidden;
    background: #fff;
    display: inline-flex;
    align-items: center;
}

.page-id-8 .wc-block-components-quantity-selector__input,
.woocommerce-cart .wc-block-components-quantity-selector__input {
    width: 56px !important;
    height: 42px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1e2a2b !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.page-id-8 .wc-block-components-quantity-selector__button,
.woocommerce-cart .wc-block-components-quantity-selector__button {
    width: 36px !important;
    height: 42px !important;
    font-size: 20px !important;
    color: #2c3e3f !important;
    border: 0 !important;
    background: transparent !important;
    transition: all 0.2s ease;
    box-shadow: none !important;
}

.page-id-8 .wc-block-components-quantity-selector__button:hover,
.woocommerce-cart .wc-block-components-quantity-selector__button:hover {
    color: #24a591 !important;
    background: #f5fbfa !important;
}

/* Remove link */
.page-id-8 .wc-block-cart-item__remove-link,
.woocommerce-cart .wc-block-cart-item__remove-link {
    margin-top: 12px !important;
    color: #b91c1c !important;
    font-size: 13px !important;
    font-weight: 500;
    text-decoration: none !important;
}

.page-id-8 .wc-block-cart-item__remove-link:hover,
.woocommerce-cart .wc-block-cart-item__remove-link:hover {
    color: #f43c33 !important;
}

.page-id-8 .wp-block-woocommerce-cart-order-summary-heading-block,
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block {
    font-size: 26px !important;
    line-height: 1.2;
    font-weight: 700 !important;
    color: #1e2a2b !important;
    padding-bottom: 16px !important;
    margin-bottom: 8px !important;
}

/* Totals */

.wc-block-components-totals-wrapper {
    border-top: none !important;
}

.page-id-8 .wc-block-components-totals-item,
.woocommerce-cart .wc-block-components-totals-item {
    padding: 12px 0 !important;
    font-size: 16px !important;
}

.page-id-8 .wc-block-components-totals-item__label,
.woocommerce-cart .wc-block-components-totals-item__label {
    color: #5f6c6d !important;
    font-weight: 500;
}

.page-id-8 .wc-block-components-totals-item__value,
.woocommerce-cart .wc-block-components-totals-item__value {
    color: #1e2a2b !important;
    font-weight: 600;
}

.page-id-8 .wc-block-components-totals-footer-item,
.woocommerce-cart .wc-block-components-totals-footer-item {
    margin-top: 14px !important;
    padding-top: 20px !important;
}

.page-id-8 .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1e2a2b !important;
}

.page-id-8 .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 24px !important;
    font-weight: 500 !important;
    color: #24a591 !important;
}

/* Main checkout button */
.page-id-8 .wc-block-cart__submit,
.woocommerce-cart .wc-block-cart__submit {
    margin-top: 20px;
}

.page-id-8 .wc-block-cart__submit-container,
.woocommerce-cart .wc-block-cart__submit-container {
    width: 100% !important;
}

.page-id-8 .wc-block-cart__submit-button,
.woocommerce-cart .wc-block-cart__submit-button {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    background: #24a591 !important;
    border: 1px solid #24a591 !important;
    border-radius: 16px !important;
    padding: 16px 24px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(36, 165, 145, 0.18);
    transition: all 0.25s ease;
}

.page-id-8 .wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-block-cart__submit-button:hover {
    background: #1d8e7d !important;
    border-color: #1d8e7d !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(36, 165, 145, 0.22);
}

.page-id-8 .wc-block-cart__submit-button:focus,
.woocommerce-cart .wc-block-cart__submit-button:focus {
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(36, 165, 145, 0.16);
}

/* Secondary buttons inside cart if they appear */
.page-id-8 .wc-block-components-button:not(.wc-block-cart__submit-button),
.woocommerce-cart .wc-block-components-button:not(.wc-block-cart__submit-button) {
    border-radius: 14px !important;
}

/* cleanup */
.page-id-8 .entry-content,
.woocommerce-cart .entry-content {
    margin-bottom: 0 !important;
}

/* Remove number arrows */
.page-id-8 .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.page-id-8 .wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.page-id-8 .wc-block-components-quantity-selector__input,
.woocommerce-cart .wc-block-components-quantity-selector__input {
    -moz-appearance: textfield !important;
}

/* 1200 */
@media (max-width: 1200px) {
    .page-id-8 .container,
    .woocommerce-cart .container {
        width: 96% !important;
    }

    .page-id-8 .wc-block-components-sidebar-layout,
    .woocommerce-cart .wc-block-components-sidebar-layout {
        grid-template-columns: minmax(0, 1fr) minmax(380px, 420px) !important;
        gap: 24px !important;
    }

    .page-id-8 .wc-block-cart__sidebar,
    .woocommerce-cart .wc-block-cart__sidebar {
        min-width: 380px !important;
        max-width: 420px !important;
    }
}

/* Tablet */
@media (max-width: 992px) {
    .page-id-8 .wc-block-components-sidebar-layout,
    .woocommerce-cart .wc-block-components-sidebar-layout {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .page-id-8 .wc-block-cart__sidebar,
    .woocommerce-cart .wc-block-cart__sidebar {
        position: static !important;
        top: auto !important;
        min-width: 100% !important;
        max-width: 100% !important;
        justify-self: stretch !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .page-id-8 .container,
    .woocommerce-cart .container {
        width: 94% !important;
    }

    .page-id-8 .main-title,
    .woocommerce-cart .main-title {
        font-size: 28px;
    }

    .page-id-8 .wc-block-cart-items,
    .woocommerce-cart .wc-block-cart-items {
        border-radius: 18px !important;
    }

    .page-id-8 .wc-block-cart-items__header,
    .woocommerce-cart .wc-block-cart-items__header {
        display: none !important;
    }

    .page-id-8 .wc-block-cart-items__row,
    .woocommerce-cart .wc-block-cart-items__row {
        display: block !important;
        padding: 18px !important;
        position: relative;
    }

    .page-id-8 .wc-block-cart-items__row td,
    .woocommerce-cart .wc-block-cart-items__row td {
        display: block !important;
        padding: 8px 0 !important;
        border: 0 !important;
    }

    .page-id-8 .wc-block-cart-item__image,
    .woocommerce-cart .wc-block-cart-item__image {
        float: left !important;
        margin-right: 14px !important;
        margin-bottom: 8px;
    }

    .page-id-8 .wc-block-cart-item__image a,
    .woocommerce-cart .wc-block-cart-item__image a {
        width: 72px !important;
        height: 72px !important;
    }

    .page-id-8 .wc-block-components-product-name,
    .woocommerce-cart .wc-block-components-product-name {
        font-size: 16px !important;
    }

    .page-id-8 .wc-block-cart-item__total,
    .woocommerce-cart .wc-block-cart-item__total {
        clear: both !important;
        text-align: left !important;
        padding-top: 14px !important;
        border-top: 1px solid #eef2f4 !important;
        margin-top: 14px !important;
    }

    .page-id-8 .wp-block-woocommerce-cart-order-summary-heading-block,
    .woocommerce-cart .wp-block-woocommerce-cart-order-summary-heading-block {
        font-size: 22px !important;
    }

    .page-id-8 .wc-block-cart__submit-button,
    .woocommerce-cart .wc-block-cart__submit-button {
        font-size: 16px !important;
        min-height: 54px;
    }
}







/* ==================== МОДАЛЬНОЕ ОКНО - СИЛЬНЫЕ СТИЛИ ==================== */

/* Модальное окно */
.cf7-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
}

.cf7-modal.show {
    display: flex !important;
}

/* Оверлей */
.cf7-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(3px);
    cursor: pointer;
}

/* Контейнер */
.cf7-modal-container {
    position: relative;
    z-index: 10;
    width: 90%;
    max-width: 600px;
    margin: 20px;
    animation: cf7ModalFadeIn 0.3s ease;
}

/* Контент */
.cf7-modal-content {
    background: #ffffff;
    border-radius: 20px;
    position: relative;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

/* Кнопка закрытия */
.cf7-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, 0.05);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    transition: all 0.2s ease;
    color: #666;
}

.cf7-modal-close:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
    transform: rotate(90deg);
}

/* Тело модального окна */
.cf7-modal-body {
    padding: 40px 30px;
    max-height: 80vh;
    overflow-y: auto;
}

/* ========== СТИЛИ ФОРМЫ - СИЛЬНЫЕ СЕЛЕКТОРЫ ========== */

.cf7-modal-body form {
    display: flex;
    flex-direction: column;
    gap: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cf7-modal-body form p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Лейблы полей */
.cf7-modal-body form label {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    font-family: 'Euclid-Circular', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Поля ввода - большие серые красивые */
.cf7-modal-body form input:not([type="checkbox"]) {
    width: 100% !important;
    padding: 24px 25px !important;
    border: none !important;
    border-radius: 15px !important;
    font-family: 'Euclid-Circular', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    background: #f0f3f5 !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    color: #000 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.cf7-modal-body form input:not([type="checkbox"]):focus {
    border: 1px solid #24a591 !important;
    background: #fff !important;
    outline: none !important;
}

.cf7-modal-body form input:not([type="checkbox"])::placeholder {
    color: #bfbfbf !important;
    opacity: 1 !important;
}

/* Чекбокс */
.cf7-modal-body form .custom-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    cursor: pointer !important;
}

.cf7-modal-body form .custom-checkbox .wpcf7-list-item {
    margin: 0 !important;
    padding: 0 !important;
}

.cf7-modal-body form .custom-checkbox .wpcf7-list-item label {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #777 !important;
    cursor: pointer !important;
}

.cf7-modal-body form .custom-checkbox input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border: 1px solid #bfbfbf !important;
    border-radius: 4px !important;
    background: #fff !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
}

.cf7-modal-body form .custom-checkbox input[type="checkbox"]:checked {
    border-color: #24a591 !important;
    background: #24a591 !important;
}

.cf7-modal-body form .custom-checkbox input[type="checkbox"]:checked:after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 10px !important;
    height: 8px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 7L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center !important;
    background-size: contain !important;
}

.cf7-modal-body form .custom-checkbox span {
    color: #24a591 !important;
    text-decoration: underline !important;
}

/* Кнопка отправки */
.cf7-modal-body form .btn,
.cf7-modal-body form button.btn {
    display: inline-block !important;
    width: 100% !important;
    padding: 24px 25px !important;
    background: #24a591 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 15px !important;
    font-family: 'Euclid-Circular', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    margin-top: 10px !important;
    line-height: 1.4 !important;
}

.cf7-modal-body form .btn:hover,
.cf7-modal-body form button.btn:hover {
    background: #1c8a79 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(36, 165, 145, 0.3) !important;
}

/* Анимация */
@keyframes cf7ModalFadeIn {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Адаптивность */
@media (max-width: 768px) {
    .cf7-modal-body {
        padding: 30px 20px !important;
    }
    
    .cf7-modal-close {
        top: 10px;
        right: 10px;
        width: 28px;
        height: 28px;
    }
    
    .cf7-modal-body form input:not([type="checkbox"]) {
        padding: 18px 20px !important;
        font-size: 14px !important;
    }
    
    .cf7-modal-body form .btn,
    .cf7-modal-body form button.btn {
        padding: 18px 20px !important;
        font-size: 14px !important;
    }
    
    .cf7-modal-body form label {
        font-size: 14px !important;
    }
}

/* Блокировка скролла body */
body.cf7-modal-open {
    overflow: hidden;
}





/* ==================== БЛОК ДОСТАВКИ ==================== */

.delivery p {
    color: #797979;
    margin-bottom: 10px;
    font-family: Euclid-Circular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 137%;
}

.delivery p:nth-last-child(3) {
    margin-bottom: 50px;
}

@media (width <= 700px) {
    .delivery p:nth-last-child(3) {
        margin-bottom: 25px;
    }

    .delivery p {
        font-size: 13px;
    }
}

.delivery__content {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 50px;
    display: grid;
}

@media (width <= 1000px) {
    .delivery__content {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }
}

.delivery__content-item {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.delivery__content-item img {
    width: 100%;
    height: auto;
    margin-top: auto;
}

.delivery__item-head {
    align-items: center;
    gap: 5px;
    padding: 15px 15px 30px;
    display: flex;
}

@media (width <= 700px) {
    .delivery__item-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding: 10px;
    }
}

.delivery__head-descr {
    flex-direction: column;
    gap: 15px;
    display: flex;
}

.delivery__descr-title {
    color: #fff;
    background: #24a591;
    border-radius: 25px;
    max-width: max-content;
    padding: 13px 20px;
    font-family: Euclid-Circular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 137%;
}

@media (width <= 700px) {
    .delivery__descr-title {
        padding: 5px 15px;
        font-size: 12px;
    }
}

.delivery__descr-text {
    color: #000;
    font-family: Euclid-Circular, sans-serif;
    font-size: 20px;
    font-weight: 500;
}

@media (width <= 700px) {
    .delivery__descr-text {
        font-size: 14px;
    }
}

/* КНОПКА */
.delivery__head-btn {
    background: #f9fbfc !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 73px !important;
    height: 73px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.3s ease, transform 0.3s ease !important;
    flex-shrink: 0 !important;
    overflow: hidden;
}

/* ВАЖНО: стилизуем только иконку внутри кнопки */
.delivery__head-btn > img {
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    display: block !important;
    transition: filter 0.3s ease !important;
}

/* hover */
.delivery__content-item:hover .delivery__head-btn {
    background: #24a591 !important;
    transform: scale(1.05) !important;
}

/* если SVG черный, делаем его белым */
.delivery__content-item:hover .delivery__head-btn > img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
}

.delivery__head-btn br {
    display: none !important;
}

@media (width <= 700px) {
    .delivery__head-btn {
        width: 55px !important;
        height: 55px !important;
    }

    .delivery__head-btn > img {
        width: 22px !important;
        height: 22px !important;
    }
}

/* Нижний баннер */
.delivery__row {
    background: #fff;
    border-radius: 25px;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 30px;
    display: flex;
}

@media (width <= 700px) {
    .delivery__row {
        flex-direction: column;
        padding: 15px;
    }
}

.delivery__row-descr {
    flex-direction: column;
    gap: 10px;
    display: flex;
}

.delivery__row-descr p {
    color: #797979;
    font-family: Euclid-Circular, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 137%;
}

@media (width <= 700px) {
    .delivery__row-descr p {
        font-size: 13px;
    }
}

.delivery__row-title {
    color: #000;
    font-family: Euclid-Circular, sans-serif;
    font-size: 33px;
    font-weight: 500;
}

@media (width <= 700px) {
    .delivery__row-title {
        font-size: 22px;
    }
}

@media (width <= 1000px) {
    .delivery__row-img {
        background: #f9f9f9;
        border-radius: 10px;
        justify-content: center;
        width: 100%;
        display: flex;
        overflow: hidden;
    }
}





/* ==================== DELIVERY ROW ==================== */

.delivery__row .avia_textblock {
  background: #fff;
  border-radius: 25px;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

@media (width <= 700px) {
  .delivery__row .avia_textblock {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
  }
}

.delivery__row-descr {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 auto;
}

.delivery__row-descr p {
  color: #797979;
  font-family: Euclid-Circular, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 137%;
  margin: 0;
}

@media (width <= 700px) {
  .delivery__row-descr p {
    font-size: 13px;
  }
}

.delivery__row-title {
  color: #000;
  font-family: Euclid-Circular, sans-serif;
  font-size: 33px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}

@media (width <= 700px) {
  .delivery__row-title {
    font-size: 22px;
  }
}

.delivery__row-img {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.delivery__row-img img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (width <= 1000px) {
  .delivery__row-img {
    background: #f9f9f9;
    border-radius: 10px;
    overflow: hidden;
  }
}

@media (width <= 700px) {
  .delivery__row-img {
    width: 100%;
    margin-left: 0;
  }
}






.quiz-wood {
  padding: 0;
}

.quiz-wood,
.quiz-wood * {
  box-sizing: border-box;
}

.quiz-wood__wrap {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 15px;
}

.quiz-wood__intro {
  background: #fff;
  border-radius: 25px;
  margin-bottom: 10px;
  padding: 35px;
}

.quiz-wood__heading {
  margin: 0 0 20px;
  color: #000;
  font-size: 33px;
  line-height: 1.15;
  font-weight: 500;
  font-family: inherit;
}

.quiz-wood__intro-text {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #797979;
  font-size: 16px;
  line-height: 1.37;
  font-weight: 400;
}

.quiz-wood__intro-text p {
  margin: 0;
}

.quiz-wood__intro-icon {
  flex-shrink: 0;
}

.quiz-wood__icon {
  width: 30px;
  height: 30px;
  display: block;
}

.quiz-wood__body {
  display: block;
}

.quiz-wood__steps {
  background: #fff;
  border-radius: 25px;
  padding: 35px;
}

.quiz-wood__step {
  display: none;
}

.quiz-wood__step.is-active {
  display: block;
}

.quiz-wood__step-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 25px;
}

.quiz-wood__step-title {
  color: #000;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 500;
}

.quiz-wood__step-count {
  flex-shrink: 0;
  color: #848b8c;
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
}

.quiz-wood__step-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 50px;
}

.quiz-wood__step--error .quiz-wood__step-content {
  outline: 2px solid #e74c3c;
  outline-offset: 8px;
  border-radius: 10px;
}

.quiz-wood__check {
  display: flex;
  align-items: center;
  gap: 0;
  cursor: pointer;
  color: #000;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 400;
  margin: 0;
}

.quiz-wood__check input {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0 15px 0 0;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  background: #fff;
  position: relative;
  cursor: pointer;
}

.quiz-wood__check input:checked::after {
  content: "";
  width: 10px;
  height: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='9' fill='none'><path stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.495' d='M1 4.5 3.667 8 9 1'/></svg>") center / contain no-repeat;
}

.quiz-wood__field {
  display: block;
  width: 100%;
  margin: 0;
}

.quiz-wood__field input[type="text"],
.quiz-wood__field input[type="tel"] {
  width: 100%;
  border: 0;
  border-radius: 15px;
  background: #f9f9f9;
  color: #000;
  padding: 30px;
  font-size: 16px;
  line-height: 1.37;
  font-weight: 400;
  box-shadow: none;
  outline: none;
}

.quiz-wood__field input::placeholder {
  color: #a8a8a8;
}

.quiz-wood__field--phone {
  position: relative;
}

.quiz-wood__field--phone input {
  padding-left: 60px;
}

.quiz-wood__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.quiz-wood__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 15px;
  background: #24a591;
  color: #fff;
  padding: 23px 29px;
  min-height: 64px;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  transition: 0.2s ease;
}

.quiz-wood__btn:hover {
  background: #1f9381;
  color: #fff;
}

.quiz-wood__btn--ghost {
  background: #f9f9f9;
  color: #121212;
}

.quiz-wood__btn--ghost:hover {
  background: #efefef;
  color: #121212;
}

.quiz-wood__btn[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}

.quiz-wood__success {
  text-align: center;
  padding: 40px 20px 10px;
}

.quiz-wood__success-title {
  color: #000;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 10px;
}

.quiz-wood__success-text {
  color: #797979;
  font-size: 16px;
  line-height: 1.5;
}

.quiz-wood__cf7-holder {
  position: absolute;
  left: -99999px;
  top: -99999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.quiz-wood__cf7-holder .wpcf7,
.quiz-wood__cf7-holder form,
.quiz-wood__cf7-holder p {
  margin: 0 !important;
}

@media (max-width: 700px) {
  .quiz-wood {
    padding: 20px 0;
  }

  .quiz-wood__intro,
  .quiz-wood__steps {
    border-radius: 15px;
    padding: 15px;
  }

  .quiz-wood__heading {
    margin-bottom: 15px;
    font-size: 22px;
  }

  .quiz-wood__intro-text {
    align-items: flex-start;
    gap: 10px;
    font-size: 12px;
  }

  .quiz-wood__step-head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
  }

  .quiz-wood__step-title {
    font-size: 16px;
  }

  .quiz-wood__step-count {
    font-size: 15px;
  }

  .quiz-wood__step-content {
    margin-bottom: 25px;
  }

  .quiz-wood__check {
    align-items: flex-start;
    font-size: 12px;
  }

  .quiz-wood__field input[type="text"],
  .quiz-wood__field input[type="tel"] {
    padding: 20px;
    font-size: 14px;
  }

  .quiz-wood__field-icon {
    left: 18px;
    font-size: 18px;
  }

  .quiz-wood__field--phone input {
    padding-left: 48px;
  }

  .quiz-wood__nav {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .quiz-wood__btn {
    width: 100%;
    min-height: 54px;
    padding: 18px 20px;
    font-size: 12px;
  }

  .quiz-wood__success-title {
    font-size: 22px;
  }

  .quiz-wood__success-text {
    font-size: 14px;
  }
}








.calc__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.calc__content-item {
  background: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-height: 205px;
  padding: 20px;
}

.calc__item-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.calc__item-head img {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  display: block;
}

.calc__head-text {
  color: #797979;
  font-family: Euclid-Circular, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.calc__item-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
}

.calc__row-text {
  color: #24a591;
  font-family: Euclid-Circular, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
}

.calc__row-btn {
  background: #f9fbfc !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 73px !important;
  height: 73px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.3s ease, transform 0.3s ease !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

.calc__row-btn img {
  width: 73px !important;
  height: 73px !important;
  display: block !important;
  transition: filter 0.3s ease !important;
}

.calc__row-btn:hover {
  background: #24a591 !important;
  transform: scale(1.05) !important;
}

.calc__row-btn:hover img {
  filter: brightness(0) saturate(100%) invert(100%) !important;
}

@media (max-width: 1000px) {
  .calc__content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .calc__content-item {
    min-height: 145px;
    padding: 15px;
  }

  .calc__item-head img {
    width: 28px;
    height: 28px;
  }

  .calc__head-text {
    font-size: 13px;
  }

  .calc__row-text {
    font-size: 18px;
  }

  .calc__row-btn {
    width: 64px !important;
    height: 64px !important;
  }

  .calc__row-btn img {
    width: 64px !important;
    height: 64px !important;
  }
}







body.quiz-open {
  overflow: hidden;
}

.quiz__overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.65);
}

.quiz__overlay--active {
  display: flex;
}

.quiz__overlay-content {
  position: relative;
  width: 100%;
  max-width: 760px;
  max-height: 90vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 25px;
  padding: 35px;
}

.quiz__overlay-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #f9fbfc;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 28px;
  line-height: 1;
  color: #000;
}

.quiz__overlay-close:hover {
  background: #24a591;
  color: #fff;
}

.quiz__quiz-step {
  display: none;
}

.quiz__quiz-step.is-active {
  display: block;
}

.quiz__quiz-step--error .quiz__step-content {
  outline: 2px solid #f43c33;
  outline-offset: 8px;
  border-radius: 12px;
}

.quiz__step-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 25px;
}

.quiz__step-head-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
}

.quiz__step-head-left img {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  display: block;
}

.quiz__step-title {
  color: #000;
  font-family: Euclid-Circular, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.quiz__step-nums {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #848b8c;
  font-size: 18px;
  flex-shrink: 0;
  margin-right: 55px;
}

.quiz__step-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}

.quiz__step-input,
.quiz__step-input-last {
  display: block;
  width: 100%;
}

.quiz__step-input input,
.quiz__step-input-last input {
  width: 100%;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: #f9f9f9 !important;
  border-radius: 15px !important;
  padding: 24px !important;
  color: #000 !important;
  font-family: Euclid-Circular, sans-serif !important;
  font-size: 16px !important;
}

.quiz__step-input-last {
  position: relative;
}

.quiz__step-input-last img {
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.quiz__step-input-last input {
  padding-left: 58px !important;
}

.quiz__quiz .custom-checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: #000;
  font-size: 16px;
  cursor: pointer;
}

.quiz__quiz .custom-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
  background: #fff;
  position: relative;
}

.quiz__quiz .custom-checkbox input[type="checkbox"]:checked {
  border-color: #24a591;
  background: #24a591;
}

.quiz__quiz .custom-checkbox input[type="checkbox"]:checked::after {
  content: "";
  width: 10px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 7L9 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.quiz__step-btns {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

.quiz__step-btns .btn {
  min-width: 180px;
  min-height: 58px;
  padding: 16px 28px;
  border: none;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
}

.quiz__step-btns .btn--mini {
  background: #24a591;
  color: #fff;
}

.quiz__step-btns .btn--gray {
  background: #f3f5f6;
  color: #000;
}

.quiz__quiz .wpcf7 {
  position: absolute;
  left: -99999px;
  top: -99999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 767px) {
  .quiz__overlay {
    padding: 10px;
  }

  .quiz__overlay-content {
    padding: 20px 15px;
    border-radius: 18px;
  }

  .quiz__step-head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 18px;
  }

  .quiz__step-head-left img {
    width: 28px;
    height: 28px;
  }

  .quiz__step-title {
    font-size: 20px;
  }

  .quiz__step-nums {
    font-size: 14px;
    margin-right: 0;
  }

  .quiz__step-input input,
  .quiz__step-input-last input {
    padding: 18px !important;
    font-size: 14px !important;
  }

  .quiz__step-input-last img {
    left: 16px;
    width: 18px;
    height: 18px;
  }

  .quiz__step-input-last input {
    padding-left: 46px !important;
  }

  .quiz__quiz .custom-checkbox {
    font-size: 14px;
  }

  .quiz__step-btns {
    flex-direction: column;
  }

  .quiz__step-btns .btn {
    width: 100%;
    min-width: 100%;
    min-height: 52px;
    font-size: 14px;
  }
}