/* ECF HOMEPAGE MOBILE WIDTH FIX (2026-10-19)
   Prevent the home hero/video from rendering in a narrow column and
   remove accidental horizontal page overflow on small screens. */
html, body {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow-x: clip;
}

.site-header {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.hero {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.hero-media,
.hero-video,
.hero-fallback,
.hero-overlay {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

.hero-video {
    object-fit: cover !important;
}

@media (max-width: 980px) {
    .site-header .header-inner {
        width: calc(100% - 30px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .hero-content, .hero-bottom {
        width: calc(100% - 30px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}