.main-2025 ul {
  display: grid;
  grid-template-columns: repeat(20, minmax(0, 1fr));
  grid-template-rows: repeat(12, 1fr);
  gap: 0;
  justify-items: center;
  align-items: center;
  list-style: none;
  padding: 0;
  _margin: 5rem auto;
  width: 100%;
}

.main-2025 ul li {
  margin: 0;
  padding: 0;
  width: 12rem; /* largeur fixe pour stabiliser */
  _height: 4rem; /* hauteur fixe */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible; /* permet au texte de dépasser lors du zoom */
}

.main-2025 ul li a {
  display: inline-block;
  transform: rotate(-45deg);
  font-size: 2.2rem;
  text-decoration: none;
  color: #000;
  transition: transform 0.3s ease-in-out; /* Transition douce * /*, color 0.2s; */
  white-space: nowrap;
}

.main-2025 ul li a:hover {
  transform: rotate(-45deg) scale(1.2);
  transform: rotate(-45deg) scale(1.2);
  color: rgb(60, 60, 60);
  font-weight: bold;
}

/* Placement précis */
.main-2025 ul li:nth-child(1) {
  grid-row: 7;
  grid-column: 5;
}
.main-2025 ul li:nth-child(2) {
  grid-row: 11;
  grid-column: 4;
}

.main-2025 ul li:nth-child(3) {
  grid-row: 8;
  grid-column: 10;
  padding-left: 0rem;
}
.main-2025 ul li:nth-child(4) {
  grid-row: 12;
  grid-column: 9;
  padding-left: 0rem;
}

.main-2025 ul li:nth-child(5) {
  grid-row: 7;
  grid-column: 16;
}
.main-2025 ul li:nth-child(6) {
  grid-row: 11;
  grid-column: 15;
}

.main-2025-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .main-2025 {
    display: none !important; /* s'applique forcément */
  }
  .main-2025-mobile {
    display: block;

    padding: 0rem 1rem 1rem 1rem;
    box-sizing: border-box;

    overflow-y: auto; /* ✅ un seul ascenseur vertical */
    overflow-x: hidden;
    max-height: 100vh; /* ✅ prend la hauteur visible */
  }
  .main-2025-mobile .section-image {
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0rem;
  }
  /* ✅ Ajustement de l’image */
  .main-2025-mobile .section-image img {
    width: 100%; /* prend toute la largeur disponible */
    height: auto; /* conserve les proportions */
    max-width: 100%; /* empêche tout dépassement horizontal */
    display: block; /* évite les espaces indésirables */
    margin: 0 auto; /* centre si besoin */
  }
  .main-2025-mobile .cartel {
    text-align: justify;
    padding: 0rem 0.6rem 0rem 0.6rem;
    margin: 0rem 0rem 1rem 0rem;
  }

  .main-2025-mobile .cartel a {
    font-weight: 900; /* gras */
    font-style: italic;
    text-decoration: none;
    color: rgb(152, 100, 3); /* #6a2f75; */
    transition: color 0.3s ease;
  }

  .main-2025-mobile .cartel-technique {
    font-weight: bold;
  }

  .main-2025-mobile .cartel-technique h2 {
    font-size: 1.3rem; /* augmente la taille */
    color: #222; /* couleur au choix */
    margin-bottom: 0.5rem;
  }

  .main-2025-mobile .cartel-fonctionnel {
    margin-bottom: 5rem;
    font-size: var(--nav-font-size);
  }

  .main-2025-mobile .copyright-mobile {
    padding-top: 5px;
    padding-left: 0rem;
  }
}