/* PM1 Canvas Mobile Menu */
.pm1-wrap{ --pm1-bg:#0b0b0d; --pm1-fg:#fff; --pm1-accent:#f5d000; --pm1-overlay:rgba(0,0,0,.5); --pm1-w:320px; --pm1-r:16px; --pm1-z:9999; --pm1-isz:18px; --pm1-trg-bg:#0b0b0d; --pm1-trg-fg:#fff; }
.pm1-wrap .pm1-trigger{
  all: unset;
  display:inline-flex; align-items:center; gap:8px;
  background:var(--pm1-trg-bg) !important; color:var(--pm1-trg-fg) !important;
  padding:10px 14px; border-radius:999px; cursor:pointer;
  font-weight:600; line-height:1; -webkit-tap-highlight-color:transparent;
  box-shadow:none !important; border:none !important; outline:none;
}
.pm1-wrap .pm1-trigger i{ font-size:var(--pm1-isz); line-height:1; }
.pm1-mobile-only{ display:none; }
@media (max-width: 767px){ .pm1-mobile-only{ display:block; } }

.pm1-overlay{
  position:fixed; inset:0; background:var(--pm1-overlay);
  z-index:calc(var(--pm1-z) - 1);
}

.pm1-panel{
  position:fixed; inset:auto auto 0 0; width:var(--pm1-w); height:100dvh;
  background:var(--pm1-bg); color:var(--pm1-fg);
  border-top-right-radius:var(--pm1-r); border-bottom-right-radius:var(--pm1-r);
  padding:16px; box-shadow:0 20px 60px rgba(0,0,0,.55);
  transform:translateX(-110%); transition:transform .32s ease;
  z-index:var(--pm1-z); display:flex; flex-direction:column; gap:16px;
}
.pm1-panel[aria-hidden="false"]{ transform:none; }
.pm1-panel .pm1-panel-header{
  display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:4px;
}
.pm1-panel h3{ margin:0; font-size:18px; font-weight:700; display:flex; align-items:center; gap:8px; }
.pm1-panel h3 i{ color:var(--pm1-accent); font-size:18px; }
.pm1-close{ background:transparent; color:var(--pm1-fg); border:1px solid rgba(255,255,255,.14); border-radius:12px; padding:8px; cursor:pointer; }
.pm1-nav .pm1-menu,
.pm1-nav .menu{ list-style:none; padding-left:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.pm1-nav .menu a{ display:flex; align-items:center; gap:10px; color:var(--pm1-fg); text-decoration:none; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.06); }
.pm1-nav .menu a:hover{ background:rgba(255,255,255,.06); }
.pm1-social{ margin-top:auto; display:flex; gap:12px; }
.pm1-social a{ width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid rgba(255,255,255,.12); color:var(--pm1-fg); text-decoration:none; }
.pm1-social a:hover{ background:rgba(255,255,255,.06); }
.pm1-social i{ font-size:18px; }

.pm1-trigger .pm1-ico-img{ width:var(--pm1-isz); height:var(--pm1-isz); display:inline-block; }