/* Data-processing notice for the invisible SmartCaptcha (replaces Yandex's floating box). */
.form-captcha-note { margin: 0; font-size: 12px; line-height: 1.4; }
.form-captcha-note a { text-decoration: underline; }
.form-captcha-note a:hover { text-decoration: none; }
/* Offer form (flex row on yellow): its own line under the button. */
#offer-form .form-captcha-note { flex: 0 0 100%; margin-top: 14px; color: #002047; }
#offer-form .form-captcha-note a { color: #0060a1; }
/* Callback popup (black): under the floated button. */
.callback__layout .form-captcha-note { clear: both; padding-top: 14px; color: #bbb; font-size: 11px; }
.callback__layout .form-captcha-note a { color: #f9cf00; }
@media screen and (max-width: 680px) {
    #offer-form .form-captcha-note { text-align: center; }
}

/* Small phones: the 350 px callback popup overflowed the left screen edge; pin it to the viewport. */
@media screen and (max-width: 369px) {
    .callback__layout { position: fixed; left: 8px; right: 8px; top: 70px; padding: 50px 12px 20px; }
    .callback__layout .form-control, .callback__layout textarea { width: 100%; }
}