/* Mã KM + Web overlay — chỉ chữ; vị trí %; Web = gradient accent */
.event-card__thumb,
.bo-event-banner-link-v2 {
  position: relative;
}

.bo-event-banner-overlay-v2 {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}

.bo-event-banner-overlay-v2__line1,
.bo-event-banner-overlay-v2__line2 {
  margin: 0 !important;
  padding: 0 !important;
  max-width: min(72%, 16rem) !important;
  box-sizing: border-box !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* Text1 Mã KM — neo left=8% là tâm chữ; mã dài/ngắn giãn đều 2 bên */
.bo-event-banner-overlay-v2__line1 {
  position: absolute !important;
  top: 11% !important;
  left: 15% !important;
  right: auto !important;
  bottom: auto !important;
  width: max-content !important;
  max-width: min(84%, 16rem) !important;
  white-space: nowrap !important;
  transform: translateX(-50%) !important;
  font-weight: 800 !important;
  font-size: clamp(10px, 2.6vw, 12px) !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
  background: none !important;
  color: var(--f168-bg-page) !important;
  -webkit-text-fill-color: var(--f168-bg-page) !important;
  text-shadow:
    0 1px 2px color-mix(in srgb, var(--f168-bg-inverse) 70%, transparent),
    0 0 4px color-mix(in srgb, var(--f168-bg-inverse) 40%, transparent) !important;
}

/* Text2 Web — cách mép phải 10%, cân hai bên; gradient secondary→accent */
.bo-event-banner-overlay-v2__line2 {
  position: absolute !important;
  top: auto !important;
  left: auto !important;
  right: 12% !important;
  bottom: 4% !important;
  font-weight: 900 !important;
  font-size: clamp(8px, 2.2vw, 14px) !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  text-shadow: none !important;
  color: transparent !important;
  background: linear-gradient(90deg, var(--f168-accent-secondary) 0%, var(--f168-accent) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}