/* Votre Histoire en Image — styles mobile (<= 640px) */

@media (max-width: 640px) {
  .form-row { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .addon-grid { grid-template-columns: 1fr; }
  .backdrop-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .nav-toggle { display: block; }
  .main-nav {
    position: absolute; top: 100%; left: 0; right: 0; background: var(--paper);
    flex-direction: column; align-items: flex-start; gap: 4px;
    padding: 12px clamp(20px, 4vw, 56px) 20px; border-bottom: 0.5px solid var(--border);
    display: none;
  }
  .nav-toggle-input:checked ~ .main-nav { display: flex; }
  .main-nav a { width: 100%; padding: 10px 0; }
  .main-nav .btn-cta { margin-top: 8px; }
  .nowrap-heading.nowrap-heading { white-space: normal; text-wrap: wrap; }
  .trust-bar { grid-template-columns: 1fr; }
  .trust-bar div { border-left: none; border-top: 1px solid #ffffff22; }
  .trust-bar div:first-child { border-top: none; }
  .specs { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr; }
  .logo-grid { grid-template-columns: repeat(3, max-content); }
  .audience-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
}