/* Move to Greece · iç sayfalar (site.css değişkenlerini kullanır) */
.sayfa-bas { background-color: var(--buz); background-image: var(--tarama); padding-block: calc(var(--bosluk) * .6) calc(var(--bosluk) * .5); border-block-end: 1px solid var(--cizgi); }
.sayfa-bas h1 { font-size: clamp(34px, 4.4vw, 60px); line-height: 1.05; margin-block: 14px 0; max-width: 20ch; }
.sayfa-bas__alt { color: var(--tas); font-size: 19px; max-width: 40em; margin-block-start: 18px; }
.kirinti { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: var(--tas); }
.kirinti a { color: var(--ege); text-decoration: none; }
.kirinti li + li::before { content: "/"; margin-inline-end: 8px; color: var(--cizgi); }
.sayfa-govde { padding-block: calc(var(--bosluk) * .6) var(--bosluk); }
.izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.izgara .proje a { border: 1px solid var(--cizgi); }
.bolge-kart a { display: flex; flex-direction: column; gap: 6px; text-decoration: none; }
.bolge-kart img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; border-radius: var(--yaricap); margin-block-end: 10px; }
.bolge-kart b { font: 500 22px/1.2 var(--f-baslik); }
.bolge-kart span { color: var(--tas); font-size: 15px; }

/* İçerik metni */
.metin { font-size: 18px; line-height: 1.75; max-width: 70ch; }
.metin > * + * { margin-block-start: 1.1em; }
.metin h2 { font-size: clamp(26px, 2.6vw, 34px); margin-block-start: 1.8em; }
.metin h3 { font-size: 22px; margin-block-start: 1.5em; }
.metin a { color: var(--ege); }
.metin ul, .metin ol { padding-inline-start: 1.3em; list-style: revert; }
.metin li + li { margin-block-start: .4em; }
.metin blockquote { margin-inline: 0; padding: 18px 24px; border-inline-start: 3px solid var(--altin); background: var(--buz); border-radius: var(--yaricap); }
.metin table { width: 100%; border-collapse: collapse; font-size: 16px; }
.metin th, .metin td { border-block-end: 1px solid var(--cizgi); padding: 10px 12px; text-align: start; }
.iki-sutun { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(32px, 5vw, 80px); align-items: start; }
.yan-kutu { position: sticky; inset-block-start: calc(var(--ust-yuk) + 24px); display: flex; flex-direction: column; gap: 16px; }
.kutu-kart { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 10px; padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.kutu-kart--mavi { background: var(--ege); color: var(--beyaz); border: 0; }
.kutu-kart--mavi p { color: var(--ege-sis); }
.kutu-kart h3 { font-size: 20px; }
.kisa-cevap { background: var(--ege-sis); border-radius: 10px; padding: 22px 26px; border-inline-start: 3px solid var(--ege); font-size: 18px; }
.kisa-cevap b { display: block; font: 500 13px/1 var(--f-baslik); letter-spacing: .16em; text-transform: uppercase; color: var(--ege); margin-block-end: 10px; }
.kunye { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; color: var(--tas); margin-block-start: 18px; }
.kunye span { display: inline-flex; gap: 6px; align-items: center; }
.uyari-not { font-size: 14px; color: var(--tas); border-block-start: 1px solid var(--cizgi); padding-block-start: 16px; margin-block-start: 32px; }

/* Proje detayı */
.galeri { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 12px; height: clamp(320px, 42vw, 560px); margin-block-end: 40px; }
.galeri figure { position: relative; margin: 0; overflow: hidden; border-radius: var(--yaricap); }
.galeri figure:first-child { grid-row: span 2; }
.galeri img { width: 100%; height: 100%; object-fit: cover; }
.galeri--tek { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.ozellik { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--cizgi); margin-block: 8px 32px; }
.ozellik div { padding: 18px 16px 18px 0; display: flex; flex-direction: column; gap: 4px; }
.ozellik div + div { padding-inline-start: 16px; border-inline-start: 1px solid var(--cizgi); }
.ozellik span { font-size: 13px; color: var(--tas); }
.ozellik b { font: 500 20px/1.2 var(--f-baslik); }
.birim-tablo { width: 100%; border-collapse: collapse; font-size: 15px; margin-block-start: 12px; }
.birim-tablo th { font: 500 12px/1.3 var(--f-baslik); letter-spacing: .12em; text-transform: uppercase; color: var(--tas); text-align: start; padding: 12px; border-block-end: 2px solid var(--ege); }
.birim-tablo td { padding: 14px 12px; border-block-end: 1px solid var(--cizgi); }
.birim-tablo .durum { font: 500 12px/1 var(--f-baslik); padding: 6px 9px; border-radius: 2px; background: #E3F2EA; color: var(--yesil); }
.birim-tablo .durum--opsiyonlu { background: #FFF3DD; color: var(--altin-yazi); }
.birim-tablo .durum--satildi { background: var(--buz); color: var(--tas); }
.gv-kutu { display: flex; gap: 14px; align-items: flex-start; }
.gv-kutu svg { width: 28px; height: 28px; color: var(--altin); flex: none; }
.sayfalama { display: flex; gap: 8px; justify-content: center; margin-block-start: 40px; }
.sayfalama a, .sayfalama span { padding: 10px 14px; border: 1px solid var(--cizgi); border-radius: var(--yaricap); text-decoration: none; }
.hata-sayfa { min-height: 60vh; display: grid; place-items: center; text-align: center; padding: 80px 20px; }
.hata-sayfa b { font: 500 120px/1 var(--f-baslik); color: var(--ege-sis); display: block; }

@media (max-width: 1024px) {
  .izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iki-sutun { grid-template-columns: minmax(0, 1fr); }
  .yan-kutu { position: static; }
}
@media (max-width: 640px) {
  .izgara { grid-template-columns: minmax(0, 1fr); }
  .galeri { grid-template-columns: 1fr; grid-template-rows: 1fr; height: 280px; }
  .galeri figure:not(:first-child) { display: none; }
  .ozellik { grid-template-columns: minmax(0, 1fr); }
  .ozellik div + div { padding-inline-start: 0; border-inline-start: 0; border-block-start: 1px solid var(--cizgi); }
  .birim-tablo thead { display: none; }
  .birim-tablo tr { display: grid; grid-template-columns: 1fr 1fr; padding-block: 10px; border-block-end: 1px solid var(--cizgi); }
  .birim-tablo td { border: 0; padding: 4px 0; }
  .metin { font-size: 17px; }
}

/* Galeri: tıklanabilir kareler, "+N" ve "Tüm fotoğraflar" */
.galeri { position: relative; }
.galeri__ac { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.galeri__ac img { transition: transform .6s var(--egri); }
.galeri__ac:hover img { transform: scale(1.03); }
.galeri__fazla { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(4, 36, 95, .55); color: #fff; font: 500 34px/1 var(--f-baslik); pointer-events: none; }
.galeri__tumu { position: absolute; inset-block-end: 16px; inset-inline-end: 16px; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 0; border-radius: var(--yaricap); background: rgba(255, 255, 255, .95); color: var(--murekkep); font: 500 14px/1 var(--f-baslik); cursor: pointer; box-shadow: 0 8px 24px -12px rgba(14, 23, 38, .5); }
.galeri__tumu svg { width: 18px; height: 18px; }
.galeri__tumu:hover { background: #fff; }

/* Daire tablosu: görsel sütunu */
.birim-tablo__gorsel { width: 84px; }
.birim-gorsel { position: relative; display: block; width: 72px; height: 54px; padding: 0; border: 0; border-radius: 6px; overflow: hidden; cursor: zoom-in; background: var(--buz); }
.birim-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.birim-gorsel span { position: absolute; inset-block-end: 4px; inset-inline-end: 4px; min-width: 20px; padding: 2px 5px; border-radius: 4px; background: rgba(14, 23, 38, .78); color: #fff; font: 600 11px/1.2 var(--f-metin); text-align: center; }

/* Tam ekran görüntüleyici */
.isik { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(8, 12, 22, .96); color: #fff; overflow: hidden; }
.isik[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.isik::backdrop { background: rgba(8, 12, 22, .9); }
html.isik-acik { overflow: hidden; }
.isik__ust { display: flex; align-items: center; gap: 16px; padding: 14px 20px; }
.isik__baslik { flex: 1; margin: 0; font-size: 14px; color: rgba(255, 255, 255, .78); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isik__sayac { font: 500 14px/1 var(--f-baslik); font-variant-numeric: tabular-nums; color: rgba(255, 255, 255, .78); }
.isik__kapat, .isik__ok { display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; transition: background .2s; }
.isik__kapat:hover, .isik__ok:hover { background: rgba(255, 255, 255, .2); }
.isik__kapat svg, .isik__ok svg { width: 22px; height: 22px; }
.isik__sahne { position: relative; margin: 0; min-height: 0; }
/* Mutlak konum: yüzde tabanlı max-height, ızgara hücresinin kesin yüksekliğine göre çözülür; görsel taşmaz */
.isik__sahne img { position: absolute; inset: 0; margin: auto; width: auto; height: auto; max-width: calc(100% - 144px); max-height: 100%; object-fit: contain; border-radius: 4px; opacity: 0; transition: opacity .25s; }
.isik__sahne img.hazir { opacity: 1; }
.isik__ok { position: absolute; inset-block-start: 50%; transform: translateY(-50%); }
.isik__ok--onceki { inset-inline-start: 16px; }
.isik__ok--sonraki { inset-inline-end: 16px; }
html[dir="rtl"] .isik__ok svg { transform: scaleX(-1); }
.isik--tek .isik__ok { display: none; }
.isik__seridi { display: flex; gap: 8px; margin: 0; padding: 14px 20px 18px; list-style: none; overflow-x: auto; justify-content: safe center; scrollbar-width: thin; }
.isik__seridi button { display: block; width: 76px; height: 54px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden; background: none; cursor: pointer; opacity: .55; transition: opacity .2s, border-color .2s; }
.isik__seridi button[aria-current="true"] { opacity: 1; border-color: var(--altin); }
.isik__seridi img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 760px) {
  .isik__sahne img { max-width: calc(100% - 16px); }
  .isik__ok { inset-block-start: auto; inset-block-end: 96px; transform: none; width: 40px; height: 40px; }
  .galeri__tumu { inset-block-end: 12px; inset-inline-end: 12px; }
  .birim-tablo__gorsel { grid-column: 1 / -1; width: auto; }
  .birim-tablo__gorsel:not(:has(button)) { display: none; }
}
@media (prefers-reduced-motion: reduce) { .galeri__ac img, .isik__sahne img { transition: none; } }