/**
 * Fluent Forms під макет Viking.
 * Плагін дає свою розмітку (.ff-el-group / .ff-el-form-control / .ff-btn-submit),
 * тут вона приводиться до тих самих розмірів, що й вбудовані форми теми.
 */

body .fluentform .ff-el-group { margin-bottom: 0 !important; }
/* Плагін загортає всі поля в один <fieldset> — сітку задаємо саме йому */
body .fluentform form { display: block !important; }
body .fluentform form fieldset {
  display: grid !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body .fluentform .ff-el-input--label label {
  font-family: var(--font);
  color: var(--ink);
}

body .fluentform .ff-el-form-control,
body .fluentform select.ff-el-form-control,
body .fluentform textarea.ff-el-form-control {
  font-family: var(--font);
  color: var(--ink);
  background: transparent;
  box-shadow: none;
  transition: border-color var(--dur) var(--ease);
}
body .fluentform .ff-el-form-control::placeholder { color: var(--ink-muted); }
body .fluentform .ff-el-form-control:focus { outline: none; border-color: var(--accent); }
body .fluentform select.ff-el-form-control option { background: var(--bg); color: var(--ink); }

body .fluentform .ff-btn-submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 0;
  border-radius: var(--r);
  background: var(--accent);
  color: var(--ink);
  font-family: var(--font);
  font-weight: 500;
  font-size: var(--fs-lg);
  line-height: 32px;
  text-transform: uppercase;
  transition: background-color var(--dur) var(--ease);
}
/* «form» у селекторі — щоб перебити інлайновий <style> плагіна
   (form.fluent_form_N .ff-btn-submit:not(.ff_btn_no_style), та сама вага 0,3,1
   і стоїть нижче в документі): без цього наведення й натискання не працювали */
body .fluentform form .ff-btn-submit:hover { background: #C9823D; }
body .fluentform form .ff-btn-submit:active { background: #A2652C; }

/* Стани помилки й успіху — у розділі «Стани форм» наприкінці файлу */

/* ------------------------------------- Калькулятор: рамка + лейбл на ній */

body .calc__panel .fluentform form fieldset { gap: 32.4px !important; }

body .calc__panel .ff-el-group { position: relative; }

body .calc__panel .ff-el-input--label {
  position: absolute;
  top: -7px;
  left: 30px;
  z-index: 1;
  margin: 0;
  padding: 0 23px;
  background: var(--bg);
}
body .calc__panel .ff-el-input--label label {
  font-weight: 500;
  font-size: var(--fs-micro);
  line-height: var(--lh-micro);
}


body .calc__panel .ff-el-form-control {
  width: 100%;
  height: 78px !important;
  padding: 0 48px 0 24px !important;
  border: 1px solid var(--line-soft) !important;
  border-radius: var(--r) !important;
  font-weight: 300;
  font-size: var(--fs-lg);
  line-height: 32px;
  appearance: none;
}
body .calc__panel .ff-el-form-control:hover { border-color: var(--line); }

body .calc__panel select.ff-el-form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='m2 4.5 4 4 4-4' stroke='%23fff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 24px center;
}

body .calc__panel .ff-btn-submit { height: 78px !important; }

/* --------------------------------- Фінальний CTA: залиті поля без лейблів */

body .cta__col .fluentform form fieldset { gap: 35px !important; }
body .cta__col .ff-el-input--label { display: none !important; }

body .cta__col .ff-el-form-control {
  width: 100%;
  height: 61px !important;
  padding: 24px !important;
  background: var(--surface-08) !important;
  border: 0 !important;
  border-radius: var(--r) !important;
  font-weight: 500;
  font-size: var(--fs-body);
  line-height: 23px;
}
body .cta__col .ff-btn-submit { height: 66px !important; }

/* ------------------------------- Контакти: підпис зверху, лінія знизу */

body .contacts__col--form .fluentform form fieldset { gap: 47px !important; }

body .contacts__col--form .ff-el-input--label { margin: 0; height: 23px; }
body .contacts__col--form .ff-el-input--label label {
  font-weight: 500;
  font-size: var(--fs-body);
  line-height: 23px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.31);
}


/* Макет: підпис lh 23, поле 81px з текстом на 28px, лінія 1.8px, крок 47px */
body .contacts__col--form .ff-el-form-control {
  width: 100%;
  height: 81px !important;
  padding: 28px 24px 0 !important;
  border: 0 !important;
  border-bottom: 1.8px solid var(--ink) !important;
  border-radius: 0 !important;
  font-weight: 100;
  font-size: var(--fs-lg);
  line-height: 32px;
}
body .contacts__col--form textarea.ff-el-form-control { height: 159px !important; resize: vertical; }
body .contacts__col--form .ff-btn-submit { height: 66px !important; }

/* Зірочка обовʼязковості — у макеті її немає (ховаємо саме зірочку, не лейбл) */
body .fluentform .ff-el-is-required > label:after,
body .fluentform label.ff-el-is-required:after { content: none !important; }

body .fluentform .ff-el-form-control { box-shadow: none !important; }
body .calc__panel textarea.ff-el-form-control,
body .cta__col textarea.ff-el-form-control { height: auto !important; }

/* ---------------------------- Світла модалка із заявкою (фрейм 59:2) */

body .mlead .fluentform form fieldset { gap: 16px !important; }
body .mlead .ff-el-input--label { display: none !important; }
body .mlead .ff-el-form-control {
  width: 100%;
  height: 61px !important;
  padding: 24px !important;
  background: #FBF7F3 !important;
  border: 0 !important;
  border-radius: var(--r) !important;
  color: #1D1D1D;
  font-weight: 500;
  font-size: var(--fs-body);
  line-height: 23px;
}
body .mlead .ff-el-form-control::placeholder { color: #1D1D1D; }
body .mlead .ff-btn-submit { height: 66px !important; }


body .mlead .ff-el-form-control::placeholder { color: #1D1D1D !important; opacity: 1; }

/* ----------------------------------- Свій список для <select>
   Системний випадайковий список у Chrome світлий і випадає з дизайну,
   а в макеті його не намальовано. Тут він зроблений у логіці макета:
   та сама рамка й кегль, що в поля, мідь як єдиний акцент.
   Нативний <select> лишається на місці — без JS усе працює як було. */

.vk-select {
  position: fixed;
  z-index: 120;                 /* вище за модалку (100) */
  max-height: 330px;
  margin: 0;
  padding: 6px 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  list-style: none;
  background: #232323;          /* трохи світліше за фон — щоб список читався як окремий шар */
  border: 1px solid var(--accent);
  border-radius: var(--r);
}

.vk-select__option {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 12px 24px;
  color: var(--ink);
  font-family: var(--font);
  font-weight: 300;
  font-size: var(--fs-lg);
  line-height: 32px;
  cursor: pointer;
  transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.vk-select__option--empty { color: var(--ink-muted); }
.vk-select__option.is-active { background: rgba(184, 115, 51, 0.16); }
.vk-select__option.is-selected { color: var(--accent); }

.vk-select::-webkit-scrollbar { width: 4px; }
.vk-select::-webkit-scrollbar-track { background: transparent; }
.vk-select::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 2px; }

/* Поле у відкритому стані: мідна рамка і перевернута «галочка» */
body select.ff-el-form-control.vk-open,
body select.field__control.vk-open { border-color: var(--accent) !important; }

body .calc__panel select.ff-el-form-control.vk-open {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='m2 7.5 4-4 4 4' stroke='%23B87333' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Fluent Forms на фокусі підставляє свою світлу тему (білий фон, сірий текст) —
   раніше це ховалось за системним списком, а зі своїм списком стало видно.
   Повертаємо кольори кожного контексту. */
body .fluentform .ff-el-form-control:focus,
body .fluentform select.ff-el-form-control:focus,
body .fluentform textarea.ff-el-form-control:focus {
  color: var(--ink) !important;
  background-color: transparent !important;
}
body .cta__col .ff-el-form-control:focus { background-color: var(--surface-08) !important; }
body .mlead .ff-el-form-control:focus { background-color: #FBF7F3 !important; color: #1D1D1D !important; }

/* ------------------------------ Згода на обробку персональних даних (24.09)
   Поле Fluent Forms «GDPR Agreement» (.ff-el-tc) — обов'язкова галочка перед
   кнопкою в усіх трьох формах. У МАКЕТІ ЇЇ НЕМАЄ (ні на десктопі, ні на
   мобільному) — зроблено в стилі сайту: тонка рамка як у полів, мідь як єдиний
   акцент, посилання на політику мідне. Плагін підключає свій CSS ПІСЛЯ теми і
   ставить тут !important (padding-top:8px, display:table), тому селектори
   з «body» і з !important. Мобільні розміри — mobile/40-forms-consent.css. */

body .fluentform .ff-el-group.ff-el-input--content:has(.ff-el-tc) { position: relative; }
body .fluentform .ff-el-form-check.ff-el-tc {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
body .fluentform .ff-el-tc label.ff_tc_label {
  display: flex !important;
  align-items: flex-start;
  gap: 16px;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  font-family: var(--font);
}
body .fluentform .ff-el-tc label.ff_tc_label > span,
body .fluentform .ff-el-tc label.ff_tc_label > div {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
}
body .fluentform .ff-el-tc label.ff_tc_label > span.ff_tc_checkbox {
  flex: none;
  line-height: 0;
}

/* Сам квадрат: 22×22, рамка 1px кольору рамки полів, заокруглення як у полів */
body .fluentform .ff-el-tc input.ff-el-form-check-input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative !important;
  top: 0 !important;
  display: block !important;
  flex: none;
  width: 22px;
  height: 22px;
  margin: 0 !important;
  padding: 0;
  border: 1px solid var(--line-soft);
  border-radius: 4px;
  background: transparent no-repeat center / 14px 14px;
  cursor: pointer;
  vertical-align: top;
  transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
body .fluentform .ff-el-tc input.ff-el-form-check-input[type="checkbox"]:hover { border-color: var(--line); }
body .fluentform .ff-el-tc input.ff-el-form-check-input[type="checkbox"]:checked {
  border-color: var(--accent);
  background-color: var(--accent);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m2.5 7.2 3 3 6-6.4' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body .fluentform .ff-el-tc input.ff-el-form-check-input[type="checkbox"]:focus { outline: none; }
body .fluentform .ff-el-tc input.ff-el-form-check-input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Текст згоди: другорядний, як підписи полів; перший рядок — по центру квадрата */
body .fluentform .ff-el-tc .ff_t_c {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink-muted);
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
}
body .fluentform .ff-el-tc .ff_t_c a,
body .fluentform .ff-el-is-error .ff-el-tc .ff_t_c a {
  color: var(--accent) !important;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  white-space: nowrap;        /* «Політики конфіденційності» не рвемо між рядками */
  transition: color var(--dur) var(--ease);
}
body .fluentform .ff-el-tc .ff_t_c a:hover { color: #C9823D !important; }

/* Помилка «потрібна згода»: плагін фарбує ВЕСЬ текст згоди в червоний — лишаємо
   текст як був, червоніє лише рамка квадрата, а повідомлення стоїть під текстом */
body .fluentform .ff-el-is-error .ff-el-tc .ff-el-form-check-label,
body .fluentform .ff-el-is-error .ff-el-tc .ff_t_c { color: var(--ink-muted) !important; }
body .fluentform .ff-el-is-error .ff-el-tc input.ff-el-form-check-input[type="checkbox"] { border-color: var(--vk-error); }
body .fluentform .ff-el-group:has(.ff-el-tc) > .error.text-danger { padding-left: 38px; }   /* 22 + 16 */

/* Відстань до кнопки: згода належить кнопці, тому до неї ближче, ніж крок полів */
body .calc__panel .ff-el-group:has(.ff-el-tc) { margin-bottom: -12.4px !important; }  /* 32.4 → 20 */
body .cta__col .ff-el-group:has(.ff-el-tc) { margin: -11px 0 -15px !important; }      /* 35 → 24 / 20 */
body .contacts__col--form .ff-el-group:has(.ff-el-tc) { margin: -15px 0 -23px !important; } /* 47 → 32 / 24 */

/* Світла модалка ліда: темний текст, рамка під колір її полів */
body .mlead .ff-el-group:has(.ff-el-tc) { margin: 4px 0 !important; }                  /* 16 → 20 / 20 */
body .mlead .ff-el-tc input.ff-el-form-check-input[type="checkbox"] {
  border-color: rgba(29, 29, 29, 0.35);
  background-color: #FBF7F3;
}
body .mlead .ff-el-tc input.ff-el-form-check-input[type="checkbox"]:hover { border-color: rgba(29, 29, 29, 0.6); }
body .mlead .ff-el-tc input.ff-el-form-check-input[type="checkbox"]:checked {
  border-color: var(--accent);
  background-color: var(--accent);
}
body .mlead .ff-el-tc .ff_t_c,
body .mlead .ff-el-is-error .ff-el-tc .ff-el-form-check-label,
body .mlead .ff-el-is-error .ff-el-tc .ff_t_c { color: rgba(29, 29, 29, 0.72) !important; }
body .mlead .ff-el-is-error .ff-el-tc input.ff-el-form-check-input[type="checkbox"] { border-color: var(--vk-error); }

/* Калькулятор на головній: згода зробила форму, а з нею й секцію, вищою.
   Перехід у затемнення зони пакетів (.veils--calc .veil--3 у home.css) стояв на
   фіксованому top:1177px — рівно на останніх 202px секції. Без цього правила між
   ним і зоною пакетів з'являється світла смуга на всю ширину. Прив'язуємо шар до
   низу секції: при старій висоті це те саме місце, при новій — теж впритул. */
.home .veils--calc .veil--3 { top: auto; bottom: 0; }

/* «Контакти», десктоп: та сама вада, що й у калькуляторі. Згода зробила форму
   вищою на 53px (58.9 на 1920), нижнє фото з'їхало вниз, а вуаль .veil--2
   (pages/kontakty.css: top 1071, 663 заввишки) лишилась на місці — верх фото з
   лампами перестав тонути в темряві. Прив'язуємо вуаль до низу сторінки, як це
   вже зроблено в мобільній гілці (23-page-kontakty.css): .page--kontakty
   закінчується рівно низом фото, а до згоди сторінка мала 2163.52px →
   2163.52 − 1733.99 = 429.53. Вуаль знову стоїть там, де в Figma відносно фото,
   і їде разом з ним при будь-якій висоті форми (помилки полів теж).
   Специфічність (0,2,1) нижча за мобільне правило (0,3,0) — його не перебиває. */
html .veils--kontakty .veil--2 { top: auto; bottom: 429.53px; }

/* =====================================================================
   Стани форм (дизайнерка, 26.09): 198:515 «порожнє поле», 198:543 «фокус»,
   198:555 «помилка», 198:569 «після відправки». Намальовані на МОБІЛЬНІЙ формі
   CTA головної (полотно 402); тут — десктопні значення тієї самої логіки:
   мобільна верстка сайту — це десктоп ×0.6, тож десктоп = макет ÷ 0.6.
   Мобільні числа 1:1 з кадрів — mobile/43-forms-states.css.
   Інші три форми (вікно ліда, «Контакти», калькулятор) у макеті не намальовані —
   стани в них зроблені за тією самою логікою у стилі кожної форми.
   ===================================================================== */

/* Кольори кадрів: рамка й текст помилки #D85849, галочка успіху #51953E.
   На білій картці ліда той самий червоний дає контраст 3.9:1 — для дрібного
   тексту замало, там лишається темніший #C8433C (4.9:1). */
body .fluentform { --vk-error: #D85849; }
body .mlead .fluentform { --vk-error: #C8433C; }

/* ------------------------------------------------------------- Кнопка
   Плагін на :hover/:focus кнопки ставить opacity .8 — поверх нашого
   #C9823D це давало кнопку ТЕМНІШУ за звичайну (а після кліку вона такою й
   лишалась, бо тримає фокус) і плутало б зі станом «пригашена».
   Стан «надсилається» (.disabled, opacity .65 плагіна) не чіпаємо. */
body .fluentform .ff-btn-submit:not(.disabled):hover,
body .fluentform .ff-btn-submit:not(.disabled):focus { opacity: 1; }

/* 198:515 «порожнє поле»: кнопка пригашена — мідь з альфою 0.55 (у кадрі
   (114,76,41) на фоні 29), доки в жодне поле нічого не введено; перший
   введений символ повертає яскраву. Клас vk-is-empty ставить main.js.
   Відповідь дизайнерки 26.09 на суперечність 198:515 ↔ 138:3740: «треба
   пригашена, а коли починають вводити дані — стає яскрава». Тому правило
   для ВСІХ форм і обох розкладок (кадри 138:3740 і десктопні малювались
   до станів). На білій картці ліда та сама мідь 55% виходить світлішою —
   це і є пригашений вигляд на білому. Наведення й натискання кнопку не
   «вмикають» — інакше на ПК вона спалахувала б під курсором. */
body .fluentform form.vk-is-empty .ff-btn-submit,
body .fluentform form.vk-is-empty .ff-btn-submit:hover,
body .fluentform form.vk-is-empty .ff-btn-submit:active {
  background: rgba(184, 115, 51, 0.55);
}

/* -------------------------------------------------------------- Фокус
   198:543 — мідна рамка 1px ВСЕРЕДИНІ поля (розмір поля не змінюється).
   Залиті поля (CTA, лід) рамки не мають — малюємо її внутрішньою тінню,
   щоб текст не зсувався. Обведені (калькулятор) і підкреслені («Контакти») —
   фарбуємо свою рамку / лінію. */
body .cta__col .ff-el-form-control:focus,
body .mlead .ff-el-form-control:focus { box-shadow: inset 0 0 0 1.67px var(--accent) !important; }
body .calc__panel .ff-el-form-control:focus { border-color: var(--accent) !important; }
body .contacts__col--form .ff-el-form-control:focus { border-bottom-color: var(--accent) !important; }

/* ------------------------------------------------------------ Помилка
   198:555 — червона рамка поля (після фокуса: помилка важливіша) і текст під
   полем: 10.8/300 на мобільному → 18/300, базова лінія на 18.4 (→30.67) нижче
   поля, а наступний елемент зсувається рівно на 18 (→30). */
body .cta__col .ff-el-is-error .ff-el-form-control,
body .mlead .ff-el-is-error .ff-el-form-control { box-shadow: inset 0 0 0 1.67px var(--vk-error) !important; }
body .calc__panel .ff-el-is-error .ff-el-form-control { border-color: var(--vk-error) !important; }
body .contacts__col--form .ff-el-is-error .ff-el-form-control { border-bottom-color: var(--vk-error) !important; }

body .fluentform .ff-el-group .error.text-danger {
  margin: 15.8px 0 -8.8px;         /* мобільні 9.48 / −5.28 ÷ 0.6 */
  color: var(--vk-error);
  font-family: var(--font);
  font-weight: 300;
  font-size: 18px;
  line-height: 23px;
  text-align: left;
}
/* Під галочкою згоди — одразу під текстом, без від'ємного низу */
body .fluentform .ff-el-group:has(.ff-el-tc) > .error.text-danger { margin: 8px 0 0; }

/* ------------------------------------------------------ Після відправки
   198:569 — форма зникає, по центру зелена галочка в колі, «Заявку надіслано»
   і пояснення. Текст — у налаштуваннях Fluent Forms (повідомлення підтвердження,
   <p class="vk-success__title"> + <p class="vk-success__text">), іконка — тут.
   Іконка: коло з галочкою 41×41, штрих 2px (у кадрі) → 68.33 / 3.33. */
body .fluentform .ff-message-success {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--ink);
  font-family: var(--font);
  text-align: center;
}
body .fluentform .ff-message-success::before {
  content: "";
  display: block;
  width: 68.33px;
  height: 68.33px;
  margin: 0 auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2351953E' stroke-width='1.1707' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}
body .fluentform .ff-message-success p { margin: 0; }
/* Кегль і відступи — від базових ліній кадру: іконка → заголовок 80 (→133.3),
   заголовок → пояснення 29 (→48.3), рядки пояснення через 15 (→25) */
body .fluentform .ff-message-success .vk-success__title {
  margin-top: 28.75px;
  font-weight: 300;
  font-size: 41.67px;
  line-height: 50px;
}
body .fluentform .ff-message-success .vk-success__text {
  max-width: 343px;               /* у кадрі рядок рветься після «уточнити» */
  margin: 17.22px auto 0;
  font-weight: 100;               /* як текст над формою */
  font-size: 18px;
  line-height: 25px;
}

/* Секції сторінок: форма зникає, але її місце лишається — сторінка під
   пальцем не стрибає, а фото / вуалі калькулятора й «Контактів», прив'язані
   до низу секції, лишаються на місці. Плагін ховає форму display:none —
   повертаємо їй бокс і лише робимо невидимою. */
body .cta__col:has(.ff-message-success),
body .calc__panel:has(.ff-message-success),
body .contacts__col--form:has(.ff-message-success) { position: relative; }
body .cta__col .fluentform form.ff_force_hide,
body .calc__panel .fluentform form.ff_force_hide,
body .contacts__col--form .fluentform form.ff_force_hide {
  display: block !important;
  visibility: hidden !important;
}

/* CTA (намальований): разом з формою зникає й текст «Залиште заявку…»,
   іконка стоїть на 19 (→31.67) нижче базової лінії його першого рядка.
   Перша базова лінія тексту 18/24.5 — на 17.11 від верху колонки. */
body .cta__col:has(.ff-message-success) > .cta__text { visibility: hidden; }
body .cta__col .ff-message-success {
  position: absolute;
  top: 48.78px;
  left: 0;
  right: 0;
}

/* Калькулятор і «Контакти» — не намальовані: панель форми висока (у
   калькуляторі 8 полів), тож блок стоїть по центру звільненого місця */
body .calc__panel .ff-message-success,
body .contacts__col--form .ff-message-success {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

/* Вікно ліда — не намальоване: вікно само підлаштовується під вміст, тож
   форма й текст над нею просто зникають, заголовок лишається, а блок успіху
   стає на місце форми (на десктопі — по центру правої колонки). */
body .mlead:has(.ff-message-success) .mlead__text { display: none; }
body .mlead:has(.ff-message-success) .mlead__form { align-self: center; }
body .mlead .ff-message-success { color: #000000; }