.cases-header { margin: 6px 0 16px; }

.cases-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}

.case-card {
  display: block;
  padding: 14px;
  border-radius: var(--card-radius);
  background: linear-gradient(180deg,#12182a,#0f1420);
  border: 1px solid rgba(255,255,255,.06);
  transition: transform .18s ease, box-shadow .18s ease;
  color: var(--text);
  text-decoration: none;
  min-width: 0;
}

.case-card:hover { transform: translateY(-4px); box-shadow: var(--glow); }
.case-card:link,
.case-card:visited,
.case-card:hover,
.case-card:active { color: var(--text); text-decoration: none; }

.case-thumb {
  height: 120px;
  border-radius: 14px;
  background: #0c101b;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 10px;
}
.case-thumb img {
  max-width: 85%;
  max-height: 85%;
  object-fit: contain;
  transition: transform .25s ease;
}
.case-card:hover .case-thumb img { transform: scale(1.06); }

.case-title { font-weight: 800; margin: 4px 0 2px; }
.case-meta {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; color: var(--muted); font-weight: 600; font-size: .92rem;
}

.price {
  display: inline-flex; align-items: center; gap: 6px;
  background: #0f1422; border: 1px solid rgba(255,255,255,.06);
  border-radius: 999px; padding: 6px 10px; font-weight: 800;
}
.price .coin { filter: drop-shadow(0 0 8px rgba(255,210,77,.25)); }

.badge {
  display: inline-block; padding: 4px 8px; border-radius: 999px;
  font-size: .78rem; font-weight: 800;
  background: #172036; color: #c9d4ff; border: 1px solid rgba(255,255,255,.06);
}
.badge.low    { background: #0f2a20; color: #a9f5d6; }
.badge.medium { background: #2a1c0f; color: #ffdca9; }
.badge.high   { background: #2a0f14; color: #ffafbd; }

@media (max-width: 1400px)  { .cases-grid { grid-template-columns: repeat(5,1fr); } }
@media (max-width: 1200px)  { .cases-grid { grid-template-columns: repeat(4,1fr); } }
@media (max-width: 900px)   { .cases-grid { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 680px)   { .cases-grid { grid-template-columns: repeat(2,1fr); } }