.main-navigation-bar { width: 100%; }
.main-navigation-bar.is-fixed { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; }

.menu-blue-inner { background: #001a4d; max-width: 1600px; margin: 0 auto; border-bottom: 1px solid #000; }

.portal-menu { display: flex; list-style: none; margin: 0; padding: 0; width: 100%; }
.portal-menu__item { position: relative; }
.portal-menu__item.has-megamenu { position: static; }

.portal-menu__link { 
    display: block; color: #fff !important; text-decoration: none !important; 
    padding: 18px 15px; font-size: 14px; font-weight: 700; 
    text-transform: uppercase; white-space: nowrap; transition: 0.2s; 
}

.arrow-icon { display: inline-block; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; }

@media (min-width: 992px) {
    .portal-menu__item:hover > .portal-menu__link { background: rgba(255,255,255,0.1); }
    .portal-menu__item:hover > .portal-menu__link .arrow-icon { transform: rotate(180deg); }
    .portal-menu__item:hover .megamenu-panel, .portal-menu__item:hover .dropdown-simple { display: block !important; }
}

.megamenu-panel { 
    display: none; position: absolute; top: 100%; left: 0; width: 100%; 
    background: #fff; box-shadow: 0 15px 40px rgba(0,0,0,0.2); 
    padding: 35px 0; z-index: 10001; border: 1px solid #ddd; 
}
.megamenu-panel__inner { display: flex; justify-content: space-between; padding: 0 40px; gap: 20px; }
.megamenu-panel__col { flex: 1; min-width: 0; }
.megamenu-panel__title { font-size: 12px; font-weight: 900; color: #0052a2; border-bottom: 2px solid #00a8e1; margin-bottom: 15px; padding-bottom: 8px; text-transform: uppercase; }
.megamenu-panel__list { list-style: none; padding: 0; }
.megamenu-panel__list a { color: #444; text-decoration: none; font-size: 12px; display: block; margin-bottom: 10px; line-height: 1.3; }
.megamenu-panel__list a:hover { color: #00a8e1; text-decoration: underline; }

.dropdown-simple { display: none; position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.1); list-style: none; padding: 10px 0; min-width: 300px; z-index: 10001; border: 1px solid #eee; }
.dropdown-simple a { display: block; padding: 12px 20px; color: #333; text-decoration: none; font-size: 12px; font-weight: 700; border-bottom: 1px solid #f8f8f8; }

.portal-menu__item--special { background: #00a8e1; }

.mobile-top-line { display: none; align-items: center; padding: 15px 20px; cursor: pointer; }
.mobile-top-line__text { color: #fff; font-weight: 800; font-size: 14px; margin-left: 15px; }
.hamburger-box { width: 22px; height: 16px; position: relative; }
.hamburger-box span { display: block; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; }
.hamburger-box span:nth-child(1) { top: 0; }
.hamburger-box span:nth-child(2) { top: 7px; }
.hamburger-box span:nth-child(3) { top: 14px; }

/* ВАША ЛОГИКА ДЛЯ МОБИЛОК */
@media (max-width: 991px) {
    .menu-blue-inner {
        margin: 0 10px; /* Отступ от краев экрана */
        border-radius: 0px;
        overflow: hidden;
    }
    .mobile-top-line { display: flex; border-bottom: 1px solid rgba(255,255,255,0.1); }
    .portal-menu { display: none; flex-direction: column; width: 100%; }
    .portal-menu__link { padding: 15px 20px; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,0.05); }
    .megamenu-panel, .dropdown-simple { position: static !important; width: 100% !important; background: #f8fafc !important; box-shadow: none !important; padding: 10px 0 !important; border: none !important; }
    .megamenu-panel__inner { flex-direction: column; padding: 0 20px; }
    .megamenu-panel__title { color: #001a4d; margin-top: 15px; }
    .megamenu-panel__list a, .dropdown-simple a { color: #475569 !important; padding: 10px 20px; border: none; }
}