/* =====================================================================
   İSAR — ortak stiller (XD "İsar - Website 0.3", 1440 masaüstü tasarımından birebir)
   Ölçü kaynağı: docs/olculer/<ekran>.txt  ·  Doğru-cevap görüntüsü: screenshots/tasarim/
   Kırılımlar: >=1240 tasarımın kendisi · 1024–1239 akışkan · 768–1023 tablet · <768 telefon
   ===================================================================== */

/* ---------- Yazı tipleri (Inter + Playfair Display, OFL, yerel) ---------- */
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("../fonts/inter-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap; src: url("../fonts/inter-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap; src: url("../fonts/inter-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-ext-600-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("../fonts/inter-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-weight: 700; font-display: swap; src: url("../fonts/inter-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-weight: 700; font-display: swap; src: url("../fonts/inter-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-weight: 800; font-display: swap; src: url("../fonts/inter-latin-ext-800-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-weight: 800; font-display: swap; src: url("../fonts/inter-latin-800-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-weight: 900; font-display: swap; src: url("../fonts/inter-latin-ext-900-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-weight: 900; font-display: swap; src: url("../fonts/inter-latin-900-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Playfair Display"; font-weight: 700; font-display: swap; src: url("../fonts/playfair-display-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Playfair Display"; font-weight: 700; font-display: swap; src: url("../fonts/playfair-display-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- Renkler ve ölçüler (tasarımdan) ---------- */
:root {
  --lacivert: #003589;      /* bant, alt kısım */
  --mavi: #0559d0;          /* menü yazısı, birincil düğme */
  --mavi-acik: #0c83dd;     /* alt kısım çizgileri */
  --mavi-koyu: #07449a;     /* alt kısım alt çizgi */
  --turkuaz: #1ab6d8;       /* ikincil düğme (Merak Edilenler, chip) */
  --kirmizi: #c90000;       /* Online Bağış, şerit */
  --sari: #fdbc13;          /* altın vurgu */
  --yazi: #374456;          /* gövde yazısı */
  --yazi-2: #626e7c;        /* ikincil yazı */
  --gri-cizgi: #e4ebef;     /* kutu kenarı */
  --gri-cizgi-2: #ebf0f3;
  --gri-zemin: #f8fafb;     /* üst bar, açık kutu */
  --gri-zemin-2: #f2f5f7;
  --gri-ikon: #b9c1c9;
  --beyaz-kirik: #ebf0f3;   /* koyu zemindeki yazı */
  --kap: 1200px;            /* içerik genişliği (1440'ta 120 kenar boşluğu) */
  --kenar: 20px;            /* dar ekranda yan boşluk */
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; background: #fff; color: var(--yazi); font-family: "Inter", system-ui, sans-serif; font-size: 12px; line-height: 1.25; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
:focus-visible { outline: 2px solid var(--mavi); outline-offset: 2px; }
.gizli-metin { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kap { width: min(var(--kap), 100% - 2 * var(--kenar)); margin-inline: auto; }

/* ---------- Bakım modu şeridi (tasarımda yok; Kadir'in isteği 06.10.2026) ---------- */
.bakim { background: #fff4d6; border-bottom: 1px solid #f3d27a; color: #5c4300; }
.bakim__ic { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 6px 0; }
.bakim__simge { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #fcb813; color: var(--lacivert); font-size: 14px; font-weight: 800; line-height: 1; }
.bakim p { flex: 1; font-size: 13px; line-height: 18px; }
.bakim strong { font-weight: 800; }
.bakim a { font-weight: 700; text-decoration: underline; white-space: nowrap; }
.bakim__kapat { flex: none; width: 32px; height: 32px; border-radius: 50%; font-size: 20px; line-height: 1; color: #5c4300; }
.bakim__kapat:hover { background: rgba(0, 0, 0, .06); }
.bakim.kapali { display: none; }
/* tasarım karşılaştırma araçları şeridi gizler (yalnız ölçüm sırasında) */
.tasarim-olcum .bakim { display: none; }
@media (max-width: 767px) {
  .bakim__ic { align-items: flex-start; }
  .bakim p { font-size: 12px; line-height: 17px; }
  .bakim__simge { margin-top: 1px; }
}

/* ---------- Üst bar (0–48) ---------- */
.ust-bar { background: var(--gri-zemin); height: 48px; }
.ust-bar .kap { height: 100%; display: flex; align-items: center; gap: 12px; }
.ust-bar__sol { display: flex; align-items: center; height: 24px; }
.dernek-sorgula { display: flex; align-items: center; width: 120px; height: 24px; padding: 0 0 0 7px; gap: 4px; background: #fff; border: 1px solid var(--gri-cizgi); border-radius: 8px; font-size: 12px; line-height: 15px; white-space: nowrap; }
.dernek-sorgula img { width: 16px; height: 12px; }
.para-dil { display: flex; align-items: center; margin-left: 12px; font-size: 15px; line-height: 19px; }
.para-dil__oge { display: flex; align-items: center; gap: 1px; }
.para-dil__oge img { width: 18px; height: 18px; }
.para-dil__oge--dil img { width: 28px; height: 18px; margin-left: 1px; }
.para-dil__ayrac { width: 2px; height: 20px; background: var(--gri-cizgi); margin: 0 6px 0 9px; }
.ust-ara { position: relative; margin-left: 4px; }
.ust-ara input { width: 160px; height: 24px; border: 1px solid var(--gri-cizgi); border-radius: 8px; background: #fff; padding: 0 28px 0 8px; font-size: 12px; outline: 0; }
.ust-ara input:focus-visible { outline: 2px solid var(--mavi); outline-offset: 1px; }
.ust-ara button { position: absolute; right: 5px; top: 4px; width: 16px; height: 16px; }
.sosyal { display: flex; align-items: center; gap: 5px; margin-left: auto; }
.sosyal a { display: block; width: 24px; height: 24px; }
.sosyal--alt { gap: 6px; margin-left: 0; }
.sosyal--alt a { width: 28px; height: 28px; }

/* ---------- Ana başlık (48–200) ---------- */
.baslik { height: 152px; background: #fff; }
.baslik .kap { position: relative; height: 100%; display: flex; align-items: flex-start; }
.logo { display: block; width: 210px; height: 80px; margin-top: 52px; flex: none; }
.logo img { width: 210px; height: 80px; }
.ana-menu { display: flex; gap: 28px; margin-left: 36px; margin-top: 84px; }
.ana-menu a { font-size: 14px; line-height: 17px; font-weight: 600; color: var(--mavi); white-space: nowrap; }
.ana-menu a:hover, .ana-menu a[aria-current="page"] { color: var(--lacivert); text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.ikincil-menu { position: absolute; right: 0; top: -3px; display: flex; align-items: center; font-size: 12px; line-height: 15px; }
.ikincil-menu a:hover { color: var(--mavi); }
.ikincil-menu__ayrac { width: 2px; height: 16px; background: var(--gri-cizgi); margin: 0 10px 0 14px; }
.ikincil-menu__ayrac + a + .ikincil-menu__ayrac { margin: 0 12px 0 11px; }
.hesabim { display: block; width: 26px; height: 34px; margin-top: 8px; }
.baslik__dugmeler { display: flex; align-items: center; gap: 4px; margin-left: auto; margin-top: 75px; }
.dugme-hap { display: inline-flex; align-items: center; justify-content: center; gap: 3px; height: 36px; width: 132px; border-radius: 24px; color: #fff; font-size: 12px; line-height: 15px; font-weight: 600; white-space: nowrap; }
.dugme-hap--mavi { background: var(--mavi); }
.dugme-hap--kirmizi { background: var(--kirmizi); }
.dugme-hap--kirmizi img { width: 17px; height: 15px; }
.dugme-hap:hover { filter: brightness(1.08); }
.sepet { position: relative; display: grid; place-items: center; width: 36px; height: 36px; border: 2px solid var(--gri-cizgi); border-radius: 50%; background: #fff; }
.sepet img { width: 14px; height: 18px; }
.menu-ac { display: none; }

/* ---------- Kırmızı kayan şerit (200–242) ---------- */
.serit { height: 42px; background: var(--kirmizi); overflow: hidden; color: var(--beyaz-kirik); font-size: 16px; line-height: 20px; font-weight: 700; white-space: nowrap; }
.serit__kayan { display: flex; height: 100%; align-items: center; width: max-content; }
.serit__kayan span { display: block; width: 972px; padding-left: 88px; }
@media (prefers-reduced-motion: no-preference) {
  .serit__kayan { animation: serit-kay 22s linear infinite; }
  .serit:hover .serit__kayan { animation-play-state: paused; }
}
@keyframes serit-kay { to { transform: translateX(-972px); } }

/* ---------- Sayfa bandı (lacivert başlık kutusu, ör. Hesap Numaraları) ---------- */
.bant { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: var(--lacivert); border: 1px solid #707070; border-radius: 12px; color: #fff; }
.bant h1 { font-size: 36px; line-height: 44px; font-weight: 800; }
.bant p { font-size: 12px; line-height: 15px; font-weight: 500; }

/* ---------- Alt kısım (460 yükseklik) ---------- */
.alt { background: var(--lacivert); color: var(--beyaz-kirik); height: 460px; }
.alt .kap { position: relative; height: 100%; }
.alt__logo { position: absolute; left: 0; top: 52px; width: 182px; height: 73px; }
.alt__iletisim { position: absolute; left: 0; top: 145px; width: 230px; }
.alt__iletisim li { position: relative; padding-left: 20px; font-size: 12px; }
.alt__iletisim li > i { position: absolute; left: 0; top: 0; width: 16px; height: 16px; border-radius: 50%; background: var(--mavi); display: grid; place-items: center; }
.alt__iletisim li:nth-child(1), .alt__iletisim li:nth-child(2) { font-weight: 700; line-height: 15px; height: 20px; padding-top: 1px; }
.alt__iletisim li:nth-child(2) { height: 24px; }
.alt__iletisim li:nth-child(3) { line-height: 20px; margin-top: -2px; }
.alt__iletisim li:nth-child(3) > i { top: 2px; }
.alt__iletisim li:nth-child(1) img { width: 12px; height: 12px; }
.alt__iletisim li:nth-child(2) img { width: 9px; height: 7px; }
.alt__iletisim li:nth-child(3) img { width: 8px; height: 11px; }
.alt .sosyal--alt { position: absolute; left: 0; top: 291px; }
.alt__sutunlar { position: absolute; left: 247px; top: 89px; display: grid; grid-template-columns: repeat(5, 136px); column-gap: 16px; }
.alt__sutun h2 { font-size: 14px; line-height: 25px; font-weight: 700; height: 30px; border-bottom: 1px solid var(--mavi-acik); margin-left: 1px; }
.alt__sutun ul { padding-top: 10px; font-size: 12px; line-height: 25px; }
.alt__sutun a:hover { text-decoration: underline; }
.alt__sutun--vurgulu ul { padding: 0; }
.alt__sutun--vurgulu li { height: 37px; border-bottom: 1px solid var(--mavi-acik); font-size: 14px; font-weight: 700; line-height: 25px; }
.alt__sutun--vurgulu li:last-child { border-bottom: 0; }
.alt__kutular { position: absolute; right: 0; top: 92px; width: 170px; display: grid; gap: 8px; }
.cam-kutu { border: 1px solid var(--mavi-acik); border-radius: 12px; background: rgba(255, 255, 255, .15); text-align: center; }
.cam-kutu h2 { font-size: 13px; font-weight: 700; line-height: 16px; }
.alt__bulten { height: 108px; padding-top: 10px; }
.alt__bulten p { font-size: 7px; line-height: 9px; font-weight: 500; margin-top: 4px; }
.alt__bulten form { display: flex; flex-direction: column; align-items: center; margin-top: 8px; }
.alt__bulten input { width: 148px; height: 20px; border-radius: 24px; border: 1px solid var(--gri-cizgi); background: #fff; box-shadow: inset -3px -3px 5px rgba(55, 68, 86, .25); font-size: 8px; padding: 0 8px; color: var(--yazi); outline: 0; }
.alt__bulten input::placeholder { color: var(--gri-ikon); }
.alt__bulten button { width: 81px; height: 20px; margin-top: 8px; border-radius: 4px; border: 1px solid var(--mavi); background: var(--lacivert); color: var(--beyaz-kirik); font-size: 10px; font-weight: 500; letter-spacing: -.022em; }
.alt__cagri { height: 81px; padding: 4px 0 0 20px; text-align: left; display: grid; grid-template-columns: 22px 1fr; column-gap: 7px; }
.alt__cagri img { width: 22px; height: 23px; }
.alt__cagri h2 { align-self: center; padding-top: 2px; }
.alt__cagri p { grid-column: 1 / -1; margin: -3px 0 0 16px; width: 110px; border-top: 1px solid var(--mavi-acik); font-size: 7px; line-height: 13px; font-weight: 500; text-align: center; }
.alt__cagri a { grid-column: 1 / -1; display: block; margin: -5px 0 0 9px; font-size: 15px; line-height: 19px; font-weight: 700; letter-spacing: -.022em; }
.alt__cizgi { position: absolute; left: 1px; right: -1px; top: 412px; height: 3px; background: var(--mavi-koyu); }
.alt__son { position: absolute; left: 0; right: 0; top: 435px; display: flex; justify-content: space-between; font-size: 8px; line-height: 10px; font-weight: 600; }
.alt__son nav { display: flex; gap: 12px; }

/* ---------- Ortak form ve düğme parçaları ---------- */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 24px; font-weight: 700; white-space: nowrap; transition: filter .15s; }
.dugme:hover { filter: brightness(1.08); }
.dugme--mavi { background: var(--mavi); color: #fff; }
.dugme--lacivert { background: var(--lacivert); color: #fff; }
.dugme--kirmizi { background: var(--kirmizi); color: #fff; }
.dugme--turkuaz { background: var(--turkuaz); color: #fff; }
.dugme--koyu { background: var(--yazi); color: #fff; }

/* =====================================================================
   DUYARLI DÜZEN
   ===================================================================== */
@media (max-width: 1239px) {
  .ana-menu { gap: 20px; margin-left: 24px; }
  .alt { height: auto; }
  .alt .kap { display: grid; grid-template-columns: 230px 1fr; gap: 32px 24px; padding: 52px 0 24px; }
  .alt__logo, .alt__iletisim, .alt .sosyal--alt, .alt__sutunlar, .alt__kutular, .alt__cizgi, .alt__son { position: static; }
  .alt__sol { display: grid; align-content: start; gap: 20px; }
  .alt__sutunlar { grid-template-columns: repeat(auto-fill, minmax(136px, 1fr)); gap: 24px 16px; }
  .alt__kutular { grid-column: 1 / -1; grid-template-columns: repeat(2, 170px); justify-content: start; }
  .alt__cizgi { grid-column: 1 / -1; }
  .alt__son { grid-column: 1 / -1; flex-wrap: wrap; gap: 8px 16px; font-size: 12px; line-height: 18px; }
  .alt__son nav { flex-wrap: wrap; gap: 4px 18px; }
  .alt__son nav a { padding: 6px 0; }
  /* alt kısım: tasarımdaki 7-8px yazılar dar ekranda okunur boyuta çıkar, dokunma alanları büyür */
  .alt__iletisim li:nth-child(1), .alt__iletisim li:nth-child(2) { height: auto; padding-top: 0; line-height: 24px; }
  .alt__iletisim li > i { top: 4px; }
  .alt__iletisim li:nth-child(3) { margin-top: 4px; }
  .alt__iletisim li:nth-child(3) > i { top: 2px; }
  .alt__iletisim a { display: inline-block; padding: 4px 0; }
  .alt__kutular { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); width: auto; gap: 12px; }
  .cam-kutu h2 { font-size: 15px; line-height: 20px; }
  .alt__bulten { height: auto; padding: 14px 16px 16px; }
  .alt__bulten p { font-size: 12px; line-height: 16px; margin-top: 6px; }
  .alt__bulten p br { display: none; }
  .alt__bulten form { flex-direction: row; gap: 8px; margin-top: 12px; }
  .alt__bulten input { flex: 1; min-width: 0; width: auto; height: 38px; font-size: 13px; padding: 0 14px; }
  .alt__bulten button { flex: none; width: auto; height: 38px; margin-top: 0; padding: 0 16px; font-size: 13px; }
  .alt__cagri { height: auto; padding: 14px 16px 16px; grid-template-columns: 24px 1fr; column-gap: 10px; }
  .alt__cagri h2 { padding-top: 0; }
  .alt__cagri p { margin: 10px 0 0; width: auto; padding-top: 8px; font-size: 12px; line-height: 16px; text-align: left; }
  .alt__cagri a { margin: 4px 0 0; font-size: 20px; line-height: 28px; }
}

@media (max-width: 1023px) {
  /* üst bar sadeleşir, ana menü çekmeceye geçer */
  .baslik .kap { align-items: center; }
  .logo, .baslik__dugmeler { margin-top: 0; }
  .ust-bar .sosyal { display: none; }
  .ust-ara { margin-left: auto; }
  .ust-ara input { height: 32px; width: 200px; font-size: 14px; }
  .ust-ara button { top: 0; right: 0; width: 32px; height: 32px; display: grid; place-items: center; }
  .baslik { height: 96px; }
  .logo, .logo img { width: 168px; height: 64px; }
  .logo { margin-top: 0; }
  .ikincil-menu { display: none; }
  .baslik__dugmeler { margin-top: 0; }
  .menu-ac { display: grid; place-items: center; width: 36px; height: 36px; margin-left: 8px; border: 2px solid var(--gri-cizgi); border-radius: 50%; background: #fff; }
  .menu-ac span, .menu-ac span::before, .menu-ac span::after { display: block; width: 16px; height: 2px; border-radius: 2px; background: var(--mavi); position: relative; content: ""; }
  .menu-ac span::before { position: absolute; top: -5px; }
  .menu-ac span::after { position: absolute; top: 5px; }
  .ana-menu { position: fixed; z-index: 50; inset: 0 0 0 auto; width: min(320px, 86vw); margin: 0; padding: 88px 24px 24px; flex-direction: column; gap: 0; background: #fff; box-shadow: none; visibility: hidden; transform: translateX(calc(100% + 40px)); transition: transform .25s ease, visibility 0s linear .25s; overflow-y: auto; }
  .ana-menu a { display: block; padding: 14px 4px; font-size: 16px; line-height: 20px; border-bottom: 1px solid var(--gri-cizgi); }
  .ana-menu .cekmece-ek { display: block; }
  body.menu-acik .ana-menu { transform: none; visibility: visible; box-shadow: -8px 0 24px rgba(0, 53, 137, .18); transition: transform .25s ease; }
  body.menu-acik::after { content: ""; position: fixed; inset: 0; z-index: 40; background: rgba(0, 25, 70, .35); }
  .menu-kapat { position: absolute; top: 24px; right: 20px; width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--gri-cizgi); font-size: 22px; line-height: 1; color: var(--mavi); }
}
.cekmece-ek, .menu-kapat { display: none; }
@media (max-width: 1023px) { .menu-kapat { display: block; } }

@media (max-width: 767px) {
  :root { --kenar: 16px; }
  .ust-bar { height: 44px; }
  .ust-ara { display: none; }
  .ust-bar__sol { flex: 1; }
  .para-dil { margin-left: auto; }
  .baslik { height: 76px; }
  .logo, .logo img { width: 126px; height: 48px; }
  .baslik__dugmeler .dugme-hap--mavi { display: none; }
  .dugme-hap { width: auto; padding: 0 14px; height: 36px; }
  .serit { height: 36px; font-size: 14px; }
  .serit__kayan span { width: 640px; padding-left: 24px; }
  @keyframes serit-kay { to { transform: translateX(-640px); } }
  .bant { padding: 28px 16px; height: auto !important; }
  .bant h1 { font-size: 28px; line-height: 34px; }
  .bant p br { display: none; }
  .alt .kap { grid-template-columns: 1fr; padding-top: 40px; }
  .alt__sutunlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt__kutular { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
  .alt__son { flex-direction: column; align-items: flex-start; }
  .alt__sutun li { line-height: 32px; }
  .alt__sutun--vurgulu li { height: 44px; line-height: 44px; }
}
@media (max-width: 340px) {
  .dernek-sorgula { width: auto; padding-right: 8px; }
  .dernek-sorgula span { display: none; }
}