/* Ana sayfa — ölçüler: docs/olculer/ana-sayfa.txt (1440 tasarım). Yer tutucu şekil: img/ikon/ana-yer-tutucu.svg */

.ana-ok { position: absolute; z-index: 2; width: 32px; height: 32px; border-radius: 50%; }
.ana-ok img { width: 32px; height: 32px; }
.ana-ok:hover { filter: brightness(.95); }
.ana-ok--geri { left: -48px; }
.ana-ok--ileri { right: -48px; }
.ana-hap { display: inline-flex; align-items: center; justify-content: center; width: 132px; height: 36px; border-radius: 18px; color: #fff; font-size: 14px; line-height: 17px; font-weight: 600; }
.ana-hap--mavi { background: var(--mavi); }
.ana-hap--kirmizi { background: var(--kirmizi); }
.ana-hap:hover { filter: brightness(1.08); }
.ana-sekilli { background: #b9c1c9 url("../img/ikon/ana-yer-tutucu.svg") no-repeat center / 165px 125px; }

/* ---------- Vitrin (258–738) ---------- */
.ana-vitrin { position: relative; margin-top: 16px; }
.ana-vitrin .ana-ok { top: 224px; }
.ana-vitrin__kutu { position: relative; height: 480px; border-radius: 24px; overflow: hidden; background: #b9c1c9; }
.ana-vitrin__slayt { position: absolute; inset: 0; background: url("../img/ikon/ana-yer-tutucu.svg") no-repeat calc(50% - 24.5px) calc(50% - 31.5px) / 165px 125px; }
.ana-vitrin__dugmeler { position: absolute; left: 0; right: 0; top: 396px; display: flex; justify-content: center; gap: 12px; }
.ana-noktalar { position: absolute; left: 0; right: 0; top: 452px; display: flex; justify-content: center; gap: 8px; }
.ana-noktalar button { width: 8px; height: 8px; border-radius: 50%; background: rgba(142, 152, 163, .8); }
.ana-noktalar button[aria-selected="true"] { background: rgba(255, 255, 255, .8); }

/* ---------- Slogan (778–905) ---------- */
.ana-slogan { display: grid; place-items: center; height: 127px; margin-top: 40px; background: var(--gri-zemin); text-align: center; }
.ana-slogan h1 { font-family: "Playfair Display", Georgia, serif; font-size: 36px; line-height: 48px; font-weight: 700; color: var(--lacivert); }

/* ---------- Hızlı bağış kartları (975–1475) ---------- */
.ana-bagislar { position: relative; margin-top: 70px; padding-bottom: 61px; }
.ana-bagislar .ana-ok { top: 234px; }
.ana-bagislar__liste { display: grid; grid-template-columns: repeat(4, 285px); gap: 20px; }
.bagis-kart { position: relative; display: flex; flex-direction: column; align-items: center; height: 500px; background: #fff; border: 2px solid var(--gri-zemin); border-radius: 12px; overflow: hidden; }
.bagis-kart__gorsel { flex: none; width: calc(100% + 4px); height: 200px; margin: -2px -2px 0; background: #ebf0f3 url("../img/ikon/ana-yer-tutucu.svg") no-repeat center / 165px 125px; }
.bagis-kart h3 { margin-top: 16px; font-size: 20px; line-height: 24px; font-weight: 700; }
.ana-secim { position: relative; display: block; }
.ana-secim select { appearance: none; -webkit-appearance: none; height: 32px; padding: 0 30px 0 22px; border: 2px solid var(--gri-cizgi-2); border-radius: 16px; background: #fff url("../img/ikon/kurumsal-ok-kategori.svg") no-repeat right 10px center / 12px 8px; font-size: 15px; line-height: 19px; font-weight: 500; color: var(--yazi); cursor: pointer; }
.ana-secim--kisa select { padding-left: 14px; }
.ana-secim--baslik { margin-top: 8px; }
.ana-secim--baslik select { width: 260px; height: 40px; padding: 0 32px 0 34px; border-radius: 20px; background-position: right 23px center; font-size: 20px; line-height: 24px; font-weight: 700; text-align: center; }
.bagis-kart__secimler { display: flex; gap: 4px; margin-top: 18px; }
.bagis-kart--hizli .bagis-kart__secimler { margin-top: 8px; }
.ana-secim:first-child select { width: 130px; }
.ana-secim--kisa select { width: 107px; }
.ana-adet { position: relative; width: 80px; height: 40px; margin-top: 10px; }
.ana-adet output { position: absolute; left: 12px; top: 0; width: 56px; height: 40px; display: grid; place-items: center; border: 2px solid var(--gri-cizgi-2); border-radius: 8px; background: #fff; font-size: 16px; line-height: 20px; font-weight: 600; }
.ana-adet button { position: absolute; z-index: 1; top: 8px; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 1px solid var(--gri-cizgi-2); }
.ana-adet button:first-child { left: 0; }
.ana-adet button:last-of-type { right: 0; }
.ana-adet button::before, .ana-adet button::after { content: ""; position: absolute; left: 7.5px; top: 10px; width: 7px; height: 2px; background: #8e98a3; }
.ana-adet button[data-adim="1"]::after { left: 10px; top: 7.5px; width: 2px; height: 7px; }
.ana-adet button[data-adim="-1"]::after { display: none; }
.ana-adet button:hover { border-color: var(--mavi); }
.bagis-kart__fiyat { display: flex; align-items: center; justify-content: center; height: 54px; margin-top: 16px; color: var(--mavi); white-space: nowrap; }
.bagis-kart__fiyat b { font-size: 36px; line-height: 44px; font-weight: 700; }
.bagis-kart__fiyat small { font-size: 24px; line-height: 29px; font-weight: 600; margin-top: 8px; }
.bagis-kart__fiyat--kutu { margin-top: 19px; width: 140px; border: 2px solid var(--gri-cizgi-2); border-radius: 8px; }
.bagis-kart__not { margin-top: 7px; font-size: 10px; line-height: 12px; font-weight: 500; color: #8e98a3; }
.bagis-kart__dugme { position: relative; z-index: 1; display: grid; place-items: center; width: 188px; height: 42px; margin-top: 26px; border-radius: 24px; background: var(--mavi); color: #fff; font-size: 20px; line-height: 24px; font-weight: 600; }
.bagis-kart--hizli .bagis-kart__dugme { margin-top: 3px; background: var(--kirmizi); }
.bagis-kart--hizli::after { content: ""; position: absolute; left: -2px; right: -2px; bottom: -2px; height: 46px; background: var(--gri-zemin-2); }
.bagis-kart__dugme:hover { filter: brightness(1.08); }
.ana-tum { display: flex; align-items: center; justify-content: center; gap: 8px; width: 280px; height: 46px; margin: 32px auto 0; padding-left: 10px; border: 2px solid var(--gri-cizgi-2); border-radius: 29px; background: #fff; font-size: 18px; line-height: 21px; font-weight: 500; }
.ana-tum img { width: 26px; height: 17px; }
.ana-tum:hover { border-color: var(--mavi); color: var(--mavi); }

/* ---------- Bölüm düzeni (çizgi + başlık) ---------- */
.ana-bolum { border-top: 3px solid var(--gri-cizgi-2); padding: 57px 0 61px; }
.ana-bolum__baslik { margin-bottom: 60px; text-align: center; font-size: 40px; line-height: 49px; font-weight: 600; }
.ana-yatay { position: relative; }
.ana-yatay .ana-ok { top: 224px; }

/* ---------- Projeler kartı (1783–2263) ---------- */
.ana-proje { display: grid; grid-template-columns: 440px 1fr; height: 480px; border-radius: 24px; background: var(--gri-zemin); overflow: hidden; }
.ana-proje__gorsel { background: #b9c1c9 url("../img/ikon/ana-yer-tutucu.svg") no-repeat calc(50% + 5.5px) calc(50% - 13px) / 165px 125px; }
.ana-proje__metin { position: relative; padding: 42px 0 0 45px; }
.ana-proje h3, .ana-eser h3 { font-size: 40px; line-height: 49px; font-weight: 800; color: var(--lacivert); }
.ana-proje__metin > p { width: 638px; max-width: 100%; margin-top: 24px; font-size: 16px; line-height: 20px; }
.ana-proje__metin > .ana-proje__not { margin-top: 28px; font-size: 12px; line-height: 15px; }
.ana-proje__metin .ana-hap { position: absolute; left: 45px; bottom: 36px; }

/* ---------- Kalıcı Eserler kartı (2493–3033) ---------- */
.ana-eser { display: grid; grid-template-columns: 440px 1fr; height: 540px; border: 2px solid var(--gri-cizgi-2); border-radius: 24px; background: #fff; overflow: hidden; }
.ana-eser__gorsel { margin: -2px 0 -2px -2px; background: #b9c1c9 url("../img/ikon/ana-yer-tutucu.svg") no-repeat calc(50% + 5.5px) calc(50% + 16.5px) / 165px 125px; }
.ana-eser__metin { padding: 40px 29px 0 33px; }
.ana-eser__metin > p { width: 638px; max-width: 100%; margin-top: 24px; font-size: 16px; line-height: 20px; }
.ana-sayilar { display: grid; grid-template-columns: repeat(3, 180px); gap: 12px; margin-top: 29px; }
.ana-sayi { position: relative; height: 100px; padding: 9px 0 0 12px; background: var(--gri-zemin); border: 1px solid var(--gri-cizgi-2); border-radius: 8px; overflow: hidden; }
.ana-sayi dt { position: relative; z-index: 1; font-size: 20px; line-height: 24px; font-weight: 600; }
.ana-sayi dd { position: relative; z-index: 1; margin-top: 21px; white-space: nowrap; }
.ana-sayi dd b { font-size: 28px; line-height: 34px; font-weight: 700; }
.ana-sayi dd small { font-size: 20px; line-height: 24px; font-weight: 700; }
.ana-sayi img { position: absolute; z-index: 0; }
.ana-sayi--toplanan dd { color: var(--mavi); }
.ana-sayi--toplanan img { left: 106px; top: 24px; width: 59px; height: 52px; }
.ana-sayi--destek dd { color: var(--lacivert); }
.ana-sayi--destek img { left: 106px; top: 22px; width: 59px; height: 59px; }
.ana-sayi--hedef dd { color: #0fbad6; }
.ana-sayi--hedef img { left: 103px; top: 21px; width: 62px; height: 60px; }
.ana-ilerleme { margin-top: 50px; }
.ana-ilerleme p { display: flex; justify-content: space-between; width: 676px; max-width: 100%; margin-left: 9px; font-size: 10px; line-height: 12px; }
.ana-ilerleme p span { font-weight: 500; color: #6f6f6f; }
.ana-ilerleme p b { font-weight: 700; color: var(--lacivert); }
.ana-ilerleme__cubuk { position: relative; width: 694px; max-width: 100%; height: 27px; margin-top: 3px; border: 2px solid var(--gri-cizgi-2); border-radius: 19px; background: var(--gri-zemin); }
.ana-ilerleme__cubuk i { position: absolute; left: -2px; top: -2px; bottom: -2px; border-radius: 19px; background: #fcb813; }
.ana-tutarlar { display: flex; gap: 4px; margin-top: 45px; }
.ana-tutarlar > * { display: inline-flex; align-items: center; justify-content: center; height: 56px; border-radius: 8px; }
.ana-tutarlar button { width: 100px; background: var(--gri-zemin-2); color: #094296; }
.ana-tutarlar button b { font-size: 16px; line-height: 20px; font-weight: 700; }
.ana-tutarlar button small { font-size: 14px; line-height: 17px; font-weight: 700; margin-top: 2px; }
.ana-tutarlar button[aria-checked="true"] { background: var(--mavi); color: var(--beyaz-kirik); }
.ana-tutarlar button:hover { filter: brightness(.97); }
.ana-tutarlar__destek { width: 174px; gap: 6px; background: var(--kirmizi); color: #fff; font-size: 16px; line-height: 20px; font-weight: 700; }
.ana-tutarlar__detay { width: 100px; background: var(--lacivert); color: #fff; font-size: 16px; line-height: 20px; font-weight: 700; }
.ana-tutarlar a:hover { filter: brightness(1.1); }

/* ---------- Gönüllü Ol bandı (3154–3634) ---------- */
.ana-gonullu { border-top: 3px solid var(--gri-cizgi-2); padding: 57px 0 61px; overflow: hidden; }
.ana-gonullu__ic { position: relative; display: flex; justify-content: space-between; height: 480px; }
.ana-gonullu__ic::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -50vw; right: -50vw; background: var(--yazi); }
.ana-gonullu { position: relative; z-index: 0; }
.ana-gonullu__sol { padding-top: 45px; color: var(--gri-zemin); }
.ana-gonullu h2 { font-size: 40px; line-height: 49px; font-weight: 800; color: #fcb813; }
.ana-gonullu__sol > p { width: 730px; margin-top: 8px; font-size: 20px; line-height: 24px; }
.ana-chipler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.ana-chipler a { display: block; height: 28px; padding: 0 20.5px; border-radius: 20px; background: #14b0c9; color: #fff; font-size: 16px; line-height: 28px; font-weight: 600; }
.ana-chipler li:first-child a { padding: 0 16.5px; } { filter: brightness(1.08); }
.ana-gonullu__form { display: grid; grid-template-columns: repeat(2, 260px); gap: 16px 8px; margin-top: 36px; }
.ana-gonullu__form input { height: 40px; padding: 0 20px; border: 1px solid #707070; border-radius: 24px; background: #fff; box-shadow: inset -3px -3px 5px rgba(55, 68, 86, .25); font-size: 14px; font-weight: 700; color: var(--yazi); outline: 0; }
.ana-gonullu__form input::placeholder { color: var(--gri-ikon); opacity: 1; }
.ana-gonullu__form input:focus-visible { border-color: #fcb813; box-shadow: 0 0 0 2px rgba(252, 184, 19, .5); }
.ana-gonullu__ray { position: relative; grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; height: 27px; margin-top: 36px; }
.ana-gonullu__ray::before { content: ""; position: absolute; right: calc(100% + 8px); width: 50vw; top: 12px; height: 3px; background: #fcb813; }
.ana-gonullu__ray::after { content: ""; position: absolute; left: 144px; width: 616px; top: 12px; height: 3px; background: #fcb813; }
.ana-gonullu__noktalar { position: absolute; left: 9px; top: -17px; display: flex; gap: 4px; }
.ana-gonullu__noktalar i { width: 8px; height: 8px; border-radius: 50%; background: #626e7c; }
.ana-gonullu__noktalar i.aktif { background: var(--gri-cizgi); }
.ana-gonullu__ok { width: 27px; height: 27px; border-radius: 50%; }
.ana-gonullu__ok img { width: 27px; height: 27px; }
.ana-gonullu__basvur { width: 65px; height: 27px; border-radius: 14px; background: #626e7c; color: var(--gri-zemin); font-size: 11px; line-height: 14px; font-weight: 600; }
.ana-gonullu__basvur:hover { background: #fcb813; color: var(--lacivert); }
.ana-gonullu__gorsel { flex: none; width: 440px; height: 480px; border-radius: 24px; background: #b9c1c9 url("../img/ikon/ana-yer-tutucu.svg") no-repeat calc(50% + 29.5px) calc(50% + 16.5px) / 165px 125px; }
.ana-gonullu .form-not { grid-column: 1 / -1; color: #fcb813; font-weight: 700; }

/* ---------- Bülten (3864–4384) ---------- */
.ana-bulten { padding-bottom: 120px; }
.ana-bulten__liste { display: grid; grid-template-columns: repeat(3, 380px); gap: 30px; }
.ana-haber { display: flex; flex-direction: column; height: 520px; border-radius: 12px; background: var(--gri-zemin); overflow: hidden; transition: box-shadow .2s; }
.ana-haber:first-child, .ana-haber:hover { box-shadow: 0 3px 3px rgba(0, 0, 0, .16); }
.ana-haber__gorsel { display: block; height: 240px; background: #b9c1c9 url("../img/ikon/ana-yer-tutucu.svg") no-repeat center / 165px 125px; }
.ana-haber h3 { margin: 20px 16px 0; font-size: 24px; line-height: 29px; font-weight: 600; color: var(--lacivert); }
.ana-haber h3 a:hover { text-decoration: underline; }
.ana-haber > p { width: 338px; max-width: calc(100% - 32px); margin: 12px 0 0 16px; font-size: 16px; line-height: 20px; }
.ana-haber__alt { display: flex; justify-content: space-between; margin: auto 13px 16px 16px; font-size: 12px; line-height: 15px; font-weight: 700; }
.ana-haber__alt time { color: #8e98a3; }
.ana-haber__alt a:hover { color: var(--mavi); }

/* =====================================================================
   DUYARLI DÜZEN
   ===================================================================== */
@media (max-width: 1239px) {
  .ana-ok--geri { left: 8px; }
  .ana-ok--ileri { right: 8px; }
  .ana-bagislar .ana-ok, .ana-yatay .ana-ok { display: none; }
  /* kart sıraları: yatay kaydırılan şerit */
  .ana-bagislar__liste, .ana-bulten__liste { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; scrollbar-width: thin; }
  .bagis-kart, .ana-haber { flex: none; scroll-snap-align: start; }
  .bagis-kart { width: 285px; }
  .ana-haber { width: 340px; }
  .ana-proje { grid-template-columns: 38% 1fr; }
  .ana-proje__metin { padding: 36px 32px 96px; }
  .ana-proje__metin .ana-hap { left: 32px; }
  .ana-eser { grid-template-columns: 34% 1fr; height: auto; }
  .ana-eser__metin { padding: 32px 28px 28px; }
  .ana-sayilar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ana-tutarlar { flex-wrap: wrap; }
  .ana-tutarlar button { flex: 1 1 80px; }
  .ana-tutarlar__destek, .ana-tutarlar__detay { flex: 1 1 140px; }
  .ana-gonullu__sol > p { width: auto; }
  .ana-gonullu__gorsel { width: 36%; }
  .ana-gonullu__sol { padding-right: 32px; }
  .ana-gonullu__ray::after { width: auto; right: 0; }
  .ana-bulten { padding-bottom: 72px; }
}
@media (max-width: 1023px) {
  .ana-vitrin__kutu { height: 380px; }
  .ana-vitrin__dugmeler { top: auto; bottom: 48px; }
  .ana-noktalar { top: auto; bottom: 22px; }
  .ana-vitrin .ana-ok { top: calc(50% - 16px); }
  .ana-vitrin__slayt { background-position: center 38%; }
  .ana-proje, .ana-eser { grid-template-columns: 1fr; height: auto; }
  .ana-proje__gorsel, .ana-eser__gorsel { height: 260px; margin: 0; background-position: center; }
  .ana-proje__metin > p, .ana-eser__metin > p { width: auto; }
  .ana-proje h3, .ana-eser h3 { font-size: 32px; line-height: 40px; }
  .ana-ilerleme p, .ana-ilerleme__cubuk { width: 100%; margin-left: 0; }
  .ana-gonullu__ic { flex-direction: column; height: auto; padding: 40px 0; }
  .ana-gonullu__sol { padding: 0; }
  .ana-gonullu__gorsel { width: 100%; height: 240px; margin-top: 32px; background-position: center; }
  .ana-gonullu__form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ana-gonullu__ray { margin-top: 40px; }
  .ana-gonullu__ray::after { left: 144px; right: 0; width: auto; }
}
@media (max-width: 767px) {
  .ana-vitrin { margin-top: 12px; }
  .ana-vitrin__kutu { height: 260px; border-radius: 16px; }
  .ana-vitrin__slayt { background-size: 110px 84px; background-position: center 30%; }
  .ana-vitrin__dugmeler { bottom: 40px; gap: 8px; }
  .ana-vitrin .ana-ok { width: 36px; height: 36px; }
  .ana-vitrin .ana-ok img { width: 36px; height: 36px; }
  .ana-hap { width: 124px; height: 38px; border-radius: 19px; }
  .ana-noktalar { bottom: 16px; }
  .ana-noktalar button { width: 10px; height: 10px; }
  .ana-slogan { height: auto; margin-top: 24px; padding: 24px 16px; }
  .ana-slogan h1 { font-size: 26px; line-height: 34px; }
  .ana-bagislar { margin-top: 32px; padding-bottom: 40px; }
  .bagis-kart { width: 272px; }
  .ana-adet { width: 96px; }
  .ana-adet output { left: 18px; width: 60px; }
  .ana-adet button { top: 2px; width: 36px; height: 36px; }
  .ana-adet button::before, .ana-adet button::after { left: 13.5px; top: 16px; }
  .ana-adet button[data-adim="1"]::after { left: 16px; top: 13.5px; }
  .ana-tum { width: 100%; max-width: 320px; }
  .ana-bolum, .ana-gonullu { padding: 40px 0; }
  .ana-bolum__baslik { margin-bottom: 28px; font-size: 30px; line-height: 36px; }
  .ana-proje__gorsel, .ana-eser__gorsel { height: 200px; background-size: 120px 91px; }
  .ana-proje__metin { padding: 24px 20px 88px; }
  .ana-proje__metin .ana-hap { left: 20px; bottom: 28px; }
  .ana-eser__metin { padding: 24px 20px; }
  .ana-proje h3, .ana-eser h3 { font-size: 26px; line-height: 32px; }
  .ana-proje__metin > p, .ana-eser__metin > p { margin-top: 14px; font-size: 15px; line-height: 21px; }
  .ana-proje__metin > .ana-proje__not { font-size: 12px; }
  .ana-sayilar { grid-template-columns: 1fr; gap: 8px; margin-top: 20px; }
  .ana-sayi { height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; }
  .ana-sayi dt { font-size: 17px; }
  .ana-sayi dd { margin-top: 0; }
  .ana-sayi img { left: auto !important; right: 12px; top: 10px !important; opacity: .6; }
  .ana-sayi dd { margin-right: 52px; }
  .ana-ilerleme { margin-top: 28px; }
  .ana-ilerleme p { font-size: 12px; line-height: 15px; }
  .ana-tutarlar { margin-top: 24px; }
  .ana-tutarlar button { flex: 1 1 calc(25% - 3px); min-width: 0; height: 48px; }
  .ana-tutarlar button b { font-size: 14px; }
  .ana-tutarlar button small { font-size: 12px; }
  .ana-tutarlar__destek, .ana-tutarlar__detay { height: 48px; }
  .ana-gonullu__ic { padding: 32px 0; }
  .ana-gonullu h2 { font-size: 32px; line-height: 40px; }
  .ana-gonullu__sol > p { font-size: 16px; line-height: 22px; }
  .ana-chipler a { height: 32px; line-height: 32px; font-size: 14px; padding: 0 14px; }
  .ana-gonullu__form { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
  .ana-gonullu__form input { height: 44px; }
  .ana-gonullu__ray { margin-top: 36px; height: 36px; }
  .ana-gonullu__ray::before, .ana-gonullu__ray::after { top: 16.5px; }
  .ana-gonullu__ray::after { left: 172px; }
  .ana-gonullu__noktalar { top: -18px; }
  .ana-gonullu__ok, .ana-gonullu__ok img { width: 36px; height: 36px; }
  .ana-gonullu__basvur { width: 80px; height: 36px; border-radius: 18px; font-size: 13px; }
  .ana-gonullu__gorsel { height: 200px; background-size: 120px 91px; }
  .ana-bulten__liste { flex-direction: column; overflow: visible; }
  .ana-haber { width: auto; height: auto; }
  .ana-haber__gorsel { height: 200px; }
  .ana-haber h3 { font-size: 21px; line-height: 26px; }
  .ana-haber h3 br { display: none; }
  .ana-haber > p { width: auto; font-size: 15px; line-height: 21px; }
  .ana-haber__alt { margin-top: 16px; }
  .ana-haber__alt { align-items: center; }
  .ana-haber__alt a { padding: 8px 0; }
  .ana-bulten { padding-bottom: 56px; }
}

/* Mobil denetim (06.10.2026): dokunma alanları ve küçük yazılar tablette de büyür */
.ana-noktalar button { position: relative; }
.ana-noktalar button::after { content: ""; position: absolute; inset: -10px -6px; }
@media (max-width: 1023px) {
  .bagis-kart__not { font-size: 12px; line-height: 15px; }
  .ana-ilerleme p { font-size: 12px; line-height: 15px; }
  .ana-adet { width: 96px; }
  .ana-adet output { left: 18px; width: 60px; }
  .ana-adet button { top: 2px; width: 36px; height: 36px; }
  .ana-adet button::before, .ana-adet button::after { left: 13.5px; top: 16px; }
  .ana-adet button[data-adim="1"]::after { left: 16px; top: 13.5px; }
  .ana-gonullu__ray { height: 36px; }
  .ana-gonullu__ray::before, .ana-gonullu__ray::after { top: 16.5px; }
  .ana-gonullu__ray::after { left: 172px; }
  .ana-gonullu__ok, .ana-gonullu__ok img { width: 36px; height: 36px; }
  .ana-gonullu__basvur { width: 80px; height: 36px; border-radius: 18px; font-size: 13px; }
  .ana-gonullu__noktalar { top: -18px; }
  .ana-haber__alt a { padding: 8px 0; }
}@media (max-width: 1239px) {
  .ana-secim--baslik select { width: 248px; padding: 0 40px 0 22px; font-size: 18px; text-align: left; text-align-last: center; }
}