/* Forensic Fix: Restore Mobile Header Sequence & Visibility (Guardian 11.4) */

/* 1. Permanent Removal of 'Aqua' Background */
#sp-header > .container {
    background: transparent;
}

/* 2. Mobile Header Sequence: Logo First, Categories Second */
@media (max-width: 991px) {
    /* Set the header container to Flex Column mode */
    #sp-header .container > .row {
        display: flex !important;
        flex-direction: column !important;
    }

    /* Column 2 (Logo/Menu) -> Move to Order 1 (Top) */
    #sp-header .container > .row > div:nth-child(2) {
        order: 1 !important;
    }

    /* Column 1 (Categories/menu-left) -> Move to Order 2 (Below Logo) */
    #sp-header .container > .row > div:nth-child(1) {
        order: 2 !important;
    }
}