.section10-container {
    padding: 4rem 1rem;
    background-color: #ffffff;
}

.genre-card {
    background: #fdfdfd;
    border-radius: 1.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    padding: 2rem;
    border: 1px solid #eee;
}

.genre-badge {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    transition: all 0.3s;
}

.badge-femme { background: #fff1f2; border-left: 5px solid #ec4899; }
.badge-homme { background: #eff6ff; border-left: 5px solid #3b82f6; }

.genre-label { font-weight: 800; text-transform: uppercase; font-size: 0.9rem; }
.genre-value { font-size: 1.5rem; font-weight: 900; }