/* QXL Classic 2021 x Auctionet: final neutral design layer, v6.3.37. */
:root{--qxl-classic-orange:#ff8300;--qxl-classic-blue:#242424;--qxl-2021-blue:#242424;--qxl-2021-blue-deep:#191919;--qxl-2021-green:#212121;--qxl-2021-divider:#e8e8e8}
body.qxl-classic-2021{background:#fff!important;color:#202020!important}
body.qxl-classic-2021 .site-primary{background:#fff!important;border-color:#ececec!important;box-shadow:0 3px 18px rgba(0,0,0,.025)!important}
body.qxl-classic-2021 a{transition:color .18s ease}
body.qxl-classic-2021 .qxl-classic-topbar{background:#fafafa!important;border-top:0!important;border-bottom:1px solid #e8e8e8!important;box-shadow:none!important}
body.qxl-classic-2021 .qxl-classic-topbar__member .qxl-classic-join,
body.qxl-classic-2021 .qxl-classic-topbar__member .qxl-classic-login{background:#fff!important;color:#252525!important;border:1px solid #ddd!important;box-shadow:none!important}
body.qxl-classic-2021 .qxl-classic-topbar__member a,
body.qxl-classic-2021 .qxl-classic-topbar__nav a,
body.qxl-classic-2021 .qxl-classic-topbar__nav button{color:#3a3a3a!important}
body.qxl-classic-2021 .qxl-classic-topbar__nav span{color:#888!important}
body.qxl-classic-2021 .qxl-classic-header{background:#fff!important;border-bottom:1px solid #ececec!important}
body.qxl-classic-2021 .qxl-classic-iconnav a{color:#252525!important;font-weight:600!important}
body.qxl-classic-2021 .qxl-classic-header-icon,
body.qxl-classic-2021 .qxl-classic-mobile-action__icon.qxl-classic-header-icon{color:#404040!important}
body.qxl-classic-2021 .qxl-classic-iconnav a:hover,
body.qxl-classic-2021 .qxl-classic-iconnav a:hover span{color:#ff8300!important}
body.qxl-classic-2021 .qxl-classic-search__frame{background:#ff8300!important;border:1px solid #ff8300!important;border-bottom:1px solid #ff8300!important;box-shadow:none!important;border-radius:5px!important;padding:5px!important;gap:6px!important}
body.qxl-classic-2021 .qxl-classic-search input[type="search"],
body.qxl-classic-2021 .qxl-classic-search select{border:1px solid #e5e5e5!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important;color:#292929!important}
body.qxl-classic-2021 .qxl-classic-search button,
body.qxl-classic-2021 .qxl-classic-advanced{background:#202020!important;border:1px solid #202020!important;color:#fff!important;text-shadow:none!important;box-shadow:none!important;border-radius:3px!important}
body.qxl-classic-2021 .qxl-classic-search button:hover,
body.qxl-classic-2021 .qxl-classic-advanced:hover{background:#333!important;border-color:#333!important}
body.qxl-classic-2021 .qxl-classic-breadcrumb a,
body.qxl-classic-2021 .qxl-breadcrumbs a,
body.qxl-classic-2021 .qxl-market-category-list a,
body.qxl-classic-2021 .qxl-classic-category-rail__main,
body.qxl-classic-2021 .qxl-classic-category-rail__sub a,
body.qxl-classic-2021 .qxl-classic-category-rail__main b,
body.qxl-classic-2021 .qxl-classic-all-categories{color:#292929!important}
body.qxl-classic-2021 .qxl-classic-category-rail__sub a{font-weight:400!important;color:#858585!important}
body.qxl-classic-2021 .qxl-classic-category-rail__item{border-bottom:1px solid #ededed!important}
body.qxl-classic-2021 .qxl-classic-category-rail__item:hover,
body.qxl-classic-2021 .qxl-classic-category-rail__item:focus-within{background:#f7f7f7!important}
body.qxl-classic-2021 .qxl-classic-category-flyout{border-color:#e9e9e9!important;box-shadow:0 12px 28px rgba(0,0,0,.09)!important}
body.home.qxl-classic-2021 .qxl-classic-sell-button{background:#202020!important;color:#fff!important;border:1px solid #202020!important;box-shadow:none!important;text-shadow:none!important;font-size:14px!important;min-height:43px!important;border-radius:4px!important;letter-spacing:0!important;justify-content:center!important;gap:16px!important}
body.home.qxl-classic-2021 .qxl-classic-sell-button:hover{background:#3a3a3a!important;border-color:#3a3a3a!important}
body.home.qxl-classic-2021 .qxl-classic-sell-button span{color:#fff!important;font-size:20px!important}
body.home.qxl-classic-2021 .qxl-classic-rail-widget__head{background:#f5f5f5!important;color:#222!important;border:1px solid #ececec!important}
body.home.qxl-classic-2021 .qxl-classic-rail-discovery__cta{color:#222!important}
body.home.qxl-classic-2021 .qxl-classic-banner{border:1px solid #e5e5e5!important;box-shadow:none!important;border-radius:5px!important}
body.home.qxl-classic-2021 .qxl-classic-banner__slide,
body.home.qxl-classic-2021 .qxl-classic-banner__slide:nth-child(n){background:#f6f6f6!important}
body.home.qxl-classic-2021 .qxl-classic-banner__slide::before,
body.home.qxl-classic-2021 .qxl-classic-banner__slide::after{display:none!important}
body.home.qxl-classic-2021 .qxl-classic-banner__copy a{background:#222!important;border:1px solid #222!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;border-radius:4px!important}
body.home.qxl-classic-2021 .qxl-classic-featured__head,
body.home.qxl-classic-2021 .qxl-classic-featured__head>span{color:#222!important}
body.home.qxl-classic-2021 .qxl-classic-featured__head>a{color:#5a5a5a!important}
body.home.qxl-classic-2021 .qxl-classic-auction-card{border:1px solid #e9e9e9!important;border-radius:4px!important;box-shadow:none!important;background:#fff!important}
body.home.qxl-classic-2021 .qxl-classic-auction-card:hover{border-color:#b7b7b7!important;box-shadow:0 6px 18px rgba(0,0,0,.045)!important}
body.home.qxl-classic-2021 .qxl-classic-auction-card h3 a{color:#222!important}
body.home.qxl-classic-2021 .qxl-classic-auction-card__price{color:#222!important}
body.home.qxl-classic-2021 .qxl-classic-auction-links{border-top:1px solid #e7e7e7!important;border-bottom:1px solid #e7e7e7!important;background:#fff!important}
body.home.qxl-classic-2021 .qxl-classic-auction-links a{color:#353535!important}
body.home.qxl-classic-2021 .qxl-classic-auction-links a:hover{color:#ff8300!important}
body.qxl-classic-2021 .qxl-classic-sold-badge{display:inline-flex;align-items:center;justify-content:center;font:700 11px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.09em!important;color:#167145!important;background:#e6f5ed!important;border:1px solid #bce7d0!important;border-radius:4px!important;padding:7px 12px!important;margin-top:4px!important}
body.qxl-classic-2021 .qxl-category-promoted-row__head h2{color:#222!important}
body.qxl-classic-2021 .qxl-category-promoted-card{border-color:#e8e8e8!important}
body.qxl-classic-2021 a:focus-visible,
body.qxl-classic-2021 button:focus-visible{outline-color:#ff8300!important}
@media(min-width:901px){
 body.qxl-classic-2021 .qxl-classic-header__inner{display:grid!important;grid-template-columns:205px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;padding-top:9px!important;padding-bottom:13px!important}
 body.qxl-classic-2021 .qxl-classic-logo{align-self:center!important;padding:0 0 0 8px!important}
 body.qxl-classic-2021 .qxl-classic-logo img{display:block!important;max-width:153px!important;width:153px!important;height:auto!important;max-height:78px!important;object-fit:contain!important}
 body.qxl-classic-2021 .qxl-classic-header__desktop-main{display:grid!important;grid-template-rows:auto auto!important;gap:6px!important;min-width:0!important}
 body.qxl-classic-2021 .qxl-classic-iconnav{padding:0 2px 3px!important;gap:18px!important}
 body.qxl-classic-2021 .qxl-classic-iconnav a{gap:2px!important}
 body.qxl-classic-2021 .qxl-classic-search{display:block!important;margin:0!important}
 body.home.qxl-classic-2021 .qxl-classic-home__grid{grid-template-columns:205px minmax(0,1fr)!important;gap:24px!important}
}
@media(max-width:900px){
 body.qxl-classic-2021 .qxl-classic-header__inner{grid-template-columns:100px minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"logo actions" "search search"!important;padding:11px 10px!important;gap:7px!important}
 body.qxl-classic-2021 .qxl-classic-header__desktop-main{display:contents!important}
 body.qxl-classic-2021 .qxl-classic-search{grid-area:search!important;display:block!important}
 body.qxl-classic-2021 .qxl-classic-search__frame{grid-template-columns:minmax(0,1fr) 72px!important;padding:4px!important}
 body.qxl-classic-2021 .qxl-classic-logo img{width:100px!important;max-width:100px!important;height:auto!important;max-height:54px!important}
 body.home.qxl-classic-2021 .qxl-classic-sell-button{display:flex!important;margin:9px 0!important}
 body.home.qxl-classic-2021 .qxl-classic-category-rail__list{display:none!important}
 body.home.qxl-classic-2021 .qxl-classic-home__grid{display:flex!important;flex-direction:column!important}
}

/* Account preferences work equally well in Classic and Auctionet. */
body.qxl-classic-2021 .qxl-classic-member-settings{width:min(850px,100%);margin:16px auto 48px;padding:28px 32px;border:1px solid #e8e8e8;border-radius:6px;background:#fff;color:#232323}
body.qxl-classic-2021 .qxl-classic-member-settings h1{font-size:27px!important;font-weight:730!important;margin:0 0 8px!important}
body.qxl-classic-2021 .qxl-classic-member-settings>p{font-size:13px;color:#777;margin:0 0 22px}
@media(max-width:760px){body.qxl-classic-2021 .qxl-classic-member-settings{margin:8px auto 28px;padding:22px 16px}}

/* Neutrals across the other Classic surfaces, not just the homepage. */
body.qxl-classic-2021 .qxl-classic-auction-card__price .amount,
body.qxl-classic-2021 .qxl-classic-auction-links a,
body.qxl-classic-2021 .qxl-classic-list-row__item h2 a,
body.qxl-classic-2021 .qxl-classic-list-row__price,
body.qxl-classic-2021 .qxl-market-category-list a,
body.qxl-classic-2021 .qxl-market-sidebar__allcat,
body.qxl-classic-2021 .qxl-market-archive__eyebrow{color:#272727!important}
body.qxl-classic-2021 .qxl-classic-product-section{border-color:#e6e6e6!important}
body.qxl-classic-2021 .qxl-classic-product-section__title{background:#f5f5f5!important;border-bottom:1px solid #e6e6e6!important}
body.qxl-classic-2021 .qxl-classic-product-section__title h2,
body.qxl-classic-2021 .qxl-classic-product-section__title a{color:#222!important}
body.qxl-classic-2021 .qxl-classic-auction-links .is-green,
body.qxl-classic-2021 .qxl-classic-auction-links .is-red,
body.qxl-classic-2021 .qxl-classic-auction-links .is-gold,
body.qxl-classic-2021 .qxl-classic-auction-links .is-orange{color:#888!important}
body.qxl-classic-2021 .qxl-classic-wide-strip a{background:#272727!important;color:#fff!important}
body.qxl-classic-2021 .qxl-classic-archive-tabs{gap:8px!important;border-color:#e8e8e8!important}
body.qxl-classic-2021 .qxl-classic-archive-tabs a{background:#fafafa!important;border:1px solid #e5e5e5!important;color:#515151!important;box-shadow:none!important;border-radius:4px!important}
body.qxl-classic-2021 .qxl-classic-archive-tabs a.is-active{background:#212121!important;color:#fff!important;border-color:#212121!important}
body.qxl-classic-2021 .qxl-classic-archive-tabs a span{background:#f2f2f2!important;color:#555!important}
body.qxl-classic-2021 .qxl-market-sidebar__section h2{background:#f7f7f7!important;color:#333!important;border-color:#eaeaea!important}
body.qxl-classic-2021 .qxl-market-sidebar__inner{border-color:#e8e8e8!important}
body.qxl-classic-2021 .qxl-category-promoted-row{border-color:#e7e7e7!important;background:#fafafa!important}
body.qxl-classic-2021 .qxl-category-promoted-row__head{background:#fafafa!important;border-color:#ebebeb!important}
body.qxl-classic-2021 .qxl-category-promoted-row__head h2{color:#222!important}
body.qxl-classic-2021 .qxl-category-promoted-card__body h3 a{color:#252525!important}
@media(min-width:901px){
 body.qxl-classic-2021 .qxl-classic-header__inner .qxl-classic-logo{width:100%!important}
 body.qxl-classic-2021 .qxl-classic-header__desktop-main .qxl-classic-search{width:100%!important;max-width:none!important}
}


/* v6.3.35 — one full-width desktop search track, with breathing room below
   the header divider. Earlier Classic rules put the icon menu in an implicit
   second grid column; that made the search occupy only the first half. */
@media (min-width: 901px) {
  body.qxl-classic-2021 .qxl-classic-header__inner > .qxl-classic-header__desktop-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    row-gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body.qxl-classic-2021 .qxl-classic-header__desktop-main > .qxl-classic-iconnav {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
  }
  body.qxl-classic-2021 .qxl-classic-header__desktop-main > .qxl-classic-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: block !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body.qxl-classic-2021 .qxl-classic-header__desktop-main .qxl-classic-search__frame {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1fr) 205px 76px 122px !important;
  }
  body.home.qxl-classic-2021 .site-primary {
    padding-top: 14px !important;
  }
}
@media (max-width: 900px) {
  /* Mobile keeps its own two-row logo/actions + search layout. */
  body.home.qxl-classic-2021 .site-primary {
    padding-top: 10px !important;
  }
}


/* v6.3.36 — match Auctionet desktop canvas (1440px).
   All major Classic wrappers share one width; keep the 205px logo/category
   track and 24px column gap unchanged, so the search stays precisely aligned.
   Responsive/mobile layouts retain their existing behavior. */
@media (min-width: 901px) {
  :root { --qxl-classic-width: 1440px; }
  body.qxl-classic-2021 .qxl-classic-header__inner,
  body.qxl-classic-2021 .qxl-classic-topbar__inner,
  body.qxl-classic-2021 .site-primary,
  body.qxl-classic-2021 .qxl-market-footer .qxl-shell {
    width: min(calc(100% - 32px), var(--qxl-classic-width)) !important;
    max-width: var(--qxl-classic-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}


/* v6.3.37 — unified QXL logo orange and clean, accessible category filter tabs. */
:root,
body.qxl-classic-2021 {
  --qxl-classic-orange: #ff8300;
  --qxl-2021-orange: #ff8300;
  --qxl-orange: #ff8300;
  --qxl-orange-dark: #ff8300;
  --qxl-ui-orange: #ff8300;
  --qxl-ui-orange-hover: #ff8300;
}
body.qxl-classic-2021 .qxl-classic-search__frame {
  background: #ff8300 !important;
  border-color: #ff8300 !important;
}
/* Specificity deliberately matches the older Classic archive rules. */
body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
  align-items:stretch !important;
  width:100% !important;
  margin:0 0 14px !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  overflow:visible !important;
}
body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:43px !important;
  height:43px !important;
  width:100% !important;
  min-width:0 !important;
  padding:0 12px !important;
  border:1px solid #e2e4e7 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#33383c !important;
  text-shadow:none !important;
  font-size:12.5px !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  box-shadow:0 1px 2px rgba(17,24,39,.025) !important;
  text-decoration:none !important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease !important;
}
body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a:before {
  display:none !important;
}
body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a:hover {
  background:#f7f8f9 !important;
  border-color:#c4c8cd !important;
  color:#171a1d !important;
  box-shadow:0 2px 6px rgba(17,24,39,.05) !important;
}
body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a:focus-visible {
  outline:2px solid #ff8300 !important;
  outline-offset:2px !important;
}
body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a.is-active {
  color:#191b1e !important;
  border-color:#c3c6ca !important;
  background:#fff !important;
  box-shadow:inset 0 -3px 0 #ff8300 !important;
}
body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a span.qxl-classic-archive-tab-label {
  display:inline !important;
  padding:0 !important;
  color:inherit !important;
  background:transparent !important;
  font:inherit !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  overflow:hidden !important;
}
body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a svg.qxl-classic-archive-tab-icon {
  display:block !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  fill:none !important;
  color:#696e73 !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a.is-active svg.qxl-classic-archive-tab-icon {
  color:#ff8300 !important;
}
@media(max-width:700px) {
  body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs {
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    scroll-snap-type:x proximity !important;
    padding:0 1px 5px !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs::-webkit-scrollbar{display:none!important;}
  body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a {
    flex:0 0 auto !important;
    width:auto !important;
    min-width:130px !important;
    min-height:40px !important;
    height:40px !important;
    padding:0 10px !important;
    font-size:12px !important;
    scroll-snap-align:start !important;
  }
  body.qxl-classic-2021.qxl-market-listing .qxl-market-results-column > .qxl-classic-archive-tabs a svg.qxl-classic-archive-tab-icon {
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
  }
}

/* v6.3.38 — desktop-only optical alignment of the logo with the search bar.
   Transform moves the painted logo, not its layout box; search and navigation
   positions, header height and mobile layout remain exactly as before. */
@media (min-width: 901px) {
  body.qxl-classic-2021 .qxl-classic-header__inner > .qxl-classic-logo img {
    transform: translateY(14px) !important;
  }
}
