/* jettaksi · ön izleme 2 · "iz ve hatıra" (22 ekim 2026)
   kuşbakışı boğaz, helikopterin izi ve programın sonunda size kalan hatıra kartı; kalkış iskele kırmızısı, varış sancak yeşili..
   kırmızı numara ve başlangıç, yeşil varış ve uygunluk.. logo yalnız kendi renkleriyle, açık zeminde.. */
@font-face { font-family: "sora"; src: url("/f/sora-latin-ext-wght-normal.woff2") format("woff2"); font-weight: 100 800; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "sora"; src: url("/f/sora-latin-wght-normal.woff2") format("woff2"); font-weight: 100 800; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "rethink sans"; src: url("/f/rethink-sans-latin-ext-wght-normal.woff2") format("woff2"); font-weight: 400 800; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "rethink sans"; src: url("/f/rethink-sans-latin-wght-normal.woff2") format("woff2"); font-weight: 400 800; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "chivo mono"; src: url("/f/chivo-mono-latin-ext-wght-normal.woff2") format("woff2"); font-weight: 100 900; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "chivo mono"; src: url("/f/chivo-mono-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --civit: #1f2152;        /* çivit gecesi: ilk ekran, jet, kapanış, alt bilgi */
  --civit-derin: #16173d;
  --civit-cizgi: #3a3c73;
  --kabin: #f7f6fa;        /* kabin beyazı: okuma yüzeyi */
  --kart: #ffffff;
  --cizgi: #dcdbe6;
  --murekkep: #1f2152;
  --soluk: #55577a;        /* kabin üzerinde 6,6:1 */
  --gece-soluk: #b9bad6;   /* çivit üzerinde 7,9:1 */
  --iskele: #ff4d5e;       /* sol fener: kalkış, numara, başlangıç işareti */
  --iskele-yazi: #d42a3d;  /* kırmızı numara açık zeminde (4,9:1) */
  --sancak: #2fd39a;       /* sağ fener: varış, uygunluk, bitiş işareti */
  --baslik: "sora", system-ui, sans-serif;  /* "t"si kıvrımlı (22 ekim 2026) */
  --metin: "rethink sans", system-ui, sans-serif;
  --bilgi: "chivo mono", ui-monospace, monospace;
  --kanat: #33509f;        /* logodaki kanat mavisi: logonun altındaki "yol arkadaşım" (kabin üzerinde 6,9:1) */
  --jet: #e96b1f;          /* logodaki "jet" turuncusu: yol arkadaşım vurgusu (çivit üzerinde 5,2:1) */
  --kenar: clamp(20px, 5vw, 80px);
  --genis: 1280px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--kabin); color: var(--murekkep); font: 400 18px/1.6 var(--metin); }
a { color: inherit; }
.ic { max-width: var(--genis); margin: 0 auto; padding: 0 var(--kenar); }
.bilgi { font: 400 14px/1.5 var(--bilgi); letter-spacing: .02em; }
h1, h2, h3 { font-family: var(--baslik); font-weight: 300; letter-spacing: .04em; margin: 0; }
h1 { font-size: clamp(38px, 5vw, 68px); line-height: 1.12; }
h2 { font-size: clamp(30px, 3.4vw, 46px); line-height: 1.18; }
h3 { font-size: 22px; line-height: 1.3; font-weight: 400; }
p { margin: 0; }

/* fener işaretleri: kırmızı başlangıç ve numara, yeşil varış ve uygunluk */
.nokta { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 10px; vertical-align: 1px; }
.nokta.k, svg .k { background: var(--iskele); fill: var(--iskele); stroke: none; }
.nokta.y, svg .y { background: var(--sancak); fill: var(--sancak); stroke: none; }
.no-k { font: 500 15px var(--bilgi); color: var(--iskele-yazi); margin-right: 12px; }

/* ---------------- üst bölüm: kabin beyazı, logo kendi renkleriyle; yapışkan */
/* 22 ekim 2026: bant + ortada asılı etiket gibi manşete taşan büyük logo; menü logonun iki yanına bölünür (bk. aşağıda "üst bölüm, orta logo") */
.menu { display: flex; gap: 26px; font-size: 16px; }
.menu a { text-decoration: none; padding: 10px 0; }
.menu a:hover { text-decoration: underline; text-decoration-color: var(--iskele); text-underline-offset: 7px; }
.dil { font: 400 14px var(--bilgi); color: var(--soluk); }
.kapi { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 22px; border-radius: 999px; background: var(--civit); color: var(--kabin);
  font: 500 16px var(--metin); text-decoration: none; white-space: nowrap; }
.kapi::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--sancak); }
.kapi.acik, .ilk .kapi, .kapanis .kapi { background: var(--kabin); color: var(--civit); }
.menu-ac, .menu-kapat { display: none; }

/* ---------------- ilk ekran: yazı solda, kuşbakışı boğaz sağda sayfanın kenarına taşar */
.ilk { background: var(--civit); color: var(--kabin); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 660px; }
.ilk-yazi { align-self: center; justify-self: end; width: min(100%, 640px); padding: 64px 96px 80px var(--kenar); }
.ilk .bilgi { color: var(--gece-soluk); margin-bottom: 28px; }
.ilk h1 { max-width: 13ch; }
.ilk .aciklama { margin: 28px 0 40px; max-width: 30em; color: #e4e4f2; font-size: 19px; }
.harita { position: relative; background: var(--civit-derin); overflow: hidden; }
.harita > svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.kiyi { fill: none; stroke: var(--civit-cizgi); stroke-width: 2; }
.kiyi.soluk { stroke-dasharray: 2 8; }
.iz { fill: none; stroke: var(--kabin); stroke-width: 1.6; stroke-dasharray: 10 6; }
.iz-gezen { fill: var(--kabin); }
.isaret text { font: 400 15px var(--bilgi); fill: var(--gece-soluk); paint-order: stroke; stroke: var(--civit-derin); stroke-width: 6px; stroke-linejoin: round; } /* kıyı çizgisi yazının altından geçer */
.hatira { position: absolute; left: 40px; bottom: 40px; margin: 0; width: 196px; background: var(--kabin); color: var(--murekkep); border-radius: 4px; padding: 18px 18px 16px;
  box-shadow: 0 18px 40px rgba(0,0,0,.28); transform: rotate(-3deg); }
.hatira figcaption { display: flex; justify-content: space-between; gap: 12px; color: var(--soluk); padding-bottom: 10px; border-bottom: 1px solid var(--cizgi); }
.hatira-iz { display: block; width: 100%; height: 132px; margin: 8px 0; }
.hatira-iz path { stroke: var(--murekkep); stroke-width: 1.5; stroke-dasharray: 5 4; }
.hatira dl { margin: 0; display: grid; gap: 4px; }
.hatira dl div { display: flex; justify-content: space-between; gap: 8px; border-top: 1px solid var(--cizgi); padding-top: 4px; }
.hatira dt { font: 400 14px var(--bilgi); color: var(--soluk); }
.hatira dd { margin: 0; font-size: 15px; }

/* ---------------- oyun (fijitaliz standardı): manşetin hemen altında */
.oyun { background: var(--civit-derin); color: var(--kabin); padding: 48px 0; border-top: 1px solid var(--civit-cizgi); }
.oyun .ic { display: grid; grid-template-columns: auto 1fr auto; gap: 40px; align-items: center; }
.oyun .tel { width: 92px; height: 164px; border-radius: 18px; border: 2px solid var(--civit-cizgi); display: grid; place-items: center; font: 400 14px var(--bilgi); color: var(--gece-soluk); text-align: center; }
.oyun h3 { margin-bottom: 8px; }
.oyun p { color: #e4e4f2; max-width: 40em; }
.oyun .qr { width: 108px; height: 108px; background: var(--kabin); border-radius: 10px; display: grid; place-items: center; color: var(--civit); font: 400 14px var(--bilgi); }

/* ---------------- bölüm başı: kırmızı numara, başlık, sağda kısa açıklama */
.bolum { padding: 96px 0; } /* aynı zeminde art arda iki bölüm: 96 + 96 = 192 px (sınır 200) */
.bas { display: grid; grid-template-columns: 56px minmax(0, 1fr) minmax(0, 30em); align-items: baseline; gap: 0 24px; margin-bottom: 56px; }
.bas .no { font: 500 16px var(--bilgi); color: var(--iskele-yazi); }
.bas p { color: var(--soluk); }
.jet .bas .no, .neden .bas .no { color: var(--iskele); }

/* medya alanları: ön izlemede çizgi resim, sitede iş ortağı fotoğrafı ve videosu */
.medya { position: relative; background: var(--civit); aspect-ratio: 4 / 3; overflow: hidden; }
.medya::before { content: ""; position: absolute; inset: 0; background-repeat: no-repeat; background-size: 100% 100%; }
.cizgi-gok::before { background-image: url("/g/cizgi-gok.svg"); }
.cizgi-deniz::before { background-image: url("/g/cizgi-deniz.svg"); }
.cizgi-kara::before { background-image: url("/g/cizgi-kara.svg"); }
.cizgi-jet::before { background-image: url("/g/cizgi-jet.svg"); }
.medya .bilgi { position: absolute; left: 20px; top: 16px; color: var(--gece-soluk); }
.oynat { position: absolute; right: 18px; top: 14px; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--gece-soluk); }
.oynat::after { content: ""; position: absolute; left: 15px; top: 11px; border-left: 12px solid var(--kabin); border-top: 8px solid transparent; border-bottom: 8px solid transparent; }

/* ---------------- 01 · boğaz: biri büyük, ikisi yanında */
.uc-yol { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 28px; }
.yol { display: grid; align-content: start; gap: 22px; }
.yol.ana .medya { aspect-ratio: auto; height: 100%; min-height: 420px; }
.yol.ana { grid-template-rows: 1fr auto; }
@media (min-width: 901px) { .yol:not(.ana) { grid-template-rows: 1fr auto; } .yol:not(.ana) .medya { aspect-ratio: auto; height: 100%; min-height: 240px; } } /* üç yol aynı boyda; yan kartların altı boş kalmaz */
.yol-ic { display: grid; gap: 10px; }
.yol-ic .bilgi { color: var(--soluk); }
.yol-ic p:last-child { color: var(--soluk); font-size: 17px; }

/* ---------------- 02 · özel günler: dört sütun, ince çizgi simgeler */
.gunler { background: var(--kart); padding-bottom: 88px; }
.gun-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--murekkep); }
.gun-liste li { padding: 32px 28px 8px 0; display: grid; gap: 12px; align-content: start; }
.gun-liste li + li { padding-left: 28px; border-left: 1px solid var(--cizgi); }
.gun-liste svg { width: 48px; height: 48px; fill: none; stroke: var(--murekkep); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.gun-liste p { color: var(--soluk); font-size: 17px; }

/* ---------------- 03 · özel jet: çivit, sağda 24 saatlik akış */
.jet { background: var(--civit); color: var(--kabin); padding: 96px 0; }
.jet .bas p { color: var(--gece-soluk); }
.jet-ikili { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 72px; align-items: start; }
.jet-sol .bilgi { color: var(--gece-soluk); margin-bottom: 18px; }
.tik { list-style: none; margin: 0 0 40px; padding: 0; }
.tik li { padding: 16px 0 16px 26px; border-top: 1px solid var(--civit-cizgi); position: relative; font-size: 19px; }
.tik li::before { content: ""; position: absolute; left: 0; top: 27px; width: 8px; height: 8px; border-radius: 50%; background: var(--sancak); }
.gun { border: 1px solid var(--civit-cizgi); border-radius: 4px; padding: 28px 32px; }
.gun-bas { display: flex; justify-content: space-between; color: var(--gece-soluk); margin-bottom: 18px; }
.akis { list-style: none; margin: 0; padding: 0; position: relative; }
.akis::before { content: ""; position: absolute; left: 75px; top: 20px; bottom: 20px; border-left: 1.5px dashed var(--gece-soluk); }
.akis li { display: grid; grid-template-columns: 60px 1fr; gap: 40px; padding: 11px 0; position: relative; font-size: 18px; }
.akis li::before { content: ""; position: absolute; left: 71px; top: 21px; width: 9px; height: 9px; border-radius: 50%; background: var(--kabin); }
.akis li.k::before { background: var(--iskele); }
.akis li.y::before { background: var(--sancak); }
.akis .saat { font: 500 16px/1.8 var(--bilgi); }
.gun-not { color: var(--gece-soluk); margin-top: 18px; }

/* ---------------- 04 · araç seçkisi: dört araç */
.secki { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.arac { background: var(--kart); display: grid; grid-template-rows: auto 1fr; }
.arac .medya { aspect-ratio: 1 / 1; }
.arac-ic { padding: 22px 22px 24px; display: grid; gap: 16px; align-content: start; }
.arac dl { margin: 0; display: grid; gap: 8px; }
.arac dl div { display: grid; gap: 2px; border-top: 1px solid var(--cizgi); padding-top: 8px; }
.arac dt { font: 400 14px var(--bilgi); color: var(--soluk); }
.arac dd { margin: 0; font-size: 16px; }
.uygun { font: 400 14px var(--bilgi); color: var(--soluk); }
.secki-not { color: var(--soluk); margin-top: 24px; }

/* ---------------- 05 · programlar: beş satır */
.programlar { padding-top: 0; }
.prog { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--murekkep); }
.prog li { display: grid; grid-template-columns: 56px minmax(0, 15em) minmax(0, 1fr) auto; gap: 24px; align-items: baseline; padding: 24px 0; border-bottom: 1px solid var(--cizgi); }
.prog h3 { font-size: 26px; font-weight: 300; }
.prog p { color: var(--soluk); font-size: 17px; }
.prog a { font-weight: 500; text-underline-offset: 5px; text-decoration-color: var(--iskele); white-space: nowrap; }

/* ---------------- 06 · jet ambulans: hazırlanıyor (soluk, kesik çerçeve; talep düğmesi yok) */
.ambulans { padding-top: 0; }
.amb-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.amb { border: 1.5px dashed var(--cizgi); border-radius: 4px; padding: 26px 28px; display: grid; gap: 10px; }
.amb p:last-child { color: var(--soluk); font-size: 17px; }
.hazir { font: 400 14px var(--bilgi); color: var(--soluk); }
.nokta.s { background: transparent; border: 1.5px solid var(--soluk); }
.amb-not { color: var(--soluk); margin-top: 20px; }

/* ---------------- kapanış */
.kapanis { background: var(--civit); color: var(--kabin); padding: 96px 0 104px; text-align: center; }
.kapanis-iz { display: block; width: min(600px, 100%); height: auto; margin: 0 auto 32px; }
.kapanis-iz path { fill: none; stroke: var(--gece-soluk); stroke-width: 1.5; stroke-dasharray: 8 6; }
.kapanis h2 { font-size: clamp(34px, 4.4vw, 60px); margin-bottom: 40px; }

/* ---------------- alt bilgi */
.alt-bilgi { background: var(--kabin); color: var(--murekkep); padding: 72px 0 40px; border-top: 1px solid var(--cizgi); }
.alt-alan { display: grid; grid-template-columns: 1.75fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid var(--cizgi); align-items: stretch; }
/* logo: üstü yandaki numara satırıyla, altı en uzun yazı bloğunun sonuyla hizalı; boyu sütunlardan gelir (22 ekim 2026) */
.alt-logo { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: stretch; }
.alt-logo { align-items: start; }
.logo-kutu { display: block; height: var(--logo-boy, 200px); aspect-ratio: 2099 / 3655; margin-top: var(--logo-ust, 0px); }
.logo-kutu img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left bottom; }
.alt-logo .tercih { margin: 0; align-self: stretch; display: grid; place-content: center; text-align: center; font: 300 clamp(24px, 2.3vw, 31px)/1.18 var(--baslik); letter-spacing: .02em; color: var(--murekkep); }
.alt-bilgi .alt-baslik { margin: 0 0 14px; font: 400 15px var(--bilgi); color: var(--soluk); }
.alt-bilgi ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 16px; }
.alt-bilgi a { text-decoration: none; }
.grup-imza { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 24px 20px; margin-top: 32px; background: var(--civit); color: var(--gece-soluk); font-size: 15px; border-radius: 4px; }
.grup-imza-logo { display: flex; align-items: center; gap: 10px; }
.grup-imza-logo .k { width: 34px; height: auto; }
.grup-imza-logo .y { width: 150px; height: auto; }

/* ---------------- tablet ve telefon */
@media (max-width: 1100px) {
  .secki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gun-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gun-liste li:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 900px) {
  .ilk { grid-template-columns: 1fr; min-height: 0; }
  .ilk-yazi { justify-self: stretch; width: auto; padding: 56px var(--kenar) 48px; }
  .harita { padding: 0 0 40px; }
  .harita > svg { position: relative; display: block; height: 440px; }
  .isaret text { font-size: 26px; } /* harita telefonda ~0,55 ölçekle çizilir: ekranda ~14 px */
  .isaret text.genis { display: none; }
  .isaret text.ikinci { transform: translateY(12px); }
  .hatira { position: relative; left: auto; bottom: auto; margin: 0 auto; width: 220px; }
  .hatira-iz { height: 96px; }
  .oyun .ic { grid-template-columns: 1fr; gap: 24px; justify-items: start; }
  .bolum, .jet, .neden { padding: 64px 0; } /* telefonda 64 + 64 = 128 px (sınır 140) */
  .programlar { padding-top: 0; }
  .bas { grid-template-columns: 40px minmax(0, 1fr); gap: 16px 12px; margin-bottom: 36px; }
  .bas p { grid-column: 2; }
  .uc-yol, .jet-ikili, .amb-ikili { grid-template-columns: 1fr; gap: 40px; }
  .yol.ana .medya { min-height: 0; aspect-ratio: 4 / 3; }
  .gun { padding: 22px 20px; }
  .akis::before { left: 67px; }
  .akis li { grid-template-columns: 52px 1fr; gap: 36px; font-size: 17px; }
  .akis li::before { left: 63px; }
  .prog li { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 8px 12px; }
  .prog p { grid-column: 2 / -1; }
  .prog h3 { font-size: 23px; }
  .dizeler { columns: 1; }
  .kapanis { padding: 64px 0 72px; }
  .alt-alan { grid-template-columns: 1fr 1fr; gap: 32px; }
  .alt-alan > :first-child { grid-column: 1 / -1; }
  .grup-imza { flex-direction: column; align-items: start; }
}
@media (max-width: 560px) {
  .secki, .gun-liste { grid-template-columns: 1fr; }
  .gun-liste li, .gun-liste li + li { padding: 24px 0 8px; border-left: 0; }
  .gun-liste li + li { border-top: 1px solid var(--cizgi); }
  .alt-logo { grid-template-columns: auto 1fr; }
  .logo-kutu { height: 180px; }
}
@media (prefers-reduced-motion: reduce) { .iz-gezen { display: none; } }

/* alt bilgi iletişim: form, e-posta ve yedi ağ (öteki sitelerle aynı sıra ve simgeler; iskelet/iskelet.mjs AGLAR) */
.iletisim .sosyal { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; max-width: calc(4 * 40px + 3 * 8px); } /* 4 + 3 */
.iletisim .sosyal a, .iletisim .sosyal .bekliyor { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--cizgi); color: var(--murekkep); }
.iletisim .sosyal a:hover { border-color: var(--murekkep); }
.iletisim .sosyal .bekliyor { opacity: .4; }
.iletisim .gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
@media (max-width: 900px) { .alt-alan .iletisim { grid-column: 1 / -1; } }

/* helikopter turları (22 ekim 2026): solda kokpit panosu gibi çivit harita (yapışkan), sağda sıralı duraklar; kaydırdıkça rota çizilir */
.turlar { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 4vw, 64px); margin-top: 96px; align-items: start; }
.tur-pano { position: sticky; top: 112px; background: var(--civit); color: var(--kabin); border-radius: 28px; padding: 22px 22px 18px; display: grid; gap: 10px; height: min(760px, calc(100vh - 140px)); grid-template-rows: auto 1fr auto; }
.pano-ust { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; color: var(--gece-soluk); }
.pano-alt { color: var(--gece-soluk); }
.tur-harita { width: 100%; height: 100%; min-height: 0; }
.tur-harita .kiyi { fill: none; stroke: #4a4d8c; stroke-width: calc(var(--c, 1) * 1.6px); }
.tur-harita .yaka { font: 400 var(--y, 15px) var(--bilgi); fill: var(--gece-soluk); letter-spacing: .1em; }
.tur-iz { fill: none; stroke: var(--civit-cizgi); stroke-width: calc(var(--c, 1) * 2px); stroke-linecap: round; stroke-linejoin: round; opacity: .55; transition: opacity .4s; }
.tur-iz.secili { stroke: var(--iskele); stroke-width: calc(var(--c, 1) * 3.5px); opacity: 1; transition: stroke-dashoffset .25s linear; }
.tur-harita .durak circle { fill: var(--civit); stroke: var(--gece-soluk); stroke-width: calc(var(--c, 1) * 2px); r: calc(var(--c, 1) * 5px); transition: fill .3s, stroke .3s; }
.tur-harita .durak text { font: 500 calc(var(--y, 15px) * 1.08) var(--bilgi); fill: var(--gece-soluk); transition: fill .3s; }
.tur-harita .durak.yandi circle { fill: var(--sancak); stroke: var(--sancak); }
.tur-harita .durak.yandi text { fill: var(--kabin); }
.tur-yazi { display: grid; gap: 22px; }
.tur-yazi > .bilgi { color: var(--soluk); }
.tur-baslik { font-size: clamp(28px, 2.6vw, 38px); font-weight: 300; }
.tur-sec { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.tur-sec button { font: inherit; color: var(--murekkep); background: var(--kart); border: 1px solid var(--cizgi); border-radius: 18px; padding: 14px 16px; text-align: left; display: grid; gap: 2px; cursor: pointer; transition: border-color .2s, background .2s; }
.tur-sec button b { font: 300 clamp(34px, 3vw, 44px)/1 var(--baslik); letter-spacing: .02em; }
.tur-sec button small { font: 400 15px var(--bilgi); margin-left: 6px; letter-spacing: 0; }
.tur-sec button span { font: 400 14px/1.4 var(--bilgi); color: var(--soluk); }
.tur-sec button[aria-selected="true"] { background: var(--civit); border-color: var(--civit); color: var(--kabin); }
.tur-sec button[aria-selected="true"] span { color: var(--gece-soluk); }
.tur-sec button:focus-visible { outline: 3px solid var(--iskele); outline-offset: 3px; }
.tur-ozet { font-size: 19px; color: var(--soluk); max-width: 34em; }
.tur-duraklar { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 28px; }
.tur-duraklar li { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px; align-items: center; opacity: .5; transition: opacity .4s; }
.tur-duraklar li.yandi { opacity: 1; }
.foto { margin: 0; position: relative; aspect-ratio: 3 / 2; border-radius: 22px; overflow: hidden; background: linear-gradient(160deg, var(--civit) 0%, #2c3a7a 62%, #33509f 100%); display: grid; place-items: center; }
.foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.foto svg { width: min(34%, 180px); fill: none; stroke: rgba(247, 246, 250, .78); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.foto figcaption { position: absolute; left: 18px; bottom: 14px; color: var(--gece-soluk); }
.foto.var svg, .foto.var figcaption { display: none; }
.durak-yazi { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: baseline; }
.durak-yazi .no-k { font: 500 16px var(--bilgi); color: var(--iskele-yazi); }
.durak-yazi h4 { margin: 0; font: 400 22px/1.3 var(--baslik); letter-spacing: .03em; }
.durak-yazi p { color: var(--soluk); font-size: 17px; }
.durak-yazi .bilgi { margin-top: 4px; }
.tur-son { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; margin-top: 8px; }
.tur-son .bilgi { color: var(--soluk); }
@media (max-width: 900px) {
  .turlar { grid-template-columns: minmax(0, 1fr); margin-top: 72px; }
  .tur-pano { position: relative; top: 0; height: 520px; }
  .tur-duraklar { gap: 28px; }
  .tur-duraklar li { opacity: 1; }
}
@media (max-width: 560px) { .tur-duraklar li { grid-template-columns: 1fr; gap: 14px; } }
@media (max-width: 560px) { .tur-sec { gap: 8px; } .tur-sec button { padding: 12px 10px; } .tur-sec button b { font-size: 32px; } .tur-sec button small { margin-left: 3px; } .tur-pano { height: 460px; border-radius: 22px; } }
@media (prefers-reduced-motion: reduce) { .tur-iz.secili, .tur-duraklar li { transition: none; } }

/* ------------------------------------------------------------------ site (23 ekim 2026): iskelete taşınırken eklenenler */
/* oyun bandı: telefon kaydı, metin, kod (iskelet: deneyimKaydi, kod deneyimi) */
.oyun .ic.kod-deneyim { display: grid; grid-template-columns: auto 1fr auto; gap: 48px; align-items: center; }
.oyun .oyun-telefon { width: 132px; }
.oyun h2 { font-size: clamp(26px, 2.6vw, 36px); margin: 6px 0 10px; }
.oyun .bilgi { color: var(--gece-soluk); }
.oyun .ikinci-bag { color: var(--kabin); text-underline-offset: 6px; }
.oyun .kod { margin: 0; display: grid; justify-items: center; gap: 10px; text-align: center; }
.oyun .kod img { background: var(--kabin); border-radius: 12px; padding: 8px; }
.oyun .kod figcaption { font: 400 14px/1.4 var(--bilgi); color: var(--gece-soluk); }
.oyun .kod figcaption span { color: #d7d8ea; }
@media (max-width: 900px) { .oyun .ic.kod-deneyim { grid-template-columns: 1fr; gap: 28px; justify-items: start; } }
/* sık sorulanlar (iskelet: sssListesi): uçuş manifestosu gibi; soru bilgi satırında, aralarda kesikli rota çizgisi */
dl.sss { margin: 0; max-width: 1040px; counter-reset: sss; }
.sss > div { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 12px 48px; padding: 24px 0; border-top: 1.5px dashed var(--cizgi); counter-increment: sss; }
.sss > div:last-child { border-bottom: 1.5px dashed var(--cizgi); }
.sss dt { font: 400 17px/1.5 var(--bilgi); color: var(--murekkep); }
.sss dt::before { content: counter(sss, decimal-leading-zero) "  "; color: var(--iskele-yazi); white-space: pre; }
.sss dd { margin: 0; color: var(--soluk); font-size: 18px; line-height: 1.6; }
@media (max-width: 760px) { .sss > div { grid-template-columns: 1fr; gap: 8px; } }
.jt-paylas { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 16px 32px; margin-top: 40px; }
.jt-paylas[hidden] { display: none; }
.sik { padding-bottom: 80px; }
@media (max-width: 900px) { .sik { padding-bottom: 56px; } }
.paylas-baslik { margin: 0; font: 400 17px var(--bilgi); color: var(--murekkep); }
.paylas-govde { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.paylas-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.paylas-dugmeler button { min-height: 46px; padding: 0 20px; border-radius: 999px; border: 1.5px solid var(--civit); background: transparent; color: var(--civit); font: 500 15px var(--metin); cursor: pointer; }
.paylas-dugmeler .paylas-yerel, .paylas-dugmeler button:hover, .paylas-dugmeler button:focus-visible { background: var(--civit); color: var(--kabin); }
.paylas-simgeler { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.paylas-simgeler a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--cizgi); color: var(--civit); }
.paylas-simgeler a:hover, .paylas-simgeler a:focus-visible { border-color: var(--civit); }
@media (max-width: 760px) { .jt-paylas { grid-template-columns: 1fr; } }
/* kapanış düğmeleri */
.kapanis-dugme { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.kapanis .kapi.ikincil { background: transparent; color: var(--kabin); border: 1.5px solid var(--civit-cizgi); }
/* iç sayfalar: başlık, okuma alanı, yasal gezinti */
.sayfa-bas { padding: 148px 0 24px; } /* logo etiketi bandın altına ~110 px taşar; başlık onun altından 16 px+ nefesle başlar */
@media (max-width: 1180px) { .sayfa-bas { padding-top: 100px; } }
.sayfa-bas h1 { max-width: 18em; }
.sayfa-bas p { color: var(--soluk); max-width: 40em; margin-top: 14px; font-size: 19px; }
.sayfa-bas .kapi { margin-top: 28px; }
.metin { padding: 24px 0 96px; }
.okuma { max-width: 46em; }
.okuma h2 { font-size: 26px; margin: 36px 0 10px; }
.okuma p, .okuma dd { color: var(--soluk); }
.okuma dl { display: grid; grid-template-columns: minmax(9em, auto) 1fr; gap: 10px 24px; }
.okuma dt { font: 400 15px var(--bilgi); color: var(--murekkep); }
.okuma dd { margin: 0; }
.yasal-nav { display: flex; gap: 22px; margin-bottom: 28px; font: 400 15px var(--bilgi); }
.yasal-nav a[aria-current="page"] { color: var(--iskele-yazi); }
.oyun-alani { padding: 24px 0 96px; }
.oyun-cerceve { max-width: 480px; }
.oyun-iki { display: grid; grid-template-columns: minmax(0, 480px) minmax(0, 1fr); gap: 32px 80px; align-items: center; }
.oyun-iki .jt-paylas { grid-column: 1 / -1; }
.oyun-yan { display: grid; gap: 20px; justify-items: start; padding-left: 40px; border-left: 1.5px dashed var(--cizgi); }
.oyun-ikram { margin: 0; font: 400 clamp(28px, 3vw, 40px)/1.2 var(--baslik); color: var(--murekkep); }
.oyun-ikram .no { display: block; margin-bottom: 8px; font: 400 15px var(--bilgi); color: var(--iskele-yazi); }
.oyun-not { color: var(--soluk); max-width: 30em; margin: 0; }
.oyun-yan .kod { margin: 8px 0 0; display: grid; justify-items: start; gap: 10px; }
.oyun-yan .kod img { border: 1px solid var(--cizgi); border-radius: 12px; padding: 8px; background: var(--kart); }
.oyun-yan .kod figcaption { font: 400 14px/1.5 var(--bilgi); color: var(--murekkep); }
.oyun-yan .kod figcaption span { color: var(--soluk); }
@media (max-width: 900px) { .oyun-iki { grid-template-columns: 1fr; } .oyun-yan { padding-left: 0; border-left: 0; padding-top: 24px; border-top: 1.5px dashed var(--cizgi); } }
.alt-bilgi .yasal { display: flex; gap: 18px; margin-top: 18px; font: 400 14px var(--bilgi); }
.alt-bilgi .yasal a { color: var(--soluk); }
/* grup imzası (iskelet: grupImzasi, koyu zemin) */
.grup-imza .telif { margin: 0; }
.grup-imza .telif a { color: var(--kabin); }
.grup-imza-karakter { width: 34px; height: auto; }
.grup-imza-logo img:not(.grup-imza-karakter) { width: 150px; height: auto; }
.kd-cihazda .dugme { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 22px; border-radius: 999px; background: var(--kabin); color: var(--civit); text-decoration: none; font-weight: 500; }
/* deneyim kaydı (iskelet: deneyimKaydi): kokpit ekranı gibi; çivit gövde, ince kabin çizgisi */
button { font: inherit; }
.oyun-telefon { margin: 0; display: grid; justify-items: center; gap: 10px; }
.oyun-telefon video { display: block; width: 150px; height: auto; aspect-ratio: 390 / 844; border-radius: 26px; border: 6px solid var(--civit); background: var(--civit); box-shadow: 0 0 0 1.5px var(--civit-cizgi); }
.oyun-telefon figcaption { display: grid; justify-items: center; gap: 2px; font: 400 14px/1.4 var(--bilgi); text-align: center; color: var(--gece-soluk); }
.oyun-telefon .kayit-dugme { min-height: 44px; min-width: 44px; padding: 0 6px; border: 0; background: none; font: 400 15px var(--bilgi); color: var(--kabin); cursor: pointer; text-decoration: underline; text-underline-offset: 5px; }
/* klavye için "içeriğe geç" bağlantısı (iskelet): görünmez, yalnız sekme tuşuyla odaklanınca kabin beyazı bir etiket olarak belirir */
.atla { position: absolute; left: 16px; top: -80px; z-index: 40; padding: 10px 18px; border-radius: 999px; background: var(--civit); color: var(--kabin); font: 500 15px var(--metin); text-decoration: none; }
.atla:focus { top: 12px; }

/* ---------------- üst bölüm, orta logo (22 ekim 2026, kullanıcı: "logomuz dikey logo olduğu için.. orta tarafında büyükçe.. menü yazılarımızı
   logomuzun her iki yanına bölerek..").. bant boyu sabittir; logo bandın altına taşan bir etikettir, aşağı inince küçülüp banda sığar
   (sayfa boyu değişmez, titreme olmaz).. */
.ust { position: sticky; top: 0; z-index: 10; height: 88px; background: rgba(247,246,250,.97); backdrop-filter: blur(8px); border-bottom: 1px solid var(--cizgi); }
.ust .ic { display: grid; grid-template-columns: minmax(0, 1fr) 160px minmax(0, 1fr); grid-template-areas: "sol logo sag"; align-items: center; column-gap: 36px; height: 100%; max-width: none; }
.ust-sol, .ust-sag { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ust-sol { grid-area: sol; } .ust-sag { grid-area: sag; }
.logo { grid-area: logo; align-self: start; position: relative; display: block; height: 100%; text-decoration: none; }
.etiket { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: grid; justify-items: center; gap: 10px; padding: 18px 30px 20px; background: var(--kabin);
  border-radius: 0 0 28px 28px; box-shadow: 0 14px 30px rgba(22, 23, 61, .22); transition: padding .25s ease; }
.etiket img { display: block; width: auto; height: 132px; transition: height .25s ease; }
/* "yol arkadaşım" logonun altında gülümseyen bir yay üzerinde (22 ekim 2026, kullanıcı: "kavisli yay formunda.. hem gülümsüyor hem
   hizmetimizi nasıl verdiğimizi.."); yazı gerçek yazıdır, her ölçüde 15 px */
.etiket-soz { display: block; width: 132px; height: 34px; margin-top: -4px; overflow: visible; }
.etiket-soz text { font: 400 15px var(--bilgi); fill: var(--kanat); letter-spacing: .04em; }
.ust.dar .etiket { padding: 8px 18px 10px; gap: 0; box-shadow: none; }
.ust.dar .etiket img { height: 62px; }
.ust.dar .etiket-soz { display: none; }
.ust.olc, .ust.olc * { transition: none !important; }
.ust-arac { display: flex; align-items: center; }
.menu-tel, .menu-ac { display: none; }
.menu-ac { grid-area: ac; text-decoration: none; }
@media (max-width: 1180px) {
  .ust { height: 72px; }
  .ust .ic { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); grid-template-areas: "sol logo ac"; column-gap: 16px; }
  .menu-sol, .ust-sag { display: none; }
  .menu-ac { display: inline-grid; place-items: center; justify-self: end; width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid var(--cizgi); color: var(--murekkep); font: 400 14px var(--bilgi); background: none; }
  .logo { width: 116px; }
  .etiket { padding: 12px 20px 14px; gap: 8px; border-radius: 0 0 20px 20px; }
  .etiket img { height: 84px; }
  .ust.dar .etiket { padding: 6px 14px 8px; }
  .ust.dar .etiket img { height: 52px; }
  .menu-tel:target { display: grid; position: fixed; inset: 0; z-index: 40; overflow-y: auto; background: var(--kabin); padding: 96px var(--kenar) 40px; gap: 8px; align-content: start; font: 300 28px var(--baslik); }
  .menu-tel:target a { padding: 10px 0; text-decoration: none; }
  .menu-tel:target .menu-kapat { display: inline-grid; place-items: center; position: absolute; top: 12px; right: var(--kenar); min-width: 48px; height: 48px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--cizgi); font: 400 14px var(--bilgi); color: var(--murekkep); }
  .menu-tel:target .kapi { justify-self: start; margin-top: 24px; font: 500 16px var(--metin); padding: 0 22px; text-decoration: none; }
  .menu-tel:target a:not(.kapi):not(.menu-kapat) { border-bottom: 1px solid var(--cizgi); }
}
@media (max-width: 900px) { .ilk-yazi { padding-top: 96px; } }

/* ---------------- oyun bandı + yol arkadaşım (22 ekim 2026): oyun daralır, yanında kurucunun metni tek blokta */
.oyun { padding: 72px 0; }
.oyun .ic.oyun-bant { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 64px; align-items: start; }
.oyun-sol { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 36px; align-items: start; }
.oyun-metin { padding-top: 6px; } /* telefon ekranının üst kenarıyla hizalı (çerçeve 6 px) */
.oyun-metin h2 { margin: 10px 0 14px; }
.oyun-metin p { margin: 0 0 14px; font-size: 17px; }
.oyun .oyun-metin .kod { justify-items: start; text-align: left; margin-top: 22px; }
.oyun .oyun-metin .kod figcaption { text-align: left; }
.yol-arkadasim { padding-left: 56px; border-left: 1.5px dashed var(--civit-cizgi); }
.yol-arkadasim .bilgi { color: var(--gece-soluk); margin: 6px 0 16px; }
.dizeler { list-style: none; margin: 0; padding: 0; font: 300 clamp(19px, 1.35vw, 22px)/1.45 var(--baslik); letter-spacing: .015em; }
.dizeler li { padding: 3px 0; }
.dizeler b { font-weight: inherit; color: var(--jet); }
.dizeler .merhaba { color: var(--jet); }
.dizeler .nw { white-space: nowrap; }
.dizeler .nokta { margin: 0 0 0 14px; vertical-align: middle; }
@media (max-width: 1100px) { .oyun .ic.oyun-bant { grid-template-columns: 1fr; gap: 48px; } .yol-arkadasim { padding: 40px 0 0; border-left: 0; border-top: 1.5px dashed var(--civit-cizgi); } }
@media (max-width: 560px) { .oyun-sol { grid-template-columns: 1fr; gap: 24px; } .oyun { padding: 56px 0; } }

/* ------------------------------------------------------------------ iskeletin ortak kuralları (aynen; değiştirmeyin) */

/* site içi arama (iskelet: arama.mjs), bütün markalarda aynı yapı */
.ara-simge { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 999px; color: inherit; text-decoration: none; flex: none; }
.ara-simge:hover, .ara-simge:focus-visible, .ara-simge[aria-current] { background: color-mix(in srgb, currentColor 10%, transparent); }
.arama-kutusu { display: flex; align-items: center; gap: .5rem; max-width: 36rem; margin: 1.25rem 0; }
.arama-kutusu label { position: relative; flex: 1; display: block; }
.arama-kutusu label svg { position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); opacity: .6; pointer-events: none; }
.arama-kutusu input { width: 100%; box-sizing: border-box; font: inherit; padding: .8rem 1rem .8rem 2.75rem; border: 1.5px solid currentColor; border-radius: 999px; background: transparent; color: inherit; }
.arama-kutusu input::placeholder { color: inherit; opacity: .55; }
.arama-kutusu .dugme { flex: none; }
.arama-kutusu.genis { max-width: 40rem; }
.arama-kutusu.genis input { font-size: 1.125rem; padding-top: 1rem; padding-bottom: 1rem; }
.gizli-etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.arama-sayi { font-weight: 600; margin: 1.5rem 0 .5rem; }
.arama-liste { list-style: none; padding: 0; margin: 0; max-width: 46rem; }
.arama-liste li { border-top: 1px solid color-mix(in srgb, currentColor 18%, transparent); }
.arama-liste a { display: block; padding: 1rem 0; color: inherit; text-decoration: none; }
.arama-liste h2 { font-size: 1.25rem; margin: 0 0 .15rem; }
.arama-liste a:hover h2, .arama-liste a:focus-visible h2 { text-decoration: underline; }
.arama-yol { font-family: var(--mono, monospace); font-size: .875rem; opacity: .6; }
.arama-liste p { margin: .35rem 0 0; opacity: .8; }

/* tanışma kartı (iskelet: tanisma.mjs), bütün markalarda aynı yapı */
.tanisma { border: 0; border-radius: 20px; padding: 0; width: min(30rem, calc(100% - 2rem)); background: #fff; color: #16171a; box-shadow: 0 24px 60px rgba(0,0,0,.25); }
.tanisma::backdrop { background: rgba(10,12,16,.55); }
.tanisma-form { padding: 1.5rem; display: grid; gap: .75rem; }
.tanisma h2 { margin: 0; font-size: 1.35rem; }
.tanisma p { margin: 0; font-size: .92rem; opacity: .8; }
.tanisma-alanlar { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.tanisma-alanlar label { display: grid; gap: .25rem; font-size: .875rem; font-weight: 600; }
.tanisma-alanlar label:nth-child(n+3) { grid-column: 1 / -1; }
.tanisma-alanlar input { font: inherit; font-size: 1rem; font-weight: 400; padding: .65rem .8rem; border: 1.5px solid rgba(0,0,0,.25); border-radius: 10px; background: #fff; color: inherit; box-sizing: border-box; width: 100%; }
.tanisma-alanlar input:focus-visible { outline: 3px solid currentColor; outline-offset: 1px; }
.tanisma-dugmeler { display: flex; flex-wrap: wrap; gap: .5rem; opacity: 1 !important; margin-top: .25rem !important; }
@media (max-width: 30rem) { .tanisma-alanlar { grid-template-columns: 1fr; } }

/* kod deneyimi (iskelet: kodDeneyimi), bütün markalarda aynı kural: telefonda kod ve okutma dili yok, düğme var */
.kd-cihazda { display: none; }
.kd-cihazda .dugme span { margin-inline-start: .4em; }
.kd-kod .kisa-adres { font-size: .9rem; text-align: center; overflow-wrap: anywhere; margin: .75rem 0 0; }
@media (max-width: 51.99rem), (hover: none) and (pointer: coarse) {
  .kod-deneyim .kd-kod, .kod-deneyim .kd-kodla { display: none; }
  .kod-deneyim .kd-cihazda { display: block; }
  .kod-deneyim { grid-template-columns: 1fr !important; }
}