/* NG08 Step 35.2.4 — Mega menu parent background normalization */

/* Page-level CSS must never recolor the area surrounding the mega shell. */
header#header .mega-menu{
    background:#17352D !important;
    background-color:#17352D !important;
}

/* Keep the visible transition from header to mega menu seamless. */
header#header:has(.mega-menu){
    --ng-mega-surface:#17352D;
}

/* Neutralize inherited page-specific light backgrounds/pseudo layers. */
header#header .mega-menu::before,
header#header .mega-menu::after{
    background:#17352D !important;
}

/* Shell itself remains slightly differentiated, but on the same dark family. */
header#header .mega-menu .mega-shell.products-showcase{
    background:#17352D !important;
}

/* Products page sometimes paints surrounding descendants with its page surface. */
body header#header .mega-menu,
body header#header .mega-menu > *{
    border-top-color:rgba(255,255,255,.06);
}

/* Ensure no light page surface leaks through gaps/padding around the shell. */
header#header .mega-menu{
    box-shadow:
        0 1px 0 #17352D inset,
        0 -1px 0 #17352D inset;
}