/* 19.10.2026 этап 60: общая форма обратной связи сайта (ds_fos_form.tpl) — вид как у прежних форм Битрикс24 */
.ds-fos { max-width: 640px; margin: 0 auto; padding: 32px 28px; background: #fff; border-radius: 4px; box-shadow: 0 2px 12px rgba(16, 24, 40, .08); font-family: inherit; color: #1f2328; text-align: left; box-sizing: border-box; }
.ds-fos *, .ds-fos *::before, .ds-fos *::after { box-sizing: border-box; }
.ds-fos__title { font-size: 28px; line-height: 1.25; font-weight: 500; text-align: center; margin: 0 0 8px; }
.ds-fos__sub { font-size: 14px; line-height: 1.4; color: #6b7280; text-align: center; margin: 0 0 22px; }
.ds-fos__row { margin: 0 0 14px; }
.ds-fos__label { display: block; font-size: 13px; font-weight: 400; color: #6b7280; margin: 0 0 4px; }
.ds-fos__label span { color: #d32f2f; }
.ds-fos__input { display: block; width: 100%; height: 46px; padding: 10px 2px; border: 0; border-bottom: 1px solid #cfd6e0; border-radius: 0; background: transparent; font-size: 16px; color: #1f2328; box-shadow: none; outline: none; transition: border-color .2s; }
textarea.ds-fos__input { height: auto; min-height: 80px; resize: vertical; border: 1px solid #cfd6e0; border-radius: 4px; padding: 10px 12px; }
.ds-fos__input:focus { border-color: #1976d2; }
.ds-fos__row_error .ds-fos__input { border-color: #d32f2f; }
.ds-fos__err { color: #d32f2f; font-size: 13px; line-height: 1.3; margin-top: 4px; min-height: 0; }
.ds-fos__err:empty { display: none; }
.ds-fos__agree { margin-top: 18px; }
.ds-fos__check { display: flex !important; gap: 10px; align-items: flex-start; font-size: 12px; line-height: 1.45; font-weight: 400; color: #4b5563; cursor: pointer; margin: 0; }
.ds-fos__check input { flex: 0 0 auto; width: 18px; height: 18px; margin: 1px 0 0 !important; position: static !important; opacity: 1 !important; accent-color: #1976d2; }
.ds-fos__check a { color: #1976d2; text-decoration: underline; }
.ds-fos__hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.ds-fos__msg:empty { display: none; }
.ds-fos__msg_error { margin: 6px 0 10px; padding: 10px 12px; border-radius: 4px; background: #fdecea; color: #b71c1c; font-size: 14px; }
.ds-fos__btn { display: block; width: 100%; margin-top: 18px; padding: 14px 20px; border: 0; border-radius: 4px; background: #1976d2; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; transition: background .2s; }
.ds-fos__btn:hover { background: #1565c0; }
.ds-fos__btn:disabled { opacity: .6; cursor: progress; }
.ds-fos_orange .ds-fos__btn { background: #f05a28; }
.ds-fos_orange .ds-fos__btn:hover { background: #d9481a; }
.ds-fos__done { padding: 30px 10px; text-align: center; font-size: 18px; line-height: 1.4; color: #1b5e20; }
.ds-fos__done[hidden], .ds-fos__body[hidden] { display: none; }
/* в модальном окне — без своей тени и рамки */
.modal .ds-fos { box-shadow: none; padding: 8px 4px 4px; }
@media (max-width: 767px) {
    .ds-fos { padding: 22px 16px; }
    .ds-fos__title { font-size: 22px; }
}
/* крестик «Закрыть» в окне — в самом углу, заголовок до него не доходит */
.modal .ds-fos-close { position: absolute; top: 6px; right: 8px; z-index: 3; width: 36px; height: 36px; margin: 0; padding: 0; line-height: 36px; text-align: center; font-size: 30px; font-weight: 300; color: #6b7280; opacity: .8; background: none; border: 0; }
.modal .ds-fos-close:hover { opacity: 1; color: #1f2328; }
.modal .ds-fos__title { padding: 18px 36px 0; }