/* ═══════════════════════════════════════════════════════════
     COMPREHENSIVE MOBILE RESPONSIVE
  ═══════════════════════════════════════════════════════════ */
  @media (max-width:768px) {
    /* Hide dock on mobile — burger menu handles nav */
    .macos-dock { display:none; }
    /* About profile card: center */
    .ap-profile { display:flex; flex-direction:column; align-items:center; text-align:center; }
    .ap-contacts li { justify-content:center; }
    .ap-avatar-ring { margin-left:auto; margin-right:auto; }
    /* Sections */
    .section { padding:60px 0; }
    /* Hero */
    #accueil { padding-top:calc(var(--nav-h) + 40px); padding-bottom:2rem; }
    .hero-inner { gap:2rem; }
    .hero-badge { font-size:.6rem; }
    .hero-title { font-size:clamp(2.8rem,10vw,4rem); }
    .hero-role-line { font-size:.9rem; margin-bottom:1.5rem; }
    /* Parcours */
    .parcours-new { gap:1.5rem; }
    .parc-col-head { padding:1rem 1.2rem; }
    /* Contact */
    .pf-contact-inner { padding:60px 20px; gap:40px; }
    /* Certif */
    .certif-standalone { margin-top:2rem; }
    .certif-li-card { min-width:200px; }
    /* Footer */
    .footer-inner { gap:20px; }
    /* Morph overlay on mobile */
    .mo-hero { height:18vh; min-height:100px; }
    .mo-body { padding:1rem; }
    .mo-viewer { min-height:320px; }
    .mo-iframe { min-height:320px; }
    /* Doc gallery */
    .doc-filters { flex-wrap:wrap; gap:.4rem; }
    .doc-filter-btn { font-size:.62rem; padding:.3rem .7rem; }
  }
  @media (max-width:480px) {
    .hero-title { font-size:2.8rem; }
    .hero-cta { flex-direction:column; }
    .btn { width:100%; justify-content:center; }
    .about-stats { grid-template-columns:1fr 1fr; }
    .ap-avatar-ring { width:180px; height:180px; }
    .ap-bottom { grid-template-columns:1fr; }
    .footer-inner { grid-template-columns:1fr; }
    .footer-bottom { flex-direction:column; gap:6px; text-align:center; }
    .doc-gallery { grid-template-columns:1fr; }
    .certif-li-card { min-width:180px; }
    /* Veille cards */
    .veille-grid { grid-template-columns:1fr; gap:1.2rem; }
    .pf-contact-inner { padding:50px 16px; }
  }