/* Подсказки строки поиска (.js-suggest-list) — стили вынесены отдельно,
   чтобы не трогать main.css/custom.css на боевом сайте. */

.js-suggest-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 40;
  margin: 4px 0 0;
  padding: 4px 0;
  list-style: none;
  max-height: 320px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e3e8ee;
  border-radius: 3px;
  box-shadow: 0 6px 20px rgba(15, 110, 182, 0.18);
  text-align: left;
  font-size: 15px;
  line-height: 1.35;
}

.js-suggest-list[hidden] {
  display: none;
}

.js-suggest-item {
  display: block;
  padding: 8px 14px;
  cursor: pointer;
  color: #1a1a1a;
  border-bottom: 1px solid #f2f4f7;
}

.js-suggest-item:last-child {
  border-bottom: 0;
}

.js-suggest-item:hover,
.js-suggest-item.is-active {
  background: #eef6fd;
}

.js-suggest-title {
  display: block;
  font-weight: 500;
  color: #0f6eb6;
}

.js-suggest-title mark {
  background: transparent;
  font-weight: 700;
  color: #0a4f85;
}

.js-suggest-section {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.3;
  color: #7a8794;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* В шапке поле растянуто на всю ширину синей полосы — подсказки должны
   перекрывать её, а не обрезаться родителем. */
.desktop-menu__search .js-suggest-list,
.header-search .js-suggest-list {
  min-width: 320px;
}

@media (max-width: 1024px) {
  .js-suggest-list {
    max-height: 260px;
  }
}