/* Proposition graphique uniquement : deux films par ligne sur les écrans larges.
   Les règles téléphone existantes restent inchangées. */

@media (min-width: 980px) {
  .proposal-two-films .film-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .proposal-two-films .film-card,
  .proposal-two-films .film-card.is-active {
    min-height: 0;
  }

  .proposal-two-films .film-card button,
  .proposal-two-films .film-card.is-active button {
    display: grid;
    grid-template-columns: 1fr;
  }

  .proposal-two-films .film-card-poster-wrap,
  .proposal-two-films .film-card-poster,
  .proposal-two-films .film-card.is-active .film-card-poster {
    min-height: 0;
    height: clamp(168px, 15vw, 224px);
  }

  .proposal-two-films .film-card-poster {
    object-position: center;
  }

  .proposal-two-films .film-card-content,
  .proposal-two-films .film-card.is-active .film-card-content {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 42%);
    min-height: 154px;
    padding: 16px 14px 16px 18px;
  }

  .proposal-two-films .film-card-illustration {
    height: clamp(118px, 10vw, 154px);
    opacity: 0.78;
  }

  .proposal-two-films .film-card-content strong {
    font-size: 1.18rem;
  }

  .proposal-two-films .film-card-description {
    font-size: 0.8rem;
  }

  .proposal-two-films .film-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: 100%;
  }

  .proposal-two-films .film-card:last-child:nth-child(odd) button {
    grid-template-columns: minmax(220px, 29%) minmax(0, 1fr);
  }

  .proposal-two-films .film-card:last-child:nth-child(odd) .film-card-poster-wrap,
  .proposal-two-films .film-card:last-child:nth-child(odd) .film-card-poster {
    height: 184px;
  }

  .proposal-two-films .film-card:last-child:nth-child(odd) .film-card-content,
  .proposal-two-films .film-card:last-child:nth-child(odd).is-active .film-card-content {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 42%);
    min-height: clamp(318px, 28vw, 390px);
    padding-block: 16px;
  }

  .proposal-two-films .film-card:last-child:nth-child(odd) .film-card-illustration {
    height: clamp(210px, 19vw, 250px);
  }

  .proposal-two-films .film-card:last-child:nth-child(odd) .film-card-poster-wrap,
  .proposal-two-films .film-card:last-child:nth-child(odd) .film-card-poster {
    height: clamp(318px, 28vw, 390px);
  }

  .proposal-two-films .film-card:last-child:nth-child(odd) .film-card-copy {
    max-width: 42rem;
  }

  .proposal-two-films .film-card:last-child:nth-child(odd) .film-card-content strong {
    font-size: clamp(1.2rem, 1.7vw, 1.55rem);
  }

  /* Sur Transporteur, on décale seulement le dessin : le texte reste parfaitement lisible. */
  .proposal-two-films .film-card button[data-film="film-04-transports-sf"] .film-card-illustration {
    transform: scale(1.02);
  }
}

@media (max-width: 979px) {
  /* La page revient à la composition validée : une fiche par ligne. */
  .proposal-two-films .film-grid {
    grid-template-columns: 1fr;
  }
}