/* Единый баланс шапки v94: все публичные страницы повторяют ширину поиска страницы «Доставка». */
.appbar .Phone {
  column-gap: 2px !important;
}

.appbar .Phone::before {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  display: block !important;
  visibility: visible !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  margin: 0 -2px 0 0 !important;
  padding: 0 !important;
  content: "" !important;
  opacity: 1 !important;
  background-image: url("../images/phone.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: none !important;
  transform: translateX(2px);
}

.appbar .Phone > img {
  display: none !important;
}

.appbar .Phone > a.phone-text {
  grid-column: 2 !important;
  padding-left: 0 !important;
}

@media (min-width: 1200px) {
  /* Страницы решений используют эталонную ширину страницы «Доставка». */
  .appbar.solution-appbar .controls {
    grid-template-columns: 510px max-content !important;
    justify-content: start !important;
    gap: 14px !important;
  }

  .appbar.solution-appbar .controls > .search {
    width: 510px !important;
    min-width: 510px !important;
    max-width: 510px !important;
    margin-left: 0 !important;
  }

  /* Главная, О нас, Каталог, Доставка, Контакты и Личный кабинет. */
  .appbar.appbar--about-match:not(.solution-appbar) .app-row .controls {
    grid-template-columns: 510px max-content !important;
    justify-content: start !important;
    gap: 14px !important;
  }

  .appbar.appbar--about-match:not(.solution-appbar) .app-row .controls > .search {
    width: 510px !important;
    min-width: 510px !important;
    max-width: 510px !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 901px) and (max-width: 1199px) {
  .appbar .controls {
    grid-template-columns: minmax(230px, 1fr) max-content !important;
    gap: 10px !important;
  }

  .appbar .controls > .search {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 900px) {
  .appbar .Phone::before {
    margin-right: 0 !important;
    transform: none;
  }
}