/* =====================================================
   MERKER / Badge-kort – Engine version
   ===================================================== */

.merkesamling-title {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: var(--yellow);
  display: flex;
  align-items: center;
  justify-content: space-between;
  letter-spacing: 0.3px;
  margin-bottom: 12px;
}

/* === MERKER GRID (FAST) === */
#merits {
  display: grid;
  grid-template-columns: repeat(6, 120px);
  gap: 22px;
  justify-content: center;
  margin-top: 20px;
}

.badge-mini {
  cursor: pointer;
  transition: transform 0.15s ease;
}

.badge-mini:hover {
  transform: scale(1.05);
}

.badge-wrapper {
  position: relative;
  display: inline-block;
}

.badge-mini-icon {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
}

.badge-medal {
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 32px;
  transform: rotate(5deg);
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
  user-select: none;
}