.rls-page-v3a .header .header__menu {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 100%;
    padding: 0 0 6.25rem;
    /* 100px fade zone, rows carry own side padding */
    overflow: hidden;
}

/* re-enable clicks only on the two content rows */
.rls-page-v3a .header .header__menu .header-top,
.rls-page-v3a .header .header__menu #menu {
    pointer-events: auto;
}

/* base: .is-offset-top .header__menu { background:#fff; padding-bottom:13px } */
.rls-page-v3a.is-offset-top .header .header__menu {
    background: #F5F3ED;
    padding-bottom: 0.8125rem;
}

/* ---------- Row 1: header-top ---------- */
.rls-page-v3a .header .header-top {
    align-self: stretch;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

/* Gov of Dubai — first child in your markup (left side) */
.rls-page-v3a .header .header-top__gov {
    width: 18.375rem;
    /* 294px */
    display: inline-flex;
    align-items: center;
    position: relative;
}

.rls-page-v3a .header .header-top__gov-logo {
    position: relative;
    overflow: hidden;
}

/* School brandmark — second child (right side) */
.rls-page-v3a .header .header-top__brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.rls-page-v3a .header .header-top__brand-logo {
    position: relative;
    overflow: hidden;
}

/* only live conflict: base `img { height: auto }` */
.rls-page-v3a .header .header-top__gov-logo object,
.rls-page-v3a .header .header-top__gov-logo img,
.rls-page-v3a .header .header-top__brand-logo object,
.rls-page-v3a .header .header-top__brand-logo img {
    height: 100%;
    object-fit: contain;
    display: block;
    pointer-events: none;
    /* clicks fall through to link-mask */
}

/* ---------- Row 2: #menu (nav + burger) ---------- */
.rls-page-v3a .header .header__menu #menu {
    align-self: stretch;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.25rem;
    /* 20px sides */
}

/* base: absolute / top 30px / centred — make it flow left */
.rls-page-v3a .header .header__menu-nav {
    position: static;
    transform: none;
}

.rls-page-v3a .header .header__menu-nav .nav {
    gap: 1.5rem;
    /* 24px */
}

.rls-page-v3a .header .header__menu-nav li {
    margin: 0;
    /* base: 0 40px 0 0 */
}

.rls-page-v3a .header .header__menu-nav a {
    line-height: 1.4;
    /* 19.6px @ 14px */
    letter-spacing: 0.00875rem;
    /* 0.14px */
}

/* font-family/size/colour/no-underline already correct via base rules */

/* base: position fixed + own scroll-down transform.
   Static now — the wrapper slides everything together. */
.rls-page-v3a .header .header__burger {
    position: static;
    display: inline-flex;
    align-items: center;
    transform: none !important;
    /* beat .scroll-down .header__burger */
}
.rls-page-v3a .header .header__nav .header__burger{
    position: fixed;
}

.rls-page-v3a .header .header__burger .header__burger-txt {
    line-height: 2.75rem;
    margin-right: 0;
    min-height: 0;
    top: 0;
}

/* burger lines: existing v3a .hamburger rules already match Figma — untouched */

/* ---------- Responsive ---------- */

@media (max-width: 768px) {
    .rls-page-v3a .header .header-top {
        padding: 0.5rem 1rem;
    }

    .rls-page-v3a .header .header-top__brand-logo {
        height: 3rem;
    }

    .rls-page-v3a .header .header-top__gov-logo {
        height: 3.1875rem;
    }

    .rls-page-v3a .header .header__menu {
        padding-bottom: 3rem;
        pointer-events: all;
    }

    /* shorter fade */
    .rls-page-v3a .header .header__menu #menu {
        justify-content: flex-end;
    }
}

@media (max-width: 400px) {
    .rls-page-v3a .header .header-top__brand-logo {
        height: 2.625rem;
    }

    .rls-page-v3a .header .header-top__gov-logo {
        height: 3rem;
    }
}