#page-loader {
  position: fixed;
  inset: 0;
  background: #fdfcf9;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Transition de sortie très fluide */
  transition:
    opacity 1s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 1s;
}

#page-loader.hide {
  opacity: 0;
  visibility: hidden;
}

.loader-logo {
  width: 70px; /* Taille discrète */
  filter: grayscale(100%); /* Optionnel : logo en NB pendant le chargement */
  opacity: 0.1;
  transform: scale(0.95);
  transition:
    opacity 1.5s ease,
    transform 1.5s ease;
}

/* Quand le JS commence à charger, on anime doucement */
.loader-logo.loading {
  opacity: 0.5;
  transform: scale(1);
}

/* Quand c'est fini, le logo s'illumine avant de disparaître */
.loader-logo.loaded {
  opacity: 1;
  filter: grayscale(0%);
  transform: scale(1.05);
}