/* =========================================================
PAGE
========================================================= */

.covers_page{
    max-width:1440px;
    margin:0 auto;
    padding:0;
}

/* =========================================================
HEADER
========================================================= */

.covers_header{
    max-width:1200px;
    margin:20px auto 100px;
    padding:0 40px;
    text-align:center;
}

.covers_title{
    margin:0;
    font-family:Georgia, serif;
    font-size:38px;
    font-weight:400;
    color:#111;
    letter-spacing:2px;
}

.covers_description{
    max-width:760px;
    margin:25px auto 0;
    font-size:18px;
    line-height:1.8;
    font-weight:300;
    color:#444;
}

/* =========================================================
FEATURED COVER (AUTO HEIGHT)
========================================================= */

.cover_hero{
    margin:0 0 120px;
}

/* bloc image SANS contrainte */
.cover_hero_image{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:transparent; /* pas de cadre */
}

.cover_hero_image img{
    width:100%;
    height:auto;        /* clé : adapte l’image */
    display:block;
}

/* texte overlay propre mais NON fixé à 100vh */
.cover_hero_content{
    max-width:900px;
    margin:40px auto 0;
    text-align:center;
}

.cover_hero_content h2{
    margin:0;
    font-family:Georgia, serif;
    font-size:24px;
    font-weight:400;
    color:#111;
}

.cover_hero_content p{
    margin:20px 0 0;
    font-size:17px;
    line-height:1.8;
    color:#555;
}

/* =========================================================
SECTION TITLE
========================================================= */

.covers_section_title{
    margin:120px 0 70px;
    text-align:center;
}

.covers_section_title h2{
    margin:0;
    font-size:24px;
    font-weight:700;
    color:#111;
}

/* =========================================================
GRID
========================================================= */

.covers_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:90px 60px;
    padding:0 40px;
}

/* CARD */
.cover_card a{
    display:block;
    text-decoration:none;
    color:inherit;
}

/* IMAGE ADAPTATIVE */
.cover_card_image{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 0 25px;
    background:transparent; /* pas de cadre */
    overflow:hidden;
}

.cover_card_image img{
    width:100%;
    height:auto; /* clé */
    display:block;
}

/* TEXT */
.cover_card h3{
    margin:0 0 18px;
    font-size:24px;
    font-weight:700;
    color:#111;
}

.cover_card p{
    margin:0;
    font-size:17px;
    line-height:1.8;
    color:#666;
}

/* =========================================================
DERNIÈRE COVER (FULL WIDTH MAIS AUTO HEIGHT)
========================================================= */

.cover_card_full{
    grid-column:1 / -1;
    margin:120px 0 0;
}

/* IMPORTANT : pas de hauteur forcée */
.cover_card_full .cover_card_image{
    margin:0;
    padding:0;
    background:transparent;
}

.cover_card_full .cover_card_image img{
    width:100%;
    height:auto; /* clé absolue */
    display:block;
}

.cover_card_full h3,
.cover_card_full p{
    display:none;
}

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

@media (max-width:992px){

    .covers_grid{
        grid-template-columns:1fr;
        gap:70px;
        padding:0 20px;
    }

    .covers_title{
        font-size:38px;
    }

    .covers_description{
        font-size:18px;
    }
}

@media (max-width:768px){

    .cover_hero_content h2{
        font-size:18px;
    }

    .cover_hero_content p{
        font-size:14px;
    }
}