/* ==========================================
   RESPONSIVE - LARGE DESKTOP (1400px+)
   ========================================== */

@media (min-width: 1400px) {
  .hero-left {
    max-width: 960px;
  }

  .hero-right,
  .hero-tiktok {
    left: -420px;
    width: 400px;
    min-height: 550px;
  }

  .hero-right.open,
  .hero-tiktok.open {
    left: 0;
  }

  .grid-services {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 360px);
    max-width: 960px;
    justify-items: center;
  }

  .mise-en-garde {
    max-width: 960px;
  }

  /* Placement spécifique cartes */
  .carte-container:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
  }
  .carte-container:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
  }
  .carte-container:nth-child(3) {
    grid-row: 1;
    grid-column: 3;
  }
  .carte-container:nth-child(4) {
    grid-row: 1;
    grid-column: 4;
  }
  .carte-container:nth-child(5) {
    grid-row: 2;
    grid-column: 2;
  }
  .carte-container:nth-child(6) {
    grid-row: 2;
    grid-column: 3;
  }
}
