/* Fertighaus EU Hero Photo Clean Fix */
/* Makes homepage hero use the photo/video background and removes the old right-side SVG illustration card. */
.hero .hero-visual,
.home-hero .hero-visual,
section.hero .hero-visual,
.hero-visual:has(img[src*="fertighaus-eu-visual"]),
.hero-visual:has(svg),
.hero-card-visual,
.hero-illustration,
.hero-image-card,
.home-hero-illustration {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.hero,
.home-hero,
section.hero {
    position: relative !important;
    min-height: min(760px, calc(100vh - 86px)) !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}

.hero .hero-copy,
.home-hero .hero-copy,
section.hero .hero-copy {
    max-width: 820px !important;
    width: min(820px, 100%) !important;
    position: relative !important;
    z-index: 4 !important;
    padding-right: 0 !important;
}

.hero h1,
.home-hero h1,
section.hero h1 {
    max-width: 900px !important;
    text-shadow: 0 6px 32px rgba(0,0,0,.45) !important;
}

.hero p,
.home-hero p,
section.hero p {
    max-width: 720px !important;
    text-shadow: 0 4px 22px rgba(0,0,0,.45) !important;
}

/* If a hero media overlay exists, make it premium but not too dark. */
.hero::before,
.home-hero::before,
section.hero::before {
    background: linear-gradient(90deg, rgba(8,13,22,.78) 0%, rgba(8,13,22,.48) 48%, rgba(8,13,22,.22) 100%) !important;
}

.hero-media,
.home-hero-media,
.hero-bg,
.hero-video,
.hero-background,
.hero-background img,
.hero-background video,
.hero-media img,
.hero-media video {
    filter: brightness(1.12) contrast(1.04) saturate(1.08) !important;
}

@media (max-width: 900px) {
    .hero,
    .home-hero,
    section.hero {
        min-height: 720px !important;
        padding: 120px 24px 80px !important;
        align-items: center !important;
    }
    .hero .hero-copy,
    .home-hero .hero-copy,
    section.hero .hero-copy {
        max-width: 100% !important;
    }
    .hero h1,
    .home-hero h1,
    section.hero h1 {
        font-size: clamp(42px, 12vw, 68px) !important;
        line-height: .98 !important;
    }
    .hero::before,
    .home-hero::before,
    section.hero::before {
        background: linear-gradient(180deg, rgba(8,13,22,.62) 0%, rgba(8,13,22,.76) 72%, rgba(8,13,22,.86) 100%) !important;
    }
}