.hero-fenetres{
    position:relative;
    min-height:750px;

    display:flex;
    align-items:center;

    background-image:url('https://ag-fermeture.fr/wp-content/uploads/2026/06/bg-fenetre.png');
    background-size:cover;
    background-position:center;

    overflow:hidden;
}

.hero-fenetres .overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.55) 30%,
        rgba(0,0,0,.10) 65%,
        rgba(0,0,0,0) 100%
    );
}

.hero-content{
    position:relative;
    z-index:2;

    max-width:520px;

    padding-left:80px;
    color:#fff;
}

.subtitle{
    display:block;

    color:#e30613;

    font-size:14px;
    font-weight:700;

    text-transform:uppercase;

    margin-bottom:25px;

    letter-spacing:1px;
}

.hero-content h1{
    font-size:40px;
    line-height:1.05;

    font-weight:800;

    margin-bottom:30px;
}

.hero-content p{
    font-size:22px;
    line-height:1.7;

    color:rgba(255,255,255,.9);

    margin-bottom:35px;
}

.btn-devis{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    height:58px;

    padding:0 35px;

    background:#e30613;

    color:#fff;

    text-decoration:none;

    border-radius:4px;

    font-weight:700;

    transition:.3s;
}

.btn-devis:hover{
    background:#c4000d;
}

/* =========================
   RESPONSIVE
   ========================= */

@media(max-width:768px){

    .hero-fenetres{
        min-height:600px;
        background-position:center;
    }

    .hero-content{
        padding:30px;
        max-width:100%;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size:17px;
        line-height:1.6;
    }

}