/* PC : max 5 cartes/rangée (300px + gap) → 50 avis = 10 rangées pleines, plus d’orphelin */
#pageAvis{
    width: 100%;
    max-width: calc(5 * 300px + 4 * 24px + 48px);
    margin: 120px auto;
    padding: 0 24px;
    box-sizing: border-box;
}
#noteGlobale{
    width: 100%;
    margin: 0 auto 24px;
}
#noteGlobale > div{
    display: flex;
    gap: 12px;
}
#noteGlobale > div p{
    margin: 0;
    font-size: 40px;
    color: #375267;
}
#noteGlobale > div > div{
    display: flex;
    gap: 4px;
}
#noteGlobale > div > div img{
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
}
#noteGlobale > p{
    line-height: 30px;
    font-size: 16px;
    color: #375267;
}
#toutLesAvis{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 24px;
}
#finAvis{
    color: #375267;
    font-size: 16px;
    width: 78%;
}
/* Pagination (composant wall-pager) sous la grille d’avis */
#pageAvis .wall-pager{
    float: none;
    clear: both;
    margin-top: 40px;
    width: 100%;
}

/* Mobile / tablette étroite : centrer les cartes (1–2 par rangée) */
@media (max-width: 980px) {
    #toutLesAvis{
        justify-content: center;
    }
}