/* =========================================================
   CostChief — AÇILIŞ SAYFASI (public/index.html)
   Kural belgesi: TASARIM_DILI.md · CLAUDE.md §16.1
   Kaynak taslak: docs/tasarim/referans/landing/costchief-anasayfa-taslak.html
   Tur 1b (2026-09-21): taslağın yeni sürümü — eski kuralların ARDINA
   eklenen ~810 geçersiz kılma (mobil ≤640 · masaüstü ≥981). Kaynak sırası
   korunmuştur: bir kuralı yukarı taşımak onu ezilir hâle getirir.

   ⛔ BU DOSYADA LİTERAL RENK VE px YOKTUR. Değerlerin tamamı
      static/css/cc_tokens.css'teki `--cc-*` değişkenlerinden gelir
      (`--cc-lan-*` ailesi bu sayfa için açıldı). Yeni bir değer
      gerekiyorsa ÖNCE token açılır, sonra burada kullanılır.
      Bekçi: CcTasarimCirciriTesti (dosya "eski liste"de DEĞİL).

   ⚠️ Negatif px değerleri literal duruyor: ölçüm (`literal_ihlaller`)
      onları kapsamıyor — ACIK_ISLER'e madde olarak yazıldı.
   ========================================================= */

:root {
  box-sizing: border-box;
  padding-top: env(safe-area-inset-top,0px);
  padding-bottom: env(safe-area-inset-bottom,0px);
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--cc-lan-capa-ust) + env(safe-area-inset-top,0px));
}
*,*::before,*::after {
  box-sizing: inherit;
}
body {
  margin: 0;
  background: var(--cc-surface);
  color: var(--cc-navy);
  font-weight: var(--cc-weight-regular);
  font-size: var(--cc-font-17);
  line-height: 1.65;
  font-family: var(--cc-family-body);
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3 {
  font-family: var(--cc-family-heading);
  font-weight: var(--cc-weight-heavy);
  margin: 0;
  letter-spacing: var(--cc-tracking-brand);
  line-height: 1.08;
}
p {
  margin: 0;
}
a {
  color: inherit;
}
img {
  max-width: 100%;
  display: block;
}
.sar {
  max-width: var(--cc-lan-sayfa-max);
  margin: 0 auto;
  padding: 0 var(--cc-space-8);
}
:focus-visible {
  outline: var(--cc-cizgi-kalin-3) solid var(--cc-lan-celik-500);
  outline-offset: var(--cc-cizgi-kalin-3);
  border-radius: var(--cc-radius-sm);
}
.ust {
  position: sticky;
  top: env(safe-area-inset-top,0px);
  z-index: 20;
  background: var(--cc-surface);
  border-bottom: 1px solid var(--cc-navy-100);
  transition: box-shadow .3s;
}
.asagi .ust {
  box-shadow: var(--cc-lan-golge-cubuk);
}
.ust1 {
  display: flex;
  align-items: center;
  gap: var(--cc-space-35);
  height: var(--cc-lan-ust-boy);
}
.ust1>* {
  white-space: nowrap;
  flex: none;
}
.marka {
  display: flex;
  align-items: center;
  gap: var(--cc-space-3);
  text-decoration: none;
}
/* ⛔ SAĞ GRUBU MARKA İTER (Tur 4c/7). Referansta boşluğu `.dil`in
   `margin-left: auto`su açıyordu; dil seçici bugün basılmadığı için
   (LANGUAGES yalnız `tr`, ACIK_ISLER §14.62) sağ grup ve hamburger en sağa
   bu kuralla gider. Seçici geldiğinde ikisi aynı boşluğu paylaşır, zarar yok. */
.ust1>.marka {
  margin-right: auto;
}
.marka img {
  width: var(--cc-lan-marka);
  height: var(--cc-lan-marka);
}
.marka b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-22);
  font-family: var(--cc-family-heading);
  display: block;
  line-height: 1;
  letter-spacing: var(--cc-tracking-brand);
}
.marka small {
  font-size: var(--cc-font-12);
  color: var(--cc-lan-notr-700);
  display: block;
  margin-top: var(--cc-space-1);
  letter-spacing: .01em;
}
.dil {
  display: flex;
  gap: var(--cc-space-05);
  margin-left: auto;
  margin-right: var(--cc-space-25);
}
.dil button {
  border: 0;
  background: none;
  font-weight: var(--cc-weight-medium);
  font-size: var(--cc-font-14);
  font-family: var(--cc-family-body);
  color: var(--cc-lan-notr-600);
  padding: var(--cc-space-25) var(--cc-space-2);
  cursor: pointer;
  border-bottom: var(--cc-cizgi-orta) solid transparent;
}
.dil button:hover {
  color: var(--cc-navy);
}
.dil button[aria-pressed=true] {
  color: var(--cc-navy);
  font-weight: var(--cc-weight-semibold);
  border-bottom-color: var(--cc-action);
}
.uyeol {
  font-size: var(--cc-font-15);
  font-weight: var(--cc-weight-semibold);
  text-decoration: none;
  padding: var(--cc-space-25) var(--cc-space-15);
}
.uyeol:hover {
  color: var(--cc-action-hover);
}
.giris svg {
  width: var(--cc-lan-ikon-sm);
  height: var(--cc-lan-ikon-sm);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  margin-right: var(--cc-space-2);
}
.bolcubuk {
  position: relative;
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
  background: var(--cc-surface);
}
.asagi .bolcubuk {
  max-height: var(--cc-space-12);
  border-top: 1px solid var(--cc-navy-100);
}
.gez a i {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-12);
  font-family: var(--cc-family-heading);
  font-style: normal;
  width: var(--cc-space-5);
  height: var(--cc-space-5);
  border-radius: 50%;
  border: var(--cc-cizgi-kalin) solid currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--cc-space-2);
}
.gez {
  display: flex;
  gap: var(--cc-space-9);
  height: var(--cc-lan-gez-boy);
  align-items: center;
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-medium);
  overflow-x: auto;
  scrollbar-width: none;
}
.gez::-webkit-scrollbar {
  display: none;
}
.gez a {
  text-decoration: none;
  color: var(--cc-lan-notr-600);
  white-space: nowrap;
  position: relative;
  height: var(--cc-lan-gez-boy);
  display: flex;
  align-items: center;
}
.gez a:hover {
  color: var(--cc-navy);
}
.gez a.simdi {
  color: var(--cc-navy);
  font-weight: var(--cc-weight-semibold);
}
.gez a.simdi::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--cc-space-05);
  background: var(--cc-action);
}
#ilerleme {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background: var(--cc-lan-celik-500);
}
.dug {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--cc-space-12);
  padding: 0 var(--cc-space-6);
  border-radius: var(--cc-radius-md);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-16);
  font-family: var(--cc-family-body);
  text-decoration: none;
  border: 0;
  cursor: pointer;
  transition: background .2s,border-color .2s;
}
.dug.cc-btn-primary {
  background: var(--cc-action);
  color: var(--cc-navy);
}
.dug.cc-btn-primary:hover {
  background: var(--cc-action-hover);
}
.dug.cam {
  background: transparent;
  color: var(--cc-on-navy);
  border: 1px solid var(--cc-lan-ak-35);
}
.dug.cam:hover {
  border-color: var(--cc-on-navy);
}
.dug.kucuk {
  min-height: var(--cc-space-10);
  padding: 0 var(--cc-space-4);
  font-size: var(--cc-font-14);
}
.giris {
  font-size: var(--cc-font-15);
  font-weight: var(--cc-weight-semibold);
  text-decoration: none;
}
.hero {
  background: var(--cc-navy);
  color: var(--cc-on-navy);
  padding: var(--cc-space-14) 0 var(--cc-space-16);
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--cc-lan-izgara);
  background-size: var(--cc-space-14) var(--cc-space-14);
  mask-image: var(--cc-lan-maske-alt);
  -webkit-mask-image: var(--cc-lan-maske-alt);
}
.hero .sar {
  position: relative;
}
.hero h1 {
  font-size: var(--cc-lan-h1);
  max-width: 20ch;
  line-height: 1.1;
}
.hero .alt {
  font-size: var(--cc-lan-giris);
  color: var(--cc-lan-notr-100);
  max-width: 64ch;
  margin-top: var(--cc-space-5);
}
.hero .eylem {
  display: flex;
  gap: var(--cc-space-35);
  flex-wrap: wrap;
  margin-top: var(--cc-space-7);
}
.akis {
  margin-top: var(--cc-space-10);
  background: var(--cc-lan-navy-950);
  border: 1px solid var(--cc-lan-navy-600);
  border-radius: var(--cc-radius-card);
  padding: var(--cc-space-6) var(--cc-space-7) var(--cc-space-7);
}
.sekler {
  display: flex;
  gap: var(--cc-space-2);
  flex-wrap: wrap;
}
.sek {
  background: transparent;
  color: var(--cc-lan-notr-100);
  border: 1px solid var(--cc-lan-navy-600);
  border-radius: var(--cc-radius-pill);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-14);
  font-family: var(--cc-family-body);
  padding: var(--cc-space-2) var(--cc-space-45);
  min-height: var(--cc-lan-marka);
  cursor: pointer;
}
.sek:hover {
  border-color: var(--cc-lan-celik-500);
}
.sek[aria-pressed=true] {
  background: var(--cc-surface);
  color: var(--cc-navy);
  border-color: var(--cc-on-navy);
}
.akbas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: var(--cc-space-7) 0 var(--cc-space-15);
  gap: var(--cc-space-3);
  flex-wrap: wrap;
}
.akbas b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  font-family: var(--cc-family-heading);
}
.canli {
  font-size: var(--cc-font-13);
  color: var(--cc-lan-celik-200);
  display: flex;
  align-items: center;
  gap: var(--cc-space-2);
}
.canli i {
  width: var(--cc-space-2);
  height: var(--cc-space-2);
  border-radius: 50%;
  background: var(--cc-lan-celik-500);
  animation: nbz 1.8s ease-in-out infinite;
}
@keyframes nbz {
  50% {
    opacity: .3;
  }
}
.akgov {
  display: grid;
  grid-template-columns: var(--cc-lan-sutun-yan) minmax(0,1fr) var(--cc-lan-sutun-yan-lg);
  align-items: center;
}
.olc {
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-4);
}
.kutu {
  background: var(--cc-lan-navy-700);
  border-radius: var(--cc-radius-row);
  padding: var(--cc-space-35) var(--cc-space-45);
}
.kutu span {
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-300);
  display: block;
}
.kutu b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-26);
  font-family: var(--cc-family-heading);
  font-variant-numeric: tabular-nums;
}
.kutu b em {
  font-weight: var(--cc-weight-bold);
  font-size: var(--cc-font-13);
  font-family: var(--cc-family-heading);
  font-style: normal;
  margin-left: var(--cc-space-1);
}
.akgov>svg {
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
}
.ekveri {
  display: none;
  flex-wrap: wrap;
  gap: var(--cc-space-15);
  margin-top: var(--cc-space-1);
}
.ekveri span {
  border: 1px solid var(--cc-lan-navy-600);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-3);
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-100);
}
.sonuc {
  background: var(--cc-action);
  color: var(--cc-navy);
  border-radius: var(--cc-radius-lg);
  padding: var(--cc-space-55);
}
.sonuc span {
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-semibold);
  display: block;
  line-height: 1.35;
}
.sonuc b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-display);
  font-family: var(--cc-family-heading);
  display: block;
  margin-top: var(--cc-space-25);
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
.sonuc small {
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-semibold);
}
.sek {
  position: relative;
  overflow: hidden;
}
.sek.sayac::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: var(--cc-lan-cubuk-boy);
  width: 100%;
  background: var(--cc-action);
  transform-origin: left;
  animation: say 4.2s linear forwards;
}
@keyframes say {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.maksol {
  display: flex;
  align-items: center;
  gap: var(--cc-space-4);
}
.cizim {
  width: var(--cc-lan-cizim-md);
  height: var(--cc-space-14);
  flex: none;
}
.cizim * {
  fill: none;
  stroke: var(--cc-lan-celik-300);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cizim .v {
  stroke: var(--cc-action);
}
.dug.cerceve {
  background: var(--cc-surface);
  color: var(--cc-navy);
  border: 1px solid var(--cc-lan-notr-100);
}
.dug.cerceve:hover {
  border-color: var(--cc-navy);
}
.esle {
  background: var(--cc-surface);
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-card);
  padding: var(--cc-space-3) var(--cc-space-7) 0;
  overflow: hidden;
  box-shadow: var(--cc-lan-golge-kart);
}
.esle .bas {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: var(--cc-space-4) 0 var(--cc-space-3);
}
.esle .bas b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-18);
  font-family: var(--cc-family-heading);
}
.esle .bas span {
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-700);
}
.esat {
  display: grid;
  grid-template-columns: var(--cc-lan-sutun-3xl) minmax(0,5fr) var(--cc-space-8) minmax(0,6fr) var(--cc-space-30);
  gap: var(--cc-space-4);
  align-items: center;
  padding: var(--cc-space-45) 0;
  border-top: 1px solid var(--cc-navy-100);
  font-size: var(--cc-font-16);
}
.esat.sizin2 {
  background: var(--cc-warm-surface);
  margin: 0 -28px;
  padding-left: var(--cc-space-7);
  padding-right: var(--cc-space-7);
  border-radius: 0 0 var(--cc-radius-tile) var(--cc-radius-tile);
}
.esat.sizin2 .kay {
  border-color: var(--cc-action);
  color: var(--cc-lan-sicak-800);
  background: var(--cc-surface);
}
.esat .kay {
  white-space: nowrap;
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-semibold);
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-3);
  text-align: center;
}
.esat .ne {
  color: var(--cc-lan-notr-700);
}
.esat .nereye {
  font-weight: var(--cc-weight-semibold);
}
.esat .tut {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-16);
  font-family: var(--cc-family-heading);
  white-space: nowrap;
  text-align: right;
}
.esat svg {
  width: var(--cc-space-8);
  height: var(--cc-space-4);
}
.ekran {
  display: grid;
  grid-template-columns: minmax(0,4fr) minmax(0,6fr);
  gap: var(--cc-space-10);
  align-items: center;
}
.ekran p {
  color: var(--cc-lan-notr-700);
  font-size: var(--cc-font-16);
  margin-top: var(--cc-space-25);
}
.alt-bilgi .marka img {
  width: var(--cc-space-8);
  height: var(--cc-space-8);
}
.alt-bilgi .sol {
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-3);
}
.alt-bilgi .sag {
  display: flex;
  gap: var(--cc-space-6);
  font-weight: var(--cc-weight-medium);
}
.alt-bilgi .sag a {
  text-decoration: none;
}
.alt-bilgi .sag a:hover {
  color: var(--cc-navy);
}
.konu {
  display: flex;
  align-items: center;
  gap: var(--cc-space-25);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-body);
  color: var(--cc-lan-celik-700);
  margin-bottom: var(--cc-space-5);
}
.konu svg {
  width: var(--cc-space-55);
  height: var(--cc-space-55);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}
.fx .konu,.ilet .konu {
  color: var(--cc-lan-celik-300);
}
.yolda {
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-semibold);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-3);
  background: var(--cc-icon-tile);
  color: var(--cc-lan-celik-900);
  display: inline-block;
  margin-top: var(--cc-space-5);
}
.rsat {
  display: grid;
  grid-template-columns: minmax(0,1fr) var(--cc-lan-sutun-lg) var(--cc-lan-sutun-2xl);
  gap: var(--cc-space-3);
  padding: var(--cc-space-3) 0 var(--cc-space-3) var(--cc-space-45);
  border-top: 1px solid var(--cc-navy-100);
  font-size: var(--cc-font-15);
  position: relative;
}
.rsat::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: var(--cc-space-25);
  height: 1px;
  background: var(--cc-lan-notr-200);
}
.rsat span:nth-child(2) {
  color: var(--cc-lan-notr-700);
  text-align: right;
}
.rsat span:nth-child(3) {
  text-align: right;
  font-weight: var(--cc-weight-semibold);
  font-variant-numeric: tabular-nums;
}
.rsat.fx1 span:first-child {
  color: var(--cc-lan-celik-700);
  font-weight: var(--cc-weight-semibold);
}
.agac {
  border-left: 1px solid var(--cc-lan-notr-200);
  margin: var(--cc-space-35) 0 0 var(--cc-space-15);
}
.kiyas {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--cc-space-3);
  margin-top: var(--cc-space-5);
}
.kiyas div {
  background: var(--cc-navy-50);
  border-radius: var(--cc-radius-row);
  padding: var(--cc-space-35) var(--cc-space-4);
}
.kiyas span {
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-700);
  display: block;
}
.kiyas b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  font-family: var(--cc-family-heading);
  font-variant-numeric: tabular-nums;
}
.kiyas .fark {
  background: var(--cc-action-soft);
}
.kiyas .fark b,.kiyas .fark span {
  color: var(--cc-lan-sicak-800);
}
.kimler {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--cc-navy-100);
}
.kimler li {
  display: grid;
  grid-template-columns: var(--cc-lan-sutun-4xl) minmax(0,1fr) minmax(0,1fr);
  gap: var(--cc-space-6);
  padding: var(--cc-space-55) 0;
  border-bottom: 1px solid var(--cc-navy-100);
  align-items: baseline;
}
.kimler b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-16);
  font-family: var(--cc-family-heading);
}
.kimler q {
  quotes: "\201C" "\201D";
  font-size: var(--cc-font-17);
  font-weight: var(--cc-weight-medium);
}
.kimler span {
  font-size: var(--cc-font-16);
  color: var(--cc-lan-notr-700);
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--cc-lan-imlec-isigi);
}
.hero h1 .iki2 {
  display: block;
  color: var(--cc-action);
  opacity: 0;
  transform: translateY(var(--cc-space-25));
  transition: opacity .7s ease .7s,transform .7s ease .7s;
}
.yuklendi .hero h1 .iki2 {
  opacity: 1;
  transform: none;
}
.akis {
  opacity: 0;
  transform: translateY(var(--cc-space-55));
  transition: opacity .9s ease 1.2s,transform .9s ease 1.2s;
  background: var(--cc-lan-akis-zemin) !important;
  border-color: var(--cc-lan-celik-cam-30) !important;
  box-shadow: var(--cc-lan-golge-bolum-koyu);
}
.yuklendi .akis {
  opacity: 1;
  transform: none;
}
.kutu {
  background: var(--cc-lan-kutu-zemin) !important;
  border: 1px solid var(--cc-lan-celik-cam-16);
}
.kutu .deger {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--cc-space-3);
}
.kiv {
  width: var(--cc-lan-kiv-en) !important;
  height: var(--cc-lan-serit-boy) !important;
  flex: none;
  overflow: visible;
}
.kiv polyline {
  fill: none;
  stroke: var(--cc-lan-celik-300);
  stroke-width: 1.6;
  stroke-linejoin: round;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
.kiv circle {
  fill: var(--cc-lan-celik-300);
}
.yol {
  stroke-dasharray: 3 7;
  animation: ak 1.4s linear infinite;
}
@keyframes ak {
  to {
    stroke-dashoffset: -20;
  }
}
.nk {
  filter: var(--cc-lan-isik-celik);
}
.nk.t {
  filter: var(--cc-lan-isik-turuncu);
}
.nabiz {
  transform-origin: var(--cc-lan-nabiz-x) var(--cc-lan-capa-ust);
  animation: nbz2 2.6s ease-out infinite;
}
@keyframes nbz2 {
  from {
    transform: scale(1);
    opacity: .7;
  }
  to {
    transform: scale(2.1);
    opacity: 0;
  }
}
.sonuc {
  box-shadow: var(--cc-lan-golge-eylem);
}
.basust {
  display: grid;
  grid-template-columns: minmax(0,6fr) minmax(0,5fr);
  gap: var(--cc-space-18);
  align-items: end;
  margin-bottom: var(--cc-space-14);
}
.basust .giris-yazi {
  margin-top: 0;
}
.duvar {
  background: var(--cc-lan-duvar-zemin);
  border-radius: var(--cc-radius-hero-sm);
  padding: var(--cc-space-7);
  color: var(--cc-on-navy);
  box-shadow: var(--cc-lan-golge-sahne);
}
.duvarbas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--cc-space-4);
  flex-wrap: wrap;
  margin-bottom: var(--cc-space-55);
}
.duvarbas b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  font-family: var(--cc-family-heading);
}
.lej {
  display: flex;
  gap: var(--cc-space-45);
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-300);
  flex-wrap: wrap;
}
.lej i {
  display: inline-block;
  width: var(--cc-lan-nokta);
  height: var(--cc-lan-nokta);
  border-radius: 50%;
  margin-right: var(--cc-space-2);
}
.unite {
  display: grid;
  grid-template-columns: repeat(10,minmax(0,1fr));
  gap: var(--cc-space-25);
}
.un {
  background: var(--cc-lan-navy-700);
  border: 1px solid var(--cc-lan-celik-cam-16);
  border-radius: var(--cc-radius-row);
  padding: var(--cc-space-3) var(--cc-space-3) var(--cc-space-25);
  transition: background .5s,border-color .5s;
}
.un small {
  font-size: var(--cc-font-12);
  color: var(--cc-lan-notr-300);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.un b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-18);
  font-family: var(--cc-family-heading);
  display: block;
  margin-top: var(--cc-space-15);
  font-variant-numeric: tabular-nums;
}
.un em {
  font-weight: var(--cc-weight-medium);
  font-size: var(--cc-font-11);
  font-family: var(--cc-family-body);
  font-style: normal;
  color: var(--cc-lan-notr-300);
  display: block;
  min-height: var(--cc-space-4);
}
.un .cub {
  height: var(--cc-lan-cubuk-boy);
  border-radius: var(--cc-radius-xs);
  background: var(--cc-cam-ikon);
  margin-top: var(--cc-space-2);
  overflow: hidden;
}
.un .cub span {
  display: block;
  height: 100%;
  background: var(--cc-lan-celik-500);
  border-radius: var(--cc-radius-xs);
  transition: width 1s ease;
}
.un.dur {
  opacity: .55;
}
.un.dur small i {
  background: var(--cc-lan-notr-500);
}
.un.dur .cub span {
  background: var(--cc-lan-notr-500);
}
.un.bos {
  background: var(--cc-lan-sicak-900);
  border-color: var(--cc-action);
  animation: uyar 1.2s ease-in-out infinite;
}
.un.bos small i,.un.bos .cub span {
  background: var(--cc-action);
}
.un.bos em {
  color: var(--cc-lan-sicak-300);
}
.un.kap {
  background: var(--cc-lan-navy-700);
  border-color: var(--cc-lan-yesil-700);
}
.un.kap small i {
  background: var(--cc-lan-yesil-400);
}
.un.kap em {
  color: var(--cc-lan-yesil-200);
}
@keyframes uyar {
  50% {
    box-shadow: var(--cc-lan-halka-eylem);
  }
}
.duvarbas b small {
  font-weight: var(--cc-weight-medium);
  font-size: var(--cc-font-14);
  font-family: var(--cc-family-body);
  color: var(--cc-lan-notr-300);
  margin-left: var(--cc-space-25);
}
.anlatici {
  font-size: var(--cc-font-17);
  font-weight: var(--cc-weight-medium);
  color: var(--cc-navy-100);
  margin: -6px 0 var(--cc-space-5);
  min-height: var(--cc-space-7);
  padding-left: var(--cc-space-35);
  border-left: var(--cc-cizgi-kalin-3) solid var(--cc-lan-celik-500);
  transition: opacity .22s,border-color .3s,color .3s;
}
.anlatici.t {
  border-left-color: var(--cc-action);
  color: var(--cc-lan-sicak-300);
}
.anlatici.y {
  border-left-color: var(--cc-lan-yesil-400);
  color: var(--cc-success-border);
}
.un b {
  color: var(--cc-navy-100);
}
.un.bos b,.un.kap b {
  color: var(--cc-on-navy);
}
.un .cub {
  height: var(--cc-space-05) !important;
}
.un em {
  min-height: var(--cc-lan-etiket-boy) !important;
}
.fabgov {
  display: grid;
  grid-template-columns: minmax(0,1fr) var(--cc-lan-panel-genis);
  gap: var(--cc-space-10);
  align-items: center;
  position: relative;
}
.zemin {
  display: grid;
  grid-template-columns: repeat(10,minmax(0,1fr));
  gap: var(--cc-space-2);
}
.mk {
  aspect-ratio: 1/1;
  border-radius: var(--cc-radius-md);
  background: var(--cc-lan-navy-700);
  border: 1px solid var(--cc-lan-celik-cam-16);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--cc-space-1);
  transition: background .35s,border-color .35s,box-shadow .35s;
  position: relative;
}
.mk svg {
  width: 46%;
  height: 46%;
  fill: none;
  stroke: var(--cc-lan-notr-400);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .3s;
}
.mk small {
  font-size: var(--cc-font-10);
  color: var(--cc-lan-notr-300);
  line-height: 1;
}
.mk.at {
  background: var(--cc-light-1);
  border-color: var(--cc-lan-celik-300);
  box-shadow: var(--cc-lan-parilti-celik-sm);
}
.mk.at svg {
  stroke: var(--cc-on-navy);
}
.mk.dur {
  opacity: .4;
}
.mk.bos {
  background: var(--cc-lan-sicak-900);
  border-color: var(--cc-action);
  animation: uyar 1.2s ease-in-out infinite;
}
.mk.bos svg {
  stroke: var(--cc-lan-sicak-400);
}
.mk.kap {
  border-color: var(--cc-lan-yesil-400);
  background: var(--cc-lan-yesil-900);
}
.mk.kap svg {
  stroke: var(--cc-lan-yesil-200);
}
.ucan {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--cc-space-2);
  height: var(--cc-space-2);
  margin: -4px 0 0 -4px;
  border-radius: 50%;
  background: var(--cc-lan-celik-300);
  box-shadow: var(--cc-lan-parilti-celik);
  pointer-events: none;
  z-index: 4;
}
.ucan.t {
  background: var(--cc-action);
  box-shadow: var(--cc-lan-parilti-turuncu);
}
.ucan.y {
  background: var(--cc-lan-yesil-400);
  box-shadow: var(--cc-lan-parilti-yesil);
}
.kacsec {
  display: flex;
  gap: var(--cc-space-15);
  margin-left: var(--cc-space-15);
}
.kacsec button {
  border: 1px solid var(--cc-lan-navy-600);
  background: transparent;
  color: var(--cc-lan-notr-100);
  font-weight: var(--cc-weight-bold);
  font-size: var(--cc-font-14);
  font-family: var(--cc-family-heading);
  min-width: var(--cc-lan-yuva);
  height: var(--cc-space-10);
  border-radius: var(--cc-radius-pill);
  cursor: pointer;
  transition: all .25s;
}
.kacsec button:hover {
  border-color: var(--cc-lan-celik-500);
}
.kacsec button[aria-pressed=true] {
  background: var(--cc-surface);
  color: var(--cc-navy);
  border-color: var(--cc-on-navy);
}
.duvarbas .lej {
  margin-left: auto;
}
.zemin {
  align-content: center;
  min-height: var(--cc-lan-zemin-boy);
  transition: gap .3s;
}
.zemin.s10,.zemin.s20 {
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: var(--cc-space-3);
  padding: 0 9%;
}
.zemin.s40 {
  grid-template-columns: repeat(8,minmax(0,1fr));
  gap: var(--cc-space-25);
}
.zemin.s60 {
  grid-template-columns: repeat(10,minmax(0,1fr));
  gap: var(--cc-space-2);
}
.zemin.s100 {
  grid-template-columns: repeat(10,minmax(0,1fr));
  gap: var(--cc-space-15);
  padding: 0 4%;
}
.zemin.s100 .mk small,.zemin.s60 .mk small {
  display: none;
}
.zemin.s10 .mk small,.zemin.s20 .mk small {
  font-size: var(--cc-font-12);
}
.mk {
  animation: gel .4s cubic-bezier(.3,1.4,.5,1) backwards;
}
@keyframes gel {
  from {
    opacity: 0;
    transform: scale(.5);
  }
}
.tel {
  width: var(--cc-lan-panel-genis);
  height: var(--cc-lan-tel-boy);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-2);
  background: var(--cc-lan-tel-zemin);
  box-shadow: var(--cc-lan-golge-tel);
  position: relative;
}
.tel::before {
  content: "";
  position: absolute;
  left: -3px;
  top: var(--cc-space-30);
  width: var(--cc-lan-cubuk-boy);
  height: var(--cc-lan-serit-boy);
  border-radius: var(--cc-radius-xxs) 0 0 var(--cc-radius-xxs);
  background: var(--cc-text);
  box-shadow: var(--cc-lan-tel-tus-golge);
}
.tel::after {
  content: "";
  position: absolute;
  right: -3px;
  top: var(--cc-space-40);
  width: var(--cc-lan-cubuk-boy);
  height: var(--cc-space-16);
  border-radius: 0 var(--cc-radius-xxs) var(--cc-radius-xxs) 0;
  background: var(--cc-text);
}
.telekran {
  position: relative;
  height: 100%;
  border-radius: var(--cc-radius-pill);
  overflow: hidden;
  background: var(--cc-lan-telekran-zemin);
  display: flex;
  flex-direction: column;
  padding: 0 var(--cc-space-3);
}
.telekran::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--cc-lan-cam-parilti);
  pointer-events: none;
}
.telust {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-13);
  font-family: var(--cc-family-body);
  color: var(--cc-on-navy);
  padding: var(--cc-space-3) var(--cc-space-25) var(--cc-space-2);
}
.telust>i {
  width: var(--cc-lan-kamera-en);
  height: var(--cc-lan-kamera-boy);
  border-radius: var(--cc-radius-lg);
  background: var(--cc-lan-siyah);
  display: block;
}
.telik {
  display: flex;
  gap: var(--cc-space-1);
  align-items: center;
}
.telik svg {
  height: var(--cc-space-25);
  fill: var(--cc-on-navy);
  color: var(--cc-on-navy);
}
.telik svg.cz {
  fill: none;
  stroke: var(--cc-on-navy);
  stroke-width: 1.700;
  stroke-linecap: round;
}
.telpush {
  position: absolute;
  left: var(--cc-space-2);
  right: var(--cc-space-2);
  top: var(--cc-space-2);
  z-index: 5;
  background: var(--cc-lan-ak-96);
  color: var(--cc-text);
  border-radius: var(--cc-radius-hero-xs);
  padding: var(--cc-space-25) var(--cc-space-3);
  display: flex;
  gap: var(--cc-space-25);
  align-items: flex-start;
  box-shadow: var(--cc-lan-golge-bildirim);
  transform: translateY(-130%);
  transition: transform .5s cubic-bezier(.3,1.2,.4,1);
}
.telpush.ac {
  transform: none;
}
.telpush img {
  width: var(--cc-lan-ikon-xl);
  height: var(--cc-lan-ikon-xl);
  border-radius: var(--cc-radius-xs);
  background: var(--cc-surface);
  flex: none;
}
.telpush b {
  font-size: var(--cc-font-13);
  display: flex;
  justify-content: space-between;
}
.telpush b span {
  font-weight: var(--cc-weight-regular);
  color: var(--cc-lan-notr-600);
}
.telpush p {
  font-size: var(--cc-font-13);
  line-height: 1.35;
  margin-top: 1px;
}
.telapp {
  display: flex;
  align-items: center;
  gap: var(--cc-space-25);
  padding: var(--cc-space-2) var(--cc-space-05) var(--cc-space-3);
}
.telapp img {
  width: var(--cc-space-9);
  height: var(--cc-space-9);
  border-radius: var(--cc-radius-md);
  background: var(--cc-surface);
  padding: var(--cc-space-1);
}
.telapp small {
  display: block;
  font-size: var(--cc-font-11);
  color: var(--cc-lan-notr-400);
}
.telapp b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-17);
  font-family: var(--cc-family-heading);
}
.zil {
  margin-left: auto;
  position: relative;
  width: var(--cc-space-9);
  height: var(--cc-space-9);
  border-radius: 50%;
  background: var(--cc-lan-navy-700);
  display: flex;
  align-items: center;
  justify-content: center;
}
.zil svg {
  width: var(--cc-lan-ikon-md);
  height: var(--cc-lan-ikon-md);
  fill: none;
  stroke: var(--cc-lan-notr-100);
  stroke-width: 1.700;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.zil i {
  position: absolute;
  right: -2px;
  top: -2px;
  min-width: var(--cc-lan-ikon-sm);
  height: var(--cc-lan-ikon-sm);
  border-radius: var(--cc-radius-xs);
  background: var(--cc-action);
  color: var(--cc-on-navy);
  font-weight: var(--cc-weight-bold);
  font-size: var(--cc-font-11);
  font-family: var(--cc-family-body);
  font-style: normal;
  display: none;
  align-items: center;
  justify-content: center;
}
.zil.var i {
  display: flex;
}
.zil.var {
  animation: salla .5s ease 2;
}
@keyframes salla {
  25% {
    transform: rotate(-14deg);
  }
  75% {
    transform: rotate(14deg);
  }
}
.telsay {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--cc-space-15);
}
.telsay div {
  background: var(--cc-lan-navy-700);
  border-radius: var(--cc-radius-lg);
  padding: var(--cc-space-2) var(--cc-space-15);
  text-align: center;
}
.telsay b {
  display: block;
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  font-family: var(--cc-family-heading);
  font-variant-numeric: tabular-nums;
}
.telsay span {
  font-size: var(--cc-font-11);
  color: var(--cc-lan-notr-300);
}
.telsay .uy.var {
  background: var(--cc-lan-sicak-900);
}
.telsay .uy.var b {
  color: var(--cc-lan-sicak-400);
}
.telgraf {
  background: var(--cc-lan-navy-700);
  border-radius: var(--cc-radius-lg);
  padding: var(--cc-space-25) var(--cc-space-3) var(--cc-space-15);
  margin-top: var(--cc-space-15);
}
.telgraf div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: var(--cc-font-12);
  color: var(--cc-lan-notr-300);
}
.telgraf b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-heading);
  color: var(--cc-on-navy);
  font-variant-numeric: tabular-nums;
}
.telgraf svg {
  width: 100%;
  height: var(--cc-space-10);
  display: block;
  margin-top: var(--cc-space-05);
}
.akisbas {
  font-size: var(--cc-font-12);
  color: var(--cc-lan-notr-400);
  margin: var(--cc-space-3) var(--cc-space-1) var(--cc-space-2);
}
.telakis {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-1);
  flex: 1;
  overflow: hidden;
}
.telakis li {
  background: var(--cc-lan-navy-700);
  border-radius: var(--cc-radius-row);
  padding: var(--cc-space-2) var(--cc-space-25);
  font-size: var(--cc-font-12);
  display: flex;
  justify-content: space-between;
  gap: var(--cc-space-2);
  border-left: var(--cc-cizgi-kalin-3) solid var(--cc-lan-celik-500);
  animation: dus .45s ease;
}
.telakis li b {
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-on-navy);
  white-space: nowrap;
}
.telakis li span {
  color: var(--cc-lan-notr-300);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.telakis li.t {
  border-left-color: var(--cc-action);
  background: var(--cc-lan-sicak-950);
}
.telakis li.t span {
  color: var(--cc-lan-sicak-300);
}
.telakis li.y {
  border-left-color: var(--cc-lan-yesil-400);
  background: var(--cc-lan-yesil-900);
}
.telakis li.y span {
  color: var(--cc-lan-yesil-200);
}
.telsekme {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin: var(--cc-space-15) -13px 0;
  padding: var(--cc-space-2) var(--cc-space-2) var(--cc-space-5);
  background: var(--cc-lan-perde-90);
  border-top: 1px solid var(--cc-lan-celik-cam-16);
}
.telsekme span {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--cc-space-1);
  font-size: var(--cc-font-10);
  color: var(--cc-lan-notr-500);
}
.telsekme svg {
  width: var(--cc-space-5);
  height: var(--cc-space-5);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.700;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.telsekme .on {
  color: var(--cc-on-navy);
}
.telcizgi {
  position: absolute;
  left: 50%;
  bottom: var(--cc-space-2);
  width: var(--cc-lan-cizim-md);
  height: var(--cc-space-1);
  margin-left: -52px;
  border-radius: var(--cc-radius-2xs);
  background: var(--cc-lan-ak-75);
}
@keyframes dus {
  from {
    opacity: 0;
    transform: translateY(-14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.istler {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: var(--cc-space-25);
  align-content: center;
  min-height: var(--cc-lan-kart-boy);
}
.ist {
  background: var(--cc-lan-navy-700);
  border: 1px solid var(--cc-lan-celik-cam-16);
  border-radius: var(--cc-radius-lg);
  padding: var(--cc-space-3) var(--cc-space-3) var(--cc-space-25);
  animation: gel .4s cubic-bezier(.3,1.4,.5,1) backwards;
}
.ist .ub {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: var(--cc-font-12);
  color: var(--cc-lan-notr-300);
}
.ist .ub b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-14);
  font-family: var(--cc-family-heading);
  color: var(--cc-on-navy);
}
.kasalar {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--cc-space-15);
  margin-top: var(--cc-space-25);
}
.kasa {
  height: var(--cc-lan-marka-lg);
  border-radius: var(--cc-radius-sm);
  background: var(--cc-on-navy-hover);
  border: 1px solid var(--cc-lan-celik-cam-22);
  position: relative;
  overflow: hidden;
  transition: border-color .3s;
}
.kasa i {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--cc-lan-celik-500);
  transition: height .9s ease,background .3s;
}
.kasa.az {
  border-color: var(--cc-action);
}
.kasa.az i {
  background: var(--cc-action);
}
.kasa.dol {
  border-color: var(--cc-lan-yesil-400);
}
.kasa.dol i {
  background: var(--cc-lan-yesil-400);
}
.ist.az {
  border-color: var(--cc-action);
}
.depo {
  background: var(--cc-lan-navy-950);
  border: 1px solid var(--cc-lan-celik-cam-22);
  border-radius: var(--cc-radius-hero-xs);
  padding: var(--cc-space-45);
  min-height: var(--cc-lan-kart-boy);
  display: flex;
  flex-direction: column;
  box-shadow: var(--cc-lan-golge-depo);
}
.depobas {
  display: flex;
  gap: var(--cc-space-3);
  align-items: center;
  padding-bottom: var(--cc-space-35);
  border-bottom: 1px solid var(--cc-lan-celik-cam-16);
}
.depobas svg {
  width: var(--cc-lan-ikon-xl);
  height: var(--cc-lan-ikon-xl);
  padding: var(--cc-space-2);
  border-radius: var(--cc-radius-md);
  background: var(--cc-lan-navy-700);
  fill: none;
  stroke: var(--cc-lan-celik-200);
  stroke-width: 1.600;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.depobas small {
  display: block;
  font-size: var(--cc-font-12);
  color: var(--cc-lan-notr-400);
}
.depobas b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-16);
  font-family: var(--cc-family-heading);
}
.depolist {
  list-style: none;
  margin: var(--cc-space-3) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-2);
}
.depolist li {
  background: var(--cc-lan-navy-700);
  border-radius: var(--cc-radius-row);
  padding: var(--cc-space-25) var(--cc-space-3);
  font-size: var(--cc-font-13);
  border-left: var(--cc-cizgi-kalin-3) solid var(--cc-action);
  animation: dus .45s ease;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--cc-space-05) var(--cc-space-2);
}
.depolist li b {
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-on-navy);
}
.depolist li span {
  color: var(--cc-lan-notr-300);
  font-size: var(--cc-font-12);
  grid-column: 1;
}
.depolist li em {
  font-style: normal;
  font-size: var(--cc-font-12);
  font-weight: var(--cc-weight-semibold);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-2);
  grid-row: 1/3;
  grid-column: 2;
  align-self: center;
  background: var(--cc-lan-sicak-900);
  color: var(--cc-lan-sicak-300);
}
.depolist li.yol {
  border-left-color: var(--cc-lan-celik-500);
}
.depolist li.yol em {
  background: var(--cc-light-1);
  color: var(--cc-lan-celik-100);
}
.depolist li.tm {
  border-left-color: var(--cc-lan-yesil-400);
}
.depolist li.tm em {
  background: var(--cc-lan-yesil-900);
  color: var(--cc-lan-yesil-200);
}
.depobos {
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-400);
  margin: auto 0;
  text-align: center;
  padding: 0 var(--cc-space-25);
}
.duvaralt {
  display: flex;
  justify-content: space-between;
  gap: var(--cc-space-4);
  flex-wrap: wrap;
  margin-top: var(--cc-space-55);
  padding-top: var(--cc-space-45);
  border-top: 1px solid var(--cc-cam-ikon);
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-300);
}
.duvaralt b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  font-family: var(--cc-family-heading);
  color: var(--cc-on-navy);
  margin-left: var(--cc-space-2);
  font-variant-numeric: tabular-nums;
}
.fayda.dort {
  grid-template-columns: repeat(4,minmax(0,1fr));
  border-top: 0;
  margin-top: var(--cc-space-14);
}
.fayda.dort div {
  padding: 0 var(--cc-space-7) 0 0 !important;
  border: 0 !important;
}
.fayda.dort div+div {
  padding-left: var(--cc-space-7) !important;
  border-left: 1px solid var(--cc-navy-100) !important;
}
.fayda.dort h3 {
  font-size: var(--cc-font-18);
}
.fayda.dort p {
  font-size: var(--cc-font-15);
}
.eylemler li {
  grid-template-columns: minmax(0,5fr) var(--cc-space-10) minmax(0,6fr) var(--cc-lan-sutun-xl) !important;
  padding: var(--cc-space-6) var(--cc-space-4) !important;
  border-radius: var(--cc-radius-row);
  transition: background .5s;
}
.eylemler li .oldu {
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-lan-zeytin-900);
  background: var(--cc-lan-yesil-50);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-25);
  opacity: 0;
  transform: scale(.9);
  transition: opacity .4s .5s,transform .4s .5s;
  text-align: center;
}
.eylemler li.yan {
  background: var(--cc-warm-surface);
}
.eylemler li.yan .oldu {
  opacity: 1;
  transform: none;
}
.eylemler li svg path {
  stroke-dasharray: 50;
  stroke-dashoffset: 0;
}
.eylemler li.yan svg path {
  animation: okciz .7s ease;
}
@keyframes okciz {
  from {
    stroke-dashoffset: 50;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.fx {
  position: relative;
  overflow: hidden;
}
.fx::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--cc-lan-izgara);
  background-size: var(--cc-space-14) var(--cc-space-14);
  pointer-events: none;
}
.fx .sar {
  position: relative;
}
.devre {
  position: absolute;
  inset: -18% -14%;
  width: 128%;
  height: 136%;
  pointer-events: none;
  z-index: 0;
}
.devre path {
  fill: none;
  stroke: var(--cc-lan-celik-500);
  stroke-width: 1.2;
  opacity: .38;
}
.devre .akim {
  stroke: var(--cc-lan-celik-300);
  opacity: .9;
  stroke-width: 1.6;
  stroke-dasharray: 14 220;
  animation: akim 3.6s linear infinite;
}
.devre .akim.b {
  animation-delay: -1.4s;
  animation-duration: 4.4s;
}
.devre .akim.c {
  animation-delay: -2.6s;
  stroke: var(--cc-action);
}
.devre circle {
  fill: var(--cc-navy);
  stroke: var(--cc-lan-celik-500);
  stroke-width: 1.2;
  opacity: .6;
}
@keyframes akim {
  to {
    stroke-dashoffset: -234;
  }
}
.fx h2 em {
  font-style: normal;
  display: block;
  font-size: var(--cc-font-yari);
  letter-spacing: 0;
  color: var(--cc-lan-celik-300);
  margin-top: var(--cc-space-35);
  font-weight: var(--cc-weight-bold);
}
.bagl {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: var(--cc-space-2);
  margin-top: var(--cc-space-7);
  max-width: var(--cc-lan-kure);
}
.bagl div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--cc-space-2);
  min-width: 0;
  font-size: var(--cc-font-12);
  font-weight: var(--cc-weight-medium);
  color: var(--cc-lan-notr-100);
  text-align: center;
  line-height: 1.3;
}
.bagl i {
  width: var(--cc-lan-yuva);
  height: var(--cc-lan-yuva);
  border-radius: var(--cc-radius-lg);
  background: var(--cc-lan-yuva-zemin);
  border: 1px solid var(--cc-lan-celik-cam-30);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--cc-lan-golge-yuva);
  animation: isil 5s ease-in-out infinite;
}
.bagl div:nth-child(2) i {
  animation-delay: 1s;
}
.bagl div:nth-child(3) i {
  animation-delay: 2s;
}
.bagl div:nth-child(4) i {
  animation-delay: 3s;
}
.bagl div:nth-child(5) i {
  animation-delay: 4s;
}
@keyframes isil {
  0%,70%,100% {
    border-color: var(--cc-lan-celik-cam-30);
  }
  35% {
    border-color: var(--cc-lan-celik-300);
    box-shadow: var(--cc-lan-golge-yuva-parlak);
  }
}
.bagl svg {
  width: var(--cc-lan-ikon-lg);
  height: var(--cc-lan-ikon-lg);
  fill: none;
  stroke: var(--cc-lan-celik-200);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.guc {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0 var(--cc-space-7);
  margin-top: var(--cc-space-7);
  border-top: 1px solid var(--cc-lan-navy-600);
}
.guc div {
  position: relative;
  padding: var(--cc-space-35) 0;
  border-bottom: 1px solid var(--cc-lan-navy-600);
}
.guc div::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: var(--cc-space-05);
  width: 0;
  background: var(--cc-lan-celik-500);
  transition: width .5s ease;
}
.guc div:hover::after {
  width: 100%;
}
.guc b {
  display: block;
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-17);
  line-height: 1.25;
  font-family: var(--cc-family-heading);
  color: var(--cc-on-navy);
}
.guc b small {
  font: inherit;
  margin-left: .28em;
}
.guc span {
  display: block;
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-300);
  margin-top: var(--cc-space-1);
  line-height: 1.45;
}
.fx .baglanir {
  margin-top: var(--cc-space-7);
  align-items: center;
}
.fx .baglanir .sizin {
  border-color: var(--cc-action);
  color: var(--cc-on-navy);
  font-weight: var(--cc-weight-semibold);
  background: var(--cc-action-ring);
}
.heryer {
  font-size: var(--cc-font-16);
  color: var(--cc-lan-notr-100);
  margin-top: var(--cc-space-4);
  max-width: 52ch;
  padding-left: var(--cc-space-35);
  border-left: var(--cc-cizgi-orta) solid var(--cc-action);
}
.fx .baglanir em {
  font-style: normal;
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-400);
  margin-right: var(--cc-space-1);
}
.agacpanel {
  display: grid;
  grid-template-columns: minmax(0,5fr) minmax(0,7fr);
  gap: var(--cc-space-5);
  background: var(--cc-surface);
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-hero-sm);
  padding: var(--cc-space-5);
  box-shadow: var(--cc-lan-golge-panel);
}
.agac2 {
  background: var(--cc-lan-duvar-zemin);
  border-radius: var(--cc-radius-tile);
  padding: var(--cc-space-55);
  color: var(--cc-on-navy);
  font-size: var(--cc-font-15);
}
.agac2 .ust2 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--cc-space-25);
  margin-bottom: var(--cc-space-35);
}
.agac2 .ust2 b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-17);
  font-family: var(--cc-family-heading);
}
.agac2 .ust2 span {
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-300);
}
.agac2 .sayi {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-lh-44);
  line-height: 1;
  font-family: var(--cc-family-heading);
  font-variant-numeric: tabular-nums;
  background: var(--cc-lan-sayi-zemin);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.agac2 .sayi+small {
  display: block;
  color: var(--cc-lan-notr-300);
  font-size: var(--cc-font-13);
  margin: var(--cc-space-15) 0 var(--cc-space-45);
}
.dal {
  list-style: none;
  margin: 0;
  padding: 0 0 0 var(--cc-space-2);
  border-left: 1px solid var(--cc-lan-navy-600);
}
.dal li {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: var(--cc-space-25);
  padding: var(--cc-space-2) var(--cc-space-25) var(--cc-space-2) var(--cc-space-45);
  border-radius: var(--cc-radius-xs);
  color: var(--cc-lan-notr-100);
  transition: background .4s,color .4s;
}
.dal li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: var(--cc-space-3);
  height: 1px;
  background: var(--cc-lan-navy-600);
}
.dal li em {
  font-style: normal;
  color: var(--cc-lan-notr-400);
  font-variant-numeric: tabular-nums;
}
.dal li.on {
  background: var(--cc-lan-mavi-cam-22);
  color: var(--cc-on-navy);
}
.dal li.alt {
  margin-left: var(--cc-space-45);
  font-size: var(--cc-font-14);
}
.ciktilar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--cc-space-3);
}
.cik {
  position: relative;
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-tile);
  padding: var(--cc-space-5);
  overflow: hidden;
  transition: border-color .5s,box-shadow .5s,opacity .5s;
  opacity: .72;
}
.cik.on {
  opacity: 1;
  border-color: var(--cc-lan-celik-500);
  box-shadow: var(--cc-lan-golge-secili);
}
.cik::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: var(--cc-lan-cubuk-boy);
  width: 0;
  background: var(--cc-lan-celik-500);
}
.cik.on::after {
  width: 100%;
  transition: width 2.6s linear;
}
.cik h3 {
  font-size: var(--cc-font-15);
  color: var(--cc-lan-celik-700);
  font-family: var(--cc-family-body);
  font-weight: var(--cc-weight-semibold);
  letter-spacing: 0;
  display: flex;
  align-items: center;
  gap: var(--cc-space-2);
}
.cik h3 svg {
  width: var(--cc-space-5);
  height: var(--cc-space-5);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.cik .buyuk {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-28);
  line-height: 1.1;
  font-family: var(--cc-family-heading);
  margin-top: var(--cc-space-35);
  font-variant-numeric: tabular-nums;
}
.cik p {
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-700);
  margin-top: var(--cc-space-2);
  line-height: 1.5;
}
.cik .ray {
  margin: var(--cc-space-3) 0 0;
}
.rota {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-15);
  margin-top: var(--cc-space-35);
}
.rota span {
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-semibold);
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-3);
  color: var(--cc-lan-notr-700);
  transition: all .3s;
}
.rota span.on {
  background: var(--cc-navy);
  border-color: var(--cc-navy);
  color: var(--cc-on-navy);
}
.dosya {
  list-style: none;
  margin: var(--cc-space-3) 0 0;
  padding: 0;
  font-size: var(--cc-font-14);
}
.dosya li {
  display: flex;
  align-items: center;
  gap: var(--cc-space-2);
  padding: var(--cc-space-1) 0;
  color: var(--cc-lan-notr-700);
}
.dosya li::before {
  content: "";
  width: var(--cc-space-4);
  height: var(--cc-space-4);
  border-radius: 50%;
  border: var(--cc-cizgi-kalin) solid var(--cc-lan-notr-100);
  flex: none;
  transition: all .3s;
}
.dosya li.on {
  color: var(--cc-navy);
}
.dosya li.on::before {
  background: var(--cc-lan-yesil-400);
  border-color: var(--cc-lan-yesil-400);
  box-shadow: var(--cc-lan-ic-halka-ak);
}
.sahne2 {
  background: var(--cc-lan-duvar-zemin);
  border-radius: var(--cc-radius-hero);
  padding: var(--cc-space-7) var(--cc-space-7) var(--cc-space-7);
  color: var(--cc-on-navy);
  box-shadow: var(--cc-lan-golge-sahne);
  position: relative;
  overflow: hidden;
}
.sahne2::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--cc-lan-izgara);
  background-size: var(--cc-lan-marka) var(--cc-lan-marka);
  pointer-events: none;
}
.sahne2>* {
  position: relative;
}
.sahneust {
  display: flex;
  align-items: baseline;
  gap: var(--cc-space-4);
  flex-wrap: wrap;
}
.sahneust b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  font-family: var(--cc-family-heading);
}
#fazyazi {
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-action);
  transition: opacity .3s;
}
.sahneust .orn {
  margin-left: auto;
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-300);
}
#patlak {
  width: 100%;
  height: auto;
  display: block;
  margin: var(--cc-space-15) 0 var(--cc-space-25);
}
#patlak text {
  font-family: var(--cc-family-body);
}
.sahne2 .ciktilar {
  grid-template-columns: repeat(5,minmax(0,1fr));
}
.sahne2 .cik {
  padding: var(--cc-space-45) var(--cc-space-4);
}
.sahne2 .cik .buyuk {
  font-size: var(--cc-font-20) !important;
}
.sahne2 .cik {
  background: var(--cc-lan-cik-zemin);
  border-color: var(--cc-lan-celik-cam-16);
  opacity: .72;
}
.sahne2 .cik.on {
  opacity: 1;
  border-color: var(--cc-lan-celik-300);
  box-shadow: var(--cc-lan-golge-secili-celik);
}
.sahne2 .cik h3 {
  color: var(--cc-lan-celik-300);
}
.sahne2 .cik .buyuk {
  font-size: var(--cc-font-24);
  background: var(--cc-lan-sayi-zemin);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sahne2 .cik p {
  color: var(--cc-lan-notr-300);
  font-size: var(--cc-font-14);
}
.sahne2 .cik .ray {
  background: var(--cc-cam-kenar);
}
.sahne2 .rota span {
  border-color: var(--cc-lan-celik-cam-30);
  color: var(--cc-lan-notr-300);
}
.sahne2 .rota span.on {
  background: var(--cc-action);
  border-color: var(--cc-action);
  color: var(--cc-navy);
}
.sahne2 .dosya li {
  color: var(--cc-lan-notr-300);
}
.sahne2 .dosya li::before {
  border-color: var(--cc-lan-navy-500);
}
.sahne2 .dosya li.on {
  color: var(--cc-on-navy);
}
.sahne2 .dosya li.on::before {
  box-shadow: var(--cc-lan-ic-halka-navy);
}
#rkart {
  transition: opacity .35s ease;
  min-height: var(--cc-lan-kart-boy-lg);
}
.ornekno {
  display: flex;
  align-items: center;
  gap: var(--cc-space-2);
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-700);
}
.ornekno i {
  width: var(--cc-space-55);
  height: var(--cc-space-1);
  border-radius: var(--cc-radius-xs);
  background: var(--cc-navy-100);
  display: block;
  overflow: hidden;
  position: relative;
}
.ornekno i.on {
  background: var(--cc-lan-notr-100);
}
.ornekno i.on::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--cc-action);
  transform-origin: left;
  animation: say 5s linear forwards;
}
#rkart.dur .ornekno i.on::after {
  animation-play-state: paused;
}
.kiyas .iyi {
  background: var(--cc-lan-yesil-50);
}
.kiyas .iyi b,.kiyas .iyi span {
  color: var(--cc-lan-zeytin-900);
}
.harita {
  margin-top: var(--cc-space-22);
}
.harita h3 {
  font-size: var(--cc-lan-h3);
  max-width: 26ch;
  line-height: 1.2;
}
.ucyol {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr)) var(--cc-space-10) minmax(0,1.15fr);
  gap: var(--cc-space-35);
  align-items: stretch;
  margin-top: var(--cc-space-8);
}
.yolk {
  display: block;
  text-decoration: none;
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-card);
  padding: var(--cc-space-6);
  position: relative;
  overflow: hidden;
  transition: border-color .3s,transform .3s;
}
.yolk:hover {
  border-color: var(--cc-lan-celik-500);
  transform: translateY(-3px);
}
.yolk::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: var(--cc-lan-cubuk-boy);
  width: 0;
  background: var(--cc-lan-celik-500);
  transition: width .45s ease;
}
.yolk:hover::after {
  width: 100%;
}
.yolk i {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-heading);
  font-style: normal;
  width: var(--cc-lan-ikon-xl);
  height: var(--cc-lan-ikon-xl);
  border-radius: 50%;
  background: var(--cc-navy);
  color: var(--cc-on-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}
.yolk b {
  display: block;
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  font-family: var(--cc-family-heading);
  margin-top: var(--cc-space-45);
}
.yolk q {
  display: block;
  quotes: none;
  font-weight: var(--cc-weight-medium);
  margin-top: var(--cc-space-2);
  font-size: var(--cc-font-16);
}
.yolk span {
  display: block;
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-700);
  margin-top: var(--cc-space-25);
}
.yolk em {
  display: block;
  font-style: normal;
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-lan-celik-700);
  margin-top: var(--cc-space-4);
}
.ucyol>svg {
  width: var(--cc-space-10);
  align-self: center;
}
.sonuck {
  background: var(--cc-navy);
  color: var(--cc-on-navy);
  border-radius: var(--cc-radius-card);
  padding: var(--cc-space-6);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sonuck b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-22);
  line-height: 1.2;
  font-family: var(--cc-family-heading);
  color: var(--cc-action);
}
.sonuck span {
  font-size: var(--cc-font-15);
  color: var(--cc-lan-notr-100);
  margin-top: var(--cc-space-25);
}
.muhnot {
  font-size: var(--cc-font-15);
  color: var(--cc-lan-notr-700);
  margin-top: var(--cc-space-55);
  max-width: 86ch;
  padding-left: var(--cc-space-35);
  border-left: var(--cc-cizgi-orta) solid var(--cc-navy-100);
}
.muhnot b {
  color: var(--cc-navy);
  font-weight: var(--cc-weight-semibold);
}
.kisim {
  display: flex;
  align-items: center;
  gap: var(--cc-space-5);
  margin-bottom: var(--cc-space-14);
  padding-bottom: var(--cc-space-7);
  border-bottom: 1px solid var(--cc-navy-100);
}
.kisim b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-64);
  line-height: 1;
  font-family: var(--cc-family-heading);
  color: transparent;
  -webkit-text-stroke: var(--cc-cizgi-kalin) var(--cc-action);
  letter-spacing: -.04em;
}
.kisim span {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-22);
  font-family: var(--cc-family-heading);
}
.kisim small {
  display: block;
  font-weight: var(--cc-weight-regular);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-body);
  color: var(--cc-lan-notr-700);
  margin-top: var(--cc-space-1);
}
.bolno {
  font-size: var(--cc-font-12);
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-on-navy);
  background: var(--cc-navy);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-25);
  white-space: nowrap;
  flex: none;
}
.kimler a {
  color: inherit;
  text-decoration: none;
  display: contents;
}
.kimler li {
  transition: background .25s;
  border-radius: 0;
  cursor: pointer;
}
.kimler li:hover {
  background: var(--cc-bg);
}
.kimler li:hover b {
  color: var(--cc-lan-celik-700);
}
.alt2 {
  background: var(--cc-lan-navy-950);
  color: var(--cc-lan-notr-100);
  padding: var(--cc-space-18) 0 var(--cc-space-7);
  border-top: 1px solid var(--cc-lan-navy-600);
  position: relative;
  overflow: hidden;
}
.alt2::before {
  content: "";
  position: absolute;
  right: -220px;
  bottom: -260px;
  width: var(--cc-lan-halka-lg);
  height: var(--cc-lan-halka-lg);
  border-radius: 50%;
  border: 1px dashed var(--cc-lan-mavi-cam-35);
  pointer-events: none;
}
.alt2::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -160px;
  width: var(--cc-lan-halka-md);
  height: var(--cc-lan-halka-md);
  border-radius: 50%;
  border: 1px dashed var(--cc-lan-mavi-cam-22);
  pointer-events: none;
}
.alt2 .sar {
  position: relative;
  z-index: 1;
}
.alt2 {
  animation: zeminrenk 28s ease-in-out infinite;
}
@keyframes zeminrenk {
  0%,100% {
    background-color: var(--cc-lan-navy-950);
  }
  33% {
    background-color: var(--cc-lan-navy-850);
  }
  66% {
    background-color: var(--cc-lan-navy-850);
  }
}
.alt2::before,.alt2::after {
  display: none;
}
.kure {
  position: absolute;
  right: -190px;
  bottom: -250px;
  width: var(--cc-lan-kure-lg);
  height: var(--cc-lan-kure-lg);
  pointer-events: none;
  opacity: .2;
}
.kure circle,.kure ellipse,.kure line {
  fill: none;
  stroke: var(--cc-lan-celik-300);
  stroke-width: 1.2;
}
.kure .uydu {
  fill: var(--cc-lan-celik-300);
  stroke: none;
  filter: var(--cc-lan-isik-celik);
}
.kure .uydu.t {
  fill: var(--cc-action);
  filter: var(--cc-lan-isik-turuncu);
}
.altsahne {
  margin-bottom: var(--cc-space-12);
  padding-bottom: var(--cc-space-9);
  border-bottom: 1px solid var(--cc-lan-navy-600);
}
.altsahne svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}
.hatc {
  fill: none;
  stroke: var(--cc-lan-navy-500);
  stroke-width: 1.500;
  stroke-dasharray: 4 8;
  animation: ak 1.600s linear infinite;
}
.hatc.dv {
  stroke-dasharray: none;
  stroke: var(--cc-lan-navy-600);
  animation: none;
}
.ikonf .zm {
  fill: var(--cc-lan-navy-800);
  stroke: var(--cc-lan-navy-500);
  stroke-width: 1.400;
}
.ikonf path {
  fill: none;
  stroke: var(--cc-lan-celik-200);
  stroke-width: 2.400;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ikonf text {
  fill: var(--cc-lan-notr-100);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-body);
  text-anchor: middle;
}
.dugum rect {
  fill: var(--cc-lan-navy-800);
  stroke: var(--cc-lan-celik-500);
  stroke-width: 1.300;
}
.dugum text {
  fill: var(--cc-on-navy);
  font-weight: var(--cc-weight-bold);
  font-size: var(--cc-font-13);
  font-family: var(--cc-family-heading);
  text-anchor: middle;
}
.pk {
  fill: var(--cc-lan-celik-300);
  filter: var(--cc-lan-isik-celik);
}
.pk.t {
  fill: var(--cc-action);
  filter: var(--cc-lan-isik-turuncu);
}
.alt2 {
  padding-top: 0 !important;
}
.kapanis {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: var(--cc-space-10);
  align-items: center;
  padding-top: var(--cc-space-18);
  padding-bottom: var(--cc-space-14);
  margin-bottom: var(--cc-space-14);
  border-bottom: 1px solid var(--cc-lan-navy-600);
  position: relative;
}
.kapsoz {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-lan-h2-lg);
  line-height: 1.12;
  font-family: var(--cc-family-heading);
  color: var(--cc-on-navy);
  letter-spacing: var(--cc-tracking-brand);
  margin: var(--cc-space-9) 0 var(--cc-space-5);
  max-width: 14ch;
}
.kapsoz span {
  color: var(--cc-action);
  display: block;
}
.kapsol .tanim {
  font-size: var(--cc-font-17);
  max-width: 46ch;
  color: var(--cc-lan-notr-300);
  margin-bottom: var(--cc-space-7);
}
.kapdug {
  display: flex;
  gap: var(--cc-space-3);
  flex-wrap: wrap;
}
.kuresahne {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#kure {
  width: 100%;
  max-width: var(--cc-lan-kure-max);
  height: auto;
  aspect-ratio: 1/1;
  display: block;
  cursor: grab;
  touch-action: pan-y;
}
#kure:active {
  cursor: grabbing;
}
.kurenot {
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-400);
  display: flex;
  align-items: center;
  gap: var(--cc-space-25);
  margin-top: var(--cc-space-1);
  text-align: center;
}
.kurenot i {
  width: var(--cc-space-2);
  height: var(--cc-space-2);
  border-radius: 50%;
  background: var(--cc-action);
  box-shadow: var(--cc-lan-parilti-tur-sm);
  flex: none;
}
.altust {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
}
.altust {
  display: grid;
  grid-template-columns: minmax(0,1.7fr) repeat(4,minmax(0,1fr));
  gap: var(--cc-space-10);
}
.alt2 .marka img {
  width: var(--cc-lan-marka-lg);
  height: var(--cc-lan-marka-lg);
  background: var(--cc-surface);
  border-radius: var(--cc-radius-row);
  padding: var(--cc-space-1);
}
.alt2 .marka b {
  color: var(--cc-on-navy);
}
.alt2 .marka small {
  color: var(--cc-lan-notr-300);
}
.tanim {
  font-size: var(--cc-font-14);
  line-height: 1.6;
  color: var(--cc-lan-notr-400);
  max-width: 34ch;
  margin: 0 0 var(--cc-space-6);
}
.imza {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-22);
  line-height: 1.3;
  font-family: var(--cc-family-heading);
  color: var(--cc-on-navy);
  margin: var(--cc-space-7) 0 var(--cc-space-35);
  max-width: 19ch;
  letter-spacing: var(--cc-tracking-heading);
}
.imza span {
  color: var(--cc-action);
}
.altkol {
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-3);
  font-size: var(--cc-font-15);
}
.altkol .alth {
  letter-spacing: 0;
  margin: 0 0 var(--cc-space-15);
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-heading);
  color: var(--cc-on-navy);
  display: flex;
  align-items: center;
  gap: var(--cc-space-2);
}
.altkol .alth i {
  font-style: normal;
  width: var(--cc-space-55);
  height: var(--cc-space-55);
  border-radius: 50%;
  border: var(--cc-cizgi-kalin) solid var(--cc-action);
  color: var(--cc-action);
  font-size: var(--cc-font-12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.altkol a {
  color: var(--cc-lan-notr-100);
  text-decoration: none;
  width: fit-content;
  position: relative;
}
.altkol a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 1px;
  width: 0;
  background: var(--cc-lan-celik-300);
  transition: width .3s;
}
.altkol a:hover {
  color: var(--cc-on-navy);
}
.altkol a:hover::after {
  width: 100%;
}
.altkol p {
  font-size: var(--cc-font-14);
  line-height: 1.65;
  color: var(--cc-lan-notr-400);
  margin-top: var(--cc-space-1);
}
.altalt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--cc-space-5);
  flex-wrap: wrap;
  margin-top: var(--cc-space-14);
  padding-top: var(--cc-space-6);
  border-top: 1px solid var(--cc-lan-navy-600);
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-400);
}
.altbag {
  display: flex;
  gap: var(--cc-space-55);
  flex-wrap: wrap;
}
.altbag a {
  color: var(--cc-lan-notr-400);
  text-decoration: none;
}
.altbag a:hover {
  color: var(--cc-on-navy);
}
.ab {
  display: flex;
  align-items: center;
  gap: var(--cc-space-2);
  color: var(--cc-lan-notr-100);
}
.ab svg {
  width: var(--cc-space-45);
  height: var(--cc-space-45);
  fill: none;
  stroke: var(--cc-lan-yesil-400);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kimsoru {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-17);
  font-family: var(--cc-family-heading);
  margin-bottom: var(--cc-space-35);
}
.kimsec {
  display: flex;
  gap: var(--cc-space-2);
  flex-wrap: wrap;
}
.kimsec button {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--cc-lan-notr-100);
  background: var(--cc-surface);
  color: var(--cc-navy);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-body);
  padding: 0 var(--cc-space-45);
  min-height: var(--cc-lan-marka-lg);
  border-radius: var(--cc-radius-pill);
  cursor: pointer;
  transition: all .25s;
}
.kimsec button:hover {
  border-color: var(--cc-navy);
}
.kimsec button[aria-pressed=true] {
  background: var(--cc-navy);
  border-color: var(--cc-navy);
  color: var(--cc-on-navy);
}
.kimsec button.sayac::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: var(--cc-lan-cubuk-boy);
  width: 100%;
  background: var(--cc-action);
  transform-origin: left;
  animation: say 5.2s linear forwards;
}
.kimgov {
  display: grid;
  grid-template-columns: minmax(0,1fr) var(--cc-lan-ok-en) minmax(0,1fr);
  gap: var(--cc-space-7);
  align-items: center;
  margin-top: var(--cc-space-7);
  transition: opacity .3s;
}
.etk {
  display: inline-block;
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-semibold);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-3);
  margin-bottom: var(--cc-space-4);
}
.dertler {
  background: var(--cc-bg);
  border-radius: var(--cc-radius-hero-sm);
  padding: var(--cc-space-7);
  min-height: var(--cc-lan-sutun-yan-lg);
}
.dertler .etk {
  background: var(--cc-icon-tile);
  color: var(--cc-lan-notr-700);
}
.dertler ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-3);
}
.dertler li {
  background: var(--cc-surface);
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-tile) var(--cc-radius-tile) var(--cc-radius-tile) var(--cc-radius-2xs);
  padding: var(--cc-space-3) var(--cc-space-45);
  font-size: var(--cc-font-17);
  font-weight: var(--cc-weight-medium);
  max-width: 90%;
  box-shadow: var(--cc-lan-golge-satir);
  animation: dert .5s cubic-bezier(.3,1.3,.5,1) backwards;
}
.dertler li:nth-child(2) {
  align-self: flex-end;
  border-radius: var(--cc-radius-tile) var(--cc-radius-tile) var(--cc-radius-2xs) var(--cc-radius-tile);
  animation-delay: .18s;
}
.dertler li:nth-child(3) {
  margin-left: 6%;
  animation-delay: .36s;
}
@keyframes dert {
  from {
    opacity: 0;
    transform: translateY(var(--cc-space-3)) scale(.96);
  }
}
.kimok {
  width: var(--cc-lan-ok-en);
}
.derman {
  background: var(--cc-lan-duvar-zemin);
  color: var(--cc-on-navy);
  border-radius: var(--cc-radius-hero-sm);
  padding: var(--cc-space-7);
  min-height: var(--cc-lan-sutun-yan-lg);
  box-shadow: var(--cc-lan-golge-derman);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.derman .etk {
  background: var(--cc-action);
  color: var(--cc-navy);
}
.derman h3 {
  font-size: var(--cc-font-22);
  line-height: 1.25;
}
.derman .dmet {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  line-height: 1.35;
  font-family: var(--cc-family-heading);
  color: var(--cc-lan-celik-200);
  margin-top: var(--cc-space-35);
  font-variant-numeric: tabular-nums;
}
.derman p {
  color: var(--cc-lan-notr-100);
  font-size: var(--cc-font-16);
  margin-top: var(--cc-space-25);
}
.derman a {
  margin-top: auto;
  padding-top: var(--cc-space-45);
  color: var(--cc-on-navy);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-15);
  text-underline-offset: var(--cc-space-1);
}
.derman a:hover {
  color: var(--cc-action);
}
.durdur {
  position: fixed;
  left: var(--cc-space-4);
  bottom: calc(var(--cc-space-4) + env(safe-area-inset-bottom,0px));
  z-index: 30;
  display: flex;
  align-items: center;
  gap: var(--cc-space-2);
  min-height: var(--cc-lan-marka);
  padding: 0 var(--cc-space-4) 0 var(--cc-space-3);
  border-radius: var(--cc-radius-pill);
  border: 1px solid var(--cc-lan-notr-100);
  background: var(--cc-lan-ak-96);
  color: var(--cc-navy);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-14);
  font-family: var(--cc-family-body);
  cursor: pointer;
  box-shadow: var(--cc-lan-golge-yuzer);
}
.durdur:hover {
  border-color: var(--cc-navy);
}
.durdur svg {
  width: var(--cc-space-45);
  height: var(--cc-space-45);
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.durdur[aria-pressed=true] {
  background: var(--cc-navy);
  color: var(--cc-on-navy);
  border-color: var(--cc-navy);
}
.durdu *,.durdu *::before,.durdu *::after {
  animation-play-state: paused !important;
}
.skip {
  position: absolute;
  left: -999px;
  top: var(--cc-space-2);
  z-index: 50;
  background: var(--cc-surface);
  color: var(--cc-navy);
  padding: var(--cc-space-3) var(--cc-space-45);
  border-radius: var(--cc-radius-md);
  font-weight: var(--cc-weight-semibold);
}
.skip:focus {
  left: var(--cc-space-2);
}
.dil button {
  min-height: var(--cc-lan-marka);
}
@media (max-width:980px) {
  .altkol a,.altbag a {
    padding: var(--cc-space-2) 0;
  }
  .altkol {
    gap: var(--cc-space-05);
  }
  .altkol .alth {
    margin-bottom: var(--cc-space-2);
  }
  .esat .tut {
    padding: var(--cc-space-25) 0;
    display: inline-block;
  }
  .kacsec button {
    height: var(--cc-lan-marka);
  }
  #basla span a[href="#"] {
    display: inline-block;
    padding: var(--cc-space-3) 0;
  }
}
.kisa {
  display: none;
}
@media (max-width:640px) {
  .uzun {
    display: none;
  }
  .kisa {
    display: inline;
  }
  .dil button {
    padding: var(--cc-space-25) var(--cc-space-2) !important;
    font-size: var(--cc-font-14) !important;
  }
  .ust .giris {
    display: inline-flex !important;
    width: var(--cc-lan-marka);
    min-height: var(--cc-lan-marka);
    padding: 0;
    justify-content: center;
  }
  .ust .giris span {
    position: absolute;
    left: -9999px;
  }
  .ust .giris svg {
    margin: 0;
    width: var(--cc-lan-ikon-md);
    height: var(--cc-lan-ikon-md);
  }
  .durdur {
    opacity: .85;
    width: var(--cc-space-10) !important;
    min-height: var(--cc-space-10) !important;
  }
  .iki>.giris-yazi {
    margin-top: 0 !important;
  }
}
@media (max-width:980px) {
  .iki>.giris-yazi {
    margin-top: 0 !important;
  }
}
#basla .dug.cc-btn-primary {
  flex: none;
  white-space: nowrap;
}
@media (max-width:640px) {
  .kgir {
    grid-template-columns: 1fr 1fr;
  }
  .kson {
    grid-template-columns: 1fr 1fr;
  }
  .kson .yil {
    grid-column: 1/-1;
  }
  .kacak {
    padding: var(--cc-space-5) var(--cc-space-4);
    margin-top: var(--cc-space-9);
  }
  .altsahne {
    margin-bottom: var(--cc-space-8);
    padding-bottom: var(--cc-space-5);
  }
  .ikonf text {
    font-size: var(--cc-font-16);
  }
  .dugum text {
    font-size: var(--cc-font-13);
  }
  .kure {
    width: var(--cc-lan-kure);
    height: var(--cc-lan-kure);
    right: -220px;
    bottom: -200px;
    opacity: .16;
  }
  #basla .dug.cc-btn-primary {
    width: 100%;
    min-height: var(--cc-lan-dugme-boy);
  }
  #basla .dug.cc-btn-primary+span {
    width: 100%;
    text-align: center;
  }
  .istler {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: var(--cc-space-15);
  }
  .ist {
    padding: var(--cc-space-2);
  }
  .kasa {
    height: var(--cc-lan-ikon-xl);
  }
  .ist .ub span {
    display: none;
  }
  .hero .eylem {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cc-space-25);
  }
  .hero .eylem .dug {
    padding: 0 var(--cc-space-25);
    font-size: var(--cc-font-15);
    text-align: center;
    line-height: 1.2;
  }
  .kimsec,.sekler {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scrollbar-width: none;
    margin: 0 -20px;
    padding: var(--cc-space-05) var(--cc-space-16) var(--cc-space-15) var(--cc-space-5);
    -webkit-mask-image: var(--cc-lan-maske-sag);
    mask-image: var(--cc-lan-maske-sag);
  }
  .kimsec::-webkit-scrollbar,.sekler::-webkit-scrollbar {
    display: none;
  }
  .kimsec button,.sekler .sek {
    flex: none;
    scroll-snap-align: center;
    white-space: nowrap;
  }
  .akis .sekler {
    margin: 0 -18px;
    padding: var(--cc-space-05) var(--cc-space-16) var(--cc-space-15) var(--cc-space-45);
  }
  .kimsec.son,.sekler.son {
    -webkit-mask-image: var(--cc-lan-maske-sol);
    mask-image: var(--cc-lan-maske-sol);
  }
}
.ornekno button {
  width: var(--cc-lan-kare-sm);
  height: var(--cc-lan-kare-sm);
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.ornekno button i {
  width: var(--cc-space-55);
}
.ornekno button:hover i {
  background: var(--cc-lan-notr-200);
}
#bakimkart {
  transition: opacity .35s;
  min-height: var(--cc-lan-halka-md);
}
.kalem.uyari .ustu span:first-child {
  color: var(--cc-lan-sicak-800);
}
.kayar {
  position: relative;
}
.kayok {
  display: none;
}
@media (max-width:640px) {
  .kayok {
    display: flex;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -20px;
    width: var(--cc-space-10);
    height: var(--cc-space-10);
    border-radius: 50%;
    border: 1px solid var(--cc-lan-notr-100);
    background: var(--cc-surface);
    color: var(--cc-navy);
    align-items: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
    box-shadow: var(--cc-lan-golge-kayok);
  }
  .kayok svg {
    width: var(--cc-space-45);
    height: var(--cc-space-45);
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .3s;
  }
  .kayok.geri svg {
    transform: rotate(180deg);
  }
  .akis .kayok {
    background: var(--cc-lan-navy-700);
    border-color: var(--cc-lan-navy-600);
    color: var(--cc-on-navy);
  }
  .kimsec,.sekler {
    cursor: grab;
  }
  .kimsec.tut,.sekler.tut {
    cursor: grabbing;
    scroll-snap-type: none;
  }
  .kimsoru {
    margin-bottom: var(--cc-space-25);
    font-size: var(--cc-font-16);
  }
  .kimgov {
    margin-top: var(--cc-space-35);
    gap: var(--cc-space-15) !important;
  }
  .dertler {
    padding: var(--cc-space-35) var(--cc-space-35) var(--cc-space-4);
    border-radius: var(--cc-radius-card);
  }
  .dertler .etk,.derman .etk {
    margin-bottom: var(--cc-space-2);
    font-size: var(--cc-font-12);
    padding: var(--cc-space-1) var(--cc-space-25);
  }
  .dertler ul {
    gap: var(--cc-space-2);
  }
  .dertler li {
    font-size: var(--cc-font-15);
    padding: var(--cc-space-2) var(--cc-space-3);
    line-height: 1.4;
    max-width: 94%;
  }
  .kimok {
    height: var(--cc-space-5) !important;
    width: var(--cc-space-10);
  }
  .derman {
    padding: var(--cc-space-4) var(--cc-space-4) var(--cc-space-45);
    border-radius: var(--cc-radius-card);
  }
  .derman h3 {
    font-size: var(--cc-font-18);
  }
  .derman .dmet {
    font-size: var(--cc-font-15);
    margin-top: var(--cc-space-2);
  }
  .derman p {
    font-size: var(--cc-font-14);
    margin-top: var(--cc-space-2);
    line-height: 1.5;
  }
  .derman a {
    padding-top: var(--cc-space-3);
    font-size: var(--cc-font-15);
  }
  .kimsin {
    scroll-margin-top: var(--cc-lan-capa-kayma);
  }
}
.kacak {
  display: grid;
  grid-template-columns: minmax(0,5fr) minmax(0,6fr);
  gap: var(--cc-space-10);
  margin-top: var(--cc-space-14);
  background: var(--cc-lan-duvar-zemin);
  color: var(--cc-on-navy);
  border-radius: var(--cc-radius-hero);
  padding: var(--cc-space-9);
  box-shadow: var(--cc-lan-golge-sahne);
  border: 1px solid var(--cc-lan-turuncu-cam-35);
}
.acil {
  display: inline-flex;
  align-items: center;
  gap: var(--cc-space-2);
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-lan-sicak-300);
  background: var(--cc-lan-sicak-900);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-35);
}
.acil i {
  width: var(--cc-lan-nokta);
  height: var(--cc-lan-nokta);
  border-radius: 50%;
  background: var(--cc-action);
  animation: nbz 1.2s ease-in-out infinite;
}
.kacak h3 {
  font-size: var(--cc-lan-h4);
  line-height: 1.22;
  margin-top: var(--cc-space-45);
}
.kacaksol p {
  color: var(--cc-lan-notr-100);
  font-size: var(--cc-font-16);
  margin-top: var(--cc-space-35);
}
.kgir {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: var(--cc-space-25);
}
.kgir label {
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-medium);
  color: var(--cc-lan-notr-300);
  gap: var(--cc-space-2);
}
.kgir span {
  display: flex;
  align-items: center;
  background: var(--cc-lan-navy-700);
  border: 1px solid var(--cc-lan-navy-600);
  border-radius: var(--cc-radius-md);
  padding-right: var(--cc-space-25);
  transition: border-color .2s;
}
.kgir span:focus-within {
  border-color: var(--cc-lan-celik-500);
  box-shadow: var(--cc-lan-halka-odak);
}
.kgir input {
  width: 100%;
  min-width: 0;
  border: 0;
  background: none;
  color: var(--cc-on-navy);
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  font-family: var(--cc-family-heading);
  padding: 0 var(--cc-space-1) 0 var(--cc-space-3);
  min-height: var(--cc-lan-yuva);
  outline: 0;
}
.kgir em {
  font-style: normal;
  font-size: var(--cc-font-12);
  color: var(--cc-lan-notr-400);
  white-space: nowrap;
}
.kson {
  display: grid;
  grid-template-columns: 1fr 1fr 1.4fr;
  gap: var(--cc-space-25);
  margin-top: var(--cc-space-35);
}
.kson div {
  background: var(--cc-lan-navy-700);
  border-radius: var(--cc-radius-lg);
  padding: var(--cc-space-4) var(--cc-space-45);
}
.kson span {
  display: block;
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-300);
}
.kson b {
  display: block;
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-24);
  font-family: var(--cc-family-heading);
  margin-top: var(--cc-space-1);
  font-variant-numeric: tabular-nums;
}
.kson .yil {
  background: var(--cc-action);
  color: var(--cc-navy);
}
.kson .yil span {
  color: var(--cc-lan-sicak-950);
  font-weight: var(--cc-weight-semibold);
}
.kson .yil b {
  font-size: var(--cc-font-30);
}
.knot {
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-400);
  margin-top: var(--cc-space-3);
}
.kisam {
  display: none;
}
details.mac>summary {
  list-style: none;
  cursor: default;
}
details.mac>summary::-webkit-details-marker {
  display: none;
}
.muhnot>summary,.gucac>summary {
  display: none;
}
.muhnot p {
  margin: 0;
}
.altd>summary {
  pointer-events: none;
}
.altd a {
  display: block;
  padding: var(--cc-space-15) 0;
}
.altd .alth {
  margin-bottom: var(--cc-space-2);
}
.yok {
  display: none;
}
.ikiyol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--cc-space-5);
}
.yol {
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-hero-xs);
  padding: var(--cc-space-8);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--cc-space-3);
  background: var(--cc-on-navy);
}
.yol i {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-heading);
  font-style: normal;
  width: var(--cc-space-9);
  height: var(--cc-space-9);
  border-radius: 50%;
  background: var(--cc-navy);
  color: var(--cc-on-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}
.yol h3 {
  font-size: var(--cc-font-24);
  margin-top: var(--cc-space-15);
}
.yol p {
  color: var(--cc-lan-notr-700);
  font-size: var(--cc-font-17);
  flex: 1;
}
.yol .dug {
  margin-top: var(--cc-space-25);
}
.yol.koyu {
  background: var(--cc-lan-duvar-zemin);
  border-color: var(--cc-lan-navy-800);
  color: var(--cc-on-navy);
}
.yol.koyu i {
  background: var(--cc-action);
  color: var(--cc-navy);
}
.yol.koyu p {
  color: var(--cc-lan-notr-100);
}
.sahabas {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-17);
  font-family: var(--cc-family-heading);
  margin: var(--cc-space-14) 0 var(--cc-space-45);
}
.saha.iki2 {
  grid-template-columns: 1fr 1fr;
}
.uyeliste {
  display: none;
}
.heroetk {
  display: inline-flex;
  align-items: center;
  gap: var(--cc-space-25);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-body);
  color: var(--cc-lan-celik-200);
  margin-bottom: var(--cc-space-45);
}
.heroetk::before {
  content: "";
  width: var(--cc-space-2);
  height: var(--cc-space-2);
  border-radius: var(--cc-radius-xxs);
  background: var(--cc-action);
  flex: none;
}
.miniakis,.sahasek,.yoladim,.durk {
  display: none;
}
.telekran {
  background: var(--cc-lan-telekran-acik) !important;
  color: var(--cc-navy);
}
.telekran::after {
  background: var(--cc-lan-telekran-parilti) !important;
}
.telust {
  color: var(--cc-navy) !important;
}
.telik svg {
  fill: var(--cc-navy) !important;
  color: var(--cc-navy) !important;
}
.telik svg.cz {
  fill: none !important;
  stroke: var(--cc-navy) !important;
}
.telapp small {
  color: var(--cc-lan-notr-600) !important;
}
.telapp b {
  color: var(--cc-navy);
}
.telapp img {
  box-shadow: var(--cc-lan-golge-cerceve);
}
.zil {
  background: var(--cc-icon-tile) !important;
}
.zil svg {
  stroke: var(--cc-navy) !important;
}
.telsay div {
  background: var(--cc-on-navy) !important;
  box-shadow: var(--cc-lan-golge-cerceve);
}
.telsay b {
  color: var(--cc-navy);
}
.telsay span {
  color: var(--cc-lan-notr-600) !important;
}
.telsay .uy.var {
  background: var(--cc-action-soft) !important;
  box-shadow: var(--cc-lan-golge-cerceve-sicak);
}
.telsay .uy.var b {
  color: var(--cc-lan-sicak-800) !important;
}
.telgraf {
  background: var(--cc-on-navy) !important;
  box-shadow: var(--cc-lan-golge-cerceve);
}
.telgraf div {
  color: var(--cc-lan-notr-600) !important;
}
.telgraf b {
  color: var(--cc-navy) !important;
}
#tgcz {
  stroke: var(--cc-lan-celik-500);
}
.akisbas {
  color: var(--cc-lan-notr-600) !important;
}
.telakis li {
  background: var(--cc-on-navy) !important;
  box-shadow: var(--cc-lan-golge-cerceve);
}
.telakis li b {
  color: var(--cc-navy) !important;
}
.telakis li span {
  color: var(--cc-lan-notr-600) !important;
}
.telakis li.t {
  background: var(--cc-action-soft) !important;
}
.telakis li.t span {
  color: var(--cc-lan-sicak-800) !important;
}
.telakis li.y {
  background: var(--cc-lan-yesil-50) !important;
}
.telakis li.y span {
  color: var(--cc-lan-zeytin-900) !important;
}
.telsekme {
  background: var(--cc-lan-ak-96) !important;
  border-top: 1px solid var(--cc-hover-border) !important;
}
.telsekme span {
  color: var(--cc-lan-notr-600) !important;
}
.telsekme .on {
  color: var(--cc-navy) !important;
}
.telcizgi {
  background: var(--cc-lan-lacivert-cam-55) !important;
}
.telpush {
  background: var(--cc-on-navy) !important;
  box-shadow: var(--cc-lan-golge-bildirim-acik) !important;
}
.bol {
  padding: var(--cc-space-28) 0;
}
.bol.gri {
  background: var(--cc-navy-50);
}
.iki {
  display: grid;
  grid-template-columns: minmax(0,4fr) minmax(0,7fr);
  gap: var(--cc-space-18);
  align-items: start;
}
.bol h2 {
  font-size: var(--cc-lan-h2);
}
.bol .giris-yazi {
  color: var(--cc-lan-notr-700);
  margin-top: var(--cc-space-5);
  max-width: 46ch;
}
.yap {
  position: sticky;
  top: var(--cc-space-40);
}
.fayda {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--cc-navy-100);
}
.fayda div {
  padding: var(--cc-space-8) var(--cc-space-8) var(--cc-space-9) 0;
  border-bottom: 1px solid var(--cc-navy-100);
}
.fayda div:nth-child(odd) {
  border-right: 1px solid var(--cc-navy-100);
}
.fayda div:nth-child(even) {
  padding-left: var(--cc-space-8);
}
.fayda h3 {
  font-size: var(--cc-font-22);
  line-height: 1.25;
}
.fayda p {
  color: var(--cc-lan-notr-700);
  margin-top: var(--cc-space-3);
  font-size: var(--cc-font-16);
}
.eylemler {
  border-top: 1px solid var(--cc-navy-100);
}
.eylemler li {
  display: grid;
  grid-template-columns: minmax(0,5fr) var(--cc-space-10) minmax(0,6fr);
  gap: var(--cc-space-4);
  align-items: center;
  padding: var(--cc-space-6) 0;
  border-bottom: 1px solid var(--cc-navy-100);
  font-size: var(--cc-font-17);
}
.eylemler {
  list-style: none;
  margin: 0;
  padding: 0;
}
.eylemler .neden {
  color: var(--cc-lan-notr-700);
}
.eylemler .sonra {
  font-weight: var(--cc-weight-semibold);
}
.eylemler svg {
  width: var(--cc-space-8);
  height: var(--cc-space-4);
}
.saha {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--cc-space-5);
  margin-top: var(--cc-space-16);
}
.vaka {
  position: relative;
  background: var(--cc-surface);
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-tile);
  padding: var(--cc-space-7);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-35);
}
.vaka::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: var(--cc-lan-cubuk-boy);
  width: 0;
  background: var(--cc-lan-celik-500);
  transition: width .5s ease;
}
.vaka:hover::after {
  width: 100%;
}
.vaka .kim {
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-lan-notr-700);
}
.vaka h3 {
  font-size: var(--cc-font-20);
  line-height: 1.3;
}
.vaka p {
  font-size: var(--cc-font-16);
  color: var(--cc-lan-notr-700);
}
.vaka.cagri {
  background: var(--cc-navy);
  border-color: var(--cc-navy);
  color: var(--cc-on-navy);
  justify-content: space-between;
}
.vaka.cagri p {
  color: var(--cc-lan-notr-100);
}
.fx {
  background: var(--cc-navy);
  color: var(--cc-on-navy);
}
.fx .iki {
  grid-template-columns: minmax(0,6fr) minmax(0,5fr);
  align-items: center;
}
.fx figure {
  margin: 0;
  position: relative;
}
.fx figure::before {
  content: "";
  position: absolute;
  inset: -12% -8%;
  background: var(--cc-lan-fx-hale);
  pointer-events: none;
}
.fx figure::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: var(--cc-space-22);
  height: var(--cc-lan-marka);
  background: var(--cc-lan-fx-golge-zemin);
  filter: blur(var(--cc-lan-bulanik-md));
  pointer-events: none;
}
.fx figure img {
  width: 100%;
  position: relative;
  z-index: 1;
  filter: var(--cc-lan-fx-dusen-golge);
}
.fx .ipucu {
  display: none;
  align-items: center;
  gap: var(--cc-space-2);
  color: var(--cc-lan-notr-100);
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-medium);
  transition: opacity .4s;
}
.fx .uc .ipucu {
  display: inline-flex;
}
.fx .dokundu .ipucu {
  opacity: .35;
}
.fx .ipucu svg {
  width: var(--cc-space-5);
  height: var(--cc-space-5);
  fill: none;
  stroke: var(--cc-lan-celik-300);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.fx .uc::after {
  bottom: var(--cc-space-28);
}
.ucac {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: var(--cc-space-35);
  border: 1px solid var(--cc-on-navy-line-hover);
  background: var(--cc-lan-perde-72);
  backdrop-filter: blur(var(--cc-lan-bulanik-sm));
  -webkit-backdrop-filter: blur(var(--cc-lan-bulanik-sm));
  color: var(--cc-on-navy);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-body);
  padding: var(--cc-space-2) var(--cc-space-55) var(--cc-space-2) var(--cc-space-2);
  border-radius: var(--cc-radius-pill);
  cursor: pointer;
  min-height: var(--cc-lan-ok-en);
  transition: background .25s,border-color .25s;
}
.ucac[hidden],.ucgeri[hidden] {
  display: none;
}
.ucac:hover {
  background: var(--cc-lan-perde-90);
  border-color: var(--cc-action);
}
.ucac.yok {
  cursor: default;
  font-weight: var(--cc-weight-medium);
  color: var(--cc-lan-notr-100);
}
.ucac.yok .halkalar i {
  animation: none;
  opacity: 0;
}
.halkalar {
  position: relative;
  width: var(--cc-lan-marka);
  height: var(--cc-lan-marka);
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.halkalar b {
  position: relative;
  z-index: 1;
  width: var(--cc-lan-marka);
  height: var(--cc-lan-marka);
  border-radius: 50%;
  background: var(--cc-action);
  color: var(--cc-navy);
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-14);
  font-family: var(--cc-family-heading);
  display: flex;
  align-items: center;
  justify-content: center;
}
.halkalar i {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: var(--cc-cizgi-orta) solid var(--cc-action);
  animation: sinyal 2.2s ease-out infinite;
}
.halkalar i+i {
  animation-delay: 1.1s;
}
@keyframes sinyal {
  from {
    transform: scale(1);
    opacity: .85;
  }
  to {
    transform: scale(2.5);
    opacity: 0;
  }
}
.ucgeri {
  position: relative;
  z-index: 3;
  border: 1px solid var(--cc-lan-navy-600);
  background: var(--cc-lan-perde-72);
  color: var(--cc-lan-notr-100);
  font-weight: var(--cc-weight-medium);
  font-size: var(--cc-font-14);
  font-family: var(--cc-family-body);
  padding: var(--cc-space-2) var(--cc-space-4);
  border-radius: var(--cc-radius-pill);
  cursor: pointer;
  min-height: var(--cc-space-10);
}
.ucgeri:hover {
  color: var(--cc-on-navy);
  border-color: var(--cc-lan-celik-500);
}
.fx figcaption {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--cc-space-4);
  min-height: var(--cc-lan-altyazi-boy);
  margin-top: var(--cc-space-5);
  position: relative;
  z-index: 2;
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-100);
}
.fx .giris-yazi {
  color: var(--cc-lan-notr-100);
}
.baglanir {
  display: flex;
  gap: var(--cc-space-2);
  flex-wrap: wrap;
  margin-top: var(--cc-space-6);
}
.baglanir span {
  border: 1px solid var(--cc-lan-navy-600);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-2) var(--cc-space-35);
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-100);
}
.cizelge {
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--cc-space-9);
  font-size: var(--cc-font-15);
}
.cizelge th {
  text-align: left;
  font-weight: var(--cc-weight-medium);
  color: var(--cc-lan-notr-400);
  padding: var(--cc-space-3) var(--cc-space-4) var(--cc-space-3) 0;
  border-top: 1px solid var(--cc-lan-navy-600);
  width: 38%;
  vertical-align: top;
}
.cizelge td {
  padding: var(--cc-space-3) 0;
  border-top: 1px solid var(--cc-lan-navy-600);
}
.kart {
  background: var(--cc-surface);
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-card);
  padding: var(--cc-space-7);
  box-shadow: var(--cc-lan-golge-kart);
}
.kartbas {
  display: flex;
  justify-content: space-between;
  gap: var(--cc-space-25);
  flex-wrap: wrap;
  align-items: baseline;
}
.kartbas b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-18);
  font-family: var(--cc-family-heading);
}
.kartbas span {
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-700);
}
.kalem {
  border-top: 1px solid var(--cc-navy-100);
  padding: var(--cc-space-45) 0 var(--cc-space-1);
  margin-top: var(--cc-space-45);
}
.kalem .ustu {
  display: flex;
  justify-content: space-between;
  gap: var(--cc-space-2);
  align-items: center;
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-16);
}
.roz {
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-semibold);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-1) var(--cc-space-3);
  white-space: nowrap;
}
.roz.s {
  background: var(--cc-action-soft);
  color: var(--cc-lan-sicak-800);
}
.roz.m {
  background: var(--cc-icon-tile);
  color: var(--cc-lan-celik-900);
}
.roz.y {
  background: var(--cc-lan-yesil-50);
  color: var(--cc-lan-zeytin-900);
}
.ray {
  height: var(--cc-space-15);
  background: var(--cc-border-soft);
  border-radius: var(--cc-radius-pill);
  margin: var(--cc-space-3) 0 var(--cc-space-25);
  overflow: hidden;
}
.ray i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: var(--cc-radius-pill);
  background: var(--cc-lan-celik-500);
  transition: width 1.4s ease;
}
.ray i.s {
  background: var(--cc-action);
}
.kalem .alti {
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-700);
  display: flex;
  gap: var(--cc-space-45);
  flex-wrap: wrap;
}
.toplam {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--cc-navy-100);
  margin-top: var(--cc-space-45);
  padding-top: var(--cc-space-45);
  font-size: var(--cc-font-15);
  color: var(--cc-lan-notr-700);
}
.toplam b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-22);
  font-family: var(--cc-family-heading);
  color: var(--cc-navy);
}
.hat {
  display: grid;
  grid-template-columns: minmax(0,1fr) var(--cc-space-14) minmax(0,1fr) var(--cc-space-14) minmax(0,1fr);
  align-items: center;
}
.hat .kaynak {
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-25);
}
.hat .kaynak small {
  display: block;
  font-weight: var(--cc-weight-regular);
  font-size: var(--cc-font-13);
  color: var(--cc-lan-notr-700);
}
.hat .kaynak span,.hat .son {
  border: 1px solid var(--cc-navy-100);
  background: var(--cc-surface);
  border-radius: var(--cc-radius-row);
  padding: var(--cc-space-35) var(--cc-space-45);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-16);
}
.hat .orta {
  background: var(--cc-navy);
  color: var(--cc-on-navy);
  border-radius: var(--cc-radius-lg);
  padding: var(--cc-space-55);
  text-align: center;
}
.hat .orta b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-18);
  font-family: var(--cc-family-heading);
  display: block;
}
.hat .orta small {
  color: var(--cc-lan-notr-100);
  font-size: var(--cc-font-14);
}
.hat .son {
  background: var(--cc-action);
  border-color: var(--cc-action);
  text-align: center;
}
.hat .son b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-18);
  font-family: var(--cc-family-heading);
  display: block;
}
.hat svg {
  width: 100%;
  height: var(--cc-space-4);
}
.adimlar {
  position: relative;
  display: flex;
  margin-top: var(--cc-space-2);
}
.adimlar::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: var(--cc-space-6);
  height: var(--cc-space-05);
  background: var(--cc-navy-100);
}
#dolgu {
  position: absolute;
  left: 10%;
  top: var(--cc-space-6);
  height: var(--cc-space-05);
  width: 0;
  background: var(--cc-lan-celik-500);
  transition: width .5s ease;
}
.ad {
  flex: 1;
  text-align: center;
  background: none;
  border: 0;
  cursor: pointer;
  position: relative;
  z-index: 1;
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-body);
  color: var(--cc-lan-notr-600);
  padding: 0 var(--cc-space-1);
}
.ad i {
  width: var(--cc-space-12);
  height: var(--cc-space-12);
  border-radius: 50%;
  background: var(--cc-surface);
  border: var(--cc-cizgi-orta) solid var(--cc-lan-notr-100);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--cc-space-3);
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-16);
  font-family: var(--cc-family-heading);
  font-style: normal;
  transition: all .35s;
}
.ad.gec i {
  border-color: var(--cc-lan-celik-500);
  color: var(--cc-lan-celik-500);
}
.ad.gec {
  color: var(--cc-navy);
}
.ad.on i {
  background: var(--cc-navy);
  border-color: var(--cc-navy);
  color: var(--cc-on-navy);
}
.ad.on {
  color: var(--cc-navy);
}
.ekran {
  background: var(--cc-surface);
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-tile);
  padding: var(--cc-space-8);
  margin-top: var(--cc-space-9);
  min-height: var(--cc-lan-ekran-boy);
  transition: opacity .25s;
}
.ekran b {
  font-weight: var(--cc-weight-heavy);
  font-size: var(--cc-font-20);
  font-family: var(--cc-family-heading);
}
.sat {
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-md);
  padding: var(--cc-space-3) var(--cc-space-4);
  font-size: var(--cc-font-15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--cc-space-25);
  margin-top: var(--cc-space-25);
}
.sat:first-child {
  margin-top: 0;
}
.sat span:first-child {
  color: var(--cc-lan-notr-700);
}
.guven {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--cc-space-10);
  border-top: 1px solid var(--cc-navy-100);
}
.guven div {
  padding: var(--cc-space-55) 0;
  border-bottom: 1px solid var(--cc-navy-100);
}
.guven b {
  display: block;
  font-size: var(--cc-font-17);
}
.guven span {
  font-size: var(--cc-font-15);
  color: var(--cc-lan-notr-700);
}
.gonderim {
  display: flex;
  gap: var(--cc-space-3);
  flex-wrap: wrap;
  grid-column: 1/-1;
}
.wa svg {
  width: var(--cc-space-5);
  height: var(--cc-space-5);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.700;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-right: var(--cc-space-2);
}
.ilet {
  background: var(--cc-navy);
  color: var(--cc-on-navy);
}
.ilet .giris-yazi {
  color: var(--cc-lan-notr-100);
}
form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--cc-space-4);
}
label {
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-medium);
  color: var(--cc-lan-notr-100);
  display: flex;
  flex-direction: column;
  gap: var(--cc-space-15);
}
label.tam {
  grid-column: 1/-1;
}
input,textarea,select {
  font-weight: var(--cc-weight-regular);
  font-size: var(--cc-font-16);
  font-family: var(--cc-family-body);
  color: var(--cc-on-navy);
  background: var(--cc-lan-navy-700);
  border: 1px solid var(--cc-lan-navy-600);
  border-radius: var(--cc-radius-md);
  padding: var(--cc-space-3) var(--cc-space-35);
  min-height: var(--cc-space-12);
}
textarea {
  min-height: var(--cc-lan-alan-boy);
  resize: vertical;
}
input:focus,textarea:focus,select:focus {
  outline: var(--cc-cizgi-orta) solid var(--cc-lan-celik-500);
  border-color: var(--cc-lan-celik-500);
}
.secim {
  position: relative;
  display: block;
}
.secim select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  padding-right: var(--cc-space-10);
  cursor: pointer;
}
.secim select:invalid {
  color: var(--cc-lan-notr-400);
}
.secim option {
  color: var(--cc-navy);
  background: var(--cc-surface);
}
.secim::after {
  content: "";
  position: absolute;
  right: var(--cc-space-45);
  top: 50%;
  width: var(--cc-lan-nokta);
  height: var(--cc-lan-nokta);
  margin-top: -7px;
  border-right: var(--cc-cizgi-orta) solid var(--cc-lan-notr-100);
  border-bottom: var(--cc-cizgi-orta) solid var(--cc-lan-notr-100);
  transform: rotate(45deg);
  pointer-events: none;
}
.ilet input::placeholder,.ilet textarea::placeholder {
  color: var(--cc-lan-notr-400);
}
#durum {
  grid-column: 1/-1;
  font-size: var(--cc-font-15);
  color: var(--cc-lan-celik-200);
  min-height: var(--cc-space-55);
}
.alt-bilgi {
  padding: var(--cc-space-10) 0;
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-700);
  border-top: 1px solid var(--cc-navy-100);
}
.alt-bilgi .sar {
  display: flex;
  justify-content: space-between;
  gap: var(--cc-space-6);
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width:980px) {
  .kacak {
    grid-template-columns: 1fr;
    gap: var(--cc-space-6);
    padding: var(--cc-space-6);
  }
  .kapanis {
    grid-template-columns: 1fr;
    padding-top: var(--cc-space-12);
    gap: var(--cc-space-3);
  }
  .kuresahne {
    order: -1;
  }
  #kure {
    max-width: var(--cc-lan-kure-max-sm);
  }
  .kapsoz {
    margin-top: var(--cc-space-6);
  }
  .altust {
    grid-template-columns: 1fr 1fr !important;
  }
  .istler {
    min-height: 0;
  }
  .depo {
    min-height: 0;
  }
  .kimgov {
    grid-template-columns: 1fr;
    gap: var(--cc-space-35);
  }
  .kimok {
    transform: rotate(90deg);
    justify-self: center;
    height: var(--cc-lan-ikon-xl);
  }
  .dertler,.derman {
    min-height: 0;
  }
  .fabgov {
    grid-template-columns: 1fr;
    gap: var(--cc-space-7);
  }
  .tel {
    margin: 0 auto;
  }
  .zemin {
    min-height: 0;
    padding: 0 !important;
  }
  .zemin.s100 {
    grid-template-columns: repeat(10,minmax(0,1fr));
  }
  .kacsec {
    margin-left: 0;
  }
  .duvarbas .lej {
    display: none;
  }
  .altust {
    grid-template-columns: 1fr 1fr;
    gap: var(--cc-space-9) var(--cc-space-6);
  }
  .altmarka {
    grid-column: 1/-1;
  }
  .ucyol {
    grid-template-columns: 1fr;
  }
  .ucyol>svg {
    transform: rotate(90deg);
    justify-self: center;
    height: var(--cc-space-7);
  }
  .harita {
    margin-top: var(--cc-space-14);
  }
  .kisim b {
    font-size: var(--cc-font-48);
  }
  .sahne2 .ciktilar {
    grid-template-columns: 1fr 1fr;
  }
  .agacpanel {
    grid-template-columns: 1fr;
  }
  .basust {
    grid-template-columns: 1fr;
    gap: var(--cc-space-5);
    align-items: start;
  }
  .unite {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
  .fayda.dort {
    grid-template-columns: 1fr 1fr;
    gap: var(--cc-space-8) 0;
  }
  .fayda.dort div+div {
    border-left: 0 !important;
    padding-left: 0 !important;
  }
  .gez {
    gap: var(--cc-space-55);
  }
  .iki,.fx .iki {
    grid-template-columns: 1fr;
    gap: var(--cc-space-10);
  }
  .yap {
    position: static;
  }
  .akgov {
    grid-template-columns: 1fr;
    gap: var(--cc-space-4);
  }
  .akgov>svg {
    display: none;
  }
  .ekveri {
    display: flex;
  }
  .olc {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: var(--cc-space-25);
  }
  .kutu {
    padding: var(--cc-space-3);
  }
  .kutu b {
    font-size: var(--cc-font-20);
  }
  .saha {
    grid-template-columns: 1fr;
  }
  .bol {
    padding: var(--cc-space-18) 0;
  }
  .hero {
    padding: var(--cc-space-14) 0 var(--cc-space-12);
  }
}
@media (max-width:640px) {
  .durdur span {
    display: none;
  }
  .durdur {
    padding: 0;
    width: var(--cc-lan-marka);
    justify-content: center;
    left: auto;
    right: var(--cc-space-3);
  }
  .kacsec button {
    min-width: var(--cc-lan-marka);
    height: var(--cc-lan-marka-sm);
    font-size: var(--cc-font-13);
  }
  .zemin.s40,.zemin.s60 {
    grid-template-columns: repeat(8,minmax(0,1fr));
    gap: var(--cc-space-1);
  }
  .zemin .mk small {
    display: none;
  }
  .alt2 {
    padding: var(--cc-space-12) 0 var(--cc-space-22);
  }
  .altalt {
    flex-direction: column;
    align-items: flex-start;
    margin-top: var(--cc-space-9);
  }
  .sahne2 {
    padding: var(--cc-space-45) var(--cc-space-35);
  }
  .sahne2 .ciktilar {
    grid-template-columns: 1fr;
  }
  .ciktilar {
    grid-template-columns: 1fr;
  }
  .agacpanel {
    padding: var(--cc-space-3);
  }
  .guc {
    grid-template-columns: 1fr 1fr;
  }
  .guc b {
    font-size: var(--cc-font-17);
  }
  .bagl {
    gap: var(--cc-space-1);
  }
  .bagl div {
    font-size: var(--cc-font-11);
  }
  .bagl i {
    width: var(--cc-lan-marka-lg);
    height: var(--cc-lan-marka-lg);
  }
  .ucac {
    font-size: var(--cc-font-14);
    padding-right: var(--cc-space-4);
    white-space: nowrap;
  }
  .unite {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: var(--cc-space-15);
  }
  .un {
    padding: var(--cc-space-2);
  }
  .un b {
    font-size: var(--cc-font-14);
  }
  .un em {
    display: none;
  }
  .duvar {
    padding: var(--cc-space-45);
  }
  .fayda.dort {
    grid-template-columns: 1fr;
  }
  .eylemler li {
    grid-template-columns: 1fr !important;
  }
  .eylemler li .oldu {
    justify-self: start;
  }
  body {
    font-size: var(--cc-font-16);
  }
  .sar {
    padding: 0 var(--cc-space-5);
  }
  .giris,.ust .dug,.uyeol {
    display: none;
  }
  .marka small {
    display: none;
  }
  .ust1 {
    height: var(--cc-space-16);
  }
  .marka img {
    width: var(--cc-lan-marka-sm);
    height: var(--cc-lan-marka-sm);
  }
  .dil {
    margin-right: 0;
  }
  .dil button {
    padding: var(--cc-space-25) var(--cc-space-15);
    font-size: var(--cc-font-13);
  }
  .fayda {
    grid-template-columns: 1fr;
  }
  .fayda div,.fayda div:nth-child(even) {
    padding: var(--cc-space-7) 0;
    border-right: 0;
  }
  .eylemler li {
    grid-template-columns: 1fr;
    gap: var(--cc-space-15);
  }
  .eylemler svg,.esat svg {
    display: none;
  }
  .esat {
    grid-template-columns: 1fr;
    gap: var(--cc-space-15);
  }
  .esat .tut {
    text-align: left;
  }
  .esat .kay {
    justify-self: start;
  }
  .ekran {
    grid-template-columns: 1fr;
    gap: var(--cc-space-4);
  }
  .cizim {
    width: var(--cc-lan-cizim-sm);
    height: var(--cc-lan-marka);
  }
  .alt-bilgi .sag {
    flex-wrap: wrap;
  }
  .hat {
    grid-template-columns: 1fr;
    gap: var(--cc-space-3);
  }
  .hat svg {
    display: none;
  }
  .guven,form,.kiyas {
    grid-template-columns: 1fr;
  }
  .kimler li {
    grid-template-columns: 1fr;
    gap: var(--cc-space-15);
  }
  .rsat {
    grid-template-columns: minmax(0,1fr) var(--cc-lan-sutun-sm) var(--cc-lan-sutun-md);
  }
  .olc {
    grid-template-columns: 1fr;
  }
  .ad span {
    display: none;
  }
  .ad i {
    font-size: var(--cc-font-15);
  }
  .akis {
    padding: var(--cc-space-45);
  }
}
@media (prefers-reduced-motion:reduce) {
  .alt2 {
    animation: none;
  }
  .durdur {
    display: none;
  }
  * {
    animation: none !important;
    transition: none !important;
  }
  html {
    scroll-behavior: auto;
  }
  .nk {
    display: none;
  }
}
@media (max-width:640px) {
  .kgir {
    grid-template-columns: 1fr 1fr !important;
  }
  .kson {
    grid-template-columns: 1fr 1fr !important;
  }
  .kson .yil {
    grid-column: 1/-1;
  }
  .kacak {
    padding: var(--cc-space-5) var(--cc-space-4) !important;
    margin-top: var(--cc-space-9) !important;
  }
  .kgir em {
    font-size: var(--cc-font-11);
  }
}
@media (max-width:980px) {
  .kacak {
    grid-template-columns: 1fr !important;
    gap: var(--cc-space-6) !important;
  }
}
@media (max-width:640px) {
  html {
    scroll-snap-type: y proximity;
    scroll-padding-top: calc(var(--cc-space-28) + env(safe-area-inset-top,0px));
  }
  .hero,main>section,.alt2 {
    scroll-snap-align: start;
  }
  .uzunm,.mgizle {
    display: none !important;
  }
  .kisam {
    display: inline;
  }
  p.kisam {
    display: block;
  }
  .bol {
    padding: var(--cc-lan-dugme-boy) 0;
  }
  .bol h2 {
    font-size: var(--cc-lan-m-h2);
    line-height: 1.14;
  }
  .bol .giris-yazi {
    margin-top: var(--cc-space-35);
    font-size: var(--cc-font-16);
  }
  .konu {
    margin-bottom: var(--cc-space-3);
  }
  .basust {
    margin-bottom: var(--cc-space-6) !important;
    gap: 0 !important;
  }
  .iki {
    gap: var(--cc-space-55) !important;
  }
  .kisim {
    margin-bottom: var(--cc-space-7);
    padding-bottom: var(--cc-space-45);
    gap: var(--cc-space-35);
    align-items: flex-start;
  }
  .kisim b {
    font-weight: var(--cc-weight-heavy) !important;
    font-size: var(--cc-font-17) !important;
    font-family: var(--cc-family-heading) !important;
    -webkit-text-stroke: 0 !important;
    color: var(--cc-on-navy) !important;
    background: var(--cc-action);
    width: var(--cc-lan-marka-sm);
    height: var(--cc-lan-marka-sm);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    letter-spacing: 0;
  }
  .kisim span {
    font-size: var(--cc-font-20);
  }
  .kisim small {
    display: none;
  }
  .hero {
    padding: var(--cc-lan-ikon-xl) 0 var(--cc-space-10);
  }
  .hero h1 {
    font-size: var(--cc-lan-m-h1-tavan);
  }
  .hero .alt {
    margin-top: var(--cc-space-35);
    font-size: var(--cc-font-16);
  }
  .hero .eylem {
    margin-top: var(--cc-space-5);
  }
  .akis {
    margin-top: var(--cc-lan-kare-sm);
    padding: var(--cc-space-35) !important;
    border-radius: var(--cc-radius-tile);
  }
  .akbas {
    margin: var(--cc-space-35) 0 var(--cc-space-25);
  }
  .akbas b {
    font-size: var(--cc-font-17);
  }
  .akbas .canli {
    font-size: var(--cc-font-12);
  }
  .cizim {
    width: var(--cc-space-16) !important;
    height: var(--cc-space-9) !important;
  }
  .olc {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: var(--cc-space-2) !important;
  }
  .kutu {
    padding: var(--cc-space-25) var(--cc-space-25) var(--cc-space-2) !important;
    min-height: var(--cc-lan-m-satir-boy);
  }
  .kutu>span {
    font-size: var(--cc-font-12) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .kutu b {
    font-size: var(--cc-font-17) !important;
    line-height: 1.2;
    display: block;
  }
  .kutu b em {
    display: block;
    font-size: var(--cc-font-11) !important;
    margin: 1px 0 0 !important;
    font-weight: var(--cc-weight-semibold);
    color: var(--cc-lan-notr-300);
  }
  .kiv,.ekveri {
    display: none !important;
  }
  .sonuc {
    padding: var(--cc-space-35) var(--cc-space-4) !important;
    margin-top: var(--cc-space-25);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--cc-space-05) var(--cc-space-3);
    min-height: var(--cc-lan-m-sonuc-boy);
  }
  .sonuc span {
    font-size: var(--cc-font-13) !important;
    grid-column: 1;
  }
  .sonuc small {
    grid-column: 1;
    font-size: var(--cc-font-12) !important;
  }
  .sonuc b {
    grid-column: 2;
    grid-row: 1/3;
    font-size: var(--cc-font-26) !important;
    margin: 0 !important;
    white-space: nowrap;
  }
  .kimsin {
    scroll-margin-top: var(--cc-lan-capa-kayma);
  }
  .dertler {
    min-height: var(--cc-lan-m-dert-boy);
  }
  .derman {
    min-height: var(--cc-lan-m-derman-boy);
  }
  .harita {
    margin-top: var(--cc-space-10) !important;
  }
  .harita h3 {
    font-size: var(--cc-font-22);
  }
  .ucyol {
    gap: var(--cc-space-2) !important;
    margin-top: var(--cc-space-45) !important;
  }
  .yolk {
    display: grid !important;
    grid-template-columns: var(--cc-lan-ikon-xl) 1fr var(--cc-space-5);
    align-items: center;
    gap: 0 var(--cc-space-3);
    padding: var(--cc-space-3) var(--cc-space-35) !important;
    border-radius: var(--cc-radius-lg) !important;
  }
  .yolk i {
    grid-row: 1/3;
    width: var(--cc-space-8) !important;
    height: var(--cc-space-8) !important;
    font-size: var(--cc-font-14) !important;
  }
  .yolk b {
    margin: 0 !important;
    font-size: var(--cc-font-17) !important;
  }
  .yolk q {
    margin: 0 !important;
    font-size: var(--cc-font-14) !important;
    color: var(--cc-lan-notr-700);
    font-weight: var(--cc-weight-regular) !important;
    grid-column: 2;
  }
  .yolk span,.yolk em {
    display: none !important;
  }
  .yok {
    display: block;
    grid-column: 3;
    grid-row: 1/3;
    width: var(--cc-space-5);
    height: var(--cc-space-5);
    fill: none;
    stroke: var(--cc-icon-disabled);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .ucyol>svg {
    height: var(--cc-space-5) !important;
    margin: 0;
  }
  .sonuck {
    padding: var(--cc-space-4) var(--cc-space-45) !important;
    border-radius: var(--cc-radius-lg) !important;
  }
  .sonuck b {
    font-size: var(--cc-font-20) !important;
  }
  .sonuck span {
    font-size: var(--cc-font-14) !important;
    margin-top: var(--cc-space-1) !important;
  }
  .muhnot {
    margin-top: var(--cc-space-35) !important;
    padding-left: 0 !important;
    border-left: 0 !important;
  }
  .muhnot>summary,.gucac>summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    cursor: pointer !important;
    pointer-events: auto;
    min-height: var(--cc-lan-marka-lg);
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-15);
    border-top: 1px solid var(--cc-navy-100);
    border-bottom: 1px solid var(--cc-navy-100);
  }
  .muhnot>summary::after,.gucac>summary::after,.altd>summary::after {
    content: "";
    width: var(--cc-space-2);
    height: var(--cc-space-2);
    border-right: var(--cc-cizgi-orta) solid currentColor;
    border-bottom: var(--cc-cizgi-orta) solid currentColor;
    transform: rotate(45deg);
    transition: transform .25s;
    margin-right: var(--cc-space-15);
    flex: none;
  }
  details.mac[open]>summary::after {
    transform: rotate(-135deg);
  }
  .muhnot p {
    padding: var(--cc-space-3) 0 0;
    font-size: var(--cc-font-15);
  }
  .muhnot p b {
    display: none;
  }
  .duvar {
    padding: var(--cc-space-4) var(--cc-space-35) !important;
    border-radius: var(--cc-radius-card) !important;
  }
  .duvarbas {
    margin-bottom: var(--cc-space-3) !important;
    gap: var(--cc-space-25) !important;
  }
  .duvarbas b {
    font-size: var(--cc-font-17) !important;
  }
  .anlatici {
    font-size: var(--cc-font-15) !important;
    line-height: 1.45;
    min-height: var(--cc-lan-m-satir-boy);
    margin: 0 0 var(--cc-space-3) !important;
    padding-left: var(--cc-space-3) !important;
    display: flex;
    align-items: center;
  }
  .fabgov {
    gap: var(--cc-space-35) !important;
  }
  .zemin {
    height: var(--cc-lan-sutun-4xl);
    min-height: 0 !important;
    align-content: center !important;
    justify-content: center;
    padding: 0 !important;
    gap: var(--cc-space-1) !important;
  }
  .zemin.s10 {
    grid-template-columns: repeat(5,var(--cc-lan-m-hucre-lg)) !important;
  }
  .zemin.s20 {
    grid-template-columns: repeat(7,var(--cc-lan-m-hucre-md)) !important;
  }
  .zemin.s40 {
    grid-template-columns: repeat(10,var(--cc-lan-m-hucre-sm)) !important;
    gap: var(--cc-space-1) !important;
  }
  .zemin.s60 {
    grid-template-columns: repeat(12,var(--cc-lan-ikon-lg)) !important;
    gap: var(--cc-space-1) !important;
  }
  .zemin.s100 {
    grid-template-columns: repeat(17,var(--cc-lan-etiket-boy)) !important;
    gap: var(--cc-space-1) !important;
  }
  .zemin .mk2,.zemin .mk small {
    display: none;
  }
  .zemin.s40 .mk svg,.zemin.s60 .mk svg,.zemin.s100 .mk svg {
    display: none;
  }
  .zemin.s40 .mk,.zemin.s60 .mk,.zemin.s100 .mk {
    border-radius: var(--cc-lan-kose-hucre);
  }
  .zemin.s100 .mk {
    border-radius: var(--cc-lan-cubuk-boy);
  }
  .tel {
    width: 100% !important;
    max-width: var(--cc-lan-m-tel-en);
    height: var(--cc-lan-m-tel-boy) !important;
    border-radius: var(--cc-lan-ikon-xl) var(--cc-lan-ikon-xl) 0 0 !important;
    padding: var(--cc-space-2) var(--cc-space-2) 0 !important;
    margin: 0 auto !important;
    -webkit-mask-image: linear-gradient(180deg,var(--cc-lan-maske-alt) 72%,transparent);
    mask-image: linear-gradient(180deg,var(--cc-lan-maske-alt) 72%,transparent);
  }
  .tel::before,.tel::after {
    display: none;
  }
  .telekran {
    border-radius: var(--cc-lan-m-tel-kose) var(--cc-lan-m-tel-kose) 0 0 !important;
  }
  .telgraf,.akisbas,.telakis,.telsekme,.telcizgi {
    display: none !important;
  }
  .telpush {
    left: var(--cc-space-2) !important;
    right: var(--cc-space-2) !important;
    top: var(--cc-lan-ikon-xl) !important;
    transform: translateY(-190%);
  }
  .telpush.ac {
    transform: none;
  }
  .telapp {
    padding: var(--cc-space-15) var(--cc-space-05) var(--cc-space-25) !important;
  }
  .duvaralt {
    display: grid !important;
    grid-template-columns: repeat(3,1fr);
    gap: var(--cc-space-2) !important;
    margin-top: var(--cc-space-15) !important;
    padding-top: var(--cc-space-35) !important;
    font-size: var(--cc-font-12) !important;
    line-height: 1.3;
  }
  .duvaralt {
    align-items: start !important;
  }
  .duvaralt>span {
    display: flex;
    flex-direction: column;
    gap: var(--cc-space-05);
  }
  .duvaralt>span b {
    order: -1;
  }
  .duvaralt b {
    margin: 0 !important;
    font-size: var(--cc-font-18) !important;
  }
  .fayda.dort {
    display: flex !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: var(--cc-space-3);
    margin: var(--cc-space-7) -20px 0 !important;
    padding: 0 var(--cc-space-5) var(--cc-space-2);
    scrollbar-width: none;
  }
  .fayda.dort::-webkit-scrollbar {
    display: none;
  }
  .fayda.dort div {
    flex: 0 0 80%;
    scroll-snap-align: center;
    background: var(--cc-on-navy);
    border: 1px solid var(--cc-navy-100) !important;
    border-radius: var(--cc-radius-tile);
    padding: var(--cc-space-45) !important;
  }
  .fayda.dort div+div {
    padding-left: var(--cc-space-45) !important;
  }
  .fayda.dort h3 {
    font-size: var(--cc-font-17);
  }
  .fayda.dort p {
    font-size: var(--cc-font-15);
    margin-top: var(--cc-space-2);
  }
  .istler {
    height: var(--cc-lan-m-istler-boy);
    min-height: 0 !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: var(--cc-space-15) !important;
    align-content: center;
  }
  .ist {
    padding: var(--cc-space-2) var(--cc-space-15) var(--cc-space-15) !important;
    border-radius: var(--cc-radius-md) !important;
  }
  .ist .ub b {
    font-size: var(--cc-font-11) !important;
  }
  .ist .ub span {
    display: none;
  }
  .kasalar {
    margin-top: var(--cc-space-1) !important;
    gap: var(--cc-lan-cubuk-boy) !important;
  }
  .kasa {
    height: var(--kh, var(--cc-space-10)) !important;
    border-radius: var(--cc-lan-kose-hucre) !important;
  }
  .istler.i5 {
    --kh: var(--cc-lan-kasa-lg);
  }
  .istler.i10 {
    --kh: var(--cc-lan-dugme-boy);
  }
  .istler.i15 {
    --kh: var(--cc-font-30);
  }
  .istler.i20 {
    --kh: var(--cc-font-18);
  }
  .depo {
    min-height: 0 !important;
    height: var(--cc-lan-m-panel-boy);
    padding: var(--cc-space-3) !important;
    border-radius: var(--cc-radius-tile) !important;
    overflow: hidden;
  }
  .depobas {
    padding-bottom: var(--cc-space-2) !important;
  }
  .depobas svg {
    width: var(--cc-lan-serit-boy) !important;
    height: var(--cc-lan-serit-boy) !important;
  }
  .depolist {
    margin-top: var(--cc-space-2) !important;
    gap: var(--cc-space-15) !important;
  }
  .depolist li {
    padding: var(--cc-space-2) var(--cc-space-25) !important;
  }
  .depolist li:nth-child(n+3) {
    display: none;
  }
  .eylemler li {
    display: grid !important;
    grid-template-columns: 1fr var(--cc-lan-m-eylem-sutun) !important;
    gap: var(--cc-space-05) var(--cc-space-25) !important;
    padding: var(--cc-space-3) var(--cc-space-3) !important;
    min-height: var(--cc-lan-m-eylem-boy);
    align-items: center;
  }
  .eylemler .neden {
    font-size: var(--cc-font-14);
    grid-column: 1;
  }
  .eylemler .sonra {
    font-size: var(--cc-font-15);
    grid-column: 1;
    line-height: 1.35;
  }
  .eylemler li .oldu {
    grid-column: 2;
    grid-row: 1/3;
    justify-self: end !important;
    align-self: center;
  }
  .kacak {
    padding: var(--cc-space-45) var(--cc-space-4) !important;
    margin-top: var(--cc-space-7) !important;
    gap: var(--cc-space-4) !important;
    border-radius: var(--cc-radius-card) !important;
  }
  .kacak h3 {
    font-size: var(--cc-font-20) !important;
    margin-top: var(--cc-space-3) !important;
  }
  .kacaksol p {
    font-size: var(--cc-font-15) !important;
    margin-top: var(--cc-space-2) !important;
  }
  .kgir {
    gap: var(--cc-space-2) !important;
  }
  .kgir input {
    min-height: var(--cc-lan-marka) !important;
    font-size: var(--cc-font-17) !important;
  }
  .kgir label {
    gap: var(--cc-space-1) !important;
    font-size: var(--cc-font-12) !important;
  }
  .kson {
    gap: var(--cc-space-2) !important;
    margin-top: var(--cc-space-25) !important;
  }
  .kson div {
    padding: var(--cc-space-25) var(--cc-space-35) !important;
  }
  .kson b {
    font-size: var(--cc-font-20) !important;
    margin-top: 1px !important;
  }
  .kson .yil {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
  }
  .kson .yil b {
    font-size: var(--cc-lan-m-sayi) !important;
  }
  .knot {
    font-size: var(--cc-font-12) !important;
    margin-top: var(--cc-space-2) !important;
  }
  .fx .iki {
    gap: var(--cc-space-2) !important;
  }
  .fx h2 em {
    font-size: var(--cc-font-15) !important;
    margin-top: var(--cc-space-2) !important;
  }
  .bagl {
    margin-top: var(--cc-space-45) !important;
  }
  .gucac {
    margin-top: var(--cc-space-45);
  }
  .gucac>summary {
    border-color: var(--cc-lan-navy-600) !important;
    color: var(--cc-on-navy);
  }
  .guc {
    grid-template-columns: 1fr !important;
    margin-top: 0 !important;
    border-top: 0 !important;
  }
  .fx .baglanir {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scrollbar-width: none;
    margin: var(--cc-space-45) -20px 0 !important;
    padding: 0 var(--cc-space-5) var(--cc-space-1);
  }
  .fx .baglanir::-webkit-scrollbar {
    display: none;
  }
  .fx .baglanir span {
    flex: none;
  }
  .fx .baglanir em {
    display: none;
  }
  .fx .baglanir .sizin {
    order: -1;
  }
  .heryer {
    font-size: var(--cc-font-15) !important;
    margin-top: var(--cc-space-35) !important;
  }
  #bakimkart,#rkart {
    min-height: 0 !important;
    padding: var(--cc-space-45) !important;
    border-radius: var(--cc-radius-tile) !important;
  }
  #bakimkart {
    min-height: var(--cc-lan-m-bakim-boy) !important;
  }
  #rkart {
    min-height: var(--cc-lan-m-recete-boy) !important;
  }
  .kalem {
    padding: var(--cc-space-3) 0 var(--cc-space-05) !important;
    margin-top: var(--cc-space-3) !important;
  }
  .kalem .ustu {
    font-size: var(--cc-font-15) !important;
  }
  .kalem .alti {
    gap: var(--cc-space-1) var(--cc-space-35) !important;
    font-size: var(--cc-font-13) !important;
  }
  .kalem .alti span:nth-child(2) {
    display: none;
  }
  .kalem .alti span:nth-child(3) {
    margin-left: auto;
    font-weight: var(--cc-weight-semibold);
    color: var(--cc-navy);
  }
  .toplam {
    margin-top: var(--cc-space-3) !important;
    padding-top: var(--cc-space-3) !important;
    font-size: var(--cc-font-13) !important;
  }
  .toplam b {
    font-size: var(--cc-font-20) !important;
  }
  .ornekno button {
    width: var(--cc-lan-marka) !important;
    height: var(--cc-lan-marka) !important;
    justify-content: center;
  }
  .rsat {
    grid-template-columns: 1fr auto !important;
    padding: var(--cc-space-2) 0 var(--cc-space-2) var(--cc-space-35) !important;
    gap: 0 var(--cc-space-25) !important;
  }
  .rsat span:nth-child(1) {
    grid-column: 1;
    font-size: var(--cc-font-15);
  }
  .rsat span:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    text-align: left !important;
    font-size: var(--cc-font-13);
  }
  .rsat span:nth-child(3) {
    grid-column: 2;
    grid-row: 1/3;
    align-self: center;
  }
  .kiyas {
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: var(--cc-space-15) !important;
    margin-top: var(--cc-space-35) !important;
  }
  .kiyas div {
    padding: var(--cc-space-25) var(--cc-space-2) !important;
    border-radius: var(--cc-radius-md) !important;
  }
  .kiyas span {
    font-size: var(--cc-font-11) !important;
    line-height: 1.25;
    min-height: var(--cc-space-7);
  }
  .kiyas b {
    font-size: var(--cc-font-16) !important;
  }
  .sahne2 {
    padding: var(--cc-space-4) 0 var(--cc-space-45) !important;
    border-radius: var(--cc-radius-card) !important;
  }
  .sahneust {
    padding: 0 var(--cc-space-4);
  }
  .sahneust b {
    font-size: var(--cc-font-17) !important;
  }
  #patlak {
    margin: var(--cc-space-05) 0 var(--cc-space-15) !important;
  }
  .sahne2 .ciktilar {
    display: flex !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: var(--cc-space-25);
    padding: 0 var(--cc-space-4) var(--cc-space-1);
    scrollbar-width: none;
  }
  .sahne2 .ciktilar::-webkit-scrollbar {
    display: none;
  }
  .sahne2 .cik {
    flex: 0 0 84%;
    scroll-snap-align: center;
    height: var(--cc-lan-m-cik-boy);
    padding: var(--cc-space-4) !important;
    opacity: .8;
  }
  .esle {
    padding: var(--cc-space-15) var(--cc-space-4) 0 !important;
    border-radius: var(--cc-radius-tile) !important;
  }
  .esle .bas {
    padding: var(--cc-space-3) 0 var(--cc-space-25) !important;
  }
  .esat {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: var(--cc-space-1) var(--cc-space-25) !important;
    padding: var(--cc-space-3) 0 !important;
    font-size: var(--cc-font-14) !important;
  }
  .esat .kay {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    padding: var(--cc-space-1) var(--cc-space-25) !important;
  }
  .esat .tut {
    grid-column: 2;
    grid-row: 1;
    text-align: right !important;
    font-size: var(--cc-font-15) !important;
    padding: 0 !important;
  }
  .esat .ne {
    grid-column: 1/3;
    grid-row: 2;
    font-size: var(--cc-font-14);
  }
  .esat .nereye {
    grid-column: 1/3;
    grid-row: 3;
    line-height: 1.35;
  }
  .esat .nereye::before {
    content: "\2192\00a0";
    color: var(--cc-action);
    font-weight: var(--cc-weight-heavy);
  }
  .esat.sizin2 {
    margin: 0 -16px !important;
    padding: var(--cc-space-3) var(--cc-space-4) var(--cc-space-35) !important;
  }
  .esat.sizin2 .tut {
    background: var(--cc-action);
    color: var(--cc-navy) !important;
    border-radius: var(--cc-radius-xs);
    padding: var(--cc-space-2) var(--cc-space-35) !important;
    text-decoration: none;
    font-weight: var(--cc-weight-semibold) !important;
    font-size: var(--cc-font-14) !important;
    font-family: var(--cc-family-body) !important;
    grid-row: 1;
    align-self: center;
  }
  #fatura .iki,#basla .iki {
    margin-bottom: var(--cc-space-5) !important;
  }
  .ikiyol {
    grid-template-columns: 1fr !important;
    gap: var(--cc-space-25) !important;
  }
  .yol {
    padding: var(--cc-space-45) !important;
    border-radius: var(--cc-radius-tile) !important;
    display: grid !important;
    grid-template-columns: var(--cc-lan-ikon-xl) 1fr;
    gap: var(--cc-space-1) var(--cc-space-3) !important;
    align-items: center;
  }
  .yol i {
    width: var(--cc-space-8) !important;
    height: var(--cc-space-8) !important;
    font-size: var(--cc-font-14) !important;
  }
  .yol h3 {
    font-size: var(--cc-font-18) !important;
    margin: 0 !important;
  }
  .yol p {
    grid-column: 1/3;
    font-size: var(--cc-font-15) !important;
  }
  .yol .dug {
    grid-column: 1/3;
    margin-top: var(--cc-space-15) !important;
    min-height: var(--cc-lan-marka-lg);
  }
  .sahabas {
    margin: var(--cc-space-7) 0 var(--cc-space-3) !important;
    font-size: var(--cc-font-16) !important;
  }
  .saha.iki2 {
    display: flex !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: var(--cc-space-3);
    margin: 0 -20px !important;
    padding: 0 var(--cc-space-5) var(--cc-space-15);
    scrollbar-width: none;
  }
  .saha.iki2::-webkit-scrollbar {
    display: none;
  }
  .saha.iki2 .vaka {
    flex: 0 0 84%;
    scroll-snap-align: center;
    padding: var(--cc-space-45) !important;
    gap: var(--cc-space-2) !important;
  }
  .saha.iki2 .vaka h3 {
    font-size: var(--cc-font-17) !important;
  }
  .saha.iki2 .vaka p {
    font-size: var(--cc-font-14) !important;
  }
  .adimlar,.ekran {
    display: none !important;
  }
  #basla .iki {
    margin-bottom: var(--cc-space-15) !important;
  }
  .uyeliste {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: u;
    border-top: 1px solid var(--cc-navy-100);
  }
  .uyeliste li {
    counter-increment: u;
    display: grid;
    grid-template-columns: var(--cc-lan-serit-boy) 1fr;
    gap: 0 var(--cc-space-3);
    align-items: center;
    padding: var(--cc-space-3) 0;
    border-bottom: 1px solid var(--cc-navy-100);
  }
  .uyeliste li::before {
    content: counter(u);
    grid-row: 1/3;
    width: var(--cc-space-7);
    height: var(--cc-space-7);
    border-radius: 50%;
    background: var(--cc-navy);
    color: var(--cc-on-navy);
    font-weight: var(--cc-weight-heavy);
    font-size: var(--cc-font-13);
    font-family: var(--cc-family-heading);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .uyeliste b {
    font-size: var(--cc-font-16);
  }
  .uyeliste span {
    font-size: var(--cc-font-14);
    color: var(--cc-lan-notr-700);
    grid-column: 2;
  }
  .guven {
    grid-template-columns: 1fr 1fr !important;
    gap: 0 var(--cc-space-4) !important;
  }
  .guven div {
    padding: var(--cc-space-3) 0 !important;
  }
  .guven b {
    font-size: var(--cc-font-15) !important;
  }
  .guven span {
    display: none;
  }
  .ilet form {
    grid-template-columns: 1fr 1fr !important;
    gap: var(--cc-space-25) !important;
  }
  .ilet label {
    font-size: var(--cc-font-13) !important;
    gap: var(--cc-space-1) !important;
  }
  .ilet input,.ilet select {
    min-height: var(--cc-lan-marka-lg) !important;
    padding: var(--cc-space-2) var(--cc-space-3) !important;
  }
  .ilet textarea {
    min-height: var(--cc-lan-m-metin-boy) !important;
    height: var(--cc-lan-m-metin-boy);
    padding: var(--cc-space-25) var(--cc-space-3) !important;
  }
  .ilet label.tam {
    grid-column: 1/-1;
  }
  .gonderim {
    gap: var(--cc-space-2) !important;
  }
  .gonderim .dug {
    flex: 1;
    min-height: var(--cc-space-12);
    padding: 0 var(--cc-space-3) !important;
    font-size: var(--cc-font-15) !important;
  }
  #durum {
    min-height: 0 !important;
  }
  .kapanis {
    padding-top: 0 !important;
    padding-bottom: var(--cc-lan-kare-sm) !important;
    margin-bottom: var(--cc-space-2) !important;
    gap: var(--cc-space-15) !important;
  }
  .kuresahne {
    height: var(--cc-lan-m-kure-boy);
    overflow: hidden;
    margin: 0 -20px;
    justify-content: flex-start !important;
  }
  #kure {
    max-width: var(--cc-lan-m-kure) !important;
    width: var(--cc-lan-m-kure) !important;
    margin-top: var(--cc-space-15);
  }
  .kurenot {
    display: none !important;
  }
  .kapsoz {
    font-size: var(--cc-lan-m-h2) !important;
    margin: var(--cc-space-4) 0 0 !important;
    max-width: none !important;
  }
  .kapsol .tanim {
    display: none;
  }
  .kapsol .marka {
    display: none;
  }
  .kapdug {
    margin-top: var(--cc-space-45);
  }
  .kapdug .dug {
    flex: 1;
  }
  .altust {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .altkol {
    gap: 0 !important;
  }
  .altd>summary {
    pointer-events: auto !important;
    cursor: pointer !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: var(--cc-lan-yuva);
    border-bottom: 1px solid var(--cc-lan-navy-600);
    color: var(--cc-on-navy);
  }
  .altd .alth {
    margin: 0 !important;
  }
  .altd[open] {
    padding-bottom: var(--cc-space-25);
  }
  .altd a {
    display: block;
    padding: var(--cc-space-25) 0 var(--cc-space-25) var(--cc-space-05) !important;
  }
  .altd>.alth {
    margin-top: var(--cc-space-35) !important;
  }
  .altkol:last-child {
    padding-top: var(--cc-space-45);
  }
  .altalt {
    margin-top: var(--cc-space-55) !important;
  }
}
@media (max-width:640px) and (prefers-reduced-motion:reduce) {
  html {
    scroll-snap-type: none;
  }
}
@media (max-width:980px) {
  .iki,.fx .iki,.basust {
    grid-template-columns: minmax(0,1fr) !important;
  }
}
@media (max-width:640px) {
  .ilet input,.ilet select,.ilet textarea {
    min-width: 0;
    width: 100%;
  }
  .ilet label {
    min-width: 0;
  }
  .heroetk {
    font-size: var(--cc-font-13);
    margin-bottom: var(--cc-space-3);
    gap: var(--cc-space-2);
  }
  .miniakis {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cc-space-1);
    margin: var(--cc-space-25) var(--cc-space-05) 0;
    font-size: var(--cc-font-12);
    font-weight: var(--cc-weight-semibold);
    color: var(--cc-lan-notr-300);
  }
  .miniakis span {
    white-space: nowrap;
  }
  .miniakis .v {
    color: var(--cc-on-navy);
    border: 1px solid var(--cc-lan-celik-500);
    border-radius: var(--cc-radius-sm);
    padding: var(--cc-space-05) var(--cc-space-2);
  }
  .miniakis .t {
    color: var(--cc-action);
  }
  .miniakis i {
    flex: 1;
    height: 0;
    border-top: var(--cc-cizgi-kalin) dashed var(--cc-lan-navy-600);
    position: relative;
    min-width: var(--cc-space-25);
  }
  .miniakis i::after {
    content: "";
    position: absolute;
    right: -1px;
    top: -4px;
    border: var(--cc-lan-ok-ucu) solid transparent;
    border-left-color: var(--cc-lan-navy-600);
  }
  .fayda.dort {
    display: none !important;
  }
  .yolk::after {
    display: none !important;
  }
  .durdur {
    display: none !important;
  }
  .durk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cc-space-9);
    height: var(--cc-space-9);
    min-width: var(--cc-space-9);
    border-radius: 50%;
    border: 1px solid var(--cc-lan-navy-600);
    background: transparent;
    color: var(--cc-lan-notr-100);
    cursor: pointer;
    margin-left: var(--cc-space-2);
    padding: 0;
    position: relative;
  }
  .durk::before {
    content: "";
    position: absolute;
    inset: -4px;
  }
  .durk svg {
    width: var(--cc-space-4);
    height: var(--cc-space-4);
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .durk[aria-pressed=true] {
    background: var(--cc-on-navy);
    color: var(--cc-navy);
    border-color: var(--cc-on-navy);
  }
  .akbas {
    flex-wrap: nowrap !important;
  }
  .akbas .maksol {
    min-width: 0;
    flex: 1;
  }
  .akbas b {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bolsar {
    display: flex;
    align-items: center;
    gap: var(--cc-space-15);
  }
  .bolsar .durk {
    border-color: var(--cc-lan-notr-100);
    color: var(--cc-navy);
    margin: 0 var(--cc-space-1) 0 0;
    flex: none;
  }
  .bolsar .gez {
    flex: 1;
    min-width: 0;
  }
  .asagiyon .bolcubuk {
    max-height: 0 !important;
    border-top: 0 !important;
  }
  .sekmeli #istasyon,.sekmeli #basla,.sekmeli .gez a[data-b="basla"] {
    display: none !important;
  }
  .sekmeli .sahasek {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cc-space-15);
    background: var(--cc-icon-tile);
    border-radius: var(--cc-radius-row);
    padding: var(--cc-space-1);
    margin-bottom: var(--cc-space-3);
  }
  .sahasek button {
    border: 0;
    background: transparent;
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-14);
    font-family: var(--cc-family-body);
    color: var(--cc-lan-notr-700);
    min-height: var(--cc-lan-marka);
    border-radius: var(--cc-radius-xs);
    cursor: pointer;
  }
  .sahasek button[aria-pressed=true] {
    background: var(--cc-on-navy);
    color: var(--cc-navy);
    box-shadow: var(--cc-lan-golge-sekme);
  }
  .yoladim {
    display: block;
    grid-column: 1/3;
    margin-top: var(--cc-space-05);
  }
  .yoladim summary {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: var(--cc-lan-marka);
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-15);
    color: var(--cc-lan-celik-700);
    cursor: pointer;
  }
  .yoladim summary::-webkit-details-marker {
    display: none;
  }
  .yoladim summary::after {
    content: "";
    width: var(--cc-space-2);
    height: var(--cc-space-2);
    border-right: var(--cc-cizgi-orta) solid currentColor;
    border-bottom: var(--cc-cizgi-orta) solid currentColor;
    transform: rotate(45deg);
    transition: transform .25s;
    margin-right: var(--cc-space-15);
  }
  .yoladim[open] summary::after {
    transform: rotate(-135deg);
  }
  .yoladim .uyeliste li {
    padding: var(--cc-space-2) 0;
  }
  .yoladim .uyeliste span {
    grid-column: 2;
  }
}
@media (min-width:641px) {
  .durdur {
    display: none;
  }
  .durk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cc-space-8);
    height: var(--cc-space-8);
    min-width: var(--cc-space-8);
    border-radius: 50%;
    border: 1px solid var(--cc-lan-navy-600);
    background: transparent;
    color: var(--cc-lan-notr-100);
    cursor: pointer;
    margin-left: var(--cc-space-3);
    padding: 0;
    position: relative;
    vertical-align: middle;
    transition: border-color .15s,color .15s;
  }
  .durk::before {
    content: "";
    position: absolute;
    inset: -6px;
  }
  .durk:hover {
    border-color: var(--cc-lan-celik-200);
    color: var(--cc-on-navy);
  }
  .durk svg {
    width: var(--cc-lan-etiket-boy);
    height: var(--cc-lan-etiket-boy);
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .durk[aria-pressed=true] {
    background: var(--cc-on-navy);
    color: var(--cc-navy);
    border-color: var(--cc-on-navy);
  }
  .lej {
    align-items: center;
  }
  .sahneust {
    align-items: center;
  }
  .sahneust .orn {
    margin-left: auto;
  }
  .sahneust .durk {
    margin-left: var(--cc-space-3);
  }
  .bolsar {
    display: flex;
    align-items: center;
  }
  .bolsar .gez {
    flex: 1;
    min-width: 0;
  }
  .bolsar .durk {
    order: 2;
    border-color: var(--cc-lan-notr-100);
    color: var(--cc-navy);
    margin: 0 0 0 var(--cc-space-3);
    flex: none;
  }
  .bolsar .durk:hover {
    border-color: var(--cc-navy);
    color: var(--cc-navy);
  }
  .bolsar .durk[aria-pressed=true] {
    background: var(--cc-navy);
    color: var(--cc-on-navy);
    border-color: var(--cc-navy);
  }
  .kurenot .durk {
    margin: 0 var(--cc-space-3) 0 0;
  }
  .canli {
    display: inline-flex;
    align-items: center;
  }
  .canli .uzunm {
    display: inline;
    margin-left: -8px;
  }
}
@media (min-width:981px) {
  .istler .kasa {
    height: var(--kh, var(--cc-lan-marka-lg));
  }
  .istler.i5 {
    --kh: var(--cc-lan-sutun-yan);
  }
  .istler.i10 {
    --kh: var(--cc-lan-capa-kayma);
  }
  .istler.i15 {
    --kh: var(--cc-lan-kasa-lg);
  }
  .istler.i20 {
    --kh: var(--cc-lan-marka-lg);
  }
  .istler.i5 .ist,.istler.i10 .ist {
    padding: var(--cc-space-4) var(--cc-space-4) var(--cc-space-35);
  }
  .istler.i5 .kasalar,.istler.i10 .kasalar {
    gap: var(--cc-space-2);
    margin-top: var(--cc-space-35);
  }
  .altust {
    grid-template-columns: 1.25fr 1fr 1fr 1.25fr 1.35fr !important;
    gap: var(--cc-space-8) !important;
  }
  #eylem .iki,#bakim .iki,#recete .iki,#basla .iki,#biz .iki,#iletisim .iki {
    grid-template-columns: minmax(0,5fr) minmax(0,7fr);
    gap: var(--cc-space-14);
  }
  #eylem .iki h2,#bakim .iki h2,#recete .iki h2,#basla .iki h2,#biz .iki h2 {
    font-size: var(--cc-lan-h2-sm);
    line-height: 1.12;
  }
}
.iletyol,.iletposta {
  display: none;
}
@media (min-width:981px) {
  .iletyol {
    display: grid;
    gap: var(--cc-space-4);
    list-style: none;
    margin: var(--cc-lan-ikon-xl) 0 0;
    padding: var(--cc-space-7) 0 0;
    border-top: 1px solid var(--cc-lan-celik-cam-22);
  }
  .iletyol li {
    display: flex;
    gap: var(--cc-space-35);
    align-items: flex-start;
  }
  .iletyol b {
    flex: none;
    width: var(--cc-lan-kare-sm);
    height: var(--cc-lan-kare-sm);
    border-radius: 50%;
    border: var(--cc-cizgi-kalin) solid var(--cc-action);
    color: var(--cc-action);
    font-weight: var(--cc-weight-heavy);
    font-size: var(--cc-font-13);
    font-family: var(--cc-family-heading);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
  }
  .iletyol span {
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-16);
    font-family: var(--cc-family-body);
    color: var(--cc-on-navy);
    display: block;
  }
  .iletyol em {
    display: block;
    font-style: normal;
    font-weight: var(--cc-weight-regular);
    font-size: var(--cc-font-14);
    line-height: 1.55;
    color: var(--cc-lan-notr-300);
    margin-top: var(--cc-space-05);
  }
  .iletposta {
    display: inline-block;
    margin-top: var(--cc-lan-kare-sm);
    color: var(--cc-lan-celik-200);
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-15);
    font-family: var(--cc-family-body);
    text-decoration: none;
    border-bottom: 1px solid var(--cc-lan-celik-200-cam-40);
    padding-bottom: var(--cc-space-05);
  }
  .iletposta:hover {
    color: var(--cc-on-navy);
    border-color: var(--cc-on-navy);
  }
  .altkol .alth {
    min-height: var(--cc-space-6);
  }
}
@media (max-width:640px) {
  .kurenot .durk,.sahneust .durk,.lej .durk {
    display: none !important;
  }
  .bolcubuk {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 100%;
    box-shadow: var(--cc-lan-golge-cubuk-m);
  }
  .asagi .bolcubuk {
    border-bottom: 1px solid var(--cc-navy-100);
  }
  html {
    scroll-padding-top: calc(var(--cc-space-16) + env(safe-area-inset-top,0px)) !important;
  }
  .bol {
    padding-top: var(--cc-space-14) !important;
  }
  .kimsin {
    scroll-margin-top: var(--cc-space-30);
  }
  .hero {
    scroll-snap-align: none !important;
  }
  html {
    scroll-snap-type: none !important;
  }
}
@media (max-width:640px) and (hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference) {
  html {
    scroll-snap-type: y proximity !important;
  }
}
.kilitsiz {
  scroll-snap-align: none !important;
}
.menud,.sonucd,.durkyazi,.menualt {
  display: none;
}
#ilerleme {
  z-index: 3;
}
@media (max-width:640px) {
  .ust1 {
    gap: var(--cc-space-2);
  }
  .ust .giris {
    width: auto !important;
    min-height: var(--cc-space-10) !important;
    padding: 0 var(--cc-space-35) !important;
    margin-left: auto;
    font-size: var(--cc-font-14);
  }
  .ust .giris svg {
    display: none;
  }
  .ust .giris span {
    position: static !important;
    left: auto;
  }
  .menud {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cc-lan-marka);
    height: var(--cc-lan-marka);
    border: 0;
    background: none;
    color: var(--cc-navy);
    cursor: pointer;
    padding: 0;
    margin-right: -8px;
  }
  .menud svg {
    width: var(--cc-space-6);
    height: var(--cc-space-6);
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
  }
  .menud path {
    transition: transform .25s ease,opacity .2s ease;
    transform-origin: var(--cc-space-3) var(--cc-space-3);
  }
  .menuacik .menud .m1 {
    transform: translateY(var(--cc-lan-kose-hucre)) rotate(45deg);
  }
  .menuacik .menud .m2 {
    opacity: 0;
  }
  .menuacik .menud .m3 {
    transform: translateY(-5px) rotate(-45deg);
  }
  .bolcubuk {
    max-height: 0 !important;
    border-top: 0 !important;
    box-shadow: none;
    transition: max-height .3s ease;
  }
  body.menuacik .bolcubuk {
    max-height: calc(100vh - var(--cc-space-16)) !important;
    overflow-y: auto;
    border-top: 1px solid var(--cc-navy-100) !important;
    box-shadow: var(--cc-lan-golge-menu-m);
  }
  .bolsar {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 0 !important;
    padding-top: var(--cc-space-1);
    padding-bottom: var(--cc-space-5);
  }
  .bolsar .gez {
    order: 1;
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: auto;
    gap: 0;
    overflow: visible;
  }
  .bolsar .gez a {
    height: var(--cc-lan-dugme-boy);
    font-size: var(--cc-font-16);
    border-bottom: 1px solid var(--cc-navy-100);
    padding-left: var(--cc-space-05);
  }
  .bolsar .gez a.simdi::after {
    left: -20px;
    right: auto;
    top: var(--cc-space-35);
    bottom: var(--cc-space-35);
    width: var(--cc-lan-cubuk-boy);
    height: auto;
  }
  .menualt {
    order: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--cc-space-3);
    padding: var(--cc-space-35) 0 var(--cc-space-1);
  }
  .menualt .dil {
    margin: 0;
  }
  .menualt .dil .uzun {
    display: inline !important;
  }
  .menualt .dil .kisa {
    display: none !important;
  }
  .menualt .dil {
    gap: var(--cc-space-4);
  }
  .menualt .dil button {
    padding: var(--cc-space-25) 0 !important;
    font-size: var(--cc-font-15) !important;
  }
  .akis .kayok {
    right: var(--cc-space-15) !important;
  }
  .menualt .uyeol {
    display: inline-flex !important;
    font-size: var(--cc-font-15);
    padding: var(--cc-space-25) 0;
  }
  .bolsar .durk {
    order: 3;
    width: 100% !important;
    min-width: 0;
    height: var(--cc-space-12) !important;
    border-radius: var(--cc-radius-row) !important;
    justify-content: flex-start;
    gap: var(--cc-space-25);
    padding: 0 var(--cc-space-35) !important;
    margin: var(--cc-space-3) 0 0 !important;
  }
  .bolsar .durk .durkyazi {
    display: inline;
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-15);
    font-family: var(--cc-family-body);
  }
  .hero {
    padding: var(--cc-space-5) 0 var(--cc-space-8) !important;
  }
  .heroetk {
    font-size: var(--cc-font-13) !important;
    margin-bottom: var(--cc-space-2) !important;
  }
  .hero h1 {
    font-size: var(--cc-lan-m-h1) !important;
    line-height: 1.08 !important;
  }
  .hero .alt {
    margin-top: var(--cc-space-25) !important;
    line-height: 1.5;
  }
  .hero .eylem {
    margin-top: var(--cc-space-4) !important;
  }
  .akis {
    margin-top: var(--cc-space-45) !important;
  }
  .akis .kayar {
    overflow: hidden;
    margin: 0 -14px;
  }
  .akis .sekler {
    margin: 0 !important;
    padding: var(--cc-space-05) var(--cc-lan-m-kaydir-pay) var(--cc-space-15) var(--cc-space-35) !important;
  }
  .akbas .durk {
    display: none !important;
  }
  .akgov {
    gap: var(--cc-space-25) !important;
  }
  .akgov .olc {
    order: 1;
  }
  .akgov .sonuc {
    order: 2;
    margin-top: 0 !important;
  }
  .akgov .miniakis {
    order: 3;
    margin-top: var(--cc-space-05) !important;
  }
  .sonuc {
    grid-template-columns: auto 1fr auto !important;
    gap: var(--cc-space-05) var(--cc-space-3) !important;
  }
  .sonuc .sonucd {
    display: inline-flex !important;
    grid-column: 1;
    grid-row: 1/3;
    width: var(--cc-space-10);
    height: var(--cc-space-10);
    min-width: var(--cc-space-10);
    margin: 0;
    border-color: var(--cc-lan-lacivert-cam-45);
    color: var(--cc-navy);
    background: var(--cc-lan-ak-18);
  }
  .sonuc .sonucd[aria-pressed=true] {
    background: var(--cc-navy);
    color: var(--cc-on-navy);
    border-color: var(--cc-navy);
  }
  .sonuc span {
    grid-column: 2 !important;
  }
  .sonuc small {
    grid-column: 2 !important;
  }
  .sonuc b {
    grid-column: 3 !important;
  }
}
.canli i {
  background: var(--cc-lan-yesil-500) !important;
  box-shadow: var(--cc-lan-halka-canli);
}
@media (max-width:640px) {
  .hero {
    padding-top: var(--cc-space-4) !important;
  }
  .hero .alt {
    margin-top: var(--cc-space-25) !important;
  }
  .hero .eylem {
    margin-top: var(--cc-space-45) !important;
  }
  .akis {
    margin-top: var(--cc-space-5) !important;
  }
  .akgov {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .akgov>* {
    min-width: 0;
  }
  .sonuc {
    grid-template-columns: auto minmax(0,1fr) auto !important;
    height: var(--cc-space-22);
    min-height: 0 !important;
    align-content: center;
    overflow: hidden;
  }
  .sonuc span {
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .sonuc small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .sonuc.yazili b {
    font-size: var(--cc-font-20) !important;
    white-space: normal !important;
    line-height: 1.08 !important;
    max-width: var(--cc-lan-kamera-en);
    text-align: right;
  }
  .miniakis {
    min-width: 0;
    overflow: hidden;
  }
}
.ag,.agnot {
  display: none;
}
html.tekerlek {
  scroll-snap-type: none !important;
}
@media (max-width:640px) {
  .fx .iki>div {
    display: contents;
  }
  .fx .iki>div>.konu {
    order: 1;
  }
  .fx .iki>div>h2 {
    order: 2;
    margin-bottom: var(--cc-space-1);
  }
  .fx .iki>figure {
    order: 3;
  }
  .fx .iki>div>* {
    order: 4;
  }
  .fx .iki>div>.konu {
    order: 1 !important;
  }
  .fx .iki>div>h2 {
    order: 2 !important;
  }
  #kure {
    display: none !important;
  }
  .kuresahne {
    height: auto !important;
    overflow: visible !important;
    margin: var(--cc-space-7) 0 var(--cc-space-15) !important;
  }
  .ag {
    display: block;
    width: 100%;
    height: auto;
    max-width: var(--cc-lan-kart-boy);
  }
  .agnot {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--cc-space-1) var(--cc-space-2);
    font-size: var(--cc-font-13);
    color: var(--cc-lan-notr-300);
    margin: var(--cc-space-15) 0 var(--cc-space-25);
  }
  .agnot i {
    width: var(--cc-space-2);
    height: var(--cc-space-2);
    border-radius: 50%;
    display: inline-block;
  }
  .agnot .av {
    background: var(--cc-lan-celik-300);
  }
  .agnot .ak {
    background: var(--cc-action);
    margin-left: var(--cc-space-25);
  }
  .dertler .etk {
    display: inline-block;
    align-self: flex-start;
    margin-bottom: var(--cc-space-1);
    padding: var(--cc-space-1) var(--cc-space-3) !important;
    font-size: var(--cc-font-12) !important;
  }
  .dertler {
    height: var(--dh, var(--cc-lan-m-dert-sm));
    min-height: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--cc-space-3) var(--cc-space-35) !important;
  }
  .derman #dacik {
    display: none;
  }
  .derman {
    height: var(--ch, var(--cc-lan-m-dert-md));
    min-height: 0 !important;
  }
  .kimgov {
    margin-top: var(--cc-space-3) !important;
  }
  .harita,#eylem .kacak {
    scroll-snap-align: start;
    scroll-margin-top: var(--cc-space-25) !important;
  }
  .kimsin {
    scroll-snap-align: start;
    scroll-margin-top: var(--cc-space-22);
  }
  .kilit {
    scroll-snap-align: start;
    scroll-margin-top: var(--cc-space-14);
  }
}
@media (max-width:380px) {
  .dertler {
    --dh: var(--cc-lan-m-dert-md);
  }
  .derman {
    --ch: var(--cc-lan-m-derman-lg);
  }
}
.canlisat {
  display: none;
}
@media (max-width:640px) {
  .kisim.birles {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: var(--cc-space-3) !important;
    align-items: center !important;
  }
  .kisim.birles b {
    width: var(--cc-lan-serit-boy) !important;
    height: var(--cc-lan-serit-boy) !important;
    font-size: var(--cc-font-14) !important;
  }
  .kisim.birles span {
    font-size: var(--cc-font-16) !important;
    white-space: nowrap;
  }
  .kisim.birles .konu {
    white-space: nowrap;
  }
  .kisim.birles .konu {
    margin: 0 0 0 auto !important;
    font-size: var(--cc-font-14);
  }
  #fayda .basust .giris-yazi {
    display: none;
  }
  .canlisat {
    display: block;
    margin-top: var(--cc-space-35);
  }
  .canlisat .duvaralt {
    display: grid !important;
    grid-template-columns: repeat(3,1fr);
    gap: 0 !important;
    margin: 0 !important;
    padding: var(--cc-space-3) 0 !important;
    border-top: 1px solid var(--cc-navy-100) !important;
    border-bottom: 1px solid var(--cc-navy-100);
    color: var(--cc-lan-notr-700) !important;
    font-size: var(--cc-font-12) !important;
    line-height: 1.3;
  }
  .canlisat .duvaralt[hidden] {
    display: none !important;
  }
  .canlisat .duvaralt>span {
    padding: 0 var(--cc-space-25);
    border-left: 1px solid var(--cc-navy-100);
  }
  .canlisat .duvaralt>span:first-child {
    padding-left: 0;
    border-left: 0;
  }
  .canlisat .duvaralt b {
    color: var(--cc-navy) !important;
    font-size: var(--cc-font-20) !important;
  }
  #fayda .basust {
    margin-bottom: var(--cc-space-4) !important;
  }
  #sahasek {
    scroll-snap-align: start;
    scroll-margin-top: var(--cc-space-25);
  }
  #duvar {
    padding-bottom: 0 !important;
  }
  #ist {
    padding-bottom: var(--cc-space-4) !important;
  }
  #duvar .tel {
    height: var(--cc-lan-m-panel-boy) !important;
  }
  #duvar .fabgov {
    gap: var(--cc-space-25) !important;
  }
  .canlisat .duvaralt>span {
    min-height: var(--cc-lan-m-sayac-boy);
  }
  .canlisat .duvaralt>span>span {
    display: inline;
  }
  .canlisat .duvaralt>span>span.uzunm {
    display: none !important;
  }
  #ist .depo {
    height: var(--cc-lan-alan-boy) !important;
  }
  #ist .depobas small {
    display: none;
  }
  #ist .depobas {
    padding-bottom: var(--cc-space-15) !important;
  }
  #ist .istler {
    height: var(--cc-lan-m-ist-boy) !important;
  }
  #ist .istler.i10 {
    --kh: var(--cc-lan-marka-lg);
  }
  #ist .istler.i15 {
    --kh: var(--cc-lan-kamera-boy);
  }
  #ist .istler.i20 {
    --kh: var(--cc-font-14);
  }
  #ist {
    padding-bottom: var(--cc-space-3) !important;
  }
}
@media (min-width:641px) {
  .kisim b {
    font-family: var(--cc-family-body) !important;
    font-weight: var(--cc-weight-semibold) !important;
    letter-spacing: var(--cc-tracking-brand);
  }
}
.iz {
  display: none;
}
@media (max-width:640px) {
  .iz {
    display: inline-flex;
    align-items: center;
    gap: var(--cc-space-2);
    margin-right: var(--cc-space-2);
    padding-right: var(--cc-space-2);
    border-right: 1px solid var(--cc-navy-100);
    color: var(--cc-lan-notr-700);
    font-weight: var(--cc-weight-semibold);
    white-space: nowrap;
  }
  .iz b {
    width: var(--cc-lan-ikon-md);
    height: var(--cc-lan-ikon-md);
    border-radius: 50%;
    background: var(--cc-action);
    color: var(--cc-on-navy);
    font-weight: var(--cc-weight-heavy);
    font-size: var(--cc-font-11);
    font-family: var(--cc-family-heading);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
  }
  .fx .iz {
    border-right-color: var(--cc-lan-celik-cam-30);
    color: var(--cc-lan-celik-200);
  }
  .konu:has(.iz) {
    flex-wrap: wrap;
    row-gap: var(--cc-space-1);
  }
  .konu:has(.iz)>svg {
    display: none;
  }
  #eylem .giris-yazi {
    margin-top: var(--cc-space-15) !important;
  }
  #eylem h2 {
    margin-bottom: 0;
  }
  #eylem .eylemler {
    margin-top: var(--cc-space-25) !important;
  }
  #eylem .eylemler li {
    padding: var(--cc-space-2) var(--cc-space-3) !important;
    min-height: var(--cc-lan-m-satir-boy);
  }
  #eylem .eylemler .sonra {
    line-height: 1.3;
  }
  #eylem .iki {
    margin-bottom: 0 !important;
  }
}
.ornekad {
  display: none;
}
@media (max-width:640px) {
  .kart .kartbas {
    flex-direction: column;
    align-items: stretch;
    gap: var(--cc-space-25);
  }
  .kart .kartbas>b {
    order: 2;
    font-size: var(--cc-font-16) !important;
  }
  .ornekad {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: var(--cc-space-1);
    order: 1;
    background: var(--cc-bg-muted);
    border-radius: var(--cc-radius-row);
    padding: var(--cc-lan-cubuk-boy);
  }
  .ornekad button {
    min-height: var(--cc-lan-marka-sm);
    border: 0;
    border-radius: var(--cc-radius-xs);
    background: none;
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-14);
    font-family: var(--cc-family-body);
    color: var(--cc-lan-notr-600);
    cursor: pointer;
    padding: 0 var(--cc-space-15);
  }
  .ornekad button[aria-pressed=true] {
    background: var(--cc-on-navy);
    color: var(--cc-navy);
    box-shadow: var(--cc-lan-golge-secim-m);
  }
  #agacpanel {
    padding: var(--cc-space-45) 0 var(--cc-space-55) !important;
  }
  #agacpanel .sahneust {
    padding: 0 var(--cc-space-4) var(--cc-space-15);
  }
  #patlak {
    margin: var(--cc-space-25) 0 var(--cc-space-35) !important;
  }
}
.adetsec {
  display: flex;
  align-items: center;
  gap: var(--cc-space-35);
  flex-wrap: wrap;
  margin-top: var(--cc-space-4);
  padding-top: var(--cc-space-35);
  border-top: 1px solid var(--cc-navy-100);
}
.asor {
  font-weight: var(--cc-weight-bold);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-heading);
  color: var(--cc-navy);
}
.amik {
  display: flex;
  gap: var(--cc-space-15);
  flex-wrap: wrap;
}
.amik button {
  min-height: var(--cc-lan-marka-sm);
  padding: 0 var(--cc-space-35);
  border: 1px solid var(--cc-navy-100);
  background: var(--cc-on-navy);
  border-radius: var(--cc-radius-pill);
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-14);
  font-family: var(--cc-family-body);
  color: var(--cc-lan-notr-600);
  cursor: pointer;
  font-variant-numeric: tabular-nums;
}
.amik button:hover {
  border-color: var(--cc-lan-notr-300);
}
.amik button[aria-pressed=true] {
  background: var(--cc-navy);
  border-color: var(--cc-navy);
  color: var(--cc-on-navy);
}
@media (max-width:640px) {
  .adetsec {
    margin-top: var(--cc-space-3);
    padding-top: var(--cc-space-3);
    gap: var(--cc-space-2);
    flex-direction: column;
    align-items: stretch;
  }
  .asor {
    font-size: var(--cc-font-14);
  }
  .amik {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: var(--cc-space-1);
  }
  .amik button {
    min-height: var(--cc-space-9);
    padding: 0 var(--cc-lan-cubuk-boy);
    font-size: var(--cc-font-13);
  }
  .kiyas span {
    min-height: var(--cc-lan-kare-sm) !important;
  }
  #rkart {
    padding: var(--cc-space-35) !important;
  }
  #rkart .rsat {
    padding: var(--cc-lan-kose-hucre) 0 var(--cc-lan-kose-hucre) var(--cc-space-35) !important;
  }
  #rkart .kartbas {
    gap: var(--cc-space-2);
  }
  #rkart .adetsec {
    margin-top: var(--cc-space-2);
    padding-top: var(--cc-space-2);
  }
  #rkart .kiyas {
    margin-top: var(--cc-space-25) !important;
  }
  #rkart .kiyas div {
    padding: var(--cc-space-2) var(--cc-space-2) !important;
  }
  #rkart .agac {
    margin-top: var(--cc-space-05);
  }
  #rkart .rsat span:nth-child(1) {
    font-size: var(--cc-font-14);
  }
  #rkart {
    min-height: 0 !important;
  }
  #agac .basust .giris-yazi:not(.altcumle) {
    display: none;
  }
  #biz h2 {
    font-size: var(--cc-lan-m-h2-xs) !important;
    line-height: 1.16;
  }
  #agac .basust {
    margin-bottom: var(--cc-space-3) !important;
  }
  #agacpanel {
    scroll-snap-align: start;
    scroll-margin-top: var(--cc-lan-m-satir-boy);
  }
  #agacpanel .sahneust {
    padding: 0 var(--cc-space-4) var(--cc-space-05);
  }
  #agacpanel .sahneust b {
    font-size: var(--cc-font-16) !important;
  }
  .altcumle {
    margin-top: var(--cc-space-35) !important;
    white-space: nowrap;
  }
  #rkart {
    display: flex;
    flex-direction: column;
  }
  #rkart .kartbas {
    order: 1;
  }
  #rkart>div[style] {
    order: 2;
  }
  #rkart .adetsec {
    order: 3;
    border-top: 0 !important;
    margin-top: var(--cc-space-2) !important;
    padding-top: 0 !important;
  }
  #rkart .kiyas {
    order: 4;
    margin-top: var(--cc-space-25) !important;
  }
  #rkart .agac {
    order: 5;
    margin-top: var(--cc-space-4);
    padding-top: var(--cc-space-3);
    border-top: 1px solid var(--cc-navy-100);
  }
  #rkart .agac::before {
    content: attr(data-baslik);
    display: block;
    font-weight: var(--cc-weight-bold);
    font-size: var(--cc-font-14);
    font-family: var(--cc-family-heading);
    color: var(--cc-navy);
    margin-bottom: var(--cc-space-15);
  }
  #rkart .kiyas div {
    padding: var(--cc-space-25) var(--cc-space-2) !important;
  }
  #rkart .kiyas b {
    font-size: var(--cc-font-17) !important;
    white-space: nowrap;
  }
  #rkart .kiyas .fark b,#rkart .kiyas .iyi b {
    font-size: var(--cc-font-17) !important;
  }
  #rkart .kiyas span {
    min-height: var(--cc-lan-ikon-xl) !important;
    font-size: var(--cc-font-12) !important;
  }
  #rkart .kiyas div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #bakimkart {
    height: var(--cc-lan-m-bakim-tam);
  }
  #bakimkart .toplam {
    margin-top: auto;
  }
  #patlak {
    margin: var(--cc-space-15) 0 var(--cc-space-25) !important;
  }
}
.agsay {
  display: none;
}
@media (max-width:640px) {
  .agsay {
    display: flex;
    align-items: baseline;
    gap: var(--cc-space-2);
    justify-content: center;
    margin: -4px 0 var(--cc-space-25);
    color: var(--cc-lan-notr-300);
    font-size: var(--cc-font-13);
  }
  .agsay b {
    font-weight: var(--cc-weight-heavy);
    font-size: var(--cc-font-26);
    font-family: var(--cc-family-heading);
    color: var(--cc-on-navy);
    font-variant-numeric: tabular-nums;
    line-height: 1;
  }
  .akbas .cizim {
    width: var(--cc-lan-ikon-xl) !important;
    height: var(--cc-space-5) !important;
  }
  .akbas b {
    font-size: var(--cc-font-16) !important;
  }
}
@media (max-width:400px) {
  .akbas b {
    font-size: var(--cc-font-16) !important;
  }
  .akbas .cizim {
    width: var(--cc-space-7) !important;
    height: var(--cc-lan-ikon-sm) !important;
  }
  .akbas {
    gap: var(--cc-space-2) !important;
  }
  .akbas .canli {
    gap: var(--cc-space-15);
  }
  .sonuc span {
    -webkit-line-clamp: 3 !important;
  }
  .sonuc b {
    font-size: var(--cc-font-22) !important;
  }
}
@media (max-width:640px) {
  #nedir .basust .giris-yazi {
    display: none;
  }
  #nedir .basust {
    margin-bottom: var(--cc-space-25) !important;
  }
  #nedir {
    padding-top: var(--cc-space-35) !important;
    scroll-margin-top: 0;
  }
  #kimsoru {
    display: none;
  }
  .kimgov {
    margin-top: var(--cc-space-25) !important;
  }
  .dertler {
    --dh: var(--cc-lan-m-dert-md);
    padding: var(--cc-space-2) var(--cc-space-3) !important;
    justify-content: flex-start !important;
  }
  .dertler ul {
    flex: none;
  }
  .dertler li {
    padding: var(--cc-space-2) var(--cc-space-3) !important;
    font-size: var(--cc-font-15) !important;
    line-height: 1.34;
  }
  .dertler ul {
    gap: var(--cc-space-2) !important;
  }
  .derman {
    --ch: var(--cc-lan-m-derman-sm);
    padding: var(--cc-space-2) var(--cc-space-3) !important;
  }
  .derman h3 {
    font-size: var(--cc-font-18) !important;
    line-height: 1.22;
  }
  .derman .dmet {
    font-size: var(--cc-font-15) !important;
    margin-top: var(--cc-space-2) !important;
    line-height: 1.3;
  }
  .derman a {
    padding-top: var(--cc-space-2) !important;
    font-size: var(--cc-font-14) !important;
  }
  .kimok {
    margin: 0 !important;
    height: var(--cc-lan-kare-sm) !important;
  }
  #nedir h2 {
    font-size: var(--cc-lan-m-h2-sm) !important;
    line-height: 1.14;
    white-space: nowrap;
  }
  .kimgov {
    gap: var(--cc-space-15) !important;
  }
  .kimsec {
    padding-bottom: var(--cc-space-05) !important;
  }
}
@media (max-width:380px) {
  .dertler {
    --dh: var(--cc-lan-m-dert-md);
  }
  .derman {
    --ch: var(--cc-lan-m-derman-sm);
  }
}
@media (max-width:640px) {
  .kimsec button {
    min-height: var(--cc-lan-m-secim-boy) !important;
    font-size: var(--cc-font-14) !important;
    padding: 0 var(--cc-space-35) !important;
  }
  .kilit {
    scroll-margin-top: var(--cc-space-35);
  }
}
.sonucr {
  display: none;
}
@media (max-width:640px) {
  .harita h3 {
    font-size: var(--cc-lan-m-h2-sm) !important;
    line-height: 1.14;
    white-space: nowrap;
    margin-bottom: var(--cc-space-35);
  }
  .sonuck {
    padding: var(--cc-space-35) var(--cc-space-4) !important;
  }
  .sonuck .sonucr {
    display: flex;
    align-items: baseline;
    gap: var(--cc-space-15);
    margin: var(--cc-space-15) 0 var(--cc-space-05);
  }
  .sonuck .sonucr em {
    font-weight: var(--cc-weight-heavy);
    font-size: var(--cc-font-30);
    font-family: var(--cc-family-heading);
    color: var(--cc-on-navy);
    font-style: normal;
    font-variant-numeric: tabular-nums;
    line-height: 1;
  }
  .sonuck .sonucr i {
    font-style: normal;
    font-size: var(--cc-font-14);
    color: var(--cc-lan-celik-200);
    font-weight: var(--cc-weight-semibold);
  }
  .sonuck small {
    display: block;
    font-size: var(--cc-font-13);
    color: var(--cc-lan-celik-200);
    margin-bottom: var(--cc-space-2);
  }
  .sonuck span {
    font-size: var(--cc-font-14) !important;
    line-height: 1.45;
  }
  .harita {
    scroll-snap-align: start;
    scroll-margin-top: var(--cc-space-35) !important;
  }
  main>section {
    scroll-margin-top: -34px;
  }
}
.diltetik,.dilliste {
  display: none;
}
@media (max-width:640px) {
  .ust1 .dil {
    display: block !important;
    position: relative;
    margin: 0 0 0 auto !important;
    order: 2;
  }
  .ust1 .giris {
    margin-left: var(--cc-space-2) !important;
    order: 3;
    padding: 0 var(--cc-space-3) !important;
    font-size: var(--cc-font-14) !important;
  }
  .ust1 {
    gap: var(--cc-space-1) !important;
  }
  .marka {
    gap: var(--cc-space-2) !important;
  }
  .marka img {
    width: var(--cc-lan-ikon-xl) !important;
    height: var(--cc-lan-ikon-xl) !important;
  }
  .marka b {
    font-size: var(--cc-font-18) !important;
  }
  .menud {
    width: var(--cc-space-10) !important;
    margin-right: -6px !important;
  }
  .ust1 .menud {
    order: 4;
  }
  .dil .diltetik {
    display: inline-flex;
    align-items: center;
    gap: var(--cc-space-1);
    min-height: var(--cc-space-10) !important;
    padding: 0 var(--cc-space-15) !important;
    border: 0 !important;
    border-radius: var(--cc-radius-md);
    background: none !important;
    color: var(--cc-lan-notr-700);
    cursor: pointer;
  }
  .dil .diltetik:active {
    background: var(--cc-bg-muted) !important;
  }
  .dil.dilacik .diltetik {
    background: var(--cc-bg-muted) !important;
    color: var(--cc-navy);
  }
  .diltetik svg {
    width: var(--cc-space-4);
    height: var(--cc-space-4);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
  }
  .diltetik b {
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-14);
    font-family: var(--cc-family-body);
  }
  .dilliste {
    display: none;
    position: absolute;
    top: calc(100% + var(--cc-space-2));
    right: 0;
    background: var(--cc-on-navy);
    border: 1px solid var(--cc-navy-100);
    border-radius: var(--cc-radius-lg);
    box-shadow: var(--cc-lan-golge-dil-m);
    padding: var(--cc-space-1);
    min-width: var(--cc-lan-alan-boy);
    z-index: 30;
  }
  .dil.dilacik .dilliste {
    display: block;
  }
  .dilliste button {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: var(--cc-lan-m-dokunma) !important;
    padding: 0 var(--cc-space-3) !important;
    border-radius: var(--cc-radius-md);
    border: 0 !important;
    font-size: var(--cc-font-15) !important;
    text-align: left;
  }
  .dilliste button[aria-pressed=true] {
    background: var(--cc-bg-muted);
    color: var(--cc-navy);
  }
  .dilliste .uzun {
    display: inline !important;
  }
  .dilliste .kisa {
    display: none !important;
  }
}
.menuliste {
  display: none;
}
@media (max-width:640px) {
  .menuliste {
    display: block;
    padding-top: var(--cc-space-05);
  }
  .mbas {
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-14);
    line-height: 1.4;
    font-family: var(--cc-family-body);
    color: var(--cc-lan-notr-700);
    margin: var(--cc-space-15) 0 var(--cc-space-25);
    letter-spacing: 0;
  }
  .mbas+.msat {
    border-top: 1px solid var(--cc-navy-100);
    padding-top: var(--cc-space-3);
  }
  .menuliste .mbas:nth-of-type(2) {
    font-weight: var(--cc-weight-bold);
    font-size: var(--cc-font-12);
    font-family: var(--cc-family-body);
    letter-spacing: .06em;
    text-transform: uppercase;
    margin: var(--cc-space-35) 0 var(--cc-space-05);
  }
  .menuliste .mbas:nth-of-type(2)+.msat {
    border-top: 0;
    padding-top: var(--cc-space-2);
  }
  .mbas:first-child {
    margin-top: var(--cc-space-1);
  }
  .msat {
    display: flex;
    align-items: flex-start;
    gap: var(--cc-space-3);
    padding: var(--cc-space-2) 0;
    border-bottom: 1px solid var(--cc-navy-100);
    text-decoration: none;
  }
  .msat:last-of-type {
    border-bottom: 0;
  }
  .msat i {
    flex: none;
    width: var(--cc-space-6);
    height: var(--cc-space-6);
    border-radius: 50%;
    background: var(--cc-action);
    color: var(--cc-on-navy);
    font-weight: var(--cc-weight-heavy);
    font-size: var(--cc-font-13);
    font-family: var(--cc-family-heading);
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    margin-top: 1px;
  }
  .msat b {
    display: block;
    font-weight: var(--cc-weight-bold);
    font-size: var(--cc-font-16);
    font-family: var(--cc-family-heading);
    color: var(--cc-navy);
  }
  .msat em {
    display: block;
    font-style: normal;
    font-size: var(--cc-font-13);
    line-height: 1.35;
    color: var(--cc-lan-notr-700);
    margin-top: var(--cc-space-05);
  }
  .msat:not(.mno) b {
    font-weight: var(--cc-weight-semibold);
  }
  .meylem {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--cc-space-2);
    margin: var(--cc-space-35) 0 var(--cc-space-05);
  }
  .ust .meylem .dug {
    display: inline-flex !important;
    width: 100%;
    justify-content: center;
    min-height: var(--cc-lan-marka-lg);
    font-size: var(--cc-font-15);
    padding: 0 var(--cc-space-25);
  }
  .bolsar .durk {
    margin-top: var(--cc-space-2) !important;
    height: var(--cc-lan-m-dokunma) !important;
    background: none !important;
    border-color: var(--cc-navy-100) !important;
  }
}
.iletkan {
  display: grid;
  gap: var(--cc-space-25);
  margin-top: var(--cc-lan-kare-sm);
}
.iletkan .iletposta {
  display: inline-flex;
  align-items: center;
  gap: var(--cc-space-2);
  margin-top: 0;
}
.iletkan svg {
  width: var(--cc-lan-ikon-sm);
  height: var(--cc-lan-ikon-sm);
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linejoin: round;
}
.iletsaat {
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-300);
  margin: var(--cc-space-05) 0 0;
}
@media (max-width:640px) {
  .iletkan {
    display: grid !important;
    gap: var(--cc-space-2);
    margin: var(--cc-space-55) 0 0;
    padding-top: var(--cc-space-45);
    border-top: 1px solid var(--cc-lan-celik-cam-22);
    order: 3;
  }
  #iletisim .iki {
    display: flex !important;
    flex-direction: column;
  }
  #iletisim .iki>div:first-child {
    display: contents;
  }
  #iletisim form {
    order: 2;
    margin-top: var(--cc-space-1);
  }
  .iletkan::before {
    content: attr(data-baslik);
    display: block;
    font-size: var(--cc-font-13);
    color: var(--cc-lan-notr-400);
    margin-bottom: var(--cc-space-05);
  }
  .iletkan .iletposta {
    display: inline-flex !important;
    font-size: var(--cc-font-15);
    border-bottom: 0;
    padding-bottom: 0;
  }
  .iletsaat {
    font-size: var(--cc-font-13);
  }
  .esle {
    scroll-snap-align: start;
    scroll-margin-top: var(--cc-space-4);
  }
  #fatura .basust {
    margin-bottom: var(--cc-space-3) !important;
  }
  .esat {
    padding: var(--cc-space-2) 0 !important;
    gap: var(--cc-space-05) var(--cc-space-25) !important;
  }
  .esat .ne {
    font-size: var(--cc-font-13) !important;
    line-height: 1.3;
  }
  .esat .nereye {
    font-size: var(--cc-font-14) !important;
    line-height: 1.3;
  }
  .esat .tut {
    font-size: var(--cc-font-15) !important;
  }
  .esle .bas {
    padding: var(--cc-space-25) 0 var(--cc-space-2) !important;
  }
  .esle .bas b {
    font-size: var(--cc-font-17) !important;
  }
  .esat.sizin2 {
    padding: var(--cc-space-25) var(--cc-space-4) var(--cc-space-3) !important;
  }
}
.apiserit {
  margin-top: var(--cc-lan-kare-sm);
}
.apibas {
  font-weight: var(--cc-weight-bold);
  font-size: var(--cc-font-15);
  font-family: var(--cc-family-heading);
  color: var(--cc-navy);
  margin: 0 0 var(--cc-space-25);
}
.apicip {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cc-space-2);
}
.apicip span {
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-13);
  font-family: var(--cc-family-body);
  color: var(--cc-lan-notr-600);
  background: var(--cc-on-navy);
  border: 1px solid var(--cc-navy-100);
  border-radius: var(--cc-radius-pill);
  padding: var(--cc-space-15) var(--cc-space-3);
  white-space: nowrap;
}
.apinot {
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-700);
  margin: var(--cc-space-3) 0 0;
  max-width: 62ch;
}
@media (max-width:640px) {
  .apiserit {
    margin-top: var(--cc-space-45);
  }
  .apibas {
    font-size: var(--cc-font-15);
    margin-bottom: var(--cc-space-2);
  }
  .apicip {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    margin: 0 -20px;
    padding: 0 var(--cc-space-5) var(--cc-space-1);
    -webkit-mask-image: linear-gradient(90deg,var(--cc-lan-maske-alt) 0,var(--cc-lan-maske-alt) 88%,transparent);
    mask-image: linear-gradient(90deg,var(--cc-lan-maske-alt) 0,var(--cc-lan-maske-alt) 88%,transparent);
  }
  .apiserit {
    overflow: hidden;
  }
  .apicip span {
    font-size: var(--cc-font-13);
    padding: var(--cc-space-15) var(--cc-space-3);
  }
  .apinot {
    font-size: var(--cc-font-13);
    margin-top: var(--cc-space-25);
  }
  .esle>div:nth-of-type(5) {
    display: none !important;
  }
  .apiserit {
    margin-top: var(--cc-space-35);
  }
  .apibas {
    font-size: var(--cc-font-14);
    margin-bottom: var(--cc-space-2);
  }
  .apicip span {
    font-size: var(--cc-font-12);
    padding: var(--cc-lan-kose-hucre) var(--cc-space-25);
  }
  .apinot {
    font-size: var(--cc-font-13);
    margin-top: var(--cc-space-2);
  }
}
.apiad {
  font-size: var(--cc-font-14);
  line-height: 1.7;
  color: var(--cc-lan-notr-700);
  margin: var(--cc-space-45) 0 0;
  max-width: 78ch;
}
.esat.sizin2 {
  background: transparent !important;
}
.esat.sizin2 .tut {
  font-weight: var(--cc-weight-semibold) !important;
  font-size: var(--cc-font-15) !important;
  font-family: var(--cc-family-body) !important;
  color: var(--cc-action) !important;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  text-decoration: underline;
  text-underline-offset: var(--cc-space-1);
}
@media (max-width:640px) {
  .apiad {
    font-size: var(--cc-font-13);
    line-height: 1.65;
    margin-top: var(--cc-space-35);
  }
  .esat.sizin2 {
    padding: var(--cc-space-25) 0 var(--cc-space-05) !important;
    margin: 0 !important;
  }
  .esat.sizin2 .tut {
    font-size: var(--cc-font-14) !important;
  }
}
.apiad {
  margin-top: var(--cc-space-45);
}
.apiakis {
  display: flex;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg,transparent,var(--cc-lan-maske-alt) 6%,var(--cc-lan-maske-alt) 94%,transparent);
  mask-image: linear-gradient(90deg,transparent,var(--cc-lan-maske-alt) 6%,var(--cc-lan-maske-alt) 94%,transparent);
}
.apiakis span {
  flex: none;
  white-space: nowrap;
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-700);
  letter-spacing: .01em;
  animation: akis 46s linear infinite;
  padding-right: 0;
}
.apison {
  font-size: var(--cc-font-14);
  color: var(--cc-lan-notr-700);
  margin: var(--cc-space-25) 0 0;
}
@keyframes akis {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@media (prefers-reduced-motion:reduce) {
  .apiakis span {
    animation: none;
  }
  .apiakis {
    overflow-x: auto;
  }
}
@media (max-width:640px) {
  .apiad {
    margin-top: var(--cc-space-35);
  }
  .apiakis span {
    font-size: var(--cc-font-13);
    animation-duration: 38s;
  }
  .apison {
    font-size: var(--cc-font-13);
    margin-top: var(--cc-space-2);
  }
  .esat.sizin2 .kay {
    display: none !important;
  }
  .esat.sizin2 {
    grid-template-columns: 1fr auto !important;
    padding: var(--cc-space-3) 0 var(--cc-space-05) !important;
  }
  .esat.sizin2 .ne {
    grid-column: 1;
    grid-row: 1;
    font-size: var(--cc-font-14) !important;
    color: var(--cc-navy) !important;
    font-weight: var(--cc-weight-semibold);
  }
  .esat.sizin2 .tut {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }
  .esat.sizin2 .nereye {
    grid-column: 1/3;
    grid-row: 2;
  }
  .bol {
    padding: var(--cc-lan-marka-sm) 0 !important;
  }
  #nedir {
    padding-top: var(--cc-space-35) !important;
  }
  #fatura {
    padding-bottom: var(--cc-lan-serit-boy) !important;
  }
  .apiad {
    margin-top: var(--cc-space-4);
  }
}
.kaysag {
  display: none;
}
@media (max-width:640px) {
  .sahabas {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--cc-space-3);
  }
  .kaysag {
    display: inline-flex;
    align-items: center;
    gap: var(--cc-lan-cubuk-boy);
    font-weight: var(--cc-weight-semibold);
    font-size: var(--cc-font-13);
    font-family: var(--cc-family-body);
    color: var(--cc-lan-celik-500);
    white-space: nowrap;
  }
  .kaysag svg {
    width: var(--cc-space-3);
    height: var(--cc-space-3);
    fill: none;
    stroke: currentColor;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: kaysag 1.9s ease-in-out infinite;
  }
  @keyframes kaysag {
    0%,100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(var(--cc-lan-cubuk-boy));
    }
  }
  .saha.iki2 {
    padding-right: var(--cc-lan-marka) !important;
  }
  .saha.iki2 .vaka {
    flex: 0 0 84%;
    scroll-snap-align: start;
  }
  #ozel {
    padding-bottom: var(--cc-space-55) !important;
  }
  #biz {
    padding-top: var(--cc-lan-serit-boy) !important;
  }
  .saha {
    margin-top: var(--cc-space-35) !important;
  }
  .agnot {
    gap: 0 var(--cc-space-45);
    justify-content: center;
  }
  .agnot span {
    display: inline-flex;
    align-items: center;
    gap: var(--cc-space-15);
    white-space: nowrap;
  }
  .agnot .ak {
    margin-left: 0;
  }
  .kapdug {
    flex-wrap: nowrap;
  }
  .kapdug .dug {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    padding: 0 var(--cc-space-25);
    white-space: nowrap;
  }
}
@media (max-width:380px) {
  .agnot {
    font-size: var(--cc-font-12);
  }
  .kapdug .dug {
    font-size: var(--cc-font-14);
  }
}
@media (min-width:641px) {
  .hero {
    padding: var(--cc-lan-ikon-xl) 0 var(--cc-space-12);
  }
  .heroetk {
    margin-bottom: var(--cc-space-35);
  }
  .hero h1 {
    font-size: var(--cc-lan-h1-genis);
    line-height: 1.08;
    max-width: 22ch;
  }
  .hero .alt {
    margin-top: var(--cc-space-4);
    max-width: 72ch;
    font-size: var(--cc-lan-giris-sm);
  }
  .hero .eylem {
    margin-top: var(--cc-space-55);
  }
  .akis {
    margin-top: var(--cc-lan-kare-sm);
    padding: var(--cc-space-4) var(--cc-space-5) var(--cc-space-45);
  }
  .akis .sekler {
    margin-bottom: var(--cc-space-25);
  }
  .akbas {
    margin: var(--cc-space-3) 0 var(--cc-space-15);
  }
}
@media (min-width:981px) {
  .bol {
    padding: var(--cc-space-14) 0;
  }
  .kisim {
    padding-bottom: var(--cc-space-45);
  }
  .basust {
    margin-bottom: var(--cc-lan-serit-boy);
  }
  #fayda .basust,#istasyon .basust {
    margin-bottom: var(--cc-space-6);
  }
  .bol h2 {
    margin-top: var(--cc-space-15);
  }
  .zemin {
    height: var(--cc-lan-kart-boy-lg);
    min-height: 0 !important;
    align-content: stretch;
    grid-auto-rows: 1fr;
  }
  .zemin .mk {
    aspect-ratio: auto;
    height: 100%;
  }
  .zemin.s10,.zemin.s20 {
    padding: 0 12%;
  }
  .zemin.s10 {
    grid-template-rows: repeat(2,1fr);
  }
  .zemin.s20 {
    grid-template-rows: repeat(4,1fr);
  }
  .zemin.s40 {
    grid-template-rows: repeat(5,1fr);
  }
  .zemin.s60 {
    grid-template-rows: repeat(6,1fr);
  }
  .zemin.s100 {
    grid-template-rows: repeat(10,1fr);
    padding: 0 6%;
  }
  .telkirp {
    height: var(--cc-lan-kart-boy-lg);
    overflow: hidden;
    position: relative;
    border-radius: var(--cc-radius-pill) var(--cc-radius-pill) 0 0;
  }
  .telkirp .tel {
    margin-bottom: 0;
  }
  .telkirp::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--cc-space-14);
    background: var(--cc-lan-telkirp-perde);
    pointer-events: none;
  }
  .fabgov {
    align-items: end;
  }
  #fx100 {
    padding: var(--cc-space-6) 0;
  }
  .fx h2 {
    font-size: var(--cc-lan-h2-fx);
    line-height: 1.1;
  }
  .fx h2 em {
    font-size: var(--cc-font-17);
    margin-top: var(--cc-space-25);
  }
  .fx .giris-yazi {
    margin-top: var(--cc-space-35);
    font-size: var(--cc-font-16);
    max-width: 60ch;
  }
  .bagl {
    margin-top: var(--cc-space-45);
    gap: var(--cc-space-15);
    max-width: var(--cc-lan-bagl-en);
  }
  .bagl i {
    width: var(--cc-lan-marka);
    height: var(--cc-lan-marka);
  }
  .bagl div {
    font-size: var(--cc-font-12);
    gap: var(--cc-space-15);
  }
  .fx .guc {
    margin-top: var(--cc-space-45);
    gap: 0 var(--cc-space-7);
  }
  .fx .guc div {
    padding: var(--cc-space-3) 0;
  }
  .fx .guc b {
    font-size: var(--cc-font-16);
  }
  .fx .guc span {
    font-size: var(--cc-font-14);
    line-height: 1.4;
  }
  .fx .nere {
    margin-top: var(--cc-space-4);
  }
  #fxsahne {
    align-self: center;
  }
  .fx .gucac div {
    padding: var(--cc-space-2) 0;
  }
  .fx .baglanir {
    margin-top: var(--cc-space-35);
    gap: var(--cc-space-15);
  }
  .fx .heryer {
    margin-top: var(--cc-space-3);
    font-size: var(--cc-font-14);
    padding: var(--cc-space-25) 0 0 var(--cc-space-35);
  }
  #fx100 {
    padding: var(--cc-space-7) 0;
  }
  .fx h2 em {
    font-size: var(--cc-font-17);
    margin-top: var(--cc-space-2);
    line-height: 1.25;
  }
  .bagl div {
    white-space: nowrap;
  }
  .fx .guc {
    margin-top: var(--cc-space-4);
  }
  .fx .gucac div {
    padding: var(--cc-space-2) 0;
  }
  .fx .guc span {
    margin-top: var(--cc-space-05);
  }
  .fx .baglanir {
    margin-top: var(--cc-space-35);
    gap: var(--cc-space-15);
  }
  .fx .baglanir span {
    padding: var(--cc-space-1) var(--cc-space-3);
    font-size: var(--cc-font-13);
  }
  .fx .baglanir em {
    font-size: var(--cc-font-13);
    margin-right: var(--cc-space-05);
  }
  .fx .heryer {
    margin-top: var(--cc-space-3);
    padding: var(--cc-space-05) 0 var(--cc-space-05) var(--cc-space-3);
    max-width: none;
    font-size: var(--cc-font-14);
  }
}
.guc span>span {
  display: inline;
  margin-top: 0;
}
.guc span>.kisam {
  display: none;
}
@media (max-width:640px) {
  .guc span>.kisam {
    display: inline;
  }
}
@media (min-width:981px) {
  .bolcubuk {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    box-shadow: var(--cc-lan-golge-cubuk);
  }
  .konu {
    font-size: var(--cc-font-16);
    gap: var(--cc-space-3);
  }
  .konu svg {
    width: var(--cc-space-6);
    height: var(--cc-space-6);
  }
  .otur-cizgi {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--cc-lan-cubuk-alt);
    height: var(--cc-space-05);
    background: linear-gradient(90deg,transparent,var(--cc-action),transparent);
    opacity: 0;
    pointer-events: none;
    z-index: 60;
    transition: opacity .25s;
  }
  .otur-cizgi.yan {
    opacity: .85;
  }
  .basust {
    align-items: start;
  }
  .basust>.giris-yazi {
    margin-top: var(--cc-space-12);
  }
  .yap {
    position: static;
  }
  .iki>div:first-child:has(>.konu)+* {
    margin-top: var(--cc-lan-marka);
  }
  #agac .basust {
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    margin-bottom: var(--cc-space-7);
  }
  #agac .basust>.giris-yazi {
    margin-top: var(--cc-space-4);
    max-width: var(--cc-lan-yazi-genis);
  }
  .sahne2 {
    padding: var(--cc-space-5) var(--cc-space-7) var(--cc-space-55);
  }
  #patlak {
    margin: var(--cc-space-1) 0 var(--cc-space-2) !important;
  }
  .sahne2 .cik {
    padding: var(--cc-space-4) var(--cc-space-4) var(--cc-space-45);
  }
  .sahne2 .cik .buyuk {
    margin-top: var(--cc-space-25);
  }
  .sahne2 .cik p {
    margin-top: var(--cc-space-15);
    line-height: 1.45;
  }
  .sahne2 .rota {
    margin-top: var(--cc-space-25);
    gap: var(--cc-space-1);
  }
  .sahne2 .rota span {
    padding: var(--cc-space-1) var(--cc-space-2);
    font-size: var(--cc-font-12);
  }
  .sahne2 .dosya {
    margin-top: var(--cc-space-2);
  }
}
.iletet {
  display: none;
}
@media (min-width:981px) {
  .iletkan {
    margin-top: var(--cc-lan-serit-boy);
    padding-top: var(--cc-space-6);
    border-top: 1px solid var(--cc-lan-celik-cam-22);
    display: flex;
    flex-wrap: wrap;
    gap: var(--cc-space-4) var(--cc-space-10);
    max-width: none;
  }
  .iletkan .iletposta {
    display: flex;
    align-items: center;
    gap: var(--cc-space-3);
    padding: 0;
    border: 0;
    background: none;
    color: var(--cc-on-navy);
    font-weight: var(--cc-weight-bold);
    font-size: var(--cc-font-17);
    line-height: 1.25;
    font-family: var(--cc-family-heading);
    letter-spacing: -.005em;
    transition: color .25s;
  }
  .iletkan .iletposta svg {
    width: var(--cc-lan-marka-sm);
    height: var(--cc-lan-marka-sm);
    padding: var(--cc-space-25);
    box-sizing: border-box;
    border-radius: var(--cc-radius-row);
    background: var(--cc-lan-celik-cam-10);
    border: 1px solid var(--cc-lan-celik-cam-22);
    color: var(--cc-lan-celik-200);
    transition: border-color .25s,background .25s;
  }
  .iletkan .iletposta .iletet {
    display: block;
    font-weight: var(--cc-weight-medium);
    font-size: var(--cc-font-12);
    line-height: 1.3;
    font-family: var(--cc-family-body);
    letter-spacing: .02em;
    color: var(--cc-lan-notr-400);
    margin-bottom: var(--cc-space-05);
  }
  .iletkan .iletposta:hover {
    color: var(--cc-lan-celik-200);
  }
  .iletkan .iletposta:hover svg {
    border-color: var(--cc-lan-celik-300);
    background: var(--cc-lan-celik-cam-16);
  }
  .iletkan .iletposta:focus-visible {
    outline: var(--cc-cizgi-orta) solid var(--cc-on-navy);
    outline-offset: var(--cc-space-1);
    border-radius: var(--cc-radius-xs);
  }
  .iletsaat {
    display: none;
  }
  #agac .basust {
    margin-bottom: var(--cc-space-5);
  }
  #agac .basust>.giris-yazi {
    margin-top: var(--cc-space-3);
  }
  .sahne2 {
    padding: var(--cc-space-4) var(--cc-space-7) var(--cc-space-45);
  }
  #patlak {
    margin: 0 0 var(--cc-space-15) !important;
  }
  #patlak g[role=button]:focus-visible rect {
    stroke: var(--cc-on-navy);
  }
  #agacpanel:not(.hepsi) .ciktilar {
    grid-template-columns: minmax(0,1fr);
    height: var(--cc-lan-ust-boy);
  }
  #agacpanel:not(.hepsi) .ciktilar::before {
    content: attr(data-yer);
    grid-area: 1/1;
    display: flex;
    align-items: center;
    padding: 0 var(--cc-space-6);
    border: 1px dashed var(--cc-lan-celik-cam-30);
    border-radius: var(--cc-radius-tile);
    color: var(--cc-lan-notr-400);
    font-size: var(--cc-font-15);
    transition: opacity .4s;
  }
  #agacpanel:not(.hepsi) .ciktilar:has(.on)::before {
    opacity: 0;
  }
  #agacpanel:not(.hepsi) .cik {
    grid-area: 1/1;
    display: flex;
    align-items: center;
    gap: var(--cc-space-7);
    padding: 0 var(--cc-space-6) !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity .45s,visibility .45s;
  }
  #agacpanel:not(.hepsi) .cik.on {
    opacity: 1;
    visibility: visible;
  }
  #agacpanel:not(.hepsi) .cik h3 {
    flex: none;
    width: var(--cc-lan-cik-baslik-en);
    font-size: var(--cc-font-15);
  }
  #agacpanel:not(.hepsi) .cik .buyuk {
    flex: none;
    margin: 0 !important;
    font-size: var(--cc-font-24) !important;
    white-space: nowrap;
  }
  #agacpanel:not(.hepsi) .cik p {
    margin: 0 !important;
    font-size: var(--cc-font-14);
    line-height: 1.45;
  }
  #agacpanel:not(.hepsi) .cik>p:last-child {
    flex: 1;
    min-width: 0;
  }
  #agacpanel:not(.hepsi) .cik .ray {
    flex: none;
    width: var(--cc-lan-sutun-4xl);
    margin: 0;
  }
  #agacpanel:not(.hepsi) .cik .rota {
    flex: none;
    flex-wrap: nowrap;
    margin: 0;
    gap: var(--cc-space-15);
  }
  #agacpanel:not(.hepsi) .cik .rota span {
    padding: var(--cc-space-1) var(--cc-space-3);
    font-size: var(--cc-font-13);
  }
  #agacpanel:not(.hepsi) .cik .dosya {
    display: flex;
    gap: var(--cc-lan-kare-sm);
    margin: 0;
    font-size: var(--cc-font-15);
  }
  #agacpanel:not(.hepsi) .cik .dosya li {
    padding: 0;
  }
  #ozel .basust {
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    margin-bottom: var(--cc-space-7);
  }
  #ozel .basust>.giris-yazi {
    margin-top: var(--cc-space-3);
    max-width: var(--cc-lan-yazi-genis);
  }
  #ozel .yol {
    display: grid;
    grid-template-columns: var(--cc-space-9) minmax(0,1fr);
    align-items: center;
    gap: var(--cc-space-25) var(--cc-space-35);
    padding: var(--cc-space-7) var(--cc-lan-serit-boy);
  }
  #ozel .yol h3 {
    margin: 0;
    font-size: var(--cc-font-24);
  }
  #ozel .yol p {
    grid-column: 1/-1;
    font-size: var(--cc-font-16);
  }
  #ozel .yol .dug {
    grid-column: 1/-1;
    justify-self: start;
    margin-top: var(--cc-space-15);
  }
  #ozel .yol .yoladim {
    grid-column: 1/-1;
  }
  #ozel .sahabas {
    margin: var(--cc-space-8) 0 var(--cc-space-35);
  }
  #ozel .vaka {
    padding: var(--cc-space-55) var(--cc-space-7);
    gap: var(--cc-space-25);
  }
  #ozel .vaka h3 {
    font-size: var(--cc-font-20);
  }
  #ozel .vaka p {
    font-size: var(--cc-font-15);
  }
  #basla .sar>.iki:first-child {
    grid-template-columns: minmax(0,1fr);
    gap: 0;
    margin-bottom: var(--cc-space-9) !important;
  }
  #basla .sar>.iki:first-child>.giris-yazi {
    margin-top: var(--cc-space-3) !important;
    max-width: var(--cc-lan-yazi-genis);
  }
  .masgizle {
    display: none !important;
  }
  #biz .guven div {
    padding: var(--cc-space-6) 0;
  }
}

/* --- Tur 1: satır içi stilden sınıfa --- */
.cc-lan-duz {
  display: inline;
  color: inherit;
  font: inherit;
}
.cc-lan-mb-14 {
  margin-bottom: var(--cc-space-14);
}
.cc-lan-mt-0 {
  margin-top: 0;
}
.cc-lan-mt-35 {
  margin-top: var(--cc-space-35);
}
.cc-lan-mt-55 {
  margin-top: var(--cc-space-55);
}
.cc-lan-mt-6 {
  margin-top: var(--cc-space-6);
}
.cc-lan-mt-10 {
  margin-top: var(--cc-space-10);
}
.cc-lan-kalin {
  font-weight: var(--cc-weight-semibold);
}
.cc-lan-ikincil {
  font-size: var(--cc-font-15);
  color: var(--cc-lan-notr-700);
}
.cc-lan-notr-kalin {
  color: var(--cc-lan-notr-100);
  font-weight: var(--cc-weight-semibold);
}
.cc-lan-not-ak {
  margin-top: var(--cc-space-3);
  color: var(--cc-on-navy);
  font-weight: var(--cc-weight-semibold);
}
.cc-lan-bag-sicak {
  font-family: var(--cc-family-body);
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-action-text);
}
.cc-lan-satir-grup {
  display: flex;
  gap: var(--cc-space-4);
  align-items: center;
  flex-wrap: wrap;
  margin-top: var(--cc-space-8);
}
.cc-lan-svg-baslik {
  font-family: var(--cc-family-heading);
  font-size: var(--cc-font-16);
  font-weight: var(--cc-weight-heavy);
}
.cc-lan-svg-etiket {
  font-family: var(--cc-family-body);
  font-size: var(--cc-font-12);
  font-weight: var(--cc-weight-medium);
}
.cc-lan-dolu-89 {
  width: 89%;
}

/* --- Tur 1b: satır içi stilden sınıfa --- */
.cc-lan-svg-ag {
  font-weight: var(--cc-weight-semibold);
  font-size: var(--cc-font-12);
  font-family: var(--cc-family-body);
}
.cc-lan-emir-alt {
  font-size: var(--cc-font-15);
  color: var(--cc-lan-notr-700);
  margin-top: var(--cc-space-15);
}

/* ⛔ Tur 5c — HERO TEK EKRANA (≥981 px). Yalnız BOŞLUKLAR kısaldı, yazı boyları
   değişmedi: 134 → 62 px (−72). Hedef: 1905×990'da sayfa en üstteyken panelin
   alt kenarı 980 px içinde (üst menü dahil), üç dilde. Mobil ve 641-980 arası
   DEĞİŞMEDİ — CcHeroTekEkranTesti sayıyla tutar. */
@media (min-width: 981px) {
  .heroetk {
    margin-bottom: var(--cc-space-15);
  }
  .hero .alt {
    margin-top: var(--cc-space-2);
  }
  .hero .eylem {
    margin-top: var(--cc-space-3);
  }
  .akis {
    margin-top: var(--cc-space-3);
    padding-top: var(--cc-space-2);
    padding-bottom: var(--cc-space-2);
  }
  .akis .sekler {
    margin-bottom: var(--cc-space-1);
  }
  .akbas {
    margin-top: var(--cc-space-1);
  }
}