/* Страница «Чат с ИИ» (/chat) — новые классы (префикс udm-chat). ПЕРЕНОСИТСЯ на сайт. Всё остальное — классы сайта:
   .promo-block.green-gradient, .ai-chat-field/.ai-chat-submit/.ai-chat-meta/.ai-chat-message,
   .single-num, .why-num, .sbs-wrapper/.sbs-list/.sbs-sum, .faq-card/.acc-btn, .what-also-block, .my-btn, .braun-btn. */

.udm-chat{padding-bottom:0}
.udm-chat [hidden]{display:none!important}

/* первый экран */
.udm-chat-hero{margin-top:20px;overflow-anchor:none}
.udm-chat-hero .promo-block__inner{align-items:flex-start}
.udm-chat-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:30px;padding:8px 16px;font-size:14px;font-weight:700;color:#33251d;margin-bottom:22px}
.udm-chat-badge i{width:8px;height:8px;border-radius:50%;background:#93af6e}
.udm-chat-hero h1.promo-block__title{margin:0;font-size:clamp(26px,3vw,40px)}
.udm-chat-lead{font-size:clamp(16px,1.6vw,20px);line-height:1.4;font-weight:600;margin:20px 0 22px}
.udm-chat-checks li{font-size:16px}
/* плюсы списка: сайтовая иконка ico-19 на белом круге — иначе зелёный на зелёном */
.udm-chat-checks li::before{width:30px;height:30px;min-width:30px;border-radius:50%;background:#fff url("../img/ico-19.svg") center/24px 24px no-repeat}

.udm-chat-card{width:100%;box-sizing:border-box;background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 20px rgba(141,105,89,.25)}
.udm-chat-label{display:block;font-weight:800;font-size:20px;line-height:1.3;margin:0 0 14px}
.udm-chat .ai-chat-field{background:#e9efe2}
.udm-chat .ai-chat-field textarea{font-family:inherit;min-height:96px;color:#33251d}  /* dgr 14.10.2026: вводимый текст темнее — при #33251d его путали с подсказкой (замечание заказчика) */
.udm-chat .ai-chat-field textarea::placeholder{color:#8D6959;opacity:1}
.udm-chat-submit{min-width:170px;white-space:nowrap}
.udm-chat .ai-chat-meta{font-size:15px}

.udm-chat-chips{margin-top:16px}
.udm-chat-chips__lb{font-size:14px;color:#685454;margin-bottom:10px}
.udm-chat-chips__row{display:flex;flex-wrap:wrap;gap:8px}
.udm-chat-chip{min-height:40px;padding:8px 16px;border-radius:20px;border:1px solid #9fbf75;background:#e9efe2;color:#33251d;font:700 14px/1.3 'Montserrat-Regular',sans-serif;text-align:left;cursor:pointer;transition:background-color .2s}
.udm-chat-chip:hover{background:#e6efde}
.udm-chat-chip:focus-visible,.udm-chat-link:focus-visible{outline:3px solid #33251d;outline-offset:2px}

.udm-chat-note{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #ebe8e6;font-size:13px;line-height:1.4;color:#685454}
.udm-chat-note img{flex:none}

/* состояние «диалог» (после «Получить ответ»): оффер и готовые вопросы убираются */
.udm-chat-hero.is-dialog .udm-chat-intro,
.udm-chat-hero.is-dialog .udm-chat-chips{display:none}
.udm-chat-hero.is-dialog .udm-chat-box{flex:1 1 100%}
.udm-chat-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.udm-chat-dialog__title{font:700 20px 'Montserrat-Medium',sans-serif}
.udm-chat-link{border:0;background:none;padding:0;min-height:40px;font:700 15px 'Montserrat-Regular',sans-serif;color:#8D6959;text-decoration:underline;cursor:pointer}
.udm-chat-thread{max-height:520px;overflow:auto;margin-bottom:18px;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(124,171,61,.45) transparent}
.udm-chat-thread .ai-chat-message--user,.udm-chat-thread .ai-chat-message--assistant{margin-bottom:16px}
.udm-chat-wait{display:flex;align-items:center;gap:12px;color:#8D6959}
.udm-chat-wait .ai-chat-loader{margin:0}
.udm-chat-thread .ai-chat-message--assistant ol,.udm-chat-thread .ai-chat-message--assistant ul{margin:0 0 16px;padding-left:22px}
.udm-chat-thread .ai-chat-message--assistant li{margin-bottom:8px}
.udm-chat-thread .ai-chat-message--assistant>*:last-child{margin-bottom:0}
.udm-chat-thread{max-height:640px;position:relative}
/* пустая переписка в активном чате (вопрос ещё вводится) */
.udm-chat-thread:empty{display:flex;align-items:center;justify-content:center;min-height:120px;margin-bottom:18px;border:1px dashed #d6cac3;border-radius:20px;overflow:hidden}
.udm-chat-thread:empty::before{content:"Ответ появится здесь через несколько секунд после отправки";color:#8D6959;font-size:15px;text-align:center;padding:0 20px}

/* цифры */
.udm-chat-nums{padding:60px 0 0}
.udm-chat-nums .why-us{margin-top:0;gap:24px}
.udm-chat-nums .single-num{flex:1 1 0}

/* секции */
.udm-chat-sec,.udm-chat-sec--top0{padding:100px 0 0}
.udm-chat-sub{font-size:18px;margin:14px 0 0}

/* пример ответа */
.udm-chat-example{display:flex;gap:40px;align-items:flex-start;margin-top:40px}
.udm-chat-example__dialog{flex:1 1 58%;min-width:0;background:#ebe8e6;border-radius:20px;padding:30px}
.udm-chat-example__lb{font:500 12px 'Montserrat-Medium',sans-serif;text-transform:uppercase;color:#8D6959;margin-bottom:18px}
.udm-chat-example .ai-chat-message--user{max-width:85%;margin-bottom:18px}
.udm-chat-example .ai-chat-message--assistant{margin-bottom:0;padding:24px 26px}
.udm-chat-ol{margin:0 0 4px;padding-left:22px}
.udm-chat-ol li{margin-bottom:6px}
.udm-chat-doc{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 18px;border-radius:20px;background:#e9efe2}
.udm-chat-doc img{flex:none}
.udm-chat-doc__tx{flex:1;min-width:0;line-height:1.3}
.udm-chat-doc__tx b{display:block;font-size:16px;font-weight:800}
.udm-chat-doc__tx span{font-size:14px;color:#685454}
.udm-chat-doc__btn{width:auto;flex:none;padding:0 22px;color:#fff;text-decoration:none}
.udm-chat-doc__btn:hover{color:#fff}

.udm-chat-steps{flex:1 1 42%;min-width:0;display:flex;flex-direction:column;gap:34px;padding-top:10px}
.udm-chat-step{display:flex;gap:20px;align-items:flex-start}
.udm-chat-step .why-num{margin-right:0}
.udm-chat-step__t{font-size:clamp(18px,2vw,22px);font-weight:800;line-height:1.2}
.udm-chat-step .why-body{margin-top:10px}

/* о чём спросить */
.udm-chat-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.udm-chat-cat{border:1px solid #d6cac3;border-radius:20px;padding:30px}
.udm-chat-cat__t{font-size:20px;font-weight:800;line-height:1.2;margin-bottom:16px}
.udm-chat-q{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:40px;border:0;background:none;padding:4px 0;text-align:left;font:700 16px/1.35 'Montserrat-Regular',sans-serif;color:#33251d;cursor:pointer}
.udm-chat-q::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#93af6e;margin-top:8px}
.udm-chat-q:hover{color:#93af6e}
.udm-chat-q:focus-visible{outline:3px solid #33251d;outline-offset:2px;border-radius:4px}

/* сколько стоит — серая подложка как у «Выберите шаблон» на главной */
.udm-chat-gray{background:#ebe8e6;border-radius:60px;padding:80px 0;margin-top:100px}
.udm-chat-rates{margin-top:40px}
.udm-chat-rate{margin-bottom:20px}
.udm-chat-rate .sbs-wrapper{background:#fff;display:flex;flex-direction:column}
.udm-chat-rate .sbs-body-rate{margin-top:26px}
.udm-chat-rate .rew-rate-btn{margin-top:auto;padding-top:20px}
.udm-chat-rate .sbs-sum{margin-top:20px}
.udm-chat-rate .my-btn{text-decoration:none}

/* faq */
.udm-chat-faq{margin-top:100px}
.udm-chat-faq .contract-accordione{margin-top:40px}
.udm-chat-faq .collapse{display:none}
.udm-chat-faq .collapse.show{display:block}

/* финальный призыв */
.udm-chat-final{margin-top:40px;margin-bottom:100px}
.udm-chat-final .what-also-wrapper{gap:24px}
.udm-chat-final__tx{flex:1;min-width:0}
.udm-chat-final .promo-block__title{margin:0;min-width:0}
.udm-chat-final__sub{font-size:18px;font-weight:600;margin-top:10px}
.udm-chat-final .my-btn{width:380px;max-width:100%;flex:none;margin-top:0;text-decoration:none}

@media (max-width:1199px){
  .udm-chat-cats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991px){
  .udm-chat-example{flex-direction:column}
  .udm-chat-example__dialog,.udm-chat-steps{flex:1 1 auto;width:100%}
  .udm-chat-nums .single-num{flex:1 1 calc(50% - 24px)}
  .udm-chat-final .what-also-wrapper{flex-wrap:wrap}
  .udm-chat-final .my-btn{width:100%}
}
@media (max-width:767px){
  .udm-chat-hero{margin-top:10px;border-radius:0}
  .udm-chat-card{padding:18px}
  .udm-chat-thread{max-height:none;overflow:visible;padding-right:0}
  .udm-chat-submit{width:100%}
  .udm-chat-label{font-size:18px}
  .udm-chat-nums{padding-top:40px}
  .udm-chat-sec,.udm-chat-sec--top0{padding-top:60px}
  .udm-chat-example__dialog{padding:18px}
  .udm-chat-example .ai-chat-message--user{max-width:100%}
  .udm-chat-example .ai-chat-message--assistant{padding:18px}
  .udm-chat-doc{flex-wrap:wrap}
  .udm-chat-doc__btn{width:100%}
  .udm-chat-cats{grid-template-columns:1fr}
  .udm-chat-cat{padding:22px}
  .udm-chat-gray{border-radius:30px;padding:50px 0;margin-top:60px}
  .udm-chat-faq{margin-top:60px}
  .udm-chat-final{margin-bottom:60px}
  .udm-chat-final .what-also-img{display:none}
}