.bx-sls {
  width: 100%;
}

.modal-windows.your-city-confirm {
  position: absolute;
  left: 0px;
  top: 69px;
}

.fancybox-slide:has(.your-city-confirm) {
  position: relative;
  width: 100%;
  max-width: 1210px;
  padding: 0 10px;
  margin: 0 auto;
}

.city-modal-btn {
  height: 40px;
  margin: 0;
  padding: 0 24px;
  font-size: 14px;
  line-height: 16px;
}

@media (width <= 1210px) {
  .modal-windows.your-city-confirm {
    left: 16px;
  }
}

@media (width < 768px) {
  .modal-windows.your-city-confirm {
    width: calc(100% - 32px) !important;

    .modal-wrap {
      width: 100% !important;
    }

    .modal-title-block {
      font-size: 16px;
    }
  }

  .modal-windows--geo {
    .modal-cont.enter-cont.modal-page-wrapper {
      overflow-y: auto;
      max-height: 50vh;

      &::-webkit-scrollbar {
        width: 2px; /* Ширина скроллбара */
      }

      &::-webkit-scrollbar-track {
        background-color: #cdcdcd; /* Цвет трека скроллбара */
        border-radius: 0; /* Радиус углов трека */
      }

      &::-webkit-scrollbar-thumb {
        background-color: #5f5f5f; /* Цвет активной части скроллбара */
        border-radius: 0; /* Радиус углов активной части */
      }
    }
  }

  .modal-windows.your-city-confirm .btn-row {
    flex-direction: column;
    margin-top: 24px;
  }

  .your-city-confirm .modal-btn-row {
    width: 100% !important;

    button {
      width: 100%;
    }
  }
}