/* 3 зоны: left | center | right */
.uc-menu-desktop .t-menu-base__maincontainer{
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
}

/* Правый блок кнопок */
.uc-menu-desktop .t-menu-base__buttons{
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  gap: 10px !important;
}

/* Меню по центру */
.uc-menu-desktop .t-menu__list,
.uc-menu-desktop .t-menu__list_wrapper,
.uc-menu-desktop .t-menu__items,
.uc-menu-desktop .t-menu__list.t-menu__list_center{
  justify-self: center !important;
}

/* Узкий десктоп: прячу текст почты, оставляю иконку */

@media screen and (min-width: 961px) and (max-width: 1398px){

  /* mailto-кнопка компакт */
  .uc-menu-desktop .t-menu-base__buttons a[href^="mailto:"]{
    padding-left: 12px !important;
    padding-right: 12px !important;
    min-width: 0 !important;
    white-space: nowrap !important;

    /* скрываю текст */
    font-size: 0 !important;
    line-height: 0 !important;
  }

  /* возвращаю размер иконке */
  .uc-menu-desktop .t-menu-base__buttons a[href^="mailto:"] svg,
  .uc-menu-desktop .t-menu-base__buttons a[href^="mailto:"] img{
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
  }

  .uc-menu-desktop .t-menu-base__buttons a[href^="mailto:"] i,
  .uc-menu-desktop .t-menu-base__buttons a[href^="mailto:"] [class*="icon"],
  .uc-menu-desktop .t-menu-base__buttons a[href^="mailto:"] [class*="Icon"],
  .uc-menu-desktop .t-menu-base__buttons a[href^="mailto:"] [class*="mail"],
  .uc-menu-desktop .t-menu-base__buttons a[href^="mailto:"] [class*="Mail"]{
    font-size: 18px !important;
    line-height: 18px !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
}

@media screen and (min-width: 961px) and (max-width: 1200px){

  /* PHONE (t-btnflex_type_button): скрываю текст, оставляю иконку */
  .uc-menu-desktop .t-menu-base__buttons a.t-btnflex_type_button{
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 0px !important;
    min-width: 0 !important;
    white-space: nowrap !important;

    font-size: 0 !important;
    line-height: 0 !important;
  }


  .uc-menu-desktop .t-menu-base__buttons a.t-btnflex_type_button svg,
  .uc-menu-desktop .t-menu-base__buttons a.t-btnflex_type_button img{
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
  }


  .uc-menu-desktop .t-menu-base__buttons a.t-btnflex_type_button i,
  .uc-menu-desktop .t-menu-base__buttons a.t-btnflex_type_button [class*="icon"],
  .uc-menu-desktop .t-menu-base__buttons a.t-btnflex_type_button [class*="Icon"],
  .uc-menu-desktop .t-menu-base__buttons a.t-btnflex_type_button [class*="phone"],
  .uc-menu-desktop .t-menu-base__buttons a.t-btnflex_type_button [class*="Phone"]{
    font-size: 18px !important;
    line-height: 18px !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }
}

@media screen and (min-width: 961px) and (max-width: 1094px){

  /* Уменьшаю расстояние между пунктами (flex gap) */
  .uc-menu-desktop ul.t-menu-base__list.t-menu__list{
    column-gap: 10px !important;
    gap: 30px !important;
    row-gap: 0 !important;
    flex-wrap: nowrap !important;   /* не даём переноситься на 2 строку */
    white-space: nowrap !important;
  }

  /* Ужимаю внутренние отступы пункта */
  .uc-menu-desktop li.t-menu-base__list-item{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
  }

  /* Уменьшаю кегль пунктов меню */
  .uc-menu-desktop ul.t-menu-base__list.t-menu__list a{
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 960px){

  /* Только для оверлея: на div#nav1855652631 с tmenu-mobile__menucontent_* */
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_fixed .t-menu-base__maincontainer,
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_hidden .t-menu-base__maincontainer{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    height: 100% !important;
  }

  /* инлайновый flex/max-width у логотипа ломает колонку */
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_fixed .t-menu-base__logowrapper,
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_hidden .t-menu-base__logowrapper{
    flex: 0 0 auto !important;
    max-width: none !important;
    width: 100% !important;
  }

  /* logo -> list -> buttons */
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_fixed .t-menu-base__logowrapper,
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_hidden .t-menu-base__logowrapper{
    order: 1 !important;
  }

  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_fixed .t-menu-base__leftwrapper,
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_hidden .t-menu-base__leftwrapper{
    order: 2 !important;
    width: 100% !important;
  }

  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_fixed .t-menu-base__rightwrapper,
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_hidden .t-menu-base__rightwrapper{
    order: 3 !important;
    width: 100% !important;
    margin-top: 16px !important;   /* кнопки под списком */
  }

  /* Кнопки по левому краю, как пункты */
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_fixed .t-menu-base__buttons,
  .uc-menu-desktop #nav1855652631.tmenu-mobile__menucontent_hidden .t-menu-base__buttons{
    justify-content: flex-start !important;
  }
}