/* v3.11.21 premium desktop member sidebar */
@media (min-width:761px){
  .account-layout>.account-menu,.member-wizard-layout>aside .account-menu{position:sticky;top:18px;overflow:hidden;padding:22px 16px 18px;border:1px solid #dbe2de;border-radius:26px;background:radial-gradient(circle at 90% 0,rgba(202,255,44,.14),transparent 26%),linear-gradient(180deg,#ffffff 0%,#f5f7f4 100%);box-shadow:0 20px 48px rgba(9,21,37,.08)}
  .account-menu>.avatar{width:66px;height:66px;margin:0 auto 12px;border-radius:20px;background:linear-gradient(145deg,#071a35,#174f7a);color:#caff2c;box-shadow:0 14px 28px rgba(7,26,53,.2);font-size:18px}
  .account-menu>h2{margin:0;text-align:center;font-size:18px;letter-spacing:-.03em}
  .account-menu>small{display:block;margin:5px 0 18px;text-align:center;color:#71808c;font-size:11px}
  .account-menu nav{display:grid;gap:7px}
  .account-menu nav a{min-height:46px;padding:0 13px;border:1px solid transparent;border-radius:13px;background:transparent;transition:.2s}
  .account-menu nav a:hover{background:#eef2ed;border-color:#e1e6e1;transform:translateX(2px)}
  .account-menu nav a.active{background:linear-gradient(135deg,#071a35,#153e69);color:#fff;border-color:#153e69;box-shadow:0 12px 24px rgba(7,26,53,.16)}
  .account-menu nav a.active i{color:#caff2c}
  .account-menu nav a:last-child{margin-top:8px;padding-top:0;border-top:0;border:1px solid #f0dadd;background:#fff5f6;color:#a23b48}
}

/* Miras Emlak v3.11.15 - mobile member menu overflow fix */
@media (max-width:760px){
  body:not([data-frontend-view="account"]) .account-layout,
  body:not([data-frontend-view="account"]) .member-wizard-layout{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:visible;
  }

  body:not([data-frontend-view="account"]) .member-wizard-layout>aside,
  body:not([data-frontend-view="account"]) .account-layout>.account-menu{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:visible;
  }

  body:not([data-frontend-view="account"]) .account-menu{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:10px!important;
    overflow:visible!important;
    border-radius:18px!important;
  }

  body:not([data-frontend-view="account"]) .account-menu>.avatar,
  body:not([data-frontend-view="account"]) .account-menu>h2,
  body:not([data-frontend-view="account"]) .account-menu>small{
    display:none!important;
  }

  body:not([data-frontend-view="account"]) .account-menu nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    overflow-x:visible!important;
    scroll-snap-type:none!important;
    scrollbar-width:none!important;
  }

  body:not([data-frontend-view="account"]) .account-menu nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:7px 5px!important;
    box-sizing:border-box!important;
    gap:5px!important;
    border:1px solid #e2e8ee!important;
    border-radius:11px!important;
    background:#f3f5f3!important;
    color:#172033!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.18!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    transform:none!important;
    box-shadow:none!important;
  }

  body:not([data-frontend-view="account"]) .account-menu nav a i{
    width:auto!important;
    margin:0!important;
    flex:0 0 auto!important;
    font-size:11px!important;
  }

  body:not([data-frontend-view="account"]) .account-menu nav a.active{
    border-color:#0b2242!important;
    background:#0b2242!important;
    color:#fff!important;
    box-shadow:0 7px 16px rgba(11,34,66,.14)!important;
  }

  body:not([data-frontend-view="account"]) .account-menu nav a.active:after{
    display:none!important;
  }

  body:not([data-frontend-view="account"]) .account-menu nav a:last-child{
    display:none!important;
  }

  body:not([data-frontend-view="account"]) .account-menu .menu-count{
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    margin-left:1px!important;
    font-size:9px!important;
  }
}

@media (max-width:420px){
  body:not([data-frontend-view="account"]) .account-menu nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body:not([data-frontend-view="account"]) .account-menu nav a{
    min-height:46px!important;
    padding:7px 4px!important;
    font-size:10px!important;
  }
}

@media (max-width:340px){
  body:not([data-frontend-view="account"]) .account-menu nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}