/* ============================================
   STYLES POUR LE HIDE/SHOW DU HEADER AU SCROLL
   ============================================ */

/* Ajoutez ces styles à votre CSS existant */

.header {
  transition: transform 0.3s ease-in-out;
}

.hide-header {
  transform: translateY(-100%);
}

/* Si vous voulez ajuster la vitesse, modifiez la durée : */
/* transition: transform 0.5s ease-in-out; pour plus lent */
/* transition: transform 0.2s ease-in-out; pour plus rapide */