/* QXL Classic 6.3.44 · independent mobile navigation drawer.
   Loaded LAST to replace the legacy two-column mobile dropdown, without affecting desktop. */
@media (max-width: 900px) {
  body.qxl-classic-2021.qxl-classic-menu-open { overflow: hidden !important; overscroll-behavior: none; }
  body.qxl-classic-2021 .qxl-classic-mobile-menu.is-open {
    background:#fff3e5 !important; border-color:#ff8300 !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-menu.is-open .qxl-classic-mobile-menu__label { color:#a84c00 !important; }
  .qxl-classic-mobile-backdrop {
    display:block !important; position:fixed !important; inset:0 !important;
    background:rgba(13,18,23,.52) !important; z-index:999900 !important;
    opacity:0 !important; visibility:hidden !important; pointer-events:none !important;
    transition:opacity .27s ease, visibility .27s ease !important;
    -webkit-tap-highlight-color:transparent;
  }
  .qxl-classic-mobile-backdrop.is-open { opacity:1 !important; visibility:visible !important; pointer-events:auto !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel,
  body.qxl-classic-2021 .qxl-classic-mobile-panel.is-open {
    display:flex !important; flex-direction:column !important;
    position:fixed !important; top:0 !important; bottom:0 !important; left:auto !important; right:0 !important;
    width:min(390px,100vw) !important; max-width:100vw !important; height:100dvh !important; max-height:100dvh !important;
    margin:0 !important; padding:0 !important; border:0 !important; border-radius:16px 0 0 16px !important;
    overflow:hidden !important; background:#fff !important; color:#202020 !important;
    box-shadow:-20px 0 60px rgba(0,0,0,.20) !important; z-index:999910 !important;
    transform:translateX(105%) !important; opacity:1 !important; visibility:hidden !important; pointer-events:none !important;
    transition:transform .28s cubic-bezier(.22,.8,.26,1),visibility .28s !important;
    font:normal 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel.is-open {
    visibility:visible !important; pointer-events:auto !important; transform:translateX(0) !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel * { box-sizing:border-box; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__head {
    display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important;
    padding:18px 20px 16px !important; flex:0 0 auto !important; margin:0 !important;
    background:#fff !important; border:0 !important; border-bottom:1px solid #ededed !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__identity { display:flex; flex-direction:column; align-items:flex-start; gap:8px; min-width:0; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__identity a { display:block !important; background:transparent !important; padding:0 !important; height:auto !important; border:0 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__identity img { display:block; width:92px; height:auto; max-height:44px; object-fit:contain; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__identity>span { color:#8b8b8b !important; font-size:9px !important; letter-spacing:.1em; font-weight:700 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__close {
    flex:0 0 38px; display:grid; place-items:center; width:38px; height:38px; min-height:38px;
    border:1px solid #e5e5e5 !important; background:#f7f7f7 !important; border-radius:50% !important;
    color:#232323 !important; padding:0 !important; cursor:pointer;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__close svg { display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__scroll {
    display:block !important; flex:1 1 auto !important; height:0 !important; overflow-x:hidden !important; overflow-y:auto !important;
    overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:0 20px max(18px,env(safe-area-inset-bottom)) !important;
    scrollbar-width:thin;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__welcome { display:flex; flex-direction:column; gap:4px; margin:22px 0 18px; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__welcome strong { font-size:25px !important; line-height:1.15; color:#181818 !important; font-weight:750; letter-spacing:-.035em; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__welcome span { font-size:13px !important; color:#757575 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__sell {
    display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important;
    gap:12px !important; min-height:52px !important; margin:0 0 12px !important; padding:0 15px !important;
    width:100% !important; background:#202020 !important; color:#fff !important; border:0 !important;
    border-radius:8px !important; text-decoration:none !important; text-align:left !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__sell:hover { background:#353535 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__sell strong { color:#fff !important; font-size:14px !important; font-weight:730; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__sell-icon { display:flex; width:20px; height:20px; align-items:center; justify-content:center; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__sell svg,
  body.qxl-classic-2021 .qxl-classic-mobile-panel__quickgrid svg,
  body.qxl-classic-2021 .qxl-classic-mobile-panel__categories svg {
    display:block; width:22px; height:22px; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; fill:none;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__sell-icon svg { width:20px; height:20px; color:#ff8300; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__arrow { margin-left:auto; font-size:21px; font-weight:400; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__guest-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:12px; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__guest-actions a {
    display:flex !important; align-items:center !important; justify-content:center !important; height:43px !important;
    min-height:43px !important; padding:6px 8px !important; border:1px solid #dedede !important;
    background:#fff !important; color:#222 !important; border-radius:7px !important; font-size:12px !important; font-weight:700 !important; text-align:center !important;
    text-decoration:none !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__guest-actions a:last-child { background:#fff7ed !important; border-color:#f7d9b9 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__section {
    margin:24px 0 0 !important; padding:20px 0 0 !important; border-top:1px solid #e9e9e9 !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__section-title {
    margin:0 0 13px !important; padding:0 !important; font-size:11px !important; letter-spacing:.08em !important;
    text-transform:uppercase !important; color:#787878 !important; font-weight:800 !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__quickgrid {
    display:grid !important; grid-template-columns:1fr 1fr !important; gap:9px !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__quickgrid a {
    display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important;
    gap:10px !important; min-height:94px !important; margin:0 !important; padding:14px 13px !important;
    background:#f7f7f7 !important; border:1px solid #efefef !important; border-radius:9px !important;
    color:#242424 !important; text-decoration:none !important; text-align:left !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__quickgrid a:hover { background:#fff8ef !important; border-color:#f2d5b7 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__quickgrid a>span { display:block; width:22px; height:22px; color:#ff8300; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__quickgrid strong { font-size:12px !important; color:#222 !important; font-weight:700 !important; line-height:1.2 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__section--categories { padding-top:0 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__categories { margin:0; padding:0; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__categories summary {
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    min-height:55px; cursor:pointer; list-style:none; padding:0 2px; color:#222;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__categories summary::-webkit-details-marker { display:none; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__categories summary>span:first-child { display:flex; align-items:center; gap:13px; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__categories summary svg { color:#ff8300; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__categories summary strong { font-size:14px; font-weight:750; color:#222; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__chevron { color:#909090; font-size:24px; line-height:1; transition:transform .18s ease; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__categories[open] .qxl-classic-mobile-panel__chevron { transform:rotate(180deg); }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__category-list { padding:2px 0 14px 35px; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__category-list a,
  body.qxl-classic-2021 .qxl-classic-mobile-panel__linklist a {
    display:flex !important; flex-direction:row !important; justify-content:space-between !important; align-items:center !important;
    gap:16px !important; width:100% !important; min-height:44px !important; padding:9px 2px !important;
    margin:0 !important; border:0 !important; border-bottom:1px solid #f0f0f0 !important;
    background:transparent !important; border-radius:0 !important; text-align:left !important;
    text-decoration:none !important; color:#292929 !important; font-size:13px !important; font-weight:550 !important;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__category-list a span:last-child,
  body.qxl-classic-2021 .qxl-classic-mobile-panel__linklist a>span:last-child { color:#a6a6a6 !important; font-size:22px; font-weight:400; line-height:1; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__category-list a:hover,
  body.qxl-classic-2021 .qxl-classic-mobile-panel__linklist a:hover { color:#d56a00 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__category-list a.qxl-classic-mobile-panel__category-all { color:#aa5100 !important; font-weight:750 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__section--last { margin-top:16px !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__linklist a.qxl-classic-mobile-pro-link { color:#b65800 !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__linklist .qxl-classic-mobile-message-count {
    display:inline-flex; align-items:center; justify-content:center; min-width:20px; min-height:18px; padding:0 5px;
    border-radius:9px; background:#ff8300; color:#fff; font-size:10px;
  }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__footnote { margin:28px 0 0; padding:20px 0 10px; color:#969696; font-size:11px; text-align:center; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel a:focus-visible,
  body.qxl-classic-2021 .qxl-classic-mobile-panel button:focus-visible,
  body.qxl-classic-2021 .qxl-classic-mobile-panel summary:focus-visible { outline:2px solid #ff8300 !important; outline-offset:3px !important; }
}
@media(max-width:375px) {
  body.qxl-classic-2021 .qxl-classic-mobile-panel__head { padding:14px 16px !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel__scroll { padding-left:16px !important; padding-right:16px !important; }
}
@media(min-width:901px) {
  .qxl-classic-mobile-backdrop { display:none !important; }
  body.qxl-classic-2021 .qxl-classic-mobile-panel { display:none !important; }
}
@media(prefers-reduced-motion:reduce) {
  .qxl-classic-mobile-panel,.qxl-classic-mobile-backdrop { transition:none !important; }
}