/* Модальное окно выбора города — в блоке под городом */
#ys-geoip-mask {
  display: none !important;
}

/* Контекст позиционирования: блок города */
.h-desktop__top-city-wrap {
  position: relative;
  display: inline-block;
}

/* При открытом попапе — overflow: visible и z-index выше блока с логотипом */
body.geoip-popup-open .h-desktop__top {
  position: relative;
  z-index: 100000 !important;
}
body.geoip-popup-open .h-desktop__top .container,
body.geoip-popup-open .h-desktop__top,
body.geoip-popup-open .h-desktop__top-left {
  overflow: visible !important;
}

/* Попап под блоком города (position: absolute, top: 100%) */
.geoip-popup-under-trigger {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 4px !important;
  z-index: 99999 !important;
}

#ys-locator {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
}

#ys-locator .modal-dialog {
  margin: 0 !important;
  transform: none !important;
  width: 360px !important;
  min-width: 360px !important;
  max-width: 289px !important;
  max-height: 290px;
}

#ys-locator .modal-content {
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 5px 30px rgba(0,0,0,0.3) !important;
  position: relative;
  max-height: calc(100vh - 100px) !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#ys-locator .modal-body {
  overflow-y: auto !important;
  max-height: 290px !important;
}

/* Стрелка вверх к блоку города */
#ys-locator .modal-content::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 24px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.08));
}

.modals-city .form .input-group input {
  background: url("images/find-town-popup.png") !important;
  background-repeat: no-repeat !important;
  background-position: 5px center !important;
  height: 32px !important;
  border: unset;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 5px 25px !important;
  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 8px !important;
  color: #88898B !important;
}

.modals-city .modal-body {
  padding: 16px 19px !important;
}

.modals__list--two-cols .modals__item {
  width: 50% !important;
}

.modals__list.ys-loc-cities.modals__list--two-cols {
  padding: 0 10px;
  font-family: 'Inter', sans-serif  !important;
  font-style: normal  !important;
  font-weight: 400 !important;
  font-size: 14px  !important;
  line-height: 23px;  !important
  color: #434242  !important;
}

.ys-loc-cities .modals__item li {
  padding-bottom: unset !important;
}

.modals-city .modals__title {
  padding-top: unset !important;
  margin-bottom: 12px !important;


  font-family: 'Inter', sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 19px !important;
  color: #333333 !important;
}

.modals-city .modals__title::before {
  display: none !important;
}

.modals-city .modals__title::after {
  display: none !important;
}

.input-group.modals__search {
  background-color: #EBECEC;
}