.fiches-films-page {
  overflow-x: clip;
}

#fiches-films-widget .tt-filmCatalogPage .tt-container {
  max-width: var(--page-hero-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#fiches-films-widget .tt-filmCatalogPage .tt-heroWrap {
  max-width: var(--page-hero-max) !important;
  width: 100% !important;
}

#fiches-films-widget .tt-filmCatalogPage .tt-heroTitle {
  font-size: var(--page-hero-size) !important;
  line-height: var(--page-hero-line) !important;
  letter-spacing: var(--page-hero-letter) !important;
  max-width: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* On garde une grille 3 colonnes comme sur Wix, dans le même axe 1120 px. */
#fiches-films-widget .tt-filmCatalogPage .tt-filmGrid {
  gap: 20px !important;
}

/* Évite que le hero soit artificiellement trop étroit par rapport aux autres pages. */
#fiches-films-widget .tt-filmCatalogPage .tt-left {
  min-width: 0 !important;
}

/* Les liens d'affiche remplissent tout le cadre 2/3 :
   les images horizontales (comme Billy Elliot) sont alors recadrées
   avec le même object-fit: cover que les autres affiches. */
#fiches-films-widget .tt-filmCatalogPage .tt-filmPoster a {
  height: 100% !important;
}

@media (max-width: 900px) {
  #fiches-films-widget .tt-filmCatalogPage .tt-heroWrap {
    grid-template-columns: 1fr !important;
  }

  #fiches-films-widget .tt-filmCatalogPage .tt-heroTitle {
    max-width: none !important;
  }
}