@media (max-width:1023px){
  .mm-burger{
    position:fixed; top:14px; right:14px; z-index:2147483001;
    display:inline-flex; align-items:center; justify-content:center;
    width:48px; height:48px; border-radius:14px; border:1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(10px);
    background: rgba(10,16,28,.72);
    color:#fff; box-shadow:0 10px 26px rgba(0,0,0,.35);
  }
  .mm-burger:focus-visible{outline:2px solid #60a5fa; outline-offset:2px}
  .mm-burger .bars{position:relative; width:22px; height:2px; background:#fff; border-radius:2px; transition:transform .18s ease, background .18s ease}
  .mm-burger .bars::before,.mm-burger .bars::after{content:""; position:absolute; left:0; width:22px; height:2px; background:#fff; border-radius:2px; transition:transform .18s ease, opacity .18s ease}
  .mm-burger .bars::before{top:-7px} .mm-burger .bars::after{top:7px}
  .mm-burger[aria-expanded="true"] .bars{background:transparent}
  .mm-burger[aria-expanded="true"] .bars::before{transform: translateY(7px) rotate(45deg)}
  .mm-burger[aria-expanded="true"] .bars::after{transform: translateY(-7px) rotate(-45deg)}

  .mm-overlay{
    position:fixed; inset:0; z-index:2147483000; display:none;
    background: rgba(5,9,18,.86);
    backdrop-filter: blur(14px) saturate(120%);
  }
  .mm-overlay.open{display:block; animation: mm-fade .16s ease}
  @keyframes mm-fade{from{opacity:0}to{opacity:1}}

  .mm-panel{
    position:fixed; inset:0; display:flex; flex-direction:column; gap:18px;
    padding:clamp(20px,6vw,28px);
  }
  .mm-head{display:flex; align-items:center; justify-content:space-between; padding-bottom:6px}
  .mm-title{font-size:1.05rem; color:#94a3b8; letter-spacing:.4px}
  .mm-close{appearance:none; background:transparent; border:none; color:#cbd5e1; font-size:1rem}
  .mm-close:focus-visible{outline:2px solid #60a5fa; outline-offset:2px}

  .mm-list{list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; gap:8px}
  .mm-item a{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 12px; border-radius:12px;
    color:#e5e7eb; text-decoration:none;
    background: rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
  }
  .mm-item a:focus-visible{outline:2px solid #60a5fa; outline-offset:2px}
  .mm-item a .arrow{opacity:.7}

  .mm-cta{
    margin-top:auto; display:flex; flex-direction:column; gap:10px;
  }
  .mm-cta .btn-devis{
    display:flex; align-items:center; justify-content:center; gap:.6rem;
    padding:14px 14px; border-radius:14px;
    font-weight:700; letter-spacing:.2px; text-decoration:none; color:#fff;
    background: linear-gradient(135deg,#3b82f6,#6366f1);
    box-shadow: 0 12px 26px rgba(0,0,0,.32);
  }
  .mm-cta .btn-contact{
    display:flex; align-items:center; justify-content:center; gap:.6rem;
    padding:12px 14px; border-radius:14px; color:#e5e7eb; text-decoration:none;
    border:1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.04);
  }
}
@media (min-width:1024px){
  .mm-burger{display:none!important}
  .mm-overlay{display:none!important}
}