/* === 26 KADR — Native modal forms (replaces CF7) === */

.popup_zone--consult { z-index: 9985; }
.popup_zone--consult .popup_zone__back { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.popup_consult { box-sizing: border-box; width: 652px; max-width: calc(100vw - 40px); padding: 40px; background: #1e1e1e; border: 2px solid rgba(201, 198, 198, 0.2); border-radius: 0; color: #fff; }
.popup_consult__close { color: #fff; }
.popup_consult__close:hover { color: var(--kadr-accent, #fcba01); background: rgba(255, 255, 255, 0.06); }
.popup_consult__title { margin: 0 0 20px; font-family: var(--kadr-font-display, 'Bebas Neue', Arial, sans-serif); font-size: 40px; font-weight: 700; line-height: normal; text-align: center; text-transform: lowercase; color: #fff; }
.consult_modal__body { display: flex; flex-direction: column; gap: 11px; width: 100%; max-width: 569px; margin: 0 auto; }
.consult_modal__panel--forms { width: 100%; }
.consult_modal__panel--forms[hidden] { display: none !important; }
.popup_consult__form-wrap { width: 100%; max-width: none; margin: 0; }
.popup_consult__form-wrap .kadr26-form { margin: 0; }
.popup_consult__form-wrap form.kadr26-form { display: flex; flex-direction: column; align-items: center; }

.consult_modal__form { display: flex; flex-direction: column; gap: 20px; align-items: center; width: 100%; }
.consult_modal__fields { display: flex; flex-direction: column; gap: 11px; width: 100%; }
.consult_modal__tabs { display: flex; gap: 11px; width: 100%; }
.consult_modal__tab { flex: 1 1 0; min-width: 0; box-sizing: border-box; margin: 0; padding: 6px 10px; border: 0; background: #757575; font-family: var(--kadr-font-body, 'Inter', Arial, sans-serif); font-size: 16px; font-weight: 400; line-height: 1; text-align: left; color: #000; cursor: pointer; }
.consult_modal__tab.is-active { background: var(--kadr-accent, #fcba01); }
.consult_modal__control { box-sizing: border-box; width: 100%; min-height: 0; padding: 6px 10px; border: 0; border-radius: 0; background: #d9d9d9; font-family: var(--kadr-font-body, 'Inter', Arial, sans-serif); font-size: 16px; font-weight: 400; line-height: 1; color: #000; appearance: none; -webkit-appearance: none; }
.consult_modal__control::placeholder { color: #757575; opacity: 1; }
.consult_modal__control--select { padding-right: 30px; background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%); background-position: calc(100% - 16px) calc(50% - 2px), calc(100% - 11px) calc(50% - 2px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.consult_modal__control option { color: #000; }
.consult_modal__control.kadr26-form__control--error { border: 1px solid #f24822; }
.consult_modal__control.kadr26-form__control--error:placeholder-shown { color: #f24822; }
.consult_modal__control.kadr26-form__control--error:placeholder-shown::placeholder { color: #f24822; opacity: 1; }
.consult_modal__role-field, .consult_modal__event-field, .consult_modal__grade-field { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.consult_modal__panel { display: flex; flex-direction: column; gap: 11px; width: 100%; }
.consult_modal__panel[hidden] { display: none !important; }
.consult_modal__grade-row { display: flex; flex-direction: column; gap: 11px; width: 100%; }
.consult_modal__agree { margin: 5px 0 0; }

.popup_consult__form-wrap .kadr26-form__agree { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 16px; row-gap: 6px; margin: 0; }
.popup_consult__form-wrap .kadr26-form__agree .kadr26-form__checkbox { display: flex; margin: 0; order: 1; }
.popup_consult__form-wrap .kadr26-form__agree input[type='checkbox'] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin: 1px 10px 0 0; flex-shrink: 0; box-sizing: border-box; border: 0; border-radius: 2px; background: #757575; cursor: pointer; }
.popup_consult__form-wrap .kadr26-form__agree input[type='checkbox']:checked { background-color: var(--kadr-accent, #fcba01); background-image: url('/img/check-black.svg'); background-repeat: no-repeat; background-position: center; background-size: 16px auto; }
.popup_consult__form-wrap .kadr26-form__agree .kadr26-form__agree-text { margin: 0; order: 2; flex: 1 1 0; min-width: 0; max-width: none; font-family: var(--kadr-font-body, 'Inter', Arial, sans-serif); font-size: 14px; font-weight: 400; line-height: normal; color: #c9c6c6; }
.popup_consult__form-wrap .kadr26-form__agree .kadr26-form__agree-text a { color: inherit; text-decoration: underline; }

.consult_modal__actions { display: flex; justify-content: center; width: 100%; }
.consult_modal__submit-wrap { position: relative; display: inline-flex; align-items: center; justify-content: center; }
.consult_modal__submit { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 0; padding: 14px 40px 10px; border: 0; border-radius: 0; background: var(--kadr-accent, #fcba01); font-family: var(--kadr-font-display, 'Bebas Neue', Arial, sans-serif); font-size: 24px; font-weight: 700; line-height: 1 !important; letter-spacing: 0; color: #000; cursor: pointer; transition: 0.2s; }
.consult_modal__submit .btn__label { line-height: 1 !important; }
.consult_modal__submit:hover { opacity: 0.92; color: #000; }
.consult_modal__submit-wrap .consult_modal__loader, .consult_modal__submit-wrap .kadr26-form__loader { position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: 0; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: opacity 0.15s ease; }
.popup_consult__form-wrap form.submitting .consult_modal__submit-wrap { pointer-events: none; }
.popup_consult__form-wrap form.submitting .consult_modal__submit { opacity: 0.85; }
.popup_consult__form-wrap form.submitting .consult_modal__submit .kadr26-form__submit-label { opacity: 0; }
.popup_consult__form-wrap form.submitting .consult_modal__submit-wrap .kadr26-form__loader, .popup_consult__form-wrap form.submitting .consult_modal__submit-wrap .consult_modal__loader { opacity: 1; }

/* Field wrapper: provides positioning context for error tips */
.popup_consult__form-wrap .kadr26-form__field { display: block; position: relative; overflow: visible; }

/* Error state: non-checkbox fields with an error shown */
.popup_consult__form-wrap .consult_modal__fields .kadr26-form__field:has(.kadr26-form__control--error) .kadr26-form__control--error { padding-right: 238px; }
.popup_consult__form-wrap .consult_modal__fields .kadr26-form__field:has(.kadr26-form__error:not(:empty)) .kadr26-form__control--error { padding-right: 238px; }
.popup_consult__form-wrap .consult_modal__fields .kadr26-form__field .kadr26-form__error { display: none; }
.popup_consult__form-wrap .consult_modal__fields .kadr26-form__field .kadr26-form__error:not(:empty) { position: absolute; top: 0; right: 0; left: auto; display: flex; align-items: center; box-sizing: border-box; margin: 0; padding: 9px 10px; min-height: 100%; background: #f24822; font-family: var(--kadr-font-body, 'Inter', Arial, sans-serif); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: 0; color: #fff; white-space: nowrap; pointer-events: none; z-index: 2; }
.popup_consult__form-wrap .consult_modal__fields .kadr26-form__agree .kadr26-form__error { display: none; }
.popup_consult__form-wrap .consult_modal__fields .kadr26-form__agree .kadr26-form__error:not(:empty) { position: static !important; top: auto !important; right: auto !important; order: 3; flex: 0 0 100%; display: block !important; width: 100%; min-height: 0; margin: 6px 0 0; padding: 0 !important; background: none !important; font-family: var(--kadr-font-body, 'Inter', Arial, sans-serif); font-size: 12px; font-weight: 400; line-height: 1.35; letter-spacing: 0; color: #f24822 !important; white-space: normal; pointer-events: none; z-index: auto; }

/* Response message (success/error banner) */
.popup_consult__form-wrap .kadr26-form__response { display: none; }
.popup_consult__form-wrap .kadr26-form__response--error { display: block; margin: 0; padding: 10px; background: #f24822; font-family: var(--kadr-font-body, 'Inter', Arial, sans-serif); font-size: 14px; font-weight: 400; line-height: 1.3; color: #fff; }
.popup_consult__form-wrap .kadr26-form__response--success { display: block; margin: 0; padding: 10px; background: #2e7d32; font-family: var(--kadr-font-body, 'Inter', Arial, sans-serif); font-size: 14px; font-weight: 400; line-height: 1.3; color: #fff; }

.popup_zone--thx { z-index: 9990; }
.popup_zone--thx .popup_zone__back { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.popup_zone--thx .popup.popup_thx { display: flex; flex-direction: column; align-items: center; gap: 20px; box-sizing: border-box; width: fit-content; max-width: calc(100vw - 40px); padding: 40px; background: #1e1e1e; border: 2px solid rgba(201, 198, 198, 0.2); border-radius: 0; color: #fff; }
.popup_zone--thx .popup_thx__close { color: #fff; }
.popup_zone--thx .popup_thx__close:hover { color: var(--kadr-accent, #fcba01); background: rgba(255, 255, 255, 0.06); }
.popup_zone--thx .popup_thx__title { margin: 0; padding-left: 0; padding-right: 0; width: 100%; font-family: var(--kadr-font-display, 'Bebas Neue', Arial, sans-serif); font-size: 40px; font-weight: 700; line-height: normal; text-align: center; color: #fff; }
.popup_zone--thx .popup_thx__text { display: flex; flex-direction: column; gap: 11px; align-items: flex-start; width: 799px; max-width: calc(100vw - 80px); margin: 0; }
.popup_zone--thx .popup_thx__paragraph { margin: 0; font-family: var(--kadr-font-body, 'Inter', Arial, sans-serif); font-size: 20px; font-weight: 400; line-height: normal; color: #c9c6c6; }
.popup_zone--thx .popup_thx__actions { display: flex; flex-wrap: nowrap; gap: 20px; align-items: flex-start; justify-content: center; width: auto; align-self: center; }
.popup_zone--thx .popup_thx__btn { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; box-sizing: border-box; min-width: 0; min-height: 0; height: auto; padding: 14px 40px 10px; border: 0; border-radius: 0; font-family: var(--kadr-font-display, 'Bebas Neue', Arial, sans-serif); font-size: 24px; font-weight: 700; line-height: 1 !important; letter-spacing: 0; text-decoration: none; white-space: nowrap; color: #000; cursor: pointer; transition: 0.2s; }
.popup_zone--thx .popup_thx__btn .btn__label { line-height: 1 !important; }
.popup_zone--thx .popup_thx__btn--primary { background: var(--kadr-accent, #fcba01); }
.popup_zone--thx .popup_thx__btn--secondary { background: #757575; }
.popup_zone--thx .popup_thx__btn:hover { opacity: 0.92; background: var(--kadr-accent, #fcba01); color: #000; }
.popup_zone--thx .popup_thx__btn--secondary:hover { background: #757575; }

.consult__social.consult__social--cf7 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.consult__social--cf7 .consult__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  transition: background 0.2s;
}

.consult__social--cf7 .consult__social-link:hover {
  background: rgba(255, 255, 255, 0.16);
}

@media (max-width: 749px) {
  .popup_zone--consult .popup_zone__content {
    padding: 20px;
    align-items: center;
  }

  .popup_consult {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 20px 10px;
    border-width: 1px;
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
  }

  .popup_consult__close {
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
  }

  .popup_consult__close svg {
    width: 16px;
    height: 16px;
  }

  .popup_consult__title {
    margin: 0;
    width: 100%;
    padding-right: 20px;
    font-size: 32px;
    line-height: normal;
    text-align: center;
  }

  .consult_modal__body {
    gap: 11px;
    max-width: none;
  }

  .popup_consult__form-wrap {
    max-width: 100%;
  }

  .consult_modal__form {
    gap: 20px;
    align-items: stretch;
    width: 100%;
  }

  .consult_modal__fields {
    gap: 11px;
  }

  .consult_modal__tabs {
    gap: 11px;
  }

  .consult_modal__tab {
    font-size: 11px;
    line-height: 1;
    padding: 6px 10px;
    color: #000;
  }

  .consult_modal__tab.is-active {
    background: #d9d9d9;
    color: #000;
  }

  .consult_modal__control {
    font-size: 11px;
    line-height: 1;
    padding: 6px 10px;
  }

  .consult_modal__control--select:required:invalid {
    color: #757575;
  }

  .popup_consult__form-wrap .kadr26-form__agree {
    column-gap: 8px;
    row-gap: 4px;
  }

  .popup_consult__form-wrap .kadr26-form__agree input[type='checkbox'] {
    width: 16px;
    height: 16px;
    margin: 1px 0 0;
  }

  .popup_consult__form-wrap .kadr26-form__agree input[type='checkbox']:checked {
    background-size: 12px auto;
  }

  .popup_consult__form-wrap .kadr26-form__agree .kadr26-form__agree-text {
    font-size: 11px;
    line-height: normal;
  }

  .popup_consult__form-wrap .consult__social--cf7 {
    display: none;
  }

  .popup_consult__form-wrap .consult_modal__fields .kadr26-form__field:has(.kadr26-form__error:not(:empty)) .kadr26-form__control--error {
    padding-right: 10px;
  }

  .popup_consult__form-wrap .consult_modal__fields .kadr26-form__field .kadr26-form__error:not(:empty) {
    position: static;
    display: block;
    width: 100%;
    min-height: 0;
    margin-top: 4px;
    font-size: 11px;
    white-space: normal;
  }

  .popup_consult__form-wrap .consult_modal__fields .kadr26-form__agree .kadr26-form__error {
    font-size: 11px;
  }

  .consult_modal__actions {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
  }

  .consult_modal__submit-wrap {
    width: auto;
  }

  .consult_modal__submit {
    width: auto;
    font-size: 20px;
    line-height: 1.5;
    padding: 14px 40px 10px;
  }

  .popup_zone--thx .popup.popup_thx {
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    padding: 20px 16px 24px;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    border-radius: 0;
  }

  .popup_zone--thx .popup_thx__close {
    right: 8px;
    top: 8px;
  }

  .popup_zone--thx .popup_thx__title {
    font-size: 32px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }

  .popup_zone--thx .popup_thx__paragraph {
    font-size: 16px;
  }

  .popup_zone--thx .popup_thx__text {
    width: 100%;
    max-width: 100%;
  }

  .popup_zone--thx .popup_thx__actions {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    align-self: stretch;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
  }

  .popup_zone--thx .popup_thx__btn {
    display: flex;
    width: 100%;
    max-width: 100%;
    font-size: 20px;
    padding: 14px 24px 10px;
    white-space: normal;
  }
}

/* === 26 KADR — Proforientolog popup === */

.popup_zone--proforientolog { z-index: 9986; }
.popup_zone--proforientolog .popup_zone__back { background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }

@media (max-width: 749px) {
  .popup_zone--proforientolog .popup_zone__content {
    padding: 20px;
    align-items: center;
  }
}














