.desktop-nav-brand{display:flex;align-items:center;}
#navmobile.mobile-nav{display:none;}

@media (max-width:1024px){
  .desktop-nav-brand{display:none!important;}
  header{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body.home-page .home-frame>header{
    height:64px!important;
    min-height:64px!important;
    padding:0!important;
  }
  #navmobile.mobile-nav{
    position:fixed!important;
    z-index:100000;
    inset:0 0 auto;
    display:block;
    width:100%;
    height:64px;
    overflow:visible;
    background:transparent;
    box-shadow:none;
    pointer-events:none;
  }
  .mobile-nav-bar{
    position:relative;
    z-index:2;
    display:flex;
    height:64px;
    align-items:center;
    justify-content:space-between;
    padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));
    box-sizing:border-box;
    border-bottom:1px solid rgba(226,233,243,.86);
    background:rgba(255,255,255,.96);
    box-shadow:0 4px 18px rgba(30,52,88,.07);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    pointer-events:auto;
  }
  .mobile-nav-brand,.mobile-nav-panel-brand{
    display:inline-flex;
    min-width:0;
    align-items:center;
  }
  .mobile-nav-brand img,.mobile-nav-panel-brand img{
    display:block;
    width:136px;
    height:auto;
    max-height:34px;
    object-fit:contain;
  }
  .mobile-nav-toggle,.mobile-nav-close{
    display:grid;
    width:44px;
    height:44px;
    flex:0 0 auto;
    place-content:center;
    gap:5px;
    padding:0;
    border:1px solid #e6edf5;
    border-radius:14px;
    background:#fff;
    color:#0878e8;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
    pointer-events:auto;
  }
  .mobile-nav-toggle:hover,.mobile-nav-close:hover{border-color:#cfe2fa;background:#f4f9ff;}
  .mobile-nav-toggle:active,.mobile-nav-close:active{transform:scale(.96);}
  .mobile-nav-toggle:focus-visible,.mobile-nav-close:focus-visible,
  .mobile-nav-panel a:focus-visible,.mobile-nav-panel summary:focus-visible{
    outline:3px solid rgba(8,120,232,.28);
    outline-offset:3px;
  }
  .mobile-nav-toggle>span{
    display:block;
    width:19px;
    height:2px;
    border-radius:2px;
    background:#0878e8;
    transform-origin:center;
    transition:transform .2s ease,opacity .16s ease,background .2s ease;
  }
  .mobile-nav.is-open .mobile-nav-toggle>span:first-child{transform:translateY(7px) rotate(45deg);}
  .mobile-nav.is-open .mobile-nav-toggle>span:nth-child(2){opacity:0;transform:scaleX(.45);}
  .mobile-nav.is-open .mobile-nav-toggle>span:last-child{transform:translateY(-7px) rotate(-45deg);}
  .mobile-nav-backdrop{
    position:fixed;
    z-index:3;
    inset:0;
    display:block;
    width:100%;
    height:100vh;
    height:100dvh;
    padding:0;
    border:0;
    background:rgba(15,27,46,.46);
    opacity:0;
    visibility:hidden;
    transition:opacity .2s ease,visibility .2s ease;
    pointer-events:none;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-nav-panel{
    position:fixed;
    z-index:4;
    top:0;
    right:0;
    display:flex;
    width:min(430px,90vw);
    width:min(430px,90vw,100%);
    height:100vh;
    height:100dvh;
    max-height:100vh;
    max-height:100dvh;
    flex-direction:column;
    padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
    box-sizing:border-box;
    overflow:hidden;
    border-left:1px solid rgba(225,233,243,.9);
    background:#fff;
    box-shadow:-18px 0 52px rgba(16,35,67,.18);
    opacity:.98;
    visibility:hidden;
    clip-path:inset(0 0 0 100%);
    transition:clip-path .22s cubic-bezier(.2,.7,.2,1),opacity .22s ease,visibility .22s ease;
    pointer-events:none;
  }
  .mobile-nav-panel>*{transform:translateX(22px);transition:transform .22s cubic-bezier(.2,.7,.2,1);}
  .mobile-nav.is-open .mobile-nav-panel{
    opacity:1;
    visibility:visible;
    clip-path:inset(0);
    pointer-events:auto;
  }
  .mobile-nav.is-open .mobile-nav-panel>*{transform:translateX(0);}
  .mobile-nav.is-open .mobile-nav-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .mobile-nav-panel-header{
    display:flex;
    min-height:68px;
    flex:0 0 auto;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:10px 20px;
    border-bottom:1px solid #edf1f6;
  }
  .mobile-nav-close{
    width:42px;
    height:42px;
    gap:0;
    border-radius:13px;
    background:#f7f9fc;
    color:#3e5069;
    font-size:1.05rem;
  }
  .mobile-nav-scroll{
    min-height:0;
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .mobile-nav-links{
    display:block;
    padding:8px 20px 14px;
  }
  .mobile-nav-group{padding:10px 0;border-bottom:1px solid #edf1f6;}
  .mobile-nav-group-title{display:none;}
  .mobile-nav-accordion{border:0;}
  .mobile-nav-accordion summary{
    display:flex;
    min-height:48px;
    align-items:center;
    gap:12px;
    padding:4px;
    border-radius:12px;
    color:#25334a;
    cursor:pointer;
    font-family:'Inter','Lato',Arial,sans-serif;
    font-size:.9rem;
    font-weight:650;
    line-height:1.35;
    list-style:none;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-nav-accordion summary::-webkit-details-marker{display:none;}
  .mobile-nav-group-icon{
    display:grid;
    width:36px;
    height:36px;
    flex:0 0 auto;
    place-items:center;
    border-radius:11px;
    background:#edf5ff;
    color:#0878e8;
    font-size:.92rem;
  }
  .mobile-nav-chevron{
    margin-left:auto;
    color:#8b98aa;
    font-size:.7rem;
    transition:transform .18s ease,color .18s ease;
  }
  .mobile-nav-accordion[open] .mobile-nav-chevron{color:#0878e8;transform:rotate(180deg);}
  .mobile-nav-accordion ul,.mobile-nav-account-links{
    display:grid;
    gap:2px;
    margin:3px 0 0;
    padding:0 0 0 14px;
    list-style:none;
  }
  .mobile-nav-accordion li a,.mobile-nav-account-links li a{
    display:flex;
    min-height:44px;
    align-items:center;
    gap:12px;
    padding:6px 11px;
    border-radius:10px;
    color:#47566c;
    font-family:'Inter','Lato',Arial,sans-serif;
    font-size:.84rem;
    font-weight:550;
    line-height:1.4;
    text-decoration:none;
    transition:background .16s ease,color .16s ease,transform .16s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-nav-accordion li a>i,.mobile-nav-account-links li a>i{
    width:18px;
    flex:0 0 auto;
    color:#6682a6;
    text-align:center;
  }
  .mobile-nav-accordion li a:hover,.mobile-nav-account-links li a:hover,
  .mobile-nav-accordion li a:active,.mobile-nav-account-links li a:active{
    background:#f1f7ff;
    color:#086acb;
  }
  .mobile-nav-account-links{padding:0 0 0 4px;}
  .mobile-nav-language-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 2px 2px;}
  .mobile-nav-language-links a{
    display:flex;
    min-height:42px;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid #e6edf5;
    border-radius:11px;
    color:#53627a;
    font-size:.78rem;
    font-weight:650;
    text-decoration:none;
  }
  .mobile-nav-language-links a[aria-current="page"]{border-color:#cfe2fa;background:#f3f8ff;color:#096bcf;}
  .mobile-nav-actions{
    display:grid;
    flex:0 0 auto;
    gap:9px;
    padding:13px 20px max(16px,env(safe-area-inset-bottom));
    border-top:1px solid #edf1f6;
    background:rgba(255,255,255,.98);
  }
  .mobile-nav-primary,.mobile-nav-secondary{
    display:flex;
    min-height:49px;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:10px 14px;
    border:1px solid transparent;
    border-radius:13px;
    font-family:'Inter','Lato',Arial,sans-serif;
    font-size:.86rem;
    font-weight:700;
    line-height:1.35;
    text-align:center;
    text-decoration:none;
    transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-nav-primary{
    background:#0878e8;
    box-shadow:0 7px 17px rgba(8,120,232,.2);
    color:#fff!important;
  }
  .mobile-nav-primary:hover,.mobile-nav-primary:active{background:#0668cc;box-shadow:0 9px 20px rgba(8,120,232,.24);}
  .mobile-nav-secondary{border-color:#dfe7f1;background:#fff;color:#34445c;}
  .mobile-nav-secondary:hover,.mobile-nav-secondary:active{background:#f6f9fd;}
  .mobile-nav-primary:active,.mobile-nav-secondary:active{transform:scale(.985);}
  .mobile-nav-pro,.mobile-nav-logout{
    display:flex;
    min-height:36px;
    align-items:center;
    justify-content:center;
    gap:8px;
    color:#57677e;
    font-size:.76rem;
    font-weight:650;
    text-align:center;
    text-decoration:none;
  }
  .mobile-nav-pro{color:#096bcf;}
  .mobile-nav-logout{color:#8a5360;}
  @media (max-width:360px){
    .mobile-nav-panel-header{min-height:62px;padding-right:14px;padding-left:16px;}
    .mobile-nav-scroll .mobile-nav-links{padding-right:14px;padding-left:14px;}
    .mobile-nav-actions{padding-right:14px;padding-left:14px;}
    .mobile-nav-group{padding:8px 0;}
    .mobile-nav-accordion li a,.mobile-nav-account-links li a{min-height:42px;font-size:.81rem;}
  }
}

@media (prefers-reduced-motion:reduce){
  .mobile-nav-toggle,.mobile-nav-toggle>span,.mobile-nav-close,
  .mobile-nav-backdrop,.mobile-nav-panel,.mobile-nav-panel>*,.mobile-nav-chevron,
  .mobile-nav-accordion li a,.mobile-nav-account-links li a,
  .mobile-nav-primary,.mobile-nav-secondary{transition:none!important;}
}