.sticky-row {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  left: 0;
  right: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#sticky-row.sticky-row.siteorigin-panels-stretch.panel-row-style-full-width.panel-row-style.panel-row-style-for-12-0 {
  position: fixed;
}

.video-responsive-container {
  /* 1. Crée un contexte pour l'iframe positionné en absolu */
  position: relative;
  /* 2. Empêche le conteneur d'avoir une hauteur naturelle (elle sera gérée par le padding) */
  height: 0;
  /* 3. L'astuce magique : crée l'espace vertical pour le ratio 16:9 */
  /* Calcul : (hauteur / largeur) * 100 = (315 / 560) * 100 ≈ 56.25% */
  padding-bottom: 56.25%;
  /* 4. Garantit que le conteneur prend toute la largeur disponible */
  overflow: hidden;
  max-width: 100%;
}

.video-responsive-container iframe {
  /* 5. Force l'iframe à s'étirer sur toute la taille de l'espace créé par le padding */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}