/* Поиск: почти всё оформление — утилитами Bootstrap в разметке.
   Здесь остаётся ТОЛЬКО то, для чего нет утилит. */

/* Мобильная лупа — крупнее (нет утилиты под этот размер иконки). */
.tipo-search__mobile { font-size: 1.4rem; line-height: 1; }

/* Оверлей поиска — единственный реально кастомный компонент:
   fixed-затемнение на весь экран + размытие фона (нет утилит). */
.tipo-search__overlay {
  position: fixed;
  inset: 0;
  z-index: 1050;
  background: rgba(0, 0, 0, .65);
  backdrop-filter: blur(3px);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 12vh 16px 16px;
}
.tipo-search__form { width: 100%; max-width: 680px; }

/* Мелочи без готовых утилит. */
.tipo-search__input { font-size: 1.1rem; box-shadow: none; }
.tipo-search__input:focus { box-shadow: none; }
.tipo-search__select { max-width: 200px; }
.tipo-search__close { font-size: 1.6rem; line-height: 1; }
/* border-width и крупный радиус — утилит в Bootstrap нет.
   !important — иначе утилита .border (1px !important) перебивает толщину. */
.tipo-search__bar { border-width: 2px !important; }
.tipo-search__dropdown { overflow: hidden; border-radius: 1.5rem; }
.tipo-search-result { border-bottom: 1px solid #f1f1f1; }
.tipo-search-result:hover { background: #f4f6f9; }
.tipo-search-result__thumb {
  width: 48px; height: 48px; flex: 0 0 48px;
  background: #eee center/cover no-repeat; /* квадратное превью */
}
body.tipo-search-open { overflow: hidden; }

/* Мобильная лупа: позиционируем у гамбургера, не трогая DOM MegaMenu.
   right/top подобраны примерно — точные значения подкрутить по факту. */
@media (max-width: 1199.98px) {
  #mobile-menu { position: relative; }
  .tipo-search__mobile {
    position: absolute;
    top: 0;
    right: 56px;
    z-index: 5;
    height: 54px;
    line-height: 54px;
    padding: 0;
  }
}

@media (max-width: 575px) {
  .tipo-search__overlay { padding-top: 8vh; }
  .tipo-search__select { display: none; } /* на моб. — только поле */
}