/* UI2 — Khôi phục riêng visual Hero đúng mốc 538ba813741da3600b28b7430c389e27aa24182e.
 * File này chỉ sửa presentation của Hero hiện tại; không chạm SOS, BottomNav, Booking, Utilities hoặc Services.
 */

/* Dòng 1 của mốc 538 là chữ trắng thuần, không glass badge. */
.hero-headline-stack {
  display: block !important;
  position: static !important;
  max-width: 64rem !important;
  padding-top: 0 !important;
}

.hero-headline-kicker {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: #fff !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: left !important;
  white-space: normal !important;
}

/* Dòng 2 của mốc 538: MANG LẠI nhỏ + toàn cụm còn lại dùng gradient tím bạc. */
.hero-headline-main {
  display: flex !important;
  width: auto !important;
  max-width: 100% !important;
  margin-top: 0.5rem !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 0.25rem 0.625rem !important;
  white-space: normal !important;
  font-size: 1em !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

.hero-headline-prefix {
  flex: 0 0 auto !important;
  color: rgba(237, 233, 254, 0.85) !important;
  font-size: 0.5em !important;
  font-weight: 300 !important;
  letter-spacing: 0.03em !important;
  text-shadow: none !important;
}

.hero-headline-accent,
.hero-headline-highlight {
  flex: 0 0 auto !important;
  color: transparent !important;
  background: linear-gradient(105deg, #f4efff 0%, #bda7ef 28%, #6d28d9 62%, #1e1335 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-size: 1em !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  filter: drop-shadow(0 2px 14px rgba(0, 0, 0, 0.68));
}

@media (min-width: 640px) {
  .hero-headline-main {
    column-gap: 1rem !important;
  }
}