/* SN GROUP — VIDÉOS DES PAGES (David, 15.10.2026 14:52, défaut « SNG-009 ») : fiche d'un bien (sous les photos) et
   rénovations. Lecteur « film » du noyau (panel/assets/promotions/film.css + film.js) : affiche = vignette, bouton de lecture
   rond de 78 px, lecture AU CLIC, sans son. Même design sur ordinateur et sur mobile (§5.27) : seule la largeur change.
   Fichier à part (sn-phase2.css et sn-bloc-contact.css ne changent pas : chantier designs-mobile). */
.sn2-videos { display: grid; gap: 1.5rem; margin: 2rem 0 0; }
.sn2-videos .film, .sn2-video-film { width: 100%; max-width: 1100px; margin: 0; }
.sn2-videos .film--portrait, .sn2-video-film.film--portrait { max-width: 420px; }
/* « Voir sur le site » (panel) ouvre la page sur la vidéo : jamais cachée sous l'en-tête collé du site */
.sn2-video-film, .sn2-video { scroll-margin-top: 120px; }
/* Rénovations : la vidéo sous les photos de la rénovation, comme sur la fiche d'un bien */
.sn2-renov .sn2-video-film, .sn2-rb .sn2-video-film { margin-top: 1.25rem; }
.sn2-video-film .film-duree { font-size: 14px; }
@media (max-width: 600px) {
  .sn2-videos { margin-top: 1.5rem; gap: 1rem; }
  .sn2-video-film .film-icone { width: 72px; height: 72px; margin: -36px 0 0 -36px; }
}

/* 16e envoi (David, 15.10.2026 15:59 ; delta 19h) : « Utiliser la vidéo comme média principal » — la vidéo occupe le HAUT de la colonne
   des médias, sur toute sa largeur (16:9 ; portrait : 4:5 centré), à la place de la grande photo ; la photo principale est son image
   d'attente ; la galerie (toutes les photos) et la description restent dessous. Lecture au clic, sans son. Même design ordinateur et
   mobile : seule la largeur change. */
.sng-fiche-medias { min-width: 0; }
.sng-fiche-medias > .sn2-video-principale { width: 100%; max-width: none; margin: 0 0 10px; scroll-margin-top: 120px; }
.sn2-video-principale .film-cadre { aspect-ratio: 16 / 9; }
.sn2-video-principale.film--portrait { max-width: none; }
.sn2-video-principale.film--portrait .film-cadre { aspect-ratio: 4 / 5; max-height: 80vh; margin: 0 auto; }
.sn2-video-principale .film-jouer img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sn2-video-principale video { width: 100%; height: 100%; object-fit: contain; background: #0e0e0e; display: block; }   /* en lecture : la vidéo entière */