/* ==========================================================
   MASTER UNLOCK CODE - Shared Site Header V1
   Namespaced storefront header for desktop + mobile.
   ========================================================== */

.muc-site-header,
.muc-site-header * {
    box-sizing:border-box;
}

.muc-site-header.headerbg-top {
    position:relative !important;
    z-index:900 !important;
    width:100% !important;
    min-height:98px !important;
    margin:0 !important;
    padding:0 !important;
    background:
        radial-gradient(ellipse at 78% -95%, rgba(116,164,193,.17) 0%, rgba(116,164,193,0) 49%),
        linear-gradient(112deg,#0c2234 0%,#123149 55%,#173b52 100%) !important;
    border:0 !important;
    border-bottom:2px solid #ed8722 !important;
    box-shadow:0 4px 16px rgba(8,25,38,.18) !important;
    font-family:Arial,Helvetica,sans-serif !important;
}

.muc-site-header > .container {
    position:relative !important;
}

.muc-header-shell {
    position:relative;
    min-height:96px;
}

/* Brand --------------------------------------------------- */
.muc-header-brand {
    position:absolute;
    left:15px;
    top:7px;
    width:260px;
    height:82px;
    display:block;
    text-decoration:none !important;
    z-index:3;
}

.muc-header-brand-image {
    width:100%;
    height:100%;
    display:block;
    background-image:url('/images/masterunlockcode-logo-header.png?v=20261007-3');
    background-repeat:no-repeat;
    background-position:left center;
    background-size:contain;
}

/* Desktop account strip ----------------------------------- */
.muc-header-account {
    position:absolute;
    top:7px;
    right:15px;
    max-width:720px;
    min-height:20px;
    z-index:3;
}

.muc-header-account-list {
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:0;
    list-style:none !important;
}

.muc-header-account-list > li {
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    list-style:none !important;
    color:#b8c9d3 !important;
    font-size:9px !important;
    line-height:14px !important;
    font-weight:500 !important;
}

.muc-header-account-list > li > a,
.muc-header-account-list > li > span {
    padding:2px 5px !important;
    color:#dbe6ec !important;
    background:transparent !important;
    border:0 !important;
    text-decoration:none !important;
    font-size:9px !important;
    line-height:14px !important;
    font-weight:500 !important;
}

.muc-header-account-list > li > a:hover,
.muc-header-account-list > li > a:focus {
    color:#fff !important;
}

.muc-header-account-list img {
    max-height:16px;
    width:auto;
    vertical-align:middle;
}

/* Desktop navigation -------------------------------------- */
.muc-header-nav {
    position:absolute;
    right:2px;
    bottom:8px;
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    gap:4px;
    z-index:2;
}

.muc-header-nav-link {
    position:relative;
    min-height:39px;
    padding:9px 11px 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    color:#dbe6ec !important;
    background:transparent;
    text-decoration:none !important;
    font-size:11px;
    line-height:15px;
    font-weight:600;
    letter-spacing:.02px;
    transition:background .16s ease,color .16s ease,transform .16s ease;
}

.muc-header-nav-link:after {
    content:"";
    position:absolute;
    left:13px;
    right:13px;
    bottom:4px;
    height:2px;
    border-radius:2px;
    background:transparent;
    transition:background .16s ease;
}

.muc-header-nav-link:hover,
.muc-header-nav-link:focus {
    color:#fff !important;
    background:rgba(255,255,255,.065);
    transform:translateY(-1px);
    outline:0;
}

.muc-header-nav-link:hover:after,
.muc-header-nav-link:focus:after {
    background:rgba(255,255,255,.42);
}

.muc-header-nav-link.is-current,
.muc-header-nav-link.is-current:hover,
.muc-header-nav-link.is-current:focus {
    color:#fff !important;
    background:rgba(255,255,255,.075);
    transform:none;
}

.muc-header-nav-link.is-current:after {
    background:#ed8722;
    box-shadow:0 0 8px rgba(237,135,34,.25);
}

/* Mobile --------------------------------------------------- */
.muc-header-toggle,
.muc-header-mobile-panel {
    display:none;
}

@media (max-width:767px) {
    /* IMPORTANT: the shared desktop nav uses display:flex!important.
       Bootstrap hidden-xs is also !important, so source order can let the
       desktop nav win on mobile. Explicitly hide all desktop-only header
       regions inside the mobile breakpoint. */
    .muc-header-nav.hidden-xs,
    .muc-header-account.hidden-xs {
        display:none !important;
        visibility:hidden !important;
    }

    .muc-site-header.headerbg-top {
        min-height:101px !important;
        background:linear-gradient(120deg,#0c2234 0%,#173b52 100%) !important;
        box-shadow:0 3px 12px rgba(7,24,36,.20) !important;
    }

    .muc-site-header > .container {
        width:100% !important;
        max-width:none !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .muc-header-shell {
        min-height:99px;
        padding-right:58px;
    }

    .muc-header-brand {
        left:0;
        top:6px;
        width:205px;
        height:58px;
    }

    .muc-header-toggle.visible-xs {
        position:absolute;
        top:14px;
        right:0;
        width:44px;
        height:44px;
        margin:0;
        padding:0;
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:5px;
        border:1px solid rgba(255,255,255,.14);
        border-radius:9px;
        color:#fff;
        background:rgba(255,255,255,.055);
        box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
        outline:0;
        z-index:5;
        transition:background .16s ease,border-color .16s ease;
    }

    .muc-header-toggle:hover,
    .muc-header-toggle:focus,
    .muc-header-toggle.is-open {
        background:rgba(255,255,255,.10);
        border-color:rgba(237,135,34,.50);
    }

    .muc-header-toggle span {
        width:21px;
        height:2px;
        display:block;
        border-radius:2px;
        background:#f4f8fa;
        transition:transform .18s ease,opacity .18s ease;
    }

    .muc-header-toggle.is-open span:nth-child(1) {
        transform:translateY(7px) rotate(45deg);
    }

    .muc-header-toggle.is-open span:nth-child(2) {
        opacity:0;
    }

    .muc-header-toggle.is-open span:nth-child(3) {
        transform:translateY(-7px) rotate(-45deg);
    }

    .muc-header-mobile-panel.visible-xs {
        position:absolute;
        top:101px;
        left:-12px;
        right:-12px;
        display:none !important;
        padding:12px 12px 14px;
        background:linear-gradient(180deg,#173b52 0%,#0c2234 100%);
        border-top:1px solid rgba(255,255,255,.08);
        border-bottom:2px solid #ed8722;
        box-shadow:0 12px 24px rgba(4,18,29,.28);
        z-index:1000;
    }

    .muc-site-header.is-mobile-open .muc-header-mobile-panel.visible-xs {
        display:block !important;
    }

    .muc-header-mobile-nav {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }

    .muc-header-mobile-link {
        min-height:44px;
        padding:9px 11px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        border-radius:7px;
        color:#e6eff4 !important;
        background:rgba(255,255,255,.045);
        border:1px solid rgba(255,255,255,.08);
        text-decoration:none !important;
        font-size:12px;
        line-height:16px;
        font-weight:600;
    }

    .muc-header-mobile-link.is-current {
        color:#fff !important;
        background:rgba(237,135,34,.13);
        border-color:rgba(237,135,34,.42);
        box-shadow:inset 3px 0 0 #ed8722;
    }

    .muc-header-mobile-link:hover,
    .muc-header-mobile-link:focus {
        color:#fff !important;
        background:rgba(255,255,255,.08);
        outline:0;
    }

    .muc-header-mobile-arrow {
        color:#ed8722;
        font-size:20px;
        line-height:1;
    }

    /* Always-visible mobile account strip ---------------------- */
    .muc-header-mobile-utility.visible-xs {
        position:absolute;
        left:0;
        right:0;
        top:72px;
        min-height:27px;
        padding:4px 2px 5px;
        display:flex !important;
        align-items:center;
        justify-content:flex-end;
        gap:7px;
        overflow:hidden;
        border-top:1px solid rgba(255,255,255,.07);
        background:rgba(5,24,38,.18);
        color:#cbd9e1;
        z-index:4;
    }

    .muc-header-mobile-balance,
    .muc-header-mobile-account-links {
        min-width:0;
        color:#cbd9e1;
        font-size:10.5px;
        line-height:16px;
        white-space:nowrap;
    }

    .muc-header-mobile-balance {
        flex:0 1 auto;
    }

    .muc-header-mobile-account-links {
        flex:0 1 auto;
        margin-left:auto;
        overflow:hidden;
    }

    .muc-header-mobile-balance:empty,
    .muc-header-mobile-account-links:empty {
        display:none !important;
    }

    .muc-header-mobile-utility .menu-top-mb,
    .muc-header-mobile-utility .menu-top-mb ul,
    .muc-header-mobile-utility ul {
        width:auto !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
        float:none !important;
        display:flex !important;
        align-items:center;
        justify-content:flex-end;
        flex-wrap:nowrap;
        gap:0;
        overflow:hidden;
        list-style:none !important;
    }

    .muc-header-mobile-utility li {
        margin:0 !important;
        padding:0 !important;
        float:none !important;
        flex:0 0 auto;
        list-style:none !important;
        color:#cbd9e1 !important;
        font-size:10.5px !important;
        line-height:16px !important;
    }

    /* Preserve Bootstrap hidden-xs here. It intentionally reduces the legacy
       account HTML to the compact mobile summary (e.g. Welcome + Sign In). */
    .muc-header-mobile-utility li.hidden-xs,
    .muc-header-mobile-utility .hidden-xs {
        display:none !important;
    }

    .muc-header-mobile-utility a {
        padding:1px 4px !important;
        display:inline-block;
        color:#e4edf2 !important;
        background:transparent !important;
        border:0 !important;
        text-decoration:none !important;
        font-size:10.5px !important;
        line-height:16px !important;
        font-weight:500 !important;
        white-space:nowrap;
    }

    .muc-header-mobile-utility a:hover,
    .muc-header-mobile-utility a:focus {
        color:#ffffff !important;
    }

    .muc-header-mobile-utility img {
        display:none !important;
    }

    /* Home no longer needs the legacy mobile breadcrumb/account band because
       those account targets now live inside the shared mobile header drawer. */
    .muc-home-legacy-mobile-band {
        display:none !important;
    }
}

@media (max-width:420px) {
    .muc-header-brand {
        width:184px;
        height:56px;
        top:8px;
    }

    .muc-header-mobile-nav {
        grid-template-columns:1fr;
        gap:6px;
    }

    .muc-header-mobile-utility.visible-xs {
        padding-left:0;
        padding-right:0;
    }

    .muc-header-mobile-utility a,
    .muc-header-mobile-utility li,
    .muc-header-mobile-balance,
    .muc-header-mobile-account-links {
        font-size:10px !important;
    }
}



/* ==========================================================
   MASTER UNLOCK CODE - HEADER V1.2R
   Revert to the approved V1.2 visual language.
   Only desktop main-navigation width/alignment is refined.
   Mobile remains exactly V1.2.
   ========================================================== */

@media (min-width:1200px) {
    .muc-header-nav {
        left:330px !important;
        right:2px !important;
        width:auto !important;
        justify-content:space-between !important;
        gap:8px !important;
    }

    .muc-header-nav-link {
        flex:0 0 auto !important;
        padding-left:13px !important;
        padding-right:13px !important;
    }
}

/* Medium desktop / landscape tablet:
   keep enough room for the logo while maintaining a balanced menu. */
@media (min-width:992px) and (max-width:1199px) {
    .muc-header-brand {
        width:235px !important;
    }

    .muc-header-nav {
        left:270px !important;
        right:2px !important;
        width:auto !important;
        justify-content:space-between !important;
        gap:3px !important;
    }

    .muc-header-nav-link {
        padding-left:8px !important;
        padding-right:8px !important;
        font-size:10px !important;
    }
}

/* Bootstrap md-ish widths: retain the original style but avoid collisions. */
@media (min-width:768px) and (max-width:991px) {
    .muc-header-brand {
        width:205px !important;
    }

    .muc-header-nav {
        left:225px !important;
        right:0 !important;
        width:auto !important;
        justify-content:space-between !important;
        gap:0 !important;
    }

    .muc-header-nav-link {
        padding-left:5px !important;
        padding-right:5px !important;
        font-size:9px !important;
    }
}


/* ==========================================================
   MASTER UNLOCK CODE - HEADER V1.2R2
   Cohesive desktop navigation rail.
   Baseline remains the approved V1.2 / V1.2R design.
   Mobile is unchanged.
   ========================================================== */

/* Large desktop: keep the wide balance the user approved,
   but visually connect the six links into one navigation unit. */
@media (min-width:1200px) {
    .muc-header-nav {
        left:330px !important;
        right:2px !important;
        bottom:7px !important;
        width:auto !important;

        justify-content:space-between !important;
        gap:3px !important;

        padding:4px 6px 5px !important;
        border:1px solid rgba(223,235,242,.055) !important;
        border-radius:11px !important;
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.025) 0%,
                rgba(255,255,255,.012) 100%
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025),
            0 3px 12px rgba(2,16,27,.035) !important;
    }

    .muc-header-nav-link {
        flex:1 1 0 !important;
        min-width:0 !important;
        min-height:39px !important;
        padding:9px 9px 12px !important;

        border-radius:7px !important;
        background:transparent !important;

        color:#d5e1e7 !important;
        font-size:10.8px !important;
        line-height:15px !important;
        font-weight:600 !important;
        white-space:nowrap !important;

        transform:none !important;
        transition:
            background .16s ease,
            color .16s ease,
            box-shadow .16s ease !important;
    }

    .muc-header-nav-link:hover,
    .muc-header-nav-link:focus {
        color:#fff !important;
        background:rgba(255,255,255,.038) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
        transform:none !important;
    }

    .muc-header-nav-link:after {
        left:50% !important;
        right:auto !important;
        bottom:4px !important;
        width:0 !important;
        height:2px !important;
        transform:translateX(-50%) !important;
        border-radius:3px !important;
        background:#ed8722 !important;
        opacity:0 !important;
        box-shadow:none !important;
        transition:width .16s ease, opacity .16s ease !important;
    }

    .muc-header-nav-link:hover:after,
    .muc-header-nav-link:focus:after {
        width:16px !important;
        opacity:.45 !important;
        background:#ed8722 !important;
    }

    .muc-header-nav-link.is-current,
    .muc-header-nav-link.is-current:hover,
    .muc-header-nav-link.is-current:focus {
        color:#fff !important;
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.070) 0%,
                rgba(255,255,255,.045) 100%
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.035),
            0 2px 8px rgba(3,19,30,.045) !important;
    }

    .muc-header-nav-link.is-current:after {
        width:28px !important;
        opacity:1 !important;
        background:#ed8722 !important;
        box-shadow:0 0 7px rgba(237,135,34,.17) !important;
    }
}

/* Medium desktop: same cohesive rail, slightly tighter. */
@media (min-width:992px) and (max-width:1199px) {
    .muc-header-nav {
        left:270px !important;
        right:2px !important;
        bottom:7px !important;
        width:auto !important;

        justify-content:space-between !important;
        gap:2px !important;

        padding:4px 5px 5px !important;
        border:1px solid rgba(223,235,242,.05) !important;
        border-radius:10px !important;
        background:rgba(255,255,255,.018) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.02) !important;
    }

    .muc-header-nav-link {
        flex:1 1 0 !important;
        min-width:0 !important;
        padding-left:7px !important;
        padding-right:7px !important;
        font-size:9.8px !important;
        transform:none !important;
    }
}

/* Tablet landscape: preserve collision safety.
   Do not create a heavy rail at this width. */
@media (min-width:768px) and (max-width:991px) {
    .muc-header-nav {
        background:rgba(255,255,255,.012) !important;
        border-radius:8px !important;
        padding:2px 3px !important;
    }

    .muc-header-nav-link {
        transform:none !important;
    }
}


/* ==========================================================
   MASTER UNLOCK CODE - HEADER V1.2R3 FINAL POLISH
   Keep V1.2R2 layout exactly as approved.
   Only reduce visual weight and improve hierarchy.
   Mobile remains unchanged.
   ========================================================== */

@media (min-width:1200px) {
    /* Make the grouped rail feel integrated with the header,
       not like a large standalone control. */
    .muc-header-nav {
        bottom:8px !important;
        padding:2px 5px 3px !important;
        border-color:rgba(223,235,242,.030) !important;
        border-radius:9px !important;
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.013) 0%,
                rgba(255,255,255,.006) 100%
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.012),
            0 2px 8px rgba(2,16,27,.018) !important;
    }

    .muc-header-nav-link {
        min-height:36px !important;
        padding-top:8px !important;
        padding-bottom:10px !important;
        border-radius:6px !important;
    }

    .muc-header-nav-link:hover,
    .muc-header-nav-link:focus {
        background:rgba(255,255,255,.025) !important;
        box-shadow:none !important;
    }

    /* Underline remains the primary selected-state cue. */
    .muc-header-nav-link.is-current,
    .muc-header-nav-link.is-current:hover,
    .muc-header-nav-link.is-current:focus {
        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.045) 0%,
                rgba(255,255,255,.026) 100%
            ) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.020) !important;
    }

    .muc-header-nav-link.is-current:after {
        width:27px !important;
        box-shadow:none !important;
    }

    /* Utility row should remain useful but visually secondary. */
    .muc-header-account {
        top:6px !important;
        opacity:.82 !important;
    }

    .muc-header-account-list > li {
        color:#a7bac6 !important;
        font-size:8.5px !important;
    }

    .muc-header-account-list > li > a,
    .muc-header-account-list > li > span {
        padding-left:4px !important;
        padding-right:4px !important;
        color:#c7d5dd !important;
        font-size:8.5px !important;
    }

    .muc-header-account-list img {
        max-height:14px !important;
        opacity:.78 !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .muc-header-nav {
        bottom:8px !important;
        padding:2px 4px 3px !important;
        border-color:rgba(223,235,242,.028) !important;
        border-radius:9px !important;
        background:rgba(255,255,255,.009) !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.010) !important;
    }

    .muc-header-nav-link {
        min-height:35px !important;
    }

    .muc-header-nav-link.is-current,
    .muc-header-nav-link.is-current:hover,
    .muc-header-nav-link.is-current:focus {
        background:rgba(255,255,255,.035) !important;
        box-shadow:none !important;
    }

    .muc-header-account {
        opacity:.82 !important;
    }

    .muc-header-account-list > li,
    .muc-header-account-list > li > a,
    .muc-header-account-list > li > span {
        font-size:8.5px !important;
    }

    .muc-header-account-list img {
        max-height:14px !important;
        opacity:.78 !important;
    }
}


/* ==========================================================
   SHARED HEADER SITE-WIDE MIGRATION COMPATIBILITY
   Legacy pages may still contain the old marquee separator
   immediately after the header. The new shared header owns
   the complete site shell, so those strips are hidden.
   ========================================================== */
.muc-site-header ~ .headerbd-2,
.muc-site-header ~ .headerbd-3 {
    display:none !important;
}


/* ==========================================================
   MASTER UNLOCK CODE - SHARED HEADER / CONTENT GAP FIX V1
   Legacy pages originally relied on the old banner/marquee
   area below the header for vertical separation. During the
   shared-header migration that legacy area was hidden, so
   some pages started directly against the orange header line.

   This spacer is inserted ONLY into migrated legacy pages.
   Home / Account / Unlock Services / Product Detail keep
   their own approved page spacing and are not affected.
   ========================================================== */
.muc-shared-header-content-gap-v1 {
    display:block;
    width:100%;
    height:16px;
    clear:both;
    pointer-events:none;
}

@media (max-width:767px) {
    .muc-shared-header-content-gap-v1 {
        height:10px;
    }
}


/* ==========================================================
   MASTER UNLOCK CODE - LEGACY FRAME HEADER MODERNIZATION V1
   Applies only to pages migrated to the shared site shell.

   Goal:
   replace the old blue/patterned frame headers with the same
   clean Navy + Orange design language used on Home / Account.

   Exclusions:
   - Submit Order's interactive header (#divorderform)
   - already-modern custom unified headers
   ========================================================== */

.muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) {
    position:relative;
    min-height:46px;

    padding:12px 16px 11px !important;

    border:0 !important;
    border-top:3px solid #ef8514 !important;
    border-bottom:1px solid #dce5eb !important;

    border-radius:9px 9px 0 0 !important;

    background:
        linear-gradient(
            105deg,
            rgba(239,133,20,.055) 0%,
            rgba(239,133,20,.018) 30%,
            rgba(255,255,255,0) 62%
        ),
        #f7f9fa !important;

    background-image:
        linear-gradient(
            105deg,
            rgba(239,133,20,.055) 0%,
            rgba(239,133,20,.018) 30%,
            rgba(255,255,255,0) 62%
        ) !important;

    color:#173d5c !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:17px !important;
    line-height:20px !important;
    font-weight:700 !important;

    text-shadow:none !important;
    box-shadow:none !important;
}

/* Old pages sometimes force white text because the previous header
   was dark blue. Reset that inherited presentation here. */
.muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) a,
.muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) span,
.muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) strong,
.muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) b,
.muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) label,
.muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) td {
    color:inherit !important;
    text-shadow:none !important;
}

/* The order-entry header already has its own carefully tuned controls,
   so preserve that component exactly as-is. */
.muc-legacy-page-v1 #divorderform > .divHeaderR {
    border-radius:0 !important;
}

/* Give simple legacy cards a cleaner top edge without changing
   their content/body sizing or server-control layout. */
.muc-legacy-page-v1 .divTableR {
    border-radius:9px 9px 0 0;
}

/* Mobile: same design, slightly more compact. */
@media (max-width:767px) {
    .muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) {
        min-height:42px;
        padding:10px 12px 9px !important;
        border-radius:8px 8px 0 0 !important;
        font-size:15px !important;
        line-height:19px !important;
    }
}


/* ==========================================================
   MASTER UNLOCK CODE - LEGACY FRAME HEADER V1.1 TYPOGRAPHY
   Final compact pass: keep the approved style, reduce visual
   weight so legacy panel titles match the newer Master pages.
   ========================================================== */
@media (min-width:768px) {
    .muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) {
        min-height:42px !important;
        padding:10px 14px 9px !important;
        font-size:15px !important;
        line-height:19px !important;
        font-weight:700 !important;
        letter-spacing:.05px !important;
    }
}

@media (max-width:767px) {
    .muc-legacy-page-v1 .divTableR > .divHeaderR:not(.gmu-unified-header) {
        min-height:38px !important;
        padding:9px 11px 8px !important;
        font-size:14px !important;
        line-height:18px !important;
    }
}


/* ==========================================================
   MASTER UNLOCK CODE - PRE-LIVE SHARED UI FIX V1
   2026-10-07
   ========================================================== */

/* ----------------------------------------------------------
   Seven-item desktop navigation: Home / Services / Place Order /
   Track / Account / Funds / Support.
   Keep the approved V1.2R3 rail, only tighten item geometry.
   ---------------------------------------------------------- */
@media (min-width:1200px) {
    .muc-header-nav {
        left:315px !important;
        gap:2px !important;
    }

    .muc-header-nav-link {
        padding-left:8px !important;
        padding-right:8px !important;
        font-size:10.4px !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .muc-header-nav {
        left:255px !important;
        gap:1px !important;
    }

    .muc-header-nav-link {
        padding-left:5px !important;
        padding-right:5px !important;
        font-size:9.2px !important;
    }
}

/* ----------------------------------------------------------
   Legacy payment/history headers.
   Some old pages have inline #frmCart .divHeaderR * {color:white!important}
   rules. This selector is intentionally more specific and loaded later.
   ---------------------------------------------------------- */
body.muc-legacy-page-v1 #frmCart .divTableR > .divHeaderR,
body.muc-legacy-page-v1 #frmCart .divTableR > .divHeaderR *,
body.muc-legacy-page-v1 #frmCart .divTableR > .divHeaderR a,
body.muc-legacy-page-v1 #frmCart .divTableR > .divHeaderR span,
body.muc-legacy-page-v1 #frmCart .divTableR > .divHeaderR strong {
    color:#173d5c !important;
    text-shadow:none !important;
}

/* ----------------------------------------------------------
   Support page custom panel header.
   The page has its own st-panel-head component, not divHeaderR.
   ---------------------------------------------------------- */
body.muc-legacy-page-v1 .st-panel .st-panel-head {
    min-height:42px !important;
    padding:10px 14px 9px !important;

    border:0 !important;
    border-top:3px solid #ef8514 !important;
    border-bottom:1px solid #dce5eb !important;
    border-radius:9px 9px 0 0 !important;

    background:
        linear-gradient(105deg,rgba(239,133,20,.055),transparent 44%),
        #f8fafb !important;
    background-image:
        linear-gradient(105deg,rgba(239,133,20,.055),transparent 44%) !important;

    color:#173d5c !important;
    font-size:15px !important;
    line-height:19px !important;
    font-weight:700 !important;
    text-shadow:none !important;
    box-shadow:none !important;
}

/* ----------------------------------------------------------
   Profile / Account Security custom header.
   ---------------------------------------------------------- */
body.muc-legacy-page-v1 .pk-security-panel {
    overflow:hidden !important;
    border:1px solid #d6e1e8 !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:0 6px 18px rgba(23,61,92,.035) !important;
}

body.muc-legacy-page-v1 .pk-security-header {
    min-height:48px !important;
    padding:10px 14px !important;

    border:0 !important;
    border-top:3px solid #ef8514 !important;
    border-bottom:1px solid #dce5eb !important;

    background:
        linear-gradient(105deg,rgba(239,133,20,.055),transparent 44%),
        #f8fafb !important;
    background-image:
        linear-gradient(105deg,rgba(239,133,20,.055),transparent 44%) !important;

    color:#173d5c !important;
    box-shadow:none !important;
}

body.muc-legacy-page-v1 .pk-security-title,
body.muc-legacy-page-v1 .pk-security-title *,
body.muc-legacy-page-v1 .pk-security-count {
    color:#173d5c !important;
    text-shadow:none !important;
}

body.muc-legacy-page-v1 .pk-security-count {
    border-color:#c9d9e3 !important;
    background:#fff !important;
}

/* Payment invoice/history cards: keep title/body visually attached. */
body.muc-legacy-page-v1 #frmCart .divTableR {
    overflow:hidden;
    border-color:#d6e1e8 !important;
    border-radius:9px !important;
    background:#fff !important;
}

body.muc-legacy-page-v1 #frmCart .divTableR > .divContentR,
body.muc-legacy-page-v1 #frmCart .divTableR > .divContentG {
    background:#fff !important;
}

/* Mobile */
@media (max-width:767px) {
    body.muc-legacy-page-v1 .st-panel .st-panel-head {
        min-height:38px !important;
        padding:9px 11px 8px !important;
        font-size:14px !important;
    }

    body.muc-legacy-page-v1 .pk-security-header {
        min-height:43px !important;
        padding:9px 11px !important;
    }
}