/* ===== rec1098786971: узкая «безопасная» ширина H1 и подзаголовка ===== */
@media (max-width: 980px){

  #rec1098786971 .t396__artboard{
    min-height: 660px !important;
    padding-top: 80px !important;
  }

  /* Общие ограничения ширины + центр */
  #rec1098786971 .tn-elem[data-elem-id="1470209944682"],
  #rec1098786971 .tn-elem[data-elem-id="1470210011265"]{
    left: 50% !important;
    transform: translateX(-50%) !important;
    /* узкая «безопасная» зона, чтобы не залезать на диагональ */
    width: 86% !important;        /* базово сузили */
    max-width: 320px !important;  /* хард-ограничение ширины */
    padding: 0 6px !important;    /* небольшой внутренний отступ */
    text-align: center !important;
    z-index: 30 !important;
  }

  /* H1 — фиксируем стартовый отступ сверху */
  #rec1098786971 .tn-elem[data-elem-id="1470209944682"]{
    top: 90px !important;
  }

  /* Типографика */
  #rec1098786971 .tn-elem[data-elem-id="1470209944682"] .tn-atom{
    line-height: 1.25 !important;
  }
  #rec1098786971 .tn-elem[data-elem-id="1470210011265"] .tn-atom{
    line-height: 1.35 !important;
  }

  /* Доп. адаптация на очень узких экранах */
  @media (max-width: 360px){
    #rec1098786971 .tn-elem[data-elem-id="1470209944682"],
    #rec1098786971 .tn-elem[data-elem-id="1470210011265"]{
      max-width: 300px !important;
    }
  }
}