/* CRITICAL Z-INDEX AND STATIC POSITIONING FIX */

/* Hero section must always be on top */
.hero {
    z-index: 1000 !important;
    position: relative !important;
    isolation: isolate !important;
}

/* All content after hero should be static and below */
.services,
.about,
.quote,
.contact,
.faq,
main section:not(.hero) {
    z-index: 1 !important;
    position: static !important;
    transform: none !important;
    margin-top: 0 !important;
}

/* Make all section headers and titles STATIC - no movement */
.section-header,
.section-title {
    z-index: 2 !important;
    position: static !important;
    background: transparent !important;
    opacity: 1 !important;
    transform: translateY(0px) !important;
    transition: none !important;
}

/* Force static positioning for services section */
.services {
    margin-top: 0 !important;
    transform: none !important;
    position: static !important;
    display: block !important;
}

.services .container {
    z-index: 2 !important;
    position: static !important;
    transform: none !important;
}

/* Remove any transforms or animations that cause movement */
.services .section-header,
.services .section-title,
.about .section-header,
.about .section-title,
.quote .section-header,
.quote .section-title,
.contact .section-header,
.contact .section-title,
.faq .section-header,
.faq .section-title {
    position: static !important;
    transform: translateY(0px) !important;
    opacity: 1 !important;
    transition: none !important;
    margin-top: 0 !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

/* Header navigation should be above hero but below critical elements */
.header {
    z-index: 1050 !important;
    position: fixed !important;
}

/* Loading overlay should be on top of everything */
.loading-overlay {
    z-index: 9999 !important;
}

/* Back to top button */
.back-to-top {
    z-index: 1040 !important;
}

/* Mega menu */
.nav__mega-menu {
    z-index: 1060 !important;
}

/* Ensure proper stacking order */
body {
    position: relative;
    z-index: 0;
}

main {
    position: relative;
    z-index: 1;
}

/* Remove all scroll-based animations and transformations */
* {
    will-change: auto !important;
}

/* Force all sections to be visible and static */
.section-header.visible,
.section-title.visible,
.section-header,
.section-title {
    opacity: 1 !important;
    transform: translateY(0px) !important;
    position: static !important;
}