/* BLS — форма «Обсудить проект» (test.bls.ru/feedback/, hero-кнопка главной).
   См. bls.ru/docs/tz_obsudit_proekt.md. Макет-источник — docs/html-templates/new3/
   BLS Форма обратной связи.html — но НЕ 1:1 (§2/§4 того ТЗ): страница/карточка
   формы оформлены в уже существующем на сайте паттерне (см. .bls-material-*
   в bls-materials.css) — классы ниже намеренно дублируют его структуру под своим
   префиксом, не общий модуль (та же форма/поля, но другая страница/контекст,
   тот же принцип копирования, что уже применён для bitrix_lead.py на бэкенде). */

.bls-feedback-crumbbar, .bls-feedback-page {
    font-family: 'Golos Text', system-ui, sans-serif;
}

.bls-feedback-crumbbar { border-bottom: 1px solid #e6e2dc; background: #fff; }
.bls-feedback-crumbbar__inner { max-width: 1180px; margin: 0 auto; padding: 40px 32px 0; }
.bls-feedback-crumbs { font-size: 12px; color: #a29a92; letter-spacing: .04em; margin-bottom: 26px; }
.bls-feedback-crumbs a { color: #a29a92; }
.bls-feedback-crumbs .cur { color: #6b5d54; }

.bls-feedback-page { padding: 54px 32px 90px; background: #faf7f3; }
.bls-feedback-page__inner { max-width: 620px; margin: 0 auto; }
.bls-feedback-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .04em; color: #eb732d; margin-bottom: 16px; text-transform: uppercase; text-align: center; }
.bls-feedback-page h1 { font-size: 38px; line-height: 1.14; font-weight: 800; letter-spacing: -.01em; color: #1a1512; margin: 0 0 16px; text-wrap: balance; text-align: center; }
.bls-feedback-intro { font-size: 17px; line-height: 1.6; color: #4a4a4a; margin: 0 auto 38px; text-wrap: pretty; text-align: center; max-width: 520px; }

/* ── Карточка формы — та же структура, что .bls-material-form-*, БЕЗ тёмной
   шапки (сверено с макетом 18.08.2026 — в его HTML `.head` нигде не используется,
   карточка сразу начинается с `.pad`; eyebrow/заголовок уже на уровне страницы) ── */
.bls-feedback-form-card { border: 1px solid #e6e2dc; background: #fff; box-shadow: 0 24px 42px -26px rgba(0,0,0,.22); }
.bls-feedback-form-body { padding: 30px 32px 32px; }
.bls-feedback-form-body.is-hidden { display: none; }

.bls-feedback-fields { display: flex; flex-direction: column; gap: 14px; }
.bls-feedback-field { display: block; position: relative; }
.bls-feedback-field__lab { display: block; font-size: 13px; font-weight: 600; color: #4a4a4a; margin-bottom: 6px; }
.bls-feedback-field__req { color: #eb732d; }
.bls-feedback-field input, .bls-feedback-field textarea { width: 100%; padding: 12px 14px; font: inherit; font-size: 15px; color: #1a1512; border: 1px solid #ddd6cf; background: #fff; outline: none; box-sizing: border-box; }
.bls-feedback-field textarea { resize: vertical; min-height: 96px; }
.bls-feedback-field input:focus, .bls-feedback-field textarea:focus { border-color: #3e1109; }
.bls-feedback-field__hint { display: block; font-size: 11px; color: #a29a92; margin-top: 6px; line-height: 1.4; }

.bls-feedback-sug { position: absolute; z-index: 5; left: 0; right: 0; top: 100%; margin-top: 4px; background: #fff; border: 1px solid #ddd6cf; box-shadow: 0 18px 34px -18px rgba(0,0,0,.3); max-height: 232px; overflow-y: auto; }
.bls-feedback-sug.is-hidden { display: none; }
.bls-feedback-sug button { display: block; width: 100%; text-align: left; background: none; border: none; border-bottom: 1px solid #f0ece6; padding: 11px 14px; font: inherit; cursor: pointer; }
.bls-feedback-sug button:hover { background: #faf7f3; }
.bls-feedback-sug .name { display: block; font-size: 14px; font-weight: 600; color: #1a1512; line-height: 1.35; }
.bls-feedback-sug .meta { display: block; font-family: "Roboto Mono", ui-monospace, monospace; font-size: 12px; color: #a29a92; margin-top: 3px; }

.bls-feedback-consents { display: flex; flex-direction: column; gap: 10px; margin: 18px 0 20px; }
.bls-feedback-consents label { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.bls-feedback-consents input { width: 17px; height: 17px; flex: none; margin-top: 1px; accent-color: #3e1109; }
.bls-feedback-consents__text { font-size: 12px; line-height: 1.45; color: #7a726b; }
.bls-feedback-consents__text a { color: #3e1109; text-decoration: underline; }

.bls-feedback-form-message { font-size: 13px; margin: 0 0 14px; }
.bls-feedback-form-message[data-kind="error"] { color: #c0392b; }
.bls-feedback-form-message[data-kind="info"] { color: #6b5d54; }

.bls-feedback-submit { width: 100%; }
.bls-feedback-form-note { font-size: 12px; line-height: 1.5; color: #a49a92; margin: 14px 0 0; text-align: center; }

.bls-feedback-success { padding: 44px 32px 40px; text-align: center; }
.bls-feedback-success.is-hidden { display: none; }
.bls-feedback-success__check { width: 56px; height: 56px; margin: 0 auto 20px; border: 2px solid #eb732d; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #eb732d; font-weight: 800; }
.bls-feedback-success__t { font-size: 19px; font-weight: 800; color: #1a1512; margin-bottom: 10px; }
.bls-feedback-success p { font-size: 15px; line-height: 1.55; color: #5a534d; margin: 0 0 22px; }
.bls-feedback-success p b { color: #3e1109; }
.bls-feedback-success__again { background: none; border: none; padding: 6px 4px; font: inherit; font-size: 14px; font-weight: 700; color: #3e1109; cursor: pointer; border-bottom: 2px solid #eb732d; }
.bls-feedback-success__again:hover { color: #eb732d; }

@media (max-width: 900px) {
    .bls-feedback-page h1 { font-size: 30px; }
}