/* =====================================================================
   GOURMET — EKRAN AİLESİ GÖVDE STİLİ  ·  ÜRETİLİR, ELLE DÜZENLENMEZ
   scripts/olcum/gopub-govde-css-cikar.mjs
   ---------------------------------------------------------------------
   Kaynak: FIT donörlerinin SAYFA İÇİ <style> blokları (render, ?auth=1).
   Süzgeç: hedef sayfaların gövdesinde kullanılan ve Gourmet'te TANIMSIZ
           olan 150 sınıfa değen kurallar.
   Dışarıda: kabuk kapsamı (header · topbar · drawer · footer · çubuk ·
           çerez · fb-* · acct-*) — Gourmet'te ZATEN tanımlı, ikinci kez
           tanımlamak FAZ 1'i sessizce geri alırdı.
   Yuva takası: --fit → --tomato · --fit-wash → --tomato-tint
   Kural sayısı: 586 (donörlerden toplam 5234, tekilleştirildi)
   Yuva sayısı : 186
   ===================================================================== */
/* ── YUVALAR · 186 tanesi Gourmet'te TANIMSIZDI ──
   Marka tabanı #0093D0 → #742982; düz açık tonlar oran çözülerek
   yeniden türetildi (şerhe bak). Diğerleri marka-bağımsız ölçü/tipografi. */
:root{
  --agirlik-ekstra:800;
  --agirlik-govde:500;
  --agirlik-kalin:700;
  --agirlik-orta:600;
  --agirlik-siyah:900;
  --aksan:#742982;
  --aksan-cizgi:color-mix(in srgb, #742982 17.8%, #fff);
  --aksan-cizgi-2:color-mix(in srgb, #742982 30%, transparent);
  --aksan-cizgi-3:color-mix(in srgb, #742982 25%, transparent);
  --aksan-golge-3:color-mix(in srgb, #742982 16%, transparent);
  --aksan-halka-2:color-mix(in srgb, #742982 16%, transparent);
  --aksan-halka-3:color-mix(in srgb, #742982 14%, transparent);
  --aksan-koyu:color-mix(in srgb, #742982 77.5%, #000);
  --aksan-koyu-2:color-mix(in srgb, #742982 54.9%, #000);
  --aksan-parlak:#9C67A6;
  --aksan-yikama:color-mix(in srgb, #742982 9.3%, #fff);
  --aksan-yikama-2:color-mix(in srgb, #742982 8.8%, #fff);
  --altin-cizgi:#e0bc63;
  --altin-metin:#8a6410;
  --altin-zemin:#fff6e6;
  --aralik-baslik:-.02em;
  --aralik-baslik-2:-.03em;
  --aralik-etiket:.16em;
  --aralik-etiket-2:.03em;
  --aralik-genis:.02em;
  --aralik-muhur:.1em;
  --aralik-sik:-.01em;
  --arama-parilti:radial-gradient(1100px 460px at 16% -10%,
      color-mix(in srgb, #742982 30%, transparent), transparent 60%);
  --arama-parilti-2:radial-gradient(circle,
      color-mix(in srgb, #BE9AC4 22%, transparent), transparent 70%);
  --arama-perde:linear-gradient(180deg, rgba(16,28,36,.92) 0%,
      rgba(25,40,50,.80) 52%, rgba(18,25,30,.88) 100%);
  --banner-crumb-ofset:128px;
  --banner-gap:20px;
  --banner-h-detay:590px;
  --banner-h-liste:544px;
  --bant-arac-kenar:rgba(255,255,255,.22);
  --bant-arac-kenar-2:rgba(255,255,255,.38);
  --bant-arac-zemin:rgba(255,255,255,.12);
  --bant-arac-zemin-2:rgba(255,255,255,.20);
  --bant-gorsel:none;
  --bant-gorsel-yeri:center 26%;
  --bant-perde-aksan:radial-gradient(820px 360px at 84% 14%,
      rgba(0,147,208,.20), transparent 62%);
  --bant-perde-ana:linear-gradient(90deg,
      rgba(33,30,22,.94) 0%, rgba(29,26,20,.82) 46%, rgba(27,25,19,.74) 100%);
  --bant-perde-dip:linear-gradient(180deg,
      rgba(33,30,22,0) 58%, rgba(24,22,16,.62) 100%);
  --bant-zemin:#1b1913;
  --bildirim-sil:#a2261a;
  --bildirim-sil-cizgi:#e8cfcb;
  --bildirim-yeni:color-mix(in srgb, #742982 7%, #fff);
  --bildirim-yeni-2:color-mix(in srgb, #742982 12%, #fff);
  --bolum-nefes:74px;
  --bolum-nefes-sik:32px;
  --bosluk-10:10px;
  --bosluk-11:11px;
  --bosluk-12:12px;
  --bosluk-13:13px;
  --bosluk-14:14px;
  --bosluk-15:15px;
  --bosluk-16:16px;
  --bosluk-18:18px;
  --bosluk-20:20px;
  --bosluk-22:22px;
  --bosluk-24:24px;
  --bosluk-26:26px;
  --bosluk-28:28px;
  --bosluk-30:30px;
  --bosluk-34:34px;
  --bosluk-36:36px;
  --bosluk-38:38px;
  --bosluk-4:4px;
  --bosluk-40:40px;
  --bosluk-44:44px;
  --bosluk-48:48px;
  --bosluk-5:5px;
  --bosluk-50:50px;
  --bosluk-6:6px;
  --bosluk-60:60px;
  --bosluk-7:7px;
  --bosluk-74:74px;
  --bosluk-8:8px;
  --bosluk-9:9px;
  --cam-zemin:rgba(255,255,255,.93);
  --cizgi:#ECECEC;
  --cizgi-1:1px;
  --cizgi-2:2px;
  --cizgi-3:3px;
  --cizgi-vurgu:#dddddd;
  --dikis-r:22px;
  --dip-cizgi:rgba(255,255,255,.20);
  --durum-acik-metin:#006072;
  --durum-acik-zemin:#e6f1f4;
  --durum-kolon:900px;
  --fit-deep:color-mix(in srgb, #742982 77.5%, #000);
  --giris-pano-perde:linear-gradient(180deg, rgba(10,40,57,.32) 0%,
      rgba(18,32,41,.58) 55%, rgba(12,21,27,.88) 100%);
  --giris-parilti:radial-gradient(900px 380px at 88% 0%,
      color-mix(in srgb, #742982 34%, transparent), transparent 62%);
  --giris-perde:linear-gradient(90deg,
      rgba(10,40,57,.94), rgba(33,30,22,.74));
  --golge-halka:0 0 0 3px color-mix(in srgb, #742982 9.3%, #fff);
  --golge-lg:0 18px 50px rgba(33,30,22,.16);
  --golge-md:0 6px 22px rgba(33,30,22,.09);
  --golge-sm:0 1px 2px rgba(33,30,22,.04), 0 2px 6px rgba(33,30,22,.05);
  --header-h:72px;
  --header-h-dar:62px;
  --hero-alt:46px;
  --hero-gap:10px;
  --hero-ust:15px;
  --kabuk-h:113px;
  --kabuk-h-dar:63px;
  --kagit:#ffffff;
  --kap-genislik:1240px;
  --kap-yan:32px;
  --kat-yapiskan-2:40;
  --kesikli-kenar:2px dashed #dddddd;
  --koyu-aksan:#A777B0;
  --koyu-aksan-2:#9C67A6;
  --koyu-aksan-zemin:color-mix(in srgb, #742982 92%, transparent);
  --koyu-metin:#cfc8be;
  --koyu-metin-2:#a9a297;
  --koyu-metin-3:#e7edf1;
  --koyu-metin-4:#f3efe8;
  --metin-ikincil:#717171;
  --murekkep:#211E16;
  --murekkep-yumusak:#56514a;
  --odak-kalinlik:3px;
  --odak-ofset:2px;
  --odak-renk:#742982;
  --okuma-kolonu:860px;
  --olcer-zemin:#ececeb;
  --olcu:78ch;
  --satir-baslik:1.12;
  --satir-baslik-2:1.3;
  --satir-bol:1.7;
  --satir-genis:1.6;
  --satir-genis-2:1.65;
  --satir-govde:1.55;
  --satir-not:1.72;
  --satir-orta:1.5;
  --satir-tek:1;
  --sure:.2s;
  --sure-agir:.3s;
  --sure-cabuk:.18s;
  --sure-yavas:.25s;
  --tehlike:#b3261e;
  --tehlike-cizgi:rgba(179,38,30,.34);
  --tehlike-cizgi-yumusak:#f3cdc0;
  --tehlike-koyu:#8c1d17;
  --tehlike-yikama:#fdecea;
  --tehlike-yikama-2:#fbdcd8;
  --ust-bant-h:40px;
  --uyari:#8a4b00;
  --uyari-cizgi:rgba(138,75,0,.30);
  --uyari-yikama:#fdf3e4;
  --yazi-10-5:10.5px;
  --yazi-11:11px;
  --yazi-11-5:11.5px;
  --yazi-12:12px;
  --yazi-12-5:12.5px;
  --yazi-13:13px;
  --yazi-13-5:13.5px;
  --yazi-14:14px;
  --yazi-14-5:14.5px;
  --yazi-15:15px;
  --yazi-15-5:15.5px;
  --yazi-16:16px;
  --yazi-16-5:16.5px;
  --yazi-17:17px;
  --yazi-18:18px;
  --yazi-20:20px;
  --yazi-21:21px;
  --yazi-22:22px;
  --yazi-23:23px;
  --yazi-24:24px;
  --yazi-25:25px;
  --yazi-29:29px;
  --yazi-31:31px;
  --yazi-36:36px;
  --yazi-42:42px;
  --yazi-9:9px;
  --yer-tutucu:#6f6f6f;
  --yumusama:cubic-bezier(.22,.61,.36,1);
  --yuvarlak-cip:12px;
  --yuvarlak-daire:50%;
  --yuvarlak-hap:999px;
  --yuvarlak-lg:16px;
  --yuvarlak-md:12px;
  --yuvarlak-rozet:6px;
  --yuvarlak-sm:8px;
  --yuvarlak-xl:24px;
  --zemin:#f9f9f9;
}

/* ⚠ ikisinde de tanımsız (DONÖR KALEMİ, uydurulmadı): --hata --hata-cizgi --hata-yikama */

.fk-grid.c2 { grid-template-columns: 1fr 1fr; }
.fk-cc-list li .ad { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fk-cc-list li .kod { color: var(--slate-2); font-weight: 700; font-size: 13px; flex: 0 0 auto; }
.fk-cc-list li[aria-selected="true"] .kod { color: var(--fit-deep); }
@media (max-width: 640px){
  .fk-grid.c2, .fk-grid.c3 { grid-template-columns: 1fr; }
}
.fpx-rozet-ico.is-off { background: rgb(242, 242, 241); color: var(--muted); }
.msj-ortu.acik { opacity: 1; visibility: visible; }
.msj-panel.acik { transform: none; visibility: visible; }
@media (prefers-reduced-motion: reduce){
  .msj-panel:not(.acik) { display: none; }
}
.msj-mono.buyuk { width: 44px; height: 44px; font-size: 15px; }
.msj-mono.buyuk::after { width: 13px; height: 13px; right: -1px; bottom: -1px; }
.dr-durum .nokta { width: 9px; height: 9px; border-radius: 50%; background: currentcolor; flex: 0 0 auto; }
.kart-alt > .dugme { margin-left: auto; }
.kart.panel > .kart-alt.eylem > .dugme { margin-left: auto; padding: var(--bosluk-14) var(--bosluk-26); }
.kart.form { padding: var(--bosluk-26); }
@media (max-width: 640px){
  .kart.panel > .kart-alt.eylem > .dugme { width: 100%; margin-left: 0px; order: 1; }
  .kart.form { padding: var(--bosluk-20) var(--bosluk-16); border-radius: var(--yuvarlak-md); }
}
.dugme { display: inline-flex; align-items: center; justify-content: center; text-align: center; gap: var(--bosluk-10); font-family: inherit; font-weight: var(--agirlik-kalin); font-size: var(--yazi-14-5); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: var(--bosluk-14) var(--bosluk-26); border-radius: var(--yuvarlak-md); transition: var(--sure-yavas) var(--yumusama); min-height: 44px; }
.dugme:focus-visible { outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset); }
.dugme.birincil { background: var(--aksan-koyu); color: var(--kagit); }
.dugme.birincil:hover { background: var(--aksan-koyu-2); transform: translateY(-2px); }
.dugme.hayalet { background: var(--kagit); color: var(--aksan-koyu); border: var(--cizgi-1) solid var(--aksan); }
.dugme.hayalet:hover { border-color: var(--aksan-koyu); background: var(--aksan-yikama); transform: translateY(-2px); }
.dugme.uyari { background: var(--kagit); color: var(--uyari); border: var(--cizgi-1) solid var(--uyari-cizgi); }
.dugme.uyari:hover { border-color: var(--uyari); background: var(--uyari-yikama); transform: translateY(-2px); }
.dugme.tehlike { background: var(--tehlike); color: var(--kagit); }
.dugme.tehlike:hover { background: var(--tehlike-koyu); transform: translateY(-2px); }
.dugme.cizgili { background: transparent; color: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); }
.dugme.kucuk { padding: var(--bosluk-12) var(--bosluk-20); font-size: var(--yazi-13-5); }
.dugme[disabled] { opacity: 0.45; cursor: not-allowed; transform: none !important; }
.alan { margin-bottom: var(--bosluk-22); }
.alan:last-child { margin-bottom: 0px; }
.alan-etiket { display: flex; align-items: baseline; gap: var(--bosluk-7); font-size: var(--yazi-14); font-weight: var(--agirlik-kalin); color: var(--murekkep); margin-bottom: var(--bosluk-9); }
.alan-etiket .zorunlu { color: var(--aksan-koyu); }
.alan-etiket .istege-bagli { font-size: var(--yazi-11-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); }
.alan-etiket .alan-sayac { margin-left: auto; font-size: var(--yazi-11-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); letter-spacing: var(--aralik-genis); }
.alan-girdi, .alan-secim, .alan-metin { width: 100%; min-height: 44px; font-family: inherit; font-size: var(--yazi-14); font-weight: var(--agirlik-govde); color: var(--murekkep); background: var(--zemin); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); padding: var(--bosluk-13) var(--bosluk-15); outline: none; transition: border-color var(--sure) var(--yumusama),
             box-shadow  var(--sure) var(--yumusama); }
.alan-girdi::placeholder, .alan-metin::placeholder { color: var(--yer-tutucu); }
.alan-girdi:focus, .alan-secim:focus, .alan-metin:focus { border-color: var(--aksan); box-shadow: var(--golge-halka); }
.alan-yardim { display: flex; align-items: flex-start; gap: var(--bosluk-7); font-size: var(--yazi-12-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); margin-top: var(--bosluk-8); line-height: var(--satir-orta); text-align: left; text-align-last: auto; }
.alan-yardim > span { min-width: 0px; }
.alan-yardim i { color: var(--aksan-koyu); font-size: var(--yazi-12); margin-top: 2px; flex: 0 0 auto; }
.alan-yardim.tamam { color: var(--aksan-koyu); }
.alan-girdi.hatali, .alan-secim.hatali { border-color: var(--tehlike); box-shadow: 0 0 0 var(--odak-kalinlik) var(--tehlike-yikama); }
.alan-izgara { display: grid; gap: var(--bosluk-16) var(--bosluk-18); margin-bottom: var(--bosluk-20); }
.giris-kart .alan-izgara { margin-bottom: 0px; }
.alan-izgara[hidden] { display: none; }
.alan-izgara .alan { margin-bottom: 0px; }
.alan-izgara.c2 { grid-template-columns: 1fr 1fr; }
.alan-izgara.c3 { grid-template-columns: repeat(3, 1fr); }
.alan-izgara + .alan-izgara, .alan-izgara + .alan, .alan + .alan-izgara { margin-top: var(--bosluk-22); }
.alan-gonder .dugme { padding: var(--bosluk-14) var(--bosluk-28); font-size: var(--yazi-15); }
@media (max-width: 640px){
  .alan-izgara.c2, .alan-izgara.c3 { grid-template-columns: 1fr; }
  .alan-gonder .dugme { width: 100%; justify-content: center; }
}
.rozet { display: inline-flex; align-items: center; gap: var(--bosluk-6); font-size: var(--yazi-11-5); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-genis); padding: var(--bosluk-4) var(--bosluk-12); border-radius: var(--yuvarlak-sm); border: var(--cizgi-1) solid; }
.rozet.olumlu { background: var(--aksan-yikama); color: var(--aksan-koyu); border-color: var(--aksan-cizgi); }
.rozet.bekleme { background: var(--altin-zemin); color: var(--altin-metin); border-color: var(--altin-cizgi); }
.rozet.pasif { background: var(--zemin); color: var(--murekkep-yumusak); border-color: var(--cizgi); }
.rozet.durdu { background: var(--tehlike-yikama); color: var(--tehlike-koyu); border-color: var(--tehlike-cizgi-yumusak); }
.rozet.dolu { background: var(--aksan-koyu); color: var(--kagit); border-color: var(--kagit); font-weight: var(--agirlik-kalin); }
.rozet.dolu i { color: var(--kagit); font-size: var(--yazi-12); }
.cipler { display: flex; flex-wrap: wrap; gap: var(--bosluk-9); align-items: center; padding: var(--bosluk-7) 0; }
.cipler.tek-satir { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-block: var(--bosluk-6); }
.cipler.tek-satir::-webkit-scrollbar { display: none; }
.cipler.tek-satir > * { flex: 0 0 auto; white-space: nowrap; }
.cipler.ortali { justify-content: center; gap: var(--bosluk-8); padding: 0px; }
.cipler.ortali.tek-satir { justify-content: safe center; }
.cipler .etiket { font-size: var(--yazi-13); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); margin-right: 2px; }
.bos-durum { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--bosluk-40) var(--bosluk-24); }
.bos-durum[hidden] { display: none; }
.bos-ikon { width: 58px; height: 58px; border-radius: var(--yuvarlak-md); background: var(--aksan-yikama); color: var(--aksan-koyu); display: grid; place-items: center; font-size: var(--yazi-22); margin-bottom: var(--bosluk-16); }
.bos-durum h3, .bos-durum h4 { font-size: var(--yazi-15-5); font-weight: var(--agirlik-kalin); color: var(--murekkep); margin-bottom: var(--bosluk-4); }
.bos-durum p { font-size: var(--yazi-13); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); max-width: 38ch; margin-bottom: var(--bosluk-16); text-align: center; text-align-last: auto; }
.bos-durum.kart-ici { padding: var(--bosluk-44) var(--bosluk-24); }
.bos-durum.kart-ici .bos-ikon { margin-bottom: var(--bosluk-14); }
.bos-durum.kart-ici h3, .bos-durum.kart-ici h4 { margin-bottom: var(--bosluk-5); }
.bos-durum.kart-ici p { max-width: 300px; }
.bos-durum.buyuk { background: var(--kagit); border: var(--kesikli-kenar); border-radius: var(--yuvarlak-lg); padding: var(--bosluk-48) var(--bosluk-20) var(--bosluk-48); }
.bos-durum.buyuk .bos-ikon { width: 64px; height: 64px; font-size: var(--yazi-24); margin-bottom: var(--bosluk-20); }
.bos-durum.buyuk h3, .bos-durum.buyuk h4 { font-size: var(--yazi-20); margin-bottom: var(--bosluk-8); }
.bos-durum.buyuk p { font-size: var(--yazi-14); max-width: 50ch; margin-bottom: var(--bosluk-24); }
@media (max-width: 640px){
  .bos-durum.buyuk { padding: var(--bosluk-40) var(--bosluk-20); }
}
.sekme-ray { position: static; padding: 0px; margin: var(--bosluk-24) 0 var(--bosluk-22); }
.sekmeler { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: var(--bosluk-4); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); padding: var(--bosluk-4); scrollbar-width: none; margin-inline: auto; }
.sekmeler::-webkit-scrollbar { display: none; }
.sekme { font-family: inherit; font-weight: var(--agirlik-kalin); font-size: var(--yazi-13); color: var(--metin-ikincil); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--yuvarlak-sm); padding: var(--bosluk-9) var(--bosluk-16); min-height: 44px; cursor: pointer; text-align: left; display: inline-flex; align-items: center; gap: var(--bosluk-7); transition: var(--sure) var(--yumusama); white-space: nowrap; flex: 0 0 auto; text-decoration: none; }
.sekme i { font-size: var(--yazi-12-5); opacity: 0.85; }
.sekme.aktif i { opacity: 1; }
.sekme:hover { color: var(--aksan-koyu); background: var(--aksan-yikama); }
.sekme.aktif { background: var(--aksan); color: var(--kagit); }
.sekme:focus-visible { outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset); }
.sekme-sayi { font-size: var(--yazi-11); font-weight: var(--agirlik-kalin); opacity: 0.6; }
.sekmeler.esit .sekme { flex: 1 1 0%; justify-content: center; }
.sekmeler.ortali { display: flex; flex-wrap: nowrap; width: fit-content; max-width: 100%; margin-inline: auto; justify-content: center; overflow-x: auto; scrollbar-width: none; }
.sekmeler.ortali::-webkit-scrollbar { display: none; }
.sekmeler.ortali .sekme { flex: 0 0 auto; white-space: nowrap; }
.sekmeler.ortali .sekme { font-size: var(--yazi-13-5); padding: var(--bosluk-10) var(--bosluk-18); gap: var(--bosluk-8); text-align: center; line-height: normal; }
.sekmeler.ortali .sekme.aktif { background: var(--aksan-koyu); }
@media (max-width: 640px){
  .sekme-ray { padding: var(--bosluk-10) 0; }
  .cip { font-size: var(--yazi-12); padding: var(--bosluk-7) var(--bosluk-12); }
  .cipler.ortali .cip, .cipler.ortali .cip-sayi { white-space: nowrap; }
  .cipler.ortali { flex-wrap: nowrap; overflow-x: auto; padding-bottom: var(--bosluk-4); scrollbar-width: none; }
  .cipler.ortali::-webkit-scrollbar { display: none; }
  .sekme { font-size: var(--yazi-12-5); padding: var(--bosluk-9) var(--bosluk-13); }
  .sekmeler.ortali .sekme { font-size: var(--yazi-12-5); padding: var(--bosluk-9) var(--bosluk-14); min-height: 44px; }
}
.sekme-ray.bant-ici { margin-block: 0px; }
.sekmeler.suzgec { padding: var(--bosluk-4) var(--bosluk-22); }
.sekmeler.suzgec .sekme-sayi { font-size: inherit; font-weight: var(--agirlik-govde); opacity: 1; }
.sekmeler.arama-modu .sekme { opacity: 0.45; pointer-events: none; }
.uyari-kutu { display: flex; align-items: flex-start; gap: var(--bosluk-11); font-size: var(--yazi-13-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); border-radius: var(--yuvarlak-md); padding: var(--bosluk-14) var(--bosluk-16); margin-bottom: var(--bosluk-18); text-align: left; text-align-last: auto; color: var(--uyari); background: var(--uyari-yikama); border: var(--cizgi-1) solid var(--uyari-cizgi); }
.okuma-kolonu > .uyari-kutu { margin-bottom: var(--bosluk-22); }
.uyari-kutu i { flex: 0 0 auto; font-size: var(--yazi-15); margin-top: 2px; }
.uyari-kutu b { font-weight: var(--agirlik-ekstra); }
.uyari-kutu > span, .uyari-kutu > b { text-align: left; text-align-last: auto; }
.uyari-kutu.tehlike, .kart.uyari-kart { border-color: var(--uyari-cizgi); }
.kart.tehlike-kart .uyari-kutu { color: var(--tehlike-koyu); background: var(--tehlike-yikama); border-color: var(--tehlike-cizgi); }
.durum-satir { flex: 1 1 0%; min-width: 200px; display: flex; align-items: flex-start; gap: var(--bosluk-8); font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--murekkep-yumusak); line-height: var(--satir-orta); margin: 0px; text-align: left; text-align-last: auto; }
.durum-satir > span, .durum-satir > b { text-align: left; text-align-last: auto; }
.durum-satir i { flex: 0 0 auto; margin-top: 3px; font-size: var(--yazi-11-5); color: var(--aksan-koyu); }
.durum-satir.kapali { color: var(--uyari); }
.durum-satir.kapali i { color: var(--uyari); }
.durum-satir.tamam { color: var(--aksan-koyu); }
.alt-not { display: flex; align-items: flex-start; gap: var(--bosluk-8); font-size: var(--yazi-12-5); color: var(--murekkep-yumusak); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); margin-top: var(--bosluk-16); padding-top: var(--bosluk-14); border-top: var(--cizgi-1) solid var(--cizgi); }
.alt-not i { color: var(--aksan-koyu); font-size: var(--yazi-12); margin-top: 3px; flex: 0 0 auto; }
.alt-not a { color: var(--aksan-koyu); font-weight: var(--agirlik-kalin); }
.alt-not a:hover { text-decoration: underline; text-underline-offset: 2px; }
.bilgi-notu { display: flex; gap: var(--bosluk-14); align-items: flex-start; background: var(--aksan-yikama); border: var(--cizgi-1) solid var(--aksan-cizgi); border-radius: var(--yuvarlak-lg); padding: var(--bosluk-20) var(--bosluk-22); margin-top: var(--bosluk-34); }
.bilgi-notu[hidden] { display: none; }
.bilgi-notu > i { color: var(--aksan-koyu); font-size: var(--yazi-18); margin-top: 2px; flex: 0 0 auto; }
.bilgi-notu p { font-size: var(--yazi-14); color: var(--murekkep-yumusak); font-weight: var(--agirlik-govde); line-height: var(--satir-not); margin: 0px; max-width: none; text-align: left; text-align-last: auto; }
.bilgi-notu p + p { margin-top: var(--bosluk-9); }
.kap > .bilgi-notu:first-child { margin-top: 0px; }
.bilgi-notu p a { color: var(--aksan-koyu); font-weight: var(--agirlik-kalin); text-decoration: underline; text-underline-offset: 2px; }
.bilgi-notu.ortali { align-items: center; background: var(--aksan-yikama-2); border-color: var(--aksan-cizgi); }
.bilgi-notu.ortali > i { margin-top: 0px; width: 38px; height: 38px; border-radius: var(--yuvarlak-daire); background: var(--kagit); display: grid; place-items: center; font-size: var(--yazi-16); }
.kirinti { display: flex; align-items: center; gap: var(--bosluk-9); font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--koyu-metin); margin-bottom: var(--bosluk-20); flex-wrap: wrap; }
.kirinti a { color: var(--koyu-metin); transition: color var(--sure) var(--yumusama); }
.kirinti a:hover { color: var(--kagit); }
.kirinti > i { font-size: var(--yazi-9); color: var(--koyu-metin-2); }
.kirinti-ev { display: inline-flex; align-items: center; line-height: 1; }
.kirinti-ev i { font-size: var(--yazi-9); line-height: 1; width: auto; color: var(--aksan-parlak); }
.kirinti-ev:hover i { color: var(--kagit); }
.kirinti-simdi { color: var(--aksan-parlak); }
.bolum { padding-block: var(--bolum-nefes); }
.bolum.sik { padding-block: var(--bolum-nefes-sik); }
.bolum-bas .ust-etiket { grid-area: 1 / 1 / auto / -1; justify-self: start; margin-bottom: var(--bosluk-14); }
.bolum-bas .giris-metni { grid-area: 3 / 1 / auto / -1; margin-top: var(--bosluk-10); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); font-size: var(--yazi-15-5); max-width: 520px; text-align: left; text-align-last: auto; }
@media (max-width: 640px){
  .bolum-bas .giris-metni { font-size: var(--yazi-14-5); }
}
.zebra > .bolum { padding: var(--bolum-nefes-sik) 0; }
.zebra > .bolum:nth-of-type(2n+1):not(.kendi-zemini):not(.kimlik-bant) { background: var(--kagit); }
.zebra > .bolum:nth-of-type(2n):not(.kendi-zemini):not(.kimlik-bant) { background: var(--zemin); }
.zebra > .bolum.kabuk-alti { padding-top: var(--kabuk-h); }
.zebra > .bolum.kimlik-bant { padding-bottom: 0px; background: var(--zemin); }
@media (max-width: 640px){
  .zebra > .bolum.kabuk-alti { padding-top: var(--kabuk-h-dar); }
}
.zebra > .bolum:has(.kart, .fp-card, .ozet-karti):not(.kendi-zemini):not(.kimlik-bant), .modul-govde .fit-pane > section:has(.kart, .fp-card, .ozet-karti):not(.kendi-zemini):not(.kimlik-bant) { background: var(--zemin); }
.zebra > .bolum:has(.kart, .fp-card, .ozet-karti):not(.kendi-zemini):not(.kimlik-bant) + .bolum:has(.kart, .fp-card, .ozet-karti):not(.kendi-zemini):not(.kimlik-bant):not(.bant-ustunde), .modul-govde .fit-pane > section:has(.kart, .fp-card, .ozet-karti):not(.kendi-zemini):not(.kimlik-bant) + section:has(.kart, .fp-card, .ozet-karti):not(.kendi-zemini):not(.kimlik-bant):not(.bant-ustunde) { border-top: var(--cizgi-1) solid var(--cizgi); }
.ust-etiket { display: inline-flex; align-items: center; gap: var(--bosluk-8); font-size: var(--yazi-12); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-etiket); text-transform: uppercase; color: var(--aksan-koyu); }
.ust-etiket::before { content: ""; width: 26px; height: var(--cizgi-2); background: currentcolor; border-radius: var(--yuvarlak-sm); }
.ust-etiket i { font-size: var(--yazi-13); }
.kap { max-width: var(--kap-genislik); margin: 0px auto; padding-inline: var(--kap-yan); }
.yalniz-okuyucu { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.akordeon-kalem.acik { border-color: var(--aksan-cizgi); box-shadow: var(--golge-sm); }
.akordeon-kalem.acik .akordeon-bas { color: var(--aksan-koyu); }
.akordeon-kalem.acik .akordeon-ok { transform: rotate(180deg); color: var(--aksan); }
.modul-govde .fit-pane .sekmeler, .modul-govde .kart.panel, .modul-govde .sekme-ray.hesap, .modul-govde .sekme-ray.bant-ici, .modul-govde .bilgi-notu, .modul-govde .akordeon, .modul-govde .okuma-notu, .modul-govde .arama, .modul-govde .kapanis, .modul-govde .ds-body .kap > * { max-width: var(--okuma-kolonu); margin-inline: auto; }
.modul-govde .sekme-ray.hesap, .modul-govde .sekme-ray.bant-ici { margin-block: 0px; }
@media (max-width: 640px){
  .kapanis-eylemler .dugme { flex: 1 1 0%; min-width: 0px; }
}
.kimlik-govde h1 .rozet { font-size: var(--yazi-11-5); }
.sayac { flex: 1 1 200px; min-width: 0px; display: flex; align-items: center; gap: var(--bosluk-12); background: var(--kagit); padding: var(--bosluk-15) var(--bosluk-20); }
.sayac > i { flex: 0 0 auto; width: 38px; height: 38px; border-radius: var(--yuvarlak-md); background: var(--aksan-yikama); color: var(--aksan-koyu); display: grid; place-items: center; font-size: var(--yazi-15); }
.sayac > div { min-width: 0px; }
.sayac span { display: block; font-size: var(--yazi-11); line-height: var(--satir-govde); font-weight: var(--agirlik-govde); letter-spacing: var(--aralik-genis); color: var(--metin-ikincil); }
.sayac b { display: block; font-size: var(--yazi-16-5); line-height: var(--satir-govde); font-weight: var(--agirlik-kalin); color: var(--murekkep); }
.kimlik-bant .kirinti { color: var(--metin-ikincil); font-weight: var(--agirlik-govde); font-size: var(--yazi-13); gap: var(--bosluk-9); padding: var(--bosluk-18) 0 var(--bosluk-14); margin-bottom: var(--bosluk-18); }
.kimlik-bant .kirinti a { color: var(--metin-ikincil); }
.kimlik-bant .kirinti a:hover { color: var(--aksan-koyu); }
.kimlik-bant .kirinti > i { color: var(--cizgi-vurgu); }
.kimlik-bant .kirinti-ev i { color: var(--aksan-koyu); }
.kimlik-bant .kirinti-ev:hover i { color: var(--aksan-koyu); }
.kimlik-bant .kirinti-simdi { color: var(--murekkep); font-weight: var(--agirlik-kalin); }
@media (max-width: 1180px){
  .sayac { flex: 1 1 30%; }
}
@media (max-width: 900px){
  .sayac { flex: 1 1 140px; }
}
@media (max-width: 640px){
  .sayac { flex: 1 1 44%; padding: var(--bosluk-13) var(--bosluk-14); }
}
.ust-bant > .kap { display: flex; align-items: center; justify-content: space-between; height: var(--ust-bant-h); }
.kabuk-basi > .kap { display: flex; align-items: center; gap: var(--bosluk-22); height: var(--header-h); }
@media (max-width: 640px){
  .kabuk-basi > .kap { height: var(--header-h-dar); }
}
.durum-hapi.acik { background: var(--durum-acik-zemin); color: var(--durum-acik-metin); }
.sekme-ray.hesap { margin: var(--bosluk-24) var(--bosluk-28) var(--bosluk-22); }
.sekme-ray.hesap .sekmeler { justify-content: safe center; }
@media (max-width: 1024px){
  .sekme-ray.hesap { margin: var(--bosluk-24) var(--bosluk-16) var(--bosluk-22); }
}
@media (max-width: 640px){
  .sekme-ray.hesap { margin: var(--bosluk-24) var(--bosluk-4) var(--bosluk-22); }
}
.zebra > .bolum.hesap-govde { padding: 0 0 var(--bolum-nefes); }
.onay-kutusu { display: flex; align-items: flex-start; gap: var(--bosluk-11); padding: var(--bosluk-14) var(--bosluk-16); border-radius: var(--yuvarlak-md); background: var(--zemin); border: var(--cizgi-1) solid var(--cizgi); font-size: var(--yazi-13-5); font-weight: var(--agirlik-orta); line-height: var(--satir-orta); text-align: left; text-align-last: auto; }
.onay-kutusu input { width: 19px; height: 19px; margin-top: 1px; accent-color: var(--aksan); }
.kart.uyari-kart .onay-kutusu input { accent-color: var(--uyari); }
.kart.tehlike-kart .onay-kutusu input { accent-color: var(--tehlike); }
.alan-sifre { position: relative; }
.alan-sifre .alan-girdi { padding-right: 56px; }
.alan-goz { position: absolute; right: var(--bosluk-4); top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0px; background: transparent; border-radius: var(--yuvarlak-sm); display: grid; place-items: center; color: var(--metin-ikincil); font-size: var(--yazi-14); cursor: pointer; }
.alan-goz i { font-size: var(--yazi-14); }
.alan-goz:focus-visible { outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset); }
.kart-bas p a, .as-metin a, .durum-satir a { color: var(--aksan-koyu); font-weight: var(--agirlik-kalin); }
.arama-hero { position: relative; overflow: visible; height: var(--banner-h-liste); padding: calc(var(--kabuk-h) + var(--hero-ust)) 0 var(--hero-alt); background: var(--arama-perde),
    var(--bant-gorsel) var(--bant-gorsel-yeri)/cover no-repeat,
    var(--bant-zemin); }
.arama-hero.oneri-acik { z-index: 45; }
.arama-susleme { position: absolute; inset: 0px; overflow: hidden; z-index: 1; pointer-events: none; }
.arama-susleme::before { content: ""; position: absolute; inset: 0px; background: var(--arama-parilti); }
.arama-susleme::after { content: ""; position: absolute; right: -120px; bottom: -140px; width: 420px; height: 420px; border-radius: var(--yuvarlak-daire); background: var(--arama-parilti-2); }
.arama-hero > .kap { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: stretch; row-gap: var(--banner-gap); }
.arama-hero > .kap > * { margin-top: 0px; margin-bottom: 0px; }
.arama-hero .kirinti { position: static; margin-bottom: var(--bosluk-12); }
.arama-hero .ust-etiket { color: var(--aksan-parlak); }
.arama-hero .ust-etiket::before { background: var(--aksan-parlak); }
.arama-hero h1 { font-size: var(--yazi-42); line-height: var(--satir-baslik); letter-spacing: var(--aralik-baslik-2); color: var(--kagit); margin: 0px; }
.arama-hero h1 .vurgu { color: var(--aksan-parlak); }
.arama-giris { font-size: var(--yazi-15-5); font-weight: var(--agirlik-govde); line-height: var(--satir-genis); max-width: 600px; color: var(--koyu-metin); margin-bottom: var(--bosluk-26); text-align: left; text-align-last: auto; }
.arama-ozet { margin-top: var(--bosluk-18); font-size: var(--yazi-14-5); font-weight: var(--agirlik-govde); color: var(--koyu-metin-2); text-align: left; text-align-last: auto; }
.arama-ozet b { color: var(--kagit); font-weight: var(--agirlik-kalin); }
.arama-ozet .sorgu { color: var(--aksan-parlak); font-weight: var(--agirlik-kalin); }
.arama-kutu { position: relative; max-width: 680px; padding: var(--bosluk-10); background: var(--kagit); border: var(--cizgi-1) solid var(--aksan-cizgi); border-radius: var(--yuvarlak-lg); box-shadow: var(--golge-lg); }
.arama-satir { display: flex; gap: var(--bosluk-8); padding: var(--bosluk-6); }
.arama-girdi-kap { flex: 1 1 0%; display: flex; align-items: center; gap: var(--bosluk-12); background: var(--zemin); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); padding: 0 var(--bosluk-18); }
.arama-girdi-kap > i { color: var(--aksan-koyu); font-size: var(--yazi-16); }
.arama-kutu input { flex: 1 1 0%; min-width: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; outline: none; font-family: inherit; font-size: var(--yazi-15-5); font-weight: var(--agirlik-govde); color: var(--murekkep); padding: var(--bosluk-16) 0; }
.arama-kutu input::placeholder { color: var(--yer-tutucu); font-weight: var(--agirlik-govde); }
.arama-satir .dugme { flex: 0 0 auto; padding: 0 var(--bosluk-26); }
.arama-oneri { position: absolute; left: -1px; right: -1px; top: calc(100% + var(--bosluk-4)); z-index: 60; padding: var(--bosluk-8); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); box-shadow: var(--golge-sm), var(--golge-lg); max-height: min(440px, 72vh); overflow-y: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity var(--sure-cabuk) var(--yumusama),
             transform var(--sure-cabuk) var(--yumusama),
             visibility var(--sure-cabuk) var(--yumusama); scrollbar-width: thin; }
.arama-kutu.oneri-acik .arama-oneri { opacity: 1; visibility: visible; transform: translateY(0px); }
.arama-oneri::-webkit-scrollbar { width: 8px; }
.arama-oneri::-webkit-scrollbar-thumb { background: var(--cizgi-vurgu); border-radius: var(--yuvarlak-hap); border: 2px solid var(--kagit); }
.sekme-ray.yapiskan { position: sticky; top: var(--kabuk-h); z-index: var(--kat-yapiskan-2); padding: var(--bosluk-12) 0; margin: 0px; background: var(--cam-zemin); backdrop-filter: blur(10px) saturate(150%); border-bottom: var(--cizgi-1) solid var(--cizgi); }
.sekme-ray.yapiskan .sekmeler { margin: 0px; }
.sonuc-bant { padding: var(--bosluk-34) 0 var(--bosluk-60); background: var(--kagit); }
.sonuc-not { margin: 0 0 var(--bosluk-20); font-size: var(--yazi-13-5); font-weight: var(--agirlik-govde); color: var(--metin-ikincil); text-align: left; text-align-last: auto; }
.sonuc-not b { color: var(--aksan-koyu); font-weight: var(--agirlik-kalin); }
.arama-pop { padding: var(--bolum-nefes) 0; background: var(--kagit); }
.arama-pop-izgara { display: grid; grid-template-columns: 1.25fr 1fr; gap: var(--bosluk-48); align-items: start; }
.arama-pop h3 { display: inline-flex; align-items: center; gap: var(--bosluk-10); font-size: var(--yazi-18); font-weight: var(--agirlik-kalin); margin-bottom: var(--bosluk-18); }
.arama-pop h3 i { font-size: var(--yazi-15); color: var(--aksan); }
.son-arama { display: flex; flex-direction: column; }
.uyari-serit > .kap { display: flex; align-items: flex-start; gap: var(--bosluk-14); padding: var(--bosluk-22) var(--kap-yan); }
@media (max-width: 1024px){
  .arama-pop-izgara { grid-template-columns: 1fr; gap: var(--bosluk-34); }
}
@media (max-width: 900px){
  .arama-hero h1 { letter-spacing: var(--aralik-baslik); }
}
@media (max-width: 640px){
  .arama-hero { padding: calc(var(--kabuk-h-dar) + var(--hero-ust)) 0 var(--bosluk-24); }
  .arama-hero h1 { font-size: var(--yazi-25); }
  .arama-girdi-kap { min-width: 0px; }
  .sekme-ray.yapiskan .sekme { font-size: var(--yazi-13); padding: var(--bosluk-9) var(--bosluk-16); }
  .sekme-ray.yapiskan { top: var(--kabuk-h-dar); }
}
.giris-hero { position: relative; padding: calc(var(--kabuk-h) + var(--hero-ust)) 0 var(--bosluk-74); background: var(--giris-parilti),
    var(--giris-perde),
    var(--bant-gorsel) var(--bant-gorsel-yeri)/cover no-repeat,
    var(--bant-zemin); }
.giris-hero .kirinti { position: static; margin-bottom: 0px; padding: var(--bosluk-18) 0 var(--bosluk-14); font-size: var(--yazi-13); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); }
.giris-hero .kirinti b, .giris-hero .kirinti .kirinti-simdi { font-weight: var(--agirlik-kalin); max-width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.giris-hero > .kap { position: relative; z-index: 5; }
.giris-kart { position: relative; z-index: 6; }
.giris-duzen { display: grid; grid-template-columns: minmax(0px, 1fr) 520px; gap: var(--bosluk-28); margin-top: var(--bosluk-6); align-items: stretch; }
.giris-pano { display: flex; flex-direction: column; justify-content: flex-end; height: clamp(624px, calc(100vh - var(--kabuk-h) - 120px), 1036px); position: sticky; top: calc(var(--kabuk-h) + var(--bosluk-24)); padding: var(--bosluk-38) var(--bosluk-40); border-radius: var(--yuvarlak-xl); overflow: hidden; box-shadow: var(--golge-md); background: var(--giris-pano-perde), var(--bant-gorsel) center/cover no-repeat, var(--bant-zemin); }
.giris-pano .ust-etiket { color: var(--koyu-aksan-2); }
.giris-pano .ust-etiket::before { background: var(--koyu-aksan-2); }
.giris-pano h2 { font-size: var(--yazi-36); font-weight: var(--agirlik-kalin); line-height: var(--satir-baslik); letter-spacing: var(--aralik-baslik-2); max-width: 420px; margin: var(--bosluk-14) 0 var(--bosluk-10); color: var(--kagit); }
.giris-pano h2 .vurgu { color: var(--koyu-aksan); }
.giris-pano .giris-metni { font-size: var(--yazi-15); font-weight: var(--agirlik-govde); line-height: var(--satir-genis); max-width: 420px; color: var(--koyu-metin-3); text-align: left; text-align-last: auto; }
.giris-avantaj { display: flex; flex-direction: column; gap: var(--bosluk-11); margin-top: var(--bosluk-22); }
.giris-avantaj span { display: inline-flex; align-items: center; gap: var(--bosluk-11); font-size: var(--yazi-13-5); font-weight: var(--agirlik-orta); color: var(--koyu-metin-4); }
.giris-avantaj i { flex: 0 0 auto; width: 26px; height: 26px; border-radius: var(--yuvarlak-daire); display: grid; place-items: center; font-size: var(--yazi-11); background: var(--koyu-aksan-zemin); color: var(--kagit); }
.giris-sayilar { display: flex; gap: var(--bosluk-34); padding-top: var(--bosluk-22); margin-top: var(--bosluk-26); border-top: var(--cizgi-1) solid var(--dip-cizgi); }
.giris-sayilar b { display: block; font-size: var(--yazi-25); font-weight: var(--agirlik-kalin); line-height: 1.1; letter-spacing: var(--aralik-baslik); color: var(--kagit); }
.giris-sayilar span { display: inline; font-size: var(--yazi-12); font-weight: var(--agirlik-govde); color: var(--koyu-metin-2); }
.giris-kart { display: flex; flex-direction: column; padding: var(--bosluk-34) var(--bosluk-38) var(--bosluk-36); border-radius: var(--yuvarlak-xl); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit); box-shadow: var(--golge-sm); }
.giris-kart .sekmeler { margin: 0 auto var(--bosluk-24); }
.giris-kart .sekmeler .sekme { flex: 1 1 0%; justify-content: center; }
.giris-bas { margin-bottom: var(--bosluk-20); }
.giris-bas h1 { font-size: var(--yazi-25); font-weight: var(--agirlik-kalin); line-height: var(--satir-baslik); letter-spacing: var(--aralik-baslik); }
.giris-bas p { margin-top: var(--bosluk-5); font-size: var(--yazi-13-5); font-weight: var(--agirlik-govde); color: var(--metin-ikincil); text-align: left; text-align-last: auto; }
.sosyal-kolon { display: grid; grid-template-columns: 1fr 1fr; gap: var(--bosluk-10); }
.sosyal-dugme { display: flex; align-items: center; justify-content: center; gap: var(--bosluk-11); padding: var(--bosluk-13) var(--bosluk-16); line-height: normal; text-align: center; border-radius: var(--yuvarlak-md); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit); font-family: inherit; font-size: var(--yazi-14); font-weight: var(--agirlik-kalin); color: var(--murekkep); cursor: pointer; }
.sosyal-ikon { width: 18px; height: 18px; flex: 0 0 auto; overflow: hidden; }
.giris-ayrac { display: flex; align-items: center; gap: var(--bosluk-14); margin: var(--bosluk-20) 0; font-size: var(--yazi-12); font-weight: var(--agirlik-orta); letter-spacing: var(--aralik-etiket-2); color: var(--metin-ikincil); }
.giris-ayrac::before, .giris-ayrac::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--cizgi); }
.giris-segment { display: flex; gap: var(--bosluk-4); padding: var(--bosluk-4); margin-bottom: var(--bosluk-18); border-radius: var(--yuvarlak-md); border: var(--cizgi-1) solid var(--cizgi); background: var(--zemin); }
.giris-segment button { flex: 1 1 0%; display: inline-flex; align-items: center; justify-content: center; gap: var(--bosluk-7); min-height: 44px; padding: var(--bosluk-9) var(--bosluk-14); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--yuvarlak-sm); background: transparent; font-family: inherit; font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--metin-ikincil); cursor: pointer; }
.giris-segment.rol { flex-wrap: wrap; margin-bottom: var(--bosluk-22); }
.giris-segment.rol button { flex: 1 1 calc(50% - var(--bosluk-4)); min-width: 0px; }
@media (min-width: 560px){
  .giris-segment.rol button { flex: 1 1 0px; }
}
.giris-segment button i { font-size: var(--yazi-12); }
.giris-segment button.aktif { background: var(--aksan-koyu); color: var(--kagit); }
.giris-segment-giris { display: flex; align-items: center; gap: var(--bosluk-8); margin-bottom: var(--bosluk-16); font-size: var(--yazi-12); font-weight: var(--agirlik-orta); color: var(--metin-ikincil); text-align: left; text-align-last: auto; }
.giris-segment-giris i { font-size: var(--yazi-12); color: var(--aksan); }
.giris-satir { display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-14); margin: var(--bosluk-16) 0 var(--bosluk-20); }
.giris-satir .onay-kutusu { align-items: center; min-height: 44px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background: none; gap: var(--bosluk-9); font-size: var(--yazi-13); line-height: var(--satir-orta); }
.giris-satir .onay-kutusu input { margin-top: 0px; }
.giris-unuttum { display: inline-flex; align-items: center; min-height: 44px; padding: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-family: inherit; font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--aksan); }
.giris-gonder { display: inline-flex; align-items: center; justify-content: center; gap: var(--bosluk-10); width: 100%; padding: var(--bosluk-15) var(--bosluk-26); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--yuvarlak-md); font-family: inherit; font-size: var(--yazi-15); font-weight: var(--agirlik-kalin); background: var(--aksan-koyu); color: var(--kagit); cursor: pointer; }
.giris-alt { padding-top: var(--bosluk-18); margin-top: var(--bosluk-20); border-top: var(--cizgi-1) solid var(--cizgi); text-align: center; font-size: var(--yazi-13-5); font-weight: var(--agirlik-govde); color: var(--metin-ikincil); }
.giris-alt button { display: inline-flex; align-items: center; min-height: 44px; font-family: inherit; font-size: var(--yazi-13-5); font-weight: var(--agirlik-kalin); color: var(--aksan); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }
.giris-hata { display: none; align-items: center; gap: var(--bosluk-7); margin-top: var(--bosluk-8); font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); color: var(--tehlike); }
.giris-hata { text-align: left; text-align-last: auto; }
.giris-hata i { font-size: var(--yazi-12); }
.giris-hata.form { margin-top: var(--bosluk-4); }
.giris-hata.acik { display: flex; }
.giris-segment .segment-baglanti { flex: 1 1 0px; min-width: 0px; display: flex; align-items: center; justify-content: center; gap: var(--bosluk-7); min-height: 44px; padding: var(--bosluk-9) var(--bosluk-14); border-radius: var(--yuvarlak-sm); font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--metin-ikincil); text-decoration: none; }
.segment-ok { font-size: var(--yazi-12); font-weight: var(--agirlik-siyah); line-height: 1; opacity: 0.75; }
.onay-satirlari { display: flex; flex-direction: column; gap: var(--bosluk-13); margin: var(--bosluk-18) 0 var(--bosluk-20); }
.onay-satirlari .onay-kutusu { padding: var(--bosluk-4) 0; border: 0px; background: none; border-radius: 0px; gap: var(--bosluk-9); min-height: 44px; font-size: var(--yazi-12-5); line-height: var(--satir-orta); font-weight: var(--agirlik-govde); }
.onay-satirlari .onay-kutusu input { flex: 0 0 auto; }
.onay-satirlari .zorunlu { margin-left: 3px; font-weight: var(--agirlik-kalin); }
.onay-satirlari a { padding: var(--bosluk-5) 0; font-weight: var(--agirlik-kalin); color: var(--aksan-koyu); text-decoration: underline; text-underline-offset: 2px; }
.guvenlik-notu { display: flex; align-items: center; gap: var(--bosluk-9); padding-top: var(--bosluk-16); margin-top: var(--bosluk-18); border-top: var(--cizgi-1) solid var(--cizgi); font-size: var(--yazi-12); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); color: var(--metin-ikincil); }
.guvenlik-notu i { font-size: var(--yazi-13); color: var(--aksan); }
.giris-geri { display: inline-flex; align-items: center; gap: var(--bosluk-8); min-height: 44px; margin-bottom: var(--bosluk-16); padding: 0px; border: 0px; background: none; font-family: inherit; font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--metin-ikincil); cursor: pointer; }
.sifre-kural { display: flex; flex-direction: column; gap: var(--bosluk-7); margin: -10px 0 var(--bosluk-22); padding: 0px; list-style: none; }
.sifre-kural li { display: flex; align-items: center; gap: var(--bosluk-9); font-size: var(--yazi-12-5); line-height: var(--satir-govde); color: var(--metin-ikincil); }
.sifre-kural li i { flex: 0 0 auto; font-size: var(--yazi-12); line-height: 1; }
.giris-serit { display: none; }
.giris-serit.acik { display: flex; align-items: flex-start; gap: var(--bosluk-14); padding: var(--bosluk-16) var(--bosluk-18); margin: 0 0 var(--bosluk-22); border-radius: var(--yuvarlak-lg); border: var(--cizgi-1) solid var(--tehlike-cizgi-yumusak); background: var(--tehlike-yikama); }
.serit-ikon { display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; border-radius: var(--yuvarlak-md); font-size: var(--yazi-17); background: var(--tehlike-yikama-2); color: var(--tehlike); }
.serit-govde h4 { display: flex; align-items: center; gap: var(--bosluk-9); margin: 0 0 var(--bosluk-4); font-size: var(--yazi-15-5); font-weight: var(--agirlik-kalin); line-height: var(--satir-baslik); }
.serit-govde p { margin: 0px; font-size: var(--yazi-13-5); line-height: var(--satir-genis); text-align: left; text-align-last: auto; }
.dogrula-eylemler { display: flex; flex-wrap: wrap; gap: var(--bosluk-10); margin: 0 0 var(--bosluk-16); }
.giris-basari { display: none; text-align: center; padding: var(--bosluk-34) 0 var(--bosluk-14); }
.giris-basari.acik { display: block; }
.basari-tik { display: grid; place-items: center; width: 56px; height: 56px; margin: 0 auto var(--bosluk-16); border-radius: var(--yuvarlak-daire); font-size: var(--yazi-22); background: var(--aksan-yikama); color: var(--aksan-koyu); }
.giris-basari h4 { margin: 0 0 var(--bosluk-7); font-size: var(--yazi-18); font-weight: var(--agirlik-kalin); line-height: var(--satir-baslik); }
.giris-basari p { margin: 0px auto; max-width: 374px; font-size: var(--yazi-13-5); line-height: var(--satir-genis); text-align: center; text-align-last: auto; }
.giris-basari-notu { display: inline-flex; align-items: center; gap: var(--bosluk-8); margin-top: var(--bosluk-16); font-size: var(--yazi-12-5); line-height: var(--satir-govde); color: var(--metin-ikincil); }
.giris-basari-notu i { font-size: var(--yazi-12-5); color: var(--aksan); }
@media (max-width: 1024px){
  .giris-duzen { grid-template-columns: 1fr; gap: var(--bosluk-20); }
  .giris-kart { order: 1; padding: var(--bosluk-28) var(--bosluk-26) var(--bosluk-30); }
  .giris-pano { order: 2; height: auto; min-height: 0px; padding: var(--bosluk-30) var(--bosluk-28); }
  .giris-pano h2 { font-size: var(--yazi-29); }
  .giris-avantaj { display: none; }
}
@media (max-width: 640px){
  .giris-hero { padding: var(--bosluk-74) 0 var(--bosluk-50); }
  .giris-hero .kirinti { padding: var(--bosluk-14) 0 var(--bosluk-10); font-size: var(--yazi-12); }
  .giris-kart { padding: var(--bosluk-22) var(--bosluk-18) var(--bosluk-26); border-radius: var(--yuvarlak-lg); }
  .giris-bas h1 { font-size: var(--yazi-22); }
  .sosyal-kolon { grid-template-columns: 1fr; }
  .giris-pano { padding: var(--bosluk-24) var(--bosluk-20); border-radius: var(--yuvarlak-lg); }
  .giris-pano h2 { font-size: var(--yazi-24); }
  .giris-sayilar { gap: var(--bosluk-22); margin-top: var(--bosluk-18); padding-top: var(--bosluk-16); }
  .giris-sayilar b { font-size: var(--yazi-21); }
  .giris-satir { flex-wrap: wrap; gap: var(--bosluk-10); }
}
.pg-ortu.acik { opacity: 1; visibility: visible; }
.pro-kapi.acik { opacity: 1; visibility: visible; pointer-events: auto; }
.pro-kapi.acik .pg-pano { transform: translateY(0px); }
.pg-eylemler .dugme { flex: 1 1 0%; }
.cekmece-ortu.acik { opacity: 1; visibility: visible; }
.cekmece.acik { transform: translateX(0px); }
.c-kalem.acik .c-ok i { transform: rotate(180deg); }
.c-kalem.acik .c-alt { max-height: 600px; }
.basamak.secili .basamak-sec { opacity: 1; }
.basamak.secili { border-style: solid; border-color: var(--aksan); box-shadow: 0 0 0 var(--cizgi-3) var(--aksan-halka-3), 0 8px 20px var(--aksan-golge-3); }
.kart.bos-durum.plan-ici { padding: var(--bosluk-38) var(--bosluk-24); }
.sohbet-ortu.acik { opacity: 1; visibility: visible; }
.sohbet-panel.acik { transform: translateX(0px); visibility: visible; }
.sohbet-kisi.secili .sohbet-mono { background: var(--kagit); }
.sohbet-mono.buyuk { width: 44px; height: 44px; font-size: var(--yazi-15); background: var(--aksan-yikama); }
.sohbet-mono.buyuk::after { right: -1px; bottom: -1px; width: 13px; height: 13px; }
.sohbet-bas .dugme.ikon { padding: 0px; min-height: auto; gap: normal; justify-content: normal; text-align: start; font-size: var(--yazi-14); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); }
.sohbet-bas .dugme.ikon, .sohbet-kapat { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--yuvarlak-md); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit); color: var(--murekkep-yumusak); cursor: pointer; font-family: inherit; }
.sohbet-kisi.secili { background: var(--aksan-yikama); border-color: var(--aksan-koyu); color: var(--aksan-koyu); }
.sohbet-panel .bilgi-notu { flex: 0 0 auto; margin-top: 0px; border-radius: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; padding: var(--bosluk-14) var(--bosluk-20); }
.sohbet-panel .bilgi-notu p { font-size: var(--yazi-13); line-height: var(--satir-govde); }
.sohbet-kunye .rozet { font-size: var(--yazi-10-5); padding: 3px var(--bosluk-8); }
.sohbet-balon .kunye .rozet { font-size: var(--yazi-10-5); padding: 3px var(--bosluk-8); }
.bildirim-govde { padding: var(--bolum-nefes-sik) 0 var(--bolum-nefes); background: var(--zemin); }
.bildirim-kolonu { max-width: 880px; margin: 0px auto; }
.gun-etiketi { display: flex; align-items: center; gap: var(--bosluk-12); font-size: var(--yazi-12); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-muhur); text-transform: uppercase; color: var(--metin-ikincil); margin: var(--bosluk-26) 0 var(--bosluk-12); }
.gun-etiketi::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--cizgi); }
.bildirim-kolonu > .gun-etiketi:first-child { margin-top: 0px; }
.bildirim-liste { background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-lg); overflow: hidden; box-shadow: var(--golge-sm); }
.bildirim-satir { position: relative; display: flex; align-items: center; gap: var(--bosluk-15); width: 100%; text-align: left; font-family: inherit; background: var(--kagit); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: var(--bosluk-16) var(--bosluk-20); cursor: pointer; transition: background var(--sure-agir) var(--yumusama); }
.bildirim-satir + .bildirim-satir { border-top: var(--cizgi-1) solid var(--cizgi); }
.bildirim-satir:hover { background: var(--zemin); }
.bildirim-satir.okunmadi { background: var(--bildirim-yeni); }
.bildirim-satir.okunmadi:hover { background: var(--bildirim-yeni-2); }
.bs-ikon { flex: 0 0 auto; width: 46px; height: 46px; border-radius: var(--yuvarlak-md); display: grid; place-items: center; font-size: var(--yazi-17); background: var(--aksan-yikama); color: var(--aksan); }
.bs-ikon.sistem { background: var(--zemin); color: var(--murekkep-yumusak); }
.bs-avatar { flex: 0 0 auto; width: 46px; height: 46px; border-radius: var(--yuvarlak-daire); background-size: cover; background-position: center center; }
.bs-metin { flex: 1 1 0%; min-width: 0px; }
.bs-metin p { font-size: var(--yazi-14); font-weight: var(--agirlik-govde); line-height: var(--satir-orta); color: var(--murekkep-yumusak); text-align: left; text-align-last: auto; hyphens: manual; }
.bs-metin p b { color: var(--murekkep); font-weight: var(--agirlik-kalin); }
.bs-meta { display: flex; align-items: center; gap: var(--bosluk-10); margin-top: var(--bosluk-4); font-size: var(--yazi-12); font-weight: var(--agirlik-govde); color: var(--metin-ikincil); }
.bs-meta .tur { display: inline-flex; align-items: center; gap: var(--bosluk-5); }
.bs-meta .tur i { font-size: var(--yazi-10-5); color: var(--aksan); }
.bs-gorsel { flex: 0 0 auto; width: 52px; height: 52px; border-radius: var(--yuvarlak-md); background-size: cover; background-position: center center; }
.bs-benek { flex: 0 0 auto; width: 9px; height: 9px; border-radius: var(--yuvarlak-daire); background: var(--aksan); box-shadow: 0 0 0 3px var(--aksan-halka-2); opacity: 0; transform: scale(0.4); transition: var(--sure-yavas) var(--yumusama); }
.bildirim-satir.okunmadi .bs-benek { opacity: 1; transform: scale(1); }
.bs-eylem { flex: 0 0 auto; font-size: var(--yazi-12); font-weight: var(--agirlik-kalin); color: var(--murekkep); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-sm); padding: var(--bosluk-8) var(--bosluk-15); white-space: nowrap; cursor: pointer; font-family: inherit; transition: var(--sure) var(--yumusama); }
.bs-eylem:hover { border-color: var(--aksan); color: var(--aksan); background: var(--aksan-yikama); }
.bs-eylem.secili { background: var(--aksan); border-color: var(--aksan); color: var(--kagit); }
.bs-islemler { flex: 0 0 auto; display: flex; align-items: center; gap: var(--bosluk-4); opacity: 0; transition: opacity var(--sure-cabuk) var(--yumusama); }
.bildirim-satir:hover .bs-islemler, .bildirim-satir:focus-within .bs-islemler { opacity: 1; }
@media (hover: none), (pointer: coarse){
  .bs-islemler { opacity: 1; }
}
.bs-islem { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; border: var(--cizgi-1) solid transparent; border-radius: var(--yuvarlak-sm); background: none; color: var(--metin-ikincil); font-size: var(--yazi-13); font-family: inherit; text-decoration: none; cursor: pointer; transition: var(--sure-cabuk) var(--yumusama); }
.bs-islem:hover { background: var(--kagit); border-color: var(--cizgi); color: var(--murekkep); }
.bs-islem:focus-visible { opacity: 1; outline: var(--odak-kalinlik) solid var(--aksan-yikama); outline-offset: 1px; border-color: var(--aksan); }
.bs-islem.sil:hover { color: var(--bildirim-sil); border-color: var(--bildirim-sil-cizgi); }
.bildirim-satir.okunmadi .bs-islem.okundu { color: var(--aksan); }
.bildirim-satir:not(.okunmadi) .bs-islem.okundu { display: none; }
.geri-al { display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-14); flex-wrap: wrap; margin: 0 0 var(--bosluk-14); padding: var(--bosluk-13) var(--bosluk-18); border-radius: var(--yuvarlak-md); background: var(--aksan-yikama); border: var(--cizgi-1) solid var(--aksan-cizgi); font-size: var(--yazi-13-5); font-weight: var(--agirlik-orta); color: var(--murekkep); text-align: left; text-align-last: auto; }
.geri-al button { font-family: inherit; font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--aksan-koyu); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; text-decoration: underline; padding: var(--bosluk-4) 2px; }
.geri-al button:focus-visible { outline: var(--odak-kalinlik) solid var(--aksan-yikama); outline-offset: var(--odak-ofset); }
.alt-not.cizgisiz { margin-top: var(--bosluk-14); padding-top: 0px; border-top: 0px; }
.bildirim-suzgec { margin: 0 auto var(--bolum-nefes-sik); }
.alt-not.ortali { justify-content: center; align-items: center; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding-top: 0px; margin-top: var(--bosluk-24); font-size: var(--yazi-12-5); }
.alt-not.ortali i { margin-top: 0px; flex: 0 1 auto; }
@media (max-width: 640px){
  .bildirim-satir { padding: var(--bosluk-13) var(--bosluk-14); gap: var(--bosluk-11); flex-wrap: wrap; }
  .bs-ikon, .bs-avatar { width: 40px; height: 40px; font-size: var(--yazi-15); }
  .bs-gorsel { width: 42px; height: 42px; }
  .bs-metin p { font-size: var(--yazi-13); }
  .bildirim-satir:has(.bs-eylem) .bs-metin { flex: 1 1 calc(100% - 51px); }
  .bs-eylem { order: 5; margin-left: 51px; }
  .bs-benek { order: 6; }
  .bs-islemler { gap: 2px; }
  .bs-islem { width: 38px; height: 38px; }
}
.kademe-karti .dugme { width: 100%; justify-content: center; margin-top: var(--bosluk-4); }
.kademe-karti .dugme[disabled] { opacity: 0.45; pointer-events: none; }
.paket-ozellikler + .durum-satir { margin-top: var(--bosluk-12); }
.alan-telefon { position: relative; }
.alan-telefon .alan-girdi { padding-left: 104px; }
.alan-ulke { position: absolute; left: var(--cizgi-1); top: 0px; width: 96px; height: 45px; z-index: 2; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; color: var(--murekkep); font-family: inherit; display: flex; align-items: center; justify-content: center; gap: var(--bosluk-6); background: var(--zemin); border-right: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md) 0 0 var(--yuvarlak-md); font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); cursor: pointer; }
.alan-ulke-bayrak { font-size: var(--yazi-16); line-height: 16px; }
.alan-ulke-kod { font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); }
.alan-tarih .alan-girdi { padding-right: 52px; }
.alan-ulke-katman { position: absolute; top: calc(100% + var(--bosluk-6)); left: 0px; width: min(360px, 100%); z-index: 60; background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); box-shadow: var(--golge-lg); overflow: hidden; }
.alan-ulke-arama { display: flex; align-items: center; gap: var(--bosluk-9); padding: var(--bosluk-10) var(--bosluk-12); border-bottom: var(--cizgi-1) solid var(--cizgi); }
.alan-ulke-arama input { flex: 1 1 0%; border: 0px; background: transparent; padding: var(--bosluk-4) 0; font-family: inherit; font-size: var(--yazi-14); font-weight: var(--agirlik-govde); color: var(--murekkep); outline: none; }
.alan-ulke-liste { padding: var(--bosluk-6); list-style: none; overflow-y: auto; max-height: 264px; }
.alan-ulke-liste li { display: flex; align-items: center; gap: var(--bosluk-11); padding: 0 var(--bosluk-10); min-height: 44px; border-radius: var(--yuvarlak-sm); font-size: var(--yazi-14); font-weight: var(--agirlik-orta); color: var(--murekkep); cursor: pointer; }
.alan-ulke-liste li .bayrak { flex: 0 0 auto; font-size: var(--yazi-17); line-height: 1; }
.alan-ulke-liste li .ad { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.alan-ulke-liste li .kod { flex: 0 0 auto; font-size: var(--yazi-13); color: var(--aksan-koyu); }
.alan-ulke-liste li.secili { background: var(--aksan-yikama); font-weight: var(--agirlik-kalin); }
@media (hover: hover){
  .alan-ulke-liste li:hover { background: var(--aksan-yikama); }
}
.alan-ulke-bos { padding: var(--bosluk-18) var(--bosluk-14); font-size: var(--yazi-13-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); color: var(--murekkep-yumusak); text-align: center; text-align-last: auto; }
.adim-serit li.acik { color: var(--aksan-koyu); border-bottom-color: var(--aksan); }
.adim-serit li.acik span { background: var(--aksan-yikama-2); color: var(--aksan-koyu); }
.modal-eylemler .dugme { padding: var(--bosluk-11) var(--bosluk-18); font-size: var(--yazi-13-5); }
.modal-ayak > .dugme { padding: var(--bosluk-14) var(--bosluk-26); }
.modal-ayak > .dugme.birincil { margin-left: auto; }
.durum-satir.ustlu { margin-top: var(--bosluk-22); }
.cip { display: inline-flex; align-items: center; gap: var(--bosluk-7); position: relative; padding: var(--bosluk-8) var(--bosluk-15); border-radius: var(--yuvarlak-sm); font-family: inherit; font-size: var(--yazi-13); font-weight: var(--agirlik-govde); color: var(--murekkep-yumusak); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); cursor: pointer; text-decoration: none; text-align: left; transition: var(--sure) var(--yumusama); }
.cip::before { content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 44px; }
.cip:hover { border-color: var(--aksan); color: var(--aksan-koyu); background: var(--aksan-yikama); }
.cip.aktif { background: var(--aksan-koyu); border-color: var(--aksan-koyu); color: var(--kagit); font-weight: var(--agirlik-kalin); }
.cip:focus-visible { outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset); }
.cip.suzgec { font-weight: var(--agirlik-orta); padding: var(--bosluk-9) var(--bosluk-16); min-height: 44px; }
.cip.suzgec::before { content: none; }
.cip-sayi { font-size: var(--yazi-11); font-weight: inherit; opacity: 0.65; }
.cip i { font-size: var(--yazi-11); }
.cip.hap { display: inline-block; position: static; gap: normal; font-weight: var(--agirlik-orta); padding: var(--bosluk-9) var(--bosluk-16); border-radius: var(--yuvarlak-hap); }
.cip.hap::before { content: none; }
@media (max-width: 640px){
  .cipler.ortali .cip:not(.hap), .cipler.ortali .cip:not(.hap).aktif { font-size: var(--yazi-12); padding: var(--bosluk-7) var(--bosluk-12); }
  .cipler .cip.hap { white-space: nowrap; }
}
.kart.odeme > .kart-bas .dugme { padding: var(--bosluk-11) var(--bosluk-18); font-size: var(--yazi-13-5); flex: 0 0 auto; }
.kart-suzgec .cipler { gap: var(--bosluk-8); }
.olcer.hap { border-radius: var(--yuvarlak-hap); margin-top: var(--bosluk-11); background: var(--olcer-zemin); }
.olcer.hap > span { border-radius: var(--yuvarlak-hap); }
.dugme.orta { padding: var(--bosluk-11) var(--bosluk-18); font-size: var(--yazi-13-5); }
.dugme.satir { padding: var(--bosluk-10) var(--bosluk-14); gap: var(--bosluk-7); font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); border-radius: var(--yuvarlak-sm); min-height: 44px; background: var(--kagit); color: var(--aksan-koyu); border: var(--cizgi-1) solid var(--aksan-cizgi-2); white-space: nowrap; }
.dugme.satir:hover { background: var(--aksan-yikama-2); }
.dugme.satir:focus-visible { outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset); }
.paket-eylemler .dugme { padding: var(--bosluk-12) var(--bosluk-20); font-size: var(--yazi-13-5); }
.bos-durum.plan-ici { padding: var(--bosluk-44) var(--bosluk-20) var(--bosluk-38); gap: var(--bosluk-10); }
.bos-durum.plan-ici .bos-ikon { width: 56px; height: 56px; border-radius: var(--yuvarlak-daire); font-size: var(--yazi-21); margin-bottom: 0px; }
.bos-durum.plan-ici h4 { font-size: var(--yazi-16-5); line-height: var(--satir-baslik); letter-spacing: var(--aralik-sik); margin: 0px; }
.bos-durum.plan-ici p { font-size: var(--yazi-14); line-height: var(--satir-genis-2); max-width: 56ch; color: var(--yer-tutucu); margin: 0px; }
.bos-durum.plan-ici .dugme { margin-top: var(--bosluk-6); }
@media (max-width: 640px){
  .paket-eylemler .dugme { width: 100%; }
}
.bant { position: relative; overflow: hidden; min-height: var(--banner-h-liste); height: var(--banner-h-liste); padding: calc(var(--kabuk-h) + var(--hero-ust)) 0 var(--hero-alt); background: var(--bant-perde-aksan),
    var(--bant-perde-ana),
    var(--bant-perde-dip),
    var(--bant-gorsel) var(--bant-gorsel-yeri)/cover no-repeat,
    var(--bant-zemin); }
.bant > .kap { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: stretch; justify-content: center; row-gap: var(--banner-gap); min-height: calc(var(--banner-h-liste) - var(--kabuk-h) - var(--hero-ust)); }
.bant > .kap > * { margin-top: 0px; margin-bottom: 0px; }
.bant .kirinti { position: absolute; top: 0px; margin: 0px; }
.bant .ust-etiket { color: var(--aksan-parlak); }
.bant .ust-etiket::before { background: var(--aksan-parlak); }
.bant h1 { font-size: var(--yazi-42); line-height: var(--satir-baslik); letter-spacing: var(--aralik-baslik-2); max-width: none; margin: 0px; color: var(--kagit); }
.bant-alt { font-size: var(--yazi-15-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); max-width: 560px; color: var(--koyu-metin); text-align: left; text-align-last: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 900px){
  .bant h1 { font-size: var(--yazi-31); letter-spacing: var(--aralik-baslik); max-width: 680px; }
}
@media (max-width: 640px){
  .bant { padding: calc(var(--kabuk-h-dar) + var(--hero-ust)) 0 var(--hero-alt); }
  .bant h1 { font-size: var(--yazi-25); }
  .bant-alt { font-size: var(--yazi-14); }
  .bant-bas h1 { font-size: var(--yazi-22); letter-spacing: var(--aralik-baslik); max-width: none; }
  .bant-bas .bant-alt { font-size: var(--yazi-13-5); }
  .alt-not.ortali { flex-wrap: wrap; justify-content: center; text-align: center; }
}
.dikis { position: relative; z-index: 2; border-radius: var(--dikis-r) var(--dikis-r) 0 0; }
.dikis.bant-ustunde { margin-top: calc(-1 * var(--dikis-r)); }
.dikis:not(.bant-ustunde) { border-top: var(--cizgi-1) solid var(--cizgi); }
.bant-bas { display: flex; align-items: center; gap: var(--bosluk-18); padding: 2px 0 var(--bosluk-20); }
.bant-bas h1 { display: flex; align-items: center; gap: var(--bosluk-12); flex-wrap: wrap; margin: var(--hero-gap) 0 calc(var(--hero-gap) - 2px); }
.bant-araclar { margin-left: auto; flex: 0 0 auto; display: flex; align-items: center; gap: var(--bosluk-10); }
.bant-bas .bant-alt { font-size: var(--yazi-13-5); max-width: none; display: block; overflow: visible; -webkit-line-clamp: none; }
.dugme.cam { background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); color: var(--murekkep); }
.kimlik-bant .dugme.cam, .kapak .dugme.cam, .ozet-karti .dugme.cam { background: var(--bant-arac-zemin); border-color: var(--bant-arac-kenar); color: var(--kagit); }
.kimlik-bant .dugme.cam:hover, .kapak .dugme.cam:hover, .ozet-karti .dugme.cam:hover { background: var(--bant-arac-zemin-2); border-color: var(--bant-arac-kenar-2); color: var(--kagit); }
.dugme.cam { gap: var(--bosluk-9); justify-content: normal; text-align: left; flex-shrink: 0; white-space: nowrap; }
.dugme.cam:hover { background: var(--bant-arac-zemin-2); border-color: var(--bant-arac-kenar-2); color: var(--kagit); }
.dugme.cam i { font-size: var(--yazi-13); line-height: 1; }
.dugme.cam.ikon i { font-size: inherit; line-height: 1; }
.dugme.cam.ikon { width: 43px; height: 43px; min-height: auto; padding: 0px; display: grid; place-items: center; position: relative; grid-template-columns: none; gap: normal; flex-shrink: 1; white-space: normal; font-size: var(--yazi-16); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); text-align: start; }
.dugme.cam.ikon::before { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
@media (max-width: 640px){
  .dugme.cam { padding: 0 var(--bosluk-14); height: 38px; font-size: var(--yazi-13); position: relative; }
  .dugme.cam.ikon { width: 44px; height: 44px; font-size: var(--yazi-15); }
}
.rozet.sayac { display: block; align-items: normal; gap: normal; min-width: auto; letter-spacing: inherit; flex: 0 0 auto; white-space: nowrap; font-size: var(--yazi-12); font-weight: var(--agirlik-kalin); padding: var(--bosluk-5) var(--bosluk-11); border-radius: var(--yuvarlak-sm); color: var(--aksan); background: var(--aksan-yikama); border: var(--cizgi-1) solid var(--aksan-cizgi-3); }
@media (max-width: 640px){
  .bant-bas { flex-wrap: wrap; gap: var(--bosluk-12); padding-bottom: var(--bosluk-16); }
  .bant-araclar { margin-left: 0px; width: 100%; }
}
.durum-kolon { max-width: var(--durum-kolon); }
.durum-giris { display: flex; gap: var(--bosluk-20); align-items: flex-start; }
.durum-ikon { flex: 0 0 auto; width: 62px; height: 62px; border-radius: var(--yuvarlak-daire); display: grid; place-items: center; font-size: var(--yazi-25); background: var(--aksan-yikama); color: var(--aksan-koyu); }
.durum-ikon.uyari { background: var(--uyari-yikama); color: var(--uyari); }
.durum-ikon.dur { background: var(--tehlike-yikama); color: var(--tehlike); }
.durum-giris h2 { font-size: var(--yazi-23); font-weight: var(--agirlik-kalin); line-height: var(--satir-baslik-2); letter-spacing: var(--aralik-baslik); margin: 0 0 var(--bosluk-8); }
.durum-giris p { font-size: var(--yazi-15-5); font-weight: var(--agirlik-govde); line-height: var(--satir-bol); color: var(--murekkep-yumusak); max-width: var(--olcu); text-align: left; text-align-last: auto; }
.durum-giris p + p { margin-top: var(--bosluk-11); }
.durum-arama { display: flex; gap: var(--bosluk-10); margin-top: var(--bosluk-24); flex-wrap: wrap; }
.durum-arama input { flex: 1 1 260px; min-width: 0px; height: 48px; padding: 0 var(--bosluk-16); font-family: inherit; font-size: var(--yazi-15); font-weight: var(--agirlik-govde); color: var(--murekkep); background: var(--zemin); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); outline: none; }
.durum-arama input:focus { border-color: var(--aksan-koyu); }
.durum-arama .dugme { height: 48px; flex: 0 0 auto; }
.durum-blok { margin-top: var(--bosluk-34); }
.durum-blok h3 { font-size: var(--yazi-17); font-weight: var(--agirlik-kalin); line-height: var(--satir-baslik); letter-spacing: var(--aralik-baslik); margin: 0 0 var(--bosluk-10); }
.durum-cikis { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: var(--bosluk-14); margin-top: var(--bosluk-30); list-style: none; padding: 0px; }
.durum-cikis a { display: flex; gap: var(--bosluk-14); align-items: flex-start; height: 100%; background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-lg); padding: var(--bosluk-18) var(--bosluk-20); box-shadow: var(--golge-sm); transition: var(--sure) var(--yumusama); }
.durum-cikis a:hover { border-color: var(--aksan); box-shadow: var(--golge-md); transform: translateY(-2px); }
.durum-cikis a > i { color: var(--aksan-koyu); font-size: var(--yazi-17); margin-top: 2px; flex: 0 0 auto; width: 20px; text-align: center; }
.durum-cikis b { display: block; font-size: var(--yazi-15); font-weight: var(--agirlik-kalin); color: var(--murekkep); margin-bottom: 3px; }
.durum-cikis small { display: block; font-size: var(--yazi-13); font-weight: var(--agirlik-govde); color: var(--metin-ikincil); line-height: var(--satir-govde); text-align: left; text-align-last: auto; }
.durum-sik { display: flex; flex-wrap: wrap; gap: var(--bosluk-9); margin-top: var(--bosluk-16); list-style: none; padding: 0px; }
.durum-sik a { display: inline-flex; align-items: center; gap: var(--bosluk-8); min-height: 38px; padding: 0 var(--bosluk-14); font-size: var(--yazi-13-5); font-weight: var(--agirlik-orta); color: var(--murekkep); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-cip); transition: var(--sure) var(--yumusama); }
.durum-sik a:hover { border-color: var(--aksan); color: var(--aksan-koyu); }
.durum-sik a i { font-size: var(--yazi-12); color: var(--aksan-koyu); }
.durum-rozet { display: inline-flex; align-items: center; gap: var(--bosluk-10); margin-top: var(--bosluk-22); min-height: 44px; padding: 0 var(--bosluk-18); border-radius: var(--yuvarlak-cip); font-size: var(--yazi-14); font-weight: var(--agirlik-kalin); background: var(--tehlike-yikama); color: var(--tehlike); border: var(--cizgi-1) solid var(--tehlike-cizgi); text-align: left; text-align-last: auto; }
.durum-rozet.cevrimici { background: var(--aksan-yikama); color: var(--aksan-koyu); border-color: var(--aksan-cizgi); }
.durum-rozet .nokta { width: 9px; height: 9px; border-radius: var(--yuvarlak-daire); background: currentcolor; flex: 0 0 auto; }
.durum-alan { display: inline-block; padding: 3px var(--bosluk-10); border-radius: var(--yuvarlak-rozet); border: var(--cizgi-1) dashed var(--cizgi); background: var(--zemin); color: var(--metin-ikincil); font-size: var(--yazi-13); font-weight: var(--agirlik-orta); font-style: normal; }
@media (max-width: 640px){
  .durum-giris { flex-direction: column; gap: var(--bosluk-14); }
  .durum-ikon { width: 54px; height: 54px; font-size: var(--yazi-22); }
  .durum-giris h2 { font-size: var(--yazi-20); }
  .durum-giris p { font-size: var(--yazi-15); }
  .durum-arama .dugme { width: 100%; justify-content: center; }
}
.bant.derin { height: var(--banner-h-detay); min-height: var(--banner-h-detay); }
body:has(.sohbet-panel.acik) .basa-don, body:has(.sohbet-panel.acik) .kenar-sekmesi, body:has(.sohbet-panel.acik) .kenar-serit, body:has(.sohbet-panel.acik) .yuzen-dugme, body:has(.sohbet-panel.acik) .sohbet-dugme { opacity: 0; visibility: hidden; pointer-events: none; }
.sekmeler { justify-content: safe center; }
.kart.panel > .kart-alt:has(.dugme) { display: flex; align-items: center; gap: var(--bosluk-14); flex-wrap: wrap; }
.kart.panel > .kart-alt:has(.dugme) > .dugme { margin-left: auto; }
.kap > .bilgi-notu:last-child, .bolum > .bilgi-notu:last-child, .fit-pane > .bilgi-notu:last-child { margin-bottom: var(--bosluk-24); }
.kart-izgara.c2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
@media (max-width: 640px){
  .kart-izgara.c2, .kart-izgara.c3 { grid-template-columns: minmax(0px, 1fr); }
}
.uyari-kutu.hata { color: var(--hata); background: var(--hata-yikama); border-color: var(--hata-cizgi); }
.uyari-kutu.hata > i { color: var(--hata); }
.dugme { line-height: var(--satir-tek); }
.dugme.hayalet, .dugme.uyari, .dugme.cizgili { padding: calc(var(--bosluk-14) - var(--cizgi-1)) calc(var(--bosluk-26) - var(--cizgi-1)); }
.dugme.btn-fit, .dugme.btn-food { background: var(--aksan-koyu); color: var(--kagit); }
.dugme.btn-fit:hover, .dugme.btn-food:hover { background: var(--aksan-koyu-2); transform: translateY(-2px); }
.kart-alt > .dugme, .modal-ayak > .dugme.birincil { margin-left: 0px; }
.kart-alt > :not(.dugme):first-child { margin-right: auto; }
.kart-alt > .dugme { order: 1; }
.kart-alt > .dugme.birincil { order: 2; }
.kart-alt:not(:has(.dugme, .sayfalama, button)) { justify-content: center; text-align: center; }
.kart-alt:not(:has(.dugme, .sayfalama, button)) > :first-child { margin-right: 0px; }
.bilgi-notu:has(+ *) { margin-bottom: var(--bolum-nefes-sik); }
.modul-govde .kap > .bilgi-notu { max-width: none; margin-inline: 0px; }
.fit-pane :is(.alt-not, .bilgi-notu):last-child:not(:is(.kart, .fp-card, .ozet-karti) *) { justify-content: center; text-align: center; padding-top: var(--bosluk-20); margin-bottom: 0px; }
.fit-pane .alt-not:last-child:not(:is(.kart, .fp-card, .ozet-karti) *) > i { margin-top: 2px; }
.fit-pane > .kap { padding-top: 0px; padding-bottom: 0px; }
.fit-pane > .kap + .kap { margin-top: var(--bolum-nefes-sik); }
.cip.on, .cip[aria-pressed="true"] { background: var(--aksan-koyu); border-color: var(--aksan-koyu); color: var(--kagit); font-weight: var(--agirlik-kalin); }
.sekmeler.ortali { justify-content: safe center; }
.bolum-bas .giris-metni, .bolum-bas .lead, .sec-head .lead { max-width: none; }
:is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .bilgi-notu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer) + :is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer) { margin-top: var(--bosluk-16); }
:is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer) + .bilgi-notu { margin-top: var(--bosluk-34); }
:is(.pp-gunler, .fp-grid, .fpx-kural, .ol-formcards) > :is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .bilgi-notu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer) + :is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .bilgi-notu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer) { margin-top: 0px; }
.cipler + .cipler { margin-top: var(--bosluk-9); }
.cipler + :is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer, .fp-list, .ba-count, .fpx-kiyas) { margin-top: var(--bosluk-16); }
.fit-pane > .kap:first-child { padding-top: var(--bolum-nefes-sik); }
.kart > .cipler { padding-inline: var(--bosluk-24); }
.kart > .alan-izgara { padding: var(--bosluk-16) var(--bosluk-24); }
.kart > .cipler:first-of-type { padding-top: var(--bosluk-16); }
.kart > .cipler:last-of-type { padding-bottom: var(--bosluk-16); }
:is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .bilgi-notu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer, .fp-grid, .pp-gunler, .fpx-kural, .ol-formcards, .kart-rayi) + :is(.fp-grid, .pp-gunler, .fpx-kural, .ol-formcards, .kart-rayi) { margin-top: var(--bosluk-16); }
:is(.fp-grid, .pp-gunler, .fpx-kural, .ol-formcards, .kart-rayi) + :is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer) { margin-top: var(--bosluk-16); }
:is(.fp-grid, .pp-gunler, .fpx-kural, .ol-formcards, .kart-rayi) + .bilgi-notu { margin-top: var(--bosluk-34); }
.ft-blok + :is(.alan, .alan-izgara), :is(.alan, .alan-izgara) + .ft-blok { margin-top: var(--bosluk-22); }
:where(body[data-fit-hero-kind]) :is(.lib-top, .bant, .cp-top, .kp-top, .chl-hero, .pd-hero, .fs-top, .ol-top, .ed-top, .arama-hero, .giris-hero) { padding-top: var(--banner-crumb-ofset, 128px); }
:where(body[data-fit-hero-kind]) :is(.lib-top, .bant, .cp-top, .kp-top, .chl-hero, .pd-hero, .fs-top, .ol-top, .ed-top, .arama-hero, .giris-hero) > .wrap { display: flex; flex-direction: column; align-items: stretch; position: relative; }
:where(body[data-fit-hero-kind]) :is(.lib-top, .bant, .cp-top, .kp-top, .chl-hero, .pd-hero, .fs-top, .ol-top, .ed-top, .arama-hero, .giris-hero) > .wrap > :is([class*="crumb"], [class*="kirinti"]) { order: -1; align-self: flex-start; width: auto; flex: 0 0 auto; margin-right: auto; margin-top: 0px; position: absolute; top: 0px; }
.is-off { display: none !important; }
.nt-top { --lib-img: url('https://images.unsplash.com/photo-1517836357463-d25dfeac3438?w=1680&q=80&auto=format&fit=crop&exp=7&gam=6&sat=-16'); }
.nt-top .nt-tools .see-all { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.22); color: rgb(255, 255, 255); }
.nt-top .nt-tools .see-all:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.38); color: rgb(255, 255, 255); }
@media (max-width: 640px){
  .nt-top .nt-tools .see-all { padding: 0px 14px; height: 38px; border: 1px solid rgba(255, 255, 255, 0.22); font-size: 13px; color: rgb(255, 255, 255); }
}