.bd-card { --bd-acc:#2563eb; display:flex; flex-direction:column; gap:9px; position:relative;
  background:#fff; border:1px solid var(--border-color); border-radius:14px; padding:14px;
  text-decoration:none; color:inherit; transition:border-color .15s, transform .15s; }
.bd-card:hover { border-color:var(--bd-acc); transform:translateY(-2px); }
.bd-card > .bd-card-hit { position:absolute; inset:0; z-index:1; border-radius:inherit; }
.bd-card > *:not(.bd-card-hit) { position:relative; z-index:2; pointer-events:none; }
.bd-card a:not(.bd-card-hit), .bd-card .bd-card-hit { pointer-events:auto; }
.bd-card-h { display:flex; gap:10px; align-items:center; min-width:0; }
.bd-card-ic { border-radius:11px; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; background:color-mix(in srgb, var(--bd-acc) 12%, #fff); }
.bd-card-t { font-weight:700; line-height:1.25; overflow-wrap:anywhere; }
.bd-card-sub { font-size:12.5px; color:var(--text-muted); line-height:1.45; }
.bd-card-n { font-size:12px; color:var(--text-muted); }
.bd-card-n b { color:var(--text-main); }
.bd-card > .bd-card-badge { position:absolute; top:10px; right:10px; z-index:3; font-size:10.5px;
  font-weight:700; border-radius:999px; padding:2px 9px;
  background:color-mix(in srgb, var(--bd-acc) 14%, #fff); color:var(--bd-acc); }
.bd-card-chips { display:flex; flex-wrap:wrap; gap:5px; }
.bd-card-chip { font-size:12px; border-radius:999px; padding:3px 9px; background:#f1f5f9;
  color:var(--text-muted); text-decoration:none; }
.bd-card-chip:hover { background:color-mix(in srgb, var(--bd-acc) 14%, #fff); color:var(--bd-acc); }
.bd-card-stats { display:flex; gap:14px; }
.bd-card-stat b { display:block; font-size:18px; line-height:1.15; }
.bd-card-stat span { font-size:11px; color:var(--text-muted); }
.bd-card-stat.up b { color:#166534; }
.bd-card-lots { display:grid; grid-template-columns:repeat(var(--n,3),minmax(0,1fr)); gap:7px; }
.bd-card-lot { text-decoration:none; color:inherit; min-width:0; }
.bd-card-lot .ph { display:block; height:64px; border-radius:9px; background:#eef2f7 center/cover no-repeat; }
.bd-card-lot .p { display:block; font-size:12.5px; font-weight:700; margin-top:4px; }
.bd-card-lot .nm { display:block; font-size:11.5px; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis; color:var(--text-muted); }
.bd-card-slr { display:flex; gap:10px; align-items:center; }
.bd-card-ava { width:38px; height:38px; border-radius:50%; flex-shrink:0; font-size:13px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, var(--bd-acc) 14%, #fff); color:var(--bd-acc); }
.bd-card-cta { font-size:12.5px; font-weight:600; color:var(--bd-acc); }
.bd-card-cta.pri { align-self:flex-start; border-radius:9px; padding:6px 14px; color:#fff;
  background:var(--bd-acc); }
.bd-card.lay-cover { padding:0; overflow:hidden; justify-content:flex-end; gap:0; min-height:132px; }
.bd-card.lay-cover .bd-card-cover { position:absolute; inset:0; z-index:0;
  background:var(--bd-acc) center/cover no-repeat; }
.bd-card.lay-cover .bd-card-cover::after { content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.72)); }
.bd-card.lay-cover .bd-card-body { position:relative; z-index:1; padding:14px;
  display:flex; flex-direction:column; gap:7px; }
.bd-card.lay-cover .bd-card-t, .bd-card.lay-cover .bd-card-stat b { color:#fff; }
.bd-card.lay-cover .bd-card-sub, .bd-card.lay-cover .bd-card-n,
.bd-card.lay-cover .bd-card-n b, .bd-card.lay-cover .bd-card-stat span { color:rgba(255,255,255,.82); }
.bd-card.lay-cover .bd-card-ic { background:rgba(255,255,255,.18); }
.bd-card.lay-cover .bd-card-chip { background:rgba(255,255,255,.16); color:#fff; }
.bd-card.lay-cover .bd-card-cta { color:#fff; }
.bd-card.lay-cover > .bd-card-badge { background:rgba(255,255,255,.2); color:#fff; }
.bd-card.lay-row { flex-direction:row; align-items:center; gap:12px; border-radius:12px; padding:11px 14px; }
.bd-card.lay-row:hover { transform:none; }
.bd-card.lay-row .bd-card-h { flex:0 0 auto; }
.bd-card.lay-row .bd-card-sub { flex:1; }
.bd-card.lay-row .bd-card-n { margin-left:auto; white-space:nowrap; }
.bd-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.bd-cards.rows { grid-template-columns:1fr; gap:8px; }
@media (max-width:560px){ .bd-cards { grid-template-columns:1fr; } }