.hero-livres {
    background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)),
                url('img/vocabulaire.jpg') center/cover no-repeat;
    padding: clamp(50px,9vw,90px) 0; text-align:center;
}
.hero-livres h1 { font-size:clamp(1.8rem,5vw,3.5rem); font-weight:700; }
.hero-livres p  { font-size:clamp(1rem,2vw,1.2rem); color:#cbd5e1; }

/* Intro */
.intro-bloc {
    background:#1e293b; border-radius:16px; padding:24px 28px;
    border:1px solid rgba(255,255,255,.07);
    font-size:.97rem; color:#cbd5e1; line-height:1.9;
    margin-bottom:48px;
}
.intro-bloc em { color:#f87171; font-style:normal; font-weight:600; }

/* Carte livre */
.book-card {
    background:#1e293b; border-radius:20px;
    border:1px solid rgba(255,255,255,.07);
    overflow:hidden;
    display:grid;
    grid-template-columns:180px 1fr;
    gap:0;
    margin-bottom:28px;
    transition:box-shadow .2s;
}
.book-card:hover { box-shadow:0 12px 36px rgba(0,0,0,.5); }

.book-cover {
    background:#162032;
    display:flex; align-items:center; justify-content:center;
    padding:24px 16px;
    min-height:220px;
}
.book-cover img {
    max-width:140px; max-height:200px;
    object-fit:contain; border-radius:6px;
    box-shadow:0 6px 20px rgba(0,0,0,.5);
    transition:transform .25s;
}
.book-card:hover .book-cover img { transform:scale(1.04); }

.book-body { padding:24px 28px; display:flex; flex-direction:column; gap:10px; }

.book-badge {
    display:inline-block; font-size:.7rem; font-weight:700;
    padding:3px 10px; border-radius:20px; text-transform:uppercase; letter-spacing:.07em;
}
.badge-debutant    { background:#dc262622; color:#f87171; border:1px solid #dc262644; }
.badge-intermediaire { background:#0d948822; color:#5eead4; border:1px solid #0d948844; }
.badge-kanjis      { background:#7c3aed22; color:#a78bfa; border:1px solid #7c3aed44; }
.badge-culture     { background:#d9770622; color:#fbbf24; border:1px solid #d9770644; }

.book-title { font-size:1.2rem; font-weight:700; color:#f1f5f9; line-height:1.3; }
.book-desc  { font-size:.9rem; color:#94a3b8; line-height:1.75; }

.book-topics {
    display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;
}
.book-topic {
    font-size:.78rem; color:#cbd5e1; background:#0f172a;
    border-radius:6px; padding:2px 10px;
}

.book-footer {
    display:flex; align-items:center; gap:16px; margin-top:auto; padding-top:12px;
    border-top:1px solid rgba(255,255,255,.06);
    flex-wrap:wrap;
}
.book-price {
    font-size:1.2rem; font-weight:700; color:#fbbf24;
}
.book-buy {
    display:inline-flex; align-items:center; gap:6px;
    background:#dc2626; color:#fff; border-radius:10px;
    padding:8px 18px; font-size:.88rem; font-weight:700;
    text-decoration:none; transition:background .2s;
}
.book-buy:hover { background:#b91c1c; color:#fff; text-decoration:none; }

/* Section titre */
.section-titre {
    font-size:clamp(1.2rem,2.5vw,1.6rem); font-weight:700;
    border-left:5px solid #dc2626; padding-left:16px;
    margin-bottom:24px; color:#fff;
}

@media(max-width:640px){
    .book-card { grid-template-columns:1fr; }
    .book-cover { min-height:180px; }
}