/* =========================================================
   1) FULLSCREEN SEARCH OVERLAY (ETS )
   ========================================================= */
   
   


/* Кнопка в шапке */
.amx-search-btn{
  background:none; border:none; 
}

/* Overlay */
#amx-search-overlay{
  position: fixed;
  inset: 0;
  z-index: 11000;
  display: none;             /* покажем из JS */
  flex-direction: column;
  background: #fff;
  animation: amx-fadeIn .28s ease both;
  overflow: hidden;          /* скролл только у дочерних областей */
}
@keyframes amx-fadeIn{
  from{ opacity:0; transform: translateY(-10px); }
  to  { opacity:1; transform: translateY(0); }
}

/* Верхняя панель */
.amx-search-top{
  display:flex; align-items:center; gap:10px;
  height: var(--amx-searchbar-h);
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0,0,0,.08);

  position: relative;
  z-index: 2;
}

/* Стрелка “назад” */
.amx-back-btn{
  background:none; border:none; cursor:pointer;
  font-size:20px; color:#555; padding:6px 10px; margin-right:2px;
  transition: color .2s;
}
.amx-back-btn:hover{ color:#000; }

/* Поле (hook) */
#amx-search-overlay .amx-search-field{ flex:1; width:100%; }

/* Унификация обёртки формы (ETS и стандарт) */
#amx-search-overlay .ets_search_block_top,
#amx-search-overlay .search_block_top{
  width:100%; max-width:none; margin:0;
}
#amx-search-overlay .ets_search_block_top form,
#amx-search-overlay .search_block_top form{
  width:100%; display:flex; align-items:center; gap:8px;
  background:#fff; border:1px solid rgba(0,0,0,.10);
  border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* Инпут */
#amx-search-overlay .ets_search_block_top input[type="text"],
#amx-search-overlay .ets_search_block_top input[name="search_query"],
#amx-search-overlay .search_block_top input[type="text"],
#amx-search-overlay .search_block_top input[name="search_query"]{
  flex:1; min-width:0; border:none; outline:none;
  background:transparent; font-size:16px; padding:6px 8px;
}

/* Кнопка отправки */
#amx-search-overlay .ets_search_block_top button,
#amx-search-overlay .search_block_top button{
  border:none; border-radius:10px; cursor:pointer;
  padding:8px 12px; color:#fff; background: var(--amx-accent);
}
#amx-search-overlay .ets_search_block_top button:hover,
#amx-search-overlay .search_block_top button:hover{
  filter: brightness(.95);
}

/* Основной контент оверлея (если используешь его как контейнер результатов) */
.amx-search-content{
  flex: 1 1 auto;
  min-height: 0;                    /* критично для скролла во flex-контейнере */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 12px 16px;
}

/* ETS-результаты: занимаем весь экран ниже верхней панели, скролл — только здесь */
#amx-search-overlay .search_block_results{
  position: fixed;
  top: var(--amx-searchbar-h, 64px);
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background:#fff;
  margin:0; padding:0; border:none;
  z-index: 4001; box-shadow:none;
}

/* Список автокомплита внутри — без второго скролла и фикс-высот */
#amx-search-overlay .search_block_results .autocomplete-suggestions{
  position: static;
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  overflow: visible;
  background:#fff;
  border:none; box-shadow:none;
  padding:12px 16px 80px;
}

/* “Показать все” — прижат вниз */
#amx-search-overlay .search_block_results .box_button_see{
  position: sticky; bottom: 0;
  padding:10px 16px; border-top:1px solid rgba(0,0,0,.08); text-align:center;
}

/* Отключаем затемнитель стороннего модуля, когда открыт наш оверлей */
.amx-search-open .bg_overlay_search{ display:none; }

/* Глобальный лок фона, когда открыт поиск (если используешь класс из JS) */
html.amx-search-open,
body.amx-search-open{
  overflow: hidden;
  height: 100%;
}

.search_block_results .box_button_see {
    background-color: #000000;
    border-radius: 12px;
}
/* Адаптив мелкий — шрифт в инпуте */
@media (max-width: 400px){
  #amx-search-overlay .ets_search_block_top input[type="text"],
  #amx-search-overlay .search_block_top input[type="text"]{
    font-size:14px;
  }
}

.search_block_results li.search_result_header {

    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

span.title_group {
  border-top: none !important;
  border-bottom: none !important;
}

