.cosmos-parts-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));
  gap:14px;
  margin-bottom:16px;
}
.cosmos-part-card {
  display:flex; flex-direction:column; align-items:center;
  gap:6px; padding:18px 14px 14px;
  border:1px solid var(--border); border-radius:10px;
  background:var(--bg-card); color:var(--text);
  text-decoration:none;
  transition:box-shadow .15s, border-color .15s, transform .15s;
}
.cosmos-part-card:hover {
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  border-color:var(--primary);
  text-decoration:none;
  transform:translateY(-1px);
}
.cosmos-part-img {
  width:120px; height:120px; object-fit:contain;
}
.cosmos-part-name {
  font-size:1.05em; font-weight:800;
  margin-top:6px; text-align:center;
  color:var(--text);
}
.cosmos-part-maxlv {
  font-size:.78em; color:var(--text-muted);
}
.cosmos-part-eff {
  font-size:.84em; color:var(--primary); font-weight:600;
  text-align:center; line-height:1.5;
  margin-top:4px;
  white-space:nowrap;
}
@media(max-width:900px){
  .cosmos-parts-grid { grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:10px; }
  .cosmos-part-img { width:96px; height:96px; }
  .cosmos-part-name { font-size:.95em; }
}