/* Mobile Header Layout Fix */
@media (max-width: 1024px) {
    .header-main {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    /* Logo - Left */
    .site-branding {
        order: 1 !important;
        flex-shrink: 0 !important;
    }

    /* HIDE Customer Panel from Mobile Header */
    .header-right-actions {
        display: none !important;
    }

    /* Hamburger Menu - Far Right */
    .menu-toggle {
        order: 3 !important;
        flex-shrink: 0 !important;
        margin-left: auto !important;
    }

    /* Hide Navigation from Header Flow */
    .main-navigation {
        order: 4 !important;
    }
}