/* =========================================================================
   FEYZULLAH ARSLAN — ARŞİV
   Görsel dil: onaylanan konsept dosyasından alındı; gerçek veriye,
   çok sayfalı yapıya ve yönetim paneline uyarlandı.
   ========================================================================= */

/* Yerel yedekler — Google Fonts'a ulaşılamayan ortamlarda düzen bozulmasın.

   EKSİK: metrik düzeltmeleri (size-adjust / ascent-override / descent-override).
   Yedek yazı hedeften farklı ölçüdeyse, ağ yazısı geldiği anda metin zıplar.
   Düzeltme sayıları tahmin edilemez, iki yazı dosyası ölçülerek bulunur —
   ve Zilla Slab / IBM Plex Sans / Archivo bu depoda yok, Google'dan geliyor.
   Google Fonts'a erişimi olan bir makinede tek komut yeter:

     curl -sL "https://github.com/google/fonts/raw/main/ofl/zillaslab/ZillaSlab-Regular.ttf" -o /tmp/ZillaSlab.ttf
     node araclar/yazi-olcum.mjs /tmp/ZillaSlab.ttf public/yazi/IBMPlexSerif-Regular.ttf

   Araç hazır @font-face bloğunu basar; aşağıdaki karşılığının yerine konur.
   Yapılmadan da site çalışır: yalnızca yazı yerleşirken hafif kayma olur. */
@font-face{font-family:"Yedek Serif";src:url("/yazi/IBMPlexSerif-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Yedek Serif";src:url("/yazi/IBMPlexSerif-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Yedek Serif";src:url("/yazi/IBMPlexSerif-Italic.ttf") format("truetype");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Yedek Sans";src:url("/yazi/WorkSans-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Yedek Sans";src:url("/yazi/WorkSans-Bold.ttf") format("truetype");font-weight:700;font-display:swap}

:root{
  --bayrak:#C8102E;
  --koyu:#7A0C1C;
  --kagit:#FFFFFF;
  --kagit-2:#F6F4F1;
  --murekkep:#191113;
  --kursun:#6B6560;
  --cizgi:#EAE6E1;

  --serif:"Zilla Slab","Yedek Serif",Georgia,serif;
  --sans:"IBM Plex Sans","Yedek Sans",system-ui,-apple-system,sans-serif;
  --rakam:"Archivo","Yedek Sans",Impact,sans-serif;

  --en:1180px;
  --olcu:68ch;

  /* Hareket simgeleri */
  --t-anlik:120ms; --t-hizli:180ms; --t-temel:260ms;
  --t-yavas:500ms; --t-giris:700ms;
  --e-cikis:cubic-bezier(.16,1,.30,1);
  --e-yumusak:cubic-bezier(.65,0,.35,1);
  --e-keskin:cubic-bezier(.4,0,.2,1);
}

*{box-sizing:border-box}
[hidden]{display:none !important}
html,body{
  overflow-x:hidden;width:100%;max-width:100%;
}
body{
  margin:0;background:var(--kagit);color:var(--murekkep);
  font-family:var(--sans);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;hyphens:none;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--bayrak);outline-offset:3px}
::selection{background:var(--bayrak);color:#fff}

.kap{max-width:var(--en);margin:0 auto;padding:0 28px}

.gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.atla{position:absolute;left:-9999px;top:0;z-index:99;background:var(--murekkep);color:#fff;padding:12px 20px;font-size:14px}
.atla:focus{left:0}

/* Okuma ilerleme çubuğu */
.okuma-cubugu{
  position:fixed;top:0;left:0;height:3px;background:var(--bayrak);
  z-index:100;width:0%;transition:width 80ms ease-out;pointer-events:none;
}

/* ------------------------------------------------------------ ÜST ÇUBUK */

.ust{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.98);
  backdrop-filter:saturate(160%) blur(12px);
  -webkit-backdrop-filter:saturate(160%) blur(12px);
  border-bottom:1px solid var(--cizgi);
  height:62px;width:100%;
}
.ust-ic{
  max-width:var(--en);margin:0 auto;padding:0 28px;
  display:flex;align-items:center;justify-content:space-between;
  height:100%;width:100%;box-sizing:border-box;gap:24px;
}
.marka{
  display:flex;align-items:center;gap:11px;
  font-family:var(--serif);font-weight:700;font-size:16px;
  letter-spacing:.055em;text-transform:uppercase;text-decoration:none;
  white-space:nowrap;flex-shrink:0;color:var(--murekkep);
}
.marka::before{content:"";width:5px;height:22px;background:var(--bayrak);flex:none}

/* Hamburger menü butonu */
.menu-dugme-ana{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;background:transparent;border:none;
  cursor:pointer;padding:0;color:var(--murekkep);
  border-radius:0;box-shadow:none;flex-shrink:0;
  transition:opacity .18s;
}
.menu-dugme-ana:hover{opacity:.75}
.menu-cizgi{
  position:relative;width:22px;height:2px;background:var(--murekkep);
  transition:background 200ms var(--e-cikis);display:block;
}
.menu-cizgi::before,.menu-cizgi::after{
  content:"";position:absolute;left:0;width:22px;height:2px;background:var(--murekkep);
  transition:transform 200ms var(--e-cikis),top 200ms var(--e-cikis);
}
.menu-cizgi::before{top:-7px}
.menu-cizgi::after{top:7px}
.menu-dugme-ana[aria-expanded="true"] .menu-cizgi{background:transparent}
.menu-dugme-ana[aria-expanded="true"] .menu-cizgi::before{top:0;transform:rotate(45deg)}
.menu-dugme-ana[aria-expanded="true"] .menu-cizgi::after{top:0;transform:rotate(-45deg)}

.ust-nav{display:flex;gap:26px;flex-wrap:wrap;margin-left:auto}
.ust-nav a{
  font-size:13.5px;font-weight:500;letter-spacing:.045em;
  text-transform:uppercase;text-decoration:none;color:var(--kursun);
  padding:8px 0;border-bottom:2px solid transparent;
  transition:color .18s,border-color .18s;min-height:24px;
}
.ust-nav a:hover{color:var(--murekkep);border-bottom-color:var(--bayrak)}
.ust-nav a[aria-current="page"]{color:var(--murekkep);border-bottom-color:var(--bayrak)}

.nav-perde{display:none}

@media(max-width:900px){
  .ust{height:56px;max-height:56px;width:100%;z-index:100}
  .ust-ic{
    height:56px;max-height:56px;padding:0 16px;
    display:flex;align-items:center;justify-content:space-between;
    width:100%;box-sizing:border-box;
  }
  .marka{font-size:15px;margin:0;display:flex;align-items:center;gap:8px}
  .marka::before{width:4px;height:18px}
  .menu-dugme-ana{display:flex !important;margin:0}
  
  .nav-cizgi{display:none !important}
  
  /* Açılır menü: ekranın ortasında/üstünde tam genişlikte, kristal netliğinde */
  .ust-nav{
    position:fixed !important;top:56px !important;left:0 !important;right:0 !important;
    width:100% !important;max-width:100vw !important;margin:0 !important;
    background:#191113 !important;
    box-shadow:0 24px 48px rgba(0,0,0,.6);
    padding:20px 20px 32px;
    display:flex;flex-direction:column;gap:6px;
    box-sizing:border-box;
    border-bottom:2px solid var(--bayrak);
    transform:translateY(-130%);opacity:0;pointer-events:none;
    transition:transform 260ms cubic-bezier(.16,1,.3,1),opacity 260ms cubic-bezier(.16,1,.3,1);
    z-index:101;
  }
  .ust-nav.acik{
    transform:translateY(0);opacity:1;pointer-events:auto;
  }
  .ust-nav a{
    font-family:var(--serif);font-size:19px;font-weight:600;
    letter-spacing:.02em;text-transform:none;color:#FFFFFF !important;
    padding:14px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.1);
    display:flex;align-items:center;justify-content:space-between;
    white-space:nowrap;border-radius:4px;text-decoration:none;
    transition:background .16s,color .16s,padding-left .16s;
  }
  .ust-nav a:hover,.ust-nav a:active{
    color:#fff !important;background:rgba(200,16,46,.35);
    padding-left:22px;border-left:4px solid var(--bayrak);
  }
  .ust-nav a[aria-current="page"]{
    color:#fff !important;background:rgba(200,16,46,.25);
    padding-left:22px;border-left:4px solid var(--bayrak);
  }
  .ust-nav a::after{
    content:"→";color:rgba(255,255,255,.5);font-size:16px;
    transition:transform .16s,color .16s;
  }
  .ust-nav a:hover::after,.ust-nav a[aria-current="page"]::after{
    color:var(--bayrak);transform:translateX(4px);
  }

  .nav-perde{
    display:block;position:fixed;top:56px;left:0;right:0;bottom:0;
    background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    opacity:0;pointer-events:none;
    transition:opacity 260ms ease;z-index:80;
  }
  .nav-perde.acik{
    opacity:1;pointer-events:auto;
  }
}

/* ---------------------------------------------------------------- GİRİŞ */

.giris{
  background:var(--koyu);
  background-image:linear-gradient(152deg,#A0111F 0%,#7C0C1A 46%,#5E0813 100%);
  color:#fff;position:relative;
  display:flex;align-items:center;
  padding:36px 0;
  box-sizing:border-box;
}
.giris:not(.giris-ince){min-height:calc(100svh - 62px)}
/* Dikey tarama + çok ince gren. Gren şart: geniş koyu gradyanlarda 8-bit
   ekranlarda bantlaşma oluşur, %3'lük gürültü bunu tamamen çözer ve
   panele baskı dokusu verir. SVG gömülü, dış dosya değil. */
.giris::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)' opacity='0.5'/%3E%3C/svg%3E");
  mix-blend-mode:overlay;opacity:.5;
}
.giris > *{position:relative;z-index:1}
.giris-ic{
  max-width:var(--en);margin:0 auto;padding:0 28px;position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:center;
}
/* Portre yokken tek sütun — sola tam yaslı, geniş ve ferah alan. */
.giris-ic.portresiz{grid-template-columns:1fr;justify-items:start}
.giris-ic.portresiz > div{width:100%;max-width:920px;margin:0;text-align:left}
.giris-ic.portresiz .kase{text-align:left}
.giris-ic.portresiz .ad{text-align:left}
.giris-ic.portresiz .giris-metin{max-width:820px;font-size:16.5px;line-height:1.7;text-align:left;margin-left:0;margin-right:0}

.giris.giris-ortali .giris-ic,
.giris-ic.ortali{
  grid-template-columns:1fr;
  text-align:center;
}
.giris.giris-ortali .giris-ic > div,
.giris-ic.ortali > div{
  max-width:640px;
  margin:0 auto;
  text-align:center;
}
.kase{
  font-size:12px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(255,255,255,.62);margin:0 0 20px;
}
.ad{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(42px,7vw,80px);line-height:.94;letter-spacing:-.022em;margin:0;
}
.ad span{display:block}
.kimlikler{
  --ara:23px;
  margin:24px 0 0;display:flex;flex-wrap:wrap;gap:0 var(--ara);overflow:hidden;
  font-family:var(--serif);font-size:clamp(16px,2.1vw,21px);color:rgba(255,255,255,.9);
}
/* Ayırıcı nokta her kalemin solundaki boşluğun ortasında durur. Satır
   başındaki kalemin noktası listenin dışına düşer ve overflow ile kesilir:
   satır sarıldığında satır sonunda yalnız kalan bir nokta ("Edebiyat •")
   ya da noktayla başlayan bir satır olmaz. */
.kimlikler li{position:relative;white-space:nowrap}
.kimlikler li::before{
  content:"";position:absolute;left:calc(var(--ara) / -2 - 2.5px);top:50%;margin-top:-2.5px;
  width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.45);
}
.giris-metin{margin:26px 0 0;max-width:54ch;color:rgba(255,255,255,.8);font-size:17px;line-height:1.72}
.giris-kunye{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.giris-harita{margin:24px 0 0;display:flex;flex-wrap:wrap;gap:12px 20px}
.giris-harita a{
  font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.9);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);
  padding:4px 0;transition:color .18s,border-color .18s;
}
.giris-harita a:hover{color:#fff;border-bottom-color:#fff}

/* Üç kademeli çerçeve, dıştan içe:
     · çok ince beyaz hat (outline)
     · kırmızının göründüğü boşluk (outline-offset)
     · beyaz baskı payı (padding)
   Tek kalın beyaz bant sade ama donuktu; araya kırmızının girdiği ince hat
   fotoğrafı zeminden ayırırken çerçeveye de derinlik veriyor.

   İki ayrı ayar var ve karıştırılmamalı:
     --portre-*  fotoğrafın ÇERÇEVE İÇİNDEKİ kırpması (maske)
     --yer-*     çerçevenin SAYFA ÜZERİNDEKİ konumu (piksel kaydırma)
   İkincisi ana sayfa ve Hakkında için ayrı ayrı tutuluyor. */
.portre{
  --portre-x:50%;
  --portre-y:50%;
  --portre-olcek:1;
  --yer-x:0px;
  --yer-y:0px;
  --yer-olcek:1;
  aspect-ratio:3/4;margin-right:-28px;
  position:relative;z-index:2;
  background:#fff;padding:8px;
  outline:1px solid rgba(255,255,255,.42);
  outline-offset:7px;
  box-shadow:0 24px 58px rgba(0,0,0,.34);
  transform:translate(var(--yer-x),var(--yer-y)) scale(var(--yer-olcek));
}
/* Fotoğrafın kendi kutusu: taşan kısım burada kırpılır, yoksa ölçek
   büyütüldüğünde beyaz çerçevenin üstüne taşar. */
.portre-cerceve{width:100%;height:100%;overflow:hidden;position:relative}
.portre img{
  width:100%;height:100%;display:block;object-fit:cover;
  object-position:var(--portre-x) var(--portre-y);
  transform:scale(var(--portre-olcek));
  transform-origin:var(--portre-x) var(--portre-y);
}

/* Sayfa başlığı bandı (iç sayfalar) */
.giris-ince{padding:56px 0 52px}
.giris-ince .ad{font-size:clamp(34px,5.6vw,58px)}

@media(max-width:900px){
  .giris{padding:24px 0 32px;display:flex;align-items:center}
  .giris:not(.giris-ince){min-height:calc(100svh - 56px)}
  .giris-ic{grid-template-columns:1fr;gap:20px;padding:0 20px}
  .kase{margin:0 0 10px;font-size:11px}
  .ad{font-size:clamp(50px,14vw,76px);line-height:.96}
  .kimlikler{--ara:17px;margin:12px 0 0;font-size:16px}
  .giris-metin{margin:14px 0 0;font-size:15px;line-height:1.55}
  .giris-metin + .giris-metin{margin-top:8px}
  .giris-kunye{margin:12px 0 0;font-size:11px;gap:6px 14px}
  .giris-harita{margin:16px 0 0;gap:10px 14px}
  .giris-harita a{font-size:12px;padding:3px 0}
  /* Dar ekranda portre sadece giriş sayfasında gizlenir, hakkında sayfasında gösterilir */
  .giris:not(.giris-ince) .portre { display: none; }
  
  .giris-ince .portre {
    display: block;
    margin: 32px auto 0;
    max-width: 260px;
    width: 100%;
    transform: none !important;
  }
}

/* --------------------------------------------------------------- BÖLÜM */

.bolum{padding:86px 0}
.bolum + .bolum{border-top:1px solid var(--cizgi)}
.bolum-gri{background:var(--kagit-2)}

.baslik{display:flex;align-items:baseline;gap:16px;margin:0 0 46px;flex-wrap:wrap}
.baslik h2{font-family:var(--serif);font-weight:700;font-size:clamp(27px,4vw,38px);letter-spacing:-.015em;margin:0}
.baslik .adet{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kursun)}
.baslik::before{
  content:"";width:34px;height:5px;background:var(--bayrak);flex:none;align-self:center;
  transform:scaleX(0);transform-origin:left;transition:transform 400ms var(--e-cikis);
}
.baslik.acik::before,html:not(.hareketli) .baslik::before{transform:scaleX(1)}
.baslik .tum{
  margin-left:auto;
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(200,16,46,.04);border:1px solid var(--bayrak);
  color:var(--bayrak);padding:6px 16px;border-radius:20px;
  font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;
  transition:all var(--t-hizli) ease;
}
.baslik .tum:hover{
  background:var(--bayrak);border-color:var(--bayrak);color:#fff;
  transform:translateY(-1px);box-shadow:0 4px 14px rgba(200,16,46,.22);
  text-decoration:none;
}

@media(max-width:760px){
  .bolum{padding:54px 0}
  .baslik{
    display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;
    gap:4px 12px;align-items:baseline;margin:0 0 28px;
  }
  .baslik::before{grid-column:1/-1;margin-bottom:6px}
  .baslik h2{grid-column:1/-1;font-size:28px;line-height:1.2}
  .baslik .adet{grid-column:1;font-size:12px;margin:0}
  .baslik .tum{grid-column:2;margin-left:0;font-size:11.5px;padding:5px 12px;font-weight:600;white-space:nowrap;justify-self:end}
}

/* --------------------------------------------------------- KİMLİK KARTI */

/* Dış çerçeve yok — tablo görüntüsü veriyordu. Sütun ayraçları tam
   yükseklikte değil; üstten ve alttan 24px içeri çekiliyor. */
.kimlik-izgara{display:grid;grid-template-columns:repeat(3,1fr)}
.kimlik-kart{position:relative;padding:0 40px;
  transition:transform var(--t-temel) var(--e-cikis),box-shadow var(--t-temel) var(--e-cikis);}
.kimlik-kart:first-child{padding-left:0}
.kimlik-kart:last-child{padding-right:0}
.kimlik-kart + .kimlik-kart::before{
  content:"";position:absolute;left:0;top:24px;bottom:24px;width:1px;background:var(--cizgi);
}
.kimlik-kart h3::before{
  content:"";display:block;width:24px;height:3px;background:var(--bayrak);margin-bottom:16px;
  transform:scaleX(0);transform-origin:left;transition:transform 400ms var(--e-cikis);
}
.kimlik-kart.acik h3::before,html:not(.hareketli) .kimlik-kart h3::before{transform:scaleX(1)}
.kimlik-kart h3{font-family:var(--serif);font-size:23px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}
.kimlik-kart .donem{font-size:12.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--bayrak);margin:0 0 18px}
.kimlik-kart p{margin:0;color:#3D3538;font-size:15.5px;line-height:1.7}
@media(max-width:860px){
  .kimlik-izgara{grid-template-columns:1fr;gap:36px}
  .kimlik-kart{padding:0}
  .kimlik-kart + .kimlik-kart::before{left:0;right:0;top:-18px;bottom:auto;width:auto;height:1px}
}

/* ------------------------------------------------------------- SÜZGEÇ */

.filtre{
  margin:0 0 12px;padding:0 0 16px;border-bottom:1px solid var(--cizgi);
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;
}
.filtre-arama-sira{
  display:flex;gap:10px;align-items:center;flex:0 0 auto;width:auto;
}
.arama-sarmal{
  position:relative;width:240px;display:flex;align-items:center;
}
.arama-ikon{
  position:absolute;left:14px;pointer-events:none;color:var(--kursun);
  display:flex;align-items:center;justify-content:center;
}
.arama-sarmal .ara{
  width:240px;padding:8px 16px 8px 38px;font:inherit;font-size:13.5px;min-height:38px;
  border:1px solid var(--cizgi);background:#fff;border-radius:20px;color:var(--murekkep);
  transition:border-color var(--t-hizli) ease,box-shadow var(--t-hizli) ease,width var(--t-hizli) ease;
}
.arama-sarmal .ara::placeholder{color:#A29C97}
.arama-sarmal .ara:focus{
  width:280px;border-color:var(--bayrak);outline:none;box-shadow:0 0 0 3px rgba(200,16,46,.10);
}

.filtre-ac-dugme{
  display:none;align-items:center;gap:8px;padding:0 18px;min-height:38px;
  font:inherit;font-size:13.5px;font-weight:600;letter-spacing:.02em;
  background:#fff;border:1px solid var(--cizgi);border-radius:20px;
  color:var(--murekkep);cursor:pointer;flex-shrink:0;
  transition:border-color .16s,background .16s,transform .16s;
}
.filtre-ac-dugme:hover{border-color:var(--bayrak);transform:translateY(-1px)}
.filtre-rozet{
  background:var(--bayrak);color:#fff;font-size:11px;font-weight:700;
  padding:2px 7px;border-radius:10px;line-height:1;
}

.filtre-panel{
  display:flex;align-items:center;gap:8px;flex:1 1 auto;justify-content:flex-start;flex-wrap:wrap;
}
.filtre-izgara{
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
}
.secim-kutusu{
  display:inline-flex;align-items:center;position:relative;
}
.secim-etiket{display:none}

.secim{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding:7px 32px 7px 14px;
  font:inherit;
  font-size:13px;
  font-weight:600;
  min-height:38px;
  border:1.5px solid var(--cizgi);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B6560' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;
  border-radius:20px;
  cursor:pointer;
  color:var(--murekkep);
  box-shadow:0 1px 3px rgba(0,0,0,.02);
  transition:all var(--t-hizli) ease;
}
.secim:hover{
  border-color:rgba(200,16,46,.4);
  background-color:#FAF7F5;
}
.secim:focus{
  border-color:var(--bayrak);
  outline:none;
  box-shadow:0 0 0 3px rgba(200,16,46,.10);
}
.secim option{
  font-weight:500;
  padding:6px;
}

.filtre-alt-eylem{
  display:flex;align-items:center;margin-left:auto;
}
.sifirla{
  padding:6px 14px;font:inherit;font-size:12px;font-weight:600;letter-spacing:.04em;min-height:36px;
  display:inline-flex;align-items:center;justify-content:center;border-radius:20px;
  text-transform:uppercase;background:none;border:1.5px solid var(--cizgi);cursor:pointer;
  color:var(--kursun);text-decoration:none;white-space:nowrap;
  transition:all var(--t-hizli) ease;
}
.sifirla:hover{border-color:var(--bayrak);color:var(--bayrak);background:rgba(200,16,46,.04)}

@media(max-width:760px){
  .filtre{flex-direction:column;align-items:stretch;gap:10px}
  .filtre-arama-sira{width:100%}
  .arama-sarmal{width:100%;flex:1}
  .arama-sarmal .ara{width:100%}
  .arama-sarmal .ara:focus{width:100%}
  .filtre-ac-dugme{display:flex}
  .filtre-panel{
    display:none;flex-direction:column;align-items:stretch;gap:12px;
    background:#FAF7F5;padding:16px;border-radius:14px;border:1px solid var(--cizgi);
  }
  .filtre-panel.acik{display:flex}
  .filtre-izgara{flex-direction:column;align-items:stretch;gap:10px}
  .secim-kutusu{flex:none;width:100%}
  .secim{min-height:42px;background-color:#fff;width:100%;font-size:14px}
  .filtre-alt-eylem{justify-content:flex-end;margin-left:0}
}

/* -------------------------------------------------- ARŞİV: YIL OMURGASI */

.yil-blok{content-visibility:auto;contain-intrinsic-size:0 420px;display:grid;grid-template-columns:190px 1fr;gap:0;border-bottom:1px solid var(--cizgi)}
.yil-etiket{position:relative;padding:38px 28px 38px 0}
.yil-etiket .rakam{
  position:sticky;top:98px;display:block;
  font-family:var(--rakam);font-weight:900;font-size:56px;line-height:.9;
  letter-spacing:-.03em;color:var(--bayrak);font-variant-numeric:tabular-nums;
}
.hareketli .yil-blok .rakam{
  opacity:0;transform:translateY(20px) scale(.96);
  transition:opacity var(--t-giris) var(--e-cikis),transform var(--t-giris) var(--e-cikis);
}
.hareketli .yil-blok.acik .rakam{opacity:1;transform:none}
.yil-etiket .say{position:sticky;top:158px;display:block;font-size:11.5px;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;color:var(--kursun);margin-top:8px}
.yil-kayitlar{border-left:2px solid var(--bayrak);padding:38px 0}

.kayit{display:block;text-decoration:none;padding:19px 26px 21px 30px;position:relative;
  transition:background var(--t-anlik) var(--e-keskin)}
/* Çentik genişlemesi scaleX ile — width animasyonu düzen hesabı tetikler */
.kayit::before{
  content:"";position:absolute;left:0;top:29px;width:16px;height:2px;background:var(--bayrak);
  transform-origin:left;transition:transform 220ms var(--e-cikis);
}
/* Çentik 16px'ten 24px'e uzuyor. Eskiden 1.875 katsayıyla 30px'e çıkıyordu
   ve satırın sol iç payı da tam 30px olduğu için ucu metnin dibine değiyordu.
   24px hem altı piksellik nefes payı bırakıyor hem de %50'lik büyüme
   hareketi açıkça hissettiriyor. */
.kayit:hover::before,.kayit:focus-visible::before{transform:scaleX(1.5)}
.kayit:hover{background:var(--kagit-2)}
.kayit:hover h3{color:var(--bayrak)}
@media(hover:none){
  .kayit:hover{background:none}
  .kayit:hover h3{color:inherit}
  .kayit:hover::before{transform:none}
  .kayit:active{background:var(--kagit-2);transition-duration:100ms}
}
.kayit-ust{display:flex;flex-wrap:wrap;gap:0 14px;align-items:center;font-size:12px;font-weight:600;
  letter-spacing:.11em;text-transform:uppercase;color:var(--kursun);margin-bottom:7px}
.kayit-ust .kaynak{color:var(--murekkep)}
.kayit-ust .konu{color:var(--bayrak);border:1px solid rgba(200,16,46,.28);
  padding:2px 9px;letter-spacing:.09em;border-radius:0;pointer-events:none}
.kayit-ust .belirsiz{color:var(--kursun);border-bottom:1px dotted var(--cizgi);cursor:help}
.kayit h3{font-family:var(--serif);font-weight:600;font-size:20.5px;line-height:1.32;margin:0 0 7px;letter-spacing:-.008em}
.kayit:hover h3{color:var(--bayrak)}
.kayit p{margin:0;font-size:15px;line-height:1.62;color:#4A4245;max-width:var(--olcu)}
/* Başlığın sağında yalnızca üzerine gelince/odaklanınca beliren ok.
   "Kaynakta oku" metni kaldırıldı: otuz beş kez tekrarlanıyordu ve
   ekran okuyucuda aynı adı taşıyan otuz beş bağlantı üretiyordu. */
.kayit h3{display:flex;align-items:baseline;gap:12px}
.kayit .ok{
  flex:none;color:var(--bayrak);font-size:15px;line-height:1;
  opacity:0;transform:translateX(-6px);
  transition:opacity var(--t-temel) var(--e-cikis) 60ms,
             transform var(--t-temel) var(--e-cikis) 60ms;
}
.kayit:hover .ok,.kayit:focus-visible .ok{opacity:1;transform:none}

/* Aynı olay, birden çok yayın. Satır tek kalır; öbür kaynaklar altındaki
   açılır listededir. Özet satırı künye dilindedir (küçük, büyük harf) ama
   kırmızıdır, çünkü tıklanır. Açılınca liste, satırın metin hizasında ince
   bir çizgiyle girintilenir — yeni bir kayıt değil, bu kaydın dipnotu. */
.olay-kaynaklar{margin:-10px 26px 0 30px;padding:0 0 18px}
.olay-kaynaklar summary{
  list-style:none;cursor:pointer;display:inline-flex;flex-wrap:wrap;align-items:baseline;
  gap:3px 12px;padding:5px 0;
}
.olay-kaynaklar summary::-webkit-details-marker{display:none}
.olay-kaynaklar .olay-sayi{
  font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bayrak);
}
.olay-kaynaklar .olay-adlar{font-size:13px;color:var(--kursun)}
.olay-kaynaklar .olay-isaret{
  width:7px;height:7px;border-right:1.5px solid var(--bayrak);border-bottom:1.5px solid var(--bayrak);
  transform:translateY(-2px) rotate(45deg);transition:transform var(--t-temel) var(--e-cikis);
  align-self:center;
}
.olay-kaynaklar[open] .olay-isaret{transform:translateY(2px) rotate(225deg)}
.olay-kaynaklar summary:hover .olay-sayi{text-decoration:underline;text-underline-offset:4px}
.olay-kaynaklar[open] .olay-adlar{display:none}

.olay-kaynaklar ul{list-style:none;margin:8px 0 0;padding:0 0 0 16px;border-left:1px solid var(--cizgi)}
.olay-kaynaklar[open] ul{animation:kaynakAc var(--t-temel) var(--e-cikis)}
@keyframes kaynakAc{from{opacity:.3;transform:translateY(-5px)}}
.olay-kaynaklar li + li{border-top:1px solid var(--cizgi)}
.olay-kaynaklar li a, .olay-kaynaklar .olay-baglantisiz{display:block;padding:10px 0;text-decoration:none;color:inherit}
.olay-kaynaklar .olay-ust{
  display:flex;flex-wrap:wrap;gap:0 12px;font-size:11px;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;color:var(--kursun);margin-bottom:3px;
}
.olay-kaynaklar .olay-ust .olay-kaynak{color:var(--murekkep)}
.olay-kaynaklar .olay-baslik{display:block;font-family:var(--serif);font-size:16.5px;font-weight:500;line-height:1.35}
.olay-kaynaklar li a:hover .olay-baslik, .olay-kaynaklar li a:focus-visible .olay-baslik{color:var(--bayrak)}
@media(prefers-reduced-motion:reduce){
  .olay-kaynaklar[open] ul{animation:none}
  .olay-kaynaklar .olay-isaret{transition:none}
}

@media(max-width:760px){
  .yil-blok{grid-template-columns:1fr}
  .yil-etiket{padding:26px 0 0}
  .yil-etiket .rakam{position:static;font-size:40px;display:inline-block}
  .yil-etiket .say{position:static;display:inline-block;margin:0 0 0 12px}
  .yil-kayitlar{padding:14px 0 30px}
  .olay-kaynaklar{margin:-8px 0 0 22px}
  .kayit{padding:16px 0 18px 22px}
}

.bos{padding:64px 0;text-align:center;color:var(--kursun);font-family:var(--serif);font-size:19px}

/* ------------------------------------------------------------- YAPITLAR */

/* Kılcal çizgileri kabın zemini değil hücrenin kendisi çiziyor. Zemin
   yöntemiyle, son satırda boş kalan gözler gri bir blok olarak görünüyor
   ve "eksik içerik" izlenimi veriyordu; eser sayısı değiştikçe bu artefakt
   gelip gidiyor. Şimdi boş göz beyaz kalıyor. */
.yapit-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:0;
  background:var(--kagit);border:1px solid var(--cizgi);border-right:0;border-bottom:0}
/* Her hücre kendi sağ ve alt çizgisini çiziyor, kap da üst ve solu.
   Izgara böylece çift çizgisiz kapanıyor ve boş göz kalmıyor — dolu
   içerik nerede bitiyorsa ızgara da orada bitiyor. */
.yapit{background:var(--kagit);padding:28px 26px 30px;display:flex;flex-direction:column;gap:9px;
  border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.yapit .tur{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bayrak)}
.yapit h3{font-family:var(--serif);font-size:21px;font-weight:700;margin:0;line-height:1.28}
.yapit .kunye{font-size:14px;color:var(--kursun);margin:0}
.yapit .kunye .eksik{font-style:italic;color:#A29C97}
.yapit p{margin:0;font-size:15px;line-height:1.62;color:#4A4245}
.yapit .bag{margin-top:auto;padding-top:14px;font-size:12px;font-weight:600;
  letter-spacing:.11em;text-transform:uppercase;color:var(--bayrak);text-decoration:none}
.yapit .bag:hover{text-decoration:underline}

/* ------------------------------------------------------------ KRONOLOJİ */

.kron{border-top:1px solid var(--cizgi)}
.kron-satir{display:grid;grid-template-columns:190px 1fr;gap:0;border-bottom:1px solid var(--cizgi)}
.kron-satir .yil{padding:26px 28px 26px 0;font-family:var(--rakam);font-weight:900;
  font-size:40px;line-height:.95;letter-spacing:-.03em;color:var(--bayrak);font-variant-numeric:tabular-nums}
.kron-satir .olay{padding:28px 0 30px 30px;border-left:2px solid var(--bayrak);
  font-size:16px;line-height:1.7;color:#3D3538;max-width:var(--olcu)}
@media(max-width:760px){
  .kron-satir{grid-template-columns:1fr}
  .kron-satir .yil{padding:22px 0 0;font-size:32px}
  .kron-satir .olay{padding:10px 0 24px 22px}
}

/* ------------------------------------------------------------ SAHNELEME */

.sahne{width:100%;border-collapse:collapse;font-size:15.5px}
.sahne th{text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--kursun);padding:12px 16px 12px 0;border-bottom:2px solid var(--murekkep)}
.sahne td{padding:16px 16px 16px 0;border-bottom:1px solid var(--cizgi);vertical-align:baseline}
.sahne .yil{font-family:var(--rakam);font-weight:900;font-size:19px;color:var(--bayrak);white-space:nowrap}
.sahne .oyun{font-family:var(--serif);font-weight:600}
.sahne .not{color:var(--kursun);font-size:14.5px}
@media(max-width:760px){
  .sahne,.sahne tbody,.sahne tr,.sahne td{display:block;width:100%}
  .sahne thead{display:none}
  .sahne tr{padding:14px 0;border-bottom:1px solid var(--cizgi)}
  .sahne td{border:0;padding:2px 0}
}

/* --------------------------------------------------------------- YAZILAR */

.yazi-liste{border-top:1px solid var(--cizgi)}
.yazi-satir{display:grid;grid-template-columns:190px 1fr;gap:0;border-bottom:1px solid var(--cizgi);
  text-decoration:none;transition:background .16s}
.yazi-satir:hover{background:var(--kagit-2)}
.yazi-satir .tarih{padding:26px 28px 26px 0;font-size:12.5px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--kursun)}
.yazi-satir .govde{padding:24px 0 28px 30px;border-left:2px solid var(--bayrak)}
.yazi-satir h3{font-family:var(--serif);font-size:21px;font-weight:600;margin:0 0 6px;line-height:1.32}
.yazi-satir:hover h3{color:var(--bayrak)}
.yazi-satir p{margin:0;font-size:15px;color:#4A4245;max-width:var(--olcu)}
@media(max-width:760px){
  .yazi-satir{grid-template-columns:1fr}
  .yazi-satir .tarih{padding:20px 0 0}
  .yazi-satir .govde{padding:8px 0 22px 22px}
}

/* Tek yazı sayfası — okumak için */
.yazi-govde{max-width:var(--olcu);font-family:var(--serif);font-size:19px;line-height:1.78}
.yazi-govde p+p{margin-top:1.25em}
.yazi-govde h2{font-family:var(--serif);font-size:26px;font-weight:700;margin:2em 0 .5em;line-height:1.3}
.yazi-govde h3{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--bayrak);margin:2em 0 .5em}
.yazi-govde blockquote{margin:1.6em 0;padding-left:24px;border-left:3px solid var(--bayrak);font-style:italic;color:#3D3538}
.yazi-govde ul,.yazi-govde ol{margin:1.2em 0;padding-left:24px;list-style:disc}
.yazi-govde ol{list-style:decimal}
.yazi-govde li{margin-bottom:.5em}
.yazi-govde a{color:var(--bayrak)}

/* Orijinal Kaynak Bağlantısı */
.yazi-kaynak-kutu{
  display:inline-flex;align-items:center;gap:10px;margin:32px 0 0;
  padding:12px 18px;background:var(--kagit-2);border-radius:8px;border:1px solid var(--cizgi);
}
.yazi-kaynak-etiket{font-size:12.5px;font-weight:600;color:var(--kursun);letter-spacing:.04em}
.yazi-kaynak-link{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--bayrak);font-weight:600;font-size:13.5px;text-decoration:none;
}
.yazi-kaynak-link:hover{text-decoration:underline}

/* Yazar Künyesi & İmzası (Blog/Yazı Detayında) */
.yazar-kunye-kutu{
  margin:48px 0 36px;padding:28px 32px;background:var(--kagit-2);
  border:1px solid var(--cizgi);border-left:4px solid var(--bayrak);
  border-radius:12px;max-width:100%;width:100%;
  display:flex;align-items:flex-start;gap:24px;
}
.yazar-kunye-foto-sarmal{flex-shrink:0}
.yazar-kunye-foto{
  width:84px;height:84px;border-radius:50%;object-fit:cover;
  border:2px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12);
  display:block;
}
.yazar-kunye-govde{flex:1;min-width:0}
.yazar-kunye-etiket{
  display:block;font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--bayrak);margin-bottom:4px;
}
.yazar-kunye-ad{
  font-family:var(--serif);font-size:22px;font-weight:700;color:var(--murekkep);
  margin:0 0 4px;line-height:1.2;
}
.yazar-kunye-unvan{
  font-size:13.5px;font-weight:600;color:var(--kursun);margin:0 0 10px;line-height:1.4;
}
.yazar-kunye-biyo{
  font-size:14.5px;line-height:1.6;color:#4A4245;margin:0;
}
@media(max-width:640px){
  .yazar-kunye-kutu{flex-direction:column;gap:16px;padding:20px 20px 24px}
  .yazar-kunye-foto{width:68px;height:68px}
}

.yazi-alt-gezinme{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;
}

/* ------------------------------------------------------------- İLETİŞİM */

.iletisim{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start}
.iletisim p{max-width:var(--olcu);color:#3D3538}
.iletisim p+p{margin-top:1em}
.kunye-liste li{
  display:grid;
  grid-template-columns: minmax(180px, 240px) 1fr;
  gap:24px;
  align-items:baseline;
  padding:16px 0;
  border-bottom:1px solid var(--cizgi);
  font-size:15.5px;
}
.kunye-liste .et{
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--kursun);
  word-break:normal;
  line-height:1.4;
}
.kunye-liste a{color:var(--bayrak);text-decoration:none}
.kunye-liste a:hover{text-decoration:underline}
@media(max-width:680px){
  .kunye-liste li{
    grid-template-columns:1fr;
    gap:6px;
  }
}
@media(max-width:820px){.iletisim{grid-template-columns:1fr;gap:36px}}

/* ------------------------------------------------------------------ ALT BİLGİ */

.alt{
  background:var(--murekkep);color:rgba(255,255,255,.68);
  padding:54px 0 44px;font-size:13.5px;line-height:1.7;text-align:center;
}
.alt-ic{
  max-width:var(--en);margin:0 auto;padding:0 28px;
  display:flex;flex-direction:column;align-items:center;gap:26px;
}
.alt-ust-blok{
  display:flex;flex-direction:column;align-items:center;gap:16px;max-width:760px;
}
.alt-telif{margin:0;color:rgba(255,255,255,.75)}
.alt-telif strong{color:#fff;font-weight:600}
.alt-bag{
  display:flex;gap:16px 24px;flex-wrap:wrap;justify-content:center;
}
.alt-bag a{
  font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;color:rgba(255,255,255,.8);transition:color .16s;
}
.alt-bag a:hover{color:#fff}
.alt-alt-blok{
  padding-top:20px;border-top:1px solid rgba(255,255,255,.1);width:100%;max-width:760px;
  display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12.5px;color:rgba(255,255,255,.5);
}
.alt-buro{margin:0;color:rgba(255,255,255,.8);font-weight:600}
.alt-imza-satir{
  display:flex;gap:8px 12px;align-items:center;justify-content:center;flex-wrap:wrap;
}
.alt-ayrac{opacity:.4}
.alt-ajans-link{
  color:#fff;text-decoration:none;font-weight:700;letter-spacing:.03em;
  padding:2px 8px;border-radius:12px;background:rgba(255,255,255,.08);
  transition:all .18s ease;
}
.alt-ajans-link:hover{
  background:var(--bayrak);color:#fff;box-shadow:0 2px 8px rgba(200,16,46,.3);
}

/* --------------------------------------------------------------- HAREKET */

/* Gizleme yalnızca betik .hareketli sınıfını ekledikten sonra geçerlidir;
   JavaScript çalışmazsa içerik varsayılan olarak görünür kalır. */
.hareketli .gir{opacity:0;transform:translateY(14px)}
.hareketli .gir.acik{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hareketli .gir,.hareketli .gir.acik{opacity:1;transform:none;transition:none}
}

/* =========================================================================
   CİLA KATMANI
   ========================================================================= */

/* ------------------------------------------------- Yapışkan süzgeç çubuğu */

.filtre-gozcu{height:1px;margin:0}

.filtre{
  position:sticky;top:64px;z-index:30;
  background:var(--kagit);
  padding-block:20px;
  transition:padding var(--t-temel) var(--e-keskin),
             box-shadow var(--t-temel) var(--e-keskin);
}
.filtre.yapisti{
  padding-block:12px;
  box-shadow:0 1px 0 var(--cizgi);
}
.bolum-gri .filtre{background:var(--kagit-2)}

/* Betik varken "Süz" düğmesi gerekmez — seçim yapıldığı anda süzülür. */
.js .suz-dugme{display:none}

/* "Temizle" yalnızca etkin süzgeç varken görünür. */
.temizle{
  opacity:0;transform:translateX(-6px);pointer-events:none;
  transition:opacity 200ms var(--e-cikis),transform 200ms var(--e-cikis);
}
.temizle.gorunur,html:not(.js) .temizle{opacity:1;transform:none;pointer-events:auto}

.arsiv-sayac{
  padding:18px 0 0;font-size:12.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--kursun);
}

#arsiv-liste{transition:opacity var(--t-temel) var(--e-keskin)}
#arsiv-liste.degisiyor{opacity:.25;transition-duration:100ms}

/* ------------------------------------------------------- Kendi açılır menü */

.menu{position:relative}
.gercek-secim{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;
}
html:not(.js) .gercek-secim{
  position:static;width:auto;height:auto;margin:0;clip-path:none;
  padding:12px 15px;font:inherit;font-size:14px;
  border:1px solid var(--cizgi);background:var(--kagit);color:var(--murekkep);
}

.menu-dugme{
  display:inline-flex;align-items:center;gap:8px;
  min-height:36px;padding:6px 14px;
  font:inherit;font-size:13px;font-weight:500;color:var(--murekkep);
  background:#fff;border:1px solid var(--cizgi);border-radius:20px;
  cursor:pointer;text-align:left;
  transition:all var(--t-hizli) ease;
}
.menu-dugme:hover{
  color:var(--bayrak);border-color:var(--bayrak);
  transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.04);
}
.menu.secili .menu-dugme{
  color:var(--bayrak);border-color:var(--bayrak);
  background:rgba(200,16,46,.06);font-weight:600;
}
.menu-deger{white-space:nowrap}
.menu-sevron{
  width:7px;height:7px;flex:none;margin-left:4px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform var(--t-temel) var(--e-cikis);
}
.menu.acik .menu-sevron{transform:translateY(1px) rotate(225deg)}

.menu-panel{
  position:absolute;top:calc(100% + 6px);left:0;min-width:180px;z-index:40;
  margin:0;padding:6px 0;list-style:none;border-radius:8px;
  background:var(--kagit);
  box-shadow:0 10px 36px rgba(22,17,15,.12),0 0 0 1px var(--cizgi);
  max-height:min(52vh,380px);overflow-y:auto;
  animation:menuAc 160ms var(--e-cikis) both;
}
@keyframes menuAc{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.menu-secenek{
  position:relative;padding:10px 20px 10px 22px;
  font-size:14.5px;white-space:nowrap;cursor:pointer;
  transition:background var(--t-anlik) var(--e-keskin);
}
.menu-secenek::before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;
  background:var(--bayrak);transform:scaleX(0);transform-origin:left;
  transition:transform var(--t-hizli) var(--e-cikis);
}
.menu-secenek[aria-selected="true"]::before{transform:scaleX(1)}
.menu-secenek[aria-selected="true"]{color:var(--murekkep);font-weight:500}
.menu-secenek:hover,.menu-secenek.odakta{background:var(--kagit-2)}

/* --------------------------------------------------------- Sayfa açılışı */

.acilis-hazir [data-acilis]{opacity:0}
.acilis-hazir [data-acilis="ad"]{transform:translateY(16px)}
.acilis-hazir [data-acilis="kase"]{transform:translateY(8px)}
.acilis-hazir [data-acilis="unvan"],
.acilis-hazir [data-acilis="metin"]{transform:translateY(10px)}
.acilis-hazir [data-acilis="portre"]{transform:scale(1.04)}

.acildi [data-acilis]{
  opacity:1;transform:none;
  transition:opacity var(--t-giris) var(--e-cikis),transform var(--t-giris) var(--e-cikis);
}
.acildi [data-acilis="ust"]{transition-duration:400ms;transition-delay:0ms}
.acildi [data-acilis="kase"]{transition-duration:500ms;transition-delay:80ms}
.acildi [data-acilis="ad"]{transition-delay:140ms}
.acildi [data-acilis="ad2"]{transition-delay:200ms}
.acildi [data-acilis="unvan"]{transition-duration:600ms;transition-delay:300ms}
.acildi [data-acilis="metin"]{transition-duration:600ms;transition-delay:360ms}
.acildi [data-acilis="portre"]{transition-duration:900ms;transition-delay:200ms}

/* ------------------------------------------------------- Kaydırma açılışı */

.hareketli .gir{opacity:0;transform:translateY(12px)}
.hareketli .gir.acik{
  opacity:1;transform:none;
  transition:opacity var(--t-yavas) var(--e-cikis),transform var(--t-yavas) var(--e-cikis);
}
.hareketli .gir.ansiz{transition:none}

/* ------------------------------------------------------ Menüde kayan çizgi */

.ust-nav{position:relative}
/* Çizgiyi betik yaratır; kural da betiğin kapısı altında durur ki
   `opacity:0` betiksiz duruma sızmasın. */
.js .nav-cizgi{
  position:absolute;left:0;bottom:0;height:2px;width:1px;
  background:var(--bayrak);transform-origin:left;opacity:0;
  transition:transform 300ms var(--e-cikis),opacity var(--t-hizli) var(--e-keskin);
  pointer-events:none;
}
.js .ust-nav a{border-bottom-color:transparent !important}
.ust-gozcu{position:absolute;top:80px;height:1px;width:1px;pointer-events:none}
.ust{transition:background var(--t-temel) var(--e-keskin),box-shadow var(--t-temel) var(--e-keskin)}
.ust.kaydi{background:rgba(255,255,255,.92);box-shadow:0 1px 0 var(--cizgi)}

/* ------------------------------------- Gövde metninde bağlantı altı çizgisi */

.yazi-govde a,.iletisim p a,.kimlik-kart p a{
  color:inherit;text-decoration:none;
  background-image:linear-gradient(var(--bayrak),var(--bayrak));
  background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;
  transition:background-size var(--t-temel) var(--e-cikis),color var(--t-hizli);
}
.yazi-govde a:hover,.iletisim p a:hover,.kimlik-kart p a:hover{
  background-size:100% 1px;color:var(--bayrak);
}

/* ---------------------------------------------------------- Boş durum */

.bos{padding:72px 0;text-align:center;color:var(--kursun);font-family:var(--serif);font-size:19px}
.bos a{
  display:inline-block;margin-top:14px;font-family:var(--sans);font-size:12.5px;
  font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--bayrak);
}

/* ---------------------------------------------------- Mikro tipografi */

/* Büyük tipografide sol kenar harfin gövdesiyle hizalanır, kutuyla değil */
.ad{margin-left:-.04em}
time,.yil,.rakam,.tarih,.sahne .yil,.kron-satir .yil{font-variant-numeric:tabular-nums}
h1,h2,h3,.ad,.baslik h2{text-wrap:balance}
p,.giris-metin,.kayit p{text-wrap:pretty}
[id]{scroll-margin-top:84px}
:focus-visible{outline:2px solid var(--bayrak);outline-offset:3px;transition:none !important}

/* --------------------------------------------------------------- Mobil */

@media(max-width:760px){
  .hareketli .gir{transform:translateY(8px)}
  .hareketli .gir.acik{transition-duration:400ms}
  .menu-dugme{width:100%}
  .kayit-ust .konu{padding:3px 10px}
  .sifirla{display:inline-flex;align-items:center;min-width:44px;justify-content:center}
}

a,button,.menu-dugme,.kayit{-webkit-tap-highlight-color:transparent}

/* --------------------------------------------------------- Hareket azaltma */

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;transition-delay:0ms !important;
  }
  .hareketli .gir,.acilis-hazir [data-acilis],.acildi [data-acilis]{opacity:1 !important;transform:none !important}
  .hareketli .yil-blok .rakam{opacity:1 !important;transform:none !important}
  .baslik::before,.kimlik-kart h3::before{transform:scaleX(1) !important}
}

/* ------------------------------------------------------------- Yazdırma (Geliştirilmiş & Antetli) */

@media print{
  /* Etkileşimli, gezinti ve web butonlarını gizle */
  .ust, .filtre, .atla, .nav-cizgi, .alt-bag, .ok, .yazi-paylas-alani, .yazi-alt-gezinme,
  .galeri-filtre-sarmal, .galeri-yukle-alani, .harita-aksiyon-rozet, .harita-git-btn,
  .p-dugme, button, .galeri-lightbox, .galeri-yukle-tetikleyici, #galeri-kategori-filtreleri,
  .filtre-panel, .filtre-arama-sira, .galeri-slayt-btn, .mesaj-form-sarmal{
    display:none !important;
  }

  /* Sayfa genel düzeni ve animasyon sıfırlama */
  html, body{
    background:#fff !important;color:#000 !important;
    font-size:10.5pt !important;line-height:1.45 !important;
    height:auto !important;overflow:visible !important;
  }

  /* Kaydırma ve açılış animasyonlarının içeriği gizlemesini engelle */
  *, *::before, *::after{
    box-shadow:none !important;text-shadow:none !important;
    filter:none !important;transition:none !important;animation:none !important;
  }

  .gir, .acik, .hareketli .gir, .hareketli .gir.acik, .acilis-hazir [data-acilis], .acildi [data-acilis]{
    opacity:1 !important;transform:none !important;visibility:visible !important;
  }

  /* Bölüm taşmalarını engelle ve doğal sayfa kırılmalarına izin ver */
  .kap{
    max-width:100% !important;width:100% !important;
    padding:0 !important;margin:0 !important;
  }
  .bolum{
    padding:10pt 0 !important;
    break-inside:auto !important;page-break-inside:auto !important;
  }
  .bolum-gri{background:#fff !important}

  /* Antetli giriş bandı */
  .giris{
    background:#fff !important;color:#000 !important;
    padding:0 0 14pt !important;border-bottom:1.5pt solid #000 !important;
    margin-bottom:14pt !important;break-after:avoid;
  }
  .giris::after{display:none !important}
  .ad, .kase, .kimlikler, .giris-metin, .giris-kunye{color:#000 !important}

  /* Başlıklar */
  .baslik{
    color:#000 !important;border-bottom:1pt solid #000 !important;
    padding-bottom:4pt !important;margin-bottom:12pt !important;break-after:avoid;
  }
  .baslik::before{display:none !important}

  /* Basın arşivi ve yıl blokları */
  .yil-blok{break-inside:auto !important;margin-bottom:14pt !important}
  .yil-etiket{break-after:avoid !important}
  .yil-etiket .rakam{color:#000 !important;font-size:16pt !important}
  .kayit{
    background:#fff !important;border:0.75pt solid #ddd !important;
    padding:8pt 10pt !important;margin-bottom:8pt !important;
    break-inside:avoid !important;page-break-inside:avoid !important;display:block !important;
  }
  .kayit h3{color:#000 !important;font-size:11pt !important;margin:3pt 0 !important}
  .kayit p{color:#333 !important;font-size:9.5pt !important;margin:2pt 0 0 !important}
  .kayit-ust{font-size:8.5pt !important;color:#555 !important}

  /* Kartlar */
  .biyo-egitim-kart, .biyo-proje-kart, .sahne-istatistik-kart, .biyo-istatistik-kart, .kitap-kutu, .oyun-kutu{
    border:0.75pt solid #ccc !important;background:#fff !important;
    box-shadow:none !important;break-inside:avoid !important;page-break-inside:avoid !important;
    margin-bottom:10pt !important;
  }

  /* Yazı gövdesi */
  .yazi-govde{font-size:10.5pt !important;line-height:1.55 !important;color:#000 !important}
  .yazi-govde a[href^="http"]::after{content:" (" attr(href) ")";font-size:8.5pt;color:#555}

  /* Alt bilgi */
  .alt{background:#fff !important;color:#555 !important;border-top:1pt solid #ccc !important;padding:8pt 0 !important;font-size:8.5pt !important}
}

/* Sosyal Medya Paylaşım Butonları */
.yazi-paylas-alani{
  margin:40px 0 32px;padding:20px 24px;border-radius:12px;
  background:var(--kagit-2);border:1px solid var(--cizgi);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
}
.yazi-paylas-baslik{
  font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--murekkep);
}
.yazi-paylas-butonlar{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
}
.paylas-btn{
  display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;
  font-family:var(--sans);font-size:12px;font-weight:600;text-decoration:none;
  transition:all var(--t-hizli) ease;border:1px solid var(--cizgi);background:#fff;
  color:var(--murekkep);cursor:pointer;
}
.paylas-btn:hover{
  transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.08);text-decoration:none;
}
.paylas-whatsapp:hover{background:#25D366;color:#fff;border-color:#25D366}
.paylas-x:hover{background:#000;color:#fff;border-color:#000}
.paylas-linkedin:hover{background:#0A66C2;color:#fff;border-color:#0A66C2}
.paylas-kopyala:hover{background:var(--bayrak);color:#fff;border-color:var(--bayrak)}

/* Galeri Kategori Filtre Hapları */
.galeri-filtre-sarmal{
  display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:24px;
  scrollbar-width:none;
}
.galeri-filtre-sarmal::-webkit-scrollbar{display:none}
.galeri-kat-btn{
  display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:24px;
  font-size:13px;font-weight:600;letter-spacing:.02em;background:var(--kagit-2);
  border:1px solid var(--cizgi);color:var(--kursun);cursor:pointer;
  transition:all var(--t-hizli) ease;white-space:nowrap;
}
.galeri-kat-btn:hover{
  color:var(--bayrak);border-color:var(--bayrak);background:#fff;
}
.galeri-kat-btn.etkin{
  background:var(--bayrak);color:#fff;border-color:var(--bayrak);
  box-shadow:0 3px 12px rgba(200,16,46,.25);
}

/* -------------------------------------------------- Eserler → arşiv bağı */

/* Bir eserden onunla ilgili basın kayıtlarına giden bağ. Yalnızca gerçekten
   sonuç veren eserlerde basılır (bkz. eserler.mjs); boş bir arşiv görünümüne
   götüren bağlantı okuru kandırır. */
.yapit-bag{
  margin:14px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;
  font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
}
.yapit-bag a{
  color:var(--bayrak);text-decoration:none;
  background-image:linear-gradient(var(--bayrak),var(--bayrak));
  background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;
  transition:background-size var(--t-hizli) var(--e-cikis);
}
.yapit-bag a:hover{background-size:100% 1px}
.yapit-bag .ayirac{color:var(--cizgi)}

.sahne .oyun a{
  color:inherit;text-decoration:none;
  border-bottom:1px solid var(--cizgi);
  transition:color var(--t-hizli),border-color var(--t-hizli);
}
.sahne .oyun a:hover{color:var(--bayrak);border-bottom-color:var(--bayrak)}

/* ------------------------------------------------- Sayfalar arası geçiş */

/* Çok sayfalı bir sitede her tıklama beyaz bir çakma yaratır. Görünüm
   geçişi bunu yumuşatır: destekleyen tarayıcıda sayfa söner-belirir,
   desteklemeyende hiçbir şey değişmez. Tek satırlık ilerici geliştirme. */
@view-transition{navigation:auto}

::view-transition-old(root){animation:cikis 140ms var(--e-keskin) both}
::view-transition-new(root){animation:girisGecis 260ms var(--e-cikis) both}
@keyframes cikis{to{opacity:0}}
@keyframes girisGecis{from{opacity:0;transform:translateY(6px)}}

/* Üst çubuk ve kırmızı bant sayfalar arasında yerinde kalsın: bütün sayfa
   sönerse gezinti de titrer, oysa o sabit bir çerçevedir. */
.ust{view-transition-name:ust-cubuk}
.giris{view-transition-name:giris-bandi}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}

/* Giriş metni birden çok paragraf olabilir; aralarında nefes payı. */
.giris-metin + .giris-metin{margin-top:14px}

/* ------------------------------------------------- Yukarı Çık Düğmesi */
.yukari-cik{
  position:fixed;right:24px;bottom:24px;z-index:45;
  width:44px;height:44px;border-radius:50%;
  background:var(--bayrak);color:#fff;border:none;
  font-family:var(--sans);font-size:18px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(200,16,46,.32);
  cursor:pointer;opacity:0;pointer-events:none;
  transform:translateY(14px);
  transition:transform var(--t-temel) var(--e-cikis),opacity var(--t-temel) var(--e-cikis),background .16s;
}
.yukari-cik.gorunur{opacity:1;pointer-events:auto;transform:none}
.yukari-cik:hover{background:var(--koyu);transform:translateY(-2px)}
@media(max-width:760px){
  .yukari-cik{right:16px;bottom:16px;width:40px;height:40px;font-size:16px}
}

/* ============================================================ Fotoğraf Galerisi & Vitrin */

.bolum-galeri-kompakt{
  padding:24px 0 28px;
  background:#FAF8F5;
  border-bottom:1px solid var(--cizgi);
  position:relative;
}

.galeri-kompakt-ust{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:16px;flex-wrap:wrap;gap:12px;
}
.galeri-kompakt-baslik-grup{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;
}
.galeri-kompakt-baslik{
  font-family:var(--serif);font-size:22px;font-weight:700;color:var(--gece);
  margin:0;line-height:1.2;
}
.galeri-rozet-adet{
  font-family:var(--sans);font-size:12px;font-weight:600;color:var(--kursun);
  background:rgba(0,0,0,.05);padding:2px 8px;border-radius:12px;
}

.galeri-tumunu-gor-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(200,16,46,.04);border:1px solid var(--bayrak);
  color:var(--bayrak);padding:6px 16px;border-radius:20px;
  font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;
  cursor:pointer;transition:all var(--t-hizli) ease;
}
.galeri-tumunu-gor-btn:hover{
  background:var(--bayrak);border-color:var(--bayrak);color:#fff;
  transform:translateY(-1px);box-shadow:0 4px 14px rgba(200,16,46,.22);
  text-decoration:none;
}
.galeri-tumunu-gor-btn svg{
  transition:transform var(--t-hizli) ease;
}
.galeri-tumunu-gor-btn:hover svg{
  transform:translateX(3px);
}

.galeri-grid-kompakt{
  display:grid;grid-template-columns:repeat(4, 1fr);gap:14px;
}
.galeri-kutu-gizli{display:none !important}

@media(max-width:960px){
  .galeri-grid-kompakt{grid-template-columns:repeat(4, 1fr);gap:10px}
}
/* Mobilde tam 3'lü temiz küçük resim dizilimi */
@media(max-width:600px){
  .bolum-galeri-kompakt{padding:18px 0 22px}
  .galeri-kompakt-baslik{font-size:19px}
  .galeri-grid-kompakt{grid-template-columns:repeat(3, 1fr);gap:6px}
  /* Mobilde 3 sütun olduğundan 4. kutu gizlenir, tam 1 satır 3 görsel olur */
  .galeri-grid-kompakt .galeri-kutu:nth-child(4){display:none !important}
}

.galeri-kutu{
  position:relative;aspect-ratio:1/1;width:100%;border:none;padding:0;
  background:#EAE6E1;border-radius:4px;overflow:hidden;cursor:pointer;
  display:block;outline:none;
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  transition:transform var(--t-hizli) var(--e-cikis),box-shadow var(--t-hizli) ease;
}
.galeri-kutu:hover{
  transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.galeri-kutu:focus-visible{
  outline:3px solid var(--bayrak);outline-offset:2px;
}
.galeri-kutu img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform var(--t-temel) var(--e-cikis);
}
.galeri-kutu:hover img{transform:scale(1.06)}

.galeri-kutu-kaplama{
  position:absolute;inset:0;background:linear-gradient(to top, rgba(25,17,19,.85) 0%, transparent 60%);
  opacity:0;transition:opacity var(--t-hizli) ease;display:flex;flex-direction:column;
  justify-content:flex-end;padding:12px;color:#fff;text-align:left;
}
.galeri-kutu:hover .galeri-kutu-kaplama{opacity:1}
.galeri-kutu-buyut-ikon{
  position:absolute;top:10px;right:10px;
  background:rgba(0,0,0,.6);width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);
  color:#fff;
}
.galeri-kutu-baslik{
  font-family:var(--serif);font-size:12.5px;font-weight:700;line-height:1.25;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

@media(max-width:600px){
  .galeri-kutu-kaplama{display:none} /* Mobilde temiz, sade küçük resim */
  .galeri-kutu:hover{transform:none}
}

/* ============================================================ Sinematografik Lightbox */

.lightbox{
  position:fixed;inset:0;z-index:9999;
  display:flex;flex-direction:column;justify-content:space-between;
  background:rgba(10,8,9,.96);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;pointer-events:none;
  transition:opacity var(--t-temel) var(--e-cikis);
  user-select:none;outline:none;
}
.lightbox.acik{
  opacity:1;pointer-events:auto;
}

.lightbox-kararti{position:absolute;inset:0;z-index:1}

.lightbox-ust{
  position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;
  padding:16px 28px;width:100%;
}
.lightbox-sayac{
  font-family:var(--rakam);font-size:14px;font-weight:700;color:#D8D2CB;
  letter-spacing:.08em;background:rgba(255,255,255,.08);padding:4px 12px;border-radius:16px;
}
.lightbox-kapat{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);
  color:#fff;padding:8px 18px;border-radius:24px;
  font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.08em;
  cursor:pointer;transition:background var(--t-hizli) ease,border-color var(--t-hizli) ease,transform var(--t-anlik) ease;
}
.lightbox-kapat:hover{
  background:var(--bayrak);border-color:var(--bayrak);transform:scale(1.04);
}
.lightbox-kapat-carpi{font-size:16px;line-height:1}

.lightbox-yon{
  position:absolute;top:50%;transform:translateY(-50%);z-index:15;
  width:54px;height:54px;border-radius:50%;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  color:#fff;font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:background var(--t-hizli) ease,border-color var(--t-hizli) ease,transform var(--t-hizli) ease;
  user-select:none;
}
.lightbox-yon:hover{
  background:var(--bayrak);border-color:var(--bayrak);transform:translateY(-50%) scale(1.08);
}
.lightbox-onceki{left:24px}
.lightbox-sonraki{right:24px}

.lightbox-sahne{
  position:relative;z-index:5;flex:1;
  display:flex;align-items:center;justify-content:center;
  padding:8px 76px;overflow:hidden;
}
.lightbox-gorsel-sarmal{
  max-width:92vw;max-height:72vh;
  display:flex;align-items:center;justify-content:center;position:relative;
}
.lightbox-gorsel{
  max-width:100%;max-height:72vh;object-fit:contain;border-radius:4px;
  box-shadow:0 20px 60px rgba(0,0,0,.7);
  transition:opacity var(--t-hizli) ease,transform var(--t-temel) var(--e-cikis);
}

.lightbox-yukleniyor{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.3);border-radius:4px;
}
.lightbox-spinner{
  width:36px;height:36px;border:3px solid rgba(255,255,255,.2);
  border-top-color:var(--bayrak);border-radius:50%;
  animation:spin 600ms linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}

.lightbox-alt{
  position:relative;z-index:10;padding:14px 28px 20px;text-align:center;
  background:linear-gradient(to top, rgba(0,0,0,.85) 0%, transparent 100%);
}
.lightbox-alt-icerik{max-width:760px;margin:0 auto}
.lightbox-baslik{
  font-family:var(--serif);font-size:18px;font-weight:700;color:#fff;
  margin-bottom:6px;line-height:1.3;
}
.lightbox-meta{
  display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#D8D2CB;
}
.lightbox-tarih{font-family:var(--mono)}
.lightbox-kaynak{
  display:inline-flex;align-items:center;gap:5px;
  color:#FFD2D2;background:rgba(200,16,46,.35);border:1px solid rgba(200,16,46,.4);
  padding:3px 10px;border-radius:14px;font-weight:600;font-size:12px;
  text-decoration:none;transition:all var(--t-hizli) ease;cursor:pointer;
}
.lightbox-kaynak:hover{
  background:var(--bayrak);color:#fff;border-color:var(--bayrak);
  transform:translateY(-1px);box-shadow:0 3px 10px rgba(200,16,46,.35);
}
.lightbox-kaynak-ikon{transition:transform var(--t-hizli) ease}
.lightbox-kaynak:hover .lightbox-kaynak-ikon{transform:translate(1px, -1px)}
.lightbox-aciklama{
  font-size:13.5px;color:#B5AEA7;margin:6px 0 0;line-height:1.45;
}

@media(max-width:760px){
  .lightbox-ust{padding:12px 16px}
  .lightbox-sahne{padding:6px 12px}
  .lightbox-yon{
    top:50%;bottom:auto;transform:translateY(-50%);
    width:46px;height:46px;font-size:24px;
    background:rgba(20,15,18,.75);backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.25);
  }
  .lightbox-yon:hover{transform:translateY(-50%) scale(1.06)}
  .lightbox-onceki{left:10px}
  .lightbox-sonraki{right:10px}
  .lightbox-gorsel-sarmal,.lightbox-gorsel{max-height:60vh}
  .lightbox-alt{padding:10px 16px 16px}
  .lightbox-baslik{font-size:15px}
  .lightbox-aciklama{font-size:12px}
}

/* ============================================================ Fotoğraf Galerisi Sayfası (Masonry / Duvar) */

.bolum-galeri-sayfasi{padding:40px 0 80px}
.galeri-sayfa-kontrol-bar{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--cizgi);
  flex-wrap:wrap;
}
.galeri-sayfa-bilgi{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.galeri-sayfa-geri-link{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;color:var(--kursun);text-decoration:none;
  padding:6px 14px;border-radius:20px;border:1px solid var(--cizgi);
  transition:all var(--t-hizli) ease;
}
.galeri-sayfa-geri-link:hover{
  border-color:var(--bayrak);color:var(--bayrak);background:rgba(200,16,46,.04);
}
.galeri-sayfa-sayac{font-size:13.5px;color:var(--kursun)}
.galeri-sayfa-sayac strong{color:var(--murekkep);font-weight:700}
.galeri-sayfa-arama-kutusu input{
  padding:8px 16px;font:inherit;font-size:13.5px;border:1px solid var(--cizgi);
  border-radius:20px;width:220px;background:#fff;color:var(--murekkep);
  transition:border-color var(--t-hizli) ease,box-shadow var(--t-hizli) ease,width var(--t-hizli) ease;
}
.galeri-sayfa-arama-kutusu input:focus{
  width:240px;border-color:var(--bayrak);outline:none;box-shadow:0 0 0 3px rgba(200,16,46,.1);
}

/* Galeri Duvar Düzeni — Gerçek Yatay Akışlı Masonry (Doğal Yükseklikler & Soldan Sağa Sıra) */
.galeri-masonry-sarmal{
  column-count: 4;
  column-gap: 16px;
  width: 100%;
}
.galeri-duvar-kart{
  display:inline-block;
  break-inside: avoid;
  margin-bottom: 16px;
  width:100%;
  border-radius:10px;
  overflow:hidden;
  background:#1A1315;
  position:relative;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  transition:transform var(--t-hizli) var(--e-cikis),box-shadow var(--t-hizli) ease;
  outline:none;
}
.galeri-duvar-kart:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(25,17,19,.16);
}
.galeri-duvar-kart:focus-visible{
  outline:3px solid var(--bayrak);outline-offset:2px;
}
.galeri-duvar-gorsel-sarmal{
  position:relative;width:100%;display:block;overflow:hidden;background:#1A1315;
}
.galeri-duvar-gorsel-sarmal img{
  width:100%;height:auto;display:block;
  transition:transform var(--t-temel) var(--e-cikis);
}
.galeri-duvar-kart:hover .galeri-duvar-gorsel-sarmal img{
  transform:scale(1.05);
}

.galeri-duvar-kaplama{
  position:absolute;inset:0;
  background:linear-gradient(to top, rgba(20,15,18,.92) 0%, rgba(20,15,18,.35) 45%, transparent 75%);
  opacity:0;transition:opacity var(--t-hizli) ease;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:14px;color:#fff;
}
.galeri-duvar-kart:hover .galeri-duvar-kaplama{opacity:1}

/* Mobil cihazlarda büyüteç uyarı yazısı (HTML'e de eklenecek) */
.galeri-mobil-uyari {
  display: none;
}

@media(hover:none), (max-width:768px){
  .galeri-duvar-kaplama{
    opacity:1;background:linear-gradient(to top, rgba(15,10,12,.94) 0%, rgba(15,10,12,.35) 50%, transparent 80%);
    padding:10px 8px;
  }
  .galeri-duvar-buyut-rozet {
    display: none !important;
  }
  .galeri-mobil-uyari {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--murekkep);
    background-color: var(--kagit-2);
    border: 1px solid var(--cizgi);
    border-radius: 50px;
    padding: 10px 18px;
    margin: 0 auto 16px;
    width: fit-content;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    font-style: normal;
  }
  .galeri-mobil-uyari svg {
    color: var(--bayrak);
  }
}
@media(max-width:768px){
  .galeri-masonry-sarmal{
    column-count: 2;
    column-gap: 10px;
  }
  .galeri-duvar-kart{
    margin-bottom: 10px;
  }
}

.galeri-duvar-buyut-rozet{
  align-self:flex-end;width:28px;height:28px;border-radius:50%;
  background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(4px);color:#fff;
}
.galeri-duvar-bilgi{margin-top:auto}
.galeri-duvar-baslik{
  font-family:var(--serif);font-size:13.5px;font-weight:700;line-height:1.3;
  margin:0 0 4px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.galeri-duvar-meta{
  display:flex;gap:6px;align-items:center;font-size:11px;color:#D8D2CB;flex-wrap:wrap;
}
.galeri-duvar-kaynak{
  color:#FFD2D2;background:rgba(200,16,46,.45);padding:1px 6px;border-radius:6px;font-weight:600;font-size:10px;
}

@media(max-width:1100px){
  .galeri-duvar{column-count:3;column-gap:12px}
  .galeri-duvar-kart{margin-bottom:12px}
}

@media(max-width:768px){
  .galeri-duvar{column-count:2;column-gap:10px}
  .galeri-duvar-kart{margin-bottom:10px;border-radius:8px}
  .galeri-duvar-baslik{font-size:12px;line-height:1.3;margin-bottom:3px}
  .galeri-duvar-meta{font-size:10px;gap:4px}
  .galeri-duvar-buyut-rozet{width:24px;height:24px}
  .galeri-duvar-buyut-rozet svg{width:13px;height:13px}
}

.galeri-sayfa-kontrol-bar{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:20px;
}
.galeri-sayfa-aksiyon-grup{
  display:flex;align-items:center;gap:10px;flex-shrink:0;
}
.galeri-slayt-baslat-btn{
  display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:24px;
  background:var(--bayrak);color:#fff;border:none;font-size:13px;font-weight:600;
  cursor:pointer;transition:all var(--t-hizli) ease;box-shadow:0 3px 12px rgba(200,16,46,.2);
  white-space:nowrap;flex-shrink:0;
}
.galeri-slayt-baslat-btn:hover{
  background:var(--murekkep);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.15);
}

@media(max-width:640px){
  .galeri-sayfa-kontrol-bar{
    flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px;
  }
  .galeri-sayfa-bilgi{
    display:none;
  }
  .galeri-sayfa-aksiyon-grup{
    display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;
  }
  .galeri-slayt-baslat-btn{
    padding:8px 12px;font-size:12px;gap:5px;
  }
  .galeri-sayfa-arama-kutusu{
    flex:1;min-width:0;
  }
  .galeri-sayfa-arama-kutusu input{
    width:100% !important;padding:8px 12px;font-size:12.5px;
  }
}

.galeri-yukle-alani{
  display:flex;justify-content:center;margin:40px 0 20px;
}
.galeri-daha-fazla-btn{
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  padding:12px 32px;border-radius:28px;border:1px solid var(--bayrak);
  background:rgba(200,16,46,.04);color:var(--bayrak);
  cursor:pointer;transition:all var(--t-hizli) ease;text-align:center;min-width:240px;
}
.galeri-daha-fazla-btn:hover{
  background:var(--bayrak);color:#fff;transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(200,16,46,.25);
}
.galeri-daha-ana-metin{
  font-family:var(--sans);font-size:13.5px;font-weight:700;letter-spacing:.04em;
}
.galeri-daha-alt-metin{
  font-size:11.5px;opacity:.75;font-weight:500;margin-top:2px;
}
.galeri-daha-fazla-btn:hover .galeri-daha-alt-metin{
  color:#FFD2D2;opacity:.9;
}

/* ============================================================ HARİTA / KONUM (İLETİŞİM) */

.harita-kutu{
  border-radius:14px;overflow:hidden;border:1px solid var(--cizgi);
  background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.05);margin-top:20px;
}
.harita-ust-bilgi{
  padding:16px 24px;display:flex;justify-content:space-between;align-items:center;
  background:var(--kagit-2);border-bottom:1px solid var(--cizgi);flex-wrap:wrap;gap:14px;
}
.harita-baslik-grup h4{
  font-family:var(--serif);font-size:18px;font-weight:700;margin:0 0 3px;color:var(--murekkep);
}
.harita-baslik-grup p{
  margin:0;font-size:13px;color:var(--kursun);
}
.harita-git-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 18px;border-radius:20px;background:var(--bayrak);
  color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.04em;
  text-decoration:none;transition:all var(--t-hizli) ease;
}
.harita-git-btn:hover{
  background:#9E0018;transform:translateY(-1px);box-shadow:0 4px 14px rgba(200,16,46,.28);
  text-decoration:none;color:#fff;
}
.harita-cerceve{
  width:100%;height:380px;border:none;display:block;
}

/* Harita Görsel Sarmalı & Canlı İşaretler */
.harita-kart-link{
  display:block;
  text-decoration:none;
  position:relative;
  outline:none;
  cursor:pointer;
}
.harita-gorsel-sarmal{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  max-height:480px;
  overflow:hidden;
  background:#1A1315;
}
@media(max-width:760px){
  .harita-gorsel-sarmal{aspect-ratio:4/3;max-height:360px}
}
.harita-gorsel-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease;
}
.harita-kart-link:hover .harita-gorsel-img{
  transform:scale(1.03);
}
.harita-kaplama-katman{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.28) 100%);
  transition:background 0.3s ease;
  pointer-events:none;
}
.harita-kart-link:hover .harita-kaplama-katman{
  background:linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.45) 100%);
}

/* Yüzen Aksiyon Rozeti */
.harita-aksiyon-rozet{
  position:absolute;
  bottom:20px;
  right:20px;
  background:rgba(20, 15, 18, 0.88);
  color:#fff;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:10px 20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,0.2);
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  box-shadow:0 8px 24px rgba(0,0,0,0.3);
  transition:all 0.25s ease;
}
@media(max-width:600px){
  .harita-aksiyon-rozet{
    bottom:14px;
    right:14px;
    left:14px;
    justify-content:center;
    padding:10px 16px;
    font-size:12.5px;
  }
}
.harita-kart-link:hover .harita-aksiyon-rozet{
  background:var(--bayrak);
  border-color:var(--bayrak);
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(200,16,46,0.45);
}

/* ============================================================ BİYOGRAFİ & HAKKINDA BİLEŞENLERİ */

/* İstatistik Şeridi */
.biyo-istatistik-izgara{
  display:grid;grid-template-columns:repeat(5, 1fr);gap:16px;margin-bottom:48px;
}
@media(max-width:960px){
  .biyo-istatistik-izgara{grid-template-columns:repeat(3, 1fr)}
}
@media(max-width:600px){
  .biyo-istatistik-izgara{grid-template-columns:repeat(2, 1fr);gap:10px}
}
.biyo-istatistik-kart{
  background:var(--kagit-2);border:1px solid var(--cizgi);border-radius:12px;
  padding:20px 16px;text-align:center;transition:transform .18s,box-shadow .18s,border-color .18s;
}
.biyo-istatistik-kart:hover{
  transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.06);border-color:var(--bayrak);
}
.biyo-istatistik-sayi{
  font-family:var(--serif);font-size:32px;font-weight:700;color:var(--bayrak);line-height:1;margin-bottom:6px;
}
.biyo-istatistik-etiket{
  font-size:12px;font-weight:600;color:var(--murekkep);letter-spacing:.02em;line-height:1.3;
}
.biyo-istatistik-alt{
  font-size:11px;color:var(--kursun);margin-top:4px;
}

/* Eğitim & Üniversiteler Tablo / Kart Izgarası */
.biyo-egitim-izgara{
  display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;margin-top:20px;
}
@media(max-width:760px){
  .biyo-egitim-izgara{grid-template-columns:1fr}
}
.biyo-egitim-kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:12px;
  padding:20px 24px;position:relative;display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:0 2px 8px rgba(0,0,0,.03);transition:transform .18s,border-color .18s;
}
.biyo-egitim-kart:hover{
  transform:translateY(-2px);border-color:var(--bayrak);box-shadow:0 6px 18px rgba(200,16,46,.08);
}
.biyo-egitim-ust{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;
}
.biyo-egitim-okul{
  font-family:var(--serif);font-size:17px;font-weight:700;color:var(--murekkep);margin:0;line-height:1.3;
}
.biyo-egitim-derece-rozet{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  padding:3px 10px;border-radius:12px;background:rgba(200,16,46,.08);color:var(--bayrak);
  white-space:nowrap;flex-shrink:0;
}
.biyo-egitim-alan{
  font-size:14px;color:#4A4245;line-height:1.5;margin:0 0 6px;
}
.biyo-egitim-tez{
  font-size:12.5px;color:var(--kursun);font-style:italic;margin:0;
}

/* Öncü Sosyal Güvenlik Projeleri Izgarası */
.biyo-proje-izgara{
  display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:20px;
}
@media(max-width:760px){
  .biyo-proje-izgara{grid-template-columns:1fr}
}
.biyo-proje-kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:12px;
  padding:24px;position:relative;border-left:4px solid var(--bayrak);
  box-shadow:0 2px 10px rgba(0,0,0,.04);transition:transform .18s,box-shadow .18s;
}
.biyo-proje-kart:hover{
  transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.09);
}
.biyo-proje-ust{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap;
}
.biyo-proje-baslik{
  font-family:var(--serif);font-size:18px;font-weight:700;color:var(--murekkep);margin:0;
}
.biyo-proje-yer{
  font-size:12px;font-weight:600;color:var(--kursun);letter-spacing:.04em;
}
.biyo-proje-ozet{
  font-size:14.5px;color:#3D3538;line-height:1.6;margin:0 0 12px;
}
.biyo-proje-sonuc{
  display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;
  color:#0D6832;background:rgba(13,104,50,.08);padding:4px 12px;border-radius:14px;
}

/* Ünvanlar & Yetkiler Pill Izgarası */
.biyo-unvan-izgara{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;
}
.biyo-unvan-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 18px;border-radius:22px;border:1px solid var(--cizgi);
  background:#fff;font-size:13.5px;font-weight:600;color:var(--murekkep);
  box-shadow:0 2px 6px rgba(0,0,0,.03);transition:all .15s ease;
}
.biyo-unvan-pill:hover{
  border-color:var(--bayrak);color:var(--bayrak);background:rgba(200,16,46,.04);transform:translateY(-1px);
}
.biyo-unvan-nokta{
  width:6px;height:6px;border-radius:50%;background:var(--bayrak);
}

/* Ödül ve Takdirnameler Vitrini — Kurumsal Site Stili */
.biyo-odul-vitrin{
  background:#fff;
  border:1px solid var(--cizgi);
  border-left:4px solid var(--bayrak);
  border-radius:12px;
  padding:28px 32px;
  color:var(--murekkep);
  margin-top:24px;
  display:grid;
  grid-template-columns:220px 1fr;
  gap:32px;
  align-items:center;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
@media(max-width:800px){
  .biyo-odul-vitrin{grid-template-columns:1fr;padding:20px;gap:20px}
}
.biyo-odul-sayi-blok{
  text-align:center;
  padding-right:24px;
  border-right:1px solid var(--cizgi);
}
@media(max-width:800px){
  .biyo-odul-sayi-blok{border-right:none;border-bottom:1px solid var(--cizgi);padding-right:0;padding-bottom:18px}
}
.biyo-odul-buyuk-sayi{
  font-family:var(--serif);
  font-size:52px;
  font-weight:700;
  color:var(--bayrak);
  line-height:1;
  margin-bottom:6px;
}
.biyo-odul-ana-baslik{
  font-family:var(--sans);
  font-size:13.5px;
  font-weight:700;
  color:var(--murekkep);
  letter-spacing:.02em;
  margin:0 0 2px;
}
.biyo-odul-alt-metin{
  font-size:12px;
  color:var(--kursun);
  margin:0;
}
.biyo-odul-liste{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.biyo-odul-liste li{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  color:#3D3538;
}
.biyo-odul-liste strong{
  color:var(--murekkep);
  font-weight:700;
}
.biyo-odul-ikon{
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(200,16,46,.08);
  color:var(--bayrak);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

/* ============================================================ TİYATRO & SAHNELEME İSTATİSTİKLERİ */

.sahne-istatistik-izgara{
  display:grid;grid-template-columns:repeat(5, 1fr);gap:16px;margin-bottom:28px;
}
@media(max-width:960px){
  .sahne-istatistik-izgara{grid-template-columns:repeat(3, 1fr)}
}
@media(max-width:600px){
  .sahne-istatistik-izgara{grid-template-columns:repeat(2, 1fr);gap:10px}
}
/* Dört göstergeli şerit: masaüstünde tek sıra, telefonda ikişer. Eskiden
   satır içi stille dört sütuna kilitliydi ve telefonda ekrandan taşıyordu. */
.sahne-istatistik-izgara.dortlu{grid-template-columns:repeat(4, 1fr)}
@media(max-width:600px){
  .sahne-istatistik-izgara.dortlu{grid-template-columns:repeat(2, 1fr)}
}
.sahne-istatistik-kart{min-width:0}
.sahne-istatistik-kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:12px;
  padding:20px 16px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.03);
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
.sahne-istatistik-kart:hover{
  transform:translateY(-2px);border-color:var(--bayrak);box-shadow:0 6px 18px rgba(200,16,46,.08);
}
.sahne-istatistik-sayi{
  font-family:var(--serif);font-size:32px;font-weight:700;color:var(--bayrak);line-height:1;margin-bottom:6px;
}
.sahne-istatistik-etiket{
  font-size:12.5px;font-weight:700;color:var(--murekkep);letter-spacing:.02em;line-height:1.25;
}
.sahne-istatistik-alt{
  font-size:11px;color:var(--kursun);margin-top:4px;
}

/* Sahneleme Kapsam Kartları */
.sahne-kapsam-izgara{
  display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-bottom:28px;
}
@media(max-width:960px){
  .sahne-kapsam-izgara{grid-template-columns:repeat(2, 1fr)}
}
@media(max-width:600px){
  .sahne-kapsam-izgara{grid-template-columns:1fr}
}
.sahne-kapsam-kart{
  background:#fff;border:1px solid var(--cizgi);border-radius:10px;
  padding:18px 20px;border-top:3px solid var(--bayrak);
  box-shadow:0 2px 6px rgba(0,0,0,.02);
}
.sahne-kapsam-kart h5{
  font-family:var(--serif);font-size:15.5px;font-weight:700;margin:0 0 6px;color:var(--murekkep);
}
.sahne-kapsam-kart p{
  margin:0;font-size:13px;color:#4A4245;line-height:1.5;
}

.sahne-arsiv-bilgi-notu{
  background:rgba(200,16,46,.04);border:1px solid rgba(200,16,46,.2);border-radius:10px;
  padding:14px 20px;margin-bottom:24px;font-size:13px;color:#553036;line-height:1.6;
  display:flex;align-items:flex-start;gap:12px;
}
.sahne-arsiv-bilgi-notu svg{
  flex-shrink:0;color:var(--bayrak);margin-top:2px;
}

/* ------------------------------------------------------------- 404 Sayfası */
/* ------------------------------------------------------------- 404 Sayfası */
.hata-sayfa-alani{
  padding:80px 0 100px;
  background:radial-gradient(circle at 50% 15%, rgba(200,16,46,.05) 0%, transparent 70%);
  min-height:calc(100vh - 280px);display:flex;align-items:center;justify-content:center;
}
.hata-kapsayici{
  max-width:800px;margin:0 auto;text-align:center;padding:0 16px;
}
.hata-fligran-sarmal{
  display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:18px;
}
.hata-fligran{
  font-family:var(--serif);font-size:clamp(75px, 15vw, 120px);font-weight:900;line-height:1;
  letter-spacing:-.04em;background:linear-gradient(180deg, var(--bayrak) 0%, #7d0a1c 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  opacity:.95;display:block;user-select:none;
}
.hata-rozet-etiket{
  background:#fff;border:1px solid rgba(200,16,46,.3);color:var(--bayrak);
  font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:4px 16px;border-radius:20px;box-shadow:0 4px 12px rgba(200,16,46,.08);
  white-space:nowrap;display:inline-block;
}
.hata-ana-baslik{
  font-family:var(--serif);font-size:clamp(22px, 5vw, 32px);font-weight:700;color:var(--murekkep);
  margin:16px 0 10px;letter-spacing:-.02em;line-height:1.25;
}
.hata-aciklama-metni{
  font-size:clamp(13.5px, 3.5vw, 15px);color:var(--kursun);max-width:540px;margin:0 auto 28px;line-height:1.65;
}
.hata-arama-kutusu{
  max-width:500px;margin:0 auto 32px;width:100%;
}
.hata-arama-giris-sarmal{
  display:flex;align-items:center;background:#fff;border:1.5px solid var(--cizgi);
  border-radius:36px;padding:5px 6px 5px 16px;box-shadow:0 6px 24px rgba(0,0,0,.04);
  transition:all var(--t-hizli) ease;width:100%;
}
.hata-arama-giris-sarmal:focus-within{
  border-color:var(--bayrak);box-shadow:0 8px 30px rgba(200,16,46,.12);
}
.hata-arama-ikon{
  color:var(--kursun);flex-shrink:0;margin-right:10px;
}
.hata-arama-input{
  border:none;background:transparent;outline:none;font-size:14px;color:var(--murekkep);
  width:100%;font-family:inherit;min-width:0;
}
.hata-arama-input::placeholder{color:#9E9698}
.hata-arama-btn{
  background:var(--bayrak);color:#fff;border:none;padding:9px 18px;border-radius:28px;
  font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--t-hizli) ease;
  flex-shrink:0;
}
.hata-arama-btn:hover{
  background:var(--murekkep);transform:translateY(-1px);
}
.hata-tek-sira-menu{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
  width:100%;
  max-width:620px;
  margin:0 auto;
}
.hata-hap-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 14px;
  border-radius:24px;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  background:#fff;
  border:1.5px solid var(--cizgi);
  color:var(--murekkep);
  box-shadow:0 2px 8px rgba(0,0,0,.03);
  transition:all var(--t-hizli) ease;
  width:100%;
  box-sizing:border-box;
}
.hata-hap-btn svg{
  color:var(--kursun);
  transition:color var(--t-hizli) ease;
  flex-shrink:0;
}
.hata-hap-btn:hover{
  border-color:var(--bayrak);
  color:var(--bayrak);
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(200,16,46,.12);
  text-decoration:none;
}
.hata-hap-btn:hover svg{
  color:var(--bayrak);
}
.hata-hap-btn.ana{
  background:var(--bayrak);
  border-color:var(--bayrak);
  color:#fff;
  box-shadow:0 4px 14px rgba(200,16,46,.25);
}
.hata-hap-btn.ana svg{
  color:#fff;
}
.hata-hap-btn.ana:hover{
  background:var(--murekkep);
  border-color:var(--murekkep);
  color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
}

/* Esnek kabın içindeki .kap içeriği kadar genişler; uzun yer tutucu metinli
   arama kutusu onu ekrandan taşırıyordu. */
.hata-sayfa-alani > .kap{width:100%;min-width:0}
@media(max-width:600px){
  .hata-sayfa-alani{padding:40px 0 60px}
  .hata-tek-sira-menu{
    grid-template-columns:1fr 1fr;
    gap:10px;
    max-width:100%;
  }
  .hata-hap-btn{
    padding:10px 8px;
    font-size:12px;
    gap:6px;
  }
  .hata-arama-giris-sarmal{padding:4px 4px 4px 12px}
  .hata-arama-btn{padding:8px 14px;font-size:12px}
}

/* ------------------------------------------------------------- Hızlı Sabit Hat Arama Kartı */
.hizli-arama-kart{
  background:linear-gradient(135deg, #FAF7F5 0%, #FFF 100%);
  border:1.5px solid var(--cizgi);border-radius:12px;padding:18px 20px;
  margin:20px 0 16px;box-shadow:0 4px 16px rgba(0,0,0,.03);
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.hizli-arama-bilgi{
  display:flex;flex-direction:column;gap:3px;
}
.hizli-arama-etiket{
  font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--kursun);
}
.hizli-arama-numara-vurgu{
  font-family:var(--serif);font-size:22px;font-weight:700;color:var(--bayrak);letter-spacing:.02em;
}
.hizli-arama-btn{
  background:var(--bayrak);color:#fff;border:none;border-radius:8px;padding:11px 22px;
  font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;
  box-shadow:0 4px 14px rgba(200,16,46,.25);transition:all var(--t-hizli) ease;
}
.hizli-arama-btn:hover{
  background:var(--murekkep);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.2);
  color:#fff;text-decoration:none;
}
@media(max-width:600px){
  .hizli-arama-kart{flex-direction:column;align-items:stretch;text-align:center;padding:16px}
  .hizli-arama-btn{justify-content:center;padding:12px}
}

/* ------------------------------------------------------------- Ziyaretçi Mesaj Formu */
.mesaj-form-sarmal{
  background:#fff;border:1px solid var(--cizgi);border-radius:16px;
  padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.04);
  display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:start;
}
@media(max-width:840px){
  .mesaj-form-sarmal{grid-template-columns:1fr;padding:24px;gap:24px}
}
.mesaj-form-aciklama{
  font-size:14.5px;color:var(--kursun);line-height:1.65;margin:0 0 20px;
}
.mesaj-form-guvence{
  background:var(--kagit-2);border:1px solid var(--cizgi);border-radius:10px;
  padding:14px 16px;display:flex;align-items:flex-start;gap:10px;
  font-size:12.5px;color:var(--murekkep);line-height:1.5;
}
.mesaj-form-guvence svg{
  color:var(--bayrak);flex-shrink:0;margin-top:1px;
}
.mesaj-formu{
  display:flex;flex-direction:column;gap:16px;
}
.form-satir-cift{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
@media(max-width:600px){
  .form-satir-cift{grid-template-columns:1fr}
}
.form-alan-grup{
  display:flex;flex-direction:column;gap:6px;text-align:left;
}
.form-etiket{
  font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--murekkep);
}
.form-input, .form-textarea{
  border:1.5px solid var(--cizgi);border-radius:8px;padding:10px 14px;
  font-size:14px;color:var(--murekkep);background:#fff;font-family:inherit;
  transition:border-color var(--t-hizli) ease,box-shadow var(--t-hizli) ease;
}
.form-input:focus, .form-textarea:focus{
  outline:none;border-color:var(--bayrak);box-shadow:0 0 0 3px rgba(200,16,46,.1);
}
.form-textarea{resize:vertical;min-height:100px}
.form-alt-eylem{
  margin-top:8px;display:flex;justify-content:flex-end;
}



/* ------------------------------------------------------------- İletişim Harita Kartı */
.harita-kutu{
  background:#fff;border:1px solid var(--cizgi);border-radius:16px;overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.04);margin-top:24px;
  transition:border-color var(--t-temel),box-shadow var(--t-temel);
}
.harita-kutu:hover{
  border-color:rgba(200,16,46,.3);box-shadow:0 8px 30px rgba(0,0,0,.08);
}
.harita-ust-bilgi{
  padding:20px 24px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--cizgi);gap:16px;flex-wrap:wrap;background:var(--kagit-2);
}
.harita-baslik-grup h4{
  font-family:var(--serif);font-size:18px;font-weight:700;color:var(--murekkep);margin:0 0 4px;
}
.harita-baslik-grup p{
  margin:0;font-size:13.5px;color:var(--kursun);
}
.harita-git-btn{
  display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:24px;
  background:var(--bayrak);color:#fff;font-size:13px;font-weight:600;text-decoration:none;
  transition:all var(--t-hizli) ease;
}
.harita-git-btn:hover{
  background:var(--murekkep);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.15);
}
.harita-kart-link{
  display:block;text-decoration:none;position:relative;overflow:hidden;
}
.harita-gorsel-sarmal{
  position:relative;width:100%;height:380px;overflow:hidden;background:#f0ede8;
}
@media(max-width:768px){
  .harita-gorsel-sarmal{height:260px}
}
.harita-gorsel-img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform .4s var(--e-cikis),filter .4s var(--e-cikis);
  display:block;
}
.harita-kart-link:hover .harita-gorsel-img{
  transform:scale(1.02);filter:brightness(.97);
}
.harita-kaplama-katman{
  position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.35) 0%, transparent 40%);
  pointer-events:none;
}
.harita-aksiyon-rozet{
  position:absolute;bottom:16px;right:16px;background:#fff;color:var(--murekkep);
  padding:9px 18px;border-radius:30px;font-size:13px;font-weight:700;
  display:inline-flex;align-items:center;gap:7px;box-shadow:0 4px 16px rgba(0,0,0,.2);
  border:1px solid rgba(0,0,0,.08);transition:all var(--t-hizli) ease;
  white-space:nowrap;
}
.harita-aksiyon-rozet svg{color:var(--bayrak);flex-shrink:0}
.harita-kart-link:hover .harita-aksiyon-rozet{
  background:var(--bayrak);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(200,16,46,.35);
}
.harita-kart-link:hover .harita-aksiyon-rozet svg{color:#fff}
@media(max-width:600px){
  .harita-aksiyon-rozet{
    bottom:12px;right:12px;padding:7px 13px;font-size:12px;gap:5px;
    box-shadow:0 3px 12px rgba(0,0,0,.25);
  }
  .harita-aksiyon-rozet svg{width:13px;height:13px}
}

/* ============================================================ Okuma Boyutu Minimal Bölünmüş Kapsül (Split-Pill) */
.yazi-boyut-sarmal{
  margin-bottom:24px;
  display:flex;
  align-items:center;
}
.yazi-boyut-kapsul{
  display:inline-flex;
  align-items:center;
  background:#FAF7F5;
  border:1.5px solid var(--cizgi);
  border-radius:24px;
  padding:2px 3px;
  box-shadow:0 1px 4px rgba(0,0,0,.03);
  transition:border-color var(--t-hizli) ease,box-shadow var(--t-hizli) ease;
}
.yazi-boyut-kapsul:hover{
  border-color:rgba(200,16,46,.3);
  box-shadow:0 3px 10px rgba(0,0,0,.06);
}
.yazi-boyut-dilim{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 12px;
  border:none;
  background:transparent;
  color:var(--murekkep);
  font-family:var(--serif);
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  border-radius:18px;
  transition:all var(--t-hizli) ease;
  line-height:1;
}
.yazi-boyut-dilim svg{
  color:var(--kursun);
  transition:color var(--t-hizli) ease;
}
.yazi-boyut-dilim:hover{
  background:rgba(200,16,46,.08);
  color:var(--bayrak);
}
.yazi-boyut-dilim:hover svg{
  color:var(--bayrak);
}
.yazi-boyut-dilim:active{
  transform:scale(0.94);
}
.yazi-boyut-ayirici{
  width:1px;
  height:13px;
  background:var(--cizgi);
  margin:0 1px;
}

/* ============================================================ Biyografi Çoklu Dil Seçici */
.dil-secici-kapsayici{
  margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid var(--cizgi);border-radius:12px;
  padding:12px 20px;box-shadow:0 2px 8px rgba(0,0,0,.03);flex-wrap:wrap;gap:12px;
}
.dil-secici-etiket-grup{
  display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--murekkep);
}
.dil-secici-etiket-grup svg{color:var(--bayrak)}
.dil-secici-butonlar{
  display:inline-flex;align-items:center;gap:8px;
}
.dil-secim-btn{
  display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:20px;
  border:1.5px solid var(--cizgi);background:#FAF7F5;color:var(--murekkep);
  font-size:13px;font-weight:600;text-decoration:none;transition:all var(--t-hizli) ease;
}
.dil-secim-btn:hover{
  border-color:var(--bayrak);color:var(--bayrak);background:rgba(200,16,46,.04);text-decoration:none;
}
.dil-secim-btn.etkin{
  background:var(--bayrak);color:#fff;border-color:var(--bayrak);box-shadow:0 3px 10px rgba(200,16,46,.25);
}
.dil-kod-rozet{
  font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.04em;
  padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.06);line-height:1.2;
}
.dil-secim-btn.etkin .dil-kod-rozet{
  background:rgba(255,255,255,.24);color:#fff;
}
.dil-tam-ad{font-size:13px;}

/* Mobilde tek satıra tam sığan ultra-şık görünüm */
@media(max-width:640px){
  .dil-secici-kapsayici{
    padding:8px 12px;
    justify-content:center;
    gap:8px;
  }
  .dil-secici-etiket-grup{
    font-size:12px;
  }
  .dil-secici-butonlar{
    display:flex;
    gap:6px;
  }
  .dil-secim-btn{
    padding:5px 12px;
    border-radius:18px;
    font-size:12px;
  }
  .dil-tam-ad{
    display:none; /* Mobilde sadece TR, EN, DA kodları görünür */
  }
  .dil-kod-rozet{
    font-size:12px;
    padding:2px 4px;
    background:transparent;
  }
  .dil-secim-btn.etkin .dil-kod-rozet{
    background:transparent;
  }
}

/* ============================================================ Eserler Sayfası Hızlı Sekmeler & Tiyatro Videoları */
.eserler-hizli-baglar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:32px;
  padding-bottom:16px;
  border-bottom:1px solid var(--cizgi);
}
@media(max-width:768px){
  .eserler-hizli-baglar{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:12px;
    margin-left:-20px;
    margin-right:-20px;
    padding-left:20px;
    padding-right:20px;
  }
  .eserler-hizli-baglar::-webkit-scrollbar{
    display:none;
  }
  .eser-sekme-link{
    flex-shrink:0;
    white-space:nowrap;
  }
}
.eser-sekme-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 16px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--cizgi);
  color:var(--murekkep);
  font-size:13.5px;
  font-weight:600;
  text-decoration:none;
  transition:all var(--t-hizli) ease;
}
.eser-sekme-link:hover{
  border-color:var(--bayrak);
  color:var(--bayrak);
  background:rgba(200,16,46,.04);
}
.eser-sekme-vurgu{
  background:var(--bayrak);
  color:#fff;
  border-color:var(--bayrak);
  box-shadow:0 3px 12px rgba(200,16,46,.25);
}
.eser-sekme-vurgu:hover{
  background:var(--murekkep);
  color:#fff;
  border-color:var(--murekkep);
}

.sahne-video-giris-metin{
  max-width:var(--olcu);
  color:var(--kursun);
  font-size:15px;
  line-height:1.6;
  margin:-8px 0 32px;
}

.tiyatro-video-izgara{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:28px;
}
@media(max-width:860px){
  .tiyatro-video-izgara{
    grid-template-columns:1fr;
    gap:22px;
  }
}

.tiyatro-video-kart{
  background:#fff;
  border:1.5px solid var(--cizgi);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 18px rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  transition:all var(--t-temel) var(--e-cikis);
}
.tiyatro-video-kart:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(0,0,0,.09);
  border-color:rgba(200,16,46,.35);
}

.tiyatro-video-gorsel-link{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  background:#140C0E;
  overflow:hidden;
  border:none;
  padding:0;
  cursor:pointer;
  text-decoration:none;
}
.tiyatro-video-afis-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 360ms var(--e-cikis), filter 360ms ease;
}
.tiyatro-video-kart:hover .tiyatro-video-afis-img{
  transform:scale(1.05);
  filter:brightness(1.04);
}

/* Kırmızı YouTube Oynat Butonu (Ortada) */
.tiyatro-yt-buton-sarmal{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.22);
  transition:background 200ms ease;
  pointer-events:none;
}
.tiyatro-video-kart:hover .tiyatro-yt-buton-sarmal{
  background:rgba(0,0,0,.10);
}
.tiyatro-yt-ikon{
  width:64px;
  height:44px;
  background:#FF0000;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  box-shadow:0 6px 20px rgba(0,0,0,.45);
  transition:transform 220ms var(--e-cikis), background 220ms ease, box-shadow 220ms ease;
}
.tiyatro-video-kart:hover .tiyatro-yt-ikon{
  transform:scale(1.15);
  background:#E60000;
  box-shadow:0 8px 24px rgba(255,0,0,.5);
}

.tiyatro-video-sure-rozet{
  position:absolute;
  bottom:10px;
  right:10px;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(4px);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  padding:3px 8px;
  border-radius:6px;
}

.tiyatro-video-bilgi{
  padding:24px;
  display:flex;
  flex-direction:column;
  flex:1;
}

.tiyatro-video-ust{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.tiyatro-video-rozet{
  display:inline-block;white-space:nowrap;
  font-size:11.5px;
  font-weight:700;
  padding:4px 10px;
  border-radius:20px;
  letter-spacing:.04em;
}
.rozet-tam{
  background:rgba(200,16,46,.10);
  color:var(--bayrak);
  border:1px solid rgba(200,16,46,.25);
}
.rozet-kesit{
  background:rgba(44,38,40,.07);
  color:var(--kursun);
  border:1px solid var(--cizgi);
}

.tiyatro-video-sahneleyen{
  font-size:12px;
  font-weight:600;
  color:var(--kursun);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.tiyatro-video-baslik{
  font-family:var(--serif);
  font-size:18px;
  font-weight:700;
  color:var(--murekkep);
  margin:0 0 4px;
  line-height:1.3;
}
.tiyatro-video-baslik a,
.tiyatro-video-baslik-btn{
  background:none;
  border:none;
  padding:0;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  color:inherit;
  text-align:left;
  cursor:pointer;
  text-decoration:none;
  transition:color var(--t-hizli) ease;
}
.tiyatro-video-baslik a:hover,
.tiyatro-video-baslik-btn:hover{
  color:var(--bayrak);
}

.tiyatro-video-alt-baslik{
  font-size:13px;
  font-weight:600;
  color:var(--bayrak);
  margin-bottom:10px;
}

.tiyatro-video-aciklama{
  font-size:13.5px;
  color:#4A4245;
  line-height:1.6;
  margin:0 0 18px;
  flex:1;
}

.tiyatro-video-aksiyon{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:14px;
  border-top:1px solid rgba(0,0,0,.06);
}

.tiyatro-video-izle-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 16px;
  background:var(--bayrak);
  color:#fff;
  border:none;
  border-radius:20px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(200,16,46,.25);
  transition:all var(--t-hizli) ease;
}
.tiyatro-video-izle-btn:hover{
  background:var(--murekkep);
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.25);
}

.tiyatro-video-yt-kucuk-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12.5px;
  font-weight:600;
  color:var(--kursun);
  text-decoration:none;
  transition:color var(--t-hizli) ease;
}
.tiyatro-video-yt-kucuk-link:hover{
  color:#CC0000;
}

/* ============================================================ Eserler Sayfasındaki Çağrı Kutusu */
.tiyatro-izle-cagri-kutusu{
  background:linear-gradient(135deg, rgba(200,16,46,.06) 0%, rgba(200,16,46,.02) 100%);
  border:1.5px solid rgba(200,16,46,.25);
  border-radius:14px;
  padding:20px 24px;
  margin:0 0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.tiyatro-izle-cagri-sol h4{
  font-family:var(--serif);
  font-size:17px;
  font-weight:700;
  color:var(--murekkep);
  margin:0 0 4px;
}
.tiyatro-izle-cagri-sol p{
  font-size:14px;
  color:var(--kursun);
  line-height:1.5;
  margin:0;
}
.tiyatro-izle-cagri-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 20px;
  background:var(--bayrak);
  color:#fff;
  border-radius:24px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  flex-shrink:0;
  box-shadow:0 4px 14px rgba(200,16,46,.25);
  transition:all var(--t-hizli) ease;
}
.tiyatro-izle-cagri-btn:hover{
  background:var(--murekkep);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
@media(max-width:760px){
  .tiyatro-izle-cagri-kutusu{
    flex-direction:column;
    align-items:flex-start;
  }
  .tiyatro-izle-cagri-btn{
    width:100%;
    justify-content:center;
  }
}

/* ============================================================ Tiyatro Sayfası Alt Bölümleri */
.tiyatro-oyun-izgara{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}
@media(max-width:900px){
  .tiyatro-oyun-izgara{
    grid-template-columns:1fr;
    gap:18px;
  }
}
.tiyatro-oyun-kutu{
  background:#fff;
  border:1px solid var(--cizgi);
  border-radius:14px;
  padding:24px;
  display:flex;
  flex-direction:column;
  box-shadow:0 2px 10px rgba(0,0,0,.03);
}
.tiyatro-oyun-yil{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  color:var(--bayrak);
  margin-bottom:6px;
}
.tiyatro-oyun-ad{
  font-family:var(--serif);
  font-size:20px;
  font-weight:700;
  margin:0 0 6px;
}
.tiyatro-oyun-alt{
  font-size:13px;
  color:var(--kursun);
  font-weight:600;
  margin-bottom:12px;
}
.tiyatro-oyun-ozet{
  font-size:14px;
  color:#3D3538;
  line-height:1.6;
  margin:0 0 16px;
  flex:1;
}
.tiyatro-oyun-yazar{
  font-size:12.5px;
  color:var(--kursun);
  border-top:1px solid var(--cizgi);
  padding-top:12px;
}

.sahne-kapsam-izgara{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
}
@media(max-width:900px){
  .sahne-kapsam-izgara{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media(max-width:600px){
  .sahne-kapsam-izgara{
    grid-template-columns:1fr;
  }
}
.sahne-kapsam-kart{
  background:#fff;
  border:1px solid var(--cizgi);
  border-left:4px solid var(--bayrak); /* Kırmızı köşeli imza stilimiz */
  border-radius:0 12px 12px 0;
  padding:22px;
  box-shadow:0 2px 10px rgba(0,0,0,.03);
  transition:transform var(--t-hizli) ease,box-shadow var(--t-hizli) ease;
}
.sahne-kapsam-kart:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,.06);
}
.sahne-kapsam-kart h5{
  font-family:var(--serif);
  font-size:17px;
  font-weight:700;
  color:var(--bayrak);
  margin:0 0 8px;
}
.sahne-kapsam-kart p{
  font-size:13.5px;
  color:var(--kursun);
  line-height:1.55;
  margin:0;
}

/* ============================================================ Okuma Yazı Boyutu (Sağa Yapışık Split-Pill) */
.yazi-boyut-sarmal{
  max-width:var(--olcu);
  margin:0 0 24px;
  display:flex;
  justify-content:flex-end; /* Sağa yapıştır */
  align-items:center;
}
.yazi-boyut-kapsul{
  display:inline-flex;
  align-items:center;
  background:#fff;
  border:1.5px solid var(--cizgi);
  border-radius:24px;
  padding:3px;
  box-shadow:0 1px 4px rgba(0,0,0,.03);
  transition:all var(--t-hizli) ease;
}
.yazi-boyut-kapsul:hover{
  border-color:rgba(200,16,46,.4);
  box-shadow:0 3px 10px rgba(0,0,0,.06);
}
.yazi-boyut-dilim{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:5px 12px;
  min-height:30px;
  background:transparent;
  border:none;
  border-radius:20px;
  color:var(--kursun);
  font-family:var(--sans);
  font-size:13.5px;
  font-weight:700;
  cursor:pointer;
  transition:all var(--t-hizli) ease;
}
.yazi-boyut-dilim:hover{
  background:rgba(200,16,46,.06);
  color:var(--bayrak);
}
.yazi-boyut-dilim:active{
  transform:scale(0.95);
}
.yazi-boyut-ayirici{
  width:1px;
  height:14px;
  background:var(--cizgi);
  margin:0 1px;
}

/* ============================================================ Yazı Gövdesi & Kırmızı Başlıklar */
.yazi-govde{
  font-family:var(--sans);
  font-size:17.5px;
  line-height:1.8;
  color:#2B2225;
  max-width:var(--olcu);
}
.yazi-govde p{
  margin:0 0 1.5em;
}
.yazi-govde h2{
  font-family:var(--serif);
  font-size:clamp(22px, 3.5vw, 29px);
  font-weight:700;
  color:var(--bayrak) !important; /* Kırmızı başlıklar */
  margin:1.8em 0 0.8em;
  line-height:1.25;
  letter-spacing:-0.015em;
  display:flex;
  align-items:center;
  gap:12px;
}
.yazi-govde h2::before{
  content:"";
  width:18px;
  height:4px;
  background:var(--bayrak);
  flex-shrink:0;
  border-radius:2px;
}
.yazi-govde h3{
  font-family:var(--serif);
  font-size:clamp(19px, 2.8vw, 23px);
  font-weight:700;
  color:var(--bayrak) !important;
  margin:1.5em 0 0.6em;
  line-height:1.3;
}
.yazi-govde h4{
  font-family:var(--sans);
  font-size:16px;
  font-weight:700;
  color:var(--murekkep);
  margin:1.3em 0 0.5em;
}

/* ============================================================ Akıllı İçerik Zinciri / Önerilen Okumalar */
.yazi-oneriler-kutu{
  margin:48px 0 32px;
  padding:32px;
  background:var(--kagit-2);
  border-radius:16px;
  border:1px solid var(--cizgi);
  max-width:var(--olcu);
}
.yazi-oneriler-ust h4{
  font-family:var(--serif);
  font-size:21px;
  font-weight:700;
  color:var(--murekkep);
  margin:0 0 4px;
}
.yazi-oneriler-ust p{
  font-size:13.5px;
  color:var(--kursun);
  margin:0 0 20px;
}
.yazi-oneriler-izgara{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:16px;
}
.yazi-oneri-kart{
  background:#fff;
  border:1.5px solid var(--cizgi);
  border-radius:12px;
  padding:18px;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  box-shadow:0 2px 8px rgba(0,0,0,.03);
  transition:all var(--t-hizli) ease;
}
.yazi-oneri-kart:hover{
  transform:translateY(-3px);
  border-color:var(--bayrak);
  box-shadow:0 8px 20px rgba(200,16,46,.10);
}
.yazi-oneri-tur{
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--bayrak);
  margin-bottom:8px;
}
.yazi-oneri-tiyatro .tiyatro-tur{
  color:#1B5E20;
}
.yazi-oneri-baslik{
  font-family:var(--serif);
  font-size:16px;
  font-weight:700;
  line-height:1.35;
  color:var(--murekkep);
  margin:0 0 8px;
}
.yazi-oneri-ozet{
  font-size:13px;
  color:var(--kursun);
  line-height:1.5;
  margin:0 0 14px;
  flex:1;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.yazi-oneri-git{
  font-size:12.5px;
  font-weight:700;
  color:var(--bayrak);
  align-self:flex-start;
}

/* ============================================================ Üst Menü Arama Butonları & Grupları */
.ust-sag-eylemler{
  display:flex;
  align-items:center;
  gap:12px;
}
.spotlight-ac-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 14px;
  background:#fff;
  border:1.5px solid var(--cizgi);
  border-radius:20px;
  color:var(--murekkep);
  font-family:var(--sans);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:all var(--t-hizli) ease;
}
.spotlight-ac-btn:hover{
  border-color:var(--bayrak);
  color:var(--bayrak);
  background:rgba(200,16,46,.04);
}
.spotlight-kisayol-ipucu{
  font-size:11px;
  font-weight:700;
  background:var(--kagit-2);
  border:1px solid var(--cizgi);
  padding:1px 6px;
  border-radius:6px;
  color:var(--kursun);
}
.ust-mobil-grup{
  display:none;
  align-items:center;
  gap:8px;
}
.spotlight-mobil-btn{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#fff;
  border:1px solid var(--cizgi);
  color:var(--murekkep);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
@media(max-width:900px){
  .spotlight-ac-btn{display:none}
  .ust-mobil-grup{display:flex}
}

/* ============================================================ Evrensel Spotlight Modal (Saydam Karartmalı) */
.spotlight-perde{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(20, 12, 14, 0.65);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  display:none;
  opacity:0;
  transition:opacity 200ms ease;
  overflow-y:auto;
  padding:40px 20px;
}
.spotlight-perde.acik{
  display:block;
  opacity:1;
}
.spotlight-kapsayici{
  min-height:100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:5vh;
}
.spotlight-kutu{
  width:100%;
  max-width:640px;
  background:#fff;
  border-radius:18px;
  border:1.5px solid var(--cizgi);
  box-shadow:0 24px 64px rgba(0,0,0,.35);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  animation:spotlightGelis 220ms var(--e-cikis);
}
@keyframes spotlightGelis{
  from{transform:scale(0.96) translateY(-10px);opacity:0}
  to{transform:none;opacity:1}
}
.spotlight-ust-cubuk{
  display:flex;
  align-items:center;
  padding:16px 20px;
  gap:12px;
  border-bottom:1.5px solid var(--cizgi);
  position:relative;
}
.spotlight-ara-ikon{
  color:var(--bayrak);
  display:flex;
  align-items:center;
  flex-shrink:0;
}
.spotlight-girdi{
  flex:1;
  border:none;
  background:transparent;
  font-family:var(--sans);
  font-size:16px;
  color:var(--murekkep);
  outline:none;
}
.spotlight-girdi::placeholder{
  color:#A29C97;
}
.spotlight-kapat-btn{
  background:rgba(200,16,46,.08);
  border:1px solid rgba(200,16,46,.2);
  color:var(--bayrak);
  width:32px;
  height:32px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex-shrink:0;
  transition:all var(--t-hizli) ease;
}
.spotlight-kapat-btn:hover{
  background:var(--bayrak);
  color:#fff;
  transform:scale(1.08);
}
.spotlight-sonuclar{
  max-height:420px;
  overflow-y:auto;
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.spotlight-ipucu{
  padding:24px 16px;
  text-align:center;
  color:var(--kursun);
  font-size:14px;
}
.spotlight-ipucu em{
  color:var(--murekkep);
  font-style:normal;
  font-weight:600;
}
.spotlight-bos-sonuc{
  padding:32px 16px;
  text-align:center;
}
.spotlight-bos-sonuc p{
  font-size:15px;
  font-weight:600;
  color:var(--murekkep);
  margin:0 0 6px;
}
.spotlight-bos-sonuc span{
  font-size:13px;
  color:var(--kursun);
}
.spotlight-sonuc-oge{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-radius:10px;
  text-decoration:none;
  transition:background 120ms ease;
}
.spotlight-sonuc-oge:hover, .spotlight-sonuc-oge.odakta{
  background:var(--kagit-2);
}
.spotlight-oge-sol{
  display:flex;
  align-items:flex-start;
  gap:12px;
  flex:1;
  min-width:0;
}
.spotlight-oge-tur{
  font-size:10.5px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:3px 8px;
  border-radius:8px;
  flex-shrink:0;
  margin-top:2px;
}
.tur-makale{background:rgba(200,16,46,.1);color:var(--bayrak)}
.tur-tiyatro, .tur-video{background:rgba(46,125,50,.12);color:#1B5E20}
.tur-kitap{background:rgba(2,119,189,.12);color:#0277BD}
.tur-basın, .tur-basin{background:rgba(107,101,96,.12);color:var(--murekkep)}
.tur-biyografi, .tur-iletişim, .tur-iletisim{background:rgba(122,12,28,.12);color:var(--koyu)}

.spotlight-oge-metin{
  flex:1;
  min-width:0;
}
.spotlight-oge-baslik{
  display:block;
  font-size:14.5px;
  color:var(--murekkep);
  margin-bottom:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.spotlight-sonuc-oge:hover .spotlight-oge-baslik, .spotlight-sonuc-oge.odakta .spotlight-oge-baslik{
  color:var(--bayrak);
}
.spotlight-oge-ozet{
  font-size:12.5px;
  color:var(--kursun);
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.spotlight-oge-tarih{
  font-size:11.5px;
  font-weight:600;
  color:#A29C97;
  flex-shrink:0;
}
.spotlight-alt-bilgi{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 20px;
  background:var(--kagit-2);
  border-top:1px solid var(--cizgi);
  font-size:11.5px;
  color:var(--kursun);
}
.spotlight-alt-bilgi kbd{
  background:#fff;
  border:1px solid var(--cizgi);
  padding:1px 5px;
  border-radius:4px;
  font-family:inherit;
  font-weight:700;
  color:var(--murekkep);
}
@media(max-width:640px){
  .spotlight-alt-bilgi{
    display:none !important;
  }
}

/* ============================================================ Akıllı İçerik Zinciri (3 Sütunlu Öneriler) */
.yazi-oneriler-kutu{
  max-width:100%;
  width:100%;
  margin:48px 0 40px;
  padding:32px;
  background:var(--kagit-2);
  border-radius:16px;
  border:1px solid var(--cizgi);
}
.yazi-oneriler-ust{
  margin-bottom:20px;
}
.yazi-oneriler-ust h4{
  font-family:var(--serif);
  font-size:22px;
  font-weight:700;
  color:var(--murekkep);
  margin:0 0 4px;
}
.yazi-oneriler-ust p{
  font-size:14px;
  color:var(--kursun);
  margin:0;
}
.yazi-oneriler-izgara{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}
@media(max-width:860px){
  .yazi-oneriler-izgara{
    grid-template-columns:1fr;
    gap:14px;
  }
}
.yazi-oneri-kart{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--cizgi);
  border-radius:12px;
  padding:20px;
  text-decoration:none;
  box-shadow:0 2px 8px rgba(0,0,0,.03);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.yazi-oneri-kart:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  border-color:var(--bayrak);
}
.yazi-oneri-tur{
  align-self:flex-start;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
  padding:3px 8px;
  border-radius:6px;
  background:rgba(200,16,46,.08);
  color:var(--bayrak);
  margin-bottom:10px;
}
.yazi-oneri-tur.tiyatro-tur{
  background:rgba(46,125,50,.1);
  color:#1B5E20;
}
.yazi-oneri-baslik{
  font-family:var(--serif);
  font-size:16px;
  font-weight:700;
  color:var(--murekkep);
  margin:0 0 8px;
  line-height:1.35;
}
.yazi-oneri-ozet{
  font-size:13px;
  color:#4A4245;
  line-height:1.5;
  margin:0 0 14px;
  flex:1;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.yazi-oneri-git{
  font-size:12.5px;
  font-weight:700;
  color:var(--bayrak);
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:auto;
}

/* ============================================================ SİTE İÇİ VİDEO LIGHTBOX OYNATICI */
.video-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--t-normal) ease, visibility var(--t-normal) ease;
}
.video-modal.acik {
  opacity: 1;
  visibility: visible;
}
.video-modal-kararti {
  position: absolute;
  inset: 0;
  background: rgba(10, 5, 7, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.video-modal-kapsayici {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 960px;
  background: #150D0F;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0,0,0,.65);
  display: flex;
  flex-direction: column;
  transform: scale(0.96) translateY(12px);
  transition: transform var(--t-normal) var(--e-keskin);
}
.video-modal.acik .video-modal-kapsayici {
  transform: scale(1) translateY(0);
}
.video-modal-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: #1D1316;
  border-bottom: 1px solid rgba(255,255,255,.1);
  gap: 16px;
}
.video-modal-bilgi-ust {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.video-modal-rozet {
  display: inline-block;
  align-self: flex-start;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bayrak);
}
.video-modal-baslik {
  font-family: var(--serif);
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-modal-butonlar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.video-modal-yt-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 20px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s ease;
}
.video-modal-yt-link:hover {
  background: rgba(255,255,255,.24);
  color: #fff;
}
.video-modal-kapat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all .15s ease;
}
.video-modal-kapat:hover {
  background: var(--bayrak);
  transform: rotate(90deg);
}
.video-modal-sahne {
  width: 100%;
  background: #000;
}
.video-modal-iframe-sarmal {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}
.video-modal-iframe-sarmal iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.video-modal-alt {
  padding: 16px 20px;
  background: #1D1316;
  border-top: 1px solid rgba(255,255,255,.08);
}
.video-modal-aciklama {
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(255,255,255,.8);
  margin: 0;
}
@media (max-width: 640px) {
  .video-modal {
    padding: 10px;
  }
  .video-modal-ust {
    padding: 12px 14px;
  }
  .video-modal-baslik {
    font-size: 15px;
  }
  .video-modal-yt-link span {
    display: none;
  }
  .video-modal-alt {
    padding: 12px 14px;
  }
}

/* ==========================================================================
   18 · İPEKSİ SAYFA GEÇİŞLERİ (INSTANT VIEW TRANSITION & PJAX)
   ========================================================================== */

#sayfa-yukleme-bari {
  position: fixed;
  top: 0;
  left: 0;
  height: 2.5px;
  width: 0%;
  background: var(--bayrak, #C8102E);
  box-shadow: 0 0 10px rgba(200, 16, 46, 0.7), 0 0 4px rgba(200, 16, 46, 0.9);
  z-index: 999999;
  pointer-events: none;
  opacity: 0;
  transition: width 150ms cubic-bezier(0.16, 1, 0.3, 1), opacity 150ms ease;
}
#sayfa-yukleme-bari.aktif {
  opacity: 1;
}

#icerik {
  min-height: 60vh;
  position: relative;
  will-change: opacity, transform;
}

.sayfa-gecis-cikis {
  opacity: 0 !important;
  transform: translateY(-4px) !important;
  transition: opacity 110ms ease-in, transform 110ms ease-in !important;
}

.sayfa-gecis-giris {
  animation: sayfaAkisGiris 140ms cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes sayfaAkisGiris {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Görsel Alanı Sabitleme & Yumuşak Belirme (Layout Shift Önleyici) */
.galeri-duvar-kart figure,
.harita-gorsel-sarmal,
.kitap-kapak-kutu,
.tiyatro-afis-kutu,
.yazi-oneriler-gorsel {
  background-color: var(--kagit-2, #F3EFEA);
  overflow: hidden;
}

/* Bölüm Çapaları & Pürüzsüz Kaydırma (Sticky Menü Payı) */
html {
  scroll-behavior: smooth;
}

section[id],
div[id],
#kitaplar,
#cocuk-kitaplari,
#mesleki-yayinlar,
#oyunlar,
#sahnelemeler {
  scroll-margin-top: 90px;
}

/* Eserler Sayfası Hızlı Atlama Sekmeleri (Pills) */
.eserler-hizli-baglar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0 0 36px;
  padding: 14px 16px;
  background: var(--kagit-2, #F7F5F0);
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 12px;
}

.eser-sekme-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--metin-2, #554D4F);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  text-decoration: none;
  transition: all var(--t-hizli) ease;
}

.eser-sekme-link:hover {
  color: var(--bayrak, #C8102E);
  border-color: var(--bayrak, #C8102E);
  background: #FFF8F8;
  transform: translateY(-1px);
}

.eser-sekme-link.eser-sekme-vurgu {
  background: var(--bayrak, #C8102E);
  color: #fff;
  border-color: var(--bayrak, #C8102E);
}

.eser-sekme-link.eser-sekme-vurgu:hover {
  background: #A00C24;
  color: #fff;
}

/* Lightbox Sahnesi & Boşluk Tıklama Ergonomisi */
.lightbox-sahne,
.lightbox-gorsel-sarmal {
  cursor: zoom-out;
}

.lightbox-gorsel {
  cursor: default;
}