/* Force remove all top spacing */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove any spacing before header */
body::before,
body > *:first-child::before {
    display: none !important;
}

@media (max-width: 768px) {
    /* Position header at very top */
    .header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        z-index: 9999 !important;
    }
    
    /* Remove all possible top spacing */
    #header,
    .header,
    header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Adjust hero to account for fixed header */
    .hero {
        margin-top: 50px !important; /* Only header height */
        padding-top: 0 !important;
    }
    
    /* Force body to start at top */
    body {
        position: relative !important;
        top: 0 !important;
    }
    
    /* Remove any container top margins */
    .container:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}