/* ============================================================
   YAB KAIZEN MA — RESPONSIVE.CSS
   Ajustements mobile / tablette (complète style.css)
   ============================================================ */

/* Tablette */
@media (max-width: 991px) {
  .section { padding: var(--space-xl) 0; }
  .cta-band { flex-direction: column; align-items: flex-start; text-align: left; }
}

/* Mobile */
@media (max-width: 600px) {
  .container { padding: 0 var(--space-sm); }

  .hero__title { font-size: clamp(2rem, 8vw, 2.75rem); }
  .hero__subtitle { font-size: 1rem; }

  .topbar__contact a span.topbar__label { display: none; }


  .section-heading { margin-bottom: var(--space-lg); }

  .whatsapp-float {
    width: 52px;
    height: 52px;
    font-size: 1.5rem;
    bottom: var(--space-sm);
    right: 74px;
  }

  .chatbot {
    right: var(--space-sm);
    bottom: var(--space-sm);
  }

  .chatbot__toggle {
    width: 52px;
    height: 52px;
  }

  .chatbot__panel {
    right: calc(-1 * var(--space-xs));
    width: calc(100vw - 1.5rem);
  }

  .footer__bottom { flex-direction: column; align-items: flex-start; }
}