.elementor-51666 .elementor-element.elementor-element-7d51e43d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:30px 30px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-51666 .elementor-element.elementor-element-7d51e43d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-51666 .elementor-element.elementor-element-61b44ab0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--border-radius:5px 5px 5px 5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-51666 .elementor-element.elementor-element-61b44ab0, .elementor-51666 .elementor-element.elementor-element-61b44ab0::before{--border-transition:0.3s;}.elementor-51666 .elementor-element.elementor-element-61b44ab0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:0px;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-0px;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-field-group.recaptcha_v3-bottomleft, .elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-field-group > label{font-size:10px;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-field-type-html{padding-bottom:0px;font-size:12px;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-field-group .elementor-field, .elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-field-subgroup label{font-size:10px;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-secondary );color:#ffffff;border-color:var( --e-global-color-secondary );}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-button[type="submit"]{background-color:var( --e-global-color-secondary );color:#ffffff;border-color:var( --e-global-color-secondary );}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .e-form__buttons__wrapper__button-next:hover{background-color:#3964D4B3;color:#FFFFFF;border-color:var( --e-global-color-secondary );}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-button[type="submit"]:hover{background-color:#3964D4B3;color:#FFFFFF;border-color:var( --e-global-color-secondary );}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-message.elementor-message-success{color:var( --e-global-color-primary );}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-message.elementor-message-danger{color:var( --e-global-color-primary );}.elementor-51666 .elementor-element.elementor-element-15ef4fae .elementor-message.elementor-help-inline{color:var( --e-global-color-primary );}.elementor-51666 .elementor-element.elementor-element-15ef4fae{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-51666 .elementor-element.elementor-element-1b7f2814{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:flex-end;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51666 .elementor-element.elementor-element-1b7f2814.e-con{--order:99999 /* order end hack */;}.elementor-51666 .elementor-element.elementor-element-4bd89378.elementor-element{--align-self:stretch;}@media(max-width:767px){.elementor-51666 .elementor-element.elementor-element-7d51e43d{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--gap:0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-51666 .elementor-element.elementor-element-7d51e43d{--width:100%;}.elementor-51666 .elementor-element.elementor-element-61b44ab0{--width:30%;}.elementor-51666 .elementor-element.elementor-element-1b7f2814{--width:60%;}}/* Start custom CSS for form, class: .elementor-element-15ef4fae *//* ========================================================= */
/* 1. СБРОС И КОРРЕКЦИЯ ОТСТУПОВ ELEMENTOR */
/* ========================================================= */

/* Скрываем стандартные радиокнопки */
#visual-constructor-form input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* Убираем лишний отступ слева у всей формы */
#visual-constructor-form .elementor-form-fields-wrapper {
    padding: 0 !important;
}

/* Уменьшаем вертикальный интервал между секциями (Среда, Модуль и т.д.) */
#visual-constructor-form .elementor-field-group {
    margin-bottom: 10px !important; 
    padding: 0 !important;
}

/* Уменьшаем отступ ПОСЛЕ заголовка поля ("Среда", "Модуль"), прижимая карточки */
#visual-constructor-form .elementor-field-label {
    font-weight: 600 !important;
  
    display: block !important;
    font-size: 10px !important;
    color: #333 !important;
}

/* ========================================================= */
/* 2. ОБЩИЕ СТИЛИ КАРТОЧЕК (Среда, Модули, ТКО) */
/* ========================================================= */

#visual-constructor-form .elementor-field-type-radio label {
    display: inline-block !important;
    cursor: pointer !important;
    text-align: center !important;
    border: none !important;
    border-radius:3px !important;
   

  
    background-color: #fff !important;
    
    min-width:40px !important;
    min-height: 40px !important; 
    
    transition: all 0.2s ease;
    line-height: 1.2 !important;
    font-size: 9px !important;
    color: #555 !important;
    /*position: relative !important;  Важно для позиционирования галочки */
    box-sizing: border-box;

    /* Стили для иконок */
    padding-top: 40px !important;
    background-position: center 6px !important;
    background-repeat: no-repeat !important;
    background-size: 40px auto !important;

}

/* Эффект при выборе */
#visual-constructor-form .elementor-field-type-radio input[type="radio"]:checked + label {
    background-color: #f9fdf6 !important;
    box-shadow: 0 0 5px rgba(121,165,79,0.4), 0 0 0 1px #79A54F !important;
    border: 2px solid;
    color: #000 !important;
}

/* Галочка при выборе */
#visual-constructor-form .elementor-field-type-radio input[type="radio"]:checked + label::after {
   /* content: "✔";*/
    position: absolute;
    top: 4px;
    right: 6px;
    font-size: 10px;
    color: #79A54F;
    font-weight: bold;
}

/* ========================================================= */
/* 3. СПЕЦИФИЧЕСКИЕ СТИЛИ ЦВЕТА */
/* ========================================================= */

#visual-constructor-form .elementor-field-group-config_color label {
    height: 35px !important;
    width: 35px !important;
    border-radius: 4px !important;
  
    padding: 0 !important;
    text-indent: -9999px !important; /* Скрыть текст */
    
    /* Отключаем стили иконок, которые были унаследованы */
    background-image: none !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    box-shadow: none !important; /* Убираем тень */
}

/* Активный цвет */
#visual-constructor-form .elementor-field-group-config_color input[type="radio"]:checked + label {
   /* background-color: transparent !important; Убираем фон при выборе */
    box-shadow: 0 0 0 2px #79A54F !important; /* Только рамка */
}

/* Убираем галочку для цветных плиток */
#visual-constructor-form .elementor-field-group-config_color input[type="radio"]:checked + label::after {
    content: none;
}

/* ========================================================= */
/* 4. АБСОЛЮТНЫЕ URL ИКОНОК И ЦВЕТА */
/* ========================================================= */

/* Цветовые квадраты */
#visual-constructor-form label[for="form-field-config_color-0"] { background-color: #000080 !important; }
#visual-constructor-form label[for="form-field-config_color-1"] { background-color: #6C7A89 !important; }
#visual-constructor-form label[for="form-field-config_color-2"] { background-color: #6aa84f !important; }
#visual-constructor-form label[for="form-field-config_color-3"] { background-color: #ffd966 !important; }

/* Иконки Среды */
#visual-constructor-form label[for="form-field-config_layout-0"] { background-image: url('https://kenig-pack.com/wp-content/uploads/2025/10/city.jpeg') !important; }
#visual-constructor-form label[for="form-field-config_layout-1"] { background-image: url('https://kenig-pack.com/wp-content/uploads/2025/10/park.png') !important; }
#visual-constructor-form label[for="form-field-config_layout-2"] { background-image: url('https://kenig-pack.com/wp-content/uploads/2025/10/kottege.png') !important; }

/* Иконки Модулей */
#visual-constructor-form label[for="form-field-config_modules-0"] { background-image: url('https://kenig-pack.com/wp-content/uploads/2025/10/mod_1.png') !important; }
#visual-constructor-form label[for="form-field-config_modules-1"] { background-image: url('https://kenig-pack.com/wp-content/uploads/2025/10/mod_2.png') !important; }
#visual-constructor-form label[for="form-field-config_modules-2"] { background-image: url('https://kenig-pack.com/wp-content/uploads/2025/10/mod_3.png') !important; }
#visual-constructor-form label[for="form-field-config_modules-3"] { background-image: url('https://kenig-pack.com/wp-content/uploads/2025/10/mod_4.png') !important; }

/* Иконки ТКО */
#visual-constructor-form label[for="form-field-config_tko-0"] { background-image: url('/wp-content/uploads/2025/10/color-1.jpg') !important; }
#visual-constructor-form label[for="form-field-config_tko-1"] { background-image: url('/wp-content/uploads/2025/10/color-1.jpg') !important; }


/* УДАЛЯЕМ ОТСТУПЫ У СПИСКОВ ВНУТРИ ФОРМЫ (очень частое решение) */
#visual-constructor-form ul,
#visual-constructor-form li {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none !important; /* Убираем возможные маркеры */
}

/* Убираем отступ у самого первого поля */
#visual-constructor-form .elementor-field-group:first-child {
    padding-left: 0 !important;
    margin-left: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4bd89378 */#constructor-preview-image {
    /* Важно: "transition" должен быть применен к элементу */
    transition: opacity 0.1s ease-in-out !important; 
    
    /* Добавляем !important, чтобы перебить возможные стили Elementor */
    opacity: 1 !important;
    
    /* Дополнительные стили, если нужны */
    width: 100%;
    height: auto;
    display: block;
}/* End custom CSS */