/* 0) Защита от горизонтального распирания */
html, body{ overflow-x:hidden !important; }
*{ box-sizing:border-box; }

/* 1) Шапка/меню Tilda: не даём контенту выходить за экран */
.t228, .t450, .t456, .t461, .t466{
  max-width:100vw !important;
  overflow:hidden !important;
}

/* 2) КЛЮЧЕВОЕ: на мобильном текст должен сжиматься, бургер — нет */
@media (max-width: 480px){

  /* общий принцип для контейнера меню */
  .t228__centercontainer, .t450__menu__content{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  /* логотип/левый блок не должен распирать */
  .t228__leftcontainer, .t450__leftcontainer{
    flex:0 0 auto !important;
  }

  /* центральный текст/название — сжимаем и режем троеточием */
  .t228__centercontainer *, .t450__centercontainer,
  .t450__centercontainer *, .t228__logo, .t450__logo,
  .t228__title, .t450__title{
    min-width:0 !important;
  }

  .t228__title, .t450__title,
  .t228__logo__text, .t450__logo__text{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width: calc(100vw - 120px) !important; /* оставляем место под бургер */
  }

  /* правый блок (бургер/иконки) — всегда виден */
  .t228__rightcontainer, .t450__rightcontainer,
  .t-menuburger{
    flex:0 0 auto !important;
    flex-shrink:0 !important;
    margin-left:auto !important;
  }

  /* чуть уменьшаем внутренние отступы шапки на мобилке */
  .t228__maincontainer, .t450__maincontainer{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}