@media (max-width: 575px) {
  /* --- Стили для всплывающего окна "Выберите город" (popup-80c4) --- */
  /* Цель: Заставить меню открываться по :hover, обходя проблемы с JS */

  /* Убираем гамбургер */
  #popup-80c4 .menu-collapse {
    display: none !important;
  }

  /* Показываем основной контейнер навигации */
  #popup-80c4 .u-nav-container {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    margin: 20px auto !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Вертикальное расположение основных пунктов */
  #popup-80c4 .u-nav-container > .u-nav.u-nav-1 {
    /* Уточните класс ul если не .u-nav-1 */
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0px; /* Минимальный отступ */
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* Стиль основного пункта меню (Город) */
  #popup-80c4 .u-nav-container .u-nav-item {
    display: block !important;
    width: 100% !important;
    height: 50px !important; /* Фиксированная высота */
    margin: 0 !important;
    position: relative;
    overflow: hidden; /* Скрываем переполнение по умолчанию */
    box-sizing: border-box;
    /* transition: height 0.3s ease; */ /* Плавный переход высоты, если нужно */
  }

  /* Стиль ссылки основного пункта */
  #popup-80c4 .u-nav-container .u-nav-item > .u-nav-link {
    display: block !important;
    width: 100% !important;
    padding: 10px 20px !important;
    background-color: #f1c50e !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    text-align: left !important;
    cursor: pointer !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    line-height: 1.2;
    /* z-index: 1; */ /* Убедиться, что ссылка сверху */
    position: relative; /* Для z-index */
  }

  /* --- КЛЮЧЕВАЯ ЧАСТЬ 1: Стиль выпадающего списка --- */
  #popup-80c4 .u-nav-container .u-nav-item > .u-nav-popup {
    /* --- ИЗМЕНЕНИЯ ДЛЯ ВСТАВКИ В ПОТОК И КОНТРОЛЯ ВИДИМОСТИ ЧЕРЕЗ :hover --- */
    position: static !important; /* Вставляем в поток */
    /* ------------------------------- */

    /* Стили внешнего вида */
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 1px 0 0 10px !important;
    /* width: calc(100% - 20px) !important; */
    transform: none !important;
    float: none !important;
    clear: both !important;

    /* --- КЛЮЧЕВАЯ ЧАСТЬ 2: Контроль видимости через :hover --- */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    /* --------------------------------------------- */
  }

  /* --- КЛЮЧЕВАЯ ЧАСТЬ 3: Показываем подменю при :hover на родительском пункте --- */
  #popup-80c4 .u-nav-container .u-nav-item:hover > .u-nav-popup {
    max-height: 500px; /* Достаточно большое значение */
    opacity: 1;
    visibility: visible;
  }

  /* --- КЛЮЧЕВАЯ ЧАСТЬ 4: Разрешаем родительскому пункту увеличиваться при :hover --- */
  #popup-80c4 .u-nav-container .u-nav-item:hover {
    height: auto !important; /* Разрешаем рост */
    overflow: visible; /* Позволяем содержимому отображаться */
  }

  /* Стилизуем элементы вложенного меню */
  #popup-80c4 .u-nav-container .u-nav-popup .u-nav.u-unstyled {
    /* Уточните класс ul если нужно */
    display: flex !important;
    flex-direction: column !important;
    gap: 3px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
  }

  #popup-80c4 .u-nav-container .u-nav-popup .u-nav-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    height: auto !important;
  }

  #popup-80c4 .u-nav-container .u-nav-popup .u-nav-link {
    display: block !important;
    width: 100% !important;
    padding: 6px 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #eee !important;
    border-radius: 3px !important;
    text-align: left !important;
    font-size: 0.9rem !important;
    box-sizing: border-box !important;
    line-height: 1.2;
  }

  /* --- Повторяем аналогичные стили для popup-cbd3 --- */
  /* Убедитесь, что селекторы для ul внутри popup-cbd3 корректны */

  #popup-cbd3 .menu-collapse {
    display: none !important;
  }

  #popup-cbd3 .u-nav-container {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    margin: 20px auto !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
  }

  #popup-cbd3 .u-nav-container > .u-nav {
    /* Уточните селектор */
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #popup-cbd3 .u-nav-container .u-nav-item {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    margin: 0 !important;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    /* transition: height 0.3s ease; */
  }

  #popup-cbd3 .u-nav-container .u-nav-item > .u-nav-link {
    display: block !important;
    width: 100% !important;
    padding: 10px 20px !important;
    background-color: #f1c50e !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    text-align: left !important;
    cursor: pointer !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    line-height: 1.2;
    position: relative;
  }

  /* --- КЛЮЧЕВАЯ ЧАСТЬ для popup-cbd3 --- */
  #popup-cbd3 .u-nav-container .u-nav-item > .u-nav-popup {
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 3px 0 0 20px !important;
    width: calc(100% - 20px) !important;
    transform: none !important;
    float: none !important;
    clear: both !important;

    /* Контроль видимости через :hover */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
  }

  #popup-cbd3 .u-nav-container .u-nav-item:hover > .u-nav-popup {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
  }

  #popup-cbd3 .u-nav-container .u-nav-item:hover {
    height: auto !important;
    overflow: visible;
  }

  #popup-cbd3 .u-nav-container .u-nav-popup .u-nav.u-unstyled {
    /* Уточните селектор */
    display: flex !important;
    flex-direction: column !important;
    gap: 3px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
  }

  #popup-cbd3 .u-nav-container .u-nav-popup .u-nav-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    height: auto !important; /* Разрешаем рост */
    /* background-color: #f1c50e; */
  }

  #popup-cbd3 .u-nav-container .u-nav-popup .u-nav-link {
    display: block !important;
    width: 100% !important;
    padding: 6px 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #eee !important;
    border-radius: 3px !important;
    text-align: left !important;
    font-size: 0.9rem !important;
    box-sizing: border-box !important;
    line-height: 1.2;
  }

  /* нижние блоки почты и телефона */

  .u-section-8 .u-container-layout-2 {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .u-section-8 .u-container-layout-3 {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .u-section-8 .u-text-2 {
    font-size: 0.5rem !important;
    margin-top: 20px !important;
  }

  .u-section-8 .u-list-1 {
    width: 111px;
    margin-top: -379px;
    /* margin-top: -434px; */
    margin-left: -43px;
  }

  /* .u-section-8 .u-group-1 {
    width: calc(((100% - 340px) / 2) + 284px);
    min-height: 374px;
    margin-top: 4px;
    margin-right: 6px;
  } */
  .u-section-8 .u-text-1 {
    margin-top: 1px;
    /* margin-right: 5px;
    margin-left: 168px; */
  }
}

@media (max-width: 360px) {
  .u-body {
    --theme-sheet-width-xs: 300px;
  }
  .u-section-1 .u-text-1 {
    font-weight: 300;
    margin-top: 152px;
  }
  .u-section-1 .u-text-3 {
    margin-top: -752px !important;
    margin-bottom: 440px;
    font-size: 1.61rem;
  }

  .u-section-1 .u-text-2 {
    font-size: 1.5rem;
    margin-top: 6px;
  }

  .u-section-1 .u-group-1 {
    min-height: 762px;
  }

  .u-section-1 .u-btn-2 {
    font-size: 0.8rem;
  }

  .u-section-1 .u-text-4 {
    font-size: 1rem;
    width: auto;
    margin-top: -14px;
    margin-right: 83px;
    margin-left: 31px;
  }

  .u-section-1 .u-group-3 {
    min-height: 100px;
    margin-top: 21px;
    height: 266px !important;
  }

  .u-section-2 .u-text-1 {
    font-size: 1.2rem;
    margin-top: -46px;
    margin-right: 90px;
    margin-left: -29px;
  }

  .u-section-2 .u-icon-1 {
    margin-top: 15px;
    margin-right: 73px;
    width: 57px;
    height: 57px;
  }

  .u-section-4 .u-list-1 {
    width: 296px;
  }

  .u-section-4 .u-btn-1 {
    margin-top: 9px;
  }

  .u-section-4 .u-btn-1 {
    font-size: 0.75rem;
  }
  .u-section-4 .u-btn-2 {
    margin-top: 9px;
  }

  .u-section-4 .u-btn-2 {
    font-size: 0.75rem;
  }
  .u-section-4 .u-btn-3 {
    margin-top: 9px;
  }

  .u-section-4 .u-btn-3 {
    font-size: 0.75rem;
  }

  .u-section-4 .u-icon-1 {
    height: 99px !important;
    width: 99px !important;
    margin: -27px auto 0 !important;
  }
  .u-section-4 .u-icon-2 {
    height: 99px !important;
    width: 99px !important;
    margin: -27px auto 0 !important;
  }
  .u-section-4 .u-icon-3 {
    height: 99px !important;
    width: 99px !important;
    margin: -27px auto 0 !important;
  }

  .u-section-5 .u-group-1 {
    min-height: 1143px;
  }

  .u-section-1 .u-form-1 {
    margin-top: -8px !important;
  }
  .u-section-8 .u-group-1 {
    width: calc(((100% - 340px) / 2) + 290px);
    min-height: 379px;
    margin-top: 15px;
    margin-right: 3px;
  }

  /* почта на сайте внизу */
  .u-section-8 .u-text-3 {
    font-size: 0.63rem;
  }
  .u-section-8 .u-text-4 {
    font-size: 0.54rem;
    margin-top: 14px;
  }

  /* подключаемся за 2 минуты */
  .u-section-3 .u-text-1 {
    font-size: 1.575rem;
  }
  /* подключаемся за 2 минуты контейнер картинок */
  .u-section-3 .u-container-layout-2 {
    padding: 8px 60px 33px !important;
  }

  /*  нужен автомобиль блок с кнопкой*/

  .u-section-6 {
    min-height: 1202px;
  }

  .u-section-7 .u-text-1 {
    margin-top: 10px;
  }
}

.u-header .u-text-1 {
  margin: 0 !important;
}
.u-section-1 .u-container-layout-5 {
  padding: 1px 0;
}