/* ================================================================
   FS PRIVAT TRANSFER — Luxury Black & Gold Theme
   Palette : Black #0B0B0E | Charcoal #131318 | Gold #D4A544
   Loads last — overrides style.css / ecevip-design.css / home-lux.css
   ================================================================ */

:root {
  /* FS brand tokens */
  --fs-black: #0b0b0e;
  --fs-black-2: #101014;
  --fs-surface: #16161c;
  --fs-surface-2: #1d1d24;
  --fs-line: rgba(255, 255, 255, 0.08);
  --fs-gold: #d4a544;
  --fs-gold-light: #ecc670;
  --fs-gold-deep: #a8802a;
  --fs-gold-line: rgba(212, 165, 68, 0.35);
  --fs-gold-soft: rgba(212, 165, 68, 0.12);
  --fs-text: #f2efe8;
  --fs-text-soft: #b8b4ab;
  --fs-gold-grad: linear-gradient(135deg, #e3ba57 0%, #d4a544 45%, #b98d2f 100%);

  /* Radius scale — single source of truth, 1 : 1.5 : 2.25 ratio */
  --fs-radius-sm: 8px;    /* chips, badges, small controls */
  --fs-radius-md: 12px;   /* inputs, buttons, accordions, dropdowns */
  --fs-radius-lg: 18px;   /* cards, panels, hero surfaces */
  --fs-radius-pill: 999px;

  /* Re-map legacy design tokens to the FS palette */
  --gold: var(--fs-gold);
  --gold-dark: var(--fs-gold-deep);
  --gold-light: #f4e3b2;
  --brand-gold: var(--fs-gold);
  --brand-gold-dark: var(--fs-gold-deep);
  --navy: #101014;
  --navy-800: #16161c;
  --navy-600: #26262e;
  --brand-primary: #16161c;
  --brand-dark: #0b0b0e;
  --main-color: #26262e;
  --alternate-color: var(--fs-gold-light);
  --radius: var(--fs-radius-md);
  --radius-sm: var(--fs-radius-sm);
  --radius-lg: var(--fs-radius-lg);
  --border-radius: var(--fs-radius-md);
}

/* ================================================================
   SHARED CHROME (all pages) — navbar / footer / floating buttons
   ================================================================ */

.akd-navbar {
  background: rgba(8, 8, 10, 0.97) !important;
  border-bottom: 1px solid var(--fs-gold-line) !important;
}

.akd-navbar.scrolled {
  background: rgba(8, 8, 10, 0.86) !important;
  border-bottom-color: var(--fs-gold-line) !important;
}

.akd-nav-link {
  color: #f2efe8 !important;
  font-weight: 600;
  letter-spacing: 0.4px;
  transition: color 0.2s ease !important;
}

.akd-nav-link:hover,
.akd-nav-link:focus,
.akd-nav-link.active {
  color: var(--fs-gold-light) !important;
  background: transparent !important;
}

.akd-reservation-cta {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: var(--fs-radius-sm) !important;
  box-shadow: 0 6px 18px rgba(212, 165, 68, 0.28);
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.akd-reservation-cta:hover {
  color: #16130a !important;
  box-shadow: 0 10px 26px rgba(212, 165, 68, 0.42);
  transform: translateY(-1px);
}

.akd-reservation-cta i {
  color: #16130a !important;
}

.akd-lang-btn {
  color: #f2efe8 !important;
}

.akd-lang-menu {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-line) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

.akd-lang-item {
  color: var(--fs-text) !important;
}

.akd-lang-item:hover,
.akd-lang-item:focus {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

.akd-toggler {
  border-color: var(--fs-gold-line) !important;
}

.akd-brand-img {
  height: 50px;
  width: auto;
  display: block;
}

/* Footer */
.akd-footer {
  background: #070709 !important;
  border-top: 1px solid var(--fs-gold-line) !important;
  color: var(--fs-text-soft) !important;
}

.akd-footer-heading {
  color: var(--fs-gold) !important;
}

.akd-footer-links a {
  color: var(--fs-text-soft) !important;
  transition: color 0.2s ease;
}

.akd-footer-links a:hover {
  color: var(--fs-gold-light) !important;
}

.akd-footer-links a i {
  color: var(--fs-gold-deep) !important;
}

.akd-footer-tagline {
  color: var(--fs-gold-light) !important;
  letter-spacing: 0.5px;
}

.akd-footer-bottom {
  border-top: 1px solid var(--fs-line) !important;
}

.akd-footer-bottom small,
.akd-footer-policies a,
.akd-footer-powered {
  color: #8b877e !important;
}

.akd-footer-policies a:hover,
.akd-footer-powered:hover {
  color: var(--fs-gold-light) !important;
}

/* Floating actions */
.phone-fixed {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  box-shadow: 0 8px 24px rgba(212, 165, 68, 0.4) !important;
}

/* ================================================================
   HOMEPAGE — full dark restyle
   ================================================================ */

body.page-home {
  background: var(--fs-black) !important;
  color: var(--fs-text) !important;
}

.page-home .akd-navbar {
  background: linear-gradient(180deg, rgba(5, 5, 7, 0.92) 0%, rgba(5, 5, 7, 0.55) 100%) !important;
  border-bottom: 1px solid var(--fs-gold-line);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ---------- Hero / slider ---------- */

.page-home .main-slider-area {
  background: var(--fs-black);
}

.page-home .main-banner::after,
.page-home .main-slider .swiper-slide::after {
  background: linear-gradient(180deg, rgba(5, 5, 7, 0.72) 0%, rgba(5, 5, 7, 0.35) 45%, rgba(11, 11, 14, 0.92) 100%);
}

.page-home .lux-hero-copy {
  background: rgba(10, 10, 13, 0.62);
  border: 1px solid var(--fs-gold-line);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
}

.page-home .lux-hero-title {
  color: #ffffff;
  letter-spacing: 0.01em;
}

.page-home .lux-hero-sub {
  color: var(--fs-gold-light);
  font-weight: 500;
  letter-spacing: 0.04em;
}

/* Trust strip */
.page-home .lux-trust-strip {
  background: rgba(10, 10, 13, 0.62) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.page-home .lux-trust-item {
  color: var(--fs-text) !important;
}

.page-home .lux-trust-item i {
  color: var(--fs-gold) !important;
}

.page-home .lux-trust-item:hover {
  color: var(--fs-gold-light) !important;
}

/* ---------- Hero layout: centered copy, horizontal form below ---------- */

.page-home .lux-hero-grid {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}

.page-home .lux-hero-copy {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 28px;
}

.page-home .lux-hero-title {
  max-width: none;
}

.page-home .lux-booking-card {
  width: 100%;
  max-width: 1980px;
  margin: 0 auto;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 10px !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-field {
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-field--from,
.page-home .lux-booking-card .hero-search-form--lux .hsf-field--to {
  flex: 2 1 220px !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-field--passenger {
  flex: 0 0 160px !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-field--currency {
  flex: 0 0 130px !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-divider {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-submit--cta {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input-wrap {
  height: 100%;
}

@media (max-width: 991px) {
  .page-home .lux-booking-card .hero-search-form--lux .hsf-row {
    flex-wrap: wrap !important;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-field--from,
  .page-home .lux-booking-card .hero-search-form--lux .hsf-field--to {
    flex: 1 1 100% !important;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-field--passenger,
  .page-home .lux-booking-card .hero-search-form--lux .hsf-field--currency {
    flex: 1 1 40% !important;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-divider {
    display: none;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-submit--cta {
    flex: 1 1 100% !important;
  }

  .page-home .lux-booking-card .hero-search-form--lux .hsf-btn {
    width: 100%;
    justify-content: center;
  }
}

/* ---------- Booking card ---------- */

.page-home .lux-booking-card {
  background: linear-gradient(180deg, rgba(18, 18, 23, 0.92) 0%, rgba(11, 11, 14, 0.88) 100%) !important;
  border: 1px solid var(--fs-gold-line) !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.page-home .lux-booking-title {
  color: #ffffff;
}

.page-home .lux-booking-title::after {
  content: "";
  display: block;
  width: 52px;
  height: 2px;
  margin: 10px auto 0;
  background: var(--fs-gold-grad);
  border-radius: 2px;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input-wrap {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md);
  transition: border-color 0.2s ease, background 0.2s ease;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input-wrap:focus-within,
.page-home .lux-booking-card .hero-search-form--lux .hsf-input-wrap:hover {
  border-color: var(--fs-gold-line) !important;
  background: rgba(212, 165, 68, 0.07) !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-icon {
  color: var(--fs-gold) !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-label {
  color: var(--fs-gold-light) !important;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 10px;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input,
.page-home .lux-booking-card .hero-search-form--lux #passenger-text,
.page-home .lux-booking-card .hero-search-form--lux #kur-text {
  color: #ffffff !important;
  background: transparent !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-input::placeholder {
  color: rgba(242, 239, 232, 0.45) !important;
}

.page-home .lux-booking-card .hero-search-form--lux .hsf-divider {
  color: var(--fs-gold) !important;
}

/* Search button — signature gold CTA */
.page-home .hsf-btn,
.hero-search-form .hsf-btn {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 10px 26px rgba(212, 165, 68, 0.32);
  transition: box-shadow 0.22s ease, transform 0.22s ease, filter 0.22s ease !important;
}

.page-home .hsf-btn:hover,
.hero-search-form .hsf-btn:hover {
  background: var(--fs-gold-grad) !important;
  filter: brightness(1.08);
  box-shadow: 0 14px 34px rgba(212, 165, 68, 0.45);
  transform: translateY(-1px);
}

/* Dropdowns: live search results, pax & currency */
.page-home .hero-search-form--lux .live-result,
.page-home .hero-search-form--lux .paxs {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
  color: var(--fs-text) !important;
}

.page-home .hero-search-form--lux .live-result .item {
  color: var(--fs-text) !important;
}

.page-home .hero-search-form--lux .live-result .item:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

.page-home .hero-search-form--lux .paxs label {
  color: var(--fs-text-soft) !important;
}

.page-home .hero-search-form--lux .kur-item {
  color: var(--fs-text) !important;
}

.page-home .hero-search-form--lux .kur-item:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

/* Floating airport list (appended to body): match the dark pax/currency dropdowns */
.page-home .live-result.live-result-floating {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
  padding: 6px !important;
}

.page-home .live-result.live-result-floating .item {
  background: transparent !important;
  color: var(--fs-text) !important;
  border-bottom: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-sm) !important;
}

.page-home .live-result.live-result-floating .item:last-child {
  border-bottom: none !important;
}

.page-home .live-result.live-result-floating .item:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
  box-shadow: none !important;
}

.page-home .live-result.live-result-floating .item i {
  color: var(--fs-gold) !important;
}

.page-home .live-result.live-result-floating .live-result-state {
  color: var(--fs-text-soft) !important;
}

.page-home .live-result.live-result-floating .title {
  background: var(--fs-surface-2) !important;
  color: var(--fs-gold-light) !important;
  border-radius: var(--fs-radius-sm) !important;
}

/* Horizontal hero form: pax dropdown must not shrink to the narrow field width */
.page-home .lux-booking-card .hero-search-form--lux .paxs {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}

.page-home .lux-booking-card .hero-search-form--lux .kurs.paxs {
  width: 100% !important;
  min-width: 140px !important;
  max-width: 100% !important;
}

.page-home .lux-booking-card .hero-search-form--lux .paxs .passenger-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.page-home .lux-booking-card .hero-search-form--lux .paxs .passenger-line label {
  white-space: nowrap;
  margin: 0;
}

.page-home .ece-passenger-spinner__btn {
  background: var(--fs-surface-2) !important;
  color: var(--fs-gold) !important;
  border: 1px solid var(--fs-line) !important;
}

.page-home .ece-passenger-spinner__btn:hover {
  background: var(--fs-gold-soft) !important;
}

.page-home .ece-passenger-spinner__input {
  background: transparent !important;
  color: #fff !important;
  border-color: var(--fs-line) !important;
}

.page-home .paxs .close-paxs {
  background: var(--fs-gold-grad) !important;
  border: none !important;
  color: #16130a !important;
}

/* ---------- Sections: shared header treatment ---------- */

.page-home .why-section,
.page-home .destinations-section,
.page-home .blog-section,
.page-home .gallery-section,
.page-home .lux-social-showcase,
.page-home .lux-home-faq-section {
  background: var(--fs-black) !important;
}

/* subtle alternation for rhythm */
.page-home .airport-pricing-section,
.page-home .blog-section {
  background: var(--fs-black-2) !important;
}

.page-home .section-label {
  color: var(--fs-gold) !important;
  letter-spacing: 3px !important;
  text-transform: uppercase;
  font-weight: 700 !important;
}

.page-home .section-title,
.page-home .section-title-link {
  color: #ffffff !important;
}

.page-home .section-title-link:hover {
  color: var(--fs-gold-light) !important;
}

.page-home .section-header-center .section-title::after,
.page-home .section-header--center .section-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 2px;
  margin: 14px auto 0;
  background: var(--fs-gold-grad);
  border-radius: 2px;
}

.page-home .section-description {
  color: var(--fs-text-soft) !important;
}

/* ---------- Airport pricing / destination cards ---------- */

.page-home .destination-card,
.page-home .destination-card--airport-pricing {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-line) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

.page-home .destination-card:hover,
.page-home .destination-card--airport-pricing:hover {
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--fs-gold-line) !important;
  transform: translateY(-4px);
}

.page-home .destination-origin {
  color: var(--fs-gold) !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.page-home .destination-origin i {
  color: var(--fs-gold) !important;
}

.page-home .destination-title {
  color: #ffffff !important;
}

.page-home .destination-meta-price {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  font-weight: 800 !important;
  border-radius: var(--fs-radius-sm);
  padding: 6px 12px;
  box-shadow: 0 6px 16px rgba(212, 165, 68, 0.25);
}

.page-home .destination-meta-price i {
  color: #16130a !important;
}

.page-home .destination-meta {
  border-top: 1px solid var(--fs-line) !important;
}

.page-home .destination-meta-info span {
  color: var(--fs-text-soft) !important;
}

.page-home .destination-meta-info span i {
  color: var(--fs-gold-deep) !important;
}

/* ---------- Gallery ---------- */

.page-home .gallery-item {
  border-radius: var(--fs-radius-md);
  overflow: hidden;
  border: 1px solid var(--fs-line);
  transition: border-color 0.22s ease, transform 0.22s ease;
}

.page-home .gallery-item:hover {
  border-color: var(--fs-gold-line);
  transform: translateY(-3px);
}

.page-home .gallery-overlay {
  background: linear-gradient(180deg, rgba(11, 11, 14, 0.15) 0%, rgba(11, 11, 14, 0.75) 100%) !important;
}

.page-home .gallery-overlay i {
  color: var(--fs-gold-light) !important;
}

/* ---------- Why choose us ---------- */

.page-home .why-card {
  background: linear-gradient(160deg, var(--fs-surface) 0%, var(--fs-black-2) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  transition: border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

.page-home .why-card::after {
  background: var(--fs-gold-line) !important;
}

.page-home .why-card:hover {
  background: linear-gradient(160deg, var(--fs-surface-2) 0%, var(--fs-surface) 100%) !important;
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
  transform: translateY(-4px);
}

.page-home .why-icon {
  background: var(--fs-gold-soft) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: 50%;
  color: var(--fs-gold) !important;
}

.page-home .why-icon i {
  color: var(--fs-gold) !important;
}

.page-home .why-card h3 {
  color: #ffffff !important;
}

.page-home .why-card p {
  color: var(--fs-text-soft) !important;
}

/* ---------- Blog cards ---------- */

.page-home .blog-card {
  position: relative;
  background: linear-gradient(170deg, var(--fs-surface) 0%, var(--fs-black-2) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  overflow: hidden;
}

/* gold hairline that lights up on hover */
.page-home .blog-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--fs-gold-grad);
  opacity: 0;
  transition: opacity 0.25s ease;
  z-index: 2;
}

.page-home .blog-card:hover {
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
}

.page-home .blog-card:hover::before {
  opacity: 1;
}

/* image fades into the card body */
.page-home .blog-card-image {
  position: relative;
}

.page-home .blog-card-image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70px;
  background: linear-gradient(180deg, rgba(22, 22, 28, 0) 0%, rgba(16, 16, 20, 0.85) 100%);
  pointer-events: none;
}

.page-home .blog-card-body {
  background: transparent !important;
}

.page-home .blog-card-title {
  color: #ffffff !important;
}

.page-home .blog-card:hover .blog-card-title {
  color: var(--fs-gold-light) !important;
}

.page-home .blog-card-excerpt {
  color: var(--fs-text-soft) !important;
}

/* meta row: kill the light pill box, use quiet dark chips */
.page-home .blog-card-meta {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  color: var(--fs-text-soft) !important;
}

.page-home .blog-card-meta span {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--fs-line) !important;
  color: var(--fs-text-soft) !important;
  font-weight: 600;
}

.page-home .blog-card-meta span i,
.page-home .blog-card-meta i {
  color: var(--fs-gold) !important;
}

.page-home .blog-card-category {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
  border: 1px solid var(--fs-gold-line);
  border-radius: var(--fs-radius-pill);
}

/* read more: gold ghost button, fills gold on card hover */
.page-home .blog-card .blog-read-more {
  background: transparent !important;
  border: 1px solid var(--fs-gold-line) !important;
  color: var(--fs-gold) !important;
  font-weight: 700;
  box-shadow: none !important;
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.22s ease !important;
}

.page-home .blog-card:hover .blog-read-more {
  background: var(--fs-gold-grad) !important;
  border-color: transparent !important;
  color: #16130a !important;
  box-shadow: 0 8px 20px rgba(212, 165, 68, 0.28) !important;
  transform: translateX(2px);
}

.page-home .blog-card:hover .blog-read-more i {
  color: #16130a !important;
}

/* ---------- FAQ accordion ---------- */

.page-home .lux-home-faq-section .entity-faq-wrap {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}

.page-home .entity-faq-item {
  background: linear-gradient(170deg, var(--fs-surface) 0%, var(--fs-black-2) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
  overflow: hidden;
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.page-home .entity-faq-item:hover {
  background: linear-gradient(170deg, var(--fs-surface-2) 0%, var(--fs-surface) 100%) !important;
  border-color: var(--fs-gold-line) !important;
}

/* open item gets the gold accent */
.page-home .entity-faq-item:has(.entity-faq-btn:not(.collapsed)) {
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}

.page-home .entity-faq-btn {
  background: transparent !important;
  color: #ffffff !important;
  padding: 18px 22px;
}

.page-home .entity-faq-btn:hover {
  background: transparent !important;
}

.page-home .entity-faq-btn:not(.collapsed) {
  color: var(--fs-gold-light) !important;
}

/* base theme draws +/− via ::before — recolor that, gold ring around it */
.page-home .entity-faq-btn::before {
  color: var(--fs-gold) !important;
  width: 30px;
  min-width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid var(--fs-gold-line);
  border-radius: 50%;
  background: var(--fs-gold-soft);
  font-size: 18px;
  transform: none;
  transition: background 0.22s ease, transform 0.22s ease;
}

.page-home .entity-faq-btn:not(.collapsed)::before {
  background: var(--fs-gold-grad);
  color: #16130a !important;
  border-color: transparent;
}

.page-home .entity-faq-question {
  color: inherit !important;
}

.page-home .entity-faq-answer {
  background: transparent !important;
  color: var(--fs-text-soft) !important;
  border-top: 1px solid var(--fs-line) !important;
  padding: 16px 22px 18px 66px;
  font-size: 14.5px;
  line-height: 1.7;
}

.page-home .entity-faq-answer p {
  color: var(--fs-text-soft) !important;
}

.page-home .entity-faq-answer a {
  color: var(--fs-gold-light) !important;
}

@media (max-width: 575px) {
  .page-home .entity-faq-btn {
    padding: 15px 16px;
  }

  .page-home .entity-faq-answer {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ---------- Social flip cards ---------- */

.page-home .lux-social-flip-eyebrow {
  color: var(--fs-gold) !important;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 700;
}

/* Flat & simple: no card box, no flip, bigger icons */
.page-home .lux-social-flip-card {
  height: auto !important;
  perspective: none !important;
}

.page-home .lux-social-flip-card__inner {
  transform: none !important;
  transition: transform 0.2s ease;
}

.page-home .lux-social-flip-card:hover .lux-social-flip-card__inner,
.page-home .lux-social-flip-card:focus-within .lux-social-flip-card__inner {
  transform: translateY(-4px) !important;
}

.page-home .lux-social-flip-card__back {
  display: none !important;
}

.page-home .lux-social-flip-card__front {
  position: static !important;
  inset: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  gap: 12px;
  color: var(--fs-text) !important;
}

.page-home .lux-social-flip-card__icon {
  width: 88px !important;
  height: 88px !important;
  border-radius: var(--fs-radius-lg) !important;
}

.page-home .lux-social-flip-card__icon i {
  font-size: 46px !important;
}

.page-home .lux-social-flip-card__icon svg {
  width: 42px !important;
  height: 42px !important;
}

.page-home .lux-social-flip-card__icon-img {
  width: 50px !important;
  height: 50px !important;
}

.page-home .lux-social-flip-card__name {
  color: var(--fs-text) !important;
  font-size: 14px;
}

.lux-social-flip-card__icon--custom,
.lux-social-flip-card__back-icon--custom {
  background: rgb(255 255 255);
}

/* ---------- Swiper controls ---------- */

.page-home .swiper-pagination-bullet {
  background: rgba(242, 239, 232, 0.35) !important;
  opacity: 1 !important;
}

.page-home .swiper-pagination-bullet-active {
  background: var(--fs-gold) !important;
}

.page-home .swiper-button-next,
.page-home .swiper-button-prev {
  color: var(--fs-gold) !important;
}

/* ---------- Mobile sticky CTA ---------- */

.page-home .lux-mobile-cta-wa {
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

/* ---------- Selection / scrollbar flourish ---------- */

.page-home ::selection {
  background: var(--fs-gold);
  color: #16130a;
}

/* ================================================================
   RADIUS NORMALIZATION (all pages)
   Snap stray corner values to the --fs-radius scale so every
   surface shares the same rounding rhythm. sm 8 / md 12 / lg 18.
   ================================================================ */

/* Large surfaces: cards, panels, hero blocks */
.lux-hero-copy,
.lux-booking-card,
.lux-position-hero,
.lux-social-frame,
.lux-social-card,
.di-hero-card,
.gallery-item,
.blog-card,
.destination-card,
.why-card {
  border-radius: var(--fs-radius-lg) !important;
}

/* Medium controls: inputs, buttons, accordions, popovers */
.lux-booking-card .hero-search-form--lux .hsf-input-wrap,
.lux-booking-card .hero-search-form--lux .hsf-btn,
.lux-booking-card .hero-search-form--lux .paxs,
.lux-social-primary-cta,
.entity-faq-item {
  border-radius: var(--fs-radius-md) !important;
}

/* Small controls: compact inputs and chips on inner pages */
.form-control {
  border-radius: var(--fs-radius-sm) !important;
}

/* ================================================================
   SEARCH RESULTS / STEP 1 — full dark luxury restyle
   Route box, stepper, search card, vehicle cards, dropdowns.
   ================================================================ */

body.reservation-flow.reservation-step-1 {
  background:
    radial-gradient(1100px 480px at 50% -140px, rgba(212, 165, 68, 0.10) 0%, transparent 65%),
    var(--fs-black) !important;
  color: var(--fs-text) !important;
}

.reservation-step-1 ::selection {
  background: rgba(212, 165, 68, 0.35);
  color: #ffffff;
}

/* ---------- Route box (map + form) ---------- */

.reservation-step-1 .step-route-box {
  background: linear-gradient(180deg, rgba(20, 20, 26, 0.97) 0%, rgba(12, 12, 15, 0.98) 100%) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.reservation-step-1 .step-route-box::before {
  background: radial-gradient(circle, rgba(212, 165, 68, 0.10) 0%, transparent 70%) !important;
}

.reservation-step-1 .step-route-box::after {
  background: radial-gradient(circle, rgba(212, 165, 68, 0.06) 0%, transparent 70%) !important;
}

.reservation-step-1 .step1-route-map-wrap {
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  background: var(--fs-surface) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}

/* ---------- Stepper ---------- */

.reservation-step-1 .route-inline-steps {
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.reservation-step-1 .route-inline-steps li:not(:last-child)::after {
  background: linear-gradient(90deg, rgba(212, 165, 68, 0.45) 0%, rgba(212, 165, 68, 0.10) 100%) !important;
}

.reservation-step-1 .inline-step-dot {
  color: var(--fs-text-soft) !important;
  border: 1px solid var(--fs-line) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.reservation-step-1 .inline-step-label {
  color: var(--fs-text-soft) !important;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-size: 11px !important;
}

.reservation-step-1 .route-inline-steps li.active .inline-step-dot {
  color: #16130a !important;
  border-color: transparent !important;
  background: var(--fs-gold-grad) !important;
  box-shadow: 0 6px 16px rgba(212, 165, 68, 0.4) !important;
}

.reservation-step-1 .route-inline-steps li.active .inline-step-label {
  color: var(--fs-gold-light) !important;
}

/* ---------- Search card: dark glass ---------- */

.reservation-step-1 .step1-route-form-head h3 {
  color: var(--fs-gold-light) !important;
  letter-spacing: 1.2px !important;
}

.reservation-step-1 .step1-search-card {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
}

.reservation-step-1 .step1-search-card .hsf-input-wrap {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.reservation-step-1 .step1-search-card .hsf-input-wrap:focus-within,
.reservation-step-1 .step1-search-card .hsf-input-wrap:hover {
  border-color: var(--fs-gold-line) !important;
  background: rgba(212, 165, 68, 0.07) !important;
  box-shadow: 0 0 0 3px rgba(212, 165, 68, 0.12) !important;
}

.reservation-step-1 .step1-search-card .hsf-icon {
  color: var(--fs-gold) !important;
}

.reservation-step-1 .step1-search-card .hsf-label {
  color: var(--fs-gold-light) !important;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 10px !important;
}

.reservation-step-1 .step1-search-card .hsf-input,
.reservation-step-1 .step1-search-card #passenger-text,
.reservation-step-1 .step1-search-card #kur-text {
  color: #ffffff !important;
  background: transparent !important;
  font-weight: 700;
}

.reservation-step-1 .step1-search-card .hsf-input::placeholder {
  color: rgba(242, 239, 232, 0.45) !important;
}

/* Pax & currency dropdowns inside the dark card */
.reservation-step-1 .step1-search-card .paxs {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
  color: var(--fs-text) !important;
}

.reservation-step-1 .step1-search-card .paxs label {
  color: var(--fs-text) !important;
}

.reservation-step-1 .step1-search-card .kur-item {
  color: var(--fs-text) !important;
}

.reservation-step-1 .step1-search-card .kur-item:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

.reservation-step-1 .paxs .close-paxs {
  background: var(--fs-gold-grad) !important;
  border: none !important;
  color: #16130a !important;
}

.reservation-step-1 .ece-passenger-spinner__btn {
  background: var(--fs-surface-2) !important;
  color: var(--fs-gold) !important;
  border: 1px solid var(--fs-line) !important;
}

.reservation-step-1 .ece-passenger-spinner__input {
  background: transparent !important;
  color: #ffffff !important;
}

/* Floating airport list — dark, matching the home page */
body.reservation-step-1 .live-result.live-result-floating {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
  padding: 6px !important;
}

body.reservation-step-1 .live-result.live-result-floating .item {
  background: transparent !important;
  color: var(--fs-text) !important;
  border-bottom: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-sm) !important;
}

body.reservation-step-1 .live-result.live-result-floating .item:last-child {
  border-bottom: none !important;
}

body.reservation-step-1 .live-result.live-result-floating .item:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
  box-shadow: none !important;
}

body.reservation-step-1 .live-result.live-result-floating .item i {
  color: var(--fs-gold) !important;
}

body.reservation-step-1 .live-result.live-result-floating .live-result-state {
  color: var(--fs-text-soft) !important;
}

/* ---------- Scrollbars: dark track, gold thumb ---------- */

body.page-home,
body.reservation-step-1,
.page-home .live-result,
.page-home .paxs,
.reservation-step-1 .live-result,
.reservation-step-1 .paxs {
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 165, 68, 0.45) rgba(255, 255, 255, 0.04);
}

body.page-home::-webkit-scrollbar,
body.reservation-step-1::-webkit-scrollbar,
.page-home .live-result::-webkit-scrollbar,
.page-home .paxs::-webkit-scrollbar,
.reservation-step-1 .live-result::-webkit-scrollbar,
.reservation-step-1 .paxs::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.page-home::-webkit-scrollbar-track,
body.reservation-step-1::-webkit-scrollbar-track,
.page-home .live-result::-webkit-scrollbar-track,
.page-home .paxs::-webkit-scrollbar-track,
.reservation-step-1 .live-result::-webkit-scrollbar-track,
.reservation-step-1 .paxs::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

body.page-home::-webkit-scrollbar-thumb,
body.reservation-step-1::-webkit-scrollbar-thumb,
.page-home .live-result::-webkit-scrollbar-thumb,
.page-home .paxs::-webkit-scrollbar-thumb,
.reservation-step-1 .live-result::-webkit-scrollbar-thumb,
.reservation-step-1 .paxs::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(212, 165, 68, 0.55) 0%, rgba(169, 128, 42, 0.55) 100%);
  border-radius: 8px;
}

body.page-home::-webkit-scrollbar-thumb:hover,
body.reservation-step-1::-webkit-scrollbar-thumb:hover,
.page-home .live-result::-webkit-scrollbar-thumb:hover,
.page-home .paxs::-webkit-scrollbar-thumb:hover,
.reservation-step-1 .live-result::-webkit-scrollbar-thumb:hover,
.reservation-step-1 .paxs::-webkit-scrollbar-thumb:hover {
  background: var(--fs-gold);
}

/* ---------- Vehicle cards ---------- */

.reservation-step-1 .car-selection {
  background: linear-gradient(180deg, rgba(22, 22, 28, 0.98) 0%, rgba(15, 15, 19, 0.98) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.reservation-step-1 .car-selection::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--fs-gold-grad);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  pointer-events: none;
}

.reservation-step-1 .car-selection:hover {
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(212, 165, 68, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transform: translateY(-3px) !important;
}

.reservation-step-1 .car-selection:hover::before {
  opacity: 1;
}

.reservation-step-1 .car-image-container {
  background: var(--fs-black-2) !important;
  border-radius: var(--fs-radius-lg) 0 0 var(--fs-radius-lg) !important;
}

.reservation-step-1 .car-main-content {
  background: transparent !important;
}

.reservation-step-1 .car-name {
  color: #ffffff !important;
}

.reservation-step-1 .car-capacity-line span {
  color: var(--fs-text) !important;
}

.reservation-step-1 .car-capacity-line span svg {
  fill: var(--fs-gold) !important;
}

.reservation-step-1 .car-capacity-line i,
.reservation-step-1 .car-amenity-line i {
  color: rgba(212, 165, 68, 0.55) !important;
}

.reservation-step-1 .car-amenity-line span {
  color: var(--fs-text-soft) !important;
}

.reservation-step-1 .car-policy-line,
.reservation-step-1 .car-policy-line-note {
  color: #5ad6a2 !important;
}

/* Price: gold gradient statement */
.reservation-step-1 .car-price-block .price {
  background: var(--fs-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--fs-gold) !important;
  text-shadow: none;
}

.reservation-step-1 .car-price-block .price-from-label,
.reservation-step-1 .car-price-block .price-label {
  color: var(--fs-text-soft) !important;
}

.reservation-step-1 .main-btn-2 {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 10px 26px rgba(212, 165, 68, 0.3) !important;
  letter-spacing: 0.4px !important;
}

.reservation-step-1 .main-btn-2 i {
  color: #16130a !important;
}

.reservation-step-1 .main-btn-2:hover {
  color: #16130a !important;
  filter: brightness(1.08);
  box-shadow: 0 14px 34px rgba(212, 165, 68, 0.45) !important;
  transform: translateY(-2px);
}

.reservation-step-1 .main-btn-2:hover i {
  transform: translateX(3px);
}

/* Gallery bullets */
.reservation-step-1 .car-swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.55);
  opacity: 1;
}

.reservation-step-1 .car-swiper-pagination .swiper-pagination-bullet-active {
  background: var(--fs-gold);
}

/* Empty state / help alert */
.reservation-step-1 .reservation-help-alert {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  color: var(--fs-text) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4);
}

/* ---------- Vehicle cards, boarding-pass concept ----------
   The price + CTA block becomes a detachable ticket stub:
   dashed gold perforation, punched notches, tinted stub area.
   Spec chips for capacity and amenities. */

/* Car name: gold signature underline */
.reservation-step-1 .car-name::after {
  content: "";
  display: block;
  width: 34px;
  height: 2px;
  margin-top: 7px;
  background: var(--fs-gold-grad);
  border-radius: 2px;
}

/* Capacity: gold spec chips */
.reservation-step-1 .car-capacity-line i {
  display: none !important;
}

.reservation-step-1 .car-capacity-line span {
  background: var(--fs-gold-soft);
  border: 1px solid var(--fs-gold-line);
  border-radius: var(--fs-radius-pill);
  padding: 4px 12px;
  color: var(--fs-gold-light) !important;
  font-size: 12.5px !important;
}

/* Amenities: quiet outline chips */
.reservation-step-1 .car-amenity-line i {
  display: none !important;
}

.reservation-step-1 .car-amenity-line span {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--fs-line);
  border-radius: var(--fs-radius-pill);
  padding: 3px 11px;
  color: var(--fs-text-soft) !important;
  font-size: 12px !important;
}

/* Ticket stub: full-width CTA inside */
.reservation-step-1 .car-footer-row {
  position: relative;
}

.reservation-step-1 .car-footer-row .main-btn-2 {
  width: 100% !important;
  min-width: 0 !important;
}

@media (min-width: 992px) {
  .reservation-step-1 .car-footer-row {
    flex: 0 0 232px;
    width: 232px;
    padding-left: 24px;
    align-self: stretch;
  }

  /* Dashed gold perforation, clipped by the card */
  .reservation-step-1 .car-footer-row::before {
    content: "";
    position: absolute;
    left: 0;
    top: -80px;
    bottom: -80px;
    border-left: 2px dashed rgba(212, 165, 68, 0.32);
    transition: border-color 0.3s ease;
  }

  .reservation-step-1 .car-selection:hover .car-footer-row::before {
    border-left-color: rgba(212, 165, 68, 0.6);
  }

  /* Punched notches at the perforation, top and bottom edge */
  .reservation-step-1 .car-selection::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 238px;
    width: 24px;
    z-index: 3;
    pointer-events: none;
    background:
      radial-gradient(circle 9px at 50% 0, var(--fs-black) 97%, transparent 100%) no-repeat,
      radial-gradient(circle 9px at 50% 100%, var(--fs-black) 97%, transparent 100%) no-repeat;
  }

  /* Stub area: slightly lifted tint behind price + CTA */
  .reservation-step-1 .car-selection {
    background:
      linear-gradient(90deg, transparent 0, transparent calc(100% - 250px), rgba(255, 255, 255, 0.03) calc(100% - 250px)),
      linear-gradient(180deg, rgba(22, 22, 28, 0.98) 0%, rgba(15, 15, 19, 0.98) 100%) !important;
  }
}

/* Mobile: image on top, perforation runs horizontally above the stub */
@media (max-width: 991px) {
  .reservation-step-1 .car-image-container {
    border-radius: var(--fs-radius-lg) var(--fs-radius-lg) 0 0 !important;
  }

  .reservation-step-1 .car-footer-row {
    border-top: 2px dashed rgba(212, 165, 68, 0.3);
    padding-top: 22px;
    margin-top: 6px;
  }
}

/* ================================================================
   CHECKOUT / STEP 2 — full dark luxury restyle
   The page carries a large inline skin (step2-redesign). The
   .step2-oscar class on <body> gives these selectors one extra
   class of specificity, so they win over the inline !importants.
   ================================================================ */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar {
  background:
    radial-gradient(1100px 480px at 50% -140px, rgba(212, 165, 68, 0.10) 0%, transparent 65%),
    var(--fs-black) !important;
  color: var(--fs-text) !important;

  /* Remap the inline skin's tokens to the FS dark palette */
  --step2-accent-gold: var(--fs-gold-light);
  --step2-navy: var(--fs-gold);
  --ece-step2-navy: var(--fs-gold);
  --ece-step2-gold: var(--fs-gold);
  --ece-step2-bg-soft: rgba(255, 255, 255, 0.05);
  --ece-step2-text-main: var(--fs-text);
  --ece-step2-text-strong: #ffffff;
  --ece-step2-text-soft: var(--fs-text-soft);

  scrollbar-width: thin;
  scrollbar-color: rgba(212, 165, 68, 0.45) rgba(255, 255, 255, 0.04);
}

body.reservation-step-2.step2-oscar::-webkit-scrollbar {
  width: 8px;
}

body.reservation-step-2.step2-oscar::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}

body.reservation-step-2.step2-oscar::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(212, 165, 68, 0.55) 0%, rgba(169, 128, 42, 0.55) 100%);
  border-radius: 8px;
}

body.reservation-step-2.step2-oscar ::selection {
  background: rgba(212, 165, 68, 0.35);
  color: #ffffff;
}

/* ---------- Top route overview + stepper ---------- */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-route-overview {
  background: linear-gradient(180deg, rgba(20, 20, 26, 0.97) 0%, rgba(12, 12, 15, 0.98) 100%) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .route-inline-steps {
  border: 1px solid var(--fs-line) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: var(--fs-radius-md) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .route-inline-steps li:not(:last-child)::after {
  background: linear-gradient(90deg, rgba(212, 165, 68, 0.45) 0%, rgba(212, 165, 68, 0.10) 100%) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .inline-step-dot {
  color: var(--fs-text-soft) !important;
  border: 1px solid var(--fs-line) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .inline-step-label {
  color: var(--fs-text-soft) !important;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-size: 11px !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .route-inline-steps li.active .inline-step-dot,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .route-inline-steps li.completed .inline-step-dot {
  color: #16130a !important;
  border-color: transparent !important;
  background: var(--fs-gold-grad) !important;
  box-shadow: 0 6px 16px rgba(212, 165, 68, 0.4) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .route-inline-steps li.active .inline-step-label,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .route-inline-steps li.completed .inline-step-label {
  color: var(--fs-gold-light) !important;
}

/* ---------- Cards ---------- */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .checkout-box,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-summary-card,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-card,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-right-column > .checkout-box {
  background: linear-gradient(180deg, rgba(22, 22, 28, 0.98) 0%, rgba(15, 15, 19, 0.98) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-summary-card:hover,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-card:hover {
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .checkout-title,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .checkout-title.section-heading {
  color: #ffffff !important;
  background: transparent !important;
  border-bottom: 1px solid var(--fs-line) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .section-title-icon {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold) !important;
  border: 1px solid var(--fs-gold-line) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .checkout-title i,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-title i {
  color: var(--fs-gold) !important;
}

/* ---------- Form fields ---------- */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-body .input-groups {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups:focus-within,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .phone-input-group:focus-within {
  border-color: var(--fs-gold-line) !important;
  background: rgba(212, 165, 68, 0.07) !important;
  box-shadow: 0 0 0 3px rgba(212, 165, 68, 0.12) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .checkout-label,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .form-label,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups label,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups .checkout-label {
  color: var(--fs-gold-light) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .checkout-input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups > input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups select,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups textarea,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-body .checkout-input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-card .input-groups select {
  background: transparent !important;
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .checkout-input::placeholder,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups input::placeholder,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups textarea::placeholder {
  color: rgba(242, 239, 232, 0.42) !important;
}

/* Native select popups can't be themed; keep their closed state dark */
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .input-groups select option {
  background: var(--fs-surface);
  color: var(--fs-text);
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar input[type="checkbox"] {
  accent-color: var(--fs-gold) !important;
}

/* Hotel picker */
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .hotel-address-toggle-btn {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-gold-line) !important;
  color: var(--fs-gold-light) !important;
  border-radius: var(--fs-radius-md) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .hotel-address-toggle-btn:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .hotel-address-select-wrap .select2-selection--single {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .select2-selection__rendered {
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .select2-dropdown {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
  color: var(--fs-text) !important;
  overflow: hidden;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .select2-search--dropdown {
  background: var(--fs-surface) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .select2-search--dropdown .select2-search__field {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-sm) !important;
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .select2-results__option {
  background: transparent !important;
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .select2-results__option--highlighted,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .select2-results__option[aria-selected="true"] {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

/* ---------- Transfer route strip (from → to chips) ---------- */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-route-strip {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-route-point {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-sm) !important;
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-route-point i {
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-route-divider {
  background: transparent !important;
  color: var(--fs-gold) !important;
}

/* ---------- Extras ---------- */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extras-grid .extra-card {
  background: var(--fs-surface-2) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
  transition: border-color 0.2s ease;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extras-grid .extra-card:hover {
  border-color: var(--fs-gold-line) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extra-icon {
  background: var(--fs-gold-soft) !important;
  border: 1px solid var(--fs-gold-line) !important;
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extra-icon i {
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extra-title {
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extra-unit-price,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extra-meta {
  color: var(--fs-text-soft) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extra-direction-label {
  color: var(--fs-gold-light) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extra-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--fs-line) !important;
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extra-btn:hover {
  background: var(--fs-gold-grad) !important;
  border-color: transparent !important;
  color: #16130a !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .extra-stepper-input {
  background: transparent !important;
  color: #ffffff !important;
  border: none !important;
}

/* ---------- Right column: summary ---------- */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step-2-car-name {
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-summary-card i.mdi,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-card i.mdi {
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-summary-card .f-white,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-summary-card .csg,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-summary-card .csp,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-card .f-white,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-card .csg,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-card .csp {
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-spec-chip {
  background: var(--fs-gold-soft) !important;
  border: 1px solid var(--fs-gold-line) !important;
  color: var(--fs-gold-light) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-spec-chip i {
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-feature-popover {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-feature-item {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--fs-line) !important;
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-route-item,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-route-inline-meta,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-title {
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-passenger-chip {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-passenger-chip i {
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-summary-subtotal,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-summary-extras-title,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-summary-extra-item,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-summary-passengers {
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-route-divider-wrap .leftf.dotted-gradient {
  background-image: linear-gradient(to bottom, var(--fs-gold) 40%, rgba(255, 255, 255, 0) 20%) !important;
}

/* ---------- Price card ---------- */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-card h4.bold {
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-value,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-card .total-price {
  background: var(--fs-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-sub {
  color: var(--fs-text-soft) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-price-primary {
  border-bottom: 1px dashed rgba(212, 165, 68, 0.3) !important;
}

/* Payment chooser */
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-chooser {
  background: var(--fs-surface-2) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-title {
  color: var(--fs-gold-light) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-option {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  color: var(--fs-text) !important;
  border-radius: var(--fs-radius-sm) !important;
  transition: border-color 0.2s ease, background 0.2s ease;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-option:hover {
  border-color: var(--fs-gold-line) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-option.active {
  background: var(--fs-gold-grad) !important;
  border-color: transparent !important;
  color: #16130a !important;
  box-shadow: 0 8px 20px rgba(212, 165, 68, 0.35) !important;
}

/* Online payment dialog */
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-dialog {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.55) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-dialog-title,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-brand {
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-close {
  color: var(--fs-text-soft) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-input-wrap {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-sm) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-input-wrap:focus-within {
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 0 0 3px rgba(212, 165, 68, 0.12) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-input {
  background: transparent !important;
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-hint,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-secure,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-payment-field label {
  color: var(--fs-text-soft) !important;
}

/* Submit */
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-unified-submit {
  border-top: 1px solid var(--fs-line) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-submit-policy label {
  color: var(--fs-text-soft) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-submit-policy label a,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-submit-policy label b {
  color: var(--fs-gold-light) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .voucher-submit {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  border: none !important;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 10px 26px rgba(212, 165, 68, 0.32) !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease, filter 0.22s ease !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .voucher-submit:hover {
  background: var(--fs-gold-grad) !important;
  filter: brightness(1.08);
  box-shadow: 0 14px 34px rgba(212, 165, 68, 0.45) !important;
  transform: translateY(-1px);
}

/* ---------- Misc: alerts, toggles, modal ---------- */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .alert-info,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .pickup-time-alert,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .msg-box {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-toggle-label,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-toggle-text,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-toggle-copy {
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .passenger-collapse-toggle,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .use-booker-details {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  color: var(--fs-text) !important;
  border-radius: var(--fs-radius-md) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .modal-content,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .modall {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  color: var(--fs-text) !important;
}

/* ---------- Deep-specificity fixes vs the inline skin ---------- */

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-left-column > .checkout-box,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .step2-right-column > .checkout-box {
  background: linear-gradient(180deg, rgba(22, 22, 28, 0.98) 0%, rgba(15, 15, 19, 0.98) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .contact-card .checkout-input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .contact-card .input-groups input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .contact-card .input-groups:focus-within input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .contact-card .input-groups:focus-within .checkout-input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .outbound-transfer-card .checkout-input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .outbound-transfer-card .input-groups input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .outbound-transfer-card .input-groups textarea,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-card .checkout-input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-card .input-groups input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-card .input-groups textarea,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .passenger-card .checkout-input,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .passenger-card .input-groups input {
  background: transparent !important;
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .contact-card .checkout-input::placeholder,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .contact-card .input-groups input::placeholder,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .outbound-transfer-card .input-groups input::placeholder,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .outbound-transfer-card .input-groups textarea::placeholder,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-card .input-groups input::placeholder,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-card .input-groups textarea::placeholder,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .passenger-card .input-groups input::placeholder {
  color: rgba(242, 239, 232, 0.42) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .contact-card .input-groups,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .outbound-transfer-card .input-groups,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-card .input-groups,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .passenger-card .input-groups {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-route-strip .trip-route-point,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .outbound-transfer-card .trip-route-point,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-transfer-card .trip-route-point {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-route-strip .trip-route-point i {
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-route-strip .trip-route-divider,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-route-strip .trip-route-divider i {
  background: transparent !important;
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .hotel-address-select-wrap .select2-selection--single .select2-selection__rendered {
  color: #ffffff !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .hotel-address-select-wrap .select2-selection--single {
  background: transparent !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-toggle-box .return-toggle-label,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-toggle-box .return-toggle-text,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .return-toggle-header .return-toggle-copy {
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-route .summary-route-item,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-route-item span,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-route .summary-route-inline-meta {
  color: var(--fs-text) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-route .summary-route-item i {
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-specs .summary-spec-chip,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-spec-chip.summary-spec-chip-static,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-spec-chip.summary-spec-chip-feature {
  background: var(--fs-gold-soft) !important;
  border: 1px solid var(--fs-gold-line) !important;
  color: var(--fs-gold-light) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-specs .summary-spec-chip i,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .summary-spec-chip .summary-feature-count {
  color: var(--fs-gold) !important;
}

html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-summary-subtotal span,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-summary-subtotal b,
html body.reservation-flow.reservation-step-2.step2-redesign.step2-oscar .trip-summary-subtotal strong {
  color: var(--fs-text) !important;
}

/* ================================================================
   TRANSFER DESTINATIONS LISTING (page-destinations) — dark luxury
   ================================================================ */

body.page-destinations {
  background:
    radial-gradient(1100px 480px at 50% -140px, rgba(212, 165, 68, 0.10) 0%, transparent 65%),
    var(--fs-black) !important;
  color: var(--fs-text) !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 165, 68, 0.45) rgba(255, 255, 255, 0.04);
}

body.page-destinations::-webkit-scrollbar {
  width: 8px;
}

body.page-destinations::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}

body.page-destinations::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(212, 165, 68, 0.55) 0%, rgba(169, 128, 42, 0.55) 100%);
  border-radius: 8px;
}

body.page-destinations ::selection {
  background: rgba(212, 165, 68, 0.35);
  color: #ffffff;
}

.page-destinations .page-header {
  background:
    radial-gradient(700px 320px at 50% 110%, rgba(212, 165, 68, 0.16) 0%, transparent 70%),
    linear-gradient(135deg, #060608 0%, #17171d 100%) !important;
  border-bottom: 1px solid var(--fs-gold-line);
}

.page-destinations .page-title {
  color: #ffffff !important;
}

.page-destinations .page-title::after {
  content: "";
  display: block;
  width: 52px;
  height: 2px;
  margin: 14px auto 0;
  background: var(--fs-gold-grad);
  border-radius: 2px;
}

.page-destinations .page-subtitle {
  color: var(--fs-gold-light) !important;
}

.page-destinations .page-breadcrumb,
.page-destinations .page-breadcrumb a,
.page-destinations .page-breadcrumb span {
  color: var(--fs-text-soft) !important;
}

.page-destinations .page-breadcrumb a:hover {
  color: var(--fs-gold-light) !important;
}

.page-destinations .destinations-grid {
  background: transparent !important;
}

.page-destinations .destination-card {
  background: linear-gradient(180deg, rgba(22, 22, 28, 0.98) 0%, rgba(15, 15, 19, 0.98) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
}

.page-destinations .destination-card:hover {
  border-color: var(--fs-gold-line) !important;
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(212, 165, 68, 0.12) !important;
  transform: translateY(-4px) !important;
}

.page-destinations .destination-title {
  color: #ffffff !important;
}

.page-destinations .destination-origin {
  color: var(--fs-gold-light) !important;
}

.page-destinations .destination-origin i {
  color: var(--fs-gold) !important;
}

.page-destinations .destination-content {
  background: transparent !important;
}

.page-destinations .destination-meta-price {
  color: var(--fs-gold-light) !important;
}

.page-destinations .destination-meta-price i {
  color: var(--fs-gold) !important;
}

.page-destinations .destination-meta-info,
.page-destinations .destination-meta-info span {
  color: var(--fs-text-soft) !important;
}

.page-destinations .destination-meta-info i {
  color: var(--fs-gold) !important;
}

.page-destinations .main-btn-2 {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  border: none !important;
  border-radius: var(--fs-radius-md) !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 26px rgba(212, 165, 68, 0.3) !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease, filter 0.22s ease !important;
}

.page-destinations .main-btn-2 i {
  color: #16130a !important;
}

.page-destinations .main-btn-2:hover {
  color: #16130a !important;
  filter: brightness(1.08);
  box-shadow: 0 14px 34px rgba(212, 165, 68, 0.45) !important;
  transform: translateY(-2px);
}

.page-destinations .ui-empty-state {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  color: var(--fs-text) !important;
}

/* ================================================================
   DESTINATION DETAIL (page-destination-info) — dark luxury
   ================================================================ */

body.page-destination-info {
  background:
    radial-gradient(1100px 480px at 50% -140px, rgba(212, 165, 68, 0.10) 0%, transparent 65%),
    var(--fs-black) !important;
  color: var(--fs-text) !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 165, 68, 0.45) rgba(255, 255, 255, 0.04);
}

body.page-destination-info::-webkit-scrollbar {
  width: 8px;
}

body.page-destination-info::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}

body.page-destination-info::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(212, 165, 68, 0.55) 0%, rgba(169, 128, 42, 0.55) 100%);
  border-radius: 8px;
}

body.page-destination-info ::selection {
  background: rgba(212, 165, 68, 0.35);
  color: #ffffff;
}

/* Hero */
.page-destination-info .di-hero-overlay {
  background: linear-gradient(180deg, rgba(5, 5, 7, 0.55) 0%, rgba(5, 5, 7, 0.25) 40%, rgba(11, 11, 14, 0.95) 100%) !important;
}

.page-destination-info .di-hero-card {
  background: linear-gradient(180deg, rgba(12, 12, 16, 0.72) 0%, rgba(10, 10, 13, 0.6) 100%) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;
}

.page-destination-info .di-hero-title {
  color: #ffffff !important;
}

.page-destination-info .di-breadcrumb,
.page-destination-info .di-breadcrumb a {
  color: var(--fs-text-soft) !important;
}

.page-destination-info .di-breadcrumb a:hover {
  color: var(--fs-gold-light) !important;
}

.page-destination-info .di-hero-tags span {
  background: var(--fs-gold-soft) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-pill) !important;
  color: var(--fs-gold-light) !important;
}

.page-destination-info .di-hero-tags i {
  color: var(--fs-gold) !important;
}

/* Booking card in hero: match the homepage dark card */
.page-destination-info .lux-booking-card {
  background: linear-gradient(180deg, rgba(18, 18, 23, 0.92) 0%, rgba(11, 11, 14, 0.88) 100%) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.page-destination-info .lux-booking-title {
  color: #ffffff !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-input-wrap {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-input-wrap:focus-within,
.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-input-wrap:hover {
  border-color: var(--fs-gold-line) !important;
  background: rgba(212, 165, 68, 0.07) !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-icon {
  color: var(--fs-gold) !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-label {
  color: var(--fs-gold-light) !important;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 10px !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-input,
.page-destination-info .lux-booking-card .hero-search-form--lux #passenger-text,
.page-destination-info .lux-booking-card .hero-search-form--lux #kur-text {
  color: #ffffff !important;
  background: transparent !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-input::placeholder {
  color: rgba(242, 239, 232, 0.45) !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .paxs {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
  color: var(--fs-text) !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .paxs label {
  color: var(--fs-text) !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .kur-item {
  color: var(--fs-text) !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .kur-item:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
}

.page-destination-info .paxs .close-paxs {
  background: var(--fs-gold-grad) !important;
  border: none !important;
  color: #16130a !important;
}

.page-destination-info .ece-passenger-spinner__btn {
  background: var(--fs-surface-2) !important;
  color: var(--fs-gold) !important;
  border: 1px solid var(--fs-line) !important;
}

.page-destination-info .ece-passenger-spinner__input {
  background: transparent !important;
  color: #ffffff !important;
}

/* Floating airport list on this page too */
body.page-destination-info .live-result.live-result-floating {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
  padding: 6px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 165, 68, 0.45) transparent;
}

body.page-destination-info .live-result.live-result-floating .item {
  background: transparent !important;
  color: var(--fs-text) !important;
  border-bottom: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-sm) !important;
}

body.page-destination-info .live-result.live-result-floating .item:last-child {
  border-bottom: none !important;
}

body.page-destination-info .live-result.live-result-floating .item:hover {
  background: var(--fs-gold-soft) !important;
  color: var(--fs-gold-light) !important;
  box-shadow: none !important;
}

body.page-destination-info .live-result.live-result-floating .item i {
  color: var(--fs-gold) !important;
}

/* Content cards */
.page-destination-info .di-content-card,
.page-destination-info .di-map-card,
.page-destination-info .di-hotels-card,
.page-destination-info .di-sidebar-book,
.page-destination-info .di-sidebar-faq-card {
  background: linear-gradient(180deg, rgba(22, 22, 28, 0.98) 0%, rgba(15, 15, 19, 0.98) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.page-destination-info .di-section-title,
.page-destination-info .section-title,
.page-destination-info .di-content-card h2,
.page-destination-info .di-content-card h3 {
  color: #ffffff !important;
}

.page-destination-info .di-section-title i,
.page-destination-info .di-sidebar-icon,
.page-destination-info .section-title-icon {
  color: var(--fs-gold) !important;
}

.page-destination-info .section-label {
  color: var(--fs-gold) !important;
  letter-spacing: 2px;
}

.page-destination-info .section-link {
  color: var(--fs-gold-light) !important;
}

.page-destination-info .di-content-body,
.page-destination-info .di-content-body p,
.page-destination-info .di-content-body li,
.page-destination-info .panel-text {
  color: var(--fs-text-soft) !important;
}

.page-destination-info .di-content-body strong,
.page-destination-info .di-content-body b {
  color: var(--fs-text) !important;
}

.page-destination-info .di-map-wrap {
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  overflow: hidden;
}

/* Sidebar booking */
.page-destination-info .price-label {
  color: var(--fs-text-soft) !important;
}

.page-destination-info .price-value {
  background: var(--fs-gold-grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--fs-gold) !important;
}

.page-destination-info .di-book-btn-lg,
.page-destination-info .main-btn-2 {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  border: none !important;
  border-radius: var(--fs-radius-md) !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 26px rgba(212, 165, 68, 0.3) !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease, filter 0.22s ease !important;
}

.page-destination-info .di-book-btn-lg i,
.page-destination-info .main-btn-2 i {
  color: #16130a !important;
}

.page-destination-info .di-book-btn-lg:hover,
.page-destination-info .main-btn-2:hover {
  color: #16130a !important;
  filter: brightness(1.08);
  box-shadow: 0 14px 34px rgba(212, 165, 68, 0.45) !important;
  transform: translateY(-2px);
}

/* Hotels list */
.page-destination-info .di-hotels-item {
  border-color: var(--fs-line) !important;
}

.page-destination-info .di-hotels-item span {
  color: var(--fs-text) !important;
}

.page-destination-info .di-hotels-item i {
  color: var(--fs-gold) !important;
}

.page-destination-info .di-hotels-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 165, 68, 0.45) transparent;
}

.page-destination-info .di-hotels-scroll::-webkit-scrollbar {
  width: 8px;
}

.page-destination-info .di-hotels-scroll::-webkit-scrollbar-thumb {
  background: rgba(212, 165, 68, 0.45);
  border-radius: 8px;
}

/* FAQ accordions */
.page-destination-info .entity-faq-item {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-md) !important;
}

.page-destination-info .entity-faq-item:hover {
  border-color: var(--fs-gold-line) !important;
}

.page-destination-info .entity-faq-btn,
.page-destination-info .entity-faq-question,
.page-destination-info .entity-faq-title {
  background: transparent !important;
  color: var(--fs-text) !important;
}

.page-destination-info .entity-faq-answer {
  color: var(--fs-text-soft) !important;
  background: transparent !important;
}

.page-destination-info .entity-faq-head i {
  color: var(--fs-gold) !important;
}

/* Why cards + related destination cards */
.page-destination-info .why-card {
  background: linear-gradient(180deg, rgba(22, 22, 28, 0.98) 0%, rgba(15, 15, 19, 0.98) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-lg) !important;
}

.page-destination-info .why-card:hover {
  border-color: var(--fs-gold-line) !important;
}

.page-destination-info .why-icon {
  color: var(--fs-gold) !important;
}

.page-destination-info .why-card h4,
.page-destination-info .why-card h5 {
  color: #ffffff !important;
}

.page-destination-info .why-card p {
  color: var(--fs-text-soft) !important;
}

.page-destination-info .destination-card {
  background: linear-gradient(180deg, rgba(22, 22, 28, 0.98) 0%, rgba(15, 15, 19, 0.98) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  overflow: hidden;
}

.page-destination-info .destination-card:hover {
  border-color: var(--fs-gold-line) !important;
}

.page-destination-info .destination-title {
  color: #ffffff !important;
}

.page-destination-info .destination-content {
  background: transparent !important;
}

.page-destination-info .destination-meta,
.page-destination-info .destination-meta span {
  color: var(--fs-text-soft) !important;
}

.page-destination-info .destination-meta i {
  color: var(--fs-gold) !important;
}

.page-destination-info .destination-price {
  color: var(--fs-gold-light) !important;
}

/* Detail hero form: stop the currency box overflowing the card */
.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-row {
  gap: 6px !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-field,
.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-field--sm {
  min-width: 0 !important;
  width: auto !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-input-wrap {
  min-width: 0 !important;
  padding: 8px 10px !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-input-inner {
  min-width: 0 !important;
}

.page-destination-info .lux-booking-card .hero-search-form--lux .hsf-label {
  letter-spacing: 0.5px !important;
  white-space: nowrap;
}

/* Detail hero: drop legacy per-field side padding so boxes match the button width */
.page-destination-info .di-hero-search-wrap .hsf-field,
.page-destination-info .di-hero-search-wrap .hsf-field--sm,
.page-destination-info .di-hero-search-wrap .hsf-field--currency {
  padding: 0 !important;
  border-right: none !important;
}

.page-destination-info .di-hero-search-wrap .hsf-submit--cta {
  padding-left: 0 !important;
}

/* ================================================================
   GALLERY PAGE (page-gallery) — dark luxury
   ================================================================ */

body.page-gallery {
  background:
    radial-gradient(1100px 480px at 50% -140px, rgba(212, 165, 68, 0.10) 0%, transparent 65%),
    var(--fs-black) !important;
  color: var(--fs-text) !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 165, 68, 0.45) rgba(255, 255, 255, 0.04);
}

body.page-gallery::-webkit-scrollbar {
  width: 8px;
}

body.page-gallery::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}

body.page-gallery::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(212, 165, 68, 0.55) 0%, rgba(169, 128, 42, 0.55) 100%);
  border-radius: 8px;
}

body.page-gallery ::selection {
  background: rgba(212, 165, 68, 0.35);
  color: #ffffff;
}

.page-gallery .gallery-section {
  background: transparent !important;
}

.page-gallery .ui-empty-state {
  background: var(--fs-surface) !important;
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  color: var(--fs-text) !important;
}

.page-gallery .ui-empty-state i {
  color: var(--fs-gold) !important;
}

.page-gallery .ui-empty-state h3 {
  color: #ffffff !important;
}

.page-gallery .main-btn-2 {
  background: var(--fs-gold-grad) !important;
  color: #16130a !important;
  border: none !important;
  border-radius: var(--fs-radius-md) !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 26px rgba(212, 165, 68, 0.3) !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease, filter 0.22s ease !important;
}

.page-gallery .main-btn-2 i {
  color: #16130a !important;
}

.page-gallery .main-btn-2:hover {
  color: #16130a !important;
  filter: brightness(1.08);
  box-shadow: 0 14px 34px rgba(212, 165, 68, 0.45) !important;
  transform: translateY(-2px);
}

/* Fancybox lightbox chrome on the gallery */
.page-gallery .fancybox__backdrop {
  background: rgba(5, 5, 7, 0.92) !important;
}

.page-gallery .fancybox-bg {
  background: #050507 !important;
  opacity: 0.94 !important;
}

.page-gallery .gallery-grid {
  background: transparent !important;
  padding: 0 !important;
}

/* ================================================================
   CONTACT PAGE (page-contact) — dark luxury
   ================================================================ */

body.page-contact {
  background:
    radial-gradient(1100px 480px at 50% -140px, rgba(212, 165, 68, 0.10) 0%, transparent 65%),
    var(--fs-black) !important;
  color: var(--fs-text) !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 165, 68, 0.45) rgba(255, 255, 255, 0.04);
}

body.page-contact::-webkit-scrollbar {
  width: 8px;
}

body.page-contact::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}

body.page-contact::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(212, 165, 68, 0.55) 0%, rgba(169, 128, 42, 0.55) 100%);
  border-radius: 8px;
}

body.page-contact ::selection {
  background: rgba(212, 165, 68, 0.35);
  color: #ffffff;
}

.page-contact .page-header {
  background:
    radial-gradient(700px 320px at 50% 110%, rgba(212, 165, 68, 0.16) 0%, transparent 70%),
    linear-gradient(135deg, #060608 0%, #17171d 100%) !important;
  border-bottom: 1px solid var(--fs-gold-line);
}

.page-contact .page-title {
  color: #ffffff !important;
}

.page-contact .page-title::after {
  content: "";
  display: block;
  width: 52px;
  height: 2px;
  margin: 14px auto 0;
  background: var(--fs-gold-grad);
  border-radius: 2px;
}

.page-contact .page-subtitle {
  color: var(--fs-gold-light) !important;
}

.page-contact .page-breadcrumb,
.page-contact .page-breadcrumb a,
.page-contact .page-breadcrumb span {
  color: var(--fs-text-soft) !important;
}

.page-contact .page-breadcrumb a:hover {
  color: var(--fs-gold-light) !important;
}

.page-contact .page-breadcrumb i {
  color: var(--fs-gold) !important;
}

.page-contact .contact-section {
  background: transparent !important;
}

.page-contact .contact-info-card {
  background: linear-gradient(180deg, rgba(22, 22, 28, 0.98) 0%, rgba(15, 15, 19, 0.98) 100%) !important;
  border: 1px solid var(--fs-line) !important;
  border-radius: var(--fs-radius-lg) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.page-contact .contact-card-title,
.page-contact .section-title {
  color: #ffffff !important;
}

.page-contact .contact-card-title::after {
  content: "";
  display: block;
  width: 34px;
  height: 2px;
  margin-top: 8px;
  background: var(--fs-gold-grad);
  border-radius: 2px;
}

.page-contact .contact-info-icon {
  background: var(--fs-gold-soft) !important;
  border: 1px solid var(--fs-gold-line) !important;
  color: var(--fs-gold) !important;
}

.page-contact .contact-info-icon i {
  color: var(--fs-gold) !important;
}

.page-contact .contact-info-content h4 {
  color: var(--fs-gold-light) !important;
}

.page-contact .contact-info-content p {
  color: var(--fs-text) !important;
}

.page-contact .contact-info-content a {
  color: var(--fs-text) !important;
  transition: color 0.2s ease;
}

.page-contact .contact-info-content a:hover {
  color: var(--fs-gold-light) !important;
}

.page-contact .contact-map-container,
.page-contact .map-box {
  border: 1px solid var(--fs-gold-line) !important;
  border-radius: var(--fs-radius-md) !important;
  overflow: hidden;
  background: var(--fs-surface) !important;
}

.page-contact .map-box {
  border: none !important;
}

/* ================================================================
   CORPORATE PAGE (page-corporate) — dark luxury
   ================================================================ */

body.page-corporate {
  background:
    radial-gradient(1100px 480px at 50% -140px, rgba(212, 165, 68, 0.10) 0%, transparent 65%),
    var(--fs-black) !important;
  color: var(--fs-text) !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 165, 68, 0.45) rgba(255, 255, 255, 0.04);
}

body.page-corporate::-webkit-scrollbar {
  width: 8px;
}

body.page-corporate::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.04);
}

body.page-corporate::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(212, 165, 68, 0.55) 0%, rgba(169, 128, 42, 0.55) 100%);
  border-radius: 8px;
}

body.page-corporate ::selection {
  background: rgba(212, 165, 68, 0.35);
  color: #ffffff;
}

.page-corporate .about-hero-banner {
  border-bottom: 1px solid var(--fs-gold-line);
}

.page-corporate .about-content strong,
.page-corporate .about-content b {
  color: var(--fs-text) !important;
}

.page-corporate .about-content a {
  color: var(--fs-gold-light) !important;
}

/* =============================================
   FIYATSIZ MOD — WhatsApp'tan teklif alma
   (guzergah icin tanimli fiyat yoksa devreye girer)
   ============================================= */
.reservation-step-1 .car-price-quote {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
}

.reservation-step-1 .car-quote-note {
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--fs-text-soft);
}

/* Cam yuzeyli yesil kontur; hover'da dolar.
   .main-btn-2 nowrap + 22px yan padding ile 208px'lik kaba sigmiyordu:
   burada satir kirilmasi acilip padding daraltiliyor. */
.reservation-step-1 .car-footer-row .car-quote-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100% !important;
  max-width: 100%;
  min-width: 0 !important;
  box-sizing: border-box;
  padding: 11px 14px !important;
  min-height: 46px;
  white-space: normal !important;
  text-align: center;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 1.25;
  letter-spacing: 0.2px;
  border-radius: 12px;
  color: #eafaf0 !important;
  background: rgba(37, 211, 102, 0.1) !important;
  border: 1px solid rgba(37, 211, 102, 0.45) !important;
  box-shadow: none !important;
  transition: background 0.25s ease, border-color 0.25s ease,
    color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}

.reservation-step-1 .car-footer-row .car-quote-btn i {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #25d366;
  color: #08130c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  transition: background 0.25s ease, color 0.25s ease;
}

.reservation-step-1 .car-footer-row .car-quote-btn:hover {
  background: linear-gradient(135deg, #25d366 0%, #12a355 100%) !important;
  border-color: transparent !important;
  color: #05230f !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(37, 211, 102, 0.25) !important;
}

.reservation-step-1 .car-footer-row .car-quote-btn:hover i {
  background: rgba(255, 255, 255, 0.92);
  color: #0b7a3d;
}