/* Обёртка — прижать список к инпуту */
.city-suggest-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  z-index: 9999;
}

/* Сам список подсказок */
.city-suggest-list {
  margin: 0;
  padding: 4px 0;
  list-style: none;

  max-height: 260px;
  overflow-y: auto;

  background: #1e1e1e;                 /* тёмный фон под сайт */
  color: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);

  font-size: 14px;
  font-family: "Unbounded", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  display: none;
}

/* Элемент списка */
.city-suggest-item {
  padding: 10px 14px;
  cursor: pointer;
  line-height: 1.3;
  transition: background 0.15s ease, color 0.15s ease;
}

/* Разделительная линия между пунктами */
.city-suggest-item + .city-suggest-item {
  border-top: 1px solid rgba(255, 255, 255, 0.03);
}

/* Наведение */
.city-suggest-item:hover {
  background: linear-gradient(90deg, #4b3bff 0%, #7a29ff 100%);
  color: #ffffff;
}

/* Красивая полоска прокрутки (WebKit-браузеры) */
.city-suggest-list::-webkit-scrollbar {
  width: 6px;
}

.city-suggest-list::-webkit-scrollbar-track {
  background: transparent;
}

.city-suggest-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 4px;
}

/* Чуть адаптивности на мобилках */
@media (max-width: 480px) {
  .city-suggest-list {
    font-size: 13px;
  }

  .city-suggest-item {
    padding: 8px 10px;
  }
}