/* ============================================================
   SYNEXIA CONSEIL — Responsive
   Breakpoints : lg 1024px · md 768px · sm 480px
   ============================================================ */

@media (max-width: 1024px) {
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1fr; gap: 2.5rem; }
  .footer-nav { grid-template-columns: repeat(3, 1fr); }
  .service-detail-grid { grid-template-columns: 1fr; }
  .pricing-badge { position: static; }
}

@media (max-width: 860px) {
  .nav-cta { display: none; }
  .nav-menu {
    position: fixed;
    inset: 0; top: 68px;
    background: var(--marine);
    flex-direction: column;
    justify-content: flex-start;
    padding: 2rem 1.5rem;
    gap: 0;
    transform: translateX(100%);
    transition: transform .28s ease;
    z-index: 99;
  }
  .nav-menu.is-open {
    transform: translateX(0);
  }
  .nav-link {
    width: 100%; padding: 1rem 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
    font-size: 15px; color: var(--white);
  }
  .nav-link:last-child { border-bottom: none; }
  .nav-menu li:last-child {
    margin-top: 1.5rem;
  }
  .nav-menu li:last-child .nav-link {
    display: inline-block; width: auto;
    background: var(--or); color: var(--marine);
    padding: 12px 28px; border-radius: var(--radius-sm); border: none;
  }
  .nav-toggle { display: flex; }
  .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
  .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2) { opacity: 0; }
  .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }

  .services-grid { grid-template-columns: 1fr; }
  .service-detail-items { grid-template-columns: 1fr; }
  .contact-layout { grid-template-columns: 1fr; }
  .cta-inner { flex-direction: column; text-align: center; }
  .cta-actions { justify-content: center; }
  .hero-stats { gap: 2rem; }
}

@media (max-width: 640px) {
  .container { padding: 0 1.25rem; }
  .section { padding: 3rem 0; }
  .hero { padding: 3.5rem 0 3rem; }
  .page-hero { padding: 3rem 0 2.5rem; }
  .hero-actions { flex-direction: column; }
  .btn { width: 100%; justify-content: center; }
  .hero-stats { flex-wrap: wrap; gap: 1.5rem; }
  .why-grid { grid-template-columns: 1fr; }
  .footer-nav { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .form-row--2col { grid-template-columns: 1fr; }
  .service-detail-header { flex-direction: column; gap: 1rem; }
}

@media (max-width: 400px) {
  .footer-nav { grid-template-columns: 1fr; }
}

/* ===================== Print ===================== */
@media print {
  .site-header, .site-footer, .nav-toggle, .btn { display: none !important; }
  body { color: #000; background: #fff; font-size: 12pt; }
  h1,h2,h3 { color: #000; }
  a { color: #000; text-decoration: underline; }
}