.burger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    font-family: 'ZabalDEMOBlack', system-ui, sans-serif;
    font-size: 1rem;
    color: #fff;
    background: none;
    border: none;
    padding: 8px 12px;
}
.burger span {
    width: 24px;
    height: 3px;
    background: #fff;
    transition: transform .3s ease, opacity .3s ease;
}

/* Animation burger -> croix */
.burger.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.burger.active span:nth-child(2) { opacity: 0; }
.burger.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* Au cas où header.css n’est pas chargé : montrer le bouton en mobile */
@media (max-width: 700px) {
    .burger { display: flex; }
}