.polozky-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:12px;
  margin-top:16px;
}
.polozka-karta{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:10px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  transition:box-shadow .15s ease;
}
.polozka-karta:hover{ box-shadow:0 2px 10px rgba(0,0,0,.08); }
.polozka-thumb{ width:96px; height:96px; flex:0 0 96px; background:#f6f6f6; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:6px; }
.polozka-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.polozka-body{ flex:1 1 auto; min-width:0; }
.polozka-nadpis{ font-weight:600; margin-bottom:6px; }
.polozka-atry{ color:#555; font-size:.95em; }

/* Popup */
.popup{ position:fixed; inset:0; background:rgba(0,0,0,.45); display:flex; align-items:center; justify-content:center; z-index:1000; }
.popup-content{ background:#fff; width:min(720px,92vw); max-height:90vh; overflow:auto; border-radius:10px; padding:16px; box-shadow:0 10px 30px rgba(0,0,0,.2); }
.popup-content h3{ margin-top:0; }
.popup-actions{ display:flex; gap:8px; margin-top:12px; }
.popup-actions button{ padding:8px 12px; }