@font-face {
  font-family: "Cormorant Garamond";
  src: url('/fonts/cormorant-garamond-500.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('/fonts/cormorant-garamond-500-italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
/* İlk rota slaydı: gerçekçi bulutlar ve Pusula marka renkleri. */
#tcs-slider-2-1 .gn-hero {
  --ink: #dceefa;
  --paper: #124877;
  background: var(--ink);
  color: var(--paper);
}
#tcs-slider-2-1 .gn-bg--routemap {
  background: #29718d;
}
/* Kıyı fotoğrafı sabit, ilk görselden ayrılan bulutlar özgün yerleşimini korur. */
#tcs-slider-2-1 .gn-bg--routemap::before {
  content: "";
  position: absolute;
  inset: -3%;
  pointer-events: none;
  background: #dceefa url('/images/rota-kusbakisi-bulutsuz.webp') center 50% / cover no-repeat;
}
#tcs-slider-2-1 .gn-clouds {
  position: absolute;
  inset: -3%;
  pointer-events: none;
}
#tcs-slider-2-1 .gn-clouds span {
  position: absolute;
  inset: 0;
  background: url('/images/rota-bulut-ozgun-dagilim.webp') center / cover no-repeat;
  opacity: 1;
  animation: gnCloudDrift 26s ease-in-out infinite alternate;
}
@keyframes gnCloudDrift {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(1.8%, -1%, 0); }
}
#tcs-slider-2-1 .tcs-slide[aria-hidden="true"] .gn-clouds span {
  animation-play-state: paused;
}
#tcs-slider-2-1 .gn-vignette {
  background: linear-gradient(180deg, #07354b12, transparent 65%, #07354b26);
}
#tcs-slider-2-1 .gn-readability {
  background: radial-gradient(ellipse at 50% 43%, #062d4b70, #062d4b26 42%, transparent 72%);
}
#tcs-slider-2-1 .gn-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
  font-size: clamp(46px, 5.2vw, 78px);
  line-height: 1.06;
  letter-spacing: -.025em;
  color: #fffdf7;
  text-shadow: 0 2px 22px #07354b40;
}
#tcs-slider-2-1 .gn-title__grad {
  --rota-metal: linear-gradient(110deg, #c9aa70 0%, #ead6a6 26%, #fff2ce 43%, #d4b57e 62%, #f3dfb1 82%, #c9aa70 100%);
  background: none;
  color: #ead6a6;
  font-weight: 500;
  font-style: italic;
  font-size: 1.14em;
  margin-top: .08em;
  letter-spacing: -.025em;
  -webkit-text-fill-color: currentColor;
  animation: none;
}
#tcs-slider-2-1 .gn-hero[data-rota-renk="bakir"] .gn-title__grad {
  --rota-metal: linear-gradient(110deg, #e36a28 0%, #f99149 26%, #ffd4a1 43%, #ed782f 62%, #ffac68 82%, #e36a28 100%);
  color: #f99149;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  #tcs-slider-2-1 .gn-title__grad {
    background-image: var(--rota-metal);
    background-size: 220% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-shadow: none;
    filter: drop-shadow(0 2px 9px #092b3e38);
    animation: gnMetalSheen 14s ease-in-out infinite;
  }
}
@keyframes gnMetalSheen {
  0%, 25%, 100% { background-position: 0% center; }
  65%, 80% { background-position: 100% center; }
}
#tcs-slider-2-1 .gn-route {
  stroke: #e4f5ff;
  stroke-opacity: .74;
  stroke-width: 1.7;
  stroke-dasharray: 4 8;
  stroke-linecap: round;
}
.gn-mobile-flight-trail { stroke-opacity: .8; stroke-width: 1.5; }
#tcs-slider-2-1 .gn-city-label {
  fill: #ffffff;
  font-size: 16px;
  font-weight: 700;
  paint-order: stroke fill;
  stroke: #123e5266;
  stroke-width: 1.4px;
  stroke-linejoin: round;
  filter: drop-shadow(0 1px 3px #082f4a80);
}
#tcs-slider-2-1 .gn-city-link,
#tcs-slider-2-1 .gn-city-link:hover,
#tcs-slider-2-1 .gn-city-link:focus,
#tcs-slider-2-1 .gn-city-link .gn-city-label {
  text-decoration: none;
}
#tcs-slider-2-1 .gn-city-pulse { stroke: #ef590a; }
#tcs-slider-2-1 .gn-city-link:hover .gn-city-label,
#tcs-slider-2-1 .gn-city-link:focus-visible .gn-city-label { fill: #ffd1a3; }
#tcs-slider-2-1 .gn-city-link:hover .gn-city,
#tcs-slider-2-1 .gn-city-link:focus-visible .gn-city { fill: #009ee326; }
#tcs-slider-2-1 .gn-plane path { filter: drop-shadow(0 2px 3px #29475826); }
#tcs-slider-2-1.gn-desktop-card ~ #tta-box-1-d39d85ac .tta-field--trigger {
  background: #ffffffdf;
  border-color: #009ee34d;
  box-shadow: 0 8px 28px #1248771f;
}
#tcs-slider-2-1.gn-desktop-card ~ #tta-box-1-d39d85ac .tta-field--trigger::after { display: none; }
#tcs-slider-2-1.gn-desktop-card ~ #tta-box-1-d39d85ac .tta-field__input,
#tcs-slider-2-1.gn-desktop-card ~ #tta-box-1-d39d85ac .tta-field__input::placeholder,
#tcs-slider-2-1.gn-desktop-card ~ #tta-box-1-d39d85ac .tta-field__icon { color: #124877; }
#tcs-slider-2-1.gn-desktop-card ~ #tta-box-1-d39d85ac .tta-field__submit--icon { color: #124877; }
@media (max-width: 767px) {
  #tcs-slider-2-1 .gn-hero { --h: 560px; --h-modern: 560px; min-height: 560px; }
  #tcs-slider-2-1 .gn-hero__inner { min-height: 560px; }
  /* Tüm kampanya slaytlarında arama ve köşe notu için ortak alt alan. */
  #tcs-slider-2-1 .koyo-hero,
  #tcs-slider-2-1 .sacred-hero,
  #tcs-slider-2-1 .destination-hero {
    min-height: 560px;
    align-items: flex-end;
    padding: 76px 22px 148px;
  }
  #tcs-slider-2-1 .koyo-copy,
  #tcs-slider-2-1 .sacred-copy,
  #tcs-slider-2-1 .destination-hero__copy { width: 100%; }
  #tcs-slider-2-1 .koyo-copy h2,
  #tcs-slider-2-1 .sacred-copy h2,
  #tcs-slider-2-1 .destination-hero__copy h2 { font-size: clamp(32px, 8.6vw, 48px); line-height: 1.1; }
  #tcs-slider-2-1 .koyo-description,
  #tcs-slider-2-1 .sacred-description,
  #tcs-slider-2-1 .destination-hero__description { font-size: 15px; line-height: 1.5; margin: 13px 0 16px; }
  #tcs-slider-2-1 .koyo-cta,
  #tcs-slider-2-1 .sacred-cta,
  #tcs-slider-2-1 .destination-hero__cta { margin-top: 20px; min-height: 44px; max-width: 100%; }
  #tcs-slider-2-1 .koyo-caption,
  #tcs-slider-2-1 .sacred-caption,
  #tcs-slider-2-1 .destination-hero__caption { right: 22px; bottom: 96px; font-size: 8px; }
  #tcs-slider-2-1 .gn-title { font-size: clamp(40px, 10.2vw, 62px); line-height: 1.08; }
  #tcs-slider-2-1 .gn-bg--routemap::before,
  #tcs-slider-2-1 .gn-clouds span { background-position: 58% center; }
  #tcs-slider-2-1.gn-desktop-card ~ #tta-box-1-d39d85ac,
  #tcs-slider-2-1 ~ #tta-box-1-d39d85ac {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    transform: none;
    width: calc(100% + 30px);
    max-width: none;
    margin: -80px -15px 0;
    padding: 0 22px 24px;
    background: transparent;
    z-index: 10;
  }
  #tcs-slider-2-1 .gn-mobile-journey { width: min(84%, 300px); bottom: 88px; }
  #tcs-slider-2-1 ~ #tta-box-1-d39d85ac .tta-field--trigger {
    background: #fffffff0;
    border-color: #ffffffa6;
    box-shadow: 0 6px 24px #083a5230;
  }
  #tcs-slider-2-1 ~ #tta-box-1-d39d85ac .tta-field--trigger::after { display: none; }
  #tcs-slider-2-1 ~ #tta-box-1-d39d85ac .tta-field__input,
  #tcs-slider-2-1 ~ #tta-box-1-d39d85ac .tta-field__input::placeholder,
  #tcs-slider-2-1 ~ #tta-box-1-d39d85ac .tta-field__submit--icon { color: #124877; }
}
@media (max-width: 767px) and (max-height: 500px) and (orientation: landscape) {
  #tcs-slider-2-1 .gn-mobile-journey { width: 220px; bottom: 75px; }
}
@media (prefers-reduced-motion: reduce) {
  #tcs-slider-2-1 .gn-title__grad { animation: none; background-position: 35% center; }
  #tcs-slider-2-1 .gn-clouds span { animation: none; transform: none; }
  #tcs-slider-2-1 .gn-route,
  #tcs-slider-2-1 .gn-city-pulse { animation: none; }
  #tcs-slider-2-1 .gn-plane { animation: none; offset-distance: 55%; opacity: 1; }
}