/* CSS Document */



     /* ===== Responsive ===== */
  @media (max-width: 900px) {
    .hero-inner, .grid, .gridT { grid-template-columns: 1fr; }
    .hero h1 { font-size: 2.2rem; }
	.hero-inner {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 1px; }
       
  .hero-inner {
    flex-direction: column;  /*centrer le texte  */
    align-items: stretch;
    gap: 0; /* ✅ Pas d’espace entre les cartes */
  }
  
  .grid4 {
    display: grid;
    grid-template-columns: 1fr ;
    gap: 1.2rem;
  }
  
  .footerCard {
    flex 1 1 100%
    text-align: center;
    padding: 1px; /* ✅ Un peu moins de padding pour rapprocher */
    margin: 0; /* ✅ Pas de marge */
    border-radius: 0; /* ✅ Pas d’arrondi pour coller */
  }

  .footerCard p {
    text-align: center;
    margin: 5px 0; /* ✅ Espacement interne réduit */
  }
	
}