/**
 * Мобільна версія галочки згоди (Fluent Forms «GDPR Agreement», .ff-el-tc)
 * у чотирьох місцях: калькулятор і CTA на головній, вікно ліда, «Контакти».
 * У МАКЕТІ ЇЇ НЕМАЄ — розміри взято з десктопної версії (forms.css) у тій самій
 * пропорції ×0.6, що й решта мобільних форм; текст — кеглем мобільних
 * підписів 10.8/13.8. Десктопні правила пишуться «body .fluentform …» з
 * !important, тому тут «[data-layout="mobile"] body …» і теж !important.
 */

[data-layout="mobile"] body .fluentform .ff-el-tc label.ff_tc_label { gap: 9.6px; }

[data-layout="mobile"] body .fluentform .ff-el-tc input.ff-el-form-check-input[type="checkbox"] {
  width: 13.2px;
  height: 13.2px;
  border-width: 1px;
  border-radius: 2.4px;
  background-size: 9.6px 9.6px;
}
/* Та сама «галочка», але штрих товщий: при 9.6px десктопні 1.6 з 14 дають 1.1px і губляться */
[data-layout="mobile"] body .fluentform .ff-el-tc input.ff-el-form-check-input[type="checkbox"]:checked {
  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='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
[data-layout="mobile"] body .fluentform .ff-el-tc input.ff-el-form-check-input[type="checkbox"]:focus-visible {
  outline-width: 1.2px;
  outline-offset: 1.2px;
}

[data-layout="mobile"] body .fluentform .ff-el-tc .ff_t_c {
  font-size: 10.8px;
  line-height: 13.8px;
}
[data-layout="mobile"] body .fluentform .ff-el-tc .ff_t_c a {
  text-underline-offset: 1.8px;
}

/* Квадрат 13.2 у рядку 13.8 — по центру першого рядка */
[data-layout="mobile"] body .fluentform .ff-el-tc label.ff_tc_label > span.ff_tc_checkbox { padding-top: 0.3px !important; }

/* Повідомлення «підтвердьте згоду» — під текстом, кеглем помилок з макета
   198:555 (10.8/300, 43-forms-states.css), без від'ємного низу */
[data-layout="mobile"] body .fluentform .ff-el-group:has(.ff-el-tc) > .error.text-danger {
  margin: 4.8px 0 0;
  padding-left: 22.8px;           /* 13.2 + 9.6 */
  font-size: 10.8px;
  line-height: 13.8px;
}

/* Відстані: як на десктопі, згода ближче до кнопки, ніж крок полів */
[data-layout="mobile"] body .calc__panel .ff-el-group:has(.ff-el-tc) {
  margin: -7.2px 0 -6.68px !important;         /* 21.6 → 14.4 / 12 (з −2.92 обгортки кнопки) */
}
[data-layout="mobile"] body .cta__col .ff-el-group:has(.ff-el-tc) {
  margin: -6.6px 0 -9px !important;            /* 21 → 14.4 / 12 */
}
[data-layout="mobile"] body .contacts__col--form .ff-el-group:has(.ff-el-tc) {
  margin: -9px 0 -13.4px !important;           /* 25.05 → 16 / 14 (з +2.33 обгортки кнопки) */
}
[data-layout="mobile"] body .mlead .ff-el-group:has(.ff-el-tc) {
  margin: -1.8px 0 -3px !important;            /* 15 → 13.2 / 12 */
}

/* На «Контактах» обгортка поля (.ff-el-input--content) малює лінію підкреслення
   псевдоелементом (23-page-kontakty.css). Група згоди має той самий клас —
   лінія їй не потрібна. */
[data-layout="mobile"] body .contacts__col--form .ff-el-group:has(.ff-el-tc)::after { content: none !important; }