/* =========================================================================
   MONACO-GP — Section billetterie (sous le header)
   Carte blanche : média à gauche + titre/date + bouton achat + packs.
   Dimensions de la référence (racine 14px).
   ========================================================================= */
.mgp-bil{
  background:var(--mgp-page,#F8F8F8);
  padding:48px 0 60px;
}
.mgp-bil *{box-sizing:border-box;}
.mgp-bil__inner{max-width:1200px;margin:0 auto;padding:0 40px;}

.mgp-bil__card{
  background:#fff;border-radius:20px;padding:20px;
  display:flex;gap:34px;align-items:stretch;
  box-shadow:0 18px 40px rgba(15,23,40,.08);
}
.mgp-bil__media{
  flex:0 0 44%;max-width:44%;
  border-radius:10px;overflow:hidden;background:#111a2c;
}
.mgp-bil__media img{display:block;width:100%;height:100%;object-fit:cover;}

.mgp-bil__content{
  flex:1 1 auto;min-width:0;
  display:flex;flex-direction:column;justify-content:center;
  padding:6px 20px 6px 6px;font-family:"Heebo",sans-serif;
}
.mgp-bil__title{
  font-size:clamp(26px,3vw,35px);font-weight:900;color:var(--mgp-navy,#203250);
  text-transform:uppercase;letter-spacing:.14px;line-height:1.12;margin:0 0 12px;
}
.mgp-bil__date{
  font-size:var(--mgp-fs-md,16.1px);font-weight:500;color:#747d86;letter-spacing:.14px;
  margin:0 0 22px;
}

/* Boutons rouges (achat + packs) */
.mgp-bil__buy,.mgp-bil__pack{
  display:flex;align-items:center;
  background:var(--mgp-red,#C42D2D);border-radius:5px;color:#fff;text-decoration:none;
  font-family:"Heebo",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.14px;
  transition:background .2s ease;
}
.mgp-bil__buy:hover,.mgp-bil__pack:hover{background:#a92626;}
.mgp-bil__buy{height:58px;padding:0 20px;font-size:var(--mgp-fs-sm,15.4px);margin-bottom:14px;}
.mgp-bil__packs{display:flex;gap:16px;}
.mgp-bil__pack{flex:1 1 0;height:64px;padding:0 16px;font-size:var(--mgp-fs-sm,15.4px);}

/* éléments internes des boutons */
.mgp-bil__buy .ico,.mgp-bil__pack .num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;}
.mgp-bil__buy .ico svg{width:24px;height:24px;fill:#fff;}
.mgp-bil__pack .num{
  width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.85);
  font-size:13px;font-weight:800;
}
.mgp-bil__sep{flex:0 0 auto;width:0;height:24px;border-left:3px dotted rgba(255,255,255,.9);margin:0 16px;}
.mgp-bil__txt{flex:1 1 auto;}
.mgp-bil__chev{flex:0 0 auto;width:12px;height:12px;fill:#fff;margin-left:10px;}

/* ---------- Mobile ---------- */
@media (max-width:900px){
  .mgp-bil{padding:28px 0 36px;}
  .mgp-bil__inner{padding:0 16px;}
  .mgp-bil__card{flex-direction:column;gap:18px;padding:16px;border-radius:16px;}
  .mgp-bil__media{flex:0 0 auto;max-width:100%;aspect-ratio:1.78;}
  .mgp-bil__content{padding:2px;}
  .mgp-bil__title{font-size:22px;margin:0 0 10px;}
  .mgp-bil__date{margin:0 0 18px;}
  .mgp-bil__buy{height:64px;}
  .mgp-bil__packs{flex-direction:column;gap:12px;}
  .mgp-bil__pack{flex:0 0 auto;width:100%;height:64px;}   /* annule flex:1 (colonne) sinon la hauteur s'effondre */
}