/* CP Crypto Market v1.1.49 — polished mobile navigation */
@media (max-width:900px){
  html.mobile-menu-lock,html.mobile-menu-lock body{overflow:hidden!important}
  .sketch-topbar{
    position:sticky!important;
    top:0!important;
    z-index:7000!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    flex-wrap:nowrap!important;
    padding:8px 10px!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .sketch-brand{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 100px)!important}
  .sketch-brand .brand-copy{overflow:hidden!important}
  .sketch-brand .brand-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sketch-brand .brand-copy small{white-space:nowrap}
  .sketch-actions{order:2!important;flex:0 0 auto!important;margin-left:0!important}
  .mobile-nav-toggle{
    order:3!important;
    display:inline-flex!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:13px!important;
    position:relative!important;
    z-index:7100!important;
    color:#fff!important;
    background:linear-gradient(145deg,#112d5a,#08162f)!important;
    border:1px solid rgba(255,197,28,.28)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 0 1px rgba(72,128,255,.08) inset!important;
  }
  .mobile-nav-toggle[aria-expanded="true"]{color:#ffc51c!important;background:linear-gradient(145deg,#1a315f,#101b39)!important;border-color:rgba(255,197,28,.65)!important;box-shadow:0 0 22px rgba(255,197,28,.15)!important}
  .mobile-nav-toggle i{font-size:17px!important}
  .main-nav,
  .main-nav.mobile-nav-open{
    position:fixed!important;
    top:72px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    height:auto!important;
    max-height:calc(100dvh - 84px)!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    display:none!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid rgba(91,145,235,.28)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(7,18,42,.985),rgba(4,11,28,.99))!important;
    box-shadow:0 25px 70px rgba(0,0,0,.55),0 0 50px rgba(58,82,255,.12)!important;
    backdrop-filter:blur(22px)!important;
    z-index:7050!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(255,197,28,.45) transparent!important;
  }
  .main-nav.mobile-nav-open{display:grid!important;animation:cp149-menu-in .22s cubic-bezier(.2,.8,.2,1) both!important}
  .main-nav.mobile-nav-open:before{
    content:"";
    position:fixed;
    inset:64px 0 0;
    z-index:-1;
    background:rgba(0,4,15,.58);
    backdrop-filter:blur(2px);
    pointer-events:none;
  }
  .main-nav::-webkit-scrollbar{width:4px!important}
  .main-nav::-webkit-scrollbar-thumb{background:rgba(255,197,28,.35);border-radius:99px}
  .main-nav>a{
    width:100%!important;
    min-height:50px!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    padding:0 15px!important;
    margin:0!important;
    border:1px solid rgba(83,129,202,.14)!important;
    border-radius:14px!important;
    background:rgba(10,27,57,.72)!important;
    color:#d7e4fb!important;
    font-size:13px!important;
    font-weight:800!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .main-nav>a span,
  .main-nav>a .nav-label{display:inline-block!important;visibility:visible!important;opacity:1!important;color:inherit!important;font-size:13px!important}
  .main-nav>a i,.main-nav>a .nav-icon{display:grid!important;place-items:center!important;flex:0 0 23px!important;width:23px!important;height:23px!important;font-size:15px!important;color:#8da9d6!important}
  .main-nav>a:hover,.main-nav>a.active{transform:none!important;color:#fff!important;background:linear-gradient(100deg,rgba(25,67,132,.72),rgba(255,197,28,.10))!important;border-color:rgba(255,197,28,.25)!important;box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
  .main-nav>a.active i,.main-nav>a:hover i{color:#ffc51c!important}
  .main-nav>a:before{opacity:0!important;transform:none!important}
  .main-nav>a:after{display:none!important}
  .main-nav .nav-tool-menu{width:100%!important;margin:0!important;position:relative!important}
  .main-nav .nav-tool-trigger{
    width:100%!important;
    min-height:50px!important;
    height:50px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:0 15px!important;
    border:1px solid rgba(83,129,202,.14)!important;
    border-radius:14px!important;
    background:rgba(10,27,57,.72)!important;
    color:#d7e4fb!important;
    font-size:13px!important;
    font-weight:800!important;
    text-align:left!important;
  }
  .main-nav .nav-tool-trigger>i:first-child{color:#ffc51c!important;width:23px!important;text-align:center}
  .main-nav .nav-tool-trigger>i:last-child{margin-left:auto!important}
  .main-nav .nav-tool-dropdown{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;margin:6px 0 2px!important;border-radius:14px!important;max-height:280px!important;overflow:auto!important;box-shadow:none!important;animation:none!important}
  .main-nav .currency-dropdown{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:9px!important}
  .main-nav .currency-option{min-width:0!important;padding:10px!important;border-radius:10px!important}
  .main-nav .translate-dropdown{padding:10px!important}
  .main-nav .language-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .main-nav .language-option{min-width:0!important;padding:10px 8px!important}
}
@media (max-width:560px){
  .sketch-topbar{padding-left:8px!important;padding-right:8px!important}
  .sketch-brand .brand-coin{width:38px!important;height:38px!important;min-width:38px!important}
  .sketch-brand .brand-copy b{font-size:14px!important}
  .mobile-nav-toggle{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}
  .main-nav,.main-nav.mobile-nav-open{top:70px!important;left:8px!important;right:8px!important;max-height:calc(100dvh - 80px)!important;padding:8px!important;border-radius:18px!important}
  .main-nav>a,.main-nav .nav-tool-trigger{min-height:48px!important;height:48px!important;padding:0 13px!important;font-size:12px!important}
  .main-nav>a span,.main-nav>a .nav-label{font-size:12px!important}
}
@media (prefers-reduced-motion:reduce){.main-nav.mobile-nav-open{animation:none!important}.mobile-nav-toggle{transition:none!important}}
@keyframes cp149-menu-in{from{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}