/* B45: /buylists, dealer buylists compared. Builds on shows.css (.sh, .shFind, .shBtn ...). */
.bl h1{margin:0}
.blFind{margin:22px 0 18px}
.blQ{flex:1 1 260px}.blQ input{width:100%}
.blList{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px}
.blCard{padding:14px;border-radius:14px;background:var(--sleeve);border:1px solid var(--sh-line,rgba(var(--fgr),.12))}
.blTop{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start}
.blTop img,.blNoImg{width:64px;height:90px;object-fit:contain;border-radius:5px;background:rgba(var(--fgr),.05);display:block}
.blInfo{display:flex;flex-direction:column;gap:3px;min-width:0}
.blInfo b{font-size:16px;color:var(--paper);line-height:1.3}
.blInfo span{font-size:13.5px;color:var(--muted);line-height:1.4}
.blInfo .blMkt{color:var(--paper)}
.blOffs{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.blOff{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto auto;gap:4px 12px;align-items:center;padding:8px 10px;border-radius:9px;background:rgba(var(--fgr),.04)}
.blOff.best{background:rgba(232,184,75,.1);border:1px solid rgba(232,184,75,.35)}
.blDealer{display:flex;flex-direction:column;font-weight:700;font-size:14.5px;color:var(--paper);min-width:0}
.blDealer small{font-weight:500;font-size:12px;color:var(--muted)}
.blCash,.blCredit{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--util);font-size:17px;font-weight:700;color:var(--goldT);white-space:nowrap}
.blCredit{color:var(--paper);font-size:15px}
.blCash small,.blCredit small{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.blGo{font-size:13.5px;font-weight:700;color:var(--goldT);text-decoration:none;white-space:nowrap}.blGo:hover{text-decoration:underline}
.blNone{margin:10px 0 0;font-size:14px;color:var(--muted)}
.blMore{margin:16px auto 0;display:flex}
.blDir{margin-top:34px}
.blDir h2{margin:0 0 8px;font-family:var(--disp);font-size:20px;color:var(--paper)}
.blDir h3{margin:18px 0 8px;font-size:16px;color:var(--paper)}.blDir h3 small{color:var(--muted);font-weight:500}
.blDirList{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 14px}
.blDirList li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:14.5px}
.blDirList a{color:var(--paper);font-weight:700;text-decoration:none}.blDirList a:hover{color:var(--goldT);text-decoration:underline}
.blDirList small{color:var(--muted);font-size:12.5px}
.blTag{font-family:var(--util);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 7px;border-radius:9px;background:rgba(143,211,185,.14);color:var(--ok)}
@media (max-width:520px){
  .blOff{grid-template-columns:minmax(0,1fr) auto auto}
  .blGo{grid-column:1/-1}
}
.blHow{margin:22px 0 0;padding:16px 18px;border-radius:14px;background:linear-gradient(160deg,rgba(31,154,58,.18),rgba(31,154,58,.05));border:1px solid rgba(120,220,140,.35)}
.blHow h2{margin:0 0 8px;font-family:var(--disp);font-size:20px;color:var(--paper)}
.blHow ol{margin:0;padding-left:22px;display:grid;gap:6px;font-size:15px;line-height:1.5;color:var(--muted)}.blHow b{color:var(--paper)}
.blStore{margin:12px 0 0;font-size:15px;color:var(--paper)}.blStore a{color:var(--goldT);font-weight:700}