.fleur-vertus {
    position: relative;
    width: 340px;
    height: 340px;
    margin: 2rem auto;
}

/* Règle commune centre + pétales */
.fleur-vertus .centre,
.fleur-vertus .petale {
    position: absolute;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #8b5cf6;
    opacity: 0.9;

    /* transform de base stocké dans une variable */
    --base-transform: translate(-50%, 0);
    transform: var(--base-transform);

    animation: breathe 7s ease-in-out infinite;
}

/* Centre de la fleur */
.fleur-vertus .centre {
    top: 50%;
    left: 50%;
    --base-transform: translate(-50%, -50%);
    font-size: 1.8rem;
}

/* 6 pétales autour (hexagone) */
.p1 { top: 10%; left: 50%; font-size: 1.3rem; }
.p2 { top: 28%; left: 82%; font-size: 1.3rem; }
.p3 { top: 70%; left: 82%; font-size: 1.3rem; }
.p4 { top: 88%; left: 50%; font-size: 1.3rem; }
.p5 { top: 70%; left: 18%; font-size: 1.3rem; }
.p6 { top: 28%; left: 18%; font-size: 1.3rem; }

/* Respiration bien visible */
@keyframes breathe {
    0%, 100% {
        transform: var(--base-transform) scale(1);
        opacity: 0.85;
    }
    50% {
        transform: var(--base-transform) scale(1.12);
        opacity: 1;
    }
}

/* Version mobile */
@media (max-width: 600px) {
    .fleur-vertus {
        width: 260px;
        height: 260px;
    }
    .fleur-vertus .centre {
        font-size: 1.5rem;
    }
    .fleur-vertus .petale {
        font-size: 1.1rem;
    }
}