/* LOT 10.21 — correction strictement ciblée sur event-3, téléphone uniquement.
   Causes identifiées :
   1) lot10-15-public-sync.css réaffichait l'en-tête générique .topbar ;
   2) lot10-mobile-home.css réservait déjà 98px sur body ;
   3) lot07-journee-portes-ouvertes.css réservait une seconde fois 104px sur main.
   Ce cumul créait le grand vide au-dessus de la bannière. */
@media screen and (max-width:700px){
  /* Event-3 utilise exclusivement son en-tête promotionnel mobile. */
  html body#top.fb-lot1015-public-page.jpo-active > .topbar{
    display:none!important;
  }

  /* Neutraliser la réservation globale de l'accueil uniquement pour event-3. */
  html body#top.fb-lot1015-public-page.jpo-active{
    padding-top:0!important;
  }

  /* Réserver une seule fois la hauteur réelle de la zone fixe :
     en-tête 64px + barre ANNONCES 34px. */
  html body#top.fb-lot1015-public-page.jpo-active .course-page-main{
    padding-top:98px!important;
  }

  html body#top.fb-lot1015-public-page.jpo-active .course-page-layout,
  html body#top.fb-lot1015-public-page.jpo-active .course-page-left{
    margin-top:0!important;
    padding-top:0!important;
  }

  html body#top.fb-lot1015-public-page.jpo-active .course-page-left > [data-jpo-promo],
  html body#top.fb-lot1015-public-page.jpo-active .course-page-left > [data-jpo-promo] > .jpo-hero,
  html body#top.fb-lot1015-public-page.jpo-active .course-page-left > [data-jpo-promo] .jpo-hero-image{
    margin-top:0!important;
  }
}