/* O9(4) — Homepage Build Your Route Around card: editorial glass submergence, lower highlight purge, and contrast-calibrated parameter rows. */
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o9-route-card-editorial,
html body[data-oloropa-page="index.php"] .ol-o5-award-hero .ol-o5-booking-card.ol-o9-route-card-editorial,
html body[data-oloropa-page="index.php"][data-oloropa-luxury-safari] #home-hero .ol-o5-booking-card.ol-o9-route-card-editorial {
  --o94-brown: #2D1F18;
  --o94-brown-rgb: 45, 31, 24;
  --o94-espresso: #1E1510;
  --o94-espresso-rgb: 30, 21, 16;
  --o94-ivory: #FDFBF7;
  --o94-gold: #D4A373;
  --o94-rust: #A25A38;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(.78rem, 1.12vw, 1.02rem) !important;
  align-content: start !important;
  padding: clamp(1rem, 1.44vw, 1.34rem) !important;
  border-radius: clamp(1.38rem, 2vw, 1.78rem) !important;
  border: 1px solid rgba(253, 251, 247, .15) !important;
  border-bottom: 1px solid rgba(253, 251, 247, .08) !important;
  color: var(--o94-ivory) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(253, 251, 247, .13), transparent 8.5rem),
    radial-gradient(circle at 90% 100%, rgba(212, 163, 115, .12), transparent 13rem),
    linear-gradient(180deg,
      rgba(45, 31, 24, .24) 0%,
      rgba(45, 31, 24, .36) 38%,
      rgba(30, 21, 16, .48) 72%,
      rgba(30, 21, 16, .56) 100%) !important;
  background-color: rgba(45, 31, 24, .45) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
  box-shadow:
    0 32px 92px rgba(13, 8, 5, .24),
    0 0 0 1px rgba(212, 163, 115, .055),
    inset 0 1px 0 rgba(253, 251, 247, .16),
    inset 0 -1px 0 rgba(253, 251, 247, .055) !important;
  filter: none !important;
  transform: translateZ(0) !important;
  contain: layout paint style !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o9-route-card-editorial::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(145deg, rgba(253, 251, 247, .12), transparent 24%, transparent 68%, rgba(212, 163, 115, .075)),
    linear-gradient(180deg, rgba(253, 251, 247, .035), rgba(45, 31, 24, .10) 45%, rgba(30, 21, 16, .18)),
    repeating-linear-gradient(90deg, rgba(253, 251, 247, .018) 0 1px, transparent 1px 58px) !important;
  opacity: .55 !important;
  mix-blend-mode: normal !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o9-route-card-editorial::after,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o3-route-card-contrast.ol-o9-route-card-editorial::after,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o8-route-glass-card.ol-o9-route-card-editorial::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-editorial > * {
  position: relative !important;
  z-index: 2 !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-eyebrow,
html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-editorial > p:first-child {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: rgba(212, 163, 115, .96) !important;
  font-family: var(--ol-font-ui, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: clamp(.59rem, .66vw, .70rem) !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
  letter-spacing: .21em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, .52) !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-mood {
  display: grid !important;
  align-content: end !important;
  gap: .42rem !important;
  min-height: clamp(4.95rem, 7.6vw, 6.25rem) !important;
  padding: clamp(.88rem, 1.26vw, 1.1rem) !important;
  border-radius: clamp(1rem, 1.45vw, 1.28rem) !important;
  border: 1px solid rgba(253, 251, 247, .13) !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(253, 251, 247, .11), transparent 8.5rem),
    linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(0, 0, 0, .05) 42%, rgba(253, 251, 247, .025)) !important;
  background-color: rgba(0, 0, 0, .05) !important;
  -webkit-backdrop-filter: blur(10px) saturate(112%) !important;
  backdrop-filter: blur(10px) saturate(112%) !important;
  box-shadow:
    inset 0 1px 0 rgba(253, 251, 247, .105),
    0 14px 38px rgba(13, 8, 5, .16) !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-mood::before,
html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-mood::after {
  opacity: .18 !important;
  box-shadow: none !important;
  background: linear-gradient(115deg, transparent 0%, rgba(253, 251, 247, .15) 45%, transparent 72%) !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-mood span {
  display: block !important;
  color: rgba(212, 163, 115, .95) !important;
  font-family: var(--ol-font-ui, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: clamp(.61rem, .70vw, .70rem) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: .155em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 13px rgba(0, 0, 0, .58) !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-mood strong {
  display: block !important;
  max-width: 13.5ch !important;
  color: var(--o94-ivory) !important;
  font-family: var(--ol-font-display, Georgia, serif) !important;
  font-size: clamp(1.24rem, 1.92vw, 1.72rem) !important;
  font-weight: 600 !important;
  letter-spacing: -.035em !important;
  line-height: .98 !important;
  text-wrap: balance !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .54) !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-box {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: .42rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-row {
  display: grid !important;
  grid-template-columns: minmax(4.7rem, .40fr) minmax(0, 1fr) !important;
  gap: .72rem !important;
  align-items: baseline !important;
  min-height: 2.06rem !important;
  margin: 0 !important;
  padding: .54rem .70rem !important;
  border-radius: .78rem !important;
  border: 1px solid rgba(253, 251, 247, .06) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(212, 163, 115, .045), transparent 7.5rem),
    linear-gradient(135deg, rgba(0, 0, 0, .05), rgba(253, 251, 247, .025)) !important;
  background-color: rgba(0, 0, 0, .05) !important;
  box-shadow:
    inset 0 1px 0 rgba(253, 251, 247, .035),
    0 9px 20px rgba(13, 8, 5, .08) !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-row span,
html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-box > span {
  min-width: 0 !important;
  color: #FDFBF7 !important;
  opacity: .92 !important;
  font-family: var(--ol-font-ui, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: clamp(.60rem, .67vw, .69rem) !important;
  font-weight: 950 !important;
  line-height: 1.22 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, .58) !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-row b,
html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-box > b {
  min-width: 0 !important;
  color: rgba(253, 251, 247, .90) !important;
  font-family: var(--ol-font-ui, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: clamp(.71rem, .80vw, .84rem) !important;
  font-weight: 850 !important;
  line-height: 1.30 !important;
  letter-spacing: -.01em !important;
  overflow-wrap: anywhere !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, .56) !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-plan-cta,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o9-route-card-editorial .ol-o5-booking-card-cta {
  width: 100% !important;
  min-height: clamp(2.84rem, 3.8vw, 3.15rem) !important;
  margin: .05rem 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(212, 163, 115, .62) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(253, 251, 247, .09), rgba(253, 251, 247, .02)),
    linear-gradient(135deg, rgba(212, 163, 115, .86), rgba(162, 90, 56, .78)) !important;
  color: #18110D !important;
  font-family: var(--ol-font-ui, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: clamp(.80rem, .90vw, .92rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  text-shadow: 0 1px 0 rgba(253, 251, 247, .22) !important;
  box-shadow:
    0 14px 36px rgba(13, 8, 5, .18),
    0 8px 24px rgba(162, 90, 56, .14),
    inset 0 1px 0 rgba(253, 251, 247, .32),
    inset 0 -8px 18px rgba(45, 31, 24, .10) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-plan-cta:hover,
html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-plan-cta:focus-visible {
  transform: translateY(-1px) !important;
  filter: saturate(1.05) brightness(1.03) !important;
  border-color: rgba(253, 251, 247, .34) !important;
  box-shadow:
    0 18px 46px rgba(13, 8, 5, .24),
    0 0 0 4px rgba(212, 163, 115, .10),
    inset 0 1px 0 rgba(253, 251, 247, .44) !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-note,
html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o9-route-card-editorial small {
  display: block !important;
  margin: .02rem 0 0 !important;
  padding: .02rem 0 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(253, 251, 247, .06) !important;
  color: rgba(253, 251, 247, .50) !important;
  font-family: var(--ol-font-ui, "Plus Jakarta Sans", system-ui, sans-serif) !important;
  font-size: clamp(.63rem, .72vw, .72rem) !important;
  line-height: 1.32 !important;
  letter-spacing: .01em !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .50) !important;
  box-shadow: none !important;
  filter: none !important;
}

html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-editorial :is(.ol-o9-route-card-mood, .ol-o9-route-data-row, .ol-o9-route-plan-cta) {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

@media (max-width: 900px) {
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o9-route-card-editorial {
    width: min(100%, 25rem) !important;
    margin-inline: auto !important;
    background-color: rgba(45, 31, 24, .50) !important;
  }
}

@media (max-width: 520px) {
  html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-data-row {
    grid-template-columns: 1fr !important;
    gap: .18rem !important;
    padding: .66rem .74rem !important;
  }

  html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-card-note {
    display: none !important;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body[data-oloropa-page="index.php"] #home-hero .ol-o5-booking-card.ol-o9-route-card-editorial {
    background:
      radial-gradient(circle at 13% 4%, rgba(253, 251, 247, .09), transparent 10rem),
      linear-gradient(180deg, rgba(45, 31, 24, .66), rgba(30, 21, 16, .78)) !important;
    background-color: rgba(45, 31, 24, .72) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body[data-oloropa-page="index.php"] #home-hero .ol-o9-route-plan-cta {
    transition: none !important;
  }
}