/* Responsive — mobile-first — jardinier-proprete-du-jardin */

/* ─── Corrections mobile globales ─── */
@media (max-width: 767px) {
  /* Section padding mobile */
  .section-pad { padding: 48px 0; }

  /* Footer grid */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  /* Stats strip */
  .stat-item + .stat-item {
    border-top: 1px solid color-mix(in srgb, #fff 12%, transparent);
    padding-top: 20px;
  }

  /* Services grid : 1 colonne sous 560px déjà géré dans sections.css */

  /* A propos : image 16/9 déjà géré */

  /* Process steps */
  .process-step { padding: 20px 16px; }

  /* Contact : champs pleine largeur */
  .contact-form input,
  .contact-form textarea {
    font-size: 16px; /* évite le zoom auto iOS */
  }
}

/* ─── Tablet 640px–1024px ─── */
@media (min-width: 640px) and (max-width: 1023px) {
  .contact-grid { grid-template-columns: 1fr; }
  .zone-cols { grid-template-columns: 1fr; }
}

/* ─── Desktop ─── */
@media (min-width: 1024px) {
  .section-pad { padding: clamp(72px, 8vw, 96px) 0; }
  .process-grid { gap: 28px; }
}

/* wf-noxoverflow : reveal vertical (le slide horizontal deborde la largeur sur mobile) */
[data-reveal]:not(.in){ transform: translateY(18px) !important; }