/* Меню с выпадающими списками */
    /* Флексбокс для выравнивания в ряд */
    .navbar2 {
        align-items: center;
        display: flex;
        background-color: var(--rozovii);
        position: fixed;
        /*закрлено сверху*/
        width: 100%;
        /*ширина элемента*/
        z-index: 999;
        /* чтобы рисунки не наезжали */
        height: 50px;
        text-shadow: 1px 1px 4px var(--teni_a);
        box-shadow: 0 2px 4px var(--teni_menu);        
    }

    /* меню выпадающее вниз */
    .dropdown2 {
        position: relative;        
    }

    /* Стили кнопок и обычных ссылок */
    .dropbtn2,
    .nav-link2,
    .navbar2 a {
        background: none;
        color: var(--bordovii);
        padding: 14px 16px 13px;
        border: none;
        cursor: pointer;
        font-size: 17px;
        font-family: 'Times New Roman', serif;
        text-shadow: 1px 1px 4px var(--teni_a);
    }

    .navbar2 a:hover,
    .dropbtn2:hover,
    .nav-link2:hover
    {
        color: var(--rozovii);
        background-color: var(--bordovii);
        text-shadow: 1px 1px 4px var(--teni_a_hover);
    }
    
    /* Показ конкретного меню при наведении на его родителя */
    .dropdown-content2 {
        display: none;
        position: absolute;
        background-color: var(--rozovii);
        min-width: 250px;
        /* max-width: auto; */
        /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
        top: 100%;
        /* Чтобы меню открывалось точно под кнопкой */
        left: 0;
            box-shadow: 0 2px 4px var(--teni_menu);

    }

    .dropdown2:hover .dropdown-content2 {
        display: block;
    }

    .navbar2 i {
        color: var(--bordovii);
    }

    .dropdown-content2 a {
        padding: 5px 16px;
        display: block;
    }

    /* ------------------------ */
    /* Относительное позиционирование для родителя вложенного меню */
    .submenu2 {
        position: relative;
    }

    /* Скрываем вложенное меню и выносим его вправо */
    .submenu-content2 {
        display: none;
        position: absolute;
        top: 0;
        /* Выравниваем по верхнему краю родителя */
        left: 100%;
        /* Сдвигаем полностью вправо */
        background-color: var(--rozovii);
        min-width: 250px;
        /* было 150 */
        box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1);
        overflow-y: auto;
        max-height: 80vh;
            box-shadow: 0 2px 4px var(--teni_menu);

    }

    /* Показываем вложенное меню при наведении на .submenu */
    .submenu2:hover>.submenu-content2 {
        display: block;
    }

    /* Стили для ссылки-триггера (опционально) */
    .sub-link2 {
        display: flex !important;
        justify-content: space-between;
    }

    .kontakti_menu_verh a > img {
    width: 30px;
    border-radius: 7px;
    margin-right: 10px;
    box-shadow: 1px 1px 2px var(--teni_menu);
}
    .kontakti_menu_verh a:hover img {
    box-shadow: 1px 1px 2px var(--teni_menu_hover);
}

.kontakti_menu_verh a {
    display: flex !important;
    align-items: center;
    /* margin-bottom: 7px; */
    /* justify-content: center; */
}

/* display: flex !important;  */
      /* Включить flexbox, переопределив другие стили */
  /* justify-content: center;  */
  /* Центрировать элементы по горизонтали */
  /* align-items: center;     */
  /* Центрировать элементы по вертикали */