#vx-mobile-account-btn,
#vx-mobile-account-panel{
  display:none!important;
}
@media(max-width:900px){
  .vx-pro-nav{
    grid-template-columns:52px minmax(0,1fr) 48px!important;
    gap:8px!important;
    padding:0 14px!important;
    overflow:visible!important;
  }
  .vx-pro-nav .mobile-menu-btn{
    grid-column:1!important;
    justify-self:start!important;
    box-shadow:none!important;
    filter:none!important;
    z-index:2!important;
  }
  .vx-pro-nav .vx-v7-brand{
    grid-column:2!important;
    justify-self:start!important;
    margin-left:0!important;
    transform:none!important;
    overflow:visible!important;
    z-index:3!important;
  }
  .vx-pro-nav .vx-v7-brand-mark,
  .vx-pro-nav .vx-v7-brand-word{
    position:relative!important;
    z-index:3!important;
  }
  .vx-header-tools{
    grid-column:3!important;
    justify-self:end!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
  }
  .vx-header-tools .vx-nav-search,
  .vx-header-tools>.vx-tool-link,
  .vx-header-tools>.vx-tool-icon,
  .vx-header-tools>.vx-theme-tool,
  .vx-header-tools #user-area,
  .vx-header-tools .user-area{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .vx-header-tools>a.vx-tool-icon[data-page="profile"]{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    place-items:center!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    border:1px solid rgba(53,229,212,.30)!important;
    background:linear-gradient(145deg,rgba(22,34,40,.96),rgba(8,14,18,.94))!important;
    color:#35e5d4!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
    cursor:pointer!important;
    z-index:4!important;
  }
  .vx-header-tools>a.vx-tool-icon[data-page="profile"] svg{
    width:23px!important;
    height:23px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  #vx-mobile-account-panel{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:78px!important;
    z-index:1000006!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(-8px) scale(.985)!important;
    padding:16px!important;
    border-radius:18px!important;
    border:1px solid rgba(139,158,173,.24)!important;
    background:linear-gradient(145deg,rgba(16,25,36,.985),rgba(7,12,17,.985))!important;
    box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.04)!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  }
  body.vx-mobile-account-open #vx-mobile-account-panel{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
  .vx-mobile-account-head{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding-bottom:14px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .vx-mobile-account-avatar{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:14px!important;
    border:1px solid rgba(53,229,212,.28)!important;
    background:rgba(53,229,212,.10)!important;
    color:#35e5d4!important;
  }
  .vx-mobile-account-head strong{
    display:block!important;
    max-width:calc(100vw - 116px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#f0f6f7!important;
    font-size:16px!important;
    font-weight:900!important;
  }
  .vx-mobile-account-head em{
    display:block!important;
    margin-top:4px!important;
    color:#7f8f9d!important;
    font-style:normal!important;
    font-size:11px!important;
  }
  .vx-mobile-account-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:14px 0!important;
  }
  .vx-mobile-account-grid button,
  .vx-mobile-account-logout{
    min-height:62px!important;
    padding:10px!important;
    border-radius:12px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    background:rgba(255,255,255,.035)!important;
    color:#dce5ea!important;
    text-align:left!important;
    box-shadow:none!important;
  }
  .vx-mobile-account-grid button b{
    display:block!important;
    color:#f0f6f7!important;
    font-size:13px!important;
  }
  .vx-mobile-account-grid button span{
    display:block!important;
    margin-top:5px!important;
    color:#7f8f9d!important;
    font-size:10px!important;
  }
  .vx-mobile-account-logout{
    width:100%!important;
    min-height:44px!important;
    text-align:center!important;
    color:#ff8f8f!important;
    border-color:rgba(255,116,116,.28)!important;
    background:rgba(255,116,116,.075)!important;
    font-weight:900!important;
  }
}
@media(max-width:390px){
  .vx-pro-nav{
    grid-template-columns:50px minmax(0,1fr) 48px!important;
    padding:0 12px!important;
  }
  .vx-pro-nav .vx-v7-brand-word{
    max-width:96px!important;
    font-size:18px!important;
    letter-spacing:2px!important;
  }
}