.level-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.level-0 { background-color: #FEF3C7; color: #92400E; }
.level-1 { background-color: #DBEAFE; color: #1E40AF; }
.level-2 { background-color: #D1FAE5; color: #065F46; }
.level-3 { background-color: #E0E7FF; color: #3730A3; }
.level-4 { background-color: #FCE7F3; color: #9F1239; }
.level-5 { background-color: #F3E8FF; color: #6B21A8; }
.level-6 { background-color: #FEE2E2; color: #991B1B; }
.offer-stripe {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  background-color: #fff;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.offer-stripe:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.12);
}
.offer-stripe__left {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.offer-stripe__right {
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.offer-price {
  font-size: 0.875rem;
  font-weight: 600;
  color: #047857;
}
.offer-dates {
  font-size: 0.75rem;
  color: #6B7280;
}
.offer-time {
  font-size: 0.75rem;
  color: #1F2937;
}