/* ═══════════════════════════════════════════════════════════════
   listing-card.css — карточка объявления, одна на весь сайт (03.10.2026).
   Разметку даёт js/listing-card.js (KrsCard.html). Раньше эти правила
   были скопированы в стили главной и каталога, а у страницы хозяйства
   была своя карточка. Страницы могут лишь раскладывать сетку
   и переопределять вид списком (каталог).
   ═══════════════════════════════════════════════════════════════ */
.listing-card{
  background:#fff;border-radius:16px;border:1px solid var(--gr100);
  overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s;
  text-decoration:none;display:flex;flex-direction:column;
}
.listing-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--g400)}
.listing-card:hover .lc-photo img{transform:scale(1.05)}
.lc-photo{position:relative;aspect-ratio:4/3;background:var(--gr50);overflow:hidden;display:flex;align-items:center;justify-content:center}
.lc-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}
.lc-photo-empty{font-size:40px;opacity:.18}
.lc-badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px}
/* 03.10: без backdrop-filter — каждое размытие было отдельным слоем с дорогой отрисовкой
   (по 2–3 на карточку); фоны значков и так почти непрозрачные */
.lc-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:8px;font-size:12px;font-weight:700;line-height:1.4}
.lc-badge-urgent{background:var(--straw,#E3A93B);color:var(--on-straw,#2A1D02)}
.lc-badge-verified{background:rgba(15,61,46,.82);color:#6ee7a8}

.lc-badge-vip{background:linear-gradient(135deg,rgba(234,179,8,.9),rgba(245,158,11,.9));color:#fff}
.lc-vip{border:2px solid #eab308!important;box-shadow:0 2px 12px rgba(234,179,8,.15)!important}
.lc-vip .lc-photo::after{content:'';position:absolute;inset:0;border-bottom:3px solid #eab308}
.lc-boosted{border-color:#27a865!important}
.lc-badge-tribal{background:rgba(79,70,229,.82);color:#c7d2fe}
.lc-fav{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:.15s;border:none;z-index:2}
.lc-fav:hover{background:#fff;transform:scale(1.15)}
.lc-cmp{position:absolute;top:8px;right:46px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;border:none;z-index:2;color:var(--gr600)}
.lc-cmp:hover{background:#fff;transform:scale(1.15)}
.lc-cmp.active{background:var(--g800);color:#fff}
.lc-body{padding:12px 14px;flex:1;display:flex;flex-direction:column}
.lc-price{font-family:'Geologica',sans-serif;font-size:20px;font-weight:800;color:var(--straw-ink,#7A5208);line-height:1;margin-bottom:3px}
.lc-price-sub{font-size:12px;color:var(--gr400);margin-bottom:8px}
.lc-name{font-size:13px;font-weight:600;color:var(--gr700);margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lc-chars{font-size:12px;color:var(--gr400);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-pin{display:inline-flex;opacity:.6}
.lc-region{font-size:12px;color:var(--graphite500);display:flex;align-items:center;gap:3px;margin-bottom:8px}
.lc-trust{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:8px;border-top:1px solid var(--gr50)}
.lc-trust-item{font-size:12px;color:var(--g600);font-weight:500;display:flex;align-items:center;gap:3px}
.lc-footer{padding:8px 14px;border-top:1px solid var(--gr50);display:flex;align-items:center;justify-content:space-between}
.lc-seller{display:flex;align-items:center;gap:6px;min-width:0}
.lc-sava{width:20px;height:20px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--g700);flex-shrink:0;font-family:'Geologica',sans-serif}
.lc-sname{font-size:12px;color:var(--gr400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.lc-sdot{width:5px;height:5px;border-radius:50%;background:var(--g500);flex-shrink:0}
.lc-date{font-size:12px;color:var(--gr400)}

/* Завершённые (страница хозяйства, вкладка «Завершённые») */
.lc-badge-done{background:rgba(26,26,26,.72);color:#fff}
.listing-card.lc-done .lc-photo img{filter:grayscale(.6);opacity:.85}
.listing-card.lc-done .lc-price{color:var(--gr500)}