/* ═══════════════════════════════════════════════════════════════
   Roquemaure Automobiles — grille de la gamme neuve : dernière rangée
   ═══════════════════════════════════════════════════════════════
   Quand la dernière rangée n'était pas complète, la dernière carte
   s'étirait sur les colonnes restantes : une photo à l'échelle d'un
   tiers de page à côté d'une autre qui en occupait les deux tiers, et un
   grand vide sous la plus petite.

   - Reste 0 : rien ne change, trois cartes égales par rangée.
   - Reste 2 : les deux cartes se partagent la rangée à parts ÉGALES.
   - Reste 1 : la carte occupe la rangée, mais en bandeau (visuel à gauche,
     texte à droite) au lieu d'une photo démesurée.
   Chargé après style.css ; ne s'applique qu'à .modeles-grid.
   ═══════════════════════════════════════════════════════════════ */
/* Ordinateur : six colonnes, chaque carte en occupe deux. */
@media (min-width:1200px){
  .modeles-grid{grid-template-columns:repeat(6,1fr);}
  .modeles-grid > .modele{grid-column:span 2;}
  .modeles-grid > .modele:nth-last-child(2):nth-child(3n+1),
  .modeles-grid > .modele:last-child:nth-child(3n+2){grid-column:span 3;}
  .modeles-grid > .modele:last-child:nth-child(3n+1){
    grid-column:span 6; display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
  }
  .modeles-grid > .modele:last-child:nth-child(3n+1) .modele-visuel{aspect-ratio:auto; height:100%; min-height:240px;}
}
/* Tablette : deux colonnes ; une dernière carte seule occupe la rangée en bandeau. */
@media (min-width:768px) and (max-width:1199px){
  .modeles-grid > .modele:last-child:nth-child(odd){
    grid-column:span 2; display:grid; grid-template-columns:1fr 1fr; align-items:stretch;
  }
  .modeles-grid > .modele:last-child:nth-child(odd) .modele-visuel{aspect-ratio:auto; height:100%; min-height:240px;}
}
/* Téléphone : une colonne, cartes verticales. */
@media (max-width:767px){
  .modeles-grid > .modele{grid-column:auto;}
}