/* ══════════════════════════════════════════════════════════════
   DevisVox v3 — css/mobile/menu.css
   HAMBURGER SLIDE-OUT MENU — mobile base
   ══════════════════════════════════════════════════════════════ */

.ham{position:absolute;inset:0;z-index:9995;display:none}
.ham.open{display:flex}
.ham-bg{position:absolute;inset:0;background:rgba(0,0,0,.52);animation:fdIn .24s}
.ham-panel{position:absolute;top:0;right:0;bottom:0;width:82%;
  background:var(--bg);display:flex;flex-direction:column;
  animation:slR .28s ease;z-index:1;overflow-y:auto}
.ham-panel::-webkit-scrollbar{display:none}
.ham-hdr{padding:60px 20px 20px;background:var(--text);flex-shrink:0}
.ham-av{width:46px;height:46px;border-radius:50%;background:var(--accent);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:900;margin-bottom:10px}
.ham-name{font-size:17px;font-weight:800;color:#fff}
.ham-sub{font-size:12px;color:rgba(255,255,255,.55);font-weight:500;margin-top:2px}
.ham-nav{padding:10px 12px;flex:1}
.ham-lbl{font-size:10px;font-weight:700;color:var(--text3);
  text-transform:uppercase;letter-spacing:.06em;padding:12px 8px 6px}
.ham-item{display:flex;align-items:center;gap:12px;padding:11px 12px;
  border-radius:var(--r);width:100%;border:none;background:transparent;
  font-size:15px;font-weight:600;color:var(--text);cursor:pointer;
  font-family:inherit;text-align:left;transition:background var(--tr)}
.ham-item:active{background:rgba(0,0,0,.06)}
.ham-item svg{width:18px;height:18px;stroke:var(--text2);stroke-width:1.8;
  fill:none;flex-shrink:0;stroke-linecap:round;stroke-linejoin:round}
.ham-item.active,.ham-item.on{background:var(--accent-wash);color:var(--accent)}
.ham-item.active svg,.ham-item.on svg{stroke:var(--accent)}
.ham-item.er{color:var(--er)}
.ham-item.er svg{stroke:var(--er)}
.ham-chev{width:16px!important;height:16px!important;
  stroke:var(--text3)!important;margin-left:auto}