/* Mobile-only presentation of the existing MyListing navigation. */
@media (max-width:1200px) {
  body.as-mobile-drawer {
    --drawer-ink:#1A1A2E; --drawer-muted:#6B7280; --drawer-line:#E5EAF2;
    --drawer-blue:#2D66DE; --drawer-bg:#F7F9FB; --drawer-surface:#FFFFFF;
  }
  body.as-mobile-drawer .c27-main-header .mobile-menu > a {
    display:flex; align-items:center; justify-content:center; min-width:48px; min-height:48px;
    border-radius:12px; color:var(--drawer-ink);
  }
  body.as-mobile-drawer .c27-main-header .mobile-menu-lines i { padding:0; }
  body.as-mobile-drawer .c27-main-header .i-nav {
    width:min(360px,calc(100vw - 32px)); height:100vh; height:100dvh; max-height:100dvh;
    margin:0; padding:0; border:0; border-radius:0 16px 16px 0;
    background:var(--drawer-surface)!important; text-align:left;
    box-shadow:8px 0 40px rgba(26,26,46,.12); overscroll-behavior:contain;
    font-family:Poppins,sans-serif; transform:translateX(-110%);
  }
  body.as-mobile-drawer .c27-main-header .i-nav.mobile-menu-open { transform:translateX(0); }
  body.as-mobile-drawer .c27-main-header .i-nav.as-drawer-enhanced {
    display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden;
  }
  body.as-mobile-drawer .c27-main-header .mobile-nav-head {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    min-height:96px; height:auto; padding:20px 16px 20px 20px;
    padding-top:max(20px,env(safe-area-inset-top)); border-bottom:1px solid var(--drawer-line);
    background:var(--drawer-surface);
  }
  body.as-mobile-drawer .c27-main-header .mnh-close-icon { position:static; order:2; width:48px; height:48px; margin:0; flex:0 0 48px; }
  body.as-mobile-drawer .c27-main-header .mnh-close-icon > a {
    display:flex; align-items:center; justify-content:center; width:48px; height:48px;
    border:1px solid var(--drawer-line); border-radius:12px; background:var(--drawer-bg);
  }
  body.as-mobile-drawer .c27-main-header .mnh-close-icon i { font-size:24px; padding:0; }
  body.as-mobile-drawer .c27-main-header .mobile-nav-head .user-profile-dropdown { min-width:0; width:auto; height:auto; flex:1; }
  body.as-mobile-drawer .c27-main-header .mobile-nav-head .user-profile-name {
    display:grid; grid-template-columns:44px minmax(0,1fr) 16px; grid-template-rows:auto auto;
    column-gap:12px; padding:0; margin:0; min-height:48px; height:auto;
    color:var(--drawer-ink)!important; font-size:14px; font-weight:600; line-height:1.5;
    white-space:normal; overflow-wrap:anywhere; text-overflow:clip; overflow:visible;
  }
  body.as-mobile-drawer .c27-main-header .mobile-nav-head .user-profile-name::after {
    content:'Şəxsi kabinet'; grid-column:2; grid-row:2; color:var(--drawer-muted); font-size:11px; font-weight:400;
  }
  body.as-mobile-drawer .c27-main-header .mobile-nav-head .avatar {
    grid-row:1 / 3; width:44px; min-width:44px; height:44px; margin:0; border-radius:12px;
    background:var(--drawer-bg); overflow:hidden;
  }
  body.as-mobile-drawer .c27-main-header .mobile-nav-head .avatar img { width:44px; height:44px; border-radius:12px; object-fit:cover; }
  body.as-mobile-drawer .c27-main-header .mobile-nav-head .submenu-toggle { grid-column:3; grid-row:1 / 3; width:16px; opacity:1; }
  body.as-mobile-drawer .c27-main-header .mobile-nav-head .submenu-toggle i { right:0; font-size:20px; color:var(--drawer-muted); }
  body.as-mobile-drawer .c27-main-header .user-profile-name[aria-expanded=true] .submenu-toggle { transform:rotate(180deg); }
  body.as-mobile-drawer .c27-main-header .mob-sign-in { margin:0; min-width:0; flex:1; }
  body.as-mobile-drawer .c27-main-header .mob-sign-in > a { min-height:48px; gap:10px; color:var(--drawer-blue); font-size:14px; font-weight:600; }
  body.as-mobile-drawer .as-drawer-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:20px 16px 16px; scrollbar-width:thin; scrollbar-color:var(--drawer-line) transparent; }
  body.as-mobile-drawer .c27-main-header .as-drawer-label { margin:0 12px 12px; color:var(--drawer-muted); font-size:11px; font-weight:600; line-height:1.5; letter-spacing:.6px; text-transform:uppercase; }
  body.as-mobile-drawer .c27-main-header .i-nav .main-nav { margin:0!important; padding:0; width:100%; }
  body.as-mobile-drawer .c27-main-header .i-nav :is(.main-nav,.mobile-user-menu ul) > li { display:block; width:100%; margin:0 0 4px; padding:0; border:0; }
  body.as-mobile-drawer .c27-main-header .i-nav :is(.main-nav,.mobile-user-menu ul) > li > a {
    display:flex; align-items:center; gap:12px; width:100%; min-height:48px; height:auto;
    padding:12px; margin:0!important; border:1px solid transparent; border-radius:12px;
    color:var(--drawer-ink); font-size:14px; font-weight:500; line-height:1.5; white-space:normal;
  }
  body.as-mobile-drawer .c27-main-header .i-nav :is(.main-nav,.mobile-user-menu ul) > li > a:hover,
  body.as-mobile-drawer .c27-main-header .i-nav :is(.main-nav,.mobile-user-menu ul) > li > a[aria-current=page] {
    background:var(--drawer-bg); color:var(--drawer-blue)!important; border-color:var(--drawer-line);
  }
  body.as-mobile-drawer .c27-main-header .i-nav a[aria-current=page] { font-weight:600!important; }
  body.as-mobile-drawer .c27-main-header .as-drawer-icon { width:22px; height:22px; flex:0 0 22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  body.as-mobile-drawer .c27-main-header a:has(> .as-drawer-icon) > i { display:none; }
  body.as-mobile-drawer .c27-main-header .mobile-user-menu { padding:20px 0 0; margin-top:16px; background:transparent; border-top:1px solid var(--drawer-line); }
  body.as-mobile-drawer .c27-main-header .mobile-user-menu[hidden] { display:none!important; }
  body.as-mobile-drawer .c27-main-header .mobile-user-menu ul { padding:0; margin:0; }
  body.as-mobile-drawer .c27-main-header .mobile-user-menu li:last-child { margin:12px 0 0; padding-top:8px; border-top:1px solid var(--drawer-line); }
  body.as-mobile-drawer .c27-main-header .mobile-user-menu li:last-child a { color:var(--drawer-muted); }
  body.as-mobile-drawer .c27-main-header .mobile-nav-button {
    margin:0; width:100%; height:auto; min-height:88px; padding:16px 20px;
    padding-bottom:max(20px,env(safe-area-inset-bottom)); border-top:1px solid var(--drawer-line); background:var(--drawer-surface); overflow:visible;
  }
  body.as-mobile-drawer .c27-main-header .mobile-nav-button .header-button { padding:0; height:auto; }
  body.as-mobile-drawer .c27-main-header .mobile-nav-button a {
    display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; height:auto;
    padding:12px 16px; border:0; border-radius:12px; background:var(--drawer-blue); color:var(--drawer-surface); font-size:14px; font-weight:600;
  }
  body.as-mobile-drawer .c27-main-header .mobile-nav-button a:hover { background:var(--drawer-ink); }
  body.as-mobile-drawer .c27-main-header :is(.i-nav,.mobile-menu) a:focus-visible { outline:3px solid #467FF7; outline-offset:2px; }
  body.as-mobile-drawer .c27-main-header .i-nav-overlay { position:fixed; inset:0; width:100vw; height:100vh; height:100dvh; background:rgba(26,26,46,.42); }
  body.as-mobile-drawer.as-drawer-open.as-drawer-own-lock { position:fixed; top:var(--as-drawer-scroll-top); width:100%; overflow:hidden; }
  body.as-mobile-drawer.as-drawer-open .c27-main-header { position:fixed!important; top:0!important; transform:none!important; z-index:100020!important; }
  body.as-mobile-drawer.as-drawer-open :is(#bottomMobileMenu,#asantap-mobile-back,#mylisting-back-to-top) { visibility:hidden!important; pointer-events:none!important; }
}
@media (max-width:1200px) and (prefers-reduced-motion:reduce) {
  body.as-mobile-drawer .c27-main-header :is(.i-nav,.i-nav-overlay,.i-nav *) { transition:none!important; animation:none!important; }
}