/* Votre Histoire en Image — styles tablette (<= 960px) */

@media (max-width: 720px) {
  .faq-grid { grid-template-columns: 1fr; }
  .faq-head { margin-bottom: 8px; }
}

@media (max-width: 960px) {
  .plans-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
  .addon-grid { grid-template-columns: repeat(2, 1fr); }
  .backdrop-grid { grid-template-columns: repeat(4, 1fr); }
  .phonebook-cta { grid-template-columns: 1fr; }
  .phonebook-cta-media { min-height: 220px; order: -1; }
}

@media (max-width: 960px) {
  .pricing-teaser { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .steps-media { order: -1; }
  .specs { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .logo-grid { grid-template-columns: repeat(4, max-content); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}