/* Düzen: gece yolu. Koyu lacivert zemin, mavi eylem rengi, kehribar yalnız süre ve yakıt vurgusunda. */
:root {
  color-scheme: dark;
  --zemin: #070b14;
  --yuzey: #0f1626;
  --yuzey2: #162036;
  --cizgi: #1f2a40;
  --yazi: #eef2f8;
  --soluk: #9aa6ba;
  --mavi: #2f7bff;
  --mavi-koyu: #1a4fc0;
  --kehribar: #ffb020;
  --yesil: #2fd08a;
  --baslik: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
  --govde: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --genislik: 1120px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: var(--zemin); color: var(--yazi); font: 17px/1.6 var(--govde); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: inherit; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--mavi); outline-offset: 3px; border-radius: 4px; }
h1, h2, h3 { font-family: var(--baslik); line-height: 1.1; margin: 0; text-wrap: balance; letter-spacing: -0.02em; }
h1 { font-size: clamp(44px, 7.4vw, 88px); font-weight: 800; }
h2 { font-size: clamp(30px, 4.2vw, 46px); font-weight: 700; }
h3 { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; }
p { margin: 0; }
.ic { max-width: var(--genislik); margin: 0 auto; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); }
.bolum { padding-block: clamp(56px, 8vw, 104px); }
.bolum-bas { display: flex; flex-direction: column; gap: 14px; max-width: 640px; margin-bottom: 40px; }
.ust-etiket { font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--kehribar); }
.soluk { color: var(--soluk); }

/* Üst çubuk */
.ust { position: sticky; top: 0; z-index: 20; background: rgba(7, 11, 20, 0.82); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--cizgi); }
.ust .ic { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; }
.marka { display: flex; align-items: center; gap: 10px; text-decoration: none; font: 700 19px var(--baslik); letter-spacing: -0.01em; }
.marka i { width: 34px; height: 34px; border-radius: 9px; background: linear-gradient(160deg, #3d86ff, var(--mavi-koyu)); display: grid; place-items: center; font: 800 18px var(--baslik); font-style: normal; color: #fff; }
.gezinti { display: flex; gap: 26px; font-size: 15px; }
.gezinti a { text-decoration: none; color: var(--soluk); }
.gezinti a:hover { color: var(--yazi); }
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 12px; padding: 13px 22px; font: 600 16px var(--govde); background: var(--mavi); color: #fff; text-decoration: none; cursor: pointer; }
.dugme:hover { background: #4a8cff; }
.dugme.kucuk { padding: 9px 16px; font-size: 15px; border-radius: 10px; }
@media (max-width: 820px) { .gezinti { display: none; } }

/* Kapak */
.kapak { padding-block: clamp(36px, 6vw, 72px) clamp(48px, 7vw, 88px); }
.kapak .ic { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.kapak-yazi { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.kapak-yazi p.buyuk { font-size: clamp(18px, 2vw, 21px); color: var(--soluk); max-width: 46ch; }
.kapak h1 span { color: var(--kehribar); }
.eylemler { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.magaza { display: inline-flex; flex-direction: column; justify-content: center; border: 1px solid var(--cizgi); border-radius: 12px; padding: 7px 16px; min-height: 50px; text-decoration: none; font-weight: 600; font-size: 15px; line-height: 1.2; background: var(--yuzey); }
.magaza small { font-weight: 500; font-size: 12px; color: var(--soluk); }
.magaza[aria-disabled="true"] { cursor: default; }
.pilot-notu { font-size: 14px; color: var(--soluk); display: flex; gap: 8px; align-items: center; }
.pilot-notu::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--yesil); flex: none; }
.kapak-gorsel { position: relative; min-width: 0; }
.kapak-gorsel img { width: 100%; height: auto; aspect-ratio: 4 / 3.9; object-fit: cover; object-position: 33% center; border-radius: 28px; }
.fis { position: absolute; left: -18px; bottom: 26px; background: rgba(15, 22, 38, 0.94); border: 1px solid var(--cizgi); border-radius: 18px; padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; width: 272px; max-width: 86%; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45); font-size: 14px; }
.fis .ust-satir { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.fis b { font: 800 24px var(--baslik); letter-spacing: -0.02em; white-space: nowrap; }
.fis b small { font: 600 13px var(--govde); color: var(--soluk); margin-left: 3px; }
.sayac { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--kehribar); background: rgba(255, 176, 32, 0.14); border-radius: 999px; padding: 3px 10px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sayac::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.guzergah { font-weight: 600; font-size: 16px; }
@media (max-width: 860px) {
  .kapak .ic { grid-template-columns: 1fr; }
  .kapak-gorsel img { aspect-ratio: 16 / 11; }
  .fis { position: relative; left: 0; bottom: 0; margin: -34px 12px 0; width: auto; max-width: none; }
}

/* Üç söz */
.sozler { border-block: 1px solid var(--cizgi); background: var(--yuzey); }
.sozler .ic { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0; }
.soz { padding: 26px 24px 26px 0; display: flex; flex-direction: column; gap: 4px; }
.soz b { font: 700 22px var(--baslik); letter-spacing: -0.01em; }
.soz span { color: var(--soluk); font-size: 15px; }

/* Adımlar */
.adimlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; counter-reset: adim; list-style: none; margin: 0; padding: 0; }
.adimlar li { counter-increment: adim; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 10px; }
.adimlar li::before { content: counter(adim); font: 800 44px var(--baslik); color: var(--mavi); line-height: 1; letter-spacing: -0.03em; }
.adimlar p { color: var(--soluk); font-size: 15.5px; }

/* Uygulama bölümü */
.uygulama .ic { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: clamp(32px, 6vw, 80px); align-items: center; }
.telefon { width: 300px; max-width: 100%; border: 9px solid #17171a; border-radius: 46px; background: #000; padding: 44px 14px 22px; display: flex; flex-direction: column; gap: 12px; font: 15px/1.3 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", var(--govde); box-shadow: 0 0 0 1.5px #34343a, 0 30px 60px rgba(0, 0, 0, 0.5); position: relative; justify-self: center; }
.telefon::before { content: ""; position: absolute; top: 10px; left: 50%; width: 92px; height: 26px; margin-left: -46px; border-radius: 16px; background: #000; box-shadow: 0 0 0 1px #161618; }
.telefon .t-bas { font-size: 30px; font-weight: 700; letter-spacing: -0.5px; display: flex; justify-content: space-between; align-items: flex-end; }
.telefon .t-bas span { font-size: 12px; font-weight: 600; color: #30d158; background: rgba(48, 209, 88, 0.16); border-radius: 999px; padding: 3px 9px; letter-spacing: 0; margin-bottom: 5px; }
.t-kart { background: #1c1c1e; border-radius: 18px; padding: 14px; display: flex; flex-direction: column; gap: 9px; }
.t-kart .satir { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.t-kart .tutar { font-size: 20px; font-weight: 700; }
.t-kart .tutar small { font-size: 12px; color: #98989f; font-weight: 600; margin-left: 2px; }
.t-kapsul { font-size: 12px; font-weight: 600; border-radius: 999px; padding: 3px 9px; color: #ff9f0a; background: rgba(255, 159, 10, 0.16); }
.t-kapsul.y { color: #30d158; background: rgba(48, 209, 88, 0.16); }
.t-yol { font-weight: 600; font-size: 16px; }
.t-alt { font-size: 13px; color: #98989f; }
.madde-liste { display: flex; flex-direction: column; gap: 18px; margin: 28px 0 0; padding: 0; list-style: none; }
.madde-liste li { display: grid; grid-template-columns: 12px 1fr; gap: 14px; align-items: baseline; }
.madde-liste li::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--mavi); transform: translateY(1px); }
.madde-liste b { display: block; font-weight: 600; }
.madde-liste span { color: var(--soluk); font-size: 15.5px; }
@media (max-width: 760px) { .uygulama .ic { grid-template-columns: 1fr; } }

/* Kurallar */
.kurallar { background: var(--yuzey); border-block: 1px solid var(--cizgi); }
.kural-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 0; border: 1px solid var(--cizgi); border-radius: 20px; overflow: hidden; }
.kural { padding: 26px; display: flex; flex-direction: column; gap: 10px; background: var(--zemin); box-shadow: 0 0 0 0.5px var(--cizgi); }
.kural .rakam { font: 800 34px var(--baslik); color: var(--kehribar); letter-spacing: -0.02em; line-height: 1; }
.kural p { color: var(--soluk); font-size: 15.5px; }

/* Yakıt çizgisi */
.cizgi-akis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
.cizgi-akis li { position: relative; padding: 34px 20px 0 0; display: flex; flex-direction: column; gap: 6px; }
.cizgi-akis li::before { content: ""; position: absolute; top: 9px; left: 0; right: 0; height: 2px; background: var(--cizgi); }
.cizgi-akis li::after { content: ""; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; border-radius: 50%; background: var(--zemin); border: 3px solid var(--mavi); }
.cizgi-akis li:last-child::after { background: var(--yesil); border-color: var(--yesil); }
.cizgi-akis .ne-zaman { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--kehribar); }
.cizgi-akis p { color: var(--soluk); font-size: 15.5px; }
.dipnot { margin-top: 28px; color: var(--soluk); font-size: 15px; max-width: 70ch; }
@media (max-width: 720px) {
  .cizgi-akis { grid-template-columns: 1fr; }
  .cizgi-akis li { padding: 0 0 28px 34px; }
  .cizgi-akis li::before { top: 0; bottom: 0; left: 7px; right: auto; width: 2px; height: auto; }
  .cizgi-akis li::after { top: 2px; }
}

/* Belgeler */
.belge-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.belge-kutu { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 14px; }
.belge-kutu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 9px; }
.belge-kutu li { display: flex; gap: 10px; align-items: baseline; font-size: 16px; }
.belge-kutu li::before { content: "✓"; color: var(--yesil); font-weight: 700; flex: none; }
.belge-kutu.yok li::before { content: "–"; color: var(--soluk); }
.belge-kutu li small { color: var(--soluk); font-size: 14px; }

/* Sorular */
.sorular { max-width: 780px; display: flex; flex-direction: column; }
details { border-bottom: 1px solid var(--cizgi); }
summary { cursor: pointer; list-style: none; padding: 20px 36px 20px 0; font: 600 18px var(--govde); position: relative; }
summary::-webkit-details-marker { display: none; }
summary::after { content: "+"; position: absolute; right: 4px; top: 16px; font-size: 24px; font-weight: 400; color: var(--soluk); }
details[open] summary::after { content: "–"; }
details p { padding: 0 0 22px; color: var(--soluk); max-width: 66ch; }

/* Ön başvuru */
.basvuru { background: linear-gradient(170deg, #102045, #0a1226 70%); border-block: 1px solid var(--cizgi); }
.basvuru .ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: clamp(28px, 5vw, 64px); align-items: start; }
.basvuru form { background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 14px; }
.alan { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--soluk); }
.alan input, .alan select { font: 16px var(--govde); color: var(--yazi); background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 10px; padding: 12px 14px; width: 100%; }
.basvuru form .dugme { width: 100%; }
#basvuru-sonuc { font-size: 14.5px; color: var(--kehribar); }
.kucuk-not { font-size: 13.5px; color: var(--soluk); }
.onay-kutusu { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.45; color: var(--soluk); cursor: pointer; }
.onay-kutusu input { width: 18px; height: 18px; margin-top: 1px; flex: none; accent-color: var(--mavi, #2f7bff); }
.onay-kutusu a { color: inherit; text-decoration: underline; }
#basvuru-sonuc.basarili { color: var(--yazi); }
.basvuru form .dugme:disabled { opacity: 0.55; cursor: default; }
@media (max-width: 800px) { .basvuru .ic { grid-template-columns: 1fr; } }

/* Alt */
.alt { padding-block: 36px 48px; font-size: 14.5px; color: var(--soluk); }
.alt .ic { display: flex; flex-wrap: wrap; gap: 14px 28px; justify-content: space-between; align-items: center; }
.alt nav { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.alt a { text-decoration: none; }
.alt a:hover { color: var(--yazi); }

/* Yazı sayfaları (gizlilik, şartlar, destek) */
.yazi-sayfa { max-width: 760px; margin: 0 auto; padding-block: 56px 80px; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); display: flex; flex-direction: column; gap: 20px; }
.yazi-sayfa h1 { font-size: clamp(34px, 5vw, 52px); }
.yazi-sayfa h2 { font-size: 24px; margin-top: 14px; }
.yazi-sayfa p, .yazi-sayfa li { color: var(--soluk); }
.yazi-sayfa ol, .yazi-sayfa ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 6px; }
.taslak-uyari { border: 1px dashed var(--kehribar); color: var(--kehribar); border-radius: 12px; padding: 12px 16px; font-size: 15px; }

/* Askılı havalimanı kartları (ray + şerit + bagaj etiketi) */
.ray-sahne { overflow-x: auto; overflow-y: hidden; padding-bottom: 26px; scrollbar-width: none; scroll-snap-type: x proximity; }
.ray-sahne::-webkit-scrollbar { display: none; }
.ray-dizi { position: relative; display: flex; justify-content: center; gap: 16px; width: max-content; min-width: 100%; padding: 0 28px; }
.ray-dizi::before { content: ""; position: absolute; left: 0; right: 0; top: 14px; height: 9px; border-radius: 5px; background: linear-gradient(to bottom, #6f7c93 0%, #e9eef6 22%, #9aa6ba 45%, #5b6880 70%, #2c364a 100%); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.45); }
.aski { position: relative; flex: none; width: 124px; padding-top: 12px; scroll-snap-align: center; --ton: #5b6b8c; color: var(--ton); }
.aski.pilot { --ton: var(--mavi); }
.aski .halka { position: absolute; left: 50%; top: 8px; width: 11px; height: 22px; margin-left: -5.5px; border-radius: 6px; border: 2.4px solid #c6cedb; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); z-index: 2; }
.sallan { display: flex; flex-direction: column; align-items: center; transform-origin: 50% 12px; transform: rotate(var(--aci, 0deg)); will-change: transform; }
.serit { width: 11px; height: calc(46px + var(--sark, 0px)); margin-top: 12px; background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0 1px, transparent 1px 3px), linear-gradient(90deg, color-mix(in oklab, currentColor 66%, black), currentColor 20%, color-mix(in oklab, currentColor 84%, white) 50%, currentColor 80%, color-mix(in oklab, currentColor 64%, black)); box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.35); }
.toka { width: 30px; height: 14px; margin-top: -1px; clip-path: polygon(24% 0, 76% 0, 100% 72%, 94% 100%, 6% 100%, 0 72%); background: linear-gradient(180deg, #8d99ad, #586378); position: relative; z-index: 2; }
.kart { position: relative; width: 124px; height: 192px; margin-top: -5px; padding: 0; border: 0; background: none; cursor: pointer; font: 11.2px/1.3 var(--govde); color: #121826; perspective: 900px; text-align: center; border-radius: 0.85em; }
.kart::before { content: ""; position: absolute; inset: 8px -2px -10px 8px; border-radius: 10px; background: rgba(0, 0, 0, 0.55); filter: blur(9px); }
.cevir { position: absolute; inset: 0; display: block; transform-style: preserve-3d; transform: rotateY(var(--ry, 0deg)) rotateZ(var(--rz, 0deg)); transition: transform 0.75s cubic-bezier(0.3, 1.35, 0.5, 1); }
.aski:hover .cevir, .kart:focus-visible .cevir { transform: rotateY(0deg) rotateZ(0deg) translateY(-5px); }
.kart[aria-pressed="true"] .cevir { transform: rotateY(180deg) scale(1.08); }
.aski.acik { z-index: 5; }
.yuz { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; overflow: hidden; border-radius: 0.85em; background: #f3f5f9; border: 1px solid #cfd6e2; backface-visibility: hidden; -webkit-backface-visibility: hidden; padding: 0 0.8em 0.7em; }
.yuz.arka { transform: rotateY(180deg); align-items: stretch; text-align: left; padding-top: 2.7em; gap: 0.5em; }
.bant { position: absolute; left: 0; right: 0; top: 0; height: 6.3em; background: repeating-linear-gradient(135deg, transparent 0 0.45em, rgba(255, 255, 255, 0.12) 0.45em 0.56em), linear-gradient(180deg, color-mix(in oklab, var(--ton) 80%, white), var(--ton) 72%, color-mix(in oklab, var(--ton) 82%, black)); }
.yuz.arka .bant { height: 2.15em; }
.delik { position: absolute; left: 50%; top: 0.72em; width: 2.7em; height: 0.56em; margin-left: -1.35em; border-radius: 1em; background: var(--zemin); box-shadow: inset 0 0.09em 0.2em rgba(0, 0, 0, 0.6); }
.kod { position: relative; margin-top: 0.58em; font: 800 3.5em/1 var(--baslik); letter-spacing: 0.02em; color: #fff; text-shadow: 0 0.04em 0.1em rgba(0, 0, 0, 0.35); }
.kart .ad { margin-top: 1.5em; font-size: 1.06em; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; }
.kart .sehir { margin-top: 0.3em; font-size: 0.62em; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #5a6478; }
.durum-cip { margin-top: 0.75em; font-size: 0.66em; font-weight: 600; border-radius: 1em; padding: 0.22em 0.8em; background: #dde3ee; color: #414b60; align-self: center; }
.aski.pilot .durum-cip { background: #d8f5e6; color: #0d6b41; }
.barkod { margin-top: auto; width: 100%; border-top: 1px dashed #b9c2d2; padding-top: 0.5em; }
.barkod svg { display: block; width: 100%; height: 1.6em; }
.barkod span { display: block; margin-top: 0.25em; font: 500 0.52em ui-monospace, Menlo, monospace; letter-spacing: 0.32em; color: #5a6478; }
.yuz.arka b { font-size: 0.98em; line-height: 1.2; }
.yuz.arka .aciklama { font-size: 0.76em; line-height: 1.4; color: #2c3547; }
.yuz.arka .durum-cip { align-self: flex-start; margin-top: auto; }
.yuz.arka .kucuk-kod { position: absolute; right: 0.8em; bottom: 0.6em; font: 800 1.5em var(--baslik); color: #c3cad8; }
.ray-alt { text-align: center; color: var(--soluk); font-size: 15px; min-height: 1.6em; margin-top: 4px; }
@media (prefers-reduced-motion: reduce) { .cevir { transition: none; } }

/* ================= Havalı sürüm: sinema kapağı, tahta, gösterge, hareket ================= */
body::after { content: ""; position: fixed; inset: 0; z-index: 60; pointer-events: none; opacity: 0.06; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"); }

/* Sinema kapağı */
.kapak.sinema { position: relative; padding: 0; overflow: hidden; isolation: isolate; }
.kapak-arka { display: block; width: 100%; height: auto; aspect-ratio: 16 / 11; object-fit: cover; object-position: 80% center; -webkit-mask-image: linear-gradient(#000 52%, transparent); mask-image: linear-gradient(#000 52%, transparent); }
.kapak.sinema .ic { display: block; position: relative; margin-top: -76px; padding-bottom: 44px; }
.kapak.sinema h1 { font-size: clamp(44px, 7vw, 90px); line-height: 1; }
.kapak.sinema h1 .kelime { color: var(--yazi); display: inline-block; }
.kapak.sinema h1 .kelime.sari { color: var(--kehribar); text-shadow: 0 0 60px rgba(255, 176, 32, 0.35); }
.kapak.sinema .fis { position: static; margin: 26px 0 0; width: auto; max-width: 340px; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); background: rgba(12, 18, 32, 0.72); }
@media (min-width: 861px) {
  .kapak.sinema { min-height: min(90vh, 880px); display: flex; align-items: center; }
  .kapak-arka { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-position: center 62%; -webkit-mask-image: none; mask-image: none; z-index: -2; }
  .kapak-perde { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7, 11, 20, 0.9) 0%, rgba(7, 11, 20, 0.55) 36%, rgba(7, 11, 20, 0) 60%), linear-gradient(0deg, var(--zemin) 0%, rgba(7, 11, 20, 0) 30%), linear-gradient(180deg, rgba(7, 11, 20, 0.6) 0%, rgba(7, 11, 20, 0) 22%); }
  .kapak.sinema .ic { margin-top: 0; padding-block: 104px 120px; width: 100%; }
  .kapak.sinema .kapak-yazi { max-width: 620px; }
  .kapak.sinema .fis { position: absolute; left: auto; right: 20px; bottom: 64px; margin: 0; width: 292px; max-width: none; }
  html.js .kapak-arka { animation: yaklas 16s ease-out both; }
}
@keyframes yaklas { from { transform: scale(1.09); } to { transform: scale(1); } }
@keyframes yuksel { from { opacity: 0; transform: translateY(0.45em) rotate(3deg); } to { opacity: 1; transform: none; } }
html.js .kapak.sinema h1 .kelime { animation: yuksel 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) both; animation-delay: calc(var(--i) * 110ms + 150ms); }
.ust { transition: background 0.3s; }

/* Havalimanı tahtası */
.tahta-bolum { padding-block: clamp(40px, 6vw, 72px) 0; }
.tahta { background: #04060b; border: 1px solid #1a2233; border-radius: 22px; padding: 18px 22px 12px; font-family: "JetBrains Mono", ui-monospace, Menlo, monospace; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05); }
.tahta-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 12px; }
.tahta-ad { font: 800 22px var(--baslik); letter-spacing: -0.01em; }
.tahta-not { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--soluk); }
.tahta-not i { width: 8px; height: 8px; border-radius: 50%; background: var(--kehribar); box-shadow: 0 0 10px var(--kehribar); animation: yanson 1.6s ease-in-out infinite; }
@keyframes yanson { 50% { opacity: 0.25; } }
.tahta-satir { display: grid; grid-template-columns: 96px minmax(0, 1fr) minmax(0, 1fr) 132px 118px; gap: 6px; padding: 5px 0; perspective: 600px; }
.tahta-bas { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: #5f6c84; padding-bottom: 8px; }
.tahta-bas span { padding: 0 10px; }
.hucre { display: block; background: linear-gradient(180deg, #121826 0%, #0c111c 49%, #05070c 50%, #0e1420 51%, #0b1019 100%); border-radius: 6px; padding: 9px 10px; font-size: clamp(13px, 1.5vw, 17px); font-weight: 700; letter-spacing: 0.06em; color: #e9edf5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transform-origin: 50% 50%; transition: transform 0.17s ease-in; backface-visibility: hidden; }
.hucre.sari { color: #ffc24a; }
.hucre.don { transform: rotateX(90deg); }
.sag { text-align: right; }
.tahta-alt { margin-top: 14px; font-size: 14px; color: var(--soluk); }
@media (max-width: 720px) {
  .tahta { padding: 14px 12px 8px; border-radius: 18px; }
  .tahta-satir { grid-template-columns: 62px minmax(0, 1fr) minmax(0, 1fr) 80px; gap: 4px; }
  .tahta-satir .genis { display: none; }
  .hucre { padding: 8px 6px; letter-spacing: 0; font-size: 12.5px; }
  .tahta-bas span { padding: 0 7px; }
}

/* Yakıt göstergesi */
.yakit-duzen { display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.gosterge { position: relative; background: radial-gradient(closest-side at 50% 78%, rgba(255, 176, 32, 0.14), transparent), var(--yuzey); border: 1px solid var(--cizgi); border-radius: 28px; padding: 22px 22px 18px; }
.gosterge svg { display: block; width: 100%; height: auto; }
.gosterge .dolgu { stroke-dasharray: 100; stroke-dashoffset: calc(100 - var(--dolu, 100)); transition: stroke-dashoffset 1.1s cubic-bezier(0.3, 1.2, 0.5, 1); filter: drop-shadow(0 0 8px rgba(255, 176, 32, 0.5)); }
.gosterge .ibre { transform-box: view-box; transform-origin: 120px 130px; transform: rotate(calc(-90deg + var(--dolu, 100) * 1.8deg)); transition: transform 1.1s cubic-bezier(0.3, 1.5, 0.5, 1); }
.gosterge-yazi { display: flex; flex-direction: column; align-items: center; gap: 2px; margin-top: -4px; }
.gosterge-yazi b { font: 800 34px var(--baslik); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.gosterge-yazi span { font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--kehribar); }
.cizgi-akis li { transition: opacity 0.5s; }
html.js .cizgi-akis.sirali li { opacity: 0.38; }
html.js .cizgi-akis.sirali li.yanik { opacity: 1; }
.cizgi-akis li.yanik::after { box-shadow: 0 0 0 6px rgba(47, 123, 255, 0.18); }
@media (max-width: 860px) { .yakit-duzen { grid-template-columns: 1fr; } .gosterge { max-width: 340px; } }

/* Kaydırınca giriş */
html.js .gir { opacity: 0; transform: translateY(26px); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); transition-delay: var(--gecikme, 0ms); }
html.js .gir.gorundu { opacity: 1; transform: none; }

/* Telefon eğimi, kart ve bölüm parlamaları */
@media (min-width: 761px) { .uygulama .telefon { transform: perspective(1100px) rotateY(var(--ty, 10deg)) rotateX(var(--tx, 2deg)); transition: transform 0.25s ease-out; } }
.adimlar li { transition: transform 0.3s, border-color 0.3s, background 0.3s; }
.adimlar li:hover { transform: translateY(-6px); border-color: #34508a; background: var(--yuzey2); }
.kural { transition: background 0.3s; }
.kural:hover { background: #0b1222; }
.kural .rakam { text-shadow: 0 0 40px rgba(255, 176, 32, 0.3); font-variant-numeric: tabular-nums; }
.basvuru { background: radial-gradient(620px 320px at 78% 0%, rgba(255, 176, 32, 0.16), transparent 70%), radial-gradient(520px 300px at 10% 100%, rgba(47, 123, 255, 0.22), transparent 70%), linear-gradient(170deg, #102045, #0a1226 70%); }
.dugme { transition: transform 0.2s, box-shadow 0.2s, background 0.2s; box-shadow: 0 8px 24px rgba(47, 123, 255, 0.28); }
.dugme:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(47, 123, 255, 0.42); }

@media (prefers-reduced-motion: reduce) {
  html.js .gir { opacity: 1; transform: none; transition: none; }
  html.js .kapak-arka, html.js .kapak.sinema h1 .kelime, .tahta-not i { animation: none; }
  .hucre, .gosterge .dolgu, .gosterge .ibre, .dugme, .adimlar li { transition: none; }
  html.js .cizgi-akis.sirali li { opacity: 1; }
  .uygulama .telefon { transform: none; }
}