/* Neutral UI with marketplace logos preserved in their original colors. */
.sources-section .section-kicker{color:#bcbcbc}
.sources-section .section-heading>p,.sources-section .sources-footer>p{color:#bdbdbd}
.sources-section .sources-footer .inline-button{color:#efefef}
.sources-section .source-showcase{gap:12px}
.sources-section .source-brand{display:flex;flex-direction:column;align-items:center;min-width:0;padding:24px 10px 20px;background:#151515;border:1px solid #ffffff12;border-radius:16px;text-align:center}
.sources-section .source-brand>.marketplace-logo{display:flex;align-items:center;justify-content:center}
.marketplace-logo{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex-shrink:0;border-radius:15px;background:#fafafa;overflow:hidden;box-shadow:0 1px 0 #ffffff12,0 5px 18px #00000022}
.marketplace-logo img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:none;opacity:1;margin:0}
.marketplace-logo[data-brand=sbtjapan_com] img{padding:5px}
.marketplace-logo[data-brand=copart_com] img{width:62.5%;height:62.5%;flex-shrink:0;object-fit:contain;object-position:center}
.marketplace-logo[data-brand=iaai_com] img,.marketplace-logo[data-brand=ebay_com] img{width:32px;height:32px}
.marketplace-logo.wordmark img{padding:5px}
.sources-section .source-brand>.source-name{font-size:14px;letter-spacing:-.3px;margin:17px 0 7px;line-height:1.4}
.marketplace-country,.sources-section .source-brand>.marketplace-country{color:#bcbcbc;font-size:11px;line-height:1.6;margin:0}
.marketplace-categories{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.sources-section .marketplace-categories{justify-content:center;margin-top:13px}
.marketplace-category{display:inline-flex;align-items:center;gap:4px;color:#cecece;background:#ffffff04;border:1px solid #ffffff0e;border-radius:5px;padding:4px 6px;font-size:9px;line-height:1.3;white-space:nowrap}
.marketplace-category>.icon{width:11px;height:11px;flex-shrink:0}
.sources-section .sources-footer{margin-top:22px}
.sources-section .sources-footer .inline-button{padding-left:0;min-height:42px}

/* The header stays visible; only the marketplace grid scrolls. */
#sources-dialog{width:min(920px,calc(100% - 48px));max-width:none;max-height:none;overflow:visible;background:#111111;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 32px 110px #000000bb;color:#f5f5f5}
#sources-dialog::backdrop{background:#000000cc;backdrop-filter:blur(12px)}
#sources-dialog button:focus-visible,#sources-dialog [tabindex]:focus-visible{outline-color:#f3f3f3;outline-offset:3px}
.catalog-shell{height:min(760px,calc(100dvh - 64px));display:flex;flex-direction:column;overflow:hidden;border-radius:inherit}
.catalog-header{position:relative;flex-shrink:0;padding:32px 32px 24px;border-bottom:1px solid #ffffff0d;background:#161616}
.catalog-header>.section-kicker{font-size:11px;margin:0 0 13px;color:#bcbcbc}
#sources-dialog .catalog-header h2{font-size:32px;line-height:1.2;letter-spacing:-1.1px;margin:0 50px 12px 0;max-width:none}
#sources-dialog-description{font-size:12px;color:#bdbdbd;line-height:1.7;margin:0}
#sources-dialog .dialog-close{top:24px;right:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #ffffff18;border-radius:50%;background:#ffffff04;color:#d7d7d7;transition:background .15s,border-color .15s}
#sources-dialog .dialog-close>.icon{width:16px;height:16px}
#sources-dialog .dialog-close:hover{background:#ffffff0d;border-color:#ffffff35}
#sources-dialog .catalog-filters{display:grid;grid-template-columns:1fr;gap:20px;margin:24px 0 0;align-items:start}
.filter-label{display:block;font-size:10px;color:#b9b9b9;margin-bottom:9px;line-height:1.6}
.catalog-categories{display:flex;flex-wrap:wrap;gap:6px}
.catalog-categories>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:10px 11px;border:1px solid #ffffff15;border-radius:9px;color:#c7c7c7;background:#1e1e1e;font-size:11px;line-height:1.6}
.catalog-categories>button>.icon{width:14px;height:14px;color:#aaaaaa;flex-shrink:0}
.catalog-categories>button:hover{border-color:#ffffff32}
.catalog-categories>button[aria-pressed=true]{background:#f0f0f0;color:#111111;border-color:#f0f0f0}
.catalog-categories>button[aria-pressed=true]>.icon{color:#333333}
.catalog-body{flex:1;min-height:0;overflow-y:auto;padding:0 32px 26px;scrollbar-width:thin;scrollbar-color:#5e5e5e #111111;outline-offset:-4px;overscroll-behavior:contain}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:53px;gap:15px}
#catalog-count{font-size:11px;color:#b6b6b6;margin:0}
#catalog-reset{font-size:11px;color:#eeeeee;background:none;padding:9px 0}
#catalog-reset[hidden]{display:none}
#source-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.catalog-card{display:flex;align-items:center;gap:18px;padding:20px;background:#1b1b1b;border:1px solid #ffffff0e;border-radius:13px;min-width:0}
.catalog-card-info{min-width:0}
.catalog-card h3{font-size:15px;letter-spacing:-.2px;font-weight:600;line-height:1.4;margin:0 0 7px}
.catalog-card .marketplace-country{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.7}
.catalog-card .marketplace-country>.icon{width:11px;height:11px;color:#999999;flex-shrink:0}
.catalog-card .marketplace-categories{margin-top:11px}
.catalog-footer{display:flex;gap:10px;align-items:center;padding:18px 32px;border-top:1px solid #ffffff10;background:#161616;flex-shrink:0}
.catalog-footer>.icon{width:16px;height:16px;color:#aaaaaa;flex-shrink:0}
.catalog-footer>p{font-size:10px;color:#b9b9b9;line-height:1.8;margin:0;max-width:650px}
#source-catalog .catalog-empty{grid-column:1/-1;text-align:center;padding:48px 20px 58px;border:1px dashed #ffffff25;border-radius:13px;margin:0}
.catalog-empty>.icon{width:30px;height:30px;color:#cccccc;margin-bottom:13px}
.catalog-empty h3{font-size:17px;font-weight:500;margin:0 0 9px}
.catalog-empty p{font-size:12px;line-height:1.8;color:#bbbbbb;margin:0}
body:has(#sources-dialog[open]){overflow:hidden}

@media(max-width:1100px){.sources-section .source-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.sources-section .source-brand{padding:24px 12px}.sources-section .source-brand>.source-name{font-size:15px}}
@media(max-width:760px){
  #sources-dialog{width:calc(100% - 24px);border-radius:18px}
  .catalog-shell{height:calc(100dvh - 32px)}
  .catalog-header{padding:25px 22px 20px}
  #sources-dialog .catalog-header h2{font-size:27px;margin-right:36px;letter-spacing:-.8px}
  #sources-dialog .dialog-close{width:32px;height:32px;top:19px;right:17px}
  #sources-dialog .catalog-filters{grid-template-columns:1fr;gap:16px;margin-top:19px}
  .catalog-categories>button{flex:1;padding-inline:9px;font-size:10px;gap:5px}
  .catalog-categories>button>.icon{width:12px;height:12px}
  .catalog-body{padding:0 22px 22px}
  .catalog-card{padding:17px 15px;gap:14px}
  .catalog-card .marketplace-logo{width:52px;height:52px;border-radius:12px}
  .catalog-card h3{font-size:14px}
  .catalog-footer{padding:15px 22px}
  .catalog-footer>p{font-size:9px}
}
@media(max-width:600px){#source-catalog{grid-template-columns:1fr}.sources-section .source-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.sources-section .source-brand{padding:23px 10px 19px}.sources-section .source-brand>.source-name{font-size:14px}.sources-section .source-brand>.marketplace-country{font-size:10px}.sources-section .marketplace-category{font-size:8px}}
@media(max-width:440px){
  .catalog-header{padding:24px 18px 17px}
  #sources-dialog .catalog-header h2{font-size:25px;line-height:1.25}
  #sources-dialog-description{font-size:11px}
  .catalog-header>.section-kicker{font-size:10px;margin-bottom:11px}
  .catalog-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-categories>button{min-height:38px;font-size:10px;padding:7px 9px}
  .catalog-body{padding:0 18px 18px}
  .catalog-card{padding:17px 14px}
  .catalog-card .marketplace-categories{gap:4px}
  .catalog-card .marketplace-category{font-size:8px;padding:4px 5px}
  .catalog-footer{padding:13px 18px}
  .sources-section .source-brand>.source-name{font-size:13px}
  .sources-section .marketplace-categories{gap:4px}
}
@media(prefers-reduced-motion:reduce){#sources-dialog .dialog-close{transition:none}}
