/* Если высота меню известна, например 80px */
body::before,
body::after {
    content: '';
    position: fixed;
    top: 40px; /* Половина высоты меню (80px / 2 = 40px) */
    height: calc(100vh - 40px);
    width: 5px;
    background-color: #0066CC;
    z-index: 9999;
}

body::before {
    left: 0;
}

body::after {
    right: 0;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    body::before,
    body::after {
        width: 3px;
    }
}






.bta {
    position: relative;
    z-index: 10051 !important;
}

.uc-dantopmenu {
    position: relative;
}

.uc-dantopmenu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 5px solid #0066CC;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1;
    border-radius: 15px; /* Скругление внешних углов */
}

/* Создаем скругление внутренних углов с помощью псевдоэлемента */
.uc-dantopmenu::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 2px solid transparent;
    border-radius: 4px; /* Скругление внутренних углов */
    pointer-events: none;
    z-index: 1;
}

.bta {
    position: relative;
    z-index: 100; /* ДОЛЖЕН БЫТЬ ВЫШЕ чем z-index рамки */
}

/* КНОПКИ ВЕРХНЕГО УРОВНЯ - ВЫШЕ ВСЕГО */
.dancatalogbutton1, .dancatalogbutton2, .dancatalogbutton3, 
.dancatalogbutton4, .dancatalogbutton5, .dancatalogbutton6 {
    position: absolute !important;
    z-index: 10050 !important;
    margin: 0 !important;
}

/* ОСНОВНЫЕ МЕНЮ - НИЖЕ КНОПОК */
.uc-menu-1, .uc-menu-2, .uc-menu-3, 
.uc-menu-4, .uc-menu-5, .uc-menu-6 {
    z-index: 100 !important;
    position: fixed !important;
}

/* МНОГОУРОВНЕВЫЕ МЕНЮ */
.uc-menu1-1, .uc-menu1-2, .uc-menu1-3,
.uc-menu2-1, .uc-menu2-2, .uc-menu2-3,
.uc-menu3-1, .uc-menu3-2, .uc-menu3-3,
.uc-menu4-1, .uc-menu4-2, .uc-menu4-3,
.uc-menu5-1, .uc-menu5-2, .uc-menu5-3,
.uc-menu6-1, .uc-menu6-2, .uc-menu6-3 {
    z-index: 100 !important;
}

/* СЛУЖЕБНЫЕ ЗОНЫ */
.menu-top-close-area { z-index: 10070 !important; }
.button-zone { z-index: 10040 !important; }
.gap-zone { z-index: 10030 !important; }
.zone-label, .button-debug-label { z-index: 10060 !important; }
.menu-safe-area { z-index: 9990 !important; }
.menu-tracking-zone { z-index: 9990 !important; }
.menu-boundary-left, .menu-boundary-right { z-index: 9991 !important; }

/* Для обводки нижнего шейпа в хедере */
header .uc-dantopmenu .Shape20 {
    border: 5px solid #0066CC;
    border-radius: 8px;
    box-sizing: border-box;
}


.uc-block {
    border: 5px solid #0066CC;
    border-radius: 8px;
    box-sizing: border-box;
}