.elementor-2177 .elementor-element.elementor-element-46d15930{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2177 .elementor-element.elementor-element-5416d200{margin:5px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:21px;--e-form-steps-indicator-padding:37px;--e-form-steps-indicator-inactive-primary-color:#F8F8F8D9;--e-form-steps-indicator-inactive-secondary-color:var( --e-global-color-0f1d8dd );--e-form-steps-indicator-active-primary-color:var( --e-global-color-6244969 );--e-form-steps-indicator-active-secondary-color:var( --e-global-color-d5d87e2 );--e-form-steps-indicator-completed-primary-color:#120101;--e-form-steps-indicator-completed-secondary-color:var( --e-global-color-primary );--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:13px;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:11px;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-11px;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-labels-inline .elementor-field-group > label{padding-left:29px;}body:not(.rtl) .elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-labels-inline .elementor-field-group > label{padding-right:29px;}body .elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-labels-above .elementor-field-group > label{padding-bottom:29px;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-group > label, .elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-subgroup label{color:#120101;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-group > label{font-family:"Cormorant", Sans-serif;font-size:40px;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-type-html{padding-bottom:0px;color:#120101;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-group .elementor-field{color:#120101;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-group .elementor-field, .elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-size:18px;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-button{font-family:"Roboto", Sans-serif;font-weight:500;padding:20px 40px 20px 40px;}.elementor-2177 .elementor-element.elementor-element-5416d200 .e-form__buttons__wrapper__button-next{background-color:#343621;color:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-button[type="submit"]{background-color:#343621;color:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .e-form__buttons__wrapper__button-previous{background-color:#120101;color:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2177 .elementor-element.elementor-element-5416d200 .e-form__indicators__indicator, .elementor-2177 .elementor-element.elementor-element-5416d200 .e-form__indicators__indicator__label{font-size:18px;font-weight:600;}#elementor-popup-modal-2177 .dialog-widget-content{background-image:url("https://zabotacosmetic.ru/wp-content/uploads/2026/05/cb844d8f-a9d1-4968-abc9-1e4e222b1e41.png");background-position:center center;background-repeat:no-repeat;background-size:cover;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2177{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2177 .dialog-message{width:972px;height:710px;align-items:flex-start;}@media(min-width:768px){.elementor-2177 .elementor-element.elementor-element-46d15930{--content-width:1200px;}}@media(min-width:1025px){#elementor-popup-modal-2177 .dialog-widget-content{background-attachment:scroll;}}@media(max-width:1024px){#elementor-popup-modal-2177 .dialog-message{width:750px;}}@media(max-width:767px){.elementor-2177 .elementor-element.elementor-element-5416d200 .e-form__indicators__indicator, .elementor-2177 .elementor-element.elementor-element-5416d200 .e-form__indicators__indicator__label{font-size:16px;}.elementor-2177 .elementor-element.elementor-element-5416d200{--e-form-steps-indicators-spacing:10px;--e-form-steps-indicator-padding:26px;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:9px;}#elementor-popup-modal-2177 .dialog-message{width:350px;}#elementor-popup-modal-2177 .dialog-widget-content{background-position:-480px 0px;}}/* Start custom CSS for form, class: .elementor-element-5416d200 *//* ===================================== */
/* ОСНОВНОЙ КОНТЕЙНЕР ФОРМЫ */
/* ===================================== */

.form {
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
}

/* Внутренняя форма */
.form .elementor-form,
.form form {
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
}

/* Обертка полей Elementor */
.form .elementor-form-fields-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
}

/* ВАЖНО: скрываем неактивные шаги */
.form .e-form__step.elementor-hidden,
.form .elementor-field-type-step.elementor-hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Показываем только активный шаг */
.form .e-form__step:not(.elementor-hidden),
.form .elementor-field-type-step:not(.elementor-hidden) {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 520px !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* ===================================== */
/* ИНДИКАТОРЫ ШАГОВ */
/* ===================================== */

/* Обертка индикаторов — строго в одну строку */
.form .e-form__indicators {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
  gap: 0 !important;
  margin-bottom: 35px !important;
}

/* Каждый шаг индикатора */
.form .e-form__indicators__indicator {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Последний индикатор без растягивания */
.form .e-form__indicators__indicator:last-child {
  flex: 0 0 auto !important;
}

/* Общий стиль кружков */
.form .e-form__indicators__indicator__number {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 50% !important;

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

  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #ffffff !important;

  background-color: #42452a !important;
  border: 1px solid #42452a !important;

  position: relative !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
}

/* Неактивные шаги */
.form .e-form__indicators__indicator--state-inactive .e-form__indicators__indicator__number,
.form .e-form__indicators__indicator:not(.e-form__indicators__indicator--state-active):not(.e-form__indicators__indicator--state-completed) .e-form__indicators__indicator__number {
  background-color: #42452a !important;
  border-color: #42452a !important;
  color: #ffffff !important;
}

/* Активный шаг */
.form .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number {
  background-color: #7f986f !important;
  border-color: #7f986f !important;
  color: #ffffff !important;
}

/* Пройденный / отвеченный шаг */
.form .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number {
  background-color: #7f986f !important;
  border-color: #7f986f !important;
  color: #ffffff !important;
}

/* Убираем стандартную галочку Elementor */
.form .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number::before,
.form .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number::after {
  display: none !important;
  content: none !important;
}

/* Линии между кружками */
.form .e-form__indicators__indicator__separator {
  display: block !important;
  flex: 1 1 auto !important;
  height: 1px !important;
  min-width: 40px !important;
  margin: 0 18px !important;
  background-color: #d8d8d8 !important;
}

/* ===================================== */
/* ПОЛЯ ФОРМЫ */
/* ===================================== */

.form .elementor-field-group {
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
}

.form .elementor-field,
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form textarea,
.form select {
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
}

/* ===================================== */
/* ВАРИАНТЫ ОТВЕТОВ */
/* ===================================== */

.form .elementor-field-subgroup:not(.elementor-subgroup-inline) {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  flex-grow: 0 !important;
  overflow: visible !important;
  padding-top: 0 !important;
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
}

.form .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option,
.form .elementor-field-option {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 18px !important;
  line-height: 20px !important;
  margin-bottom: 5px !important;
  cursor: pointer !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Чекбоксы */
.form .elementor-field-option input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;

  margin: 0 !important;
  border: 2px solid #cccccc !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;

  position: relative !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box !important;
}

.form .elementor-field-option input[type="checkbox"]:checked {
  background-color: #343621 !important;
  border-color: #343621 !important;
  box-shadow: 0 0 5px rgba(52, 54, 33, 0.5) !important;
}

.form .elementor-field-option input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  left: 8px !important;
  width: 5px !important;
  height: 10px !important;
  border: solid #ffffff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

/* Радиокнопки */
.form .elementor-field-option input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  accent-color: #343621 !important;
  cursor: pointer !important;
}

/* ===================================== */
/* КНОПКИ */
/* ===================================== */

.form .e-form__buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 18px !important;

  width: 100% !important;
  max-width: 520px !important;

  margin-top: 20px !important;
  margin-bottom: 0 !important;

  position: relative !important;
  bottom: auto !important;

  box-sizing: border-box !important;
}

/* Обертки кнопок Elementor */
.form .e-form__buttons__wrapper {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  display: flex !important;
}

/* Сами кнопки */
.form .e-form__buttons .elementor-button {
  text-align: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Кнопка НАЗАД */
.form .e-form__buttons .e-form__buttons__wrapper__button-previous {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Кнопка ДАЛЕЕ / ПОЛУЧИТЬ ПОДБОР */
.form .e-form__buttons .e-form__buttons__wrapper__button-next,
.form .e-form__buttons .e-form__buttons__wrapper__button-submit {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Текст внутри кнопок */
.form .e-form__buttons .elementor-button-text {
  white-space: nowrap !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  line-height: 1.2 !important;
}

/* Внутренняя обертка текста кнопки */
.form .elementor-button-content-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  white-space: nowrap !important;
}

/* ===================================== */
/* ФИКС ДЛЯ POPUP */
/* ===================================== */

.elementor-popup-modal .form {
  max-width: 520px !important;
}

.elementor-popup-modal .form .e-form__step.elementor-hidden,
.elementor-popup-modal .form .elementor-field-type-step.elementor-hidden {
  display: none !important;
}

.elementor-popup-modal .form .e-form__indicators {
  flex-direction: row !important;
}

.elementor-popup-modal .form .e-form__buttons {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

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

@media (max-width: 767px) {
  .form,
  .form .elementor-form,
  .form form,
  .form .elementor-form-fields-wrapper,
  .form .e-form__step:not(.elementor-hidden),
  .form .e-form__indicators,
  .form .elementor-field-group,
  .form .elementor-field,
  .form input[type="text"],
  .form input[type="email"],
  .form input[type="tel"],
  .form textarea,
  .form select,
  .form .elementor-field-subgroup:not(.elementor-subgroup-inline),
  .form .e-form__buttons {
    max-width: 100% !important;
  }

  .form .e-form__buttons {
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }

  .form .e-form__buttons .e-form__buttons__wrapper__button-previous {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
  }

  .form .e-form__buttons .e-form__buttons__wrapper__button-next,
  .form .e-form__buttons .e-form__buttons__wrapper__button-submit {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
  }
}/* End custom CSS */