body > header {
    position: relative;
    z-index: var(--kepsas-layer-header) !important;
    isolation: isolate;
}

header .dropdown, header nav, header .container {
    position: relative;
    z-index: 2;
}

header .dropdown-menu, header .dropdown-menu.show, header .mega-menu-dropdown, header .mega-menu-dropdown-right, header .information-menu-dropdown, header .online-actions-dropdown {
    z-index: var(--kepsas-layer-dropdown) !important;
}

.top-bar-link {
    transition: opacity 0.2s, color 0.2s;
}

    .top-bar-link:hover {
        opacity: 1 !important;
        color: #ffc107 !important;
    }

.nav-link-custom {
    transition: color 0.2s;
}

    .nav-link-custom:hover {
        color: #1a4c6b !important;
    }

header nav {
    white-space: nowrap;
}

header .mega-menu-dropdown {
    width: 760px;
    max-width: calc(100vw - 32px);
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
}

header .mega-menu-dropdown-right {
    width: 820px;
    max-width: calc(100vw - 32px);
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

header .information-menu-dropdown {
    width: 350px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 10px !important;
}

header .information-menu-link {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 11px;
    color: #495057;
    text-decoration: none;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    transition: color 0.2s ease, background-color 0.2s ease;
}

    header .information-menu-link i {
        width: 20px;
        flex: 0 0 20px;
        color: var(--kepsas-navy);
        text-align: center;
    }

    header .information-menu-link:hover, header .information-menu-link:focus-visible {
        color: var(--kepsas-navy);
        background-color: #f1f6f8;
        outline: none;
    }

.kepsas-brand-strip {
    position: relative;
    z-index: calc(var(--kepsas-layer-header) - 1);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    overflow: hidden;
    height: 5px;
    box-shadow: 0 7px 18px rgba(20, 32, 51, 0.08);
}

    .kepsas-brand-strip span {
        display: block;
    }

    .kepsas-brand-strip .brand-red {
        background: linear-gradient(90deg, #e30613, var(--kepsas-red));
    }

    .kepsas-brand-strip .brand-green {
        background: linear-gradient(90deg, #8dc63f, var(--kepsas-green));
    }

    .kepsas-brand-strip .brand-blue {
        background: linear-gradient(90deg, #0d95d3, var(--kepsas-blue));
    }

    .kepsas-brand-strip .brand-teal {
        background: linear-gradient(90deg, #28aeb7, var(--kepsas-teal));
    }

    .kepsas-brand-strip .brand-orange {
        background: linear-gradient(90deg, #f7941d, #f58220);
    }

header .btn.btn-primary {
    border: 0;
    background: linear-gradient(135deg, var(--kepsas-navy), var(--kepsas-blue)) !important;
    box-shadow: 0 12px 28px rgba(16, 155, 215, 0.22) !important;
}

    header .btn.btn-primary:hover {
        background: linear-gradient(135deg, var(--kepsas-blue), var(--kepsas-teal)) !important;
        box-shadow: 0 16px 34px rgba(47, 183, 184, 0.24) !important;
        transform: translateY(-1px);
    }