/* ======================================================
   MOBILE NAV – TOP DOWN DROPDOWN (FROM TOP)
====================================================== */
@media (max-width: 980px) {

    /* BODY LOCK */
    body.mobile-menu-open {
        overflow: hidden;
    }

    /* MENU: FROM TOP */
    .menu {
        position: fixed;
        top: 64px;
        /* navbar доороос эхэлнэ */
        left: 0;
        right: 0;
        bottom: 0;

        background: #fff;
        margin: 0;
        padding: 0;
        list-style: none;

        display: block;

        transform: translateY(-100%);
        transition: transform .25s ease;
        z-index: 3000;
    }

    .menu.is-open {
        transform: translateY(0);
    }

    /* ROOT ITEMS */
    .menu>li {
        border-bottom: 1px solid #e6ebf2;
    }

    .menu>li>a {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 16px 20px;
        font-size: 15px;
        font-weight: 700;
        color: #1659B7;
        background: #fff;
    }

    /* CHEVRON */
    .menu>li.has-sub>a::after {
        content: "";
        width: 14px;
        height: 14px;

        -webkit-mask: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path d='M7 10l5 5 5-5H7z'/></svg>") no-repeat center / contain;
        mask: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path d='M7 10l5 5 5-5H7z'/></svg>") no-repeat center / contain;

        background-color: #9aa3b2;
        transition: transform .2s ease;
    }

    .menu>li.open>a::after {
        transform: rotate(180deg);
    }

    /* SUBMENU – SIMPLE LIST */
    .submenu {
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #fff;
    }

    li.open>.submenu {
        display: block;
    }

    .submenu li {
        border-top: 1px solid #f0f2f6;
    }

    .submenu li a {
        display: block;
        padding: 14px 36px;
        font-size: 14px;
        font-weight: 500;
        color: #2b3340;
        background: #fff;
    }

    /* LEVEL 2 – INLINE */
    .flyout {
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #fff;
    }

    li.open>.flyout {
        display: block;
    }

    .flyout li {
        border-top: 1px solid #f0f2f6;
    }

    .flyout li a {
        padding: 14px 52px;
        font-size: 13.5px;
        color: #445269;
        background: #fff;
    }

    /* TOP ACTIONS (SEARCH + EN) */
    .nav-actions {
        position: fixed;
        top: 16px;
        right: 56px;
        z-index: 4000;

        display: flex !important;
        gap: 14px;
    }

    /* BURGER / CLOSE */
    .burger {
        position: relative;
        z-index: 5000;
    }
}

@media (max-width: 980px) {

    /* TOPBAR – mobile дээр нуух */
    .topbar {
        display: none;
    }

    /* NAVBAR – дээд талд тогтмол */
    .nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 4000;
        background: #fff;
    }

    /* PAGE CONTENT доош түлхэх */
    body {
        padding-top: 64px;
        /* navbar өндөр */
    }
}