/* Ajustements responsive */
@media (min-width: 760px) {
  .grille-2,
  .grille-zone,
  .carte-appel,
  .pied-de-page__grille {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  }

  .hero-principal__grille {
    grid-template-columns: minmax(0, 0.74fr) minmax(280px, 0.26fr);
  }

  .hero-page__grille {
    grid-template-columns: minmax(0, 0.72fr) minmax(300px, 0.28fr);
  }

  .grille-cartes--services,
  .grille-cartes--blog,
  .grille-cartes--communes,
  .grille-cartes--tarifs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grille-cartes--interventions,
  .grille-cartes--avantages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .avis-mise-en-avant {
    display: grid;
    grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
  }

  .preuves-hero--compactes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .actions-fixes-mobile {
    display: none;
  }
}

@media (min-width: 1120px) {
  .navigation-menu,
  .actions-entete {
    display: flex;
  }

  .navigation-menu {
    gap: 13px;
    font-size: 0.93rem;
  }

  .bouton-menu {
    display: none;
  }
}

@media (min-width: 1020px) {
  .grille-cartes--services {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grille-cartes--blog,
  .grille-cartes--communes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grille-cartes--avantages,
  .grille-cartes--tarifs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grille-cartes--interventions {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .pied-de-page__grille {
    grid-template-columns: 1.3fr 1fr 1fr 1fr;
  }
}

@media (max-width: 759px) {
  .section {
    padding-block: 46px;
  }

  .hero-principal__grille,
  .hero-page__grille {
    padding-block: 44px;
  }

  .hero-principal {
    min-height: auto;
  }

  .hero-page {
    min-height: auto;
  }

  .hero-principal::before {
    background:
      linear-gradient(90deg, rgba(9, 26, 74, 0.96) 0%, rgba(9, 26, 74, 0.84) 68%, rgba(9, 26, 74, 0.58) 100%),
      radial-gradient(circle at 18% 24%, rgba(255, 160, 0, 0.24), transparent 28%);
  }

  .hero-page::before {
    background:
      linear-gradient(90deg, rgba(9, 26, 74, 0.96) 0%, rgba(9, 26, 74, 0.84) 68%, rgba(9, 26, 74, 0.58) 100%),
      radial-gradient(circle at 82% 18%, rgba(255, 160, 0, 0.2), transparent 26%);
  }

  .hero-principal__actions .bouton,
  .hero-page__contenu .bouton,
  .actions-cta .bouton {
    width: 100%;
  }

  .hero-principal__actions,
  .actions-cta {
    gap: 10px;
  }

  .en-tete-section {
    margin-bottom: 22px;
  }

  .en-tete-section--accueil h2 {
    font-size: 1.7rem;
  }

  .carte-service,
  .carte-commune,
  .carte-zone-accueil,
  .carte-appel,
  .avis-mise-en-avant__score,
  .avis-mise-en-avant__citation {
    padding: 20px;
  }

  .carte-appel {
    text-align: center;
  }

  .avis-mise-en-avant__citation::before {
    top: 10px;
    right: 14px;
    font-size: 3.2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}