/* ===== Минимальное расширение стилей для компонента выбора города ===== */
/* Основные стили модалки (.mvi-modal / .btn / .lead-form) берутся из t555716.css */

#geo-location-window .geo-location-window-button:hover {
  background-color: var(--hover);
}

/* Легаси-скрытие */
#geo-location-window.hidden {
  display: none !important;
}

/* Позиционирование поиска */
.geo-location-window-search {
  position: relative;
}

/* SVG-кнопка/иконка внутри инпута (не интерактивная) */
.geo-location-window-search-button {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  pointer-events: none;
  z-index: 2;
}
.geo-location-window-search-button svg {
  width: 24px;
  height: 24px;
}

/* Поле ввода — добавляем отступ под иконку */
.geo-location-window-search-input {
  padding-left: 44px !important;
}
.geo-location-window-search-input:not(:focus) {
  color: var(--grey8)
}

/* Контейнер автодополнения */
.geo-location-window-search-values-cn {
  position: relative;
}

.geo-location-window-search-values {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;

  border-top: 0;
  z-index: 9999;
  max-height: 180px;
  overflow-y: auto;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
}

.geo-location-window-search-values .geo-location-list-item {
  border-bottom: 1px solid #f5f5f5;
}
.geo-location-window-search-values .geo-location-list-item:last-child {
  border-bottom: none;
}
.geo-location-window-search-values .geo-location-list-item a {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  color: #000 !important;
  text-decoration: none;
  line-height: 1.3;
}
.geo-location-window-search-values .geo-location-list-item:hover {
  background: #f8f8f8;
}

/* Блок «Сейчас выбран: Город» */
.geo-location-window-city-container {
    margin-top: 18px;
    font-size: 14px;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    line-height: 1.4;
}
.geo-location-window-city-label {
  display: inline;
}
.geo-location-window-city-value {
  color: var(--black);
  font-weight: 500;
}

/* Контейнер кнопки */
.geo-location-window-button-container {
  margin-top: 35px;
}

/* Старый быстрый список городов — скрыт по умолчанию (дизайн без сетки) */
#geo-location-window .geo-location-window-list {
  display: none;
}

/* === Лоадер внутри кнопки === */
#geo-location-window-fast-loader {
  position: absolute;
  transform: scale(0.5);
  display: none;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 0;
  margin-left: -20px;
}
.geo-location-window-button.loading #geo-location-window-fast-loader {
  display: block;
}

.f_circleG {
  position: absolute;
  background-color: #fff;
  height: 8px;
  width: 8px;
  border-radius: 4px;
}
#frotateG_01 { left: 0;    top: 16px; animation-delay: 0.1995s; }
#frotateG_02 { left: 5px;  top: 5px;  animation-delay: 0.256s;  }
#frotateG_03 { left: 16px; top: 0;    animation-delay: 0.3225s; }
#frotateG_04 { right: 5px; top: 5px;  animation-delay: 0.389s;  }
#frotateG_05 { right: 0;   top: 16px; animation-delay: 0.4555s; }
#frotateG_06 { right: 5px; bottom: 5px; animation-delay: 0.522s; }
#frotateG_07 { left: 16px; bottom: 0;   animation-delay: 0.5885s; }
#frotateG_08 { left: 5px;  bottom: 5px; animation-delay: 0.645s;  }

@keyframes f_fadeG {
  0%   { background-color: #fff; }
  100% { background-color: rgba(255,255,255,.25); }
}
@-webkit-keyframes f_fadeG {
  0%   { background-color: #fff; }
  100% { background-color: rgba(255,255,255,.25); }
}

@media(max-width:768px) {
  .geo-location-window-button-container {
    margin-top: 25px;
}
}