/* =====================================================================
   maliofis.tr · Yeni site taslağı · Ortak tasarım sistemi
   Marka: Lacivert #0B1D3A · Okyanus #0891B2 · Altın #E8A838
   Yazı: DM Serif Display (başlık) · Plus Jakarta Sans (arayüz) · JetBrains Mono (kod)
         Yerel woff2 dosyaları ortak/fonts/ klasöründe (@font-face aşağıda); sayfalar Google Fonts'a istek göndermez.
         DM Serif Display'in italik dosyası yok: <em> vurguları tarayıcının eğdiği (sentetik) italikle çizilir.
   ---------------------------------------------------------------------
   BİLEŞENLER
   Yerleşim    .kap  .bolum(.beyaz | .koyu | .sik)  .bolum-baslik(.orta)  .bolum-baslik-satir
               .ust-baslik  .giris-metni  .soluk  .mono  .gline
               .vurgu (italik okyanus vurgu)  .nw (satır sonunda bölünmesin: "e-imza" gibi)
   Izgara      .izgara + .iz-2 | .iz-3 | .iz-4 | .iz-5   (dar ekranda tek sütuna iner)
   Düğme       .btn + .btn-birincil | .btn-altin | .btn-cizgi | .btn-cizgi-acik | .btn-beyaz | .btn-wa | .btn-hayalet
               boyut: .btn-kucuk | .btn-buyuk      grup: .dugmeler
   Kart        .kart (.kart-cizgi üstte gradyan çizgi)  .kart-ikon(.altin|.lacivert|.yesil|.mor|.acik|.kucuk)
               .kart-alt (kart altı)  .kart-baglanti (oklu bağlantı)
   Etiket      .etiket(.dolu|.altin|.lacivert|.yesil|.gri|.kirmizi|.amber)  .etiketler  .cip  .rozet
               Durum etiketleri: "Yeni" → .etiket.dolu · "Yakında" → .etiket.altin · "Geliştirilmektedir" → .etiket.amber (noktalı)
   Fiyat       .fiyat > b (₺ tutar) + span ("'den başlayan") + small ("KDV dahil")   (örnek fiyat yok; bkz. ortak/fiyatlar.js)
               .fiyat-notu(.acik) > span > .ik   (fiyat kaynağı ve müşavir fiyatı notu; .acik koyu zemin için)
               ortak/fiyatlar.js: kutu [data-fiyat-durum="yok|sabit|canli"], ek [data-fiyat-ek], not [data-fiyat-not]
   Liste       ul.tikli (onay işaretli liste)
   Sayfa başı  .sayfa-basi > .izgara-zemin + .kap > .yol (kırıntı) + h1 + .giris-metni + .dugmeler + .guven-satiri
               .sayfa-basi-izgara (metin + görsel iki sütun)   .parlak-rozet   .ustune-bin (sayfa başına biner)
   Sekmeler    .sekmeler > .kap > a(.aktif)   (yapışkan alt menü)
   Adımlar     ol.adimlar > li > .adim-no + div      .adimlar-yatay > div > .adim-no
   Tablo       .tablo-kap > table.tablo  (td.sayi sağa yaslı)
   SSS         .sss > details > summary + p
   Form        .form  .alan > label + .girdi (input | select | textarea)  .alan-satir (yan yana)
               .onay (onay kutusu)  .onaylar (KVKK + ayrı ticari ileti onayı alt alta)  .segment > button(.aktif)  .secim-cipleri > label(.secili)
   Bağlantı    ortak/baglanti.js üretir: .form-uyari (Türkçe denetim iletisi) · .form-yedek (telefon + WhatsApp seçeneği)
               .form-sonuc > .fs-ikon + .fs-metin (.fs-baslik, .fs-onay çift onay iletisi, .fs-no talep numarası)
               hatalı alan: [aria-invalid="true"] · canlı fiyat: [data-fiyat-canli] (çip gizlenir)
   Not         .not(.altin | .yesil) > .ik + div
   Çağrı       .cagri (lacivert, ışıltılı CTA bandı)
   Rakamlar    .rakamlar > .rakam > b + span
   Pencere     .pencere > .pencere-ust (i i i span) + .pencere-govde   (ekran çizimleri için)
   Yasal metin .sayfa-basi.yasal-bas + .yasal-meta (son güncelleme, sürüm)   .taslak-bandi (hukukçu kontrolü uyarısı)
               .yasal-duzen > .yasal-yan (details.icindekiler > summary + ol > li > a[href="#…"]) + article.yasal-metin
               .yasal-metin > section[id] > h2 (span.no) · p · ul/ol · h3 · .tablo-kap · .not · dl.kimlik-liste · .kisaca (özet)
               mark.yer ([UNVAN] gibi doldurulacak alan) · mark.kontrol ([HUKUKÇU KONTROLÜ], [DOĞRULANMALI])
               .metin-kutu (kopyalanacak örnek metin) + button[data-kopyala="#kutu-kimligi"]   .ilgili-metinler > a.kart
               ortak.js: içindekilerde görünen bölüm .aktif olur, dar ekranda liste kapalı açılır; data-kopyala panoya kopyalar
   Nokta       .nokta(.yesil | .sari | .kirmizi)
   Simge       <i class="ik" data-i="fatura"></i>  → ortak.js SVG ile doldurur (ad listesi ortak.js'te)
   Üst/alt     <div id="ust-alan"></div> ... <div id="alt-alan"></div>  → ortak.js doldurur
               <body data-sayfa="edonusum | eimza | yazilim | musavir | destek | kurumsal">
   Aşama       <html data-asama="1|2|3"> (ortak/asama.js)  [data-asama-min="2|3"] · [data-asama-max="1|2"]
               [data-sahip="…"]: işletme sahibinin bilgisi gelene kadar her aşamada gizli (ör. açık adres, mesai saatleri)
   İletişim    .iletisim-karti(.yatay | .koyu-zemin) > .ilt-bas (.kart-ikon + h3 + p) + .ilt-dugmeler > a.ilt-dugme(.wa)
               Aşama 1'de formların yerine: Arayın (tel:) · WhatsApp (wa.me) · E-posta (mailto:)
   Durum       <span class="uyg-durum(.koyu | .hap)" data-uyg="musteri"></span> → ortak.js erişilebilirlik denetimiyle
               Denetleniyor / Çevrimiçi / Erişilemiyor yazar (kodlar ortak.js UYGULAMALAR listesinde)
   ===================================================================== */

/* ---------- Yazı tipleri (yerel) ----------
   Kaynak: sahibin kendi projelerindeki dosyalar (MaliMuhasebe istemci/fonts, CariTakip renderer/fonts; ikisi aynı).
   Plus Jakarta Sans ve JetBrains Mono değişken yazı tipidir: tek dosya bütün ağırlıkları verir. Her aile iki parçadır:
   latin (U+0000-00FF, Türkçe ı dahil) ve latin-ext (ğ, ş, İ, ₺ …); unicode-range dosyaların gerçek kapsamıyla eşleşir. */
@font-face { font-family: "DM Serif Display"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/DMSerifDisplay-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "DM Serif Display"; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/DMSerifDisplay-latin.woff2) format("woff2"); 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: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url(fonts/PlusJakartaSans-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url(fonts/PlusJakartaSans-latin.woff2) format("woff2"); 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: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap; src: url(fonts/JetBrainsMono-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 100 800; font-display: swap; src: url(fonts/JetBrainsMono-latin.woff2) format("woff2"); 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 {
  --font-brand: "DM Serif Display", Georgia, serif;
  --font-ui: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;

  --navy: #0B1D3A; --navy-2: #122B52; --navy-3: #1A3A6B; --ink: #060A12;
  --cyan: #0891B2; --cyan-deep: #0E7490; --cyan-light: #22D3EE; --cyan-pale: #67E8F9; --cyan-50: #ECFEFF; --cyan-100: #CFFAFE;
  --gold: #E8A838; --gold-light: #F4C76B; --gold-deep: #D97706; --gold-50: #FFF7E6;
  --green: #10B981; --green-deep: #047857; --green-50: #ECFDF5;
  --red: #EF4444; --red-deep: #B91C1C; --red-50: #FEF2F2;
  --amber: #F59E0B;
  --violet: #7C3AED; --violet-50: #F5F3FF;
  --bg: #F5F7FA;
  --g50: #F8FAFC; --g100: #F1F5F9; --g200: #E2E8F0; --g300: #CBD5E1; --g400: #94A3B8;
  --g500: #64748B; --g600: #475569; --g700: #334155; --g800: #1E293B;

  --golge-k: 0 1px 2px rgba(11,29,58,.06), 0 2px 8px rgba(11,29,58,.04);
  --golge: 0 1px 2px rgba(11,29,58,.05), 0 10px 30px rgba(11,29,58,.07);
  --golge-b: 0 4px 8px rgba(11,29,58,.08), 0 24px 48px rgba(11,29,58,.14);
  --r: 18px; --r-k: 12px;
  --kap: 1240px;
  --nav-h: 76px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--navy); font-family: var(--font-ui); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 { font-family: var(--font-brand); font-weight: 400; letter-spacing: -.015em; margin: 0; line-height: 1.15; text-wrap: balance; }
h5, h6 { margin: 0; }
p, ul, ol { margin: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: rgba(8,145,178,.2); }
[hidden] { display: none !important; }

/* ---------- Yayın aşaması (ortak/asama.js) ----------
   <html data-asama> yoksa (betik çalışmadıysa) sayfa Aşama 1 gibi görünür: Aşama 2 ve 3 öğeleri baştan gizlidir,
   sayfa açılırken gizli içerik bir an görünüp kaybolmaz. [data-sahip] öğeleri işletme sahibinin bilgisi gelene kadar gizlidir. */
html:not([data-asama="2"]):not([data-asama="3"]) [data-asama-min="2"],
html:not([data-asama="3"]) [data-asama-min="3"],
html[data-asama="2"] [data-asama-max="1"],
html[data-asama="3"] [data-asama-max="1"],
html[data-asama="3"] [data-asama-max="2"],
[data-sahip] { display: none !important; }

/* ---------- Yerleşim ---------- */
.kap { width: 100%; max-width: var(--kap); margin: 0 auto; padding: 0 28px; }
.bolum { padding: 96px 0; }
.bolum.sik { padding: 60px 0; }
.bolum.beyaz { background: #fff; border-top: 1px solid var(--g200); border-bottom: 1px solid var(--g200); }
.bolum.koyu { position: relative; overflow: hidden; color: #fff; background: radial-gradient(700px 420px at 100% 0%, rgba(34,211,238,.22), transparent 60%), radial-gradient(600px 400px at 0% 100%, rgba(232,168,56,.14), transparent 60%), linear-gradient(155deg, var(--navy), var(--navy-2) 60%, #0E3F66); }
.bolum-baslik { max-width: 700px; margin-bottom: 48px; }
.bolum-baslik.orta { margin-left: auto; margin-right: auto; text-align: center; }
.bolum-baslik h2 { font-size: clamp(2rem, 3.6vw, 2.85rem); line-height: 1.12; letter-spacing: -.02em; }
.bolum-baslik h2 em, .vurgu { font-style: italic; color: var(--cyan); }
.bolum.koyu .bolum-baslik h2 em { color: var(--cyan-pale); }
.bolum-baslik p { margin-top: 16px; font-size: 1.1rem; line-height: 1.75; color: var(--g700); max-width: 64ch; }
.bolum-baslik.orta p { margin-left: auto; margin-right: auto; }
.bolum.koyu .bolum-baslik p { color: rgba(255,255,255,.82); }
.bolum-baslik-satir { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 44px; }
.bolum-baslik-satir .bolum-baslik { margin-bottom: 0; }
.ust-baslik { display: inline-flex; align-items: center; gap: 10px; font-size: .76rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--cyan-deep); margin-bottom: 14px; }
.ust-baslik::before { content: ""; width: 20px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--cyan), var(--gold)); }
.bolum.koyu .ust-baslik, .sayfa-basi .ust-baslik { color: var(--cyan-pale); }
.giris-metni { font-size: 1.14rem; line-height: 1.75; color: var(--g700); }
.soluk { color: var(--g600); }
.mono { font-family: var(--font-mono); }
.nw { white-space: nowrap; }
.gline { height: 4px; background: linear-gradient(90deg, var(--cyan), var(--gold)); }
.ustune-bin { position: relative; z-index: 3; margin-top: -60px; }
@media (max-width: 860px) { .bolum-baslik-satir { flex-direction: column; align-items: flex-start; } }
@media (max-width: 640px) { .kap { padding: 0 16px; } .bolum { padding: 64px 0; } .bolum.sik { padding: 44px 0; } .bolum-baslik { margin-bottom: 32px; } }

/* ---------- Izgara ---------- */
.izgara { display: grid; gap: 22px; }
.iz-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.iz-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.iz-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.iz-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1080px) { .iz-3, .iz-4, .iz-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .iz-2, .iz-3, .iz-4, .iz-5 { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Simge ---------- */
.ik { display: inline-grid; place-items: center; width: 20px; height: 20px; flex: none; font-style: normal; line-height: 0; }
.ik svg { width: 100%; height: 100%; }

/* ---------- Düğmeler ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 12px; font-weight: 700; font-size: .94rem; line-height: 1; border: 1.5px solid transparent; cursor: pointer; white-space: nowrap; transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease; }
.btn:hover { transform: translateY(-1px); }
.btn .ik { width: 18px; height: 18px; }
.btn-birincil { background: linear-gradient(135deg, #0EADD0, var(--cyan-deep)); color: #fff; box-shadow: 0 8px 18px rgba(8,145,178,.32); }
.btn-birincil:hover { background: var(--cyan-deep); }
.btn-altin { background: linear-gradient(135deg, var(--gold-light), var(--gold)); color: var(--navy); box-shadow: 0 8px 18px rgba(232,168,56,.3); }
.btn-cizgi { background: #fff; color: var(--navy); border-color: var(--g300); }
.btn-cizgi:hover { border-color: var(--cyan); color: var(--cyan-deep); }
.btn-cizgi-acik { background: rgba(255,255,255,.04); color: #fff; border-color: rgba(255,255,255,.34); }
.btn-cizgi-acik:hover { border-color: var(--cyan-pale); color: var(--cyan-pale); }
.btn-beyaz { background: #fff; color: var(--navy); box-shadow: 0 8px 18px rgba(3,10,25,.2); }
.btn-hayalet { background: transparent; color: var(--g700); }
.btn-hayalet:hover { background: var(--g100); }
.btn-wa { background: #1FAF55; color: #fff; box-shadow: 0 8px 18px rgba(31,175,85,.3); }
.btn-kucuk { height: 36px; padding: 0 14px; font-size: .85rem; border-radius: 10px; }
.btn-kucuk .ik { width: 16px; height: 16px; }
.btn-buyuk { height: 54px; padding: 0 26px; font-size: 1rem; border-radius: 14px; }
.btn-tam { width: 100%; }
.dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

/* ---------- Kart ---------- */
.kart { position: relative; background: #fff; border: 1px solid var(--g200); border-radius: var(--r); box-shadow: var(--golge); padding: 26px; display: flex; flex-direction: column; gap: 14px; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
a.kart:hover { transform: translateY(-4px); box-shadow: var(--golge-b); border-color: rgba(8,145,178,.35); }
.kart-cizgi::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, var(--cyan-light), var(--cyan), var(--gold)); }
.kart h3 { font-size: 1.42rem; letter-spacing: -.01em; }
.kart p { color: var(--g700); font-size: .98rem; line-height: 1.7; }
.kart-ikon { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--cyan-light), var(--cyan)); box-shadow: 0 8px 18px rgba(8,145,178,.35); flex: none; }
.kart-ikon .ik { width: 26px; height: 26px; }
.kart-ikon.altin { background: linear-gradient(135deg, var(--gold-light), var(--gold-deep)); box-shadow: 0 8px 18px rgba(232,168,56,.32); }
.kart-ikon.lacivert { background: linear-gradient(135deg, var(--navy-3), var(--navy)); box-shadow: 0 8px 18px rgba(11,29,58,.3); }
.kart-ikon.yesil { background: linear-gradient(135deg, #34D399, var(--green-deep)); box-shadow: 0 8px 18px rgba(16,185,129,.3); }
.kart-ikon.mor { background: linear-gradient(135deg, #A78BFA, var(--violet)); box-shadow: 0 8px 18px rgba(124,58,237,.28); }
.kart-ikon.acik { background: var(--cyan-50); color: var(--cyan-deep); box-shadow: none; }
.kart-ikon.kucuk { width: 42px; height: 42px; border-radius: 12px; }
.kart-ikon.kucuk .ik { width: 21px; height: 21px; }
.kart-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.kart-alt { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--g200); display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: .88rem; color: var(--g600); }
.kart-baglanti { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--cyan-deep); font-size: .92rem; }   /* beyaz üstünde 5,4:1 (--cyan 3,7:1 kalıyordu) */
.kart-baglanti .ik { width: 17px; height: 17px; transition: transform .2s ease; }
a.kart:hover .kart-baglanti .ik, a.kart-baglanti:hover .ik { transform: translateX(3px); }

/* ---------- Etiket, çip, rozet ---------- */
.etiket { display: inline-flex; align-items: center; gap: 6px; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; border-radius: 7px; padding: 4px 9px; background: var(--cyan-50); color: var(--cyan-deep); white-space: nowrap; line-height: 1.4; }
.etiket.dolu { background: var(--cyan); color: #fff; }
.etiket.altin { background: var(--gold-50); color: #92400E; }
.etiket.lacivert { background: var(--navy); color: #fff; }
.etiket.yesil { background: var(--green-50); color: var(--green-deep); }
.etiket.gri { background: var(--g100); color: var(--g600); }
.etiket.kirmizi { background: var(--red-50); color: var(--red-deep); }
.etiket.amber { background: #FEF3C7; color: #92400E; box-shadow: inset 0 0 0 1px rgba(245,158,11,.4); }
.etiket.amber::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 3px rgba(245,158,11,.22); flex: none; }
.etiketler { display: flex; flex-wrap: wrap; gap: 6px; }

/* ---------- Fiyat ---------- */
.fiyat { display: inline-flex; flex-wrap: wrap; align-items: baseline; line-height: 1.15; }
.fiyat > b { font-size: 1.75rem; font-weight: 800; letter-spacing: -.03em; color: var(--navy); font-variant-numeric: tabular-nums; }
.fiyat > span { margin-left: 1px; font-size: .88rem; font-weight: 700; color: var(--g700); }
.fiyat > small { flex-basis: 100%; margin-top: 3px; font-size: .75rem; font-weight: 600; color: var(--g500); }
/* Fiyat kutusunun durumu (ortak/fiyatlar.js): yok = tutar yerine "Fiyat için arayın"; ekler ("'den başlayan", "KDV dahil") gizlenir */
[data-fiyat-durum="yok"] [data-fiyat-ek] { display: none; }
[data-fiyat-durum="yok"] .fiyat > b { font-size: 1.32rem !important; letter-spacing: -.015em; }
[data-fiyat-durum="yok"] .fiyat > small { margin-top: 5px; }
.fiyat-notu { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; font-size: .84rem; color: var(--g600); line-height: 1.5; }
.fiyat-notu > span { display: inline-flex; align-items: center; gap: 8px; }
.fiyat-notu .ik { width: 16px; height: 16px; color: var(--cyan-deep); }
.fiyat-notu b { color: var(--navy); font-weight: 700; }
.fiyat-notu a { color: var(--cyan-deep); font-weight: 700; }
.fiyat-notu.acik { color: rgba(255,255,255,.76); }
.fiyat-notu.acik .ik { color: var(--gold-light); }
.fiyat-notu.acik b, .fiyat-notu.acik a { color: #fff; }
.cip { display: inline-flex; align-items: center; gap: 8px; font-size: .85rem; font-weight: 600; color: var(--navy); border: 1px solid var(--g200); background: #fff; border-radius: 999px; padding: 7px 14px; }
.cip .ik { width: 16px; height: 16px; color: var(--cyan); }
.rozet { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 999px; font-size: .72rem; font-weight: 800; background: var(--gold); color: var(--navy); }

/* ---------- Onaylı liste ---------- */
ul.tikli { list-style: none; padding: 0; display: grid; gap: 10px; }
ul.tikli li { position: relative; padding-left: 30px; color: var(--g700); font-size: .97rem; line-height: 1.6; }
ul.tikli li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--cyan-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E7490' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat; }
.bolum.koyu ul.tikli li, .sayfa-basi ul.tikli li { color: rgba(255,255,255,.86); }
.bolum.koyu ul.tikli li::before, .sayfa-basi ul.tikli li::before { background-color: rgba(34,211,238,.18); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2367E8F9' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }

/* ---------- Durum noktası ---------- */
.nokta { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--g400); box-shadow: 0 0 0 3px rgba(148,163,184,.22); flex: none; }
.nokta.yesil { background: var(--green); box-shadow: 0 0 0 3px rgba(16,185,129,.24); }
.nokta.sari { background: var(--amber); box-shadow: 0 0 0 3px rgba(245,158,11,.24); }
.nokta.kirmizi { background: var(--red); box-shadow: 0 0 0 3px rgba(239,68,68,.24); }

/* ---------- Sayfa başı (iç sayfalar) ---------- */
.sayfa-basi { position: relative; overflow: hidden; color: #fff; background: linear-gradient(150deg, var(--navy) 0%, var(--navy-2) 55%, #0E4F7A 100%); padding: 34px 0 96px; }
.sayfa-basi::before { content: ""; position: absolute; top: -170px; right: -160px; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(34,211,238,.38), transparent 70%); }
.sayfa-basi::after { content: ""; position: absolute; bottom: -260px; left: -140px; width: 540px; height: 540px; border-radius: 50%; background: radial-gradient(circle, rgba(232,168,56,.2), transparent 70%); }
.izgara-zemin { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 40px 40px; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 92%); mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 92%); pointer-events: none; }
.sayfa-basi > .kap { position: relative; z-index: 1; }
.yol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .84rem; color: rgba(255,255,255,.62); margin-bottom: 30px; }
.yol a:hover { color: var(--cyan-pale); }
.yol .ay { opacity: .45; }
.yol b { color: #fff; font-weight: 600; }
.sayfa-basi h1 { font-size: clamp(2.4rem, 5vw, 3.7rem); line-height: 1.04; letter-spacing: -.03em; }
.sayfa-basi h1 em { font-style: italic; color: var(--cyan-pale); }
.sayfa-basi .giris-metni { color: rgba(255,255,255,.86); margin-top: 18px; max-width: 620px; }
.sayfa-basi-izgara { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.parlak-rozet { display: inline-flex; align-items: center; gap: 9px; background: rgba(34,211,238,.14); border: 1px solid rgba(34,211,238,.45); border-radius: 100px; padding: 7px 16px; font-size: .72rem; font-weight: 700; color: var(--cyan-pale); letter-spacing: .14em; text-transform: uppercase; margin-bottom: 22px; }
.parlak-rozet i { width: 6px; height: 6px; border-radius: 50%; background: var(--cyan-light); box-shadow: 0 0 10px var(--cyan-light); }
.guven-satiri { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 26px; font-size: .9rem; color: rgba(255,255,255,.82); }
.guven-satiri span { display: inline-flex; align-items: center; gap: 8px; }
.guven-satiri .ik { width: 18px; height: 18px; color: var(--cyan-pale); }
.sayfa-basi-izgara > * { min-width: 0; }
@media (max-width: 1080px) { .sayfa-basi-izgara { grid-template-columns: minmax(0, 1fr); gap: 36px; } }

/* ---------- Sekmeler (yapışkan alt menü) ---------- */
.sekmeler { position: sticky; top: var(--nav-h); z-index: 40; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--g200); }
.sekmeler .kap { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.sekmeler a { display: inline-flex; align-items: center; gap: 8px; padding: 17px 14px 15px; font-size: .92rem; font-weight: 600; color: var(--g600); border-bottom: 2.5px solid transparent; white-space: nowrap; }
.sekmeler a .ik { width: 17px; height: 17px; }
.sekmeler a:hover { color: var(--navy); }
.sekmeler a.aktif { color: var(--cyan-deep); border-color: var(--cyan); }

/* ---------- Adımlar ---------- */
ol.adimlar { list-style: none; padding: 0; display: grid; }
ol.adimlar li { display: grid; grid-template-columns: 56px 1fr; gap: 20px; position: relative; padding-bottom: 30px; }
ol.adimlar li:last-child { padding-bottom: 0; }
ol.adimlar li:not(:last-child)::before { content: ""; position: absolute; left: 27px; top: 60px; bottom: 4px; width: 2px; border-radius: 2px; background: linear-gradient(var(--cyan), rgba(8,145,178,.1)); }
.adim-no { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; font-family: var(--font-brand); font-size: 1.5rem; color: #fff; background: linear-gradient(135deg, var(--cyan-light), var(--cyan)); box-shadow: 0 8px 18px rgba(8,145,178,.3); }
ol.adimlar h3 { font-size: 1.28rem; margin: 5px 0 6px; }
ol.adimlar p { color: var(--g700); line-height: 1.7; }
.adimlar-yatay { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.adimlar-yatay > div { position: relative; background: #fff; border: 1px solid var(--g200); border-radius: var(--r); padding: 26px; box-shadow: var(--golge); }
.adimlar-yatay .adim-no { margin-bottom: 20px; }
.adimlar-yatay h3 { font-size: 1.28rem; margin-bottom: 8px; }
.adimlar-yatay p { color: var(--g700); font-size: .96rem; line-height: 1.7; }
@media (max-width: 1080px) { .adimlar-yatay { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .adimlar-yatay { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Tablo ---------- */
.tablo-kap { background: #fff; border: 1px solid var(--g200); border-radius: var(--r); box-shadow: var(--golge); overflow: hidden; }
.tablo-kaydir { position: relative; overflow-x: auto; }
/* Yana kayan tablonun üstündeki ipucu (ortak.js › kaydirmaIpucu; yalnız tablo taşıyorsa görünür) */
.kaydir-ipucu { display: flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: .8rem; font-weight: 600; color: var(--cyan-deep); background: var(--cyan-50); border-bottom: 1px solid var(--g200); }
.kaydir-ipucu .ik, .kaydir-ipucu svg { width: 14px; height: 14px; flex: none; }
.kaydir-ipucu[hidden] { display: none; }
.gorunmez { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
table.tablo { width: 100%; border-collapse: collapse; font-size: .95rem; }
table.tablo th, table.tablo td { padding: 15px 20px; text-align: left; border-bottom: 1px solid var(--g200); vertical-align: middle; }
table.tablo thead th { background: var(--g50); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--g600); font-weight: 800; white-space: nowrap; }
table.tablo tbody tr:last-child td { border-bottom: 0; }
table.tablo tbody tr:hover td { background: var(--g50); }
table.tablo .sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
table.tablo td b { font-weight: 700; }
table.tablo small { display: block; color: var(--g500); font-size: .8rem; }

/* ---------- SSS ---------- */
.sss { display: grid; gap: 12px; }
.sss details { background: #fff; border: 1px solid var(--g200); border-radius: 14px; padding: 0 22px; box-shadow: var(--golge-k); }
.sss details[open] { border-color: rgba(8,145,178,.35); box-shadow: var(--golge); }
.sss summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 19px 0; font-weight: 700; font-size: 1.03rem; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; flex: none; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--g100); color: var(--cyan-deep); font-size: 1.25rem; font-weight: 600; line-height: 1; }
.sss details[open] summary::after { content: "−"; background: var(--cyan); color: #fff; }
.sss details p { padding: 0 0 20px; color: var(--g700); line-height: 1.75; max-width: 70ch; }
.sss details p a { color: var(--cyan-deep); font-weight: 700; }

/* ---------- Form ---------- */
.form { display: grid; gap: 16px; }
.alan { display: grid; gap: 7px; }
.alan > label, .alan > .etiket-metin { font-size: .86rem; font-weight: 700; color: var(--g700); }
.alan .ipucu { font-size: .8rem; color: var(--g500); }
.alan-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.girdi { width: 100%; height: 48px; padding: 0 14px; border: 1.5px solid var(--g300); border-radius: 12px; background: #fff; font-size: .97rem; color: var(--navy); outline: none; transition: border-color .15s, box-shadow .15s; }
.girdi::placeholder { color: var(--g400); }
textarea.girdi { height: auto; min-height: 110px; padding: 12px 14px; resize: vertical; line-height: 1.6; }
select.girdi { appearance: none; -webkit-appearance: none; padding-right: 42px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat; }
.girdi:focus, .girdi.odak { border-color: var(--cyan); box-shadow: 0 0 0 4px rgba(8,145,178,.14); }
.girdi-grup { position: relative; }
.girdi-grup .girdi { padding-left: 38px; }
.girdi-grup .on-ek { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--g500); font-weight: 700; }
.onay { display: flex; gap: 10px; align-items: flex-start; font-size: .86rem; color: var(--g600); line-height: 1.55; }
.onay input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--cyan); flex: none; }
.onay a { color: var(--cyan-deep); font-weight: 600; }
.onaylar { display: grid; gap: 10px; }
.onaylar .onay + .onay { padding-top: 10px; border-top: 1px dashed var(--g200); }
.segment { display: inline-flex; background: var(--g100); border: 1px solid var(--g200); border-radius: 12px; padding: 4px; gap: 4px; flex-wrap: wrap; }
.segment button { border: 0; background: transparent; padding: 9px 16px; border-radius: 9px; font-weight: 700; font-size: .88rem; color: var(--g600); cursor: pointer; }
.segment button.aktif { background: #fff; color: var(--navy); box-shadow: 0 1px 2px rgba(11,29,58,.1), 0 2px 6px rgba(11,29,58,.06); }
.secim-cipleri { display: flex; flex-wrap: wrap; gap: 8px; }
.secim-cipleri label { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1.5px solid var(--g300); border-radius: 999px; font-size: .87rem; font-weight: 600; cursor: pointer; background: #fff; color: var(--g700); }
.secim-cipleri label.secili { border-color: var(--cyan); background: var(--cyan-50); color: var(--cyan-deep); }
.secim-cipleri input { display: none; }
@media (max-width: 560px) { .alan-satir { grid-template-columns: 1fr; } }

/* ---------- Form bağlantısı (ortak/baglanti.js) ---------- */
.btn[disabled] { opacity: .72; cursor: progress; transform: none; }
.girdi[aria-invalid="true"] { border-color: var(--red); box-shadow: 0 0 0 4px rgba(239,68,68,.12); }
.onay input[aria-invalid="true"], .kanal input[aria-invalid="true"] { outline: 2px solid var(--red); outline-offset: 2px; }
.form-uyari { grid-column: 1 / -1; display: flex; gap: 10px; align-items: flex-start; padding: 11px 14px; border-radius: 12px; background: var(--red-50); border: 1px solid rgba(239,68,68,.3); color: var(--red-deep); font-size: .88rem; font-weight: 600; line-height: 1.5; }
.form-uyari .ik { width: 18px; height: 18px; margin-top: 1px; }
.form-uyari a { color: inherit; font-weight: 800; text-decoration: underline; white-space: nowrap; }
.form-yedek { grid-column: 1 / -1; display: grid; gap: 4px; padding: 14px 16px; border-radius: 14px; background: var(--gold-50); border: 1px solid rgba(232,168,56,.5); color: var(--g800); font-size: .9rem; line-height: 1.55; }
.form-yedek b { color: var(--navy); }
.fy-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.form-sonuc { align-self: start; display: flex; gap: 16px; align-items: flex-start; padding: 22px 24px; border-radius: var(--r); background: #fff; border: 1px solid rgba(16,185,129,.4); box-shadow: var(--golge); color: var(--navy); text-align: left; }
.form-sonuc:focus { outline: none; }
.fs-ikon { width: 46px; height: 46px; flex: none; border-radius: 14px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #34D399, var(--green-deep)); box-shadow: 0 8px 18px rgba(16,185,129,.3); }
.fs-ikon .ik { width: 24px; height: 24px; }
.fs-ikon .ik svg { stroke-width: 2.6; }
.fs-metin { min-width: 0; }
.fs-baslik { display: block; font-family: var(--font-brand); font-weight: 400; font-size: 1.45rem; line-height: 1.2; color: var(--navy); }
.form-sonuc p { margin-top: 6px; color: var(--g700); font-size: .95rem; line-height: 1.6; }
.form-sonuc .fs-no { margin-top: 12px; font-weight: 600; }
.fs-no .mono { display: inline-block; margin-left: 4px; padding: 2px 9px; border-radius: 8px; background: var(--g100); border: 1px solid var(--g200); color: var(--navy); font-size: .98rem; font-weight: 500; }
.form-sonuc .fs-onay { display: flex; gap: 10px; align-items: flex-start; margin-top: 12px; padding: 11px 13px; border-radius: 12px; background: var(--gold-50); border: 1px solid rgba(232,168,56,.5); color: #7C2D12; font-weight: 700; }
.fs-onay .ik { width: 18px; height: 18px; margin-top: 2px; color: var(--gold-deep); }
.form-sonuc .fs-kucuk { font-size: .82rem; color: var(--g500); }
.bolum.koyu .form-sonuc { box-shadow: 0 30px 60px rgba(2,8,20,.35); }
@media (max-width: 560px) { .form-sonuc { padding: 18px; gap: 12px; } .fs-ikon { width: 40px; height: 40px; } }

/* ---------- Not kutusu ---------- */
.not { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 14px; background: rgba(8,145,178,.07); border: 1px solid rgba(8,145,178,.24); color: var(--g800); font-size: .95rem; line-height: 1.65; }
.not > .ik { color: var(--cyan-deep); width: 22px; height: 22px; margin-top: 1px; }
.not.altin { background: rgba(232,168,56,.11); border-color: rgba(232,168,56,.42); }
.not.altin > .ik { color: var(--gold-deep); }
.not.yesil { background: var(--green-50); border-color: rgba(16,185,129,.3); }
.not.yesil > .ik { color: var(--green-deep); }
.not b { color: var(--navy); }

/* ---------- İletişim kartı (Aşama 1'de formların yerine) ---------- */
.iletisim-karti { display: grid; gap: 18px; align-content: start; padding: 28px; border-radius: var(--r); background: #fff; border: 1px solid var(--g200); box-shadow: var(--golge); color: var(--navy); text-align: left; }
.ilt-bas { display: flex; gap: 14px; align-items: flex-start; }
.ilt-bas .kart-ikon { width: 48px; height: 48px; border-radius: 14px; }
.ilt-bas .kart-ikon .ik { width: 24px; height: 24px; }
.ilt-bas h3 { font-size: 1.5rem; line-height: 1.2; }
.ilt-bas p { margin-top: 6px; color: var(--g700); font-size: .95rem; line-height: 1.6; }
.ilt-dugmeler { display: grid; gap: 10px; }
.ilt-dugme { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 11px 14px; border-radius: 14px; border: 1px solid var(--g200); background: var(--g50); font-weight: 700; font-size: .98rem; line-height: 1.3; color: var(--navy); transition: border-color .15s, background .15s, transform .15s; }
.ilt-dugme:hover { border-color: rgba(8,145,178,.45); background: #fff; transform: translateY(-1px); }
.ilt-dugme > .ik { width: 40px; height: 40px; padding: 10px; border-radius: 11px; background: var(--cyan-50); color: var(--cyan-deep); }
.ilt-dugme.wa > .ik { background: var(--green-50); color: #15803D; }
.ilt-dugme > span { min-width: 0; overflow-wrap: anywhere; }
.ilt-dugme small { display: block; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--g500); }
.iletisim-karti.yatay .ilt-dugmeler { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.iletisim-karti.kucuk { padding: 20px; gap: 14px; }
.iletisim-karti.kucuk .ilt-bas h3 { font-size: 1.22rem; }
.iletisim-karti.kucuk .ilt-bas .kart-ikon { width: 42px; height: 42px; border-radius: 12px; }
.iletisim-karti.kucuk .ilt-bas .kart-ikon .ik { width: 21px; height: 21px; }
.bolum.koyu .iletisim-karti { border: 0; box-shadow: 0 30px 60px rgba(2,8,20,.35); }
@media (max-width: 860px) { .iletisim-karti.yatay .ilt-dugmeler { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 560px) { .iletisim-karti { padding: 20px; } .ilt-bas h3 { font-size: 1.3rem; } }

/* ---------- Uygulama durumu (ortak.js erişilebilirlik denetimi) ---------- */
.uyg-durum { display: inline-flex; align-items: center; gap: 7px; font-size: .78rem; font-weight: 700; line-height: 1.3; color: var(--g600); white-space: nowrap; }
.uyg-durum:empty { display: none; }
.uyg-durum.bekliyor .nokta { animation: nabiz 1.2s ease-in-out infinite; }
.uyg-durum.acik { color: var(--green-deep); }
.uyg-durum.kapali { color: var(--red-deep); }
.uyg-durum.koyu { color: rgba(255,255,255,.72); }
.uyg-durum.koyu.acik { color: #6EE7B7; }
.uyg-durum.koyu.kapali { color: #FCA5A5; }
.uyg-durum.hap { padding: 5px 12px 5px 10px; border-radius: 999px; background: var(--g100); }
.uyg-durum.hap.acik { background: var(--green-50); }
.uyg-durum.hap.kapali { background: var(--red-50); }
@keyframes nabiz { 50% { opacity: .35; } }

/* ---------- Çağrı bandı ---------- */
.cagri { position: relative; overflow: hidden; border-radius: 28px; color: #fff; padding: 56px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; align-items: center; box-shadow: var(--golge-b); background: radial-gradient(520px 320px at 92% 0%, rgba(34,211,238,.36), transparent 62%), radial-gradient(440px 280px at 0% 100%, rgba(232,168,56,.22), transparent 62%), linear-gradient(150deg, var(--navy), var(--navy-2)); }
.cagri h2 { font-size: clamp(1.9rem, 3.2vw, 2.6rem); line-height: 1.12; }
.cagri h2 em { font-style: italic; color: var(--cyan-pale); }
.cagri p { color: rgba(255,255,255,.84); margin-top: 12px; font-size: 1.06rem; line-height: 1.7; }
.cagri .dugmeler { justify-content: flex-end; margin-top: 0; }
@media (max-width: 860px) { .cagri { grid-template-columns: 1fr; padding: 36px 24px; } .cagri .dugmeler { justify-content: flex-start; } }

/* ---------- Rakamlar ---------- */
.rakamlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rakam { padding: 6px 28px; border-left: 1px solid rgba(255,255,255,.14); }
.rakam:first-child { border-left: 0; padding-left: 0; }
.rakam b { display: block; font-family: var(--font-brand); font-weight: 400; font-size: 3.3rem; line-height: 1; color: var(--gold-light); }
.rakam span { display: block; margin-top: 10px; color: rgba(255,255,255,.84); font-size: .98rem; line-height: 1.5; }
@media (max-width: 860px) { .rakamlar { grid-template-columns: repeat(2, 1fr); row-gap: 28px; } .rakam:nth-child(3) { border-left: 0; padding-left: 0; } }

/* ---------- Pencere (ekran çizimi çerçevesi) ---------- */
.pencere { background: #fff; border-radius: 16px; border: 1px solid var(--g200); box-shadow: var(--golge-b); overflow: hidden; color: var(--navy); }
.pencere-ust { height: 38px; display: flex; align-items: center; gap: 7px; padding: 0 14px; background: var(--g50); border-bottom: 1px solid var(--g200); }
.pencere-ust > i { width: 10px; height: 10px; border-radius: 50%; background: #F87171; }
.pencere-ust > i:nth-child(2) { background: #FBBF24; }
.pencere-ust > i:nth-child(3) { background: #34D399; }
.pencere-ust > span { margin-left: 12px; font-family: var(--font-mono); font-size: .72rem; color: var(--g500); background: #fff; border: 1px solid var(--g200); border-radius: 7px; padding: 3px 10px; }
.pencere-govde { padding: 18px; }

/* =====================================================================
   YASAL METİNLER (KVKK aydınlatma, ticari ileti onayı, çerez politikası, müşavir bilgilendirme örneği)
   ===================================================================== */
.yasal-bas { padding-bottom: 104px; }
.yasal-bas h1 { font-size: clamp(2.2rem, 4.3vw, 3.25rem); line-height: 1.08; max-width: 32ch; }
.yasal-bas .giris-metni { max-width: 700px; }
.yasal-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.yasal-meta > span { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 10px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); font-size: .84rem; color: rgba(255,255,255,.8); white-space: nowrap; }
.yasal-meta > span b { color: #fff; font-weight: 700; }
.yasal-meta .ik { width: 16px; height: 16px; color: var(--cyan-pale); }

.taslak-bandi { display: flex; gap: 16px; align-items: flex-start; padding: 18px 22px; border-radius: 18px; background: #FFFBEB; border: 1.5px dashed rgba(217,119,6,.6); box-shadow: var(--golge); color: #7C2D12; }
.taslak-bandi > .ik { width: 28px; height: 28px; padding: 5px; border-radius: 9px; background: #FEF3C7; color: var(--gold-deep); flex: none; }
.taslak-bandi b { display: block; font-size: 1.04rem; line-height: 1.4; color: #92400E; }
.taslak-bandi p { margin-top: 4px; font-size: .9rem; line-height: 1.6; }
.taslak-bandi mark { font-size: .8em; }

.yasal-govde { padding-top: 56px; }
.yasal-duzen { display: grid; grid-template-columns: 272px minmax(0, 1fr); gap: 64px; align-items: start; }
.yasal-yan { position: sticky; top: calc(var(--nav-h) + 24px); display: grid; gap: 14px; max-height: calc(100vh - var(--nav-h) - 48px); overflow-y: auto; scrollbar-width: thin; }
.icindekiler { background: #fff; border: 1px solid var(--g200); border-radius: 16px; box-shadow: var(--golge-k); padding: 6px 8px 10px; }
.icindekiler > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 10px 8px; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--g500); cursor: pointer; }
.icindekiler > summary::-webkit-details-marker { display: none; }
.icindekiler > summary .ik { width: 16px; height: 16px; transition: transform .2s; }
.icindekiler[open] > summary .ik { transform: rotate(180deg); }
.icindekiler ol { list-style: none; padding: 0; margin: 0; display: grid; gap: 1px; }
.icindekiler a { display: flex; gap: 8px; padding: 7px 10px; border-radius: 9px; font-size: .86rem; font-weight: 600; line-height: 1.4; color: var(--g700); }
.icindekiler a:hover { background: var(--g50); color: var(--navy); }
.icindekiler a.aktif { background: var(--cyan-50); color: var(--cyan-deep); }
.icindekiler a .no { flex: none; min-width: 1.7em; font-family: var(--font-mono); font-size: .76rem; font-weight: 500; color: var(--g400); padding-top: 1px; }
.icindekiler a.aktif .no { color: var(--cyan); }
.yasal-yan-kart { padding: 16px 18px; border-radius: 16px; background: var(--g50); border: 1px dashed var(--g300); font-size: .84rem; line-height: 1.55; color: var(--g600); }
.yasal-yan-kart b { display: block; color: var(--navy); font-size: .9rem; margin-bottom: 4px; }
.yasal-yan-kart a { color: var(--cyan-deep); font-weight: 700; }

.yasal-metin { max-width: 736px; font-size: 1.02rem; line-height: 1.8; color: var(--g800); overflow-wrap: break-word; }
.yasal-metin > section { scroll-margin-top: calc(var(--nav-h) + 24px); }
.yasal-metin > section + section { margin-top: 44px; padding-top: 40px; border-top: 1px solid var(--g200); }
.yasal-metin h2 { font-size: clamp(1.6rem, 2.4vw, 1.95rem); line-height: 1.2; }
.yasal-metin h2 .no { color: var(--cyan); margin-right: 6px; }
.yasal-metin h3 { font-family: var(--font-ui); font-size: 1.06rem; font-weight: 800; letter-spacing: -.005em; line-height: 1.4; color: var(--navy); margin-top: 26px; }
.yasal-metin p { margin-top: 14px; }
.yasal-metin h2 + p, .yasal-metin h3 + p { margin-top: 10px; }
.yasal-metin ul, .yasal-metin ol { margin-top: 12px; padding-left: 1.35em; display: grid; gap: 8px; }
.yasal-metin li::marker { color: var(--cyan); font-weight: 700; }
.yasal-metin b, .yasal-metin strong { color: var(--navy); font-weight: 700; }
.yasal-metin a { color: var(--cyan-deep); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(8,145,178,.35); text-underline-offset: 3px; }
.yasal-metin a:hover { text-decoration-color: var(--cyan); }
.yasal-metin a.btn { text-decoration: none; }
.yasal-metin .tablo-kap { margin-top: 18px; box-shadow: var(--golge-k); }
.yasal-metin table.tablo { font-size: .9rem; line-height: 1.6; }
.yasal-metin table.tablo th, .yasal-metin table.tablo td { padding: 12px 16px; vertical-align: top; }
.yasal-metin table.tablo thead th { white-space: normal; }
.yasal-metin table.tablo td:first-child { font-weight: 700; color: var(--navy); }
.yasal-metin table.tablo td small { display: block; margin-top: 4px; font-weight: 500; }
.yasal-metin .not { margin-top: 18px; font-size: .94rem; }
.yasal-metin .not p { margin-top: 6px; }
.yasal-metin .not p:first-child { margin-top: 0; }
.kimlik-liste { margin: 16px 0 0; display: grid; border: 1px solid var(--g200); border-radius: 14px; background: #fff; overflow: hidden; }
.kimlik-liste > div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 14px; padding: 11px 16px; border-top: 1px solid var(--g100); font-size: .95rem; }
.kimlik-liste > div:first-child { border-top: 0; }
.kimlik-liste dt { color: var(--g600); font-weight: 600; }
.kimlik-liste dd { margin: 0; color: var(--navy); font-weight: 600; }
.kisaca { position: relative; overflow: hidden; margin-bottom: 44px; padding: 24px 26px 22px; border-radius: 18px; background: #fff; border: 1px solid var(--g200); box-shadow: var(--golge); }
.kisaca::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, var(--cyan-light), var(--cyan), var(--gold)); }
.kisaca h2 { font-size: 1.45rem; }
.kisaca ul.tikli { margin-top: 14px; padding-left: 0; gap: 10px; }
.kisaca ul.tikli li { font-size: .96rem; }
mark.yer, mark.kontrol { display: inline; padding: 1px 6px; border-radius: 6px; font-family: var(--font-mono); font-size: .8em; font-weight: 600; letter-spacing: 0; line-height: 1.5; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
mark.yer { background: #FEF3C7; color: #92400E; border: 1px dashed rgba(217,119,6,.6); }
mark.kontrol { background: var(--violet-50); color: var(--violet); border: 1px dashed rgba(124,58,237,.45); }
.metin-kutu { margin-top: 16px; padding: 20px 22px; border-radius: 14px; background: var(--g50); border: 1px solid var(--g200); border-left: 4px solid var(--cyan); font-size: .98rem; line-height: 1.75; color: var(--g800); }
.metin-kutu p:first-child { margin-top: 0; }
.metin-kutu b { color: var(--navy); }
.kopyala-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 12px; font-size: .84rem; color: var(--g500); }
.ilgili-metinler { margin-top: 18px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ilgili-metinler .kart { padding: 18px 20px; gap: 6px; }
.ilgili-metinler .kart b { font-size: 1rem; color: var(--navy); }
.ilgili-metinler .kart span { font-size: .86rem; color: var(--g600); line-height: 1.5; }
.yasal-metin .ilgili-metinler a.kart { text-decoration: none; font-weight: 400; }
@media (max-width: 1080px) {
  .yasal-duzen { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .yasal-yan { position: static; max-height: none; overflow: visible; }
  .yasal-yan-kart { display: none; }
  .yasal-metin { max-width: none; }
}
@media (max-width: 640px) {
  .yasal-govde { padding-top: 36px; }
  .taslak-bandi { padding: 16px; gap: 12px; }
  .yasal-metin { font-size: .98rem; line-height: 1.75; }
  .yasal-metin table.tablo th, .yasal-metin table.tablo td { padding: 10px 12px; }
  .kimlik-liste > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .kisaca { padding: 20px 18px; }
  .ilgili-metinler { grid-template-columns: minmax(0, 1fr); }
  .yasal-meta > span { white-space: normal; }
}

/* =====================================================================
   ÜST ALAN (ortak.js üretir)
   ===================================================================== */
.ust-serit { background: var(--navy); color: rgba(255,255,255,.8); font-size: .8rem; }
.ust-serit .kap { display: flex; justify-content: space-between; align-items: center; min-height: 38px; gap: 20px; }
.ust-serit .grup { display: flex; align-items: center; gap: 22px; }
.ust-serit a, .ust-serit span { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.84); white-space: nowrap; }
.ust-serit a:hover { color: var(--cyan-pale); }
.ust-serit .ik { width: 14px; height: 14px; color: var(--cyan-pale); }
.ust-serit .sistem-durumu.bekliyor .nokta { animation: nabiz 1.2s ease-in-out infinite; }
/* Denetim yapılmayan sayfalarda üst şeritteki "Sistem durumu" düz bağlantıdır (nokta yok) */
.ust-serit .sistem-durumu.notr .nokta { display: none; }
@media (max-width: 1180px) { .ust-serit .gizle-dar { display: none; } }
/* Çok dar telefonda (≤374 px) durum yazısı sığmazsa sonu "…" ile kısalır; şerit yana taşmaz */
@media (max-width: 374px) {
  .ust-serit .kap { gap: 12px; }
  .ust-serit .grup:last-child, .ust-serit .sistem-durumu { min-width: 0; }
  .ust-serit .sistem-durumu > span:last-child { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}

.nav { position: sticky; top: 0; z-index: 60; background: rgba(255,255,255,.97); backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px); border-bottom: 1px solid var(--g200); }
.nav > .kap { display: flex; align-items: center; height: var(--nav-h); gap: 20px; }
.marka { display: inline-flex; align-items: center; gap: 11px; flex: none; }
.marka img { width: 40px; height: 40px; border-radius: 10px; }
.wordmark { display: inline-flex; align-items: baseline; font-family: var(--font-brand); font-size: 1.72rem; letter-spacing: -.02em; line-height: 1; }
.wordmark .m { color: var(--navy); } .wordmark .o { color: var(--cyan); } .wordmark .t { color: var(--gold); font-size: .55em; }
.wordmark.acik .m { color: #fff; } .wordmark.acik .o { color: var(--cyan-pale); } .wordmark.acik .t { color: var(--gold-light); }

.menu { display: flex; align-self: stretch; margin-left: 6px; }
.menu-ogesi { display: flex; align-items: center; }
.menu-ogesi.kucuk { position: relative; }
.menu-link { display: inline-flex; align-items: center; gap: 5px; padding: 9px 12px; border-radius: 10px; font-size: .94rem; font-weight: 600; color: var(--g700); background: none; border: 0; cursor: pointer; white-space: nowrap; }
.menu-link .ik { width: 15px; height: 15px; opacity: .55; transition: transform .2s ease; }
.menu-link:hover, .menu-ogesi.acik > .menu-link { background: var(--g100); color: var(--navy); }
.menu-ogesi.acik > .menu-link .ik { transform: rotate(180deg); opacity: .9; }
.menu-link.aktif { color: var(--cyan-deep); }

.mega { position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-top: 1px solid var(--g200); border-bottom: 1px solid var(--g200); box-shadow: 0 40px 70px -24px rgba(11,29,58,.3); display: none; }
.menu-ogesi.acik > .mega, .menu-ogesi.acik > .kucuk-panel { display: block; }
.mega::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 100vh; background: rgba(6,10,18,.36); pointer-events: none; }
.mega-ic { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 300px; gap: 26px; padding-top: 28px; padding-bottom: 32px; }
.mega-kolon h6, .kucuk-panel h6 { font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; color: var(--g500); margin: 0 0 10px 10px; font-weight: 800; }
.mega-link { display: flex; gap: 12px; padding: 9px 10px; border-radius: 12px; align-items: flex-start; }
.mega-link:hover { background: var(--g50); }
.mega-ikon { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: var(--cyan-50); color: var(--cyan-deep); flex: none; }
.mega-ikon .ik { width: 19px; height: 19px; }
.mega-ikon.altin { background: var(--gold-50); color: var(--gold-deep); }
.mega-ikon.lacivert { background: #E8EDF6; color: var(--navy-3); }
.mega-ikon.yesil { background: var(--green-50); color: var(--green-deep); }
.mega-ikon.mor { background: var(--violet-50); color: var(--violet); }
.mega-link b { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; font-size: .93rem; line-height: 1.35; }
.mega-link b em, .mobil-linkler a em, .alt-kolon a em { font-style: normal; font-size: .6rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #92400E; background: var(--gold-50); border-radius: 5px; padding: 2px 6px; line-height: 1.4; white-space: nowrap; }
.mega-link b em.amber, .mobil-linkler a em.amber { background: #FEF3C7; color: #92400E; box-shadow: inset 0 0 0 1px rgba(245,158,11,.4); letter-spacing: .04em; }
.mega-link b em.yeni, .mobil-linkler a em.yeni { background: var(--cyan); color: #fff; }
.mega-link > span:last-child > span { display: block; font-size: .8rem; color: var(--g600); line-height: 1.45; margin-top: 2px; }
.mega-ozel { position: relative; overflow: hidden; border-radius: 18px; color: #fff; padding: 24px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; background: radial-gradient(300px 200px at 100% 0%, rgba(34,211,238,.4), transparent 65%), linear-gradient(155deg, var(--navy), var(--navy-2)); }
.mega-ozel h4 { font-size: 1.45rem; line-height: 1.15; margin-top: 4px; }
.mega-ozel p { color: rgba(255,255,255,.8); font-size: .88rem; line-height: 1.6; }
.mega-ozel .btn { margin-top: auto; }
.kucuk-panel { position: absolute; top: calc(100% - 8px); left: 0; width: 290px; background: #fff; border: 1px solid var(--g200); border-radius: 16px; box-shadow: var(--golge-b); padding: 14px 8px 8px; display: none; }

.nav-sag { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.ara-dugme { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid var(--g200); border-radius: 12px; background: var(--g50); color: var(--g600); cursor: pointer; }
.ara-dugme:hover { border-color: var(--cyan); color: var(--cyan-deep); }
.ara-dugme .ik { width: 18px; height: 18px; }
.giris-menu { position: relative; }
.giris-dugme { height: 42px; }
.uygulama-paneli { position: absolute; right: 0; top: calc(100% + 12px); width: 390px; background: #fff; border: 1px solid var(--g200); border-radius: 18px; box-shadow: var(--golge-b); padding: 14px; display: none; z-index: 5; }
.giris-menu.acik .uygulama-paneli { display: block; }
.uygulama-paneli h6 { font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; color: var(--g500); margin: 2px 8px 8px; font-weight: 800; }
.uygulama-satir { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 9px 8px; border-radius: 12px; }
.uygulama-satir:hover { background: var(--g50); }
.us-ikon { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; color: #fff; }
.us-ikon .ik { width: 20px; height: 20px; }
.uygulama-satir b { display: block; font-size: .92rem; line-height: 1.3; }
.uygulama-satir small { display: block; font-size: .76rem; color: var(--g500); font-family: var(--font-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uygulama-satir .uyg-durum { font-size: .74rem; }
.us-tus { font-family: var(--font-mono); font-size: .7rem; font-weight: 500; color: var(--g500); background: var(--g50); border: 1px solid var(--g200); border-bottom-width: 2px; border-radius: 6px; padding: 1px 7px; line-height: 1.4; }
.uygulama-paneli .panel-alt { margin-top: 8px; padding: 12px 8px 4px; border-top: 1px solid var(--g200); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 14px; font-size: .84rem; }
.uygulama-paneli .panel-alt a { font-weight: 700; color: var(--cyan-deep); display: inline-flex; align-items: center; gap: 6px; }
.uygulama-paneli .panel-alt .ik { width: 16px; height: 16px; }
.uygulama-paneli .panel-ipucu { margin: 2px 8px 0; font-size: .76rem; color: var(--g500); }
.menu-ac { display: none; place-items: center; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--g200); background: #fff; cursor: pointer; color: var(--navy); }
.menu-ac .ik { width: 22px; height: 22px; }
.menu-ogesi.yalniz-mobil { display: none; }
@media (max-width: 1120px) { .menu { display: none; } .menu-ac { display: grid; } }
@media (max-width: 600px) { :root { --nav-h: 66px; } .btn-teklif, .giris-menu { display: none; } .ara-dugme { width: 44px; height: 44px; } .wordmark { font-size: 1.5rem; } .marka img { width: 36px; height: 36px; } }

/* Mobil menü */
.mobil-menu { position: fixed; inset: 0; z-index: 100; background: rgba(6,10,18,.55); display: none; }
.mobil-menu.acik { display: block; }
.mobil-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(430px, 100%); background: #fff; overflow-y: auto; padding: 14px 18px 28px; display: flex; flex-direction: column; gap: 10px; }
.mobil-ust { display: flex; align-items: center; justify-content: space-between; padding-bottom: 8px; }
.mobil-kapat { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--g200); background: #fff; display: grid; place-items: center; }
.mobil-ara { display: flex; align-items: center; gap: 10px; height: 48px; padding: 0 14px; border: 1.5px solid var(--g200); border-radius: 12px; background: var(--g50); color: var(--g500); font-size: .92rem; }
.mobil-ara .ik { width: 18px; height: 18px; }
.mobil-grup { border-bottom: 1px solid var(--g200); }
.mobil-grup summary { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 15px 4px; font-weight: 700; font-size: 1.02rem; cursor: pointer; }
.mobil-grup summary::-webkit-details-marker { display: none; }
.mobil-grup summary .ik { width: 18px; height: 18px; color: var(--g500); transition: transform .2s; }
.mobil-grup[open] summary .ik { transform: rotate(180deg); }
.mobil-grup .mobil-linkler { display: grid; gap: 2px; padding: 0 0 12px; }
.mobil-grup .mobil-linkler a { display: flex; align-items: center; gap: 12px; padding: 9px 6px; border-radius: 10px; font-weight: 600; font-size: .95rem; color: var(--g700); }
.mobil-grup .mobil-linkler .mega-ikon { width: 34px; height: 34px; border-radius: 9px; }
.mobil-grup .mobil-linkler .mega-ikon .ik { width: 17px; height: 17px; }
.mobil-linkler a em { margin-left: -4px; }
.mobil-baslik { font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--g500); font-weight: 800; margin: 10px 4px 0; }
.mobil-hizli { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mobil-hizli a { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1px solid var(--g200); border-radius: 14px; background: var(--g50); font-weight: 700; font-size: .9rem; line-height: 1.3; }
.mobil-hizli .mega-ikon { width: 36px; height: 36px; }
.mobil-iletisim { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 4px 0; font-size: .84rem; color: var(--g600); }
.mobil-mesai { flex-basis: 100%; display: inline-flex; align-items: center; gap: 8px; }
.mobil-iletisim a { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--navy); }
.mobil-iletisim .ik { width: 16px; height: 16px; color: var(--cyan); }
.mobil-dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; }
.mobil-dugmeler .btn { width: 100%; }
.mobil-dugmeler .btn-birincil { grid-column: 1 / -1; }
.mobil-uygulamalar { display: grid; gap: 2px; border: 1px solid var(--g200); border-radius: 14px; padding: 4px; }
.mobil-uygulamalar .uygulama-satir { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; padding: 8px; }
.mobil-uygulamalar .us-ikon { width: 34px; height: 34px; border-radius: 9px; }
.mobil-uygulamalar .us-ikon .ik { width: 17px; height: 17px; }
.mobil-uygulamalar .us-tus { display: none; }

/* ---------- Yazdırma: üst ve alt alan, yüzen düğme yazdırılmaz ---------- */
@media print {
  .gline, .ust-serit, .nav, .mobil-menu, .sekmeler, .alt-bilgi, .wa-dugme { display: none !important; }
  body { background: #fff; }
  .kart, .pencere, .tablo-kap { box-shadow: none !important; }
}

/* WhatsApp düğmesi */
.wa-dugme { position: fixed; right: 24px; bottom: 24px; z-index: 80; display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 20px 0 16px; border-radius: 999px; background: #1FAF55; color: #fff; font-weight: 700; font-size: .95rem; box-shadow: 0 14px 30px rgba(31,175,85,.42); }
.wa-dugme .ik { width: 26px; height: 26px; }
@media (max-width: 600px) { .wa-dugme { padding: 0; width: 56px; justify-content: center; right: 16px; bottom: 16px; } .wa-dugme span { display: none; } }

/* =====================================================================
   ALT ALAN (ortak.js üretir)
   ===================================================================== */
.alt-bilgi { background: linear-gradient(160deg, var(--navy), #081530); color: rgba(255,255,255,.7); font-size: .9rem; }
.alt-ust { display: grid; grid-template-columns: 1.55fr repeat(5, minmax(0, 1fr)); gap: 30px; padding: 72px 0 48px; }
.alt-marka .marka img { width: 38px; height: 38px; }
.alt-marka .slogan { font-size: .68rem; letter-spacing: .26em; text-transform: uppercase; color: var(--gold-light); margin-top: 10px; font-weight: 700; }
.alt-marka p { margin-top: 16px; line-height: 1.7; max-width: 300px; color: rgba(255,255,255,.7); }
.alt-iletisim { display: grid; gap: 9px; margin-top: 20px; }
.alt-iletisim a, .alt-iletisim span { display: inline-flex; align-items: center; gap: 10px; color: rgba(255,255,255,.86); font-weight: 600; }
.alt-iletisim .ik { width: 16px; height: 16px; color: var(--cyan-pale); }
.alt-kolon h6 { color: #fff; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; margin: 6px 0 16px; font-weight: 800; }
.alt-kolon a { display: block; padding: 5px 0; color: rgba(255,255,255,.68); }
.alt-kolon a:hover { color: var(--cyan-pale); }
.alt-kolon a em { margin-left: 6px; font-size: .56rem; letter-spacing: .05em; padding: 2px 5px; vertical-align: 1px; }
.alt-kolon a em.amber { background: rgba(245,158,11,.16); color: #FCD34D; box-shadow: inset 0 0 0 1px rgba(252,211,77,.35); }
.alt-kolon a em.yakinda { background: rgba(232,168,56,.14); color: var(--gold-light); }
.alt-kolon a em.yeni { background: rgba(34,211,238,.16); color: var(--cyan-pale); box-shadow: inset 0 0 0 1px rgba(103,232,249,.35); }
.alt-alanlar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.1); }
.alt-alanlar .aa-etiket { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.55); font-weight: 700; margin-right: 6px; }
.alt-alanlar .alan-cip { border: 1px solid rgba(255,255,255,.16); border-radius: 10px; padding: 7px 13px 7px 10px; font-weight: 700; color: #fff; font-size: .84rem; display: inline-flex; gap: 8px; align-items: center; background: rgba(255,255,255,.03); transition: border-color .15s, background .15s; }
.alt-alanlar .alan-cip:hover { border-color: rgba(103,232,249,.5); background: rgba(255,255,255,.06); }
.alt-alanlar .alan-cip .ik { width: 16px; height: 16px; color: var(--gold-light); }
.alt-alt { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 22px 0 30px; border-top: 1px solid rgba(255,255,255,.1); font-size: .82rem; }
.alt-alt nav { display: flex; flex-wrap: wrap; gap: 18px; }
.alt-alt a:hover { color: var(--cyan-pale); }
@media (max-width: 1080px) { .alt-ust { grid-template-columns: repeat(3, minmax(0, 1fr)); } .alt-marka { grid-column: 1 / -1; } }
@media (max-width: 620px) { .alt-ust { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 56px; } }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }