/*
 * RC56 service visual layer.
 * Scope: service pages only. No homepage, route, shortcode, widget, API, or partner URL changes.
 */

:root {
  --tt-svc-font-ar: "Cairo", Tahoma, Arial, sans-serif;
  --tt-svc-font-en: Aptos, "Segoe UI", sans-serif;
  --tt-svc-ink: #24180f;
  --tt-svc-muted: #6f5b49;
  --tt-svc-soft: #fbf5ec;
  --tt-svc-card: rgba(255, 255, 255, .70);
  --tt-svc-card-strong: rgba(255, 255, 255, .84);
  --tt-svc-line: rgba(122, 83, 45, .17);
  --tt-svc-gold: #f2b72e;
  --tt-svc-orange: #e76625;
  --tt-svc-red: #b62d24;
  --tt-svc-deep: #22150f;
  --tt-svc-shadow: 0 22px 58px rgba(88, 54, 23, .14);
  --tt-svc-shadow-soft: 0 14px 34px rgba(88, 54, 23, .09);
  --tt-svc-header-image: url("../img/service-header-airport-transfer-unsplash.jpg");
  --tt-svc-header-position: center;
  --tt-svc-header-overlay:
    linear-gradient(90deg, rgba(19, 24, 34, .30), rgba(19, 24, 34, .05) 48%, rgba(255, 244, 225, .16));
  --tt-svc-glass: rgba(255, 255, 255, .16);
  --tt-svc-glass-border: rgba(255, 255, 255, .28);
  --tt-svc-drawer-glass: rgba(255, 255, 255, .86);
  --tt-svc-chip: rgba(255, 255, 255, .58);
  --tt-svc-chip-border: rgba(34, 24, 15, .13);
  --tt-svc-marble-a: #f8f4ed;
  --tt-svc-marble-b: #e7ded1;
  --tt-svc-marble-c: rgba(176, 134, 75, .20);
  --tt-svc-marble-vein: rgba(110, 91, 70, .115);
  --tt-svc-marble-bg:
    linear-gradient(135deg, rgba(255, 255, 255, .68), rgba(247, 242, 234, .44)),
    radial-gradient(circle at 10% 12%, rgba(255, 255, 255, .58), transparent 28%),
    radial-gradient(circle at 86% 10%, var(--tt-svc-marble-c), transparent 30%),
    radial-gradient(circle at 72% 94%, rgba(255, 255, 255, .30), transparent 26%),
    repeating-linear-gradient(118deg, transparent 0 22px, var(--tt-svc-marble-vein) 23px, transparent 26px),
    repeating-linear-gradient(31deg, transparent 0 46px, rgba(255, 255, 255, .20) 47px, transparent 49px),
    linear-gradient(135deg, var(--tt-svc-marble-a), var(--tt-svc-marble-b));
  --tt-svc-card-marble-bg:
    linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(247, 243, 236, .48)),
    radial-gradient(circle at 16% 18%, rgba(255, 255, 255, .48), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(184, 139, 78, .13), transparent 28%),
    repeating-linear-gradient(121deg, transparent 0 26px, rgba(114, 94, 72, .075) 27px, transparent 30px),
    linear-gradient(135deg, rgba(252, 248, 241, .84), rgba(232, 222, 209, .72));
}

html[data-theme="dark"],
body.dark,
body.dark-mode {
  --tt-svc-ink: #fff7eb;
  --tt-svc-muted: #dec8ad;
  --tt-svc-soft: #15110f;
  --tt-svc-card: rgba(31, 25, 21, .72);
  --tt-svc-card-strong: rgba(39, 31, 25, .84);
  --tt-svc-line: rgba(255, 214, 143, .17);
  --tt-svc-deep: #fff3df;
  --tt-svc-shadow: 0 22px 58px rgba(0, 0, 0, .42);
  --tt-svc-shadow-soft: 0 14px 34px rgba(0, 0, 0, .30);
  --tt-svc-header-overlay:
    linear-gradient(90deg, rgba(5, 7, 12, .58), rgba(5, 7, 12, .30) 48%, rgba(5, 7, 12, .42));
  --tt-svc-glass: rgba(8, 15, 25, .42);
  --tt-svc-glass-border: rgba(255, 255, 255, .12);
  --tt-svc-drawer-glass: rgba(18, 15, 13, .82);
  --tt-svc-chip: rgba(33, 27, 23, .58);
  --tt-svc-chip-border: rgba(255, 220, 170, .16);
  --tt-svc-marble-a: #2b211b;
  --tt-svc-marble-b: #14100e;
  --tt-svc-marble-c: rgba(236, 162, 61, .16);
  --tt-svc-marble-vein: rgba(255, 223, 178, .105);
  --tt-svc-marble-bg:
    linear-gradient(135deg, rgba(38, 29, 23, .82), rgba(18, 15, 13, .70)),
    radial-gradient(circle at 10% 12%, rgba(255, 224, 174, .10), transparent 28%),
    radial-gradient(circle at 86% 10%, var(--tt-svc-marble-c), transparent 30%),
    radial-gradient(circle at 72% 94%, rgba(255, 255, 255, .055), transparent 26%),
    repeating-linear-gradient(118deg, transparent 0 22px, var(--tt-svc-marble-vein) 23px, transparent 26px),
    repeating-linear-gradient(31deg, transparent 0 46px, rgba(255, 255, 255, .035) 47px, transparent 49px),
    linear-gradient(135deg, var(--tt-svc-marble-a), var(--tt-svc-marble-b));
  --tt-svc-card-marble-bg:
    linear-gradient(135deg, rgba(39, 31, 25, .78), rgba(23, 18, 15, .58)),
    radial-gradient(circle at 16% 18%, rgba(255, 224, 174, .075), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(236, 162, 61, .10), transparent 28%),
    repeating-linear-gradient(121deg, transparent 0 26px, rgba(255, 224, 174, .055) 27px, transparent 30px),
    linear-gradient(135deg, rgba(45, 34, 27, .82), rgba(22, 17, 14, .76));
}

body.tt-transfer-marketing-page,
.tt-transfer-v062,
body.tt-service-route-airport-transfer {
  --tt-svc-header-image: url("../img/service-header-airport-transfer-unsplash.jpg");
  --tt-svc-header-position: center 54%;
  --tt-svc-marble-a: #fbf7f0;
  --tt-svc-marble-b: #ebe0d3;
  --tt-svc-marble-c: rgba(185, 138, 79, .16);
}

body.tt-tigatours-flight-page,
body.tt-tigatours-flight-page-en,
.tt-flight-main,
.tt-flight-en-main,
.tt-v0623-flights-page,
body.tt-service-route-flights {
  --tt-svc-header-image: url("../img/service-header-flights-unsplash.jpg");
  --tt-svc-header-position: center 46%;
  --tt-svc-marble-a: #f8fbfd;
  --tt-svc-marble-b: #e4eef5;
  --tt-svc-marble-c: rgba(73, 143, 190, .14);
}

.tt-expedia-v12,
.tt-expedia-ar-page,
.tt-v066-service-page,
body.tt-service-route-hotels {
  --tt-svc-header-image: url("../img/service-header-hotels-unsplash.jpg");
  --tt-svc-header-position: center 54%;
  --tt-svc-marble-a: #fff7e9;
  --tt-svc-marble-b: #eadcc4;
  --tt-svc-marble-c: rgba(205, 150, 46, .17);
}

body.tt-viator-page,
.tt-viator-wrap,
.tt-viator-page-main,
body.tt-service-route-activities {
  --tt-svc-header-image: url("../img/service-header-activities-unsplash.jpg");
  --tt-svc-header-position: center 50%;
  --tt-svc-marble-a: #fff3e4;
  --tt-svc-marble-b: #ecd8c2;
  --tt-svc-marble-c: rgba(221, 111, 45, .14);
}

body.tt-car-marketing-page,
.tt-car-v035,
.tt-car-v038-en,
body.tt-service-route-car-rental {
  --tt-svc-header-image: url("../img/service-header-car-rental-unsplash.jpg");
  --tt-svc-header-position: center 52%;
  --tt-svc-marble-a: #f7f4ef;
  --tt-svc-marble-b: #dfd7cc;
  --tt-svc-marble-c: rgba(135, 116, 93, .15);
}

.tt-insurance-page,
body.tt-service-route-insurance {
  --tt-svc-header-image: url("../img/service-header-hotels-unsplash.jpg");
  --tt-svc-header-position: center 52%;
  --tt-svc-marble-a: #fff7e8;
  --tt-svc-marble-b: #eadbc6;
  --tt-svc-marble-c: rgba(226, 145, 54, .16);
}

body.tt-transfer-marketing-page,
body.tt-car-marketing-page,
body.tt-tigatours-flight-page,
body.tt-tigatours-flight-page-en,
body.tt-rc26-standalone-shell,
body.tt-viator-page,
body.tt-insurance-page {
  background:
    radial-gradient(circle at 8% 0%, rgba(242, 183, 46, .10), transparent 29%),
    radial-gradient(circle at 92% 8%, rgba(231, 102, 37, .07), transparent 30%),
    linear-gradient(180deg, var(--tt-svc-soft), #fffdf8 64%, #f7efe5) !important;
  color: var(--tt-svc-ink) !important;
  overflow-x: hidden !important;
}

html[data-theme="dark"] body.tt-transfer-marketing-page,
html[data-theme="dark"] body.tt-car-marketing-page,
html[data-theme="dark"] body.tt-tigatours-flight-page,
html[data-theme="dark"] body.tt-tigatours-flight-page-en,
html[data-theme="dark"] body.tt-rc26-standalone-shell,
html[data-theme="dark"] body.tt-viator-page,
html[data-theme="dark"] body.tt-insurance-page,
body.dark.tt-transfer-marketing-page,
body.dark.tt-car-marketing-page,
body.dark.tt-tigatours-flight-page,
body.dark.tt-tigatours-flight-page-en,
body.dark.tt-rc26-standalone-shell,
body.dark.tt-viator-page,
body.dark.tt-insurance-page,
body.dark-mode.tt-transfer-marketing-page,
body.dark-mode.tt-car-marketing-page,
body.dark-mode.tt-tigatours-flight-page,
body.dark-mode.tt-tigatours-flight-page-en,
body.dark-mode.tt-rc26-standalone-shell,
body.dark-mode.tt-viator-page,
body.dark-mode.tt-insurance-page {
  background:
    radial-gradient(circle at 8% 0%, rgba(242, 183, 46, .08), transparent 29%),
    radial-gradient(circle at 92% 8%, rgba(231, 102, 37, .07), transparent 30%),
    linear-gradient(180deg, #15110f, #1d1511 64%, #100d0b) !important;
}

html[data-tt-clean-shell="1"],
html[data-tt-page-lang],
html[data-theme] {
  overflow-x: hidden !important;
}

.tt-transfer-v062,
.tt-car-v035,
.tt-car-v038-en,
.tt-v066-service-page,
.tt-expedia-v12,
.tt-viator-wrap,
.tt-flight-main,
.tt-flight-en-main,
.tt-viator-page-main {
  box-sizing: border-box !important;
  color: var(--tt-svc-ink) !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.tt-transfer-v062 *,
.tt-car-v035 *,
.tt-car-v038-en *,
.tt-v066-service-page *,
.tt-expedia-v12 *,
.tt-viator-wrap *,
.tt-flight-main *,
.tt-flight-en-main *,
.tt-viator-page-main * {
  box-sizing: border-box !important;
}

.tt-transfer-v062 > *,
.tt-car-v035 > *,
.tt-car-v038-en > *,
.tt-v066-service-page > *,
.tt-expedia-v12 > *,
.tt-viator-wrap > *,
.tt-flight-main > *,
.tt-flight-en-main > *,
.tt-viator-page-main > * {
  max-width: 100% !important;
}

.tt-transfer-v062[dir="rtl"],
.tt-v066-service-page-ar,
.tt-expedia-ar-page,
.tt-v0623-flights-page-ar,
.tt-viator-wrap[dir="rtl"],
.tt-car-v035[dir="rtl"],
.tt-flight-calendar-first {
  font-family: var(--tt-svc-font-ar) !important;
}

.tt-transfer-v062[dir="ltr"],
.tt-v066-service-page-en,
.tt-viator-wrap-en,
.tt-flight-en-main,
.tt-car-v038-en {
  font-family: var(--tt-svc-font-en) !important;
}

/*
 * Top navigation/header only.
 * The header uses photo + glass only. Marble is intentionally excluded here.
 */
.tt-transfer-page-header,
.tt-car-page-header,
.tt-viator-site-header,
body.tt-tigatours-flight-page .tt-header,
.tt-flight-en-top,
.tt-service-header-shell {
  background:
    var(--tt-svc-header-overlay),
    var(--tt-svc-header-image) var(--tt-svc-header-position) / cover no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  min-height: clamp(148px, 16vw, 208px) !important;
  padding: clamp(28px, 3.8vw, 50px) 0 !important;
  position: relative !important;
  z-index: 40 !important;
}

.tt-flight-en-top,
.tt-service-header-shell {
  max-width: none !important;
  width: 100% !important;
}

.tt-transfer-page-header-inner,
.tt-car-page-header-inner,
.tt-viator-site-header-inner,
body.tt-tigatours-flight-page .tt-header-inner,
.tt-flight-en-nav,
.tt-service-header-inner {
  align-items: center !important;
  background: var(--tt-svc-glass) !important;
  border: 1px solid var(--tt-svc-glass-border) !important;
  border-radius: clamp(18px, 2.2vw, 28px) !important;
  box-shadow: 0 18px 42px rgba(17, 24, 39, .11), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
  color: var(--tt-svc-ink) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: clamp(8px, 1.4vw, 14px) !important;
  margin-inline: auto !important;
  max-width: 1180px !important;
  min-height: clamp(62px, 6.4vw, 82px) !important;
  overflow: visible !important;
  padding: clamp(10px, 1.45vw, 16px) clamp(12px, 2.2vw, 22px) !important;
  width: calc(100% - 28px) !important;
  backdrop-filter: blur(14px) saturate(1.5);
  -webkit-backdrop-filter: blur(14px) saturate(1.5);
}

.tt-service-header-inner {
  justify-content: space-between !important;
  min-height: clamp(76px, 8vw, 104px) !important;
}

.tt-v066-service-nav {
  align-items: center !important;
  background:
    var(--tt-svc-header-overlay),
    var(--tt-svc-header-image) var(--tt-svc-header-position) / cover no-repeat !important;
  border: 1px solid rgba(255, 255, 255, .44) !important;
  border-radius: clamp(18px, 2.2vw, 28px) !important;
  box-shadow: 0 18px 42px rgba(17, 24, 39, .14) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  isolation: isolate !important;
  margin: 0 auto clamp(18px, 2.6vw, 30px) !important;
  min-height: clamp(72px, 7vw, 96px) !important;
  overflow: hidden !important;
  padding: clamp(12px, 1.7vw, 18px) !important;
  position: relative !important;
  max-width: 1180px !important;
  width: min(1180px, calc(100% - 28px)) !important;
}

.tt-v066-service-nav.tt-service-header-shell {
  max-width: none !important;
  width: 100% !important;
  border-radius: 0 !important;
  border: 0 !important;
  margin: 0 0 clamp(18px, 2.6vw, 30px) !important;
  padding: clamp(24px, 3.3vw, 42px) 0 !important;
}

.tt-v066-service-nav.tt-service-header-shell::before {
  content: none !important;
  display: none !important;
}

.tt-v066-service-nav::before,
.tt-flight-en-nav::before {
  background: url("../img/tigatours-logo-transparent.png") center / contain no-repeat;
  content: "";
  display: inline-flex;
  flex: 0 0 clamp(128px, 16vw, 180px);
  height: clamp(42px, 5vw, 56px);
  margin-inline-end: auto;
  min-width: 128px;
}

.tt-service-header-logo {
  align-items: center !important;
  background: transparent url("../img/tigatours-logo-transparent.png") center / contain no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex: 0 0 clamp(138px, 16vw, 188px) !important;
  height: clamp(50px, 5.4vw, 64px) !important;
  justify-content: center !important;
  text-decoration: none !important;
  filter: brightness(1.08) saturate(1.08) drop-shadow(0 0 10px rgba(255,255,255,.70)) drop-shadow(0 8px 18px rgba(17,24,39,.24)) !important;
}

.tt-service-header-logo span {
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
}

[dir="rtl"] .tt-v066-service-nav::before {
  margin-inline-end: 0;
  margin-inline-start: auto;
}

.tt-transfer-page-logo,
.tt-car-page-logo,
.tt-logo,
.tt-viator-brand {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
}

.tt-transfer-page-logo img,
.tt-car-page-logo img,
.tt-viator-brand-logo,
.tt-logo img {
  display: block !important;
  height: auto !important;
  max-height: 58px !important;
  max-width: clamp(145px, 16vw, 190px) !important;
  object-fit: contain !important;
  filter: drop-shadow(0 5px 14px rgba(17, 24, 39, .15));
}

.tt-transfer-page-nav,
.tt-car-page-nav,
.tt-viator-site-nav,
.tt-nav,
.tt-actions,
.tt-service-header-nav,
.tt-service-header-actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.tt-transfer-page-nav,
.tt-car-page-nav,
.tt-viator-site-nav,
.tt-nav,
.tt-service-header-nav {
  flex: 1 1 auto !important;
}

.tt-service-header-nav {
  justify-content: center !important;
  min-width: min(100%, 420px) !important;
}

.tt-service-header-actions {
  flex: 0 1 auto !important;
  justify-content: flex-end !important;
}

.tt-service-header-menu-toggle,
.tt-service-header-drawer {
  display: none !important;
}

.tt-transfer-page-nav a,
.tt-car-page-nav a,
.tt-viator-site-nav a,
.tt-v066-service-nav a,
.tt-v066-service-tabs a,
.tt-flight-en-nav a,
body.tt-tigatours-flight-page .tt-nav a,
body.tt-tigatours-flight-page .tt-action-btn,
.tt-action-btn,
.tt-service-header-link,
.tt-service-header-control,
.tt-service-header-cta,
.tt-service-header-menu-toggle {
  align-items: center !important;
  background: var(--tt-svc-chip) !important;
  border: 1px solid var(--tt-svc-chip-border) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(17, 24, 39, .07) !important;
  color: var(--tt-svc-deep) !important;
  display: inline-flex !important;
  font-weight: 800 !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  min-height: 40px !important;
  padding: 10px 15px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.tt-service-header-menu-toggle {
  flex-direction: column !important;
  gap: 4px !important;
  padding: 9px 12px !important;
  width: 44px !important;
}

.tt-service-header-menu-toggle span {
  background: currentColor !important;
  border-radius: 999px !important;
  display: block !important;
  height: 2px !important;
  width: 18px !important;
}

.tt-service-header-menu-toggle {
  display: none !important;
}

.tt-service-header-link {
  white-space: nowrap !important;
}

.tt-transfer-page-nav a:hover,
.tt-transfer-page-nav a.is-active,
.tt-car-page-nav a:hover,
.tt-car-page-nav a.is-active,
.tt-viator-site-nav a:hover,
.tt-v066-service-nav a:hover,
.tt-v066-service-nav a.is-active,
.tt-v066-service-tabs a:hover,
.tt-v066-service-tabs a.is-active,
.tt-flight-en-nav a:hover,
.tt-flight-en-nav a.is-active,
body.tt-tigatours-flight-page .tt-nav a:hover,
body.tt-tigatours-flight-page .tt-primary,
body.tt-tigatours-flight-page .tt-start,
.tt-action-btn:hover,
.tt-service-header-link:hover,
.tt-service-header-link.is-active,
.tt-service-header-control:hover,
.tt-service-header-cta,
.tt-service-header-menu-toggle:hover {
  background: linear-gradient(135deg, var(--tt-svc-red), var(--tt-svc-orange) 72%, #f97316) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

html[data-theme="dark"] .tt-transfer-page-header-inner,
html[data-theme="dark"] .tt-car-page-header-inner,
html[data-theme="dark"] .tt-viator-site-header-inner,
html[data-theme="dark"] body.tt-tigatours-flight-page .tt-header-inner,
html[data-theme="dark"] .tt-flight-en-nav,
html[data-theme="dark"] .tt-service-header-inner,
body.dark .tt-transfer-page-header-inner,
body.dark .tt-car-page-header-inner,
body.dark .tt-viator-site-header-inner,
body.dark.tt-tigatours-flight-page .tt-header-inner,
body.dark .tt-flight-en-nav,
body.dark .tt-service-header-inner,
body.dark-mode .tt-transfer-page-header-inner,
body.dark-mode .tt-car-page-header-inner,
body.dark-mode .tt-viator-site-header-inner,
body.dark-mode.tt-tigatours-flight-page .tt-header-inner,
body.dark-mode .tt-flight-en-nav,
body.dark-mode .tt-service-header-inner {
  box-shadow: 0 18px 44px rgba(0, 0, 0, .38) !important;
}

html[data-theme="dark"] .tt-service-header-logo,
body.dark .tt-service-header-logo,
body.dark-mode .tt-service-header-logo {
  background-color: transparent !important;
  filter: brightness(1.18) saturate(1.14) drop-shadow(0 0 14px rgba(255,255,255,.46)) drop-shadow(0 10px 22px rgba(0,0,0,.54)) !important;
}

html[data-theme="dark"] .tt-v066-service-nav,
body.dark .tt-v066-service-nav,
body.dark-mode .tt-v066-service-nav {
  border-color: rgba(255, 229, 187, .18) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .36) !important;
}

/*
 * Main content and widget/search shells.
 * These surfaces keep the pearly marble treatment and never use the header photo.
 */
.tt-transfer-hero,
.tt-car-v035-hero,
.tt-v066-service-hero,
.tt-expedia-v12-hero,
.tt-expedia-ar-hero,
.tt-viator-hero,
.tt-flight-hero-grid,
.tt-flight-en-hero-grid,
.tt-en-placeholder-card {
  background: var(--tt-svc-marble-bg) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: clamp(24px, 3vw, 36px) !important;
  box-shadow: var(--tt-svc-shadow) !important;
  color: var(--tt-svc-ink) !important;
  margin-inline: auto !important;
  max-width: 1180px !important;
  overflow: hidden !important;
  padding: clamp(22px, 3.4vw, 42px) !important;
  width: min(1180px, calc(100% - 28px)) !important;
}

.tt-flight-hero,
.tt-flight-en-hero {
  background: transparent !important;
  border: 0 !important;
  padding: clamp(26px, 4vw, 42px) 0 !important;
}

.tt-transfer-copy,
.tt-car-v035-copy,
.tt-expedia-v12-copy,
.tt-expedia-ar-copy,
.tt-viator-hero > div,
.tt-flight-copy,
.tt-flight-side-card,
.tt-flight-en-copy,
.tt-flight-en-side-card,
.tt-v066-service-hero > div,
.tt-v066-service-hero > article,
.tt-en-placeholder-card > div {
  background: var(--tt-svc-card-marble-bg) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: clamp(18px, 2.2vw, 28px) !important;
  box-shadow: var(--tt-svc-shadow-soft) !important;
  color: var(--tt-svc-ink) !important;
  padding: clamp(18px, 2.7vw, 30px) !important;
}

.tt-transfer-copy,
.tt-car-v035-copy,
.tt-expedia-v12-copy,
.tt-expedia-ar-copy,
.tt-flight-copy,
.tt-flight-en-copy,
.tt-v066-service-hero > div:first-child {
  max-width: 100% !important;
  min-width: 0 !important;
}

.tt-transfer-hero > *,
.tt-car-v035-hero > *,
.tt-v066-service-hero > *,
.tt-expedia-v12-hero > *,
.tt-expedia-ar-hero > *,
.tt-viator-hero > *,
.tt-flight-hero-grid > *,
.tt-flight-en-hero-grid > *,
.tt-transfer-search-card,
.tt-car-v035-search,
.tt-car-v038-search-card,
.tt-expedia-v12-widget-card,
.tt-expedia-ar-search-card,
.tt-viator-form,
.tt-flight-widget-shell,
.tt-flight-en-widget-shell {
  max-width: 100% !important;
  min-width: 0 !important;
}

.tt-transfer-copy h1,
.tt-car-v035-copy h1,
.tt-expedia-v12-copy h1,
.tt-expedia-ar-copy h1,
.tt-viator-hero h1,
.tt-flight-copy h1,
.tt-flight-en-copy h1,
.tt-v066-service-hero h1,
.tt-en-placeholder-card h1 {
  color: var(--tt-svc-deep) !important;
  font-size: clamp(2rem, 4.1vw, 3.45rem) !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
  margin: 0 0 14px !important;
  text-wrap: balance;
}

.tt-transfer-v062[dir="rtl"] h1,
.tt-v066-service-page-ar h1,
.tt-expedia-ar-page h1,
.tt-v0623-flights-page-ar h1,
.tt-viator-wrap[dir="rtl"] h1,
.tt-car-v035[dir="rtl"] h1,
.tt-flight-calendar-first h1 {
  font-size: clamp(1.75rem, 3.5vw, 2.85rem) !important;
  letter-spacing: -0.015em !important;
}

.tt-transfer-copy p,
.tt-car-v035-copy p,
.tt-expedia-v12-copy p,
.tt-expedia-ar-copy p,
.tt-viator-hero p,
.tt-flight-copy p,
.tt-flight-en-copy p,
.tt-flight-side-card li,
.tt-flight-en-side-card li,
.tt-v066-service-hero p,
.tt-en-placeholder-card p,
.tt-transfer-lead,
.tt-car-v035-lead {
  color: var(--tt-svc-muted) !important;
  font-size: clamp(.98rem, 1.45vw, 1.08rem) !important;
  line-height: 1.8 !important;
}

.tt-transfer-kicker,
.tt-car-v035-kicker,
.tt-home-en-kicker,
.tt-viator-kicker,
.tt-pill,
.tt-flight-en-pill,
.tt-v066-service-tabs a.is-active,
.tt-expedia-v12-trust,
.tt-viator-badges span {
  background: rgba(242, 183, 46, .16) !important;
  border: 1px solid rgba(217, 154, 23, .24) !important;
  border-radius: 999px !important;
  color: #8b3d0c !important;
  display: inline-flex !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  padding: 8px 13px !important;
}

html[data-theme="dark"] .tt-transfer-kicker,
html[data-theme="dark"] .tt-car-v035-kicker,
html[data-theme="dark"] .tt-home-en-kicker,
html[data-theme="dark"] .tt-viator-kicker,
html[data-theme="dark"] .tt-pill,
html[data-theme="dark"] .tt-flight-en-pill,
html[data-theme="dark"] .tt-expedia-v12-trust,
html[data-theme="dark"] .tt-viator-badges span,
body.dark .tt-transfer-kicker,
body.dark .tt-car-v035-kicker,
body.dark .tt-home-en-kicker,
body.dark .tt-viator-kicker,
body.dark .tt-pill,
body.dark .tt-flight-en-pill,
body.dark .tt-expedia-v12-trust,
body.dark .tt-viator-badges span,
body.dark-mode .tt-transfer-kicker,
body.dark-mode .tt-car-v035-kicker,
body.dark-mode .tt-home-en-kicker,
body.dark-mode .tt-viator-kicker,
body.dark-mode .tt-pill,
body.dark-mode .tt-flight-en-pill,
body.dark-mode .tt-expedia-v12-trust,
body.dark-mode .tt-viator-badges span {
  background: rgba(242, 183, 46, .15) !important;
  border-color: rgba(255, 220, 170, .18) !important;
  color: #ffdca5 !important;
}

.tt-transfer-search-card,
.tt-car-v035-search,
.tt-car-v038-search-card,
.tt-qeeq-en-form,
.tt-v066-search-mock,
.tt-expedia-v12-widget-card,
.tt-expedia-ar-search-card,
.tt-expedia-widget-wrap,
.tt-expedia-widget-wrap-v20,
.tt-viator-form,
.tt-viator-card,
.tt-viator-detail-card,
.tt-viator-detail-side-card,
.tt-viator-empty,
.tt-viator-suggestions,
.tt-viator-detail-section,
.tt-viator-source-details,
.tt-viator-pagination,
.tt-flight-search-section,
.tt-flight-widget-shell,
.tt-v0623-flight-widget-shell,
.tt-flight-en-widget-section,
.tt-flight-en-widget-shell,
.tt-flight-en-widget-box {
  background: var(--tt-svc-marble-bg) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: clamp(20px, 2.5vw, 30px) !important;
  box-shadow: var(--tt-svc-shadow-soft) !important;
  color: var(--tt-svc-ink) !important;
}

.tt-transfer-search-card,
.tt-car-v035-search,
.tt-car-v038-search-card,
.tt-qeeq-en-form,
.tt-v066-search-mock,
.tt-expedia-v12-widget-card,
.tt-expedia-ar-search-card,
.tt-expedia-widget-wrap,
.tt-expedia-widget-wrap-v20,
.tt-viator-form,
.tt-flight-search-section,
.tt-flight-widget-shell,
.tt-v0623-flight-widget-shell,
.tt-flight-en-widget-section,
.tt-flight-en-widget-shell {
  padding: clamp(18px, 2.8vw, 30px) !important;
}

.tt-flight-widget-shell,
.tt-flight-en-widget-box,
.tt-expedia-widget-wrap,
.tt-expedia-widget-wrap-v20 {
  overflow: hidden !important;
}

.tt-transfer-search-bg {
  display: none !important;
}

.tt-transfer-search-title,
.tt-flight-section-head h2,
.tt-flight-en-section-head h2,
.tt-expedia-v12-widget-head h2,
.tt-viator-results-head h2,
.tt-viator-detail-copy h2,
.tt-viator-detail-section h2,
.tt-car-v035-search h2,
.tt-v066-search-mock h2 {
  color: var(--tt-svc-deep) !important;
  font-size: clamp(1.35rem, 2.4vw, 2.05rem) !important;
  line-height: 1.22 !important;
}

.tt-flight-section-head,
.tt-flight-en-section-head,
.tt-expedia-v12-widget-head,
.tt-viator-results-head {
  align-items: flex-start !important;
  color: var(--tt-svc-ink) !important;
}

.tt-flight-section-head p,
.tt-flight-en-section-head p,
.tt-expedia-v12-widget-head p,
.tt-viator-results-head p,
.tt-viator-note,
.tt-transfer-safe-note,
.tt-transfer-disclaimer,
.tt-car-v035-note,
.tt-expedia-v12-note,
.tt-viator-detail-disclaimer {
  color: var(--tt-svc-muted) !important;
  line-height: 1.75 !important;
}

.tt-transfer-search-card input,
.tt-transfer-search-card select,
.tt-transfer-search-card textarea,
.tt-car-v035-search input,
.tt-car-v035-search select,
.tt-car-v035-search textarea,
.tt-car-v038-search-card input,
.tt-car-v038-search-card select,
.tt-car-v038-search-card textarea,
.tt-qeeq-en-form input,
.tt-qeeq-en-form select,
.tt-qeeq-en-form textarea,
.tt-expedia-ar-field input,
.tt-expedia-ar-field select,
.tt-expedia-ar-field textarea,
.tt-viator-form input,
.tt-viator-form select,
.tt-viator-form textarea,
.tt-v066-search-mock input,
.tt-v066-search-mock select,
.tt-v066-search-mock textarea {
  background: var(--tt-svc-card-strong) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: 16px !important;
  color: var(--tt-svc-ink) !important;
  min-height: 46px !important;
  outline: none !important;
}

.tt-transfer-search-card input::placeholder,
.tt-car-v035-search input::placeholder,
.tt-car-v038-search-card input::placeholder,
.tt-qeeq-en-form input::placeholder,
.tt-expedia-ar-field input::placeholder,
.tt-viator-form input::placeholder,
.tt-v066-search-mock input::placeholder {
  color: color-mix(in srgb, var(--tt-svc-muted) 78%, transparent) !important;
}

.tt-transfer-primary,
.tt-transfer-secondary,
.tt-car-v035-inline-link,
.tt-viator-cta,
.tt-viator-page-btn,
.tt-viator-final-cta,
.tt-flight-actions a,
.tt-flight-en-actions a,
.tt-flight-service-actions a,
.tt-flight-en-strip-actions a,
.tt-expedia-v12-actions a,
.tt-en-placeholder-actions a,
.tt-primary {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-weight: 900 !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  min-height: 46px !important;
  padding: 13px 19px !important;
  text-decoration: none !important;
}

.tt-transfer-primary,
.tt-car-v035-inline-link,
.tt-viator-cta,
.tt-viator-page-btn,
.tt-viator-final-cta,
.tt-flight-actions .tt-primary,
.tt-flight-en-primary,
.tt-primary {
  background: linear-gradient(135deg, var(--tt-svc-red), var(--tt-svc-orange) 72%, var(--tt-svc-gold)) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 14px 30px rgba(182, 45, 36, .22) !important;
  color: #ffffff !important;
}

.tt-transfer-secondary,
.tt-flight-secondary,
.tt-flight-en-secondary,
.tt-flight-service-actions a,
.tt-flight-en-strip-actions a,
.tt-expedia-v12-actions a,
.tt-en-placeholder-actions a {
  background: var(--tt-svc-card-strong) !important;
  border: 1px solid var(--tt-svc-line) !important;
  color: var(--tt-svc-deep) !important;
}

.tt-transfer-primary:hover,
.tt-transfer-secondary:hover,
.tt-car-v035-inline-link:hover,
.tt-viator-cta:hover,
.tt-viator-page-btn:hover,
.tt-viator-final-cta:hover,
.tt-flight-actions a:hover,
.tt-flight-en-actions a:hover,
.tt-flight-service-actions a:hover,
.tt-flight-en-strip-actions a:hover,
.tt-expedia-v12-actions a:hover,
.tt-en-placeholder-actions a:hover {
  filter: saturate(1.04) brightness(1.02) !important;
  transform: translateY(-1px) !important;
}

.tt-transfer-benefits article,
.tt-transfer-flow-card,
.tt-transfer-disclaimer,
.tt-car-v035-benefits article,
.tt-car-v035-flow-card,
.tt-car-v035-note,
.tt-car-v035-diamond,
.tt-expedia-v12-route-strip article,
.tt-expedia-v12-note,
.tt-v066-service-grid article,
.tt-flight-tip-card,
.tt-flight-service-strip,
.tt-flight-en-grid article,
.tt-flight-en-strip,
.tt-viator-card,
.tt-viator-detail-card,
.tt-viator-detail-side-card,
.tt-viator-empty,
.tt-viator-suggestions,
.tt-viator-source-details,
.tt-viator-detail-disclaimer {
  background: var(--tt-svc-card-marble-bg) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: clamp(18px, 2.2vw, 28px) !important;
  box-shadow: var(--tt-svc-shadow-soft) !important;
  color: var(--tt-svc-ink) !important;
}

.tt-transfer-benefits article,
.tt-transfer-flow-card,
.tt-transfer-disclaimer,
.tt-car-v035-benefits article,
.tt-car-v035-flow-card,
.tt-car-v035-note,
.tt-car-v035-diamond,
.tt-expedia-v12-route-strip article,
.tt-expedia-v12-note,
.tt-v066-service-grid article,
.tt-flight-tip-card,
.tt-flight-service-strip,
.tt-flight-en-grid article,
.tt-flight-en-strip {
  padding: clamp(18px, 2.4vw, 26px) !important;
}

.tt-flight-service-strip,
.tt-flight-en-strip {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(35, 22, 14, .94), rgba(119, 54, 23, .90)) !important;
  color: #fff7eb !important;
}

.tt-flight-service-strip h2,
.tt-flight-service-strip p,
.tt-flight-en-strip h2,
.tt-flight-en-strip p {
  color: inherit !important;
}

.tt-transfer-benefits h3,
.tt-transfer-flow-card h3,
.tt-car-v035-benefits h3,
.tt-car-v035-flow-card h3,
.tt-expedia-v12-route-strip h3,
.tt-v066-service-grid h3,
.tt-flight-tip-card h3,
.tt-flight-en-grid h3,
.tt-viator-card h3 {
  color: var(--tt-svc-deep) !important;
  line-height: 1.25 !important;
}

.tt-transfer-benefits p,
.tt-transfer-flow-card p,
.tt-car-v035-benefits p,
.tt-car-v035-flow-card p,
.tt-expedia-v12-route-strip p,
.tt-v066-service-grid p,
.tt-flight-tip-card p,
.tt-flight-en-grid p,
.tt-viator-card p {
  color: var(--tt-svc-muted) !important;
  line-height: 1.72 !important;
}

.tt-viator-img,
.tt-expedia-v12 img,
.tt-car-v035 img,
.tt-transfer-v062 img {
  height: auto !important;
  max-width: 100% !important;
}

.tt-viator-img {
  border-radius: 18px !important;
  object-fit: cover !important;
}

.tt-viator-card,
.tt-viator-detail-card,
.tt-viator-detail-side-card {
  overflow: hidden !important;
}

.tt-viator-card a,
.tt-viator-detail-card a,
.tt-expedia-v12 a,
.tt-expedia-ar-page a,
.tt-car-v035 a,
.tt-transfer-v062 a {
  text-underline-offset: 3px !important;
}

.tt-transfer-tabs,
.tt-v066-service-tabs,
.tt-car-v035-logos,
.tt-car-v035-stats,
.tt-viator-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.tt-transfer-tabs a,
.tt-v066-service-tabs a,
.tt-car-v035-stats span,
.tt-car-v035-logos span,
.tt-viator-badges span {
  background: var(--tt-svc-card-strong) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: 999px !important;
  color: var(--tt-svc-deep) !important;
  font-weight: 800 !important;
}

.tt-flight-empty-widget,
.tt-flight-en-widget-fallback {
  color: var(--tt-svc-muted) !important;
  line-height: 1.7 !important;
}

.tt-flight-widget-shell iframe,
.tt-flight-en-widget-box iframe,
.tt-expedia-widget-wrap iframe,
.tt-expedia-widget-wrap-v20 iframe {
  max-width: 100% !important;
}

html[data-theme="dark"] .tt-transfer-copy,
html[data-theme="dark"] .tt-car-v035-copy,
html[data-theme="dark"] .tt-expedia-v12-copy,
html[data-theme="dark"] .tt-expedia-ar-copy,
html[data-theme="dark"] .tt-viator-hero > div,
html[data-theme="dark"] .tt-flight-copy,
html[data-theme="dark"] .tt-flight-side-card,
html[data-theme="dark"] .tt-flight-en-copy,
html[data-theme="dark"] .tt-flight-en-side-card,
html[data-theme="dark"] .tt-v066-service-hero > div,
html[data-theme="dark"] .tt-v066-service-hero > article,
body.dark .tt-transfer-copy,
body.dark .tt-car-v035-copy,
body.dark .tt-expedia-v12-copy,
body.dark .tt-expedia-ar-copy,
body.dark .tt-viator-hero > div,
body.dark .tt-flight-copy,
body.dark .tt-flight-side-card,
body.dark .tt-flight-en-copy,
body.dark .tt-flight-en-side-card,
body.dark .tt-v066-service-hero > div,
body.dark .tt-v066-service-hero > article,
body.dark-mode .tt-transfer-copy,
body.dark-mode .tt-car-v035-copy,
body.dark-mode .tt-expedia-v12-copy,
body.dark-mode .tt-expedia-ar-copy,
body.dark-mode .tt-viator-hero > div,
body.dark-mode .tt-flight-copy,
body.dark-mode .tt-flight-side-card,
body.dark-mode .tt-flight-en-copy,
body.dark-mode .tt-flight-en-side-card,
body.dark-mode .tt-v066-service-hero > div,
body.dark-mode .tt-v066-service-hero > article {
  background: var(--tt-svc-card-marble-bg) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
body.dark input,
body.dark select,
body.dark textarea,
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  color-scheme: dark;
}

html[data-theme="dark"] .tt-flight-service-strip,
html[data-theme="dark"] .tt-flight-en-strip,
body.dark .tt-flight-service-strip,
body.dark .tt-flight-en-strip,
body.dark-mode .tt-flight-service-strip,
body.dark-mode .tt-flight-en-strip {
  background: linear-gradient(135deg, rgba(42, 25, 16, .98), rgba(104, 45, 20, .90)) !important;
  border-color: rgba(255, 220, 170, .16) !important;
}

html[data-theme="dark"] .tt-transfer-primary,
html[data-theme="dark"] .tt-car-v035-inline-link,
html[data-theme="dark"] .tt-viator-cta,
html[data-theme="dark"] .tt-viator-page-btn,
html[data-theme="dark"] .tt-viator-final-cta,
html[data-theme="dark"] .tt-flight-actions .tt-primary,
html[data-theme="dark"] .tt-flight-en-primary,
html[data-theme="dark"] .tt-primary,
body.dark .tt-transfer-primary,
body.dark .tt-car-v035-inline-link,
body.dark .tt-viator-cta,
body.dark .tt-viator-page-btn,
body.dark .tt-viator-final-cta,
body.dark .tt-flight-actions .tt-primary,
body.dark .tt-flight-en-primary,
body.dark .tt-primary,
body.dark-mode .tt-transfer-primary,
body.dark-mode .tt-car-v035-inline-link,
body.dark-mode .tt-viator-cta,
body.dark-mode .tt-viator-page-btn,
body.dark-mode .tt-viator-final-cta,
body.dark-mode .tt-flight-actions .tt-primary,
body.dark-mode .tt-flight-en-primary,
body.dark-mode .tt-primary {
  color: #ffffff !important;
}

@media (max-width: 980px) {
  .tt-transfer-page-header-inner,
  .tt-car-page-header-inner,
  .tt-viator-site-header-inner,
  body.tt-tigatours-flight-page .tt-header-inner,
  .tt-flight-en-nav,
  .tt-v066-service-nav,
  .tt-service-header-inner {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .tt-transfer-page-nav,
  .tt-car-page-nav,
  .tt-viator-site-nav,
  .tt-nav,
  .tt-actions,
  .tt-service-header-nav,
  .tt-service-header-actions {
    flex: 1 1 100% !important;
    justify-content: center !important;
  }

  .tt-v066-service-nav::before,
  .tt-flight-en-nav::before {
    flex-basis: 100% !important;
    margin: 0 auto 4px !important;
  }

  .tt-transfer-hero,
  .tt-car-v035-hero,
  .tt-v066-service-hero,
  .tt-expedia-v12-hero,
  .tt-expedia-ar-hero,
  .tt-viator-hero,
  .tt-flight-hero-grid,
  .tt-flight-en-hero-grid {
    grid-template-columns: 1fr !important;
  }

  .tt-service-header-logo {
    flex-basis: clamp(142px, 42vw, 184px) !important;
    margin-inline: auto !important;
  }
}

@media (max-width: 768px) {
  .tt-transfer-page-header,
  .tt-car-page-header,
  .tt-viator-site-header,
  body.tt-tigatours-flight-page .tt-header,
  .tt-flight-en-top,
  .tt-service-header-shell {
    min-height: clamp(92px, 24vw, 118px) !important;
    padding: 10px 0 !important;
  }

  .tt-transfer-page-header-inner,
  .tt-car-page-header-inner,
  .tt-viator-site-header-inner,
  body.tt-tigatours-flight-page .tt-header-inner,
  .tt-flight-en-nav,
  .tt-v066-service-nav,
  .tt-service-header-inner {
    border-radius: 20px !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: minmax(116px, 1fr) auto !important;
    max-width: calc(100% - 20px) !important;
    min-height: auto !important;
    overflow: visible !important;
    padding: 9px !important;
    position: relative !important;
    width: calc(100% - 20px) !important;
  }

  .tt-transfer-page-nav a,
  .tt-car-page-nav a,
  .tt-viator-site-nav a,
  .tt-v066-service-nav a,
  .tt-v066-service-tabs a,
  .tt-flight-en-nav a,
  body.tt-tigatours-flight-page .tt-nav a,
  body.tt-tigatours-flight-page .tt-action-btn,
  .tt-action-btn,
  .tt-service-header-link,
  .tt-service-header-control,
  .tt-service-header-cta,
  .tt-service-header-menu-toggle {
    font-size: .82rem !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
  }

  .tt-service-header-nav {
    display: none !important;
  }

  .tt-service-header-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 6px !important;
    grid-column: 2 !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .tt-service-header-cta {
    display: none !important;
  }

  .tt-service-header-logo {
    flex-basis: auto !important;
    grid-column: 1 !important;
    height: 46px !important;
    margin: 0 !important;
    min-width: 118px !important;
    width: min(42vw, 158px) !important;
  }

  .tt-service-header-menu-toggle {
    display: inline-flex !important;
  }

  .tt-service-header-drawer {
    background: var(--tt-svc-drawer-glass) !important;
    border: 1px solid var(--tt-svc-glass-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 42px rgba(17, 24, 39, .16), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
    display: none !important;
    gap: 7px !important;
    grid-column: auto !important;
    grid-template-columns: 1fr !important;
    left: 0 !important;
    margin-top: 0 !important;
    max-height: min(68vh, 390px) !important;
    overflow-y: auto !important;
    padding: 9px !important;
    position: absolute !important;
    right: 0 !important;
    top: calc(100% + 8px) !important;
    width: 100% !important;
    z-index: 25 !important;
    backdrop-filter: blur(22px) saturate(1.22);
    -webkit-backdrop-filter: blur(22px) saturate(1.22);
  }

  .tt-service-header-shell.is-menu-open .tt-service-header-drawer {
    display: grid !important;
  }

  .tt-service-header-drawer-link {
    align-items: center !important;
    background: var(--tt-svc-chip) !important;
    border: 1px solid var(--tt-svc-chip-border) !important;
    border-radius: 14px !important;
    color: var(--tt-svc-deep) !important;
    display: flex !important;
    font-weight: 850 !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    text-decoration: none !important;
  }

  .tt-service-header-drawer-link:hover,
  .tt-service-header-drawer-link.is-active {
    background: linear-gradient(135deg, var(--tt-svc-red), var(--tt-svc-orange) 72%, #f97316) !important;
    border-color: transparent !important;
    color: #ffffff !important;
  }

  .tt-transfer-page-logo img,
  .tt-car-page-logo img,
  .tt-viator-brand-logo,
  .tt-logo img {
    max-height: 48px !important;
  }

  .tt-transfer-hero,
  .tt-car-v035-hero,
  .tt-v066-service-hero,
  .tt-expedia-v12-hero,
  .tt-expedia-ar-hero,
  .tt-viator-hero,
  .tt-flight-hero-grid,
  .tt-flight-en-hero-grid,
  .tt-en-placeholder-card {
    border-radius: 24px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100% - 18px) !important;
    padding: 18px !important;
    width: calc(100% - 18px) !important;
  }

  .tt-transfer-copy h1,
  .tt-car-v035-copy h1,
  .tt-expedia-v12-copy h1,
  .tt-expedia-ar-copy h1,
  .tt-viator-hero h1,
  .tt-flight-copy h1,
  .tt-flight-en-copy h1,
  .tt-v066-service-hero h1,
  .tt-en-placeholder-card h1 {
    font-size: clamp(1.62rem, 8vw, 2.2rem) !important;
  }

  .tt-transfer-copy,
  .tt-car-v035-copy,
  .tt-expedia-v12-copy,
  .tt-expedia-ar-copy,
  .tt-viator-hero > div,
  .tt-flight-copy,
  .tt-flight-side-card,
  .tt-flight-en-copy,
  .tt-flight-en-side-card,
  .tt-v066-service-hero > div,
  .tt-v066-service-hero > article {
    padding: 16px !important;
  }

  .tt-transfer-search-card,
  .tt-car-v035-search,
  .tt-car-v038-search-card,
  .tt-qeeq-en-form,
  .tt-v066-search-mock,
  .tt-expedia-v12-widget-card,
  .tt-expedia-ar-search-card,
  .tt-expedia-widget-wrap,
  .tt-expedia-widget-wrap-v20,
  .tt-viator-form,
  .tt-flight-search-section,
  .tt-flight-widget-shell,
  .tt-v0623-flight-widget-shell,
  .tt-flight-en-widget-section,
  .tt-flight-en-widget-shell {
    border-radius: 22px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100% - 18px) !important;
    padding: 16px !important;
    width: calc(100% - 18px) !important;
  }
}

@media (max-width: 480px) {
  .tt-service-header-actions {
    gap: 5px !important;
  }

  .tt-service-header-control,
  .tt-service-header-menu-toggle {
    min-width: 38px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .tt-service-header-logo {
    min-width: 108px !important;
    width: min(38vw, 146px) !important;
  }
}

/*
 * RC59 warm TigaTours soft travel-pattern background fix.
 * This is NOT a stone marble texture.
 * Purpose: keep the older travel-pattern feel the user liked, but lighten it with warm gold/orange tones:
 * subtle world-map dots + flight arcs behind content/search/widget blocks only.
 * Header/photo/nav/hamburger/routing/widgets are intentionally untouched.
 */
:root {
  --tt-svc-travel-pattern-light: url("../img/tt-soft-travel-pattern-light.webp");
  --tt-svc-travel-pattern-dark: url("../img/tt-soft-travel-pattern-dark.webp");
  --tt-svc-marble-bg:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,247,224,.62) 42%, rgba(255,232,177,.44)),
    var(--tt-svc-travel-pattern-light),
    linear-gradient(135deg, #fffaf0, #fff2d4 58%, #fff7e6) !important;
  --tt-svc-card-marble-bg:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,249,232,.74) 46%, rgba(255,235,190,.50)),
    var(--tt-svc-travel-pattern-light),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,243,214,.82)) !important;
}

html[data-theme="dark"],
body.dark,
body.dark-mode {
  --tt-svc-marble-bg:
    linear-gradient(135deg, rgba(9,15,26,.88), rgba(42,28,17,.66) 48%, rgba(65,42,18,.46)),
    var(--tt-svc-travel-pattern-dark),
    linear-gradient(135deg, #090f1a, #22170f 58%, #142128) !important;
  --tt-svc-card-marble-bg:
    linear-gradient(135deg, rgba(15,22,34,.90), rgba(47,33,20,.70) 46%, rgba(70,47,20,.52)),
    var(--tt-svc-travel-pattern-dark),
    linear-gradient(135deg, rgba(14,22,34,.94), rgba(42,29,18,.84)) !important;
}

/* Make the travel-pattern visible on the actual service content/search shells. */
.tt-transfer-hero,
.tt-car-v035-hero,
.tt-v066-service-hero,
.tt-expedia-v12-hero,
.tt-expedia-ar-hero,
.tt-viator-hero,
.tt-flight-hero-grid,
.tt-flight-en-hero-grid,
.tt-en-placeholder-card,
.tt-transfer-search-card,
.tt-car-v035-search,
.tt-car-v038-search-card,
.tt-qeeq-en-form,
.tt-v066-search-mock,
.tt-expedia-v12-widget-card,
.tt-expedia-ar-search-card,
.tt-expedia-widget-wrap,
.tt-expedia-widget-wrap-v20,
.tt-viator-form,
.tt-viator-card,
.tt-viator-detail-card,
.tt-viator-detail-side-card,
.tt-viator-empty,
.tt-viator-suggestions,
.tt-viator-detail-section,
.tt-viator-source-details,
.tt-viator-pagination,
.tt-flight-search-section,
.tt-flight-widget-shell,
.tt-v0623-flight-widget-shell,
.tt-flight-en-widget-section,
.tt-flight-en-widget-shell,
.tt-flight-en-widget-box {
  background-size: cover, cover, cover !important;
  background-position: center, center, center !important;
  background-repeat: no-repeat !important;
}

.tt-transfer-copy,
.tt-car-v035-copy,
.tt-expedia-v12-copy,
.tt-expedia-ar-copy,
.tt-viator-hero > div,
.tt-flight-copy,
.tt-flight-side-card,
.tt-flight-en-copy,
.tt-flight-en-side-card,
.tt-v066-service-hero > div,
.tt-v066-service-hero > article,
.tt-en-placeholder-card > div,
.tt-transfer-benefits article,
.tt-transfer-flow-card,
.tt-transfer-disclaimer,
.tt-car-v035-benefits article,
.tt-car-v035-flow-card,
.tt-car-v035-note,
.tt-car-v035-diamond,
.tt-expedia-v12-route-strip article,
.tt-expedia-v12-note,
.tt-v066-service-grid article,
.tt-flight-tip-card,
.tt-flight-service-strip,
.tt-flight-en-grid article,
.tt-flight-en-strip,
.tt-viator-card,
.tt-viator-detail-card,
.tt-viator-detail-side-card,
.tt-viator-empty,
.tt-viator-suggestions,
.tt-viator-source-details,
.tt-viator-detail-disclaimer {
  background-size: cover, cover, cover !important;
  background-position: center, center, center !important;
  background-repeat: no-repeat !important;
}

/* Keep the header/photo/nav separate from the travel-pattern background. */
.tt-transfer-page-header,
.tt-car-page-header,
.tt-viator-site-header,
body.tt-tigatours-flight-page .tt-header,
.tt-flight-en-top,
.tt-service-header-shell,
.tt-transfer-page-header-inner,
.tt-car-page-header-inner,
.tt-viator-site-header-inner,
body.tt-tigatours-flight-page .tt-header-inner,
.tt-flight-en-nav,
.tt-service-header-inner,
.tt-v066-service-nav {
  --tt-svc-travel-pattern-light: none;
  --tt-svc-travel-pattern-dark: none;
}

/* RC62: Travel Insurance service pages use the existing TigaTours service visual system. */
.tt-insurance-page-main {
  background:
    radial-gradient(circle at 8% 0%, rgba(242, 183, 46, .10), transparent 29%),
    radial-gradient(circle at 100% 6%, rgba(231, 102, 37, .10), transparent 26%),
    linear-gradient(180deg, var(--tt-svc-soft), #fffdf8 64%, #f7efe5) !important;
  color: var(--tt-svc-ink) !important;
  padding-bottom: clamp(38px, 5vw, 64px) !important;
}

html[data-theme="dark"] .tt-insurance-page-main,
html[data-tt-theme="dark"] .tt-insurance-page-main,
html.tt-dark-mode .tt-insurance-page-main,
body.dark .tt-insurance-page-main,
body.dark-mode .tt-insurance-page-main {
  background:
    radial-gradient(circle at 8% 0%, rgba(242, 183, 46, .08), transparent 29%),
    radial-gradient(circle at 100% 6%, rgba(231, 102, 37, .07), transparent 26%),
    linear-gradient(180deg, #15100d, #1f1712 64%, #120f0d) !important;
}

.tt-insurance-page {
  font-family: var(--tt-svc-font-ar) !important;
}

.tt-insurance-page[dir="ltr"],
.tt-insurance-page-en {
  font-family: var(--tt-svc-font-en) !important;
}

.tt-insurance-container {
  margin-inline: auto !important;
  max-width: 1180px !important;
  padding-inline: 18px !important;
  width: 100% !important;
}

.tt-insurance-hero {
  background: var(--tt-svc-marble-bg) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: clamp(24px, 3vw, 34px) !important;
  box-shadow: var(--tt-svc-shadow) !important;
  color: var(--tt-svc-ink) !important;
  display: grid !important;
  gap: clamp(18px, 3vw, 30px) !important;
  grid-template-columns: minmax(0, 1.22fr) minmax(280px, .78fr) !important;
  margin: clamp(28px, 4vw, 48px) auto clamp(18px, 3vw, 30px) !important;
  overflow: hidden !important;
  padding: clamp(22px, 4vw, 42px) !important;
}

.tt-insurance-kicker {
  background: rgba(255, 255, 255, .62) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: 999px !important;
  color: var(--tt-svc-deep) !important;
  display: inline-flex !important;
  font-size: .86rem !important;
  font-weight: 900 !important;
  margin-bottom: 12px !important;
  padding: 8px 13px !important;
}

html[data-theme="dark"] .tt-insurance-kicker,
html[data-tt-theme="dark"] .tt-insurance-kicker,
html.tt-dark-mode .tt-insurance-kicker,
body.dark .tt-insurance-kicker,
body.dark-mode .tt-insurance-kicker {
  background: rgba(255, 235, 207, .10) !important;
}

.tt-insurance-hero h1 {
  color: var(--tt-svc-ink) !important;
  font-size: clamp(1.9rem, 4vw, 3.3rem) !important;
  letter-spacing: -.035em !important;
  line-height: 1.1 !important;
  margin: 0 0 12px !important;
}

.tt-insurance-page[dir="rtl"] .tt-insurance-hero h1 {
  font-size: clamp(1.75rem, 3.4vw, 2.75rem) !important;
  letter-spacing: 0 !important;
}

.tt-insurance-hero p,
.tt-insurance-card p,
.tt-insurance-notice p,
.tt-insurance-disclaimer p {
  color: var(--tt-svc-muted) !important;
}

.tt-insurance-hero p {
  font-size: 1.03rem !important;
  line-height: 1.8 !important;
  margin: 0 0 14px !important;
  max-width: 760px !important;
}

.tt-insurance-side,
.tt-insurance-card,
.tt-insurance-widget-card,
.tt-insurance-notice,
.tt-insurance-disclaimer,
.tt-insurance-chat {
  background: var(--tt-svc-card-marble-bg) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--tt-svc-shadow-soft) !important;
  color: var(--tt-svc-ink) !important;
}

.tt-insurance-side,
.tt-insurance-notice,
.tt-insurance-disclaimer,
.tt-insurance-chat {
  padding: clamp(18px, 2.6vw, 26px) !important;
}

.tt-insurance-side ul,
.tt-insurance-chat ul {
  color: var(--tt-svc-muted) !important;
  line-height: 1.85 !important;
  margin: 12px 0 0 !important;
  padding-inline-start: 20px !important;
}

.tt-insurance-section {
  margin: clamp(18px, 3vw, 30px) auto 0 !important;
}

.tt-insurance-section-head {
  align-items: flex-start !important;
  display: flex !important;
  gap: 13px !important;
  margin-bottom: 16px !important;
}

.tt-insurance-step {
  align-items: center !important;
  background: linear-gradient(135deg, var(--tt-svc-red), var(--tt-svc-orange) 72%, var(--tt-svc-gold)) !important;
  border-radius: 14px !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  font-weight: 1000 !important;
  height: 42px !important;
  justify-content: center !important;
  width: 42px !important;
}

.tt-insurance-section h2 {
  color: var(--tt-svc-ink) !important;
  font-size: clamp(1.35rem, 2.8vw, 2rem) !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
}

.tt-insurance-grid {
  display: grid !important;
  gap: 15px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.tt-insurance-grid.is-primary {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.tt-insurance-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 188px !important;
  padding: 20px !important;
  text-decoration: none !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.tt-insurance-card:hover {
  box-shadow: var(--tt-svc-shadow) !important;
  transform: translateY(-4px) !important;
}

.tt-insurance-card span {
  font-size: 1.9rem !important;
  line-height: 1 !important;
  margin-bottom: 12px !important;
}

.tt-insurance-card h3 {
  color: var(--tt-svc-ink) !important;
  font-size: 1.08rem !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
}

.tt-insurance-card p {
  font-size: .92rem !important;
  line-height: 1.65 !important;
  margin: 0 0 16px !important;
}

.tt-insurance-card strong {
  color: var(--tt-svc-orange) !important;
  margin-top: auto !important;
}

.tt-insurance-widget-grid {
  display: grid !important;
  gap: 18px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.tt-insurance-widget-card {
  padding: 20px !important;
}

.tt-insurance-widget-frame {
  align-items: center !important;
  background: rgba(255, 255, 255, .40) !important;
  border: 1px dashed var(--tt-svc-line) !important;
  border-radius: 20px !important;
  display: flex !important;
  justify-content: center !important;
  min-height: 332px !important;
  overflow: hidden !important;
  padding: 12px !important;
  width: 100% !important;
}

html[data-theme="dark"] .tt-insurance-widget-frame,
html[data-tt-theme="dark"] .tt-insurance-widget-frame,
html.tt-dark-mode .tt-insurance-widget-frame,
body.dark .tt-insurance-widget-frame,
body.dark-mode .tt-insurance-widget-frame {
  background: rgba(15, 23, 42, .34) !important;
}

.tt-insurance-widget-frame iframe {
  border: 0 !important;
  display: block !important;
  max-width: 100% !important;
}

.tt-insurance-primary {
  align-items: center !important;
  background: linear-gradient(135deg, var(--tt-svc-red), var(--tt-svc-orange) 72%, var(--tt-svc-gold)) !important;
  border-radius: 999px !important;
  color: #fff !important;
  display: inline-flex !important;
  font-weight: 1000 !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 12px 18px !important;
  text-decoration: none !important;
}

.tt-insurance-disclaimer {
  font-size: .95rem !important;
  line-height: 1.8 !important;
}

@media (max-width: 1040px) {
  .tt-insurance-grid,
  .tt-insurance-grid.is-primary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .tt-insurance-hero,
  .tt-insurance-widget-grid {
    grid-template-columns: 1fr !important;
  }

  .tt-insurance-hero {
    margin-top: 20px !important;
  }
}

@media (max-width: 560px) {
  .tt-insurance-grid,
  .tt-insurance-grid.is-primary {
    grid-template-columns: 1fr !important;
  }

  .tt-insurance-container {
    padding-inline: 10px !important;
  }

  .tt-insurance-card,
  .tt-insurance-widget-card,
  .tt-insurance-notice,
  .tt-insurance-disclaimer,
  .tt-insurance-chat {
    border-radius: 20px !important;
  }
}

/* RC64: insurance page visual rescue + Arabic/English parity. */
.tt-insurance-page,
body.tt-service-route-insurance {
  --tt-svc-header-image: url("../img/service-header-insurance.svg") !important;
  --tt-svc-header-position: center 48% !important;
  --tt-svc-ink: #0f172a;
  --tt-svc-muted: #3f5365;
  --tt-svc-soft: #f3fbfb;
  --tt-svc-line: rgba(14, 116, 144, .18);
  --tt-svc-gold: #f59e0b;
  --tt-svc-orange: #ea580c;
  --tt-svc-red: #0f766e;
  --tt-svc-deep: #0f3f46;
  --tt-svc-shadow: 0 24px 62px rgba(15, 76, 100, .15);
  --tt-svc-shadow-soft: 0 14px 36px rgba(15, 76, 100, .10);
  --tt-svc-marble-a: #f8ffff;
  --tt-svc-marble-b: #e4f7f5;
  --tt-svc-marble-c: rgba(14, 165, 233, .14);
  --tt-svc-marble-vein: rgba(14, 116, 144, .07);
  --tt-svc-marble-bg:
    linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(235, 252, 250, .80)),
    radial-gradient(circle at 12% 12%, rgba(207, 250, 254, .62), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(251, 191, 36, .16), transparent 26%),
    radial-gradient(circle at 82% 94%, rgba(14, 165, 233, .12), transparent 28%),
    repeating-linear-gradient(118deg, transparent 0 28px, rgba(14, 116, 144, .05) 29px, transparent 32px),
    linear-gradient(135deg, var(--tt-svc-marble-a), var(--tt-svc-marble-b));
  --tt-svc-card-marble-bg:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(240, 253, 250, .86)),
    radial-gradient(circle at 12% 16%, rgba(207, 250, 254, .48), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(251, 191, 36, .10), transparent 26%),
    linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(230, 247, 245, .84));
}

html[data-theme="dark"] .tt-insurance-page,
html[data-theme="dark"] body.tt-service-route-insurance,
html[data-tt-theme="dark"] .tt-insurance-page,
html[data-tt-theme="dark"] body.tt-service-route-insurance,
html.tt-dark-mode .tt-insurance-page,
html.tt-dark-mode body.tt-service-route-insurance,
body.dark.tt-insurance-page,
body.dark-mode.tt-insurance-page {
  --tt-svc-ink: #ecfeff;
  --tt-svc-muted: #b6d7df;
  --tt-svc-soft: #061a22;
  --tt-svc-line: rgba(103, 232, 249, .18);
  --tt-svc-deep: #ecfeff;
  --tt-svc-shadow: 0 24px 62px rgba(0, 0, 0, .45);
  --tt-svc-shadow-soft: 0 14px 36px rgba(0, 0, 0, .34);
  --tt-svc-marble-a: #0c2430;
  --tt-svc-marble-b: #07171e;
  --tt-svc-marble-c: rgba(45, 212, 191, .14);
  --tt-svc-marble-vein: rgba(165, 243, 252, .08);
  --tt-svc-card-marble-bg:
    linear-gradient(135deg, rgba(15, 40, 52, .92), rgba(9, 27, 36, .86)),
    radial-gradient(circle at 16% 18%, rgba(103, 232, 249, .10), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(251, 191, 36, .08), transparent 26%),
    linear-gradient(135deg, rgba(14, 37, 49, .92), rgba(8, 23, 31, .86));
}

.tt-insurance-page-main {
  background:
    radial-gradient(circle at 9% 0%, rgba(14, 165, 233, .13), transparent 30%),
    radial-gradient(circle at 94% 5%, rgba(20, 184, 166, .12), transparent 31%),
    radial-gradient(circle at 50% 100%, rgba(245, 158, 11, .10), transparent 34%),
    linear-gradient(180deg, #f5fbfb, #eef9f7 58%, #e8f3f1) !important;
}

html[data-theme="dark"] .tt-insurance-page-main,
html[data-tt-theme="dark"] .tt-insurance-page-main,
html.tt-dark-mode .tt-insurance-page-main,
body.dark .tt-insurance-page-main,
body.dark-mode .tt-insurance-page-main {
  background:
    radial-gradient(circle at 9% 0%, rgba(14, 165, 233, .16), transparent 30%),
    radial-gradient(circle at 94% 5%, rgba(20, 184, 166, .14), transparent 31%),
    radial-gradient(circle at 50% 100%, rgba(245, 158, 11, .08), transparent 34%),
    linear-gradient(180deg, #061a22, #081f27 58%, #06151c) !important;
}

.tt-insurance-hero {
  align-items: stretch !important;
  border-color: rgba(14, 116, 144, .20) !important;
  position: relative !important;
}

.tt-insurance-hero::before {
  background:
    radial-gradient(circle at 12% 8%, rgba(14, 165, 233, .12), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(245, 158, 11, .12), transparent 28%);
  content: "" !important;
  inset: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
}

.tt-insurance-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.tt-insurance-kicker,
.tt-insurance-mini-kicker {
  background: rgba(236, 254, 255, .88) !important;
  border: 1px solid rgba(14, 116, 144, .18) !important;
  color: #0f766e !important;
}

html[data-theme="dark"] .tt-insurance-kicker,
html[data-theme="dark"] .tt-insurance-mini-kicker,
html[data-tt-theme="dark"] .tt-insurance-kicker,
html[data-tt-theme="dark"] .tt-insurance-mini-kicker,
html.tt-dark-mode .tt-insurance-kicker,
html.tt-dark-mode .tt-insurance-mini-kicker,
body.dark .tt-insurance-kicker,
body.dark .tt-insurance-mini-kicker,
body.dark-mode .tt-insurance-kicker,
body.dark-mode .tt-insurance-mini-kicker {
  background: rgba(103, 232, 249, .10) !important;
  color: #a5f3fc !important;
}

.tt-insurance-hero h1,
.tt-insurance-section h2,
.tt-insurance-card h3,
.tt-insurance-widget-card h3,
.tt-insurance-chat h2,
.tt-insurance-guidance-list h3,
.tt-insurance-language-note h2 {
  color: var(--tt-svc-ink) !important;
}

.tt-insurance-hero p,
.tt-insurance-card p,
.tt-insurance-disclaimer p,
.tt-insurance-chat p,
.tt-insurance-guidance-list p,
.tt-insurance-language-note p,
.tt-insurance-section-head p {
  color: var(--tt-svc-muted) !important;
}

.tt-insurance-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.tt-insurance-primary,
.tt-insurance-secondary {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-weight: 1000 !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 12px 18px !important;
  text-decoration: none !important;
}

.tt-insurance-primary {
  background: linear-gradient(135deg, #0f766e, #0284c7 72%, #f59e0b) !important;
  box-shadow: 0 16px 30px rgba(14, 116, 144, .22) !important;
  color: #fff !important;
}

.tt-insurance-secondary {
  background: rgba(255, 255, 255, .72) !important;
  border: 1px solid rgba(14, 116, 144, .18) !important;
  color: #0f766e !important;
}

html[data-theme="dark"] .tt-insurance-secondary,
html[data-tt-theme="dark"] .tt-insurance-secondary,
html.tt-dark-mode .tt-insurance-secondary,
body.dark .tt-insurance-secondary,
body.dark-mode .tt-insurance-secondary {
  background: rgba(6, 26, 34, .62) !important;
  color: #a5f3fc !important;
}

.tt-insurance-visual-card {
  background:
    linear-gradient(135deg, rgba(236, 254, 255, .96), rgba(255, 255, 255, .86)),
    radial-gradient(circle at 88% 8%, rgba(251, 191, 36, .20), transparent 34%) !important;
}

.tt-insurance-visual-icon {
  align-items: center !important;
  background: linear-gradient(135deg, #0f766e, #0284c7) !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 30px rgba(14, 116, 144, .20) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: 2rem !important;
  height: 64px !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
  width: 64px !important;
}

.tt-insurance-language-note,
.tt-insurance-guidance-list > div {
  background: var(--tt-svc-card-marble-bg) !important;
  border: 1px solid var(--tt-svc-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--tt-svc-shadow-soft) !important;
  color: var(--tt-svc-ink) !important;
}

.tt-insurance-language-note {
  align-items: flex-start !important;
  display: flex !important;
  gap: 16px !important;
  padding: clamp(18px, 2.4vw, 26px) !important;
}

.tt-insurance-language-note > span,
.tt-insurance-guidance-list > div > span,
.tt-insurance-widget-title > span {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(14, 116, 144, .14), rgba(14, 165, 233, .10)) !important;
  border: 1px solid rgba(14, 116, 144, .16) !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-size: 1.55rem !important;
  height: 48px !important;
  justify-content: center !important;
  width: 48px !important;
}

.tt-insurance-language-note h2,
.tt-insurance-language-note p {
  margin: 0 !important;
}

.tt-insurance-language-note h2 {
  font-size: clamp(1.18rem, 2vw, 1.55rem) !important;
  margin-bottom: 6px !important;
}

.tt-insurance-step {
  background: linear-gradient(135deg, #0f766e, #0284c7) !important;
  box-shadow: 0 12px 24px rgba(14, 116, 144, .16) !important;
}

.tt-insurance-card {
  background: var(--tt-svc-card-marble-bg) !important;
  border-color: rgba(14, 116, 144, .18) !important;
  overflow: hidden !important;
  position: relative !important;
}

.tt-insurance-card::after {
  background: linear-gradient(90deg, #0f766e, #0284c7, #f59e0b) !important;
  content: "" !important;
  height: 4px !important;
  inset: auto 0 0 0 !important;
  opacity: .80 !important;
  position: absolute !important;
}

.tt-insurance-card span {
  align-items: center !important;
  background: linear-gradient(135deg, rgba(14, 116, 144, .14), rgba(14, 165, 233, .10)) !important;
  border: 1px solid rgba(14, 116, 144, .16) !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  font-size: 1.7rem !important;
  height: 52px !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
  width: 52px !important;
}

.tt-insurance-card strong {
  color: #0f766e !important;
}

.tt-insurance-card-chat {
  background:
    linear-gradient(135deg, rgba(236, 254, 255, .98), rgba(255, 251, 235, .88)),
    radial-gradient(circle at 88% 10%, rgba(245, 158, 11, .18), transparent 28%) !important;
}

.tt-insurance-chat-banner {
  align-items: center !important;
  display: grid !important;
  gap: 22px !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr) !important;
}

.tt-insurance-mini-kicker {
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: .82rem !important;
  font-weight: 1000 !important;
  margin-bottom: 10px !important;
  padding: 7px 12px !important;
}

.tt-insurance-chat h2,
.tt-insurance-chat p {
  margin-top: 0 !important;
}

.tt-insurance-chip-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.tt-insurance-chip-row span {
  background: rgba(14, 116, 144, .10) !important;
  border: 1px solid rgba(14, 116, 144, .18) !important;
  border-radius: 999px !important;
  color: #0f766e !important;
  font-size: .9rem !important;
  font-weight: 900 !important;
  padding: 9px 12px !important;
}

html[data-theme="dark"] .tt-insurance-chip-row span,
html[data-tt-theme="dark"] .tt-insurance-chip-row span,
html.tt-dark-mode .tt-insurance-chip-row span,
body.dark .tt-insurance-chip-row span,
body.dark-mode .tt-insurance-chip-row span {
  background: rgba(103, 232, 249, .10) !important;
  color: #a5f3fc !important;
}

.tt-insurance-widget-title {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.tt-insurance-widget-title h3 {
  margin: 0 !important;
}

.tt-insurance-widget-frame {
  background:
    linear-gradient(135deg, rgba(236, 254, 255, .72), rgba(255, 255, 255, .66)) !important;
  border: 1px solid rgba(14, 116, 144, .16) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .38) !important;
}

.tt-insurance-guidance-list {
  display: grid !important;
  gap: 15px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.tt-insurance-guidance-list > div {
  padding: 20px !important;
}

.tt-insurance-guidance-list h3,
.tt-insurance-guidance-list p {
  margin: 0 !important;
}

.tt-insurance-guidance-list h3 {
  font-size: 1.04rem !important;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
}

.tt-insurance-disclaimer {
  background:
    linear-gradient(135deg, rgba(255, 251, 235, .92), rgba(236, 254, 255, .88)) !important;
  border-color: rgba(245, 158, 11, .20) !important;
}

html[data-theme="dark"] .tt-insurance-disclaimer,
html[data-tt-theme="dark"] .tt-insurance-disclaimer,
html.tt-dark-mode .tt-insurance-disclaimer,
body.dark .tt-insurance-disclaimer,
body.dark-mode .tt-insurance-disclaimer {
  background:
    linear-gradient(135deg, rgba(55, 39, 10, .34), rgba(8, 47, 73, .36)) !important;
}

@media (max-width: 1040px) {
  .tt-insurance-guidance-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .tt-insurance-chat-banner {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .tt-insurance-language-note {
    flex-direction: column !important;
  }
  .tt-insurance-guidance-list {
    grid-template-columns: 1fr !important;
  }
  .tt-insurance-hero-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}

/* RC71 SAFE: medical resorts visual variables merged without removing insurance variables. */
.tt-medical-page,
body.tt-service-route-medical-tourism {
  --tt-svc-header-image: url("../img/service-header-hotels-unsplash.jpg");
  --tt-svc-header-position: center 58%;
  --tt-svc-marble-a: #fff7ef;
  --tt-svc-marble-b: #eadfd4;
  --tt-svc-marble-c: rgba(179, 79, 79, .15);
}

/* RC71: medical resorts page refresh. Scoped to /medical-tourism/ and /medical-tourism-en/ only. */
.tt-medical-page-main {
  min-height: 100vh;
  color: var(--tt-svc-ink);
  font-family: Cairo, "Noto Sans Arabic", Tahoma, sans-serif;
}

body.tt-service-lang-en .tt-medical-page-main {
  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
}

.tt-medical-page {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(24px, 4vw, 52px) 0 clamp(42px, 6vw, 76px);
}

.tt-medical-hero,
.tt-medical-card,
.tt-medical-widget-card,
.tt-medical-side-card {
  background: var(--tt-svc-card-marble-bg) !important;
  border: 1px solid var(--tt-svc-line) !important;
  box-shadow: var(--tt-svc-shadow-soft) !important;
  color: var(--tt-svc-ink) !important;
}

.tt-medical-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: clamp(18px, 3vw, 30px);
  align-items: stretch;
  padding: clamp(20px, 4vw, 38px);
  border-radius: clamp(24px, 3vw, 36px);
  box-shadow: var(--tt-svc-shadow) !important;
}

.tt-medical-kicker,
.tt-medical-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  border-radius: 999px;
  padding: 8px 13px;
  background: rgba(123, 13, 25, .10);
  color: #7b0d19;
  font-weight: 900;
  font-size: .88rem;
}

.tt-medical-hero h1 {
  margin: 14px 0 12px;
  max-width: 760px;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.12;
  color: var(--tt-svc-ink);
}

[dir="rtl"] .tt-medical-hero h1 {
  font-size: clamp(1.8rem, 3.4vw, 2.75rem);
  line-height: 1.22;
}

.tt-medical-lead,
.tt-medical-page p {
  color: var(--tt-svc-muted);
  line-height: 1.85;
}

.tt-medical-lead {
  max-width: 760px;
  font-size: clamp(1rem, 1.45vw, 1.18rem);
}

.tt-medical-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.tt-medical-btn,
.tt-medical-btn-secondary,
.tt-medical-btn-disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  border-radius: 999px;
  padding: 12px 18px;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid transparent;
}

.tt-medical-btn {
  background: linear-gradient(135deg, #7b0d19, #bd4747);
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(123, 13, 25, .24);
}

.tt-medical-btn-secondary {
  background: rgba(255, 255, 255, .48);
  color: var(--tt-svc-ink) !important;
  border-color: var(--tt-svc-line);
}

.tt-medical-btn-disabled {
  cursor: not-allowed;
  color: var(--tt-svc-muted) !important;
  background: rgba(148, 163, 184, .16);
  border-color: var(--tt-svc-line);
}

.tt-medical-side,
.tt-medical-grid,
.tt-medical-steps,
.tt-medical-widget-grid {
  display: grid;
  gap: 16px;
}

.tt-medical-side {
  align-content: start;
  gap: 12px;
}

.tt-medical-side-card {
  border-radius: 22px;
  padding: 18px;
}

.tt-medical-side-card strong {
  display: block;
  margin-bottom: 8px;
  color: var(--tt-svc-ink);
}

.tt-medical-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 22px;
}

.tt-medical-card,
.tt-medical-widget-card {
  border-radius: 26px;
  padding: clamp(18px, 3vw, 28px);
  margin-top: 22px;
}

.tt-medical-card h2,
.tt-medical-card h3,
.tt-medical-widget-card h2,
.tt-medical-widget-card h3 {
  margin-top: 0;
  color: var(--tt-svc-ink);
}

.tt-medical-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 16px 0;
  border-top: 1px solid var(--tt-svc-line);
}

.tt-medical-step:first-child {
  border-top: 0;
}

.tt-medical-step-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  background: rgba(123, 13, 25, .12);
  color: #7b0d19;
  font-weight: 900;
}

.tt-medical-step h3 {
  margin: 0 0 8px;
}

.tt-medical-note,
.tt-medical-disclaimer {
  border-radius: 20px;
  padding: 16px 18px;
  border: 1px solid rgba(123, 13, 25, .18);
  background: rgba(123, 13, 25, .08);
  color: var(--tt-svc-ink) !important;
}

.tt-medical-widget-frame {
  display: grid;
  place-items: center;
  overflow: hidden;
  width: 100%;
  min-height: 290px;
  border-radius: 22px;
  background: rgba(255, 255, 255, .52);
  border: 1px solid var(--tt-svc-line);
}

.tt-medical-widget-frame > * {
  max-width: 100% !important;
}

html[data-theme="dark"] .tt-medical-kicker,
html[data-theme="dark"] .tt-medical-chip,
html[data-theme="dark"] .tt-medical-step-icon,
body.dark .tt-medical-kicker,
body.dark .tt-medical-chip,
body.dark .tt-medical-step-icon,
body.dark-mode .tt-medical-kicker,
body.dark-mode .tt-medical-chip,
body.dark-mode .tt-medical-step-icon {
  background: rgba(255, 191, 105, .14);
  color: #ffd28a;
}

html[data-theme="dark"] .tt-medical-btn-secondary,
body.dark .tt-medical-btn-secondary,
body.dark-mode .tt-medical-btn-secondary,
html[data-theme="dark"] .tt-medical-widget-frame,
body.dark .tt-medical-widget-frame,
body.dark-mode .tt-medical-widget-frame {
  background: rgba(15, 23, 42, .42);
}

html[data-theme="dark"] .tt-medical-note,
html[data-theme="dark"] .tt-medical-disclaimer,
body.dark .tt-medical-note,
body.dark .tt-medical-disclaimer,
body.dark-mode .tt-medical-note,
body.dark-mode .tt-medical-disclaimer {
  background: rgba(255, 191, 105, .10);
  border-color: rgba(255, 210, 138, .18);
}

@media (max-width: 900px) {
  .tt-medical-hero,
  .tt-medical-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .tt-medical-page {
    width: min(100% - 20px, 1180px);
    padding-top: 18px;
  }

  .tt-medical-hero,
  .tt-medical-card,
  .tt-medical-widget-card {
    border-radius: 22px;
  }

  .tt-medical-actions {
    flex-direction: column;
  }

  .tt-medical-btn,
  .tt-medical-btn-secondary,
  .tt-medical-btn-disabled {
    width: 100%;
  }
}

/* RC72: medical funnel and visa pages use a calm medical/travel palette. */
body.tt-service-route-medical-tourism,
body.tt-service-route-visa {
  --tt-svc-soft: #f5fbfd;
  --tt-svc-ink: #102033;
  --tt-svc-muted: #52677b;
  --tt-svc-line: rgba(35, 91, 113, .16);
  --tt-svc-card: rgba(255, 255, 255, .86);
  --tt-svc-card-strong: rgba(255, 255, 255, .94);
  --tt-svc-marble-a: #ffffff;
  --tt-svc-marble-b: #edf7fa;
  --tt-svc-marble-c: rgba(38, 166, 180, .13);
  --tt-svc-marble-vein: rgba(35, 91, 113, .08);
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, .12), transparent 30%),
    radial-gradient(circle at 90% 10%, rgba(56, 189, 248, .10), transparent 30%),
    linear-gradient(180deg, #f7fcff, #eef7fb 72%, #f9fbfc) !important;
}

html[data-theme="dark"] body.tt-service-route-medical-tourism,
html[data-theme="dark"] body.tt-service-route-visa,
body.dark.tt-service-route-medical-tourism,
body.dark.tt-service-route-visa,
body.dark-mode.tt-service-route-medical-tourism,
body.dark-mode.tt-service-route-visa {
  --tt-svc-soft: #0e1a23;
  --tt-svc-ink: #e8f6fb;
  --tt-svc-muted: #b7c9d4;
  --tt-svc-line: rgba(166, 230, 240, .16);
  --tt-svc-card: rgba(14, 26, 35, .78);
  --tt-svc-card-strong: rgba(18, 34, 45, .90);
  --tt-svc-marble-a: #14232d;
  --tt-svc-marble-b: #0c151d;
  --tt-svc-marble-c: rgba(45, 212, 191, .12);
  --tt-svc-marble-vein: rgba(186, 230, 253, .08);
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, .10), transparent 30%),
    radial-gradient(circle at 90% 10%, rgba(56, 189, 248, .08), transparent 30%),
    linear-gradient(180deg, #08131c, #0f1e29 72%, #081017) !important;
}

body.tt-service-route-medical-tourism .tt-service-header-shell {
  min-height: 96px !important;
  padding: 10px 0 12px !important;
}

body.tt-service-route-medical-tourism .tt-service-header-inner {
  min-height: 46px !important;
  padding: 8px 14px !important;
  border-radius: 22px !important;
}

body.tt-service-route-medical-tourism .tt-service-header-logo {
  min-height: 34px !important;
}

body.tt-service-route-medical-tourism .tt-service-header-link,
body.tt-service-route-medical-tourism .tt-service-header-control,
body.tt-service-route-medical-tourism .tt-service-header-menu-toggle {
  min-height: 34px !important;
  padding: 8px 11px !important;
  font-size: .78rem !important;
}

body.tt-service-route-medical-tourism .tt-service-header-cta {
  display: none !important;
}

.tt-medical-page {
  padding-top: clamp(14px, 2vw, 26px) !important;
}

.tt-medical-hero-compact {
  display: block !important;
  padding: clamp(18px, 3vw, 30px) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(45, 212, 191, .16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(235,248,252,.90)) !important;
}

.tt-medical-hero-compact h1 {
  max-width: 850px;
  margin-bottom: 10px;
}

.tt-medical-hero-compact .tt-medical-lead {
  max-width: 920px;
  margin-bottom: 18px;
}

.tt-medical-widget-card-top {
  margin-top: 16px !important;
}

.tt-medical-widget-head {
  margin-bottom: 14px;
}

.tt-medical-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.tt-medical-step-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  padding: 20px;
  border-radius: 24px;
  color: var(--tt-svc-ink);
  background:
    radial-gradient(circle at 90% 8%, rgba(45, 212, 191, .12), transparent 30%),
    linear-gradient(135deg, var(--tt-svc-card-strong), rgba(255,255,255,.72));
  border: 1px solid var(--tt-svc-line);
  box-shadow: var(--tt-svc-shadow-soft);
}

.tt-medical-step-card h3 {
  margin: 0;
  color: var(--tt-svc-ink);
}

.tt-medical-step-card p {
  margin: 0;
}

.tt-medical-step-number {
  position: absolute;
  inset-inline-end: 16px;
  top: 14px;
  color: rgba(35, 91, 113, .18);
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 1000;
}

.tt-medical-step-card .tt-medical-step-icon {
  width: 44px;
  height: 44px;
  background: rgba(45, 212, 191, .14);
  color: #0f766e;
}

.tt-medical-tip {
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(14, 116, 144, .08);
  color: var(--tt-svc-ink) !important;
}

.tt-medical-disclaimer-card,
.tt-visa-disclaimer {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(14, 116, 144, .08);
  border: 1px solid var(--tt-svc-line);
}

.tt-visa-page {
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(24px, 4vw, 52px) 0 clamp(42px, 6vw, 76px);
}

.tt-visa-hero {
  padding: clamp(22px, 4vw, 40px);
  border-radius: 30px;
  background: var(--tt-svc-card-marble-bg);
  border: 1px solid var(--tt-svc-line);
  box-shadow: var(--tt-svc-shadow);
}

.tt-visa-kicker {
  display: inline-flex;
  border-radius: 999px;
  padding: 8px 13px;
  background: rgba(45, 212, 191, .14);
  color: #0f766e;
  font-weight: 900;
}

.tt-visa-hero h1 {
  margin: 14px 0 12px;
  color: var(--tt-svc-ink);
  font-size: clamp(2rem, 4vw, 3rem);
}

.tt-visa-hero p,
.tt-visa-hero li,
.tt-visa-disclaimer p {
  color: var(--tt-svc-muted);
  line-height: 1.8;
}

.tt-visa-btn,
.tt-visa-ticket-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border-radius: 999px;
  padding: 12px 18px;
  margin-top: 10px;
  background: linear-gradient(135deg, #7b0d19, #bd4747);
  color: #fff !important;
  text-decoration: none;
  font-weight: 900;
  box-shadow: 0 16px 34px rgba(123, 13, 25, .20);
}

.tt-visa-flight-section {
  margin-top: 26px;
  margin-bottom: 28px;
}

.tt-visa-ticket-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  overflow: hidden;
  border-radius: 30px;
  background:
    radial-gradient(circle at 10% 10%, rgba(56, 189, 248, .18), transparent 30%),
    linear-gradient(135deg, #ffffff, #eaf7fb);
  border: 1px solid rgba(14, 116, 144, .18);
  box-shadow: 0 20px 50px rgba(15, 23, 42, .10);
}

.tt-visa-ticket-main {
  padding: clamp(20px, 3vw, 32px);
}

.tt-visa-ticket-main h2 {
  margin: 10px 0;
  color: #102033;
}

.tt-visa-ticket-main p {
  color: #52677b;
  line-height: 1.8;
}

.tt-visa-ticket-badge {
  display: inline-flex;
  border-radius: 999px;
  padding: 8px 13px;
  background: rgba(14, 116, 144, .10);
  color: #0f766e;
  font-weight: 900;
}

.tt-visa-ticket-tip {
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(14, 116, 144, .08);
}

.tt-visa-ticket-stub {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  min-height: 220px;
  border-inline-start: 2px dotted rgba(14, 116, 144, .28);
  background: rgba(14, 116, 144, .08);
  color: #102033;
}

.tt-visa-ticket-stub span {
  font-size: 2.4rem;
}

html[data-theme="dark"] .tt-medical-hero-compact,
body.dark .tt-medical-hero-compact,
body.dark-mode .tt-medical-hero-compact,
html[data-theme="dark"] .tt-medical-step-card,
body.dark .tt-medical-step-card,
body.dark-mode .tt-medical-step-card,
html[data-theme="dark"] .tt-visa-ticket-card,
body.dark .tt-visa-ticket-card,
body.dark-mode .tt-visa-ticket-card {
  background:
    radial-gradient(circle at 88% 18%, rgba(45, 212, 191, .10), transparent 34%),
    linear-gradient(135deg, rgba(18,34,45,.95), rgba(11,22,31,.92)) !important;
}

html[data-theme="dark"] .tt-visa-ticket-main h2,
html[data-theme="dark"] .tt-visa-ticket-stub,
body.dark .tt-visa-ticket-main h2,
body.dark .tt-visa-ticket-stub,
body.dark-mode .tt-visa-ticket-main h2,
body.dark-mode .tt-visa-ticket-stub {
  color: var(--tt-svc-ink);
}

html[data-theme="dark"] .tt-visa-ticket-main p,
body.dark .tt-visa-ticket-main p,
body.dark-mode .tt-visa-ticket-main p {
  color: var(--tt-svc-muted);
}

@media (max-width: 960px) {
  .tt-medical-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  body.tt-service-route-medical-tourism .tt-service-header-shell {
    min-height: 76px !important;
  }

  .tt-medical-step-grid,
  .tt-visa-ticket-card {
    grid-template-columns: 1fr;
  }

  .tt-visa-ticket-stub {
    min-height: 116px;
    border-inline-start: 0;
    border-top: 2px dotted rgba(14, 116, 144, .28);
  }
}

/* RC73 visual rebuild: compact header + marble medical/visa pages. */
body.tt-service-visual-page .tt-service-header-shell,
body.tt-service-route-medical-tourism .tt-service-header-shell,
body.tt-service-route-visa .tt-service-header-shell {
  background: rgba(246, 252, 253, .72) !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(15, 35, 50, .10) !important;
  margin: 0 !important;
  min-height: 58px !important;
  padding: 7px 0 !important;
  position: relative !important;
  width: 100% !important;
  z-index: 60 !important;
  backdrop-filter: blur(16px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
}

body.tt-service-visual-page .tt-service-header-inner,
body.tt-service-route-medical-tourism .tt-service-header-inner,
body.tt-service-route-visa .tt-service-header-inner {
  align-items: center !important;
  background: rgba(255, 255, 255, .62) !important;
  border: 1px solid rgba(142, 188, 198, .32) !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 22px rgba(15, 35, 50, .07) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  justify-content: space-between !important;
  margin-inline: auto !important;
  max-width: 1160px !important;
  min-height: 44px !important;
  overflow: visible !important;
  padding: 5px 8px !important;
  width: min(1160px, calc(100% - 24px)) !important;
}

body.tt-service-visual-page .tt-service-header-logo,
body.tt-service-route-medical-tourism .tt-service-header-logo,
body.tt-service-route-visa .tt-service-header-logo {
  flex: 0 0 112px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  min-width: 112px !important;
  filter: drop-shadow(0 3px 8px rgba(15,35,50,.12)) !important;
}

body.tt-service-visual-page .tt-service-header-nav,
body.tt-service-route-medical-tourism .tt-service-header-nav,
body.tt-service-route-visa .tt-service-header-nav {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}

body.tt-service-visual-page .tt-service-header-nav::-webkit-scrollbar,
body.tt-service-route-medical-tourism .tt-service-header-nav::-webkit-scrollbar,
body.tt-service-route-visa .tt-service-header-nav::-webkit-scrollbar {
  display: none !important;
}

body.tt-service-visual-page .tt-service-header-actions,
body.tt-service-route-medical-tourism .tt-service-header-actions,
body.tt-service-route-visa .tt-service-header-actions {
  align-items: center !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

body.tt-service-visual-page .tt-service-header-link,
body.tt-service-visual-page .tt-service-header-control,
body.tt-service-visual-page .tt-service-header-menu-toggle,
body.tt-service-route-medical-tourism .tt-service-header-link,
body.tt-service-route-medical-tourism .tt-service-header-control,
body.tt-service-route-medical-tourism .tt-service-header-menu-toggle,
body.tt-service-route-visa .tt-service-header-link,
body.tt-service-route-visa .tt-service-header-control,
body.tt-service-route-visa .tt-service-header-menu-toggle {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(142,188,198,.30) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #102033 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  min-height: 32px !important;
  padding: 8px 11px !important;
  white-space: nowrap !important;
}

body.tt-service-visual-page .tt-service-header-link:hover,
body.tt-service-visual-page .tt-service-header-link.is-active,
body.tt-service-visual-page .tt-service-header-control:hover,
body.tt-service-visual-page .tt-service-header-menu-toggle:hover,
body.tt-service-route-medical-tourism .tt-service-header-link:hover,
body.tt-service-route-medical-tourism .tt-service-header-link.is-active,
body.tt-service-route-medical-tourism .tt-service-header-control:hover,
body.tt-service-route-medical-tourism .tt-service-header-menu-toggle:hover,
body.tt-service-route-visa .tt-service-header-link:hover,
body.tt-service-route-visa .tt-service-header-link.is-active,
body.tt-service-route-visa .tt-service-header-control:hover,
body.tt-service-route-visa .tt-service-header-menu-toggle:hover {
  background: linear-gradient(135deg, #7b0d19, #b61f32) !important;
  border-color: transparent !important;
  color: #fff !important;
  transform: none !important;
}

body.tt-service-visual-page .tt-service-header-cta,
body.tt-service-route-medical-tourism .tt-service-header-cta,
body.tt-service-route-visa .tt-service-header-cta {
  display: none !important;
}

body.tt-service-route-medical-tourism,
body.tt-service-route-visa {
  --tt-svc-soft: #f5fbfd;
  --tt-svc-ink: #102033;
  --tt-svc-muted: #53697b;
  --tt-svc-line: rgba(70, 139, 154, .17);
  --tt-svc-card: rgba(255, 255, 255, .82);
  --tt-svc-card-strong: rgba(255, 255, 255, .94);
  --tt-svc-marble-a: #fbffff;
  --tt-svc-marble-b: #eaf6f8;
  --tt-svc-marble-c: rgba(67, 176, 190, .12);
  --tt-svc-marble-vein: rgba(54, 116, 130, .08);
  --tt-svc-marble-bg:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(240,250,252,.70)),
    radial-gradient(circle at 14% 16%, rgba(255,255,255,.68), transparent 28%),
    radial-gradient(circle at 88% 6%, rgba(70,205,210,.14), transparent 26%),
    repeating-linear-gradient(122deg, transparent 0 31px, rgba(54,116,130,.055) 32px, transparent 35px),
    linear-gradient(135deg, #fbffff, #eaf6f8);
  --tt-svc-card-marble-bg:
    linear-gradient(135deg, rgba(255,255,255,.90), rgba(239,250,252,.80)),
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.72), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(72,187,196,.12), transparent 30%),
    repeating-linear-gradient(120deg, transparent 0 36px, rgba(54,116,130,.045) 37px, transparent 40px),
    linear-gradient(135deg, #ffffff, #eef8fa);
  background: var(--tt-svc-marble-bg) !important;
}

body.tt-service-route-medical-tourism .tt-medical-page-main,
body.tt-service-route-visa .tt-visa-page-main {
  background: transparent !important;
  color: var(--tt-svc-ink) !important;
}

.tt-medical-page,
.tt-visa-page {
  width: min(1180px, calc(100% - 28px)) !important;
  margin: 0 auto !important;
  padding: clamp(16px, 2.7vw, 34px) 0 clamp(36px, 5vw, 64px) !important;
}

.tt-medical-start-panel {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr) !important;
  gap: clamp(16px, 2.6vw, 28px) !important;
  align-items: stretch !important;
}

.tt-medical-hero-compact,
.tt-medical-widget-card,
.tt-medical-step-card,
.tt-medical-chat-card,
.tt-medical-disclaimer-card,
.tt-visa-hero,
.tt-visa-disclaimer {
  background: var(--tt-svc-card-marble-bg) !important;
  border: 1px solid var(--tt-svc-line) !important;
  box-shadow: 0 18px 42px rgba(15, 35, 50, .09) !important;
  color: var(--tt-svc-ink) !important;
}

.tt-medical-hero-compact {
  align-items: center !important;
  border-radius: 28px !important;
  display: grid !important;
  gap: clamp(14px, 2vw, 22px) !important;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 220px) !important;
  margin: 0 !important;
  min-height: auto !important;
  padding: clamp(18px, 2.6vw, 30px) !important;
}

.tt-medical-hero-visual,
.tt-visa-visual {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
}

.tt-medical-hero-visual img,
.tt-visa-visual img {
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
}

.tt-medical-hero-visual img {
  width: min(220px, 100%) !important;
}

.tt-medical-kicker,
.tt-medical-chip,
.tt-visa-kicker {
  background: rgba(17, 168, 178, .12) !important;
  border: 1px solid rgba(17, 168, 178, .18) !important;
  color: #0f6f78 !important;
}

.tt-medical-hero h1,
.tt-visa-hero h1 {
  color: #102033 !important;
  letter-spacing: 0 !important;
}

.tt-medical-hero h1 {
  font-size: clamp(1.85rem, 3.4vw, 3rem) !important;
  line-height: 1.22 !important;
  margin: 12px 0 10px !important;
}

.tt-medical-lead,
.tt-medical-page p,
.tt-visa-hero p,
.tt-visa-disclaimer p {
  color: var(--tt-svc-muted) !important;
  line-height: 1.75 !important;
}

.tt-medical-btn,
.tt-medical-btn-secondary,
.tt-visa-btn,
.tt-visa-ticket-btn {
  border-radius: 999px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.tt-medical-btn,
.tt-visa-btn,
.tt-visa-ticket-btn {
  background: linear-gradient(135deg, #7b0d19, #b61f32) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(123, 13, 25, .20) !important;
}

.tt-medical-btn-secondary {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(70,139,154,.20) !important;
  color: #102033 !important;
  margin-top: auto !important;
}

.tt-medical-widget-card-top {
  border-radius: 28px !important;
  margin-top: 0 !important;
  padding: clamp(16px, 2.2vw, 26px) !important;
}

.tt-medical-widget-head h2 {
  color: #102033 !important;
  font-size: clamp(1.45rem, 2.4vw, 2.15rem) !important;
  margin: 10px 0 !important;
}

.tt-medical-note {
  background: rgba(17,168,178,.08) !important;
  border: 1px solid rgba(17,168,178,.16) !important;
  color: #34586a !important;
  margin-bottom: 0 !important;
}

.tt-medical-widget-frame {
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(70,139,154,.18) !important;
  border-radius: 22px !important;
  min-height: 260px !important;
  overflow: hidden !important;
  padding: 10px !important;
}

.tt-medical-journey {
  margin-top: clamp(20px, 3vw, 34px) !important;
}

.tt-medical-section-head {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important;
}

.tt-medical-section-head h2 {
  color: #102033 !important;
  font-size: clamp(1.55rem, 2.7vw, 2.35rem) !important;
  margin: 0 !important;
}

.tt-medical-step-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.tt-medical-step-card {
  border-radius: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-height: 100% !important;
  overflow: hidden !important;
  padding: 22px !important;
  position: relative !important;
}

.tt-medical-step-card::before {
  background: linear-gradient(90deg, rgba(17,168,178,.55), rgba(123,13,25,.28)) !important;
  content: "" !important;
  height: 4px !important;
  inset: 0 0 auto 0 !important;
  position: absolute !important;
}

.tt-medical-step-number {
  color: rgba(17, 168, 178, .16) !important;
  font-size: 3.1rem !important;
}

.tt-medical-step-icon {
  background: rgba(17,168,178,.12) !important;
  border: 1px solid rgba(17,168,178,.18) !important;
  color: #0f6f78 !important;
}

.tt-medical-step-card h3 {
  color: #102033 !important;
  font-size: 1.12rem !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.tt-medical-tip {
  background: rgba(17,168,178,.08) !important;
  border: 1px solid rgba(17,168,178,.14) !important;
  color: #244a5a !important;
}

.tt-medical-chat-card {
  align-items: center !important;
  border-radius: 28px !important;
  display: flex !important;
  gap: 18px !important;
  justify-content: space-between !important;
  margin-top: clamp(20px, 3vw, 34px) !important;
  padding: clamp(18px, 2.8vw, 30px) !important;
}

.tt-medical-chat-card h2 {
  color: #102033 !important;
  margin: 10px 0 8px !important;
}

.tt-medical-disclaimer-card,
.tt-visa-disclaimer {
  border-radius: 20px !important;
  margin-top: 18px !important;
  padding: 14px 18px !important;
}

.tt-visa-page {
  width: min(1040px, calc(100% - 28px)) !important;
}

.tt-visa-hero {
  align-items: center !important;
  border-radius: 30px !important;
  display: grid !important;
  gap: clamp(18px, 3vw, 32px) !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(240px, .72fr) !important;
  min-height: 410px !important;
  padding: clamp(22px, 4vw, 46px) !important;
}

.tt-visa-visual img {
  width: min(360px, 100%) !important;
}

.tt-visa-hero h1 {
  font-size: clamp(2.05rem, 4.8vw, 4rem) !important;
  line-height: 1.22 !important;
  margin: 14px 0 12px !important;
}

.tt-visa-points {
  display: grid !important;
  gap: 10px !important;
  margin: 18px 0 8px !important;
}

.tt-visa-points span {
  align-items: center !important;
  background: rgba(255,255,255,.70) !important;
  border: 1px solid rgba(70,139,154,.18) !important;
  border-radius: 16px !important;
  color: #34586a !important;
  display: flex !important;
  gap: 10px !important;
  padding: 11px 13px !important;
}

.tt-visa-points span::before {
  background: #13a4ad !important;
  border-radius: 999px !important;
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 8px !important;
  height: 8px !important;
  width: 8px !important;
}

.tt-visa-disclaimer {
  background: rgba(255,255,255,.58) !important;
}

html[data-theme="dark"] body.tt-service-route-medical-tourism,
html[data-theme="dark"] body.tt-service-route-visa,
body.dark.tt-service-route-medical-tourism,
body.dark.tt-service-route-visa,
body.dark-mode.tt-service-route-medical-tourism,
body.dark-mode.tt-service-route-visa {
  --tt-svc-ink: #e8f6fb;
  --tt-svc-muted: #b7c9d4;
  --tt-svc-line: rgba(166, 230, 240, .16);
  --tt-svc-card: rgba(14, 26, 35, .78);
  --tt-svc-card-strong: rgba(18, 34, 45, .90);
  --tt-svc-marble-bg:
    linear-gradient(135deg, rgba(18,34,45,.94), rgba(8,19,28,.92)),
    radial-gradient(circle at 88% 6%, rgba(70,205,210,.08), transparent 26%),
    repeating-linear-gradient(122deg, transparent 0 31px, rgba(186,230,253,.055) 32px, transparent 35px),
    linear-gradient(135deg, #14232d, #0c151d);
  --tt-svc-card-marble-bg:
    linear-gradient(135deg, rgba(18,34,45,.94), rgba(11,22,31,.90)),
    radial-gradient(circle at 88% 8%, rgba(72,187,196,.10), transparent 30%),
    repeating-linear-gradient(120deg, transparent 0 36px, rgba(186,230,253,.045) 37px, transparent 40px),
    linear-gradient(135deg, #14232d, #0c151d);
}

html[data-theme="dark"] body.tt-service-visual-page .tt-service-header-shell,
body.dark.tt-service-visual-page .tt-service-header-shell,
body.dark-mode.tt-service-visual-page .tt-service-header-shell {
  background: rgba(8, 19, 28, .72) !important;
}

html[data-theme="dark"] body.tt-service-visual-page .tt-service-header-inner,
body.dark.tt-service-visual-page .tt-service-header-inner,
body.dark-mode.tt-service-visual-page .tt-service-header-inner {
  background: rgba(18, 34, 45, .62) !important;
  border-color: rgba(166,230,240,.15) !important;
}

html[data-theme="dark"] .tt-medical-hero h1,
html[data-theme="dark"] .tt-medical-section-head h2,
html[data-theme="dark"] .tt-medical-step-card h3,
html[data-theme="dark"] .tt-medical-chat-card h2,
html[data-theme="dark"] .tt-visa-hero h1,
body.dark .tt-medical-hero h1,
body.dark .tt-medical-section-head h2,
body.dark .tt-medical-step-card h3,
body.dark .tt-medical-chat-card h2,
body.dark .tt-visa-hero h1,
body.dark-mode .tt-medical-hero h1,
body.dark-mode .tt-medical-section-head h2,
body.dark-mode .tt-medical-step-card h3,
body.dark-mode .tt-medical-chat-card h2,
body.dark-mode .tt-visa-hero h1 {
  color: var(--tt-svc-ink) !important;
}

html[data-theme="dark"] .tt-medical-btn-secondary,
html[data-theme="dark"] .tt-visa-points span,
body.dark .tt-medical-btn-secondary,
body.dark .tt-visa-points span,
body.dark-mode .tt-medical-btn-secondary,
body.dark-mode .tt-visa-points span {
  background: rgba(15,23,42,.44) !important;
  color: var(--tt-svc-ink) !important;
}

@media (max-width: 1020px) {
  .tt-medical-start-panel,
  .tt-visa-hero {
    grid-template-columns: 1fr !important;
  }
  .tt-medical-hero-compact {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 180px) !important;
  }
}

@media (max-width: 820px) {
  body.tt-service-visual-page .tt-service-header-shell,
  body.tt-service-route-medical-tourism .tt-service-header-shell,
  body.tt-service-route-visa .tt-service-header-shell {
    min-height: 54px !important;
    padding: 6px 0 !important;
  }
  body.tt-service-visual-page .tt-service-header-inner,
  body.tt-service-route-medical-tourism .tt-service-header-inner,
  body.tt-service-route-visa .tt-service-header-inner {
    min-height: 42px !important;
    width: calc(100% - 18px) !important;
  }
  body.tt-service-visual-page .tt-service-header-nav,
  body.tt-service-route-medical-tourism .tt-service-header-nav,
  body.tt-service-route-visa .tt-service-header-nav {
    display: none !important;
  }
  body.tt-service-visual-page .tt-service-header-logo,
  body.tt-service-route-medical-tourism .tt-service-header-logo,
  body.tt-service-route-visa .tt-service-header-logo {
    flex-basis: 100px !important;
    height: 32px !important;
    min-width: 100px !important;
  }
  body.tt-service-visual-page .tt-service-header-menu-toggle,
  body.tt-service-route-medical-tourism .tt-service-header-menu-toggle,
  body.tt-service-route-visa .tt-service-header-menu-toggle {
    display: inline-flex !important;
  }
  body.tt-service-visual-page .tt-service-header-drawer,
  body.tt-service-route-medical-tourism .tt-service-header-drawer,
  body.tt-service-route-visa .tt-service-header-drawer {
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(142,188,198,.30) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 42px rgba(15,35,50,.14) !important;
    inset-inline: 9px !important;
    padding: 10px !important;
    position: absolute !important;
    top: calc(100% + 6px) !important;
    z-index: 80 !important;
  }
  .tt-medical-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .tt-medical-page,
  .tt-visa-page {
    width: min(100% - 18px, 1180px) !important;
    padding-top: 12px !important;
  }
  .tt-medical-hero-compact {
    grid-template-columns: 1fr !important;
    padding: 18px !important;
  }
  .tt-medical-hero-visual {
    display: none !important;
  }
  .tt-medical-widget-card-top {
    order: 2 !important;
  }
  .tt-medical-step-grid {
    grid-template-columns: 1fr !important;
  }
  .tt-medical-chat-card {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .tt-visa-hero {
    min-height: 0 !important;
    padding: 20px !important;
  }
  .tt-visa-visual {
    order: -1 !important;
  }
  .tt-visa-visual img {
    max-width: 240px !important;
  }
  .tt-visa-hero h1 {
    font-size: clamp(1.9rem, 9vw, 3rem) !important;
  }
  .tt-visa-btn,
  .tt-medical-btn,
  .tt-medical-btn-secondary {
    width: 100% !important;
  }
}