/* Полки внизу страницы лота и страницы проданного NPA (слово владельца 14.11, ported/lot_shelves.py, npa/sold_pages.py):
   «Такие же» / «Проданные такие же» (у NPA — «Похожие на NPA» / «Проданные на NPA»). Макет Редизайна «Полки лота»
   (upravdom/docs/maket-lot-polki.html) в плоском формате v3: 5 в ряд, ≤1000 px — 3, телефон — 2; плитки встык, линии
   1px, без скруглений и теней. Только токены --k-*. Телефон — без прокрутки вбок. */
.k-shelf { margin: 24px 0 0; border-top: 1px solid var(--k-line); padding: 14px 0 0; }
.k-shelf__hd { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 10px; }
.k-shelf__h { font: var(--k-fw-b, 700) 16px/1.3 var(--k-font, inherit); color: var(--k-ink); margin: 0; }
.k-shelf__ctx { color: var(--k-muted); font-weight: 400; }
.k-shelf__more { font-weight: 600; font-size: 13px; white-space: nowrap; color: var(--k-brand); text-decoration: none; }
.k-shelf__grid {
  list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--k-line); border-left: 1px solid var(--k-line);
}
.k-shelf__item { border-right: 1px solid var(--k-line); border-bottom: 1px solid var(--k-line); min-width: 0; }
.k-shelf__item > a { display: flex; flex-direction: column; color: var(--k-ink); text-decoration: none; height: 100%; }
.k-shelf__item > a:hover .k-shelf__name { color: var(--k-brand); }
.k-shelf__pic { position: relative; display: block; aspect-ratio: 4 / 3; background: var(--k-bg-2); overflow: hidden; }
.k-shelf__pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.k-shelf__nophoto { display: grid; place-items: center; height: 100%; color: var(--k-muted); font-size: 13px; }
.k-shelf__chip, .k-shelf__sold {
  position: absolute; top: 8px; padding: 2px 7px; font-size: 11px; font-weight: 800; color: var(--k-on-brand);
}
.k-shelf__chip { left: 8px; background: var(--k-brand); }
.k-shelf__chip--copart { background: var(--k-copart); }
.k-shelf__chip--iaai { background: var(--k-iaai); }
.k-shelf__chip--npa { background: var(--k-npa); }
.k-shelf__sold { right: 8px; background: var(--k-ok); }
.k-shelf__body { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px 10px; min-width: 0; }
.k-shelf__name { font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }
.k-shelf__sub, .k-shelf__plabel, .k-shelf__meta { color: var(--k-muted); font-size: 12px; overflow-wrap: anywhere; }
.k-shelf__price { font-weight: 800; font-size: 17px; color: var(--k-brand); margin-top: 2px; }
.k-shelf__price--none { font-weight: 600; font-size: 13px; color: var(--k-muted); }
@media (max-width: 1000px) { .k-shelf__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .k-shelf__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k-shelf__hd { flex-direction: column; gap: 2px; }
}

/* страница проданного NPA и раздел «Мотоциклы и техника NPA» */
.k-npa-sold { max-width: var(--k-wrap, 1200px); }
.k-npa-sold__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); border-top: 1px solid var(--k-line); border-bottom: 1px solid var(--k-line); }
.k-npa-sold__ph { padding: 14px 16px 14px 0; border-right: 1px solid var(--k-line); }
.k-npa-sold__ph img { display: block; width: 100%; height: auto; background: var(--k-bg-2); }
.k-npa-sold__facts { padding: 14px 0 14px 16px; }
.k-npa-sold__facts table { width: 100%; border-collapse: collapse; }
.k-npa-sold__facts td { padding: 7px 0; border-bottom: 1px solid var(--k-line); vertical-align: top; overflow-wrap: anywhere; }
.k-npa-sold__facts td:first-child { color: var(--k-muted); width: 44%; padding-right: 10px; }
.k-npa-sold__price { font-size: 24px; font-weight: 900; color: var(--k-brand); }
.k-npa-models { width: 100%; border-collapse: collapse; border-top: 1px solid var(--k-line); margin: 0 0 8px; }
.k-npa-models th, .k-npa-models td { text-align: left; padding: 7px 8px 7px 0; border-bottom: 1px solid var(--k-line); vertical-align: top; overflow-wrap: anywhere; }
.k-npa-models th { color: var(--k-muted); font-weight: 600; font-size: 13px; }
.k-npa-models td.r, .k-npa-models th.r { text-align: right; white-space: nowrap; }
.k-npa-sold__meta { color: var(--k-muted); font-size: 13px; margin: 0 0 10px; }
.k-npa-sold__meta b { color: var(--k-ink); font-weight: 600; }
.k-npa-sold__chip, .k-npa-sold__badge, .k-npa-chip { font-size: 11px; font-weight: 800; color: var(--k-on-brand); padding: 2px 7px; }
.k-npa-sold__chip, .k-npa-chip { background: var(--k-npa); }
.k-npa-sold__badge { background: var(--k-ok); }
.k-npa-scroll { overflow-x: auto; max-width: 100%; }
.k-npa-sales { width: 100%; border-collapse: collapse; border: 1px solid var(--k-line); }
.k-npa-sales th { text-align: left; font-size: 11px; text-transform: uppercase; color: var(--k-muted); padding: 7px 10px; background: var(--k-bg-2); border-bottom: 1px solid var(--k-line); white-space: nowrap; }
.k-npa-sales td { padding: 6px 10px; border-bottom: 1px solid var(--k-line); vertical-align: middle; }
.k-npa-sales .r { text-align: right; white-space: nowrap; }
.k-npa-sales img, .k-npa-th { display: block; width: 64px; aspect-ratio: 4 / 3; object-fit: cover; background: var(--k-bg-2); }
.k-npa-th { color: var(--k-muted); font-size: 11px; text-align: center; line-height: 48px; }
.k-npa-mut { color: var(--k-muted); font-size: 12px; }
.k-npa-mono { font-family: ui-monospace, Menlo, monospace; font-size: 13px; white-space: nowrap; }
.k-npa-pr { font-weight: 800; color: var(--k-brand); }
.k-npa-pages { display: flex; flex-wrap: wrap; gap: 0; margin: 12px 0 0; border-left: 1px solid var(--k-line); }
.k-npa-pages a, .k-npa-pages b { padding: 6px 12px; border: 1px solid var(--k-line); border-left: 0; }
@media (max-width: 760px) {
  .k-npa-sold__grid { grid-template-columns: 1fr; }
  .k-npa-sold__ph { border-right: 0; padding-right: 0; }
  .k-npa-sold__facts { padding-left: 0; }
  .k-npa-models .m-hide, .k-npa-sales .m-hide { display: none; }
}
