/* Mobile Header Fix - Prevent content overlap */
main {
    padding-top: 80px;
    min-height: calc(100vh - 80px);
}

@media (max-width: 1024px) {
    main {
        padding-top: 120px;
    }
}

@media (max-width: 768px) {
    main {
        padding-top: 140px;
    }

    .hero {
        padding-top: 2rem !important;
    }

    .page-hero {
        padding-top: 2rem !important;
    }
}

@media (max-width: 480px) {
    main {
        padding-top: 160px;
    }
}