/* TradeXX slim right mobile dropdown v10.7.56
 * Right-aligned compact menu with a dedicated Log in button.
 */

body.landing-page .gt-mobile-menu-login-v10756{
  display:none!important;
}

@media(max-width:980px){
  body.landing-page .landing-nav{
    position:absolute!important;
    left:auto!important;
    right:12px!important;
    top:64px!important;
    width:min(224px,calc(100vw - 24px))!important;
    max-width:224px!important;
    min-width:0!important;
    margin:0!important;
    padding:7px!important;
    gap:0!important;
    align-items:stretch!important;
    border:1px solid #e2e2e8!important;
    border-radius:12px!important;
    background:#ffffff!important;
    box-shadow:0 16px 36px rgba(17,17,17,.14)!important;
    overflow:hidden!important;
    z-index:120!important;
  }

  body.landing-page .landing-nav:not(.open){
    display:none!important;
  }

  body.landing-page .landing-nav.open{
    display:flex!important;
    flex-direction:column!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.landing-page .landing-nav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:38px!important;
    padding:8px 10px!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid #eeeeF2!important;
    border-radius:7px!important;
    background:#ffffff!important;
    color:#111111!important;
    font-size:12.5px!important;
    font-weight:850!important;
    line-height:1.2!important;
    text-align:left!important;
    opacity:1!important;
    visibility:visible!important;
    white-space:nowrap!important;
  }

  body.landing-page .landing-nav a:last-child{
    border-bottom:0!important;
  }

  body.landing-page .landing-nav a:hover,
  body.landing-page .landing-nav a:focus{
    background:#f7f4ff!important;
    color:#5b21b6!important;
  }

  body.landing-page .landing-nav .gt-mobile-menu-login-v10756{
    display:flex!important;
    justify-content:center!important;
    min-height:40px!important;
    margin-top:7px!important;
    border:0!important;
    border-radius:8px!important;
    background:#111111!important;
    color:#ffffff!important;
    font-size:12.5px!important;
    font-weight:900!important;
    text-align:center!important;
  }

  body.landing-page .landing-nav .gt-mobile-menu-login-v10756:hover,
  body.landing-page .landing-nav .gt-mobile-menu-login-v10756:focus{
    background:#6d28d9!important;
    color:#ffffff!important;
  }
}

@media(max-width:680px){
  body.landing-page .landing-nav{
    right:9px!important;
    top:61px!important;
    width:min(210px,calc(100vw - 18px))!important;
    max-width:210px!important;
    padding:6px!important;
    border-radius:11px!important;
  }

  body.landing-page .landing-nav a{
    min-height:36px!important;
    padding:8px 9px!important;
    font-size:12px!important;
  }

  body.landing-page .landing-nav .gt-mobile-menu-login-v10756{
    min-height:39px!important;
    font-size:12px!important;
  }
}