/* ===== NOMA Mobile — Menu điều hướng chung (drawer), scoped dưới .noma-m ===== */
.noma-m .noma-nav{ position:fixed; inset:0; z-index:1000; visibility:hidden; }
.noma-m .noma-nav.open{ visibility:visible; }

.noma-m .noma-nav .ov{ position:absolute; inset:0; background:rgba(0,0,0,.45);
  opacity:0; transition:opacity .25s ease; }
.noma-m .noma-nav.open .ov{ opacity:1; }

.noma-m .noma-nav .panel{ position:absolute; top:0; left:0; bottom:0; width:82%; max-width:330px;
  background:#fff; transform:translateX(-100%); transition:transform .28s ease;
  display:flex; flex-direction:column; overflow-y:auto; box-shadow:2px 0 24px rgba(0,0,0,.18); }
.noma-m .noma-nav.open .panel{ transform:none; }

.noma-m .noma-nav .nav-head{ display:flex; align-items:center; justify-content:space-between;
  padding:16px 18px; border-bottom:1px solid #eee; position:sticky; top:0; background:#fff; }
.noma-m .noma-nav .nv-logo{ font-weight:800; letter-spacing:.04em; font-size:18px; color:#1C1C1E; }
.noma-m .noma-nav .nv-close{ background:none; border:none; font-size:28px; line-height:1;
  color:#1C1C1E; cursor:pointer; padding:0 4px; }

.noma-m .noma-nav .nv-item{ display:block; padding:14px 18px; color:#1C1C1E; text-decoration:none;
  font-size:15.5px; font-weight:600; border-bottom:1px solid #f4f4f7; }
.noma-m .noma-nav .nv-sub{ padding:4px 0 8px; background:#FAFAFC; }
.noma-m .noma-nav .nv-sub a{ display:block; padding:9px 18px 9px 34px; color:#44444A;
  text-decoration:none; font-size:14px; }
.noma-m .noma-nav .nv-item:active,
.noma-m .noma-nav .nv-sub a:active{ background:#F1F2F4; }