/* AGRI: page single video (movie/...) - le header flotte en position absolue
   par design (transparent sur hero home/rubrique) mais ici il n'y a pas de
   hero derriere, donc il chevauche directement le contenu. Reserve un espace
   en haut, uniquement sur cette page. */
body.single-movies #primary {
    padding-top: 50px;
}

/* AGRI: sidebar playlist (vidéos similaires / meme rubrique) - vraie cause
   du collage : .episodes-content est en display:flex column avec une hauteur
   fixe (455px) et overflow-y:auto, donc les items flex se compressaient
   (flex-shrink:1 par defaut) au lieu de deborder avec scroll. flex-shrink:0
   force chaque item a garder sa taille naturelle (image+titre ~59px), le
   scroll gere le surplus comme prevu. Le margin seul (essai precedent) ne
   pouvait pas resoudre un item deja compresse a 15px de haut. */
.jws-pisodes_advanced-item {
    flex-shrink: 0;
    margin-bottom: 12px;
}

.jws-pisodes_advanced-item:last-child {
    margin-bottom: 0;
}