/* Herkese açık sayfalar (anasayfa, KVKK, teşekkürler, hata, çevrimdışı): `temel.css`'ten sonra gelir.
   27 Eki 2026: koyu "showroom" vitrini (kullanıcı: premium showroom, koyu zemin, sarı yalnızca vurgu; taslak
   var/tasarim/showroom_taslak.html). Panel ve yönetim açık kalır (uygulama.css): koyu token'lar yalnızca bu dosyada.
   Kontrast (koyu zeminde #0b0c0e): metin #c3c8d0 11.4, soluk #8b929d 6.2, sarı 12.4 — WCAG AA. */

:root {
  color-scheme: dark;
  --zemin: #0b0c0e; --zemin-2: #121418; --zemin-3: #181b20; --beyaz: #f4f5f7;
  --metin: #c3c8d0; --soluk-renk: #8b929d; --baslik-soluk: #5d636c;
  --cizgi: rgba(255, 255, 255, .09); --cizgi-koyu: rgba(255, 255, 255, .18); --odak: var(--sari);
  /* temel.css'in genel adları (gövde, form, details) koyu zemine göre */
  --bg: var(--zemin); --ink: #e6e8ec; --panel: #15171b; --gri: var(--zemin-2); --muted: var(--soluk-renk);
  --line: rgba(255, 255, 255, .12); --err: #ff7b6e;
  --yavas: 700ms cubic-bezier(.2, .7, .2, 1);
}
body { color: var(--metin); }
.h1, .h2, .h3, .giris strong, .metin h1, .metin h2, h1, h2 { color: var(--beyaz); }
.h1 { font-size: clamp(44px, 7vw, 96px); line-height: .9; }
.h2 { line-height: .95; }
/* Başlığın ikinci yarısı soluk (açık temadaki fosforlu kalemin yerine) */
.h1 em, .h2 em { background: none; padding: 0; color: var(--baslik-soluk); }
.nokta { color: var(--sari); }
.ust-baslik { color: var(--soluk-renk); font-size: 12px; letter-spacing: .22em; }
.ust-baslik::before { width: 28px; height: 1px; background: var(--sari); }
.giris { color: var(--metin); }
.metin p, .metin li { color: var(--metin); }

/* Düğmeler: hap biçimi; ikincil saydam */
.dugme { border-radius: 999px; transition: background var(--gecis), border-color var(--gecis), transform var(--gecis); }
.dugme:hover { transform: translateY(-1px); }
.dugme .ok { transition: transform var(--gecis); }
.dugme:hover .ok { transform: translateX(3px); }
.dugme.ikincil { background: transparent; color: var(--beyaz); border-color: var(--cizgi-koyu); }
.dugme.ikincil:hover { border-color: rgba(255, 255, 255, .45); background: rgba(255, 255, 255, .04); }

/* Üst şerit: kayınca altındaki içerik bulanık görünür */
.serit { background: rgba(11, 12, 14, .78); border-bottom-color: var(--cizgi);
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); }
.logo { flex-basis: 190px; }
.mobil-menu summary { border-color: var(--cizgi-koyu); }
.mobil-menu-liste { background: #15171b; border-color: var(--cizgi-koyu); box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .8);
  --odak: var(--sari); }
.menu .mobil-menu-liste a { color: var(--beyaz); }
.menu .mobil-menu-liste a:hover { background: rgba(255, 255, 255, .06); color: var(--beyaz); }
.alt { border-top-color: var(--cizgi); color: #6b717b; }
.alt a { color: var(--soluk-renk); }

/* ———— Sahne (hero + örnek galeri, app/galeri.py; site.js "Örnek galeri") ———— */
.sahne-bolum { position: relative; isolation: isolate; padding: clamp(28px, 4vw, 56px) 0 0; overflow: hidden; }
/* Spot ışığı: sahnenin üstünden düşen geniş, nötr bir koni */
.sahne-bolum::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 55% 42% at 50% 58%, rgba(190, 200, 215, .12), transparent 70%),
    radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255, 255, 255, .045), transparent 70%); }
.hero-bas { display: grid; gap: 22px; align-items: end; }
@media (min-width: 1024px) { .hero-bas { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 48px; } }
.hero-bas .giris { margin: 0; max-width: 46ch; font-size: clamp(15px, 1.25vw, 17px); }
.hero-bas .eylemler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
@media (max-width: 480px) { .hero-bas .eylemler .dugme { flex: 1 1 auto; padding: 0 14px; } }

/* Masaüstünde sahne ilk ekrana sığsın: genişlik ekran yüksekliğine göre sınırlanır */
.sahne-cerceve { position: relative; margin: clamp(16px, 2.6vw, 32px) auto 0; width: min(100%, max(640px, (100svh - 460px) * 2)); }
.galeri-sahne { position: relative; aspect-ratio: 2 / 1;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 93%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 7%, #000 93%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 93%, transparent);
  mask-composite: intersect; }
.galeri-sahne img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.015);
  transition: opacity 520ms ease, transform 900ms cubic-bezier(.2, .7, .2, 1); }
.galeri-sahne img.gorunur { opacity: 1; transform: none; }
/* Arka planı (park yeri, ağaçlar) karartıp aracı öne çıkaran vinyet */
.galeri-sahne::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: radial-gradient(ellipse 62% 74% at 50% 58%, transparent 52%, rgba(11, 12, 14, .7) 100%); }
.zemin-isik { position: absolute; left: 12%; right: 12%; bottom: 2%; height: 18%; z-index: -1; border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255, 196, 0, .1), transparent 70%); filter: blur(10px); }
.galeri-etiket { position: absolute; z-index: 2; left: 8%; top: 12%; display: inline-flex; align-items: center; gap: 8px;
  color: var(--metin); font: 600 11px/1 var(--govde-font); letter-spacing: .16em; text-transform: uppercase; }
.galeri-etiket::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--beyaz);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .12); }
.galeri-etiket.sonuc::before { background: var(--sari); box-shadow: 0 0 0 4px rgba(255, 196, 0, .15); }

/* Seçim çubuğu: telefonda alt alta; masaüstünde sahnenin kararan alt kenarına binen cam çubuk */
.secimler { display: grid; gap: 18px; padding: 18px 0 8px; }
.galeri-grup { border: 0; margin: 0; padding: 0; min-width: 0; }
.galeri-grup legend { padding: 0; margin-bottom: 10px; color: var(--soluk-renk); font: 600 10px/1.2 var(--govde-font);
  letter-spacing: .2em; text-transform: uppercase; }
.sira { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 4px; margin: -4px; }
.sira::-webkit-scrollbar { display: none; }
.sira label { position: relative; flex: none; cursor: pointer; }
.arac-kart { display: block; }
.renk-nokta { display: block; }
.sira input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: inherit; }
.cip { display: flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--cizgi-koyu);
  color: var(--metin); font: 500 14px/1 var(--govde-font); transition: background var(--gecis), color var(--gecis), border-color var(--gecis); }
.arac-kart:hover .cip { border-color: rgba(255, 255, 255, .35); color: var(--beyaz); }
.arac-kart:has(input:checked) .cip { background: var(--beyaz); border-color: var(--beyaz); color: var(--murekkep); }
.renk-ornek { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  box-shadow: 0 0 0 1.5px transparent; transition: box-shadow var(--gecis), transform var(--gecis); }
.renk-nokta { width: 36px; height: 36px; border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, .55), transparent 42%),
    radial-gradient(circle at 60% 75%, rgba(0, 0, 0, .35), transparent 60%), var(--renk);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); }
.renk-ornek:hover { transform: scale(1.06); }
.renk-ornek:has(input:checked) { box-shadow: 0 0 0 1.5px var(--sari); }
.jant-ornek { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; }
.jant-ornek img, .jant-yedek { width: 46px; height: 46px; border-radius: 50%; object-fit: cover; background: var(--zemin-3);
  box-shadow: inset 0 0 0 1px var(--cizgi-koyu); transition: box-shadow var(--gecis), transform var(--gecis); }
.jant-yedek { border: 7px solid var(--renk); background: radial-gradient(circle, #9aa3ad 0 4px, #2b2f36 5px 8px, #6b7380 9px); }
.jant-adi { display: none; }
.jant-ornek:hover img { transform: scale(1.06); }
.jant-ornek:has(input:checked) img, .jant-ornek:has(input:checked) .jant-yedek { box-shadow: 0 0 0 2px var(--zemin), 0 0 0 3.5px var(--sari); }
.arac-kart:has(input:focus-visible), .renk-ornek:has(input:focus-visible), .jant-ornek:has(input:focus-visible) {
  outline: 2px solid var(--sari); outline-offset: 3px; border-radius: 999px; }
.renk-ornek:has(input:disabled), .jant-ornek:has(input:disabled) { opacity: .3; cursor: not-allowed; }
.renk-ornek:has(input:disabled):hover, .jant-ornek:has(input:disabled) img { transform: none; }
.galeri-once { justify-self: start; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px;
  border-radius: 999px; border: 1px solid var(--cizgi-koyu); background: transparent; color: var(--beyaz);
  font: 500 14px/1 var(--govde-font); cursor: pointer; user-select: none; -webkit-user-select: none; touch-action: none; }
.galeri-once[aria-pressed="true"] { background: var(--beyaz); color: var(--murekkep); }
.no-js .secimler, .no-js .galeri-once { display: none; }
@media (min-width: 1024px) {
  .secimler { position: relative; z-index: 3; width: max-content; max-width: 100%; margin: -24px auto 0; padding: 14px 22px;
    grid-template-columns: repeat(4, auto); align-items: center; gap: 28px; border-radius: 999px;
    background: rgba(17, 19, 23, .72); border: 1px solid var(--cizgi-koyu); box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .8);
    -webkit-backdrop-filter: blur(16px) saturate(1.2); backdrop-filter: blur(16px) saturate(1.2); }
  .galeri-grup { display: flex; align-items: center; gap: 12px; }
  .galeri-grup legend { float: left; margin: 0; }
  .secimler .sira { overflow: visible; }
}
/* 1024–1279 px: çubuk sığmıyordu (araç düğmesiyle "Boya" üst üste, 28 Eki 2026); grup adları yalnızca ekran okuyucuya,
   örnekler ve aralar küçük. */
@media (min-width: 1024px) and (max-width: 1279px) {
  .secimler { gap: 14px; padding: 10px 14px; }
  .galeri-grup { gap: 0; }
  .secimler .sira { gap: 4px; }
  .secimler .cip { padding: 0 13px; }
  .secimler .renk-ornek { width: 38px; height: 38px; }
  .secimler .renk-nokta { width: 31px; height: 31px; }
  .secimler .jant-ornek { width: 42px; height: 42px; }
  .secimler .jant-ornek img, .secimler .jant-yedek { width: 37px; height: 37px; }
  .galeri-once { padding: 0 13px; }
  .galeri-grup legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}

/* Seçim okuması: konfigüratör "spec" satırı */
.okuma { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 24px; border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi); }
.okuma div { padding: 14px 0; min-width: 0; }
.okuma div + div { padding-left: clamp(12px, 2vw, 24px); border-left: 1px solid var(--cizgi); }
.okuma > div > small { display: block; margin-bottom: 4px; color: var(--soluk-renk); font: 600 10px/1.2 var(--govde-font);
  letter-spacing: .2em; text-transform: uppercase; }
.okuma strong { display: block; color: var(--beyaz); font: 800 clamp(20px, 2.6vw, 34px)/1 var(--baslik-font); text-transform: uppercase; }
.okuma strong small { display: block; margin-top: 6px; color: var(--soluk-renk); font: 400 13px/1.3 var(--govde-font); text-transform: none; }
.galeri-eksik { min-height: 1.5em; margin: 10px 0 0; font-size: 13px; color: var(--soluk-renk); }
.galeri-not { margin: 0; padding-bottom: clamp(40px, 6vw, 72px); font-size: 13px; color: #6b717b; }
.galeri-not a { color: var(--soluk-renk); }

/* ———— Güven şeridi ———— */
.guven { border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); background: var(--zemin-2); }
.guven ul { list-style: none; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 900px) { .guven ul { grid-template-columns: repeat(4, 1fr); } }
.guven li { display: grid; gap: 4px; padding: 22px 0; }
.guven li:nth-child(even) { padding-left: 20px; border-left: 1px solid var(--cizgi); }
@media (min-width: 900px) { .guven li + li { padding-left: 24px; border-left: 1px solid var(--cizgi); } }
.guven strong { color: var(--beyaz); font: 800 22px/1 var(--baslik-font); text-transform: uppercase; letter-spacing: .01em; }
.guven span { color: var(--soluk-renk); font-size: 13px; }

/* ———— Bölümler ———— */
.bolum.vitrin { padding: clamp(80px, 11vw, 160px) 0; color: var(--metin); }
.bolum.vitrin.ust-yok { padding-top: 0; }
.bolum-bas { max-width: none; gap: 20px; margin-bottom: clamp(36px, 5vw, 72px); }
.bolum-bas p { max-width: 44ch; font-size: 16px; }
@media (min-width: 1024px) { .bolum-bas.iki { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); align-items: end; gap: 48px; } }

/* Önce / sonra (temel.css `.karsi`; site.js kaydırıcı): sarı çizgi ve tutamaç */
.fark { margin: 0; }
.fark .karsi { border-radius: clamp(14px, 2vw, 24px); background: var(--zemin-2);
  box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .9), 0 0 0 1px var(--cizgi); }
.fark .karsi img { aspect-ratio: 2 / 1; object-fit: cover; }
.fark .karsi .cizgi { background: var(--sari); box-shadow: none; }
.fark .karsi .cizgi::after { width: 52px; height: 52px; background-color: var(--sari); box-shadow: 0 10px 30px rgba(0, 0, 0, .45); }
.fark .etiket { top: clamp(12px, 2vw, 22px); padding: 7px 12px; background: rgba(11, 12, 14, .62); font-size: 11px;
  letter-spacing: .16em; text-transform: uppercase; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.fark .etiket.sol { left: clamp(12px, 2vw, 22px); }
.fark .etiket.sag { right: clamp(12px, 2vw, 22px); background: var(--sari); color: var(--murekkep); }
.fark figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; margin-top: 16px;
  font-size: 13px; color: var(--soluk-renk); }
.fark figcaption strong { color: var(--metin); font-weight: 600; }

/* Nasıl çalışır: dergi düzeni, içi boş büyük rakamlar */
.adimlar { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid var(--cizgi); }
@media (min-width: 900px) { .adimlar { grid-template-columns: repeat(3, 1fr); } }
.adimlar li { display: grid; gap: 12px; align-content: start; padding: 28px 0 32px; border-bottom: 1px solid var(--cizgi); }
@media (min-width: 900px) {
  .adimlar li { padding: 36px 32px 8px 0; border-bottom: 0; }
  .adimlar li + li { padding-left: 32px; border-left: 1px solid var(--cizgi); }
}
.adimlar .no { font: 800 clamp(64px, 7vw, 104px)/.8 var(--baslik-font); color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .28); transition: -webkit-text-stroke-color var(--gecis); }
.adimlar li:hover .no { -webkit-text-stroke-color: var(--sari); }
.adimlar .h3 { margin-top: 6px; }
.adimlar p { margin: 0; font-size: 15px; }

/* Hizmetler: dergi fihristi */
.fihrist { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi-koyu); }
.fihrist > li { border-bottom: 1px solid var(--cizgi-koyu); }
.satir { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 6px 18px; align-items: center; padding: 22px 0; }
@media (min-width: 900px) { .satir { grid-template-columns: 64px minmax(0, 5fr) minmax(0, 4fr) auto; gap: 32px; padding: 30px 0; } }
.satir .no { display: none; color: var(--soluk-renk); font: 600 12px/1 var(--govde-font); letter-spacing: .2em; }
@media (min-width: 900px) { .satir .no { display: block; } }
.satir h3 { margin: 0; color: var(--beyaz); font: 800 clamp(28px, 4.4vw, 64px)/.92 var(--baslik-font); text-transform: uppercase;
  transition: transform var(--yavas), color var(--gecis); }
.satir-metin { grid-column: 2; }
@media (min-width: 900px) { .satir-metin { grid-column: auto; } }
.satir-metin p { margin: 0; max-width: 44ch; font-size: 15px; }
.satir-metin .ozellik { margin-top: 8px; font-size: 13px; color: var(--soluk-renk); }
.satir .kucuk { grid-row: span 2; width: 120px; aspect-ratio: 2 / 1; border-radius: 8px; overflow: hidden; background: var(--zemin-3); }
.satir .kucuk img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 900px) { .satir .kucuk { display: none; } }
.satir .durum-cip { justify-self: start; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--cizgi-koyu);
  color: var(--soluk-renk); font: 600 12px/1.4 var(--govde-font); }
.satir.sonra h3 { color: var(--baslik-soluk); }
@media (hover: hover) and (min-width: 900px) {
  .fihrist:hover .satir h3 { color: var(--baslik-soluk); }
  .fihrist .satir:hover h3 { color: var(--beyaz); transform: translateX(14px); }
}
/* İmleci izleyen önizleme (site.js "Hizmet fihristi") */
.onizleme { position: fixed; z-index: 30; left: 0; top: 0; width: 400px; aspect-ratio: 2 / 1; border-radius: 14px; overflow: hidden;
  pointer-events: none; opacity: 0; transition: opacity 260ms ease; background: var(--zemin-3);
  box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .9), 0 0 0 1px var(--cizgi); }
.onizleme.acik { opacity: 1; }
.onizleme picture { position: absolute; inset: 0; opacity: 0; transition: opacity 200ms ease; }
.onizleme picture.gorunur { opacity: 1; }
.onizleme img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* İşletmenize katkısı: sayılar koddan (app/icerik.py KATKILAR) */
.katkilar { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; background: var(--cizgi); border: 1px solid var(--cizgi);
  border-radius: 20px; overflow: hidden; }
@media (min-width: 640px) { .katkilar { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .katkilar { grid-template-columns: repeat(4, 1fr); } }
/* Hazır jant kutusu varsa (beşinci kutu): geniş ekranda tek sıra beş sütun, sayı biraz küçük ("1395" sığsın); iki
   sütunlu ekranda tek kalan son kutu tam satır. */
@media (min-width: 640px) and (max-width: 1099px) { .katkilar > li:last-child:nth-child(odd) { grid-column: 1 / -1; } }
@media (min-width: 1100px) {
  .katkilar:has(> li:nth-child(5)) { grid-template-columns: repeat(5, 1fr); }
  .katkilar:has(> li:nth-child(5)) li { padding: clamp(22px, 2.2vw, 30px); }
  .katkilar:has(> li:nth-child(5)) .sayi { font-size: clamp(52px, 4.6vw, 64px); }
}
.katkilar li { display: grid; gap: 10px; align-content: start; padding: clamp(24px, 3vw, 36px); background: var(--zemin); }
.katkilar .ikon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid var(--cizgi-koyu); color: var(--sari); }
.katkilar .sayi { display: flex; align-items: baseline; gap: 8px; margin: 14px 0 0; font: 800 clamp(52px, 6vw, 76px)/1 var(--baslik-font);
  color: var(--beyaz); }
.katkilar .sayi small { font: 600 15px/1 var(--govde-font); color: var(--soluk-renk); }
.katkilar p { margin: 0; font-size: 15px; }
/* Rakam silindiri: site.js görünür olunca kurar; bitince düz metne döner. JS yoksa sayı düz görünür. */
.silindir { display: inline-flex; height: 1em; overflow: hidden; line-height: 1; }
.silindir > span { display: flex; flex-direction: column; transition: transform 1100ms cubic-bezier(.16, 1, .3, 1); }
.silindir i { font-style: normal; height: 1em; }

/* Fiyatlandırma (app/fiyatlar.py) */
.fiyatlar { display: grid; overflow: hidden; background: var(--zemin-2); border: 1px solid var(--cizgi); border-radius: 24px; }
@media (min-width: 900px) { .fiyatlar { grid-template-columns: 1fr 1fr; } }
.paket { position: relative; display: grid; gap: 18px; align-content: start; padding: clamp(28px, 4vw, 48px); }
.paket + .paket { border-top: 1px solid var(--cizgi); }
@media (min-width: 900px) { .paket + .paket { border-top: 0; border-left: 1px solid var(--cizgi); } }
.paket.one { background: radial-gradient(120% 80% at 100% 0%, rgba(255, 196, 0, .09), transparent 60%); }
.paket-ad { margin: 0; font: 600 12px/1.4 var(--govde-font); letter-spacing: .2em; text-transform: uppercase; color: var(--soluk-renk); }
.paket-fiyat { margin: 0; font: 800 clamp(44px, 5vw, 60px)/1 var(--baslik-font); text-transform: uppercase; color: var(--beyaz); }
.paket p { margin: 0; }
.paket ul { display: grid; margin: 0; padding: 0; list-style: none; }
.paket li { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); font-size: 15px; color: var(--metin); }
.paket li::before { content: "✓"; color: var(--sari); font-weight: 700; }
.paket .dugme { justify-self: stretch; }
.paket-rozet { position: absolute; top: 20px; right: 20px; padding: 5px 10px; border-radius: 999px; background: var(--sari);
  color: var(--murekkep); font: 600 12px/1.3 var(--govde-font); }
.fiyat-not { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 28px; margin: 24px 0 0; padding: 0; list-style: none;
  font-size: 14px; color: var(--soluk-renk); text-align: center; }

/* SSS */
.sss { display: grid; gap: clamp(32px, 5vw, 72px); }
@media (min-width: 1024px) { .sss { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); align-items: start; }
  .sss-bas { position: sticky; top: 100px; } }
.sss-bas p { margin: 20px 0 0; font-size: 16px; }
.sorular { border-top: 1px solid var(--cizgi-koyu); }
.sorular details { margin: 0; padding: 0; background: none; border: 0; border-bottom: 1px solid var(--cizgi-koyu); border-radius: 0; }
.sorular summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 20px;
  padding: 22px 4px; font: 600 18px/1.4 var(--govde-font); color: var(--beyaz); }
.sorular summary::-webkit-details-marker { display: none; }
.sorular summary::after { content: ""; flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--cizgi-koyu);
  background: linear-gradient(var(--beyaz), var(--beyaz)) center / 12px 1.5px no-repeat,
    linear-gradient(var(--beyaz), var(--beyaz)) center / 1.5px 12px no-repeat;
  transition: transform var(--gecis), background-color var(--gecis); }
.sorular details[open] summary::after { transform: rotate(45deg); border-color: var(--sari);
  background-image: linear-gradient(var(--sari), var(--sari)), linear-gradient(var(--sari), var(--sari)); }
.sorular details p { margin: 0; padding: 0 48px 24px 4px; color: var(--metin); }

/* Kapanış: pilot başvuru formu */
.kapanis-bolum { position: relative; isolation: isolate; overflow: hidden; border-top: 1px solid var(--cizgi); }
.kapanis-bolum::before { content: ""; position: absolute; z-index: -1; left: 50%; bottom: -380px; width: 1100px; height: 760px;
  transform: translateX(-50%); background: radial-gradient(ellipse at center, rgba(255, 196, 0, .13), transparent 62%); }
.kapanis { display: grid; gap: 40px; }
@media (min-width: 1024px) { .kapanis { grid-template-columns: 6fr 5fr; align-items: start; gap: 64px; } }
.kapanis .dev { font-size: clamp(44px, 6.6vw, 96px); line-height: .9; }
.kapanis .giris { margin-top: 24px; }
.kapanis-form { padding: clamp(20px, 3vw, 32px); border-radius: 20px; background: rgba(21, 23, 27, .8); border: 1px solid var(--cizgi-koyu); }
.kapanis-form > .soluk { margin: 0 0 4px; }
.kapanis-form .form label { color: var(--beyaz); }
.form input, .form select, .form textarea { transition: border-color var(--gecis); }
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--sari); outline: none; }
.form .onay a { color: var(--sari); }

/* Kaydırınca beliren öğeler: site.js gözlemciyi kurunca `html.hareket` ekler; betik yüklenmezse içerik hep görünür.
   Hareket azaltma istenmişse sınıf hiç eklenmez. */
.hareket .belir { opacity: 0; transform: translateY(24px); transition: opacity var(--yavas), transform var(--yavas);
  transition-delay: calc(var(--sira, 0) * 90ms); }
.hareket .belir.gorundu { opacity: 1; transform: none; }

/* Entegrasyon belgesi (/entegrasyon/tek-tikla-gecis): kod blokları ve tablolar. Kod yatayda kayar, sayfa taşmaz. */
.entegrasyon h3 { margin: 22px 0 8px; font-size: 16px; color: var(--beyaz); }
.entegrasyon code { font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--ink);
  background: var(--zemin-3); border-radius: 4px; padding: 1px 5px; overflow-wrap: anywhere; }
.entegrasyon pre { margin: 12px 0 20px; padding: 14px 16px; overflow-x: auto; background: var(--zemin-2);
  border: 1px solid var(--line); border-radius: 10px; }
.entegrasyon pre code { padding: 0; background: none; white-space: pre; overflow-wrap: normal; }
.entegrasyon .tablo-kap { margin: 12px 0 20px; }
.entegrasyon .tablo td { color: var(--metin); }
.entegrasyon .tablo td:first-child { white-space: nowrap; }
/* Telefonda tablo sıkışıp kodu harf harf bölmesin: en küçük genişlik, kap yatayda kayar */
.entegrasyon .tablo { min-width: 620px; }
.entegrasyon .tablo code { overflow-wrap: normal; }
.kontrol-listesi { list-style: none; padding-left: 0; }
.kontrol-listesi li { position: relative; padding-left: 26px; }
.kontrol-listesi li::before { content: ""; position: absolute; left: 0; top: .3em; width: 13px; height: 13px;
  border: 1.5px solid var(--soluk-renk); border-radius: 3px; }

/* Telefon */
@media (max-width: 640px) {
  .sahne-cerceve { width: calc(100% + 2 * clamp(16px, 4vw, 40px)); margin-left: calc(-1 * clamp(16px, 4vw, 40px)); }
  .galeri-sahne { -webkit-mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 90%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 90%, transparent); }
  .galeri-etiket { left: clamp(16px, 4vw, 40px); top: 8%; }
  .okuma strong { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .hareket .belir { opacity: 1; transform: none; transition: none; }
  .silindir > span, .galeri-sahne img, .renk-ornek, .jant-ornek img, .satir h3, .dugme { transition: none; }
  .galeri-sahne img { transform: none; }
  .fihrist .satir:hover h3, .dugme:hover { transform: none; }
}