.elementor-3282 .elementor-element.elementor-element-49b5646{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-html{padding-bottom:0px;}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-button[type="submit"]{color:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3282 .elementor-element.elementor-element-d954f07{--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;}@media(max-width:1366px){.elementor-widget-form .elementor-field-group > label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-message{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-form .elementor-field-group > label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-message{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-form .elementor-field-group > label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-message{line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for form, class: .elementor-element-d954f07 *//* =========================================================
   КВИЗ ELEMENTOR PRO — SILK STYLE — ОБНОВЛЁННАЯ ВЕРСИЯ
   Вставлять в Custom CSS виджета "Форма" в Elementor Pro

   Что исправлено:
   1) Кнопки "Предыдущая" и "Следующий" теперь рядом, а не одна под другой.
   2) На мобильной версии фото-карточки стали выше и шире по ощущению.
   3) Исправлен глюк, когда на мобильной версии могла пропадать кнопка "Далее".
   4) Красиво оформлены input, select, поля телефона и выбор способа связи.
   5) Фото-адреса из твоего кода сохранены.
   ========================================================= */

.elementor-3282 .elementor-element.elementor-element-d954f07{
  --quiz-main: #CCA481;
  --quiz-main-dark: #B98D68;
  --quiz-dark: #242424;
  --quiz-text: #444444;
  --quiz-muted: #8B7B70;
  --quiz-border: rgba(204, 164, 129, .34);
  --quiz-bg: #FFF9F4;
  --quiz-soft: #F7EEE6;
  --quiz-shadow: 0 24px 70px rgba(76, 48, 29, .14);

  /* =========================
     ФОТО ДЛЯ 1 ВОПРОСА
     ========================= */
  --img-braces: url('https://idealnayaulibka.ru/wp-content/uploads/2026/05/ustanovka-breketov-v-moskve-1.png');
  --img-aligners: url('https://idealnayaulibka.ru/wp-content/uploads/2026/05/elaynery-1.webp');
  --img-consult: url('https://idealnayaulibka.ru/wp-content/uploads/2026/05/kviz-1-3.png');

  /* =========================
     ФОТО ДЛЯ 2 ВОПРОСА
     ========================= */
  --img-upper: url('https://idealnayaulibka.ru/wp-content/uploads/2026/05/verhnyaya-chelust.png');
  --img-lower: url('https://idealnayaulibka.ru/wp-content/uploads/2026/05/niznyaya-chelust.png');
  --img-both: url('https://idealnayaulibka.ru/wp-content/uploads/2026/05/obe-chelusti.png');
}

/* =========================================================
   ОБЩАЯ КАРТОЧКА КВИЗА
   ========================================================= */

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-widget-container{
  max-width: 980px;
  margin: 0 auto;
  padding: 42px 42px 38px;
  background: linear-gradient(135deg, #ffffff 0%, #fffaf6 52%, #f8eee6 100%);
  border: 1px solid var(--quiz-border);
  border-radius: 30px;
  box-shadow: var(--quiz-shadow);
  position: relative;
  overflow: hidden;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-widget-container::before{
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  right: -105px;
  top: -125px;
  background: radial-gradient(circle, rgba(204,164,129,.26), rgba(204,164,129,0) 70%);
  pointer-events: none;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-widget-container::after{
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  left: -95px;
  bottom: -120px;
  background: radial-gradient(circle, rgba(185,141,104,.16), rgba(185,141,104,0) 72%);
  pointer-events: none;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form{
  position: relative;
  z-index: 2;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form-fields-wrapper{
  row-gap: 0 !important;
}

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

.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators{
  margin-bottom: 42px !important;
  gap: 22px !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator{
  min-width: auto !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator__number{
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(204,164,129,.42) !important;
  background: #fff !important;
  color: var(--quiz-main-dark) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 28px rgba(61, 42, 30, .06);
  transition: .25s ease;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator--state-active .e-form__indicators__indicator__number,
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator--state-completed .e-form__indicators__indicator__number{
  background: var(--quiz-main) !important;
  border-color: var(--quiz-main) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(185,141,104,.32);
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator__label{
  color: var(--quiz-muted) !important;
  font-size: 13px !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator__separator{
  background: rgba(139,123,112,.35) !important;
  height: 1px !important;
}

/* =========================================================
   ЗАГОЛОВКИ И ТЕКСТ
   ========================================================= */

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-html{
  margin-bottom: 10px !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-html b{
  display: block;
  font-size: 36px;
  line-height: 1.12;
  font-weight: 800;
  color: var(--quiz-dark);
  letter-spacing: -0.035em;
  margin-bottom: 12px;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-label{
  font-size: 19px;
  line-height: 1.35;
  font-weight: 700;
  color: #111111;
  margin-bottom: 20px !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-mark-required .elementor-field-label::after{
  color: var(--quiz-main-dark) !important;
  font-weight: 800;
}

/* =========================================================
   СЕТКА ВАРИАНТОВ
   ========================================================= */

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-subgroup{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option{
  display: block !important;
  margin: 0 !important;
  position: relative;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option input[type="radio"],
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

/* =========================================================
   БАЗОВАЯ КАРТОЧКА ОТВЕТА
   ========================================================= */

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option input + label{
  min-height: 78px;
  width: 100%;
  margin: 0 !important;
  padding: 18px 16px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid rgba(204,164,129,.30);
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  color: var(--quiz-dark);
  font-size: 17px;
  line-height: 1.25;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(61, 42, 30, .065);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option input + label:hover{
  transform: translateY(-4px);
  border-color: rgba(204,164,129,.82);
  box-shadow: 0 20px 42px rgba(61, 42, 30, .13);
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option input:checked + label{
  border-color: var(--quiz-main);
  background: linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
  color: var(--quiz-dark);
  box-shadow: 0 18px 40px rgba(185, 141, 104, .26);
  transform: translateY(-3px);
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option input + label::after{
  content: "✓";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--quiz-main);
  color: #fff;
  font-size: 16px;
  line-height: 1;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(.72);
  transition: .22s ease;
  box-shadow: 0 10px 20px rgba(185,141,104,.36);
  z-index: 5;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option input:checked + label::after{
  opacity: 1;
  transform: scale(1);
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option input:focus-visible + label{
  outline: 3px solid rgba(204,164,129,.28);
  outline-offset: 3px;
}

/* =========================================================
   ФОТО-КАРТОЧКИ 1 И 2 ВОПРОСА — ДЕСКТОП
   ========================================================= */

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_22fedad .elementor-field-option input + label,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_5361cb1 .elementor-field-option input + label{
  min-height: 218px !important;
  padding: 158px 14px 20px !important;
  align-items: flex-end;
  font-size: 19px;
  border-radius: 22px;
  isolation: isolate;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_22fedad .elementor-field-option input + label::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_5361cb1 .elementor-field-option input + label::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 148px !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat;
  border-bottom: 1px solid rgba(204,164,129,.20);
  box-shadow: inset 0 -34px 42px rgba(255,255,255,.22);
  transition: transform .28s ease;
  z-index: 1;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_22fedad .elementor-field-option input + label:hover::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_5361cb1 .elementor-field-option input + label:hover::before{
  transform: scale(1.035);
}

/* Фото 1 вопроса */
.elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_22fedad-0 + label::before{
  background-image: var(--img-braces);
  background-position: center 18% !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_22fedad-1 + label::before{
  background-image: var(--img-aligners);
  background-position: center center !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_22fedad-2 + label::before{
  background-image: var(--img-consult);
  background-position: center top !important;
}

/* Фото 2 вопроса */
.elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_5361cb1-0 + label::before{
  background-image: var(--img-upper);
  background-position: center center !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_5361cb1-1 + label::before{
  background-image: var(--img-lower);
  background-position: center center !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_5361cb1-2 + label::before{
  background-image: var(--img-both);
  background-position: center center !important;
}

/* =========================================================
   ЧЕКБОКСЫ 3 ВОПРОСА
   ========================================================= */

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-checkbox .elementor-field-subgroup{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-checkbox .elementor-field-option input + label{
  min-height: 64px;
  padding: 16px 48px 16px 16px;
  justify-content: flex-start;
  text-align: left;
  border-radius: 16px;
  font-size: 15px;
  line-height: 1.28;
  font-weight: 600;
}

/* =========================================================
   ПОЛЯ ИМЯ / ТЕЛЕФОН / SELECT
   ========================================================= */

.elementor-3282 .elementor-element.elementor-element-d954f07 input.elementor-field-textual,
.elementor-3282 .elementor-element.elementor-element-d954f07 textarea.elementor-field-textual,
.elementor-3282 .elementor-element.elementor-element-d954f07 select.elementor-field-textual,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-select select{
  width: 100% !important;
  min-height: 58px;
  border-radius: 16px !important;
  border: 1px solid rgba(204,164,129,.42) !important;
  background-color: #fff !important;
  padding: 15px 18px !important;
  color: var(--quiz-dark) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  box-shadow: 0 10px 24px rgba(61,42,30,.05);
  transition: .22s ease;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 input.elementor-field-textual:focus,
.elementor-3282 .elementor-element.elementor-element-d954f07 textarea.elementor-field-textual:focus,
.elementor-3282 .elementor-element.elementor-element-d954f07 select.elementor-field-textual:focus,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-select select:focus{
  border-color: var(--quiz-main) !important;
  box-shadow: 0 0 0 4px rgba(204,164,129,.18) !important;
  outline: none !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 input.elementor-field-textual::placeholder,
.elementor-3282 .elementor-element.elementor-element-d954f07 textarea.elementor-field-textual::placeholder{
  color: rgba(68,68,68,.56);
}

/* Красивый select */
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-select{
  position: relative;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-select select{
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  padding-right: 50px !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--quiz-dark) 50%),
    linear-gradient(135deg, var(--quiz-dark) 50%, transparent 50%),
    linear-gradient(135deg, rgba(204,164,129,.18), rgba(255,255,255,0));
  background-position:
    calc(100% - 24px) 50%,
    calc(100% - 17px) 50%,
    100% 0;
  background-size:
    7px 7px,
    7px 7px,
    58px 100%;
  background-repeat: no-repeat;
}

/* Убираем стандартную стрелку IE/старых Edge */
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-select select::-ms-expand{
  display: none;
}

/* Поля финального шага делаем более аккуратными */
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-text,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-tel,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-email,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-select{
  margin-bottom: 16px !important;
}

/* =========================================================
   КНОПКИ — ЖЁСТКОЕ ИСПРАВЛЕНИЕ
   В Elementor кнопки шагов могут быть либо внутри .e-form__buttons,
   либо отдельными полями .elementor-field-type-previous / next.
   Поэтому ниже прописаны оба варианта.
   ========================================================= */

/* Родительский блок кнопок, если Elementor собрал кнопки внутрь .e-form__buttons */
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons{
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-top: 26px !important;
}

/* Обёртки кнопок внутри .e-form__buttons */
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons .e-form__buttons__wrapper{
  width: calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  flex: 0 0 calc(50% - 8px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

/* Если Elementor вывел предыдущая/далее отдельными полями формы */
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form .elementor-field-group.elementor-field-type-previous,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form .elementor-field-group.elementor-field-type-next{
  width: calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  flex: 0 0 calc(50% - 8px) !important;
  margin-top: 26px !important;
  padding: 0 !important;
  display: flex !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form .elementor-field-group.elementor-field-type-previous{
  margin-right: 8px !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form .elementor-field-group.elementor-field-type-next{
  margin-left: 8px !important;
}

/* Если на первом шаге есть только кнопка Далее — делаем её компактной справа */
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons > .e-form__buttons__wrapper:only-child,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form .elementor-field-group.elementor-field-type-next:only-child{
  width: 52% !important;
  max-width: 52% !important;
  flex: 0 0 52% !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Сами кнопки */
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons .e-form__buttons__wrapper__button,
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons button,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-previous button,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-next button{
  width: 100% !important;
  max-width: 100% !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg, var(--quiz-main) 0%, var(--quiz-main-dark) 100%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .03em;
  text-transform: uppercase;
  box-shadow: 0 16px 32px rgba(185,141,104,.28);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  position: relative;
  overflow: hidden;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
}

/* Submit на финальном шаге — отдельная широкая кнопка */
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-submit{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-top: 26px !important;
  padding: 0 !important;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-submit .elementor-button{
  width: 100% !important;
  max-width: 100% !important;
  min-height: 56px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: linear-gradient(135deg, var(--quiz-main) 0%, var(--quiz-main-dark) 100%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .03em;
  text-transform: uppercase;
  box-shadow: 0 16px 32px rgba(185,141,104,.28);
}

/* Белая кнопка Назад */
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons__wrapper__button-previous,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-previous button{
  background: #fff !important;
  color: var(--quiz-dark) !important;
  border: 1px solid rgba(204,164,129,.42) !important;
  box-shadow: 0 10px 22px rgba(61,42,30,.055) !important;
}

/* Блик */
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons .e-form__buttons__wrapper__button::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons button::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-previous button::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-next button::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-submit .elementor-button::before{
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 72%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
  transform: skewX(-20deg);
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons .e-form__buttons__wrapper__button:hover,
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons button:hover,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-previous button:hover,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-next button:hover,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-submit .elementor-button:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 38px rgba(185,141,104,.34);
  filter: brightness(1.02);
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons .e-form__buttons__wrapper__button:hover::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons button:hover::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-previous button:hover::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-next button:hover::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-submit .elementor-button:hover::before{
  left: 132%;
  transition: .78s ease;
}

/* Принудительно показываем Далее */
.elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons__wrapper__button-next,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-next,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-next button{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* =========================================================
   СООБЩЕНИЯ И ОШИБКИ
   ========================================================= */

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-message,
.elementor-3282 .elementor-element.elementor-element-d954f07 .yc-captcha-error{
  margin-top: 14px;
  padding: 13px 15px;
  border-radius: 14px;
  background: #fff4f4;
  color: #C0392B;
  font-size: 14px;
  line-height: 1.45;
}

.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-message.elementor-message-success{
  background: #f1fff6;
  color: #2f7a48;
}

/* =========================================================
   АДАПТИВ ПЛАНШЕТ
   ========================================================= */

@media (max-width: 1024px){
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-widget-container{
    padding: 34px 24px 30px;
    border-radius: 26px;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-html b{
    font-size: 32px;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-subgroup,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-checkbox .elementor-field-subgroup{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   АДАПТИВ МОБИЛЬНЫЙ — ИСПРАВЛЕНО
   Фото выше, карточки читаются нормально.
   Кнопки остаются рядом.
   ========================================================= */

@media (max-width: 767px){
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-widget-container{
    padding: 24px 14px 24px;
    border-radius: 24px;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators{
    margin-bottom: 28px !important;
    gap: 7px !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator__number{
    width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator__separator{
    min-width: 12px !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-html b{
    font-size: 26px;
    line-height: 1.15;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-label{
    font-size: 16px;
    margin-bottom: 16px !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-subgroup,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-checkbox .elementor-field-subgroup{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-option input + label{
    font-size: 16px;
  }

  /* Фото-карточки на мобильном: делаем фото не узкой полоской, а нормальным блоком */
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_22fedad .elementor-field-option input + label,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_5361cb1 .elementor-field-option input + label{
    min-height: 270px !important;
    padding: 202px 14px 20px !important;
    font-size: 18px;
    border-radius: 22px;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_22fedad .elementor-field-option input + label::before,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_5361cb1 .elementor-field-option input + label::before{
    height: 192px !important;
    background-size: cover !important;
  }

  /* Точечные фокусы фото на мобильном */
  .elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_22fedad-0 + label::before{
    background-position: center 18% !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_22fedad-1 + label::before{
    background-position: center center !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_22fedad-2 + label::before{
    background-position: center 20% !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_5361cb1-0 + label::before{
    background-position: center center !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_5361cb1-1 + label::before{
    background-position: center center !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 #form-field-field_5361cb1-2 + label::before{
    background-position: center center !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-checkbox .elementor-field-option input + label{
    min-height: 58px;
    font-size: 15px;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 input.elementor-field-textual,
  .elementor-3282 .elementor-element.elementor-element-d954f07 textarea.elementor-field-textual,
  .elementor-3282 .elementor-element.elementor-element-d954f07 select.elementor-field-textual,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-select select{
    min-height: 56px;
    font-size: 16px !important;
    border-radius: 15px !important;
  }

  /* Кнопки на мобильном: рядом, ниже по высоте, без огромных полос */
  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons{
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin-top: 18px !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons .e-form__buttons__wrapper,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form .elementor-field-group.elementor-field-type-previous,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form .elementor-field-group.elementor-field-type-next{
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    flex: 0 0 calc(50% - 5px) !important;
    margin-top: 18px !important;
    padding: 0 !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form .elementor-field-group.elementor-field-type-previous{
    margin-right: 5px !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-form .elementor-field-group.elementor-field-type-next{
    margin-left: 5px !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons .e-form__buttons__wrapper__button,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons button,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-previous button,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-next button,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-submit .elementor-button{
    min-height: 46px !important;
    font-size: 12px !important;
    border-radius: 13px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    letter-spacing: .015em !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-submit{
    margin-top: 18px !important;
  }
}

/* =========================================================
   ОЧЕНЬ УЗКИЕ ЭКРАНЫ
   Если на маленьком телефоне две кнопки тесно — делаем аккуратнее.
   ========================================================= */

@media (max-width: 380px){
  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons__wrapper{
    gap: 8px !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons__wrapper__button,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__buttons button,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-submit .elementor-button{
    font-size: 12px !important;
    letter-spacing: .015em;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_22fedad .elementor-field-option input + label,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_5361cb1 .elementor-field-option input + label{
    min-height: 250px !important;
    padding-top: 184px !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_22fedad .elementor-field-option input + label::before,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-group-field_5361cb1 .elementor-field-option input + label::before{
    height: 174px !important;
  }
}


/* =========================================================
   FIX: SELECT + ИНДИКАТОРЫ ШАГОВ НА МОБИЛЬНОМ
   Добавлено для исправления:
   1) убираем двойную стрелку/две точки у выпадающего списка;
   2) на мобильном показываем все шаги, а не только 1–4.
   ========================================================= */

/* Убираем штатную стрелку Elementor у select */
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-select-wrapper::before,
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-select-wrapper::after,
.elementor-3282 .elementor-element.elementor-element-d954f07 .select-caret-down-wrapper{
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Оставляем одну аккуратную стрелку у select */
.elementor-3282 .elementor-element.elementor-element-d954f07 .elementor-field-type-select select,
.elementor-3282 .elementor-element.elementor-element-d954f07 select.elementor-field-textual{
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  padding-right: 52px !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4.2 6.7L9 11.5l4.8-4.8' fill='none' stroke='%23242424' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 20px) 50% !important;
  background-size: 16px 16px !important;
}

/* На мобильном все 8 шагов должны помещаться в одну строку */
@media (max-width: 767px){
  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators{
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    overflow: visible !important;
    margin-bottom: 26px !important;
    padding: 0 !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator{
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator__number{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    font-size: 12px !important;
    line-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: 0 8px 18px rgba(61, 42, 30, .06) !important;
  }

  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator__separator,
  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator__label{
    display: none !important;
  }
}

@media (max-width: 380px){
  .elementor-3282 .elementor-element.elementor-element-d954f07 .e-form__indicators__indicator__number{
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    font-size: 11px !important;
    line-height: 25px !important;
  }
}/* End custom CSS */