.uc-menu {
    position: fixed;  /* Задаёт элементам фиксированное позиционирование */
    top: 0;           /* Располагает элементы в самом верху страницы */
    width: 100%;      /* Задаёт ширину элементов на 100% ширины родительского блока (здесь это, вероятно, вьюпорт) */
    transition: transform 0.5s ease, opacity 0.5s ease; /* Определяет анимацию переходов для свойств transform и opacity */
    transform: translateY(0%); /* Устанавливает начальное положение элемента (не перемещено от исходной позиции) */
    z-index: 1000;    /* Устанавливает порядок наложения элементов, гарантируя, что они находятся поверх других элементов с меньшим z-index */
}


.uc-menu.hidden {
    transform: translateY(-100%); /* Скрытие за верхней границей экрана */
}

.visible .uc-bgmenu {
    background-color: rgba(0, 108, 131, 1); /* Полностью непрозрачный фон при активации */
}


.uc-bgmenu {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 108, 131, 0.3); /* Задаем цвет с 30% прозрачности */
    transition: background-color 0.5s ease;
    backdrop-filter: blur(10px); /* Добавляем размытость */
}

.uc-bgmenu11, .uc-bgmenu12 {
    background-color: #006C83; /* Базовый цвет фона */
    transition: background-color 0.0s ease; /* Плавное изменение фона */
    backdrop-filter: blur(10px); /* Добавляем размытость */
    border-bottom-left-radius: 20px; /* Округление левого нижнего угла */
    border-bottom-right-radius: 20px; /* Округление правого нижнего угла */
}

.uc-menu1show,
.uc-menu2show,
.uc-menu1hidden,    /* Инициализация: скрыть оба вторичных меню и постоянно скрытые элементы и задать z-index*/
.uc-menu2hidden {
    display: none; /* Скрываем элементы */
    z-index: 9999; /* Задаем z-index */
}