.sv-coll-body { padding: 28px 0 56px; }
.sv-coll-crumb { margin-bottom: 22px; color: var(--sv-muted); font-size: 0.9rem; }
.sv-coll-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.sv-coll-card {
  background: var(--sv-white);
  border-radius: var(--sv-radius);
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(20,20,20,0.05);
}
.sv-coll-visual {
  aspect-ratio: 4/3;
  background: var(--sv-surface);
}
.sv-coll-visual img { width: 100%; height: 100%; object-fit: cover; }
.sv-coll-meta {
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.sv-coll-meta strong { font-size: 0.95rem; }
.sv-coll-meta span { color: var(--sv-muted); font-size: 0.82rem; }
@media (max-width: 980px) {
  .sv-coll-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .sv-coll-grid { grid-template-columns: 1fr; }
}