/* =========================
   MAPS — grille (ville)
   ========================= */
.maps-ville{
  display:grid;
  grid-template-columns:1fr; /* mobile */
  gap:18px;
  margin:28px auto;          /* centre le bloc dans la page */
  max-width:1200px;          /* largeur propre sur PC */
  justify-items:center;      /* centre les blocs */
}

/* =========================
   MAPS — bloc
   ========================= */
.map-bloc{
  width:100%;
  max-width:560px;           /* évite cartes trop larges */
  border-radius:12px;
  overflow:hidden;
}

/* =========================
   MAPS — iframe
   ========================= */
.map-bloc iframe{
  display:block;
  width:100%;
  height:320px;              /* mobile */
  border:0;
}

/* =========================
   MAPS — desktop (>=900px)
   ========================= */
@media (min-width: 900px){
  .maps-ville{
    grid-template-columns:1fr 1fr; /* PC */
    justify-content:center;        /* centre les 2 colonnes */
  }

  .map-bloc iframe{
    height:420px;                  /* PC */
  }
}