/* Header Builder — mobile drawer */
.mhb-drawer[hidden] { display: none !important; }
.mhb-drawer {
  position: fixed;
  inset: 0;
  z-index: 100;
}
.mhb-drawer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(18, 22, 31, 0.45);
}
.mhb-drawer__panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(320px, 88vw);
  background: var(--mhb-paper, #fff);
  color: var(--mhb-ink, #12161f);
  padding: 20px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.mhb-drawer__close {
  align-self: flex-end;
  width: 40px;
  height: 40px;
  border: 0;
  background: var(--mhb-wash, #f4f5f7);
  font-size: 22px;
  cursor: pointer;
}
.mhb-drawer .mhb-menu .mhb-nav {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.mhb-drawer__tools {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid var(--mhb-line, #d9dde3);
}
body.mhb-drawer-open { overflow: hidden; }