.popup, .popup-titre, .popup-categorie {
    display: none; /* Cachée */
    position: fixed;
    z-index: 1000;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
}

/* Contenu de la popup */
.popup-content {
    background: white;
    margin: 7% auto; /* ↓ Marge au dessus du popup + popup centré*/
    padding: 0 30px 30px 30px;
    border-radius: 12px;
    width: 60%;
    max-width: 700px;
    font-size: 1.25rem;   /* ← texte plus gros */
    line-height: 1.7;     /* ← aéré */

    /* Ajout pour scroll */
    max-height: 80vh;         /* Hauteur max = 80% de la hauteur de la fenêtre */
    overflow-y: auto;         /* Scroll vertical si le contenu déborde */
    box-sizing: border-box;   /* Assure que padding n’ajoute pas de débordement */
}

.popup-content p {
    margin:0.8rem;
    max-width: 900px;             /* empêche d’être trop large sur écran large */
}

/* Bouton fermer */
.close {
    float: right;
    font-size: 32px;
    cursor: pointer;
}

.popup-categorie .popup-content {
    background: white;
    margin: 5% auto;              /* centrée verticalement et horizontalement */
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}