/* =================================================================== ayrı sayfalar (alt adresler): göç sayfası, vitrin, bölüm sayfaları */
/* Göç sayfası: üst çubuk koyu yarı saydam (kilim şeridi ve harita üstünde logo/menü okunur) */
.goc-sayfa .ust.ust--acik { color: var(--kece); background: rgba(18,13,11,.74); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom-color: rgba(239,230,212,.1); }
.goc-sayfa .ust.ust--acik .dugme { --c: var(--kece); --y: var(--murekkep); }
.goc-sayfa .ust.ust--acik .dugme::before { background: var(--kece); }
@media (pointer: coarse), (hover: none) { .goc-sayfa .ust.ust--acik { background: rgba(18,13,11,.95); backdrop-filter: none; -webkit-backdrop-filter: none; } }
.giris--goc .giris-baslik { font-size: clamp(80px, 12.6vw, 230px); }
.giris--goc .gb-satir--2 { padding-left: .6em; }
.giris-ust .kirinti { margin: 0; color: rgba(239,230,212,.7); display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.giris-ust .kirinti a { color: var(--zerdecal-acik); }
.giris-ust .kirinti i { width: 6px; height: 6px; background: currentColor; transform: rotate(45deg); display: inline-block; opacity: .6; }
.goc-son { position: relative; z-index: 3; background: var(--kece); padding-top: 90px; padding-bottom: 100px; }
.goc-son::before { content: ''; position: absolute; inset: 0; background-image: var(--kece-doku); mix-blend-mode: multiply; opacity: .5; pointer-events: none; }
.goc-son h2 { position: relative; margin: 0 0 24px; }
.goc-son-dugme { position: relative; display: flex; flex-wrap: wrap; gap: 12px; margin: 34px 0 0; }

/* Ana sayfa vitrini: her bölüme giden kısa kapılar */
.vitrin { position: relative; z-index: 3; background: var(--kece); padding-bottom: 110px; }
.vitrin { content-visibility: auto; contain-intrinsic-size: auto 1520px; }
@media (max-width: 900px) { .vitrin { contain-intrinsic-size: auto 2240px; } }
.vitrin::before { content: ''; position: absolute; inset: 0; background-image: var(--kece-doku); mix-blend-mode: multiply; opacity: .5; pointer-events: none; }
.vitrin .serit--ust { color: var(--kok); }
.vitrin-bas { position: relative; padding-top: 96px; display: grid; grid-template-columns: 1fr minmax(0, 46ch); gap: 18px 60px; align-items: end; }
.vitrin-bas .etiket { grid-column: 1 / -1; color: var(--kok); }
.vitrin-bas .giris-metni { margin: 0; color: var(--murekkep-2); }
.vt-liste { position: relative; list-style: none; margin: 50px 0 0; }
.vt { position: relative; border-top: 1px solid rgba(23,17,14,.2); }
.vt:last-child { border-bottom: 1px solid rgba(23,17,14,.2); }
.vt-ana { position: relative; display: grid; grid-template-columns: 44px 44px minmax(0, 1fr) minmax(0, 1.05fr) 22px; gap: 22px; align-items: center; padding: 20px 6px 14px; isolation: isolate; transition: color .35s, padding .5s var(--e-cikis); }
.vt-ana::before { content: ''; position: absolute; inset: 0; background: var(--murekkep); z-index: -1; clip-path: inset(0 100% 0 0); transition: clip-path .55s steps(12, end); }
.vt-no { color: var(--kok); }
.vt-motif { width: 40px; height: 40px; color: var(--kok); display: block; }
.vt-ad { font: 400 clamp(36px, 5.2vw, 88px)/.95 var(--f-baslik); letter-spacing: -.01em; }
.vt-ozet { font-size: 15.5px; line-height: 1.5; color: var(--murekkep-2); max-width: 48ch; }
.vt-ana .ok { width: 18px; height: 12px; }
.vt-alt { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 6px 20px 116px; }
.vt-alt a { font: 600 10px/1 var(--f-etiket); letter-spacing: .12em; text-transform: uppercase; padding: 9px 11px 8px; border: 1px solid rgba(23,17,14,.22); transition: background .3s, color .3s, border-color .3s; }
.vt-ana:focus-visible { color: var(--kece); }
.vt-ana:focus-visible::before { clip-path: inset(0 0 0 0); }
@media (hover: hover) {
  .vt-ana:hover { color: var(--kece); padding-left: 18px; }
  .vt-ana:hover::before { clip-path: inset(0 0 0 0); }
  .vt-ana:hover .vt-no, .vt-ana:hover .vt-motif { color: var(--zerdecal); }
  .vt-ana:hover .vt-ozet { color: rgba(239,230,212,.8); }
  .vt-alt a:hover { background: var(--kok); border-color: var(--kok); color: var(--kece); }
}
@media (max-width: 900px) {
  .vitrin-bas { grid-template-columns: 1fr; padding-top: 70px; }
  .vt-ana { grid-template-columns: 30px minmax(0, 1fr) 18px; gap: 6px 12px; padding: 18px 2px 10px; }
  .vt-motif { display: none; }
  .vt-ad { grid-column: 2; }
  .vt-ozet { grid-column: 2; grid-row: 2; font-size: 14.5px; }
  .vt-ana .ok { grid-column: 3; grid-row: 1; }
  .vt-alt { padding: 0 2px 18px 42px; }
  .vt-alt a { font-size: 9.5px; padding: 9px 9px 8px; }
}

/* Bölüm sayfaları: açık zeminli sayfada üst çubuk koyu yazılı başlar */
.bolum-sayfa:not(.koyu-bas) .ust { color: var(--murekkep); }
.bolum-sayfa:not(.koyu-bas) .ust::before { display: none; }
.bolum-sayfa:not(.koyu-bas) .ust .dugme { --c: var(--murekkep); --y: var(--murekkep); }
.bolum-sayfa:not(.koyu-bas) .ust .dugme::before { background: var(--kece); }
@media (hover: hover) { .bolum-sayfa:not(.koyu-bas) .ust .dugme:hover { color: var(--kece); } }
.bolum-sayfa .kirinti { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 22px; color: var(--soluk); }
.bolum-sayfa .kirinti a { color: var(--kok); }
.bolum-sayfa .kirinti i { width: 6px; height: 6px; background: currentColor; transform: rotate(45deg); display: inline-block; opacity: .5; }
.bolum-sayfa .kultur .kirinti, .bolum-sayfa .tarih .kirinti { color: rgba(239,230,212,.6); }
.bolum-sayfa .kultur .kirinti a, .bolum-sayfa .tarih .kirinti a { color: var(--zerdecal-acik); }
.yurt-bas .kirinti { grid-column: 1 / -1; }
.yurt-bekleyen { grid-column: 1 / -1; margin: -6px 0 0; color: var(--soluk); }
.yurt-bekleyen:empty { display: none; }
.yr--bos .yr-ad { color: var(--soluk); }
.kp-yazilar { margin: -4px 0 0 !important; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.kp-yazilar:empty { display: none; }
.kp-yazi { color: var(--zerdecal-acik); display: inline-flex; align-items: center; gap: 8px; }
.kp-yazi .ok { width: 12px; height: 9px; }
.kp-bag { color: var(--zerdecal); }
.kp-bag.kopyalandi { color: var(--kece); }
@media (hover: hover) { .kp-yazi:hover, .kp-bag:hover { color: var(--kece); } }
.kp.hedef .baslik-o { text-decoration: underline; text-decoration-color: var(--zerdecal); text-decoration-thickness: 3px; text-underline-offset: 8px; }
.kah-ek { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: baseline; justify-content: space-between; border-top: 1px dashed rgba(23,17,14,.2); padding-top: 14px; }
.kah-yazilar { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; font-size: 15px; }
.kah-yazilar .etiket { color: var(--soluk); }
.kah-yazilar a { color: var(--kok); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(163,40,28,.35); }
.kah-bag { color: var(--kok); display: inline-flex; gap: 8px; align-items: center; }
.kah-bag::before { content: ''; width: 7px; height: 7px; background: currentColor; transform: rotate(45deg); }
.kah.acik .kah-detay { max-height: 760px; }
.il-tel { font: 400 26px/1.1 var(--f-baslik); color: var(--kok); }
.il-kutu--dugme { display: flex; flex-wrap: wrap; gap: 10px; }

/* atlama bağlantısı (klavye) */
.atla { position: fixed; left: 12px; top: -60px; z-index: 100; background: var(--murekkep); color: var(--kece); padding: 10px 14px; font: 600 11px/1 var(--f-etiket); letter-spacing: .14em; text-transform: uppercase; transition: top .2s; }
.atla:focus { top: 12px; }

/* açılış karesi pişirme modu (geliştirme) */
html.pisir .ust, html.pisir main, html.pisir footer, html.pisir .cekmece, html.pisir .harita-zemin, html.pisir .imlec, html.pisir .imlec-yazi, html.pisir .atla { visibility: hidden !important; }
.giris { overflow-x: clip; }
.goc-ray button { white-space: nowrap; }
svg.ok { width: 14px; height: 10px; flex: none; display: inline-block; }
/* bölüm adresinden açılan göç sayfası: sahne konumlanana kadar giriş görünmez (JS çalışmazsa 4 sn sonra görünür) */
html.js body.goc-sayfa:not([data-bolum="-1"]):not(.konumlandi) .giris { visibility: hidden; animation: girisGoster 0s 4s forwards; }
@keyframes girisGoster { to { visibility: visible; } }

/* dernek amblemi kartı */
.dernek-amblem { position: relative; margin: 56px 0 0; display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 18px 48px; align-items: start; max-width: 1000px; padding: 34px 36px; background: var(--murekkep); color: var(--kece); }
.dernek-amblem::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 10px; background: repeating-linear-gradient(90deg, var(--kok) 0 10px, var(--zerdecal) 10px 14px, var(--kok) 14px 24px, var(--civit) 24px 28px); }
.da-amblem { grid-row: 1 / span 2; width: 100%; height: auto; }
.da-logotip { display: block; width: min(100%, 340px); height: auto; align-self: end; }
.dernek-amblem figcaption { font-size: 15.5px; line-height: 1.6; color: rgba(239,230,212,.82); max-width: 46ch; }
.dernek-amblem figcaption b { color: var(--zerdecal-acik); font-weight: 600; }
@media (max-width: 700px) { .dernek-amblem { grid-template-columns: 1fr; padding: 28px 20px; } .da-amblem { grid-row: auto; max-width: 300px; } }