/* İçerik grubu: Projeler, Proje İç, Bülten, Bülten İç, Gönüllü Ol
   Ölçüler: docs/olculer/<ekran>.txt (1440 tasarım) · ana içerik 200'de başlar (şerit yok) */

/* ---------- Ortak ---------- */
.icerik { padding: 14px 0 140px; }
.icerik-ust { height: 90px; padding-top: 31px; background: var(--gri-zemin); border-radius: 12px; text-align: center; color: var(--lacivert); font-size: 24px; line-height: 29px; font-weight: 800; }
.icerik-ust a:hover { text-decoration: underline; text-underline-offset: 5px; }

/* Gri yer tutucu görsel (tasarımın kendisi: üçgen + kare + daire) */
.yer-tutucu { background: #b9c1c9 url("../img/ikon/icerik-yer-tutucu.svg") no-repeat calc(50% - 9.5px) calc(50% - 8.5px) / 165px 125px; }
.yer-tutucu--orta { background-position: center; }
.yer-tutucu--kucuk { background-color: #8e98a3; background-position: center; background-size: 69px 52px; }
.yer-tutucu--yan { background-position: center; background-size: 110px 83px; }
.yer-tutucu--acik { background-image: url("../img/ikon/icerik-yer-tutucu-acik.svg"); background-position: calc(50% - 3.5px) calc(50% + 6.5px); background-size: 158px 120px; }

/* Görsel + 5 küçük resim şeridi */
.galeri { display: grid; grid-template-rows: 410px auto; gap: 2px; }
.galeri__buyuk { border-radius: 12px; }
.galeri__seritler { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; }
.galeri__seritler li { height: 90px; border-radius: 4px; }

/* İki sütunlu yazı + galeri (Proje İç, Bülten İç) */
.yazi-govde { display: grid; grid-template-columns: 382px 458px; justify-content: space-between; margin-top: 54px; }
.yazi-govde h3, .yazi-govde h2 { margin-left: 1px; font-size: 15px; line-height: 26px; font-weight: 800; color: var(--mavi); }
.yazi-govde h3 + p, .yazi-govde h2 + p { margin-top: 11px; }
.yazi-govde p { max-width: 377px; font-size: 14px; line-height: 17px; }
.yazi-govde p + p { margin-top: 17px; }
.yazi-govde .galeri { margin-top: 4px; }

/* ---------- Projeler / Proje İç ---------- */
.proje-duzen { display: grid; grid-template-columns: 242px minmax(0, 1fr); column-gap: 21px; align-items: start; margin-top: 20px; }
.proje-liste { background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 12px; padding: 8px 7px 8px 8px; }
.proje-liste ul { display: grid; gap: 4px; }
.proje-liste a { display: block; height: 38px; padding-left: 12px; border-radius: 12px; font-size: 14px; line-height: 38px; font-weight: 600; color: var(--yazi); white-space: nowrap; }
.proje-liste a:hover { color: var(--mavi); }
.proje-liste a[aria-current] { background: var(--gri-zemin-2); color: var(--mavi); font-weight: 700; }

.projem-var { margin-top: 12px; height: 192px; padding-top: 28px; background: var(--lacivert); border-radius: 12px; color: #fff; text-align: center; }
.projem-var h2 { font-size: 18px; line-height: 21px; font-weight: 800; }
.projem-var p { width: 163px; margin: 8px 0 0 42px; font-size: 14px; line-height: 17px; }
.projem-var a { display: flex; align-items: center; justify-content: center; width: 190px; height: 48px; margin: 16px auto 0; background: #fcb813; border-radius: 12px; color: var(--lacivert); font-size: 16px; line-height: 20px; font-weight: 800; }
.projem-var a:hover, .hayal__kutu a:hover { filter: brightness(1.06); }

.proje-ana { min-width: 0; }
.proje-bant { position: relative; display: flex; align-items: center; height: 100px; margin-right: 1px; padding: 0 120px 0 38px; border-radius: 12px 12px 0 0; background: linear-gradient(180deg, #034bb4, #0243a6); color: #fff; }
.proje-bant h1, .proje-bant h2 { font-size: 24px; line-height: 31px; font-weight: 800; }
.proje-bant figure { position: absolute; right: 30px; top: 14px; width: 61px; }
.proje-bant figure img { width: 61px; height: 61px; }
.proje-bant figcaption { position: absolute; right: 7px; top: 62px; font-size: 10px; line-height: 12px; color: var(--beyaz-kirik); white-space: nowrap; }

.proje-giris { margin-right: 1px; padding: 23px 51px 44px 26px; background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 0 0 12px 12px; }
.proje-giris h2, .proje-giris h3 { font-size: 18px; line-height: 31px; font-weight: 800; }
.proje-giris > p { max-width: 855px; margin-top: 7px; font-size: 14px; line-height: 17px; }

.proje-kart { position: relative; display: flex; margin: 30px 0 0 1px; background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 12px; }
.proje-kart__metin { position: relative; flex: 1; min-width: 0; padding: 24px 34px 50px 68px; }
.proje-kart__no { position: absolute; left: 14px; top: 14px; display: grid; place-items: center; width: 46px; height: 46px; padding-top: 1px; border-radius: 50%; background: var(--yazi); color: #fff; font-size: 18px; line-height: 21px; font-weight: 800; }
.proje-kart h3 { margin-left: 1px; font-size: 15px; line-height: 26px; font-weight: 800; color: var(--mavi); }
.proje-kart h3 + p { margin-top: 11px; }
.proje-kart p { font-size: 14px; line-height: 17px; }
.proje-kart p + p { margin-top: 17px; }
.proje-kart time { position: absolute; left: 66px; bottom: 17px; font-size: 12px; line-height: 15px; }
.proje-kart .galeri { flex: none; width: 458px; margin: -2px -2px -2px 0; }
.proje-kart .galeri__buyuk { border-radius: 0 12px 0 0; }
.proje-kart .galeri__seritler li { border-radius: 0; }
.proje-kart .galeri__seritler li:last-child { border-radius: 0 0 12px 0; }

.hayal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 30px 0 0 1px; }
.hayal__kutu { position: relative; overflow: hidden; height: 320px; padding-top: 37px; border: 3px solid var(--mavi); border-radius: 12px; background: #0c83dd; color: #fff; text-align: center; }
.hayal__kutu > img { position: absolute; z-index: 0; left: 239px; top: 131px; width: 189px; height: 168px; pointer-events: none; }
.hayal__kutu > :not(img) { position: relative; z-index: 1; }
.hayal__kutu h3 { font-size: 24px; line-height: 29px; font-weight: 800; }
.hayal__kutu p { width: 348px; max-width: calc(100% - 24px); margin: 15px auto 0; transform: translateX(2px); font-size: 12px; line-height: 15px; font-weight: 500; }
.hayal__kutu a { display: flex; align-items: center; justify-content: center; width: 190px; height: 46px; margin: 37px auto 0; border-radius: 23px; background: #fcb813; color: var(--yazi); font-size: 16px; line-height: 20px; font-weight: 800; }
.hayal__kutu--acik { border-color: #0c83dd; background: var(--gri-zemin); color: var(--yazi); }
.hayal__kutu--acik > img { left: 251px; top: 121px; width: 185px; height: 178px; }
.hayal__kutu--acik h3 { color: #0c83dd; }
.hayal__kutu--acik p { width: 325px; transform: translateX(2.5px); }
.hayal__kutu--acik a { background: var(--kirmizi); color: #fff; }

.sayfalama { width: 59px; margin: 60px auto 0; transform: translateX(1px); }
.sayfalama__sayilar { display: grid; grid-template-columns: 25px 25px; justify-content: center; align-items: baseline; padding-bottom: 4px; border-bottom: 1px solid var(--gri-cizgi-2); text-align: center; font-weight: 800; }
.sayfalama__sayilar a, .sayfalama__sayilar span { font-size: 14px; line-height: 17px; color: var(--gri-ikon); }
.sayfalama__sayilar [aria-current] { font-size: 18px; line-height: 21px; color: var(--yazi); }
.sayfalama__sayilar a:hover { color: var(--mavi); }
.sayfalama__oklar { display: flex; justify-content: center; }
.sayfalama__oklar a, .sayfalama__oklar span { display: grid; place-items: center; width: 18px; height: 28px; }
.sayfalama__oklar img { width: 7.65px; height: 12.3px; }
.sayfalama__oklar .geri img { transform: rotate(180deg); }

/* Proje İç */
.icerik--projeler { padding-bottom: 47px; }
.icerik--proje-ic { padding-bottom: 191px; }
.proje-detay { margin-right: 1px; padding: 23px 26px 37px 25px; background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 0 0 12px 12px; }
.proje-detay > h2 { margin-left: 1px; font-size: 18px; line-height: 31px; font-weight: 800; }
.proje-detay > p { max-width: 855px; margin: 7px 0 0 1px; font-size: 14px; line-height: 17px; }

/* ---------- Bülten listesi ---------- */
.bulten-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 60px 20px; margin-top: 24px; }
.bulten-kart { display: flex; flex-direction: column; height: 414px; color: var(--yazi); }
.bulten-kart__gorsel { height: 207px; border-radius: 12px 12px 0 0; }
.bulten-kart__govde { position: relative; flex: 1; padding: 14px 7px 0 10px; background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 0 0 12px 12px; }
.bulten-kart h2 { font-size: 20px; line-height: 24px; font-weight: 700; color: var(--lacivert); }
.bulten-kart p { max-width: 248px; margin-top: 12px; font-size: 12px; line-height: 15px; }
.bulten-kart p.bulten-kart__alt { max-width: none; margin: 0; position: absolute; left: 10px; right: 7px; bottom: 11px; display: flex; justify-content: space-between; font-size: 12px; line-height: 15px; font-weight: 700; }
.bulten-kart__alt time { color: #8e98a3; }
.bulten-kart:hover h2, .bulten-kart:hover .bulten-kart__devam { color: var(--mavi); }

/* ---------- Bülten İç ---------- */
.bulten-duzen { display: grid; grid-template-columns: 244px minmax(0, 1fr); gap: 20px; align-items: start; margin-top: 20px; }
.ilgili { order: -1; }
.ilgili > h2 { padding-bottom: 4px; border-bottom: 3px solid var(--gri-cizgi-2); font-size: 20px; line-height: 24px; font-weight: 400; }
.ilgili ul { display: grid; gap: 20px; margin-top: 19px; }
.ilgili-kart { display: block; overflow: hidden; height: 271px; background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 12px; color: #626e7c; }
.ilgili-kart__gorsel { height: 151px; margin: -2px -2px 0; border-radius: 12px 12px 0 0; }
.ilgili-kart h3 { margin: 14px 0 0 12px; font-size: 18px; line-height: 21px; font-weight: 700; }
.ilgili-kart p { width: 206px; margin: 6px 0 0 12px; font-size: 10px; line-height: 12px; }
.ilgili-kart:hover h3 { color: var(--mavi); }

.bulten-yazi { position: relative; padding: 33px 26px 78px; background: #fff; border: 2px solid var(--gri-zemin-2); border-radius: 12px; }
.bulten-yazi__tarih { position: absolute; right: 19px; top: 18px; font-size: 12px; line-height: 15px; font-weight: 700; color: #8e98a3; }
.bulten-yazi h1 { font-size: 24px; line-height: 31px; font-weight: 800; color: var(--lacivert); }
.bulten-yazi h1 + p { max-width: 855px; margin-top: 17px; }
.bulten-yazi > p { font-size: 14px; line-height: 17px; }
.bulten-yazi > p.genis { max-width: 875px; margin-top: 42px; }
.bulten-yazi > p.genis--yakin { margin-top: 28px; }
.bulten-yazi .yazi-govde { margin-left: -1px; }
.bulten-gorsel { width: 640px; max-width: 100%; margin: 66px auto 0; }
.bulten-gorsel + p + .bulten-gorsel { margin-top: 32px; }
.bulten-gorsel > div { height: 360px; border-radius: 12px; }
.bulten-gorsel figcaption { margin-top: 8px; text-align: center; font-size: 12px; line-height: 15px; color: #626e7c; }

/* ---------- Gönüllü Ol ---------- */
.gonullu-tanitim { height: 190px; margin-top: 20px; padding-top: 38px; background: var(--lacivert); border-radius: 12px; color: var(--gri-zemin); text-align: center; }
.gonullu-tanitim p { position: relative; left: -14px; width: 610px; max-width: 100%; margin: 0 auto; font-size: 16px; line-height: 20px; }
.gonullu-tanitim ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 26px; }
.gonullu-tanitim li a { display: block; width: var(--g); height: 28px; padding-top: 5px; border-radius: 20px; background: #3663ac; color: #fff; font-size: 14px; line-height: 17px; font-weight: 500; white-space: nowrap; }
.gonullu-tanitim li a:hover { background: var(--mavi); }

.basvuru { width: 754px; max-width: 100%; margin: 20px auto 0; }
.basvuru > h2 { height: 70px; padding-top: 25px; border-radius: 12px 12px 0 0; background: var(--mavi); color: #fff; text-align: center; font-size: 20px; line-height: 24px; font-weight: 800; }
.basvuru__govde { position: relative; padding: 22px 34px 34px; background: var(--gri-zemin); border-radius: 0 0 12px 12px; }
.basvuru__govde::before { content: ""; position: absolute; left: 1px; right: 0; top: -1px; height: 4px; background: #fcb813; }
.basvuru__etiket { display: block; width: 190px; height: 42px; margin: 0 auto; padding-top: 10px; background: #fff; border: 1px solid var(--gri-cizgi-2); border-radius: 21px; text-align: center; color: var(--lacivert); font-size: 18px; line-height: 21px; font-weight: 700; }
.bolum { margin-top: 31px; }
.bolum + .bolum { margin-top: 50px; }
.bolum + .bolum + .bolum { margin-top: 60px; }
.bolum h3 { display: flex; align-items: center; gap: 6px; padding-bottom: 12px; border-bottom: 2px solid var(--gri-cizgi-2); font-size: 16px; line-height: 20px; font-weight: 800; color: var(--mavi); }
.bolum h3::before { content: ""; flex: none; width: 21px; height: 21px; border-radius: 50%; background: #fcb813; }
.bolum--sade h3 { font-weight: 700; color: var(--yazi); }
.satir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; margin-top: 16px; }
.satir--ilk { margin-top: 21px; }
.satir--genis { margin-top: 24px; }
.satir--uzak { margin-top: 33px; }
.satir--uclu { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 13px; }
.satir--tek { grid-template-columns: 1fr; }
.alan > label, .alan > .alan__ad { display: block; margin-bottom: 4px; padding-left: 19px; font-size: 12px; line-height: 15px; font-weight: 600; }
.alan__ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.alan__ikili--dar { display: flex; gap: 13px; }
.basvuru input:not([type="radio"]), .basvuru select, .basvuru textarea, .secim { display: block; width: 100%; height: 40px; background: #fff; border: 1px solid var(--gri-cizgi-2); border-radius: 24px; box-shadow: inset -3px -3px 5px rgba(55, 68, 86, .05); font-size: 12px; line-height: 15px; font-weight: 500; color: var(--yazi); }
.basvuru input:not([type="radio"]), .basvuru select { padding: 0 18px; outline: 0; }
.basvuru textarea { height: 80px; padding: 12px 18px; resize: vertical; outline: 0; }
.basvuru input::placeholder, .basvuru textarea::placeholder { color: var(--gri-ikon); opacity: 1; }
.basvuru input:focus-visible, .basvuru select:focus-visible, .basvuru textarea:focus-visible { border-color: var(--mavi); }
.basvuru select { appearance: none; -webkit-appearance: none; padding-right: 36px; cursor: pointer; background: #fff url("../img/ikon/icerik-asagi-ok.svg") no-repeat right 14px top calc(50% + 2px) / 14px 8px; }
.basvuru select.dar-ok { background-position: right 14px top calc(50% + 2px); }
.basvuru select:has(option[value=""]:checked) { color: var(--gri-ikon); font-weight: 400; }
.basvuru select option { color: var(--yazi); font-weight: 500; }
.secim { display: flex; align-items: center; gap: 9px; padding-left: 10px; cursor: pointer; }
.alan__ikili--dar .secim { width: 103px; }
.secim--genis { gap: 8px; padding-left: 15px; }
.secim input { flex: none; appearance: none; -webkit-appearance: none; width: 16px; height: 16px; margin: 0; background: #fff; border: 2px solid var(--gri-cizgi); border-radius: 50%; cursor: pointer; }
.secim input:checked { border-color: var(--mavi); background: var(--mavi); box-shadow: inset 0 0 0 3px #fff; }
.secim:has(input:focus-visible) { outline: 2px solid var(--mavi); outline-offset: 2px; }
.basvuru__gonder { display: flex; align-items: center; justify-content: center; width: 220px; height: 48px; margin: 35px auto 0; padding-top: 1px; border-radius: 24px; background: #0fbad6; color: #fff; font-size: 18px; line-height: 21px; font-weight: 700; }
.basvuru__gonder:hover { filter: brightness(1.06); }
.basvuru .form-not { margin-top: 14px; text-align: center; font-size: 14px; font-weight: 700; color: #118a3e; }

/* =====================================================================
   DUYARLI DÜZEN
   ===================================================================== */
@media (max-width: 1239px) {
  .proje-kart { flex-direction: column; }
  .proje-kart .galeri { width: auto; margin: 0 -2px -2px; grid-template-rows: auto auto; }
  .proje-kart .galeri__buyuk { aspect-ratio: 16 / 7; border-radius: 0; }
  .proje-kart .galeri__seritler li { height: auto; aspect-ratio: 4 / 3; }
  .yer-tutucu--kucuk { background-size: 76% auto; }
  .proje-kart .galeri__seritler li:first-child { border-radius: 0 0 0 12px; }
  .hayal__kutu { height: auto; min-height: 320px; padding: 37px 12px 46px; }
  .hayal__kutu p { transform: none; }
  .yazi-govde { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  .yazi-govde p { max-width: none; }
  .yazi-govde .galeri { width: 100%; max-width: 458px; grid-template-rows: auto auto; }
  .galeri__buyuk { aspect-ratio: 458 / 410; }
  .galeri__seritler li { height: auto; aspect-ratio: 1; }
  .bulten-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gonullu-tanitim p { left: 0; }
}

@media (max-width: 1023px) {
  .proje-duzen { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
  .proje-yan { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
  .projem-var { margin-top: 0; height: auto; padding-bottom: 24px; }
  .projem-var p { width: auto; max-width: 240px; margin: 8px auto 0; }
  .proje-bant, .proje-giris, .proje-detay { margin-right: 0; }
  .proje-kart, .hayal { margin-left: 0; }
  .sayfalama { transform: none; }
  .bulten-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bulten-kart p { max-width: none; }
  .bulten-duzen { grid-template-columns: minmax(0, 1fr); }
  .ilgili { order: 2; }
  .ilgili ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ilgili-kart { height: auto; padding-bottom: 16px; }
  .ilgili-kart p { width: auto; margin-right: 12px; }
  .icerik--proje-ic { padding-bottom: 120px; }
}

@media (max-width: 767px) {
  .icerik, .icerik--proje-ic { padding-bottom: 64px; }
  .icerik-ust { height: auto; padding: 18px 12px 17px; font-size: 22px; line-height: 27px; }
  .proje-yan { grid-template-columns: minmax(0, 1fr); }
  .proje-bant { height: auto; min-height: 100px; padding: 18px 92px 18px 16px; }
  .proje-bant h1, .proje-bant h2 { font-size: 20px; line-height: 26px; }
  .proje-bant figure { right: 12px; top: 14px; width: 72px; display: flex; flex-direction: column; align-items: center; }
  .proje-bant figure img { width: 52px; height: 52px; }
  .proje-bant figcaption { position: static; margin-top: 3px; font-size: 12px; line-height: 14px; }
  .proje-giris, .proje-detay { padding: 18px 16px 24px; }
  .proje-giris h2, .proje-giris h3, .proje-detay > h2 { line-height: 24px; }
  .proje-kart__metin { padding: 72px 16px 48px; }
  .proje-kart__no { left: 16px; top: 16px; }
  .proje-kart h3, .yazi-govde h3, .yazi-govde h2 { line-height: 20px; }
  .yazi-govde { margin-top: 32px; }
  .proje-kart time { left: 16px; bottom: 18px; }
  .hayal { grid-template-columns: minmax(0, 1fr); }
  .hayal__kutu { min-height: 0; padding: 28px 12px 32px; }
  .hayal__kutu h3 { font-size: 21px; line-height: 26px; }
  .hayal__kutu p br { display: none; }
  .hayal__kutu a { margin-top: 24px; }
  .hayal__kutu > img { left: auto; right: -20px; top: auto; bottom: -20px; }
  .sayfalama__oklar a, .sayfalama__oklar span { width: 36px; height: 36px; }
  .sayfalama { width: 72px; }
  .bulten-izgara { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .bulten-kart { height: auto; }
  .bulten-kart__gorsel { height: auto; aspect-ratio: 285 / 207; }
  .bulten-kart__govde { padding: 14px 12px 44px; }
  .bulten-kart p { max-width: none; }
  .bulten-kart p.bulten-kart__alt { left: 12px; right: 12px; bottom: 14px; }
  .ilgili ul { grid-template-columns: minmax(0, 1fr); }
  .ilgili-kart__gorsel { height: auto; aspect-ratio: 244 / 151; }
  .ilgili-kart p { font-size: 12px; line-height: 15px; }
  .bulten-yazi { padding: 44px 16px 32px; }
  .bulten-yazi__tarih { right: auto; left: 16px; top: 18px; }
  .bulten-yazi h1 { font-size: 21px; line-height: 27px; }
  .bulten-yazi > p.genis { margin-top: 24px; }
  .bulten-gorsel { margin-top: 32px; }
  .bulten-gorsel > div { height: auto; aspect-ratio: 640 / 360; }
  .gonullu-tanitim { height: auto; padding: 24px 16px; }
  .gonullu-tanitim p { font-size: 15px; line-height: 20px; }
  .gonullu-tanitim li a { width: auto; height: 36px; padding: 9px 16px 0; }
  .basvuru__govde { padding: 22px 16px 28px; }
  .satir, .satir--uclu { grid-template-columns: minmax(0, 1fr); row-gap: 16px; }
  .satir--ilk { margin-top: 21px; }
  .alan__ikili--dar .secim { width: auto; flex: 1; }
  .basvuru__gonder { width: 100%; max-width: 260px; }
}

/* Telefon: sayfalama dokunma alanı (mobil denetim, 06.10.2026) */
@media (max-width: 767px) {
  .sayfalama { width: auto; }
  .sayfalama__sayilar { grid-template-columns: 44px 44px; }
  .sayfalama__sayilar a, .sayfalama__sayilar span { display: grid; place-items: center; height: 40px; }
  .sayfalama__oklar a, .sayfalama__oklar span { width: 44px; height: 44px; }
}
/* Tablet: yan sütunda tek kutu varsa tüm genişliği kullansın (Proje Detay) */
@media (max-width: 1023px) { .proje-yan > :only-child { grid-column: 1 / -1; } }
@media (max-width: 1023px) {
  .proje-bant figcaption { font-size: 12px; line-height: 14px; }
  .ilgili-kart p { width: auto; font-size: 12px; line-height: 16px; margin-right: 12px; }
  .sayfalama { width: auto; }
  .sayfalama__sayilar { grid-template-columns: 44px 44px; }
  .sayfalama__sayilar a, .sayfalama__sayilar span { display: grid; place-items: center; height: 40px; }
  .sayfalama__oklar a, .sayfalama__oklar span { width: 44px; height: 44px; }
}