/**
 * VIDÉOS V2 (v12) — compléments Portail pour la bibliothèque : décor, cartes, « afficher plus », note.
 * Tout le reste (titre, barre de filtres, grille) vient de portail.css.
 *
 * @package SamRelaxe
 * @version 12.0.0
 */
.sp-scenery-videos { background: var(--sr-scenery-shade), url('../../images/biome-heroes/alteria-peaks-hero.webp') center top / cover no-repeat; }
.sp-catalog-title p { max-width: 40rem; margin: auto; }
.sp-filter-bar > .sp-btn { flex: none; }
.sp-video-card[hidden] { display: none; }
.sp-video-thumb > img { object-fit: cover; display: block; }
.sp-video-card__t { min-width: 0; }
.sp-video-card small { display: block; margin-top: .25rem; font-size: .8rem; color: var(--sr-gold); }
.sp-catalog-grid h3 { font-weight: 400; color: var(--sr-cream); line-height: 1.25; }
.sp-more { text-align: center; margin: var(--sp-6) 0 0; }
.sp-more[hidden], .sp-empty[hidden] { display: none; }
.sp-empty { margin-top: var(--sp-5); }
.sp-catalog-note__btns { display: flex; gap: .6rem; flex-wrap: wrap; flex: none; }
@media (max-width: 640px) {
  .sp-catalog-note__btns { flex-direction: column; margin-top: 1rem; }
  .sp-catalog-note__btns .sp-btn { width: 100%; }
}