/*
 * STM: единая мобильная компоновка шапки «Решений».
 * Эталон: главная страница.
 * Компьютерная версия не затрагивается.
 */
@media screen and (min-width: 320px) and (max-width: 425px) {

  html body header.solution-appbar > .container {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-areas:
      "brand search burger"
      "phone phone actions"
      "nav nav nav" !important;
    column-gap: 2px !important;
    min-width: 0 !important;
  }

  html body header.solution-appbar .navbar-brand {
    grid-area: brand !important;
  }

  html body header.solution-appbar .mobile-stack {
    grid-area: search !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  html body header.solution-appbar .mobile-stack > .search,
  html body header.solution-appbar .search-modern,
  html body header.solution-appbar .search-modern__field,
  html body header.solution-appbar .search-modern__input {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body header.solution-appbar .burger-btn {
    grid-area: burger !important;
  }

  html body header.solution-appbar .mobile-stack > .Phone {
    grid-area: phone !important;
  }

  html body header.solution-appbar .header-quick-actions {
    grid-area: actions !important;
  }

  html body header.solution-appbar .navbar-nav {
    grid-area: nav !important;
  }

}

/* STM_SOLUTIONS_MOBILE_TAP_HIGHLIGHT_FIX */
@media (max-width: 520px) {
  #solutionsHeader a,
  #solutionsHeader button,
  #solutionsHeader [role="button"] {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
  }
}