/* The mode control stays available throughout the adventure. */
.annonce-js p { margin: 0 0 10px; }
[data-aventure][hidden] { display: none !important; }
.mode-interactif .barre { position: fixed; inset: 0 0 auto; z-index: 100; }
.mode-interactif body { padding-top: 47px; }
.mode-interactif [data-modes] button { min-height: 44px; }
.mode-interactif .ciel { display: none; }
/* The scene takes the place of the shop photo: its contrast veil stretches over the taller header and would leave the text on the light part. */
.mode-interactif .bandeau.photo { background: #0D0C28; }
.mode-interactif .src-ba { display: none; }
.mode-interactif main *, .mode-interactif .hero-corps * { animation: none !important; }
@media(max-width:600px) { .mode-interactif body { padding-top: 48px; } }
@media (max-width: 379px) {
  .barre .enveloppe { flex-wrap: wrap; row-gap: 0; padding-top: 3px; padding-bottom: 5px; }
  .barre .statut { flex: 1 1 100%; min-height: 24px; }
}

.mode-interactif .hero-corps { scroll-margin-top: 64px; }

.mode-interactif { scroll-padding-top: 64px; }
.mode-interactif [data-aventure] { scroll-margin-top: 64px; }