/* === /seo/ 18-seo-text: Figma 395:6392 (desktop). В мобильном макете блока нет —
   типографика по мобильной сетке страницы (заголовок 32/1.2, текст 16/1.4).
   Отступ сверху не нужен: блок идёт сразу после формы заявки (у неё свой нижний отступ). */
.fmf2 .seo-text{padding-top:0}
.fmf2 .seo-text__title{max-width:984px;margin-bottom:40px}
.fmf2 .seo-text__body{display:flex;flex-direction:column;gap:16px}
.fmf2 .seo-text__content{display:flex;flex-direction:column;gap:16px;color:var(--c-ink);font-size:18px;line-height:1.4}
.fmf2 .seo-text__content p{line-height:1.4}
.fmf2 .seo-text__content h3{font-size:24px;font-weight:500;line-height:1.3;margin-top:24px}
.fmf2 .seo-text__content ul{display:flex;flex-direction:column;gap:8px;padding-left:24px;list-style:disc}
.fmf2 .seo-text__content li::marker{color:var(--c-accent)}
.fmf2 .seo-text__toggle{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;min-height:44px;
  font-size:18px;font-weight:500;line-height:1.4;color:var(--c-accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fmf2 .seo-text__toggle:hover{color:var(--c-accent-600)}
.fmf2 .seo-text__chev{width:14px;height:7px;flex:none;transition:transform .25s ease}
.fmf2 .seo-text__toggle[aria-expanded="true"] .seo-text__chev{transform:rotate(180deg)}

@media (max-width:640px){
  .fmf2 .seo-text__title{margin-bottom:24px}
  .fmf2 .seo-text__content{font-size:16px}
  .fmf2 .seo-text__content h3{font-size:20px;margin-top:16px}
  .fmf2 .seo-text__toggle{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .fmf2 .seo-text__chev{transition:none}
}
