body {
  background-color: #f8f9fa;
}

.trainset-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.trainset-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
}

.trainset-thumb {
  height: 160px;
  object-fit: cover;
}

.trainset-thumb-placeholder {
  height: 160px;
}

.photo-thumb {
  width: 100%;
  height: 120px;
  object-fit: cover;
}

.list-group {
  z-index: 1000;
  position: relative;
}

.text-bronze {
  color: #cd7f32;
}
.text-silver {
  color: #a8a9ad;
}
.text-gold {
  color: #d4af37;
}
.text-platinum {
  color: #8fa8c8;
}