/* Mega-menu — вне compress (compress ломает :hover selectors) */
.mega-parent { position: static !important; }
.mega-menu {
    display: none;
    position: absolute;
    left: 0; right: 0; top: 100%;
    background: #1e2430;
    border-top: 2px solid #718ea7;
    box-shadow: 0 12px 40px rgba(0,0,0,0.5);
    padding: 24px 32px;
    z-index: 99999;
    gap: 32px;
    max-height: 70vh;
    overflow-y: auto;
}
.mega-parent:hover .mega-menu,
.mega-parent:focus-within .mega-menu {
    display: flex;
}
.mega-parent:hover::after {
    content: '';
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 9998;
    pointer-events: none;
}
.mega-col { flex: 1; min-width: 140px; }
.mega-col:nth-child(2) { flex: 2; columns: 2; column-gap: 24px; }
.mega-heading {
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 1px; color: #718ea7; margin-bottom: 10px;
    padding-bottom: 6px; border-bottom: 1px solid rgba(113,142,167,0.2);
    column-span: all;
}
.mega-menu a {
    display: block; padding: 4px 0; color: #c8d0da;
    font-size: 13px; text-decoration: none; transition: color 0.15s;
    break-inside: avoid;
}
.mega-menu a:hover { color: #fff; padding-left: 4px; }