nav.en-mega-menu * {
    box-sizing: border-box;
}


.en-mega-menu {
    --li-height: 40px;
}

nav.en-mega-menu > ul {
    position: relative;
}

nav.en-mega-menu .mega-menu-wrapper {
    display: none;
}


nav.en-mega-menu .mega-menu-wrapper-inner {
    position: relative;
}

nav.en-mega-menu > ul:first-of-type > li {
    position: unset !important;
}

nav.en-mega-menu li:hover > .mega-menu-wrapper {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    left: 0;
    display: block;
    width: 100%;
}


nav.en-mega-menu .mega-menu-wrapper ul:first-child {
    display: flex;
    flex-direction: column;
    position: relative;
}

nav.en-mega-menu ul.mega-menu-parent-ul > li:hover > .mega-menu-wrapper + ul {
    display: none !important;
}

nav.en-mega-menu ul.mega-menu-parent-ul ul ul ul ul ul,
nav.en-mega-menu ul.mega-menu-parent-ul ul ul {
    position: absolute;
    bottom: 0;
    right: 0;
    left: unset !important;
    transform: translate(100%, calc(100% - var(--li-height)));
}


nav.en-mega-menu ul.mega-menu-parent-ul ul {
    width: fit-content;
}