/* ZENMARK Section Mobile Menu v2 — section pages only */
@media(min-width:981px){
  .zpub-topbar .zpub-menu-btn{display:none!important;visibility:hidden!important}
}
@media(max-width:980px){
  html.zsection-menu-open{overflow-x:hidden!important}
  .zpub-topbar{
    position:sticky!important;
    top:8px!important;
    z-index:120!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    grid-template-areas:'logo menu'!important;
    align-items:center!important;
    gap:10px!important;
    min-height:58px!important;
    padding:8px 9px!important;
    overflow:visible!important;
  }
  .zpub-topbar > a:first-child{grid-area:logo!important;min-width:0!important}
  .zpub-topbar .zpub-menu-btn{
    grid-area:menu!important;
    display:grid!important;
    visibility:visible!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d7e2f1!important;
    border-radius:9px!important;
    background:#f8fbff!important;
    color:#0c1830!important;
    box-shadow:none!important;
    cursor:pointer!important;
    position:relative!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .zpub-topbar .zpub-menu-btn span{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    height:2px!important;
    border-radius:2px!important;
    background:currentColor!important;
    transition:transform .18s ease, top .18s ease, opacity .14s ease!important;
  }
  .zpub-topbar .zpub-menu-btn span:nth-child(1){top:12px!important}
  .zpub-topbar .zpub-menu-btn span:nth-child(2){top:19px!important}
  .zpub-topbar .zpub-menu-btn span:nth-child(3){top:26px!important}
  .zpub-topbar.is-open .zpub-menu-btn span:nth-child(1){top:19px!important;transform:rotate(45deg)!important}
  .zpub-topbar.is-open .zpub-menu-btn span:nth-child(2){opacity:0!important}
  .zpub-topbar.is-open .zpub-menu-btn span:nth-child(3){top:19px!important;transform:rotate(-45deg)!important}

  .zpub-topbar .zpub-nav{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    left:0!important;
    right:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    width:auto!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid #d7e2f1!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 18px 48px rgba(20,35,70,.16)!important;
    backdrop-filter:blur(14px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-5px)!important;
    transition:opacity .16s ease, transform .18s ease, visibility .16s ease!important;
    max-height:min(72vh,540px)!important;
    overflow:auto!important;
  }
  .zpub-topbar.is-open .zpub-nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
  .zpub-topbar .zpub-nav a,
  .zpub-topbar .zpub-nav .z-account-nav,
  .zpub-topbar .zpub-nav button[id='themeToggle']{
    width:100%!important;
    min-height:40px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
    padding:8px 10px!important;
    border:1px solid transparent!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#18233a!important;
    text-align:left!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:850!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  .zpub-topbar .zpub-nav a.active{
    background:#eef3fb!important;
    border-color:#d8e2f1!important;
    color:#152448!important;
  }
  .zpub-topbar .zpub-nav .z-account-nav{
    background:#f8fbff!important;
    border-color:#d7e2f1!important;
  }
  .zpub-topbar .zpub-nav button[id='themeToggle']{
    justify-content:center!important;
    background:#f8fbff!important;
    border-color:#d7e2f1!important;
  }
  html[data-upd-theme='dark'] .zpub-topbar .zpub-menu-btn,
  html[data-upd-theme='dark'] .zpub-topbar .zpub-nav,
  html.theme-dark .zpub-topbar .zpub-menu-btn,
  html.theme-dark .zpub-topbar .zpub-nav{
    background:#151a25!important;
    border-color:#2a3140!important;
    color:#eef1f8!important;
  }
  html[data-upd-theme='dark'] .zpub-topbar .zpub-nav a,
  html[data-upd-theme='dark'] .zpub-topbar .zpub-nav .z-account-nav,
  html[data-upd-theme='dark'] .zpub-topbar .zpub-nav button[id='themeToggle'],
  html.theme-dark .zpub-topbar .zpub-nav a,
  html.theme-dark .zpub-topbar .zpub-nav .z-account-nav,
  html.theme-dark .zpub-topbar .zpub-nav button[id='themeToggle']{
    color:#eef1f8!important;
  }
}