#menu.navigation-modern {
    width: 100%;
    text-transform: none;
}

#menu.navigation-modern .nav > li > a {
    border-radius: 9px;
    color: #30313b;
    text-transform: none;
    transition: color 160ms ease, background-color 160ms ease;
}

#menu.navigation-modern .nav > li > a:hover,
#menu.navigation-modern .nav > li > a:focus-visible {
    color: var(--primary-hover-color);
    background: #fff1f7;
}

#menu.navigation-modern a:focus-visible {
    outline: 2px solid var(--primary-hover-color);
    outline-offset: -2px;
}

#menu.navigation-modern .nav > li > .navigation-category-trigger {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--primary-hover-color);
    background: #fff1f7;
}

#menu.navigation-modern .navigation-category-trigger .fa {
    font-size: 16px;
}

#menu.navigation-modern #main_menu_drop .navigation-category-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 8px 26px 8px 10px;
    border-radius: 8px;
    color: #41434e;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    white-space: normal;
}

#menu.navigation-modern .navigation-category-link img {
    flex: 0 0 24px;
    float: none !important;
    object-fit: contain;
}

#menu.navigation-modern #main_menu_drop li:hover > a,
#menu.navigation-modern #main_menu_drop a:focus-visible {
    color: var(--primary-hover-color);
    background: #fff1f7;
}

#menu.navigation-modern .navigation-enterprise img {
    max-height: 36px;
    border-radius: 8px;
}

@media (min-width: 992px) {
    #menu.navigation-modern .navbar-nav {
        display: flex;
        align-items: center;
        gap: 4px;
        width: 100%;
        padding: 8px 0;
    }

    #menu.navigation-modern .nav > li {
        float: none;
        flex: 0 1 auto;
    }

    #menu.navigation-modern .nav > li + li {
        margin: 0;
    }

    #menu.navigation-modern .nav > li > a {
        padding: 12px 10px;
        font-size: 14px;
        line-height: 20px;
        white-space: nowrap;
    }

    #menu.navigation-modern .nav > .navigation-categories {
        margin-right: 10px;
    }

    #menu.navigation-modern .nav > li > .navigation-category-trigger {
        padding-right: 18px;
        padding-left: 18px;
    }

    #menu.navigation-modern .nav > .navigation-enterprise {
        margin-left: auto;
    }

    #menu.navigation-modern .navigation-enterprise > a {
        padding: 4px 0 4px 8px;
    }

    #menu.navigation-modern .dropdown-menu,
    #menu.navigation-modern .column-1 .dropdown-inner .dropdown-submenu ul.sub-menu {
        padding: 8px;
        border: 1px solid #ececf0;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 12px 32px rgba(28, 30, 42, .12);
        transition: opacity 160ms ease, transform 160ms ease;
    }

    #menu.navigation-modern .dropdown-inner,
    #menu.navigation-modern .dropdown-inner ul {
        display: block;
    }

    #menu.navigation-modern #main_menu_drop .navigation-category-link {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    #menu.navigation-modern .column-1 .dropdown-inner li.dropdown-submenu > .fa {
        top: 50%;
        right: 10px;
        padding: 0;
        color: #9a9ca7;
        transform: translateY(-50%);
        pointer-events: none;
    }

    #menu.navigation-modern .column-1 .dropdown-inner .dropdown-submenu ul.sub-menu {
        min-width: 240px;
        max-width: 320px;
    }

    #menu.navigation-modern .sub-menu a {
        min-width: 0;
        padding: 9px 12px;
        border-radius: 7px;
        color: #41434e;
        line-height: 20px;
        white-space: normal;
    }

    #menu.navigation-modern .dropdown:focus-within > .dropdown-menu,
    #menu.navigation-modern .dropdown-submenu:focus-within > ul.sub-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        transform: scale(1);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #menu.navigation-modern .nav > li > a {
        padding-right: 7px;
        padding-left: 7px;
        font-size: 12px;
    }

    #menu.navigation-modern .nav > .navigation-categories {
        margin-right: 0;
    }

    #menu.navigation-modern .nav > li > .navigation-category-trigger {
        gap: 8px;
        padding-right: 12px;
        padding-left: 12px;
    }

    #menu.navigation-modern .navigation-enterprise img {
        max-width: 130px;
        height: auto;
    }
}

@media (max-width: 991px) {
    #menu.navigation-modern #topCategoryList {
        background: #fff;
        box-shadow: 8px 0 32px rgba(28, 30, 42, .12);
    }

    #menu.navigation-modern .nav > li > a {
        margin: 4px 10px;
        padding: 12px 30px 12px 14px;
        font-size: 14px;
    }

    #menu.navigation-modern .nav > .navigation-categories > .toggle-menu {
        top: 7px;
    }

    #menu.navigation-modern #main_menu_drop .toggle-menu {
        top: 0;
        padding: 10px;
    }

    #menu.navigation-modern .navigation-enterprise img {
        max-width: 170px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #menu.navigation-modern .nav > li > a,
    #menu.navigation-modern .dropdown-menu,
    #menu.navigation-modern ul.sub-menu {
        transition: none;
    }
}