@media screen and (max-width:767px){.section--video-wrapper .grid__item{margin-top:0}}.homepage-hero-content--video{margin:0 auto;float:none}@media screen and (min-width:768px){.homepage-hero-content--video{padding-left:0}.homepage-hero-content--video.large--one-half,.homepage-hero-content--video.large--three-quarters{clip-path:inset(0 round var(--block-border-radius))}.homepage-hero-content--video.large--one-half .icon--placeholder,.homepage-hero-content--video.large--three-quarters .icon--placeholder{border-radius:var(--block-border-radius)}}.homepage-hero-content--video .homepage-hero-content-overlay-wrapper{position:relative}.homepage-hero-content--video .homepage-hero-content-overlay-wrapper:before{z-index:3}.homepage-hero-content--video .deferred-media-poster-image{cursor:pointer}.homepage-hero-content--video .round-icon-btn-lg{transition:transform .25s ease}.homepage-hero-content--video:hover .round-icon-btn-lg{transform:translate3d(-50%,-50%,0) scale(1.1)}.homepage-hero-content--video .plyr--video{background-color:var(--body-color-transparent90);color:var(--text-color);outline:0}.homepage-hero-content--video .plyr--video input[type=range]::-webkit-slider-thumb{box-shadow:2px 0 0 0 var(--body-color-transparent90)}.homepage-hero-content--video .plyr--video input[type=range]::-webkit-slider-runnable-track{background-image:linear-gradient(to right,currentColor var(--value,0),var(--text-color-transparent6) var(--value,0))}.homepage-hero-content--video .plyr--video .plyr__control--overlaid{border-radius:0;padding:0}.homepage-hero-content--video .plyr--video .plyr__control--overlaid svg{left:0;border:1px solid var(--text-color-transparent05);padding:5px 0;width:62px;height:62px}.homepage-hero-content--video .plyr--video .plyr__control--overlaid:hover{color:var(--text-color-transparent7)}.homepage-hero-content--video .plyr--video .plyr__poster,.homepage-hero-content--video .plyr--video .plyr__video-wrapper{background-color:transparent}.homepage-hero-content--video .homepage-video-content__placeholder{position:relative}.homepage-hero-content--video .homepage-video-content__placeholder-overlay{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.homepage-hero-content--video .icon--placeholder{aspect-ratio:16/9}
/* ========================================
   LAYOUT MOBILE VS DESKTOP POUR VIDÉO
   ======================================== */

/* Par défaut (mobile), masquer la version desktop */
.video-layout-desktop {
  display: none;
}

.video-layout-mobile {
  display: block;
}

/* Sur desktop (>768px), afficher desktop et masquer mobile */
@media screen and (min-width: 769px) {
  .video-layout-desktop {
    display: block;
  }
  
  .video-layout-mobile {
    display: none;
  }
}

/* Assurer que la vidéo mobile prend toute la largeur */
@media screen and (max-width: 768px) {
  .video-layout-mobile .homepage-hero-content--video {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Empêcher tout positionnement absolu qui pourrait superposer le texte */
  .section--video-wrapper .section-header {
    position: relative !important;
    z-index: 2;
  }
}

/* Style du bouton sous le texte vidéo */
.section--video-wrapper .btn {
  display: inline-block;
  padding: 12px 30px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.section--video-wrapper .btn--secondary {
  background: transparent;
  border: 2px solid currentColor;
}

/* Responsive du bouton */
@media screen and (max-width: 768px) {
  .section--video-wrapper .btn {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}