/* =============================================================
   SinemaZ — tasarim sistemi
   -------------------------------------------------------------
   YON: Sinema dergisi. Sicak murekkep zemin, kagit beyazi metin,
   TEK amber vurgu. Kutu golgesi ve gradient yok; ayrimlar sac teli
   cizgilerle yapiliyor. Basliklar serif (Fraunces), arayuz ve govde
   sistem yazi tipi yiginiyla — boylece tek webfont yetiyor (66 KB).

   KURALLAR
   - Yaricap en fazla 4px. Yuvarlak kart yok.
   - Golge yok. Derinlik cizgi ve zemin tonuyla kuruluyor.
   - Renk: 2 notr + 1 vurgu + 2 durum rengi. Baska renk girmiyor.
   - Sayilar daima tabular; tarih ve puanlar hizali okunsun.
   ============================================================= */

@import url('/assets/css/fonts.css');

/* -------------------------------------------------------------
   Belirtecler
   ------------------------------------------------------------- */
:root {
  /* Notr — mavi degil SICAK siyah; ekranda kagit hissi verir */
  --murekkep:    #14100d;
  --murekkep-2:  #1b1613;
  --murekkep-3:  #241d18;
  --cizgi:       #322922;
  --cizgi-acik:  #443930;

  --kagit:       #f5f0e6;
  --kagit-2:     #b6ab9b;
  --kagit-3:     #7d7367;

  /* Vurgu — tek renk, her yerde ayni anlam: "onemli / etkilesimli" */
  --amber:       #e8a33d;
  --amber-koyu:  #8a6323;

  /* Durum */
  --canli:       #e2503a;   /* bugun / yayinda */
  --erisim:      #6aa96e;   /* TR'de izlenebilir */

  /* Tipografi */
  --serif: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --grotesk: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
             'Helvetica Neue', Arial, sans-serif;

  /* Olcek */
  --kap: 1200px;
  --dar: 760px;
  --r: 3px;

  --bosluk-1: .25rem;
  --bosluk-2: .5rem;
  --bosluk-3: .875rem;
  --bosluk-4: 1.5rem;
  --bosluk-5: 2.5rem;
  --bosluk-6: 4rem;
}

/* -------------------------------------------------------------
   Temel
   ------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--murekkep);
  color: var(--kagit);
  font-family: var(--grotesk);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; }

:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Basliklar — serif, siki satir araligi, hafif negatif harf araligi */
h1, h2, h3, h4 {
  font-family: var(--serif);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.015em;
  margin: 0 0 var(--bosluk-3);
  font-variation-settings: 'SOFT' 0, 'WONK' 0;
}

h1 { font-size: clamp(2rem, 1.4rem + 2.6vw, 3.25rem); }
h2 { font-size: clamp(1.35rem, 1.15rem + .8vw, 1.75rem); }
h3 { font-size: 1.0625rem; letter-spacing: -.005em; }

p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }

time, .sayi, .puan, td, th, dd { font-variant-numeric: tabular-nums; }

.kap { width: min(100% - 3rem, var(--kap)); margin-inline: auto; }
.kap-dar { width: min(100% - 3rem, var(--dar)); margin-inline: auto; }

.gizli {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.atlama {
  position: absolute; left: -9999px; top: 0; z-index: 100;
  background: var(--amber); color: var(--murekkep);
  padding: .75rem 1.25rem; font-weight: 600;
}
.atlama:focus { left: 0; }

.ayrac { color: var(--kagit-3); margin: 0 .5rem; }

/* Bolum ust etiketi — kucuk, harf arali, amber.
   Sayfanin her yerinde ayni: "burasi yeni bir bolum". */
.etiket, .bolum-baslik > .etiket {
  display: block;
  font-family: var(--grotesk);
  font-size: .6875rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--amber);
  margin-bottom: .5rem;
}

/* -------------------------------------------------------------
   Ust — ince, sabit, iki katmanli
   ------------------------------------------------------------- */
.ust {
  border-bottom: 1px solid var(--cizgi);
  background: rgba(20, 16, 13, .92);
  backdrop-filter: saturate(140%) blur(8px);
  position: sticky;
  top: 0;
  z-index: 40;
}

.ust-ic {
  display: flex;
  align-items: center;
  gap: var(--bosluk-4);
  padding: .875rem 0;
  flex-wrap: wrap;
}

.logo {
  font-family: var(--serif);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -.03em;
  line-height: 1;
  flex-shrink: 0;
}
.logo span { color: var(--amber); }

.ana-menu {
  display: flex;
  gap: 1.75rem;
  flex: 1;
  flex-wrap: wrap;
  font-size: .8125rem;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ana-menu a {
  color: var(--kagit-2);
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  transition: color .15s, border-color .15s;
}
.ana-menu a:hover { color: var(--kagit); border-bottom-color: var(--amber); }

.arama { display: flex; align-items: stretch; }
.arama input {
  background: transparent;
  border: 1px solid var(--cizgi-acik);
  border-right: 0;
  color: var(--kagit);
  padding: .5rem .75rem;
  font: inherit;
  font-size: .875rem;
  width: 200px;
  border-radius: var(--r) 0 0 var(--r);
}
.arama input::placeholder { color: var(--kagit-3); }
.arama input:focus { outline: 0; border-color: var(--amber); }
.arama button {
  background: var(--amber);
  color: var(--murekkep);
  border: 1px solid var(--amber);
  padding: .5rem 1rem;
  font: inherit;
  font-size: .8125rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0 var(--r) var(--r) 0;
}
.arama button:hover { background: #f0b055; }

.arama.buyuk { max-width: 480px; margin: var(--bosluk-4) 0; }
.arama.buyuk input { flex: 1; width: auto; padding: .8rem 1rem; font-size: 1rem; }

/* Platform rayi — ikinci katman, daha sessiz */
.platform-serit {
  border-bottom: 1px solid var(--cizgi);
  overflow-x: auto;
  scrollbar-width: none;
}
.platform-serit::-webkit-scrollbar { display: none; }
.platform-serit .kap {
  display: flex;
  gap: 1.5rem;
  padding: .625rem 0;
  white-space: nowrap;
  font-size: .78125rem;
  letter-spacing: .03em;
}
.platform-serit a { color: var(--kagit-3); }
.platform-serit a:hover { color: var(--amber); }

/* -------------------------------------------------------------
   Kirinti
   ------------------------------------------------------------- */
.kirinti { border-bottom: 1px solid var(--cizgi); font-size: .78125rem; }
.kirinti ol {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: .5rem; list-style: none; margin: 0; padding: .75rem 0;
}
.kirinti li:not(:last-child)::after {
  content: "/"; margin-left: .5rem; color: var(--cizgi-acik);
}
.kirinti a { color: var(--kagit-3); }
.kirinti a:hover { color: var(--amber); }
.kirinti span { color: var(--kagit-2); }

/* -------------------------------------------------------------
   Bolum basliklari — etiket + kural cizgisi
   ------------------------------------------------------------- */
.bolum-baslik {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--bosluk-4);
  margin: var(--bosluk-5) 0 var(--bosluk-4);
  padding-bottom: .625rem;
  border-bottom: 1px solid var(--cizgi);
}
.bolum-baslik h1, .bolum-baslik h2 { margin: 0; }
.bolum-baslik > a {
  font-size: .8125rem;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--kagit-3);
  white-space: nowrap;
  flex-shrink: 0;
}
.bolum-baslik > a:hover { color: var(--amber); }
.bolum-baslik p { margin: 0; color: var(--kagit-3); font-size: .875rem; }

/* Bagimsiz bolumlerde baslik alti ince amber vurgu */
section > h2:first-child {
  padding-bottom: .5rem;
  border-bottom: 1px solid var(--cizgi);
  margin-bottom: var(--bosluk-4);
  position: relative;
}
section > h2:first-child::after {
  content: "";
  position: absolute;
  left: 0; bottom: -1px;
  width: 2.5rem; height: 1px;
  background: var(--amber);
}

/* -------------------------------------------------------------
   Izgara ve kart — cerceve yok, golge yok
   ------------------------------------------------------------- */
.izgara {
  display: grid;
  gap: var(--bosluk-4) 1.125rem;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  margin: 0 0 var(--bosluk-5);
}

.kart-poster {
  position: relative;
  aspect-ratio: 2 / 3;
  border-radius: var(--r);
  overflow: hidden;
  background: var(--murekkep-3);
}
.kart-poster img {
  width: 100%; height: 100%; object-fit: cover;
  transition: opacity .2s ease;
}
.kart-bag:hover .kart-poster img { opacity: .82; }

/* Cerceve yerine ic hat: hover'da amber bir kontur belirir */
.kart-poster::after {
  content: "";
  position: absolute; inset: 0;
  border: 1px solid transparent;
  border-radius: var(--r);
  transition: border-color .2s;
  pointer-events: none;
}
.kart-bag:hover .kart-poster::after { border-color: var(--amber); }

.poster-yok {
  width: 100%; height: 100%;
  display: grid; place-items: center;
  font-family: var(--serif);
  font-size: 2.75rem;
  color: var(--cizgi-acik);
}

/* Puan — rozet balonu degil, alt kenarda dumduz bir plaka */
.rozet-puan {
  position: absolute;
  left: 0; bottom: 0;
  background: var(--murekkep);
  color: var(--amber);
  font-size: .75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  padding: .1875rem .4375rem;
  border-radius: 0 var(--r) 0 0;
}
.rozet-yayin {
  position: absolute;
  right: .375rem; top: .375rem;
  width: .5rem; height: .5rem;
  border-radius: 50%;
  background: var(--erisim);
  text-indent: -9999px;
  overflow: hidden;
}

.kart-baslik {
  font-family: var(--grotesk);
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
  margin: .625rem 0 .1875rem;
}
.kart-bag:hover .kart-baslik { color: var(--amber); }
.kart-alt {
  font-size: .78125rem;
  color: var(--kagit-3);
  margin: 0;
  font-variant-numeric: tabular-nums;
}

/* -------------------------------------------------------------
   Yapim sayfasi
   ------------------------------------------------------------- */
.yapim { position: relative; }

/* Arka plan — kararsiz bir "yikama" degil, kasitli bir sinema perdesi.
   Iki katmanli perde: dikey olan metni tabana baglar, yatay olan sol
   tarafi (baslik alanini) koyultarak kontrasti garanti eder. */
.yapim-arka {
  position: absolute;
  inset: 0 0 auto;
  height: 540px;
  z-index: 0;
  overflow: hidden;
}
.yapim-arka img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 20%;
  filter: saturate(.6) contrast(1.08) brightness(.85);
}
.yapim-arka::after {
  content: "";
  position: absolute; inset: 0;
  background:
    linear-gradient(to right,
      var(--murekkep) 0%,
      rgba(20, 16, 13, .82) 42%,
      rgba(20, 16, 13, .55) 100%),
    linear-gradient(to bottom,
      rgba(20, 16, 13, .55) 0%,
      rgba(20, 16, 13, .78) 45%,
      var(--murekkep) 96%);
}

/* Uc sutunlu kahraman: poster | baslik | yuksek niyetli yan blok.
   Sag sutun dekoratif degil — sayfaya gelis sebebini karsiliyor. */
.yapim-ust {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 214px minmax(0, 1fr) 292px;
  gap: var(--bosluk-5);
  padding: var(--bosluk-5) 0 var(--bosluk-4);
  align-items: end;
}
.yapim-poster img {
  border-radius: var(--r);
  width: 100%;
  border: 1px solid rgba(245, 240, 230, .08);
}

.yapim-bilgi h1 { margin-bottom: .375rem; }
.yapim-bilgi .etiket { margin-bottom: .625rem; }

/* --- Kahraman sag sutunu --- */
.yapim-yan { display: flex; flex-direction: column; gap: .875rem; }

.yan-blok {
  display: block;
  border: 1px solid var(--cizgi);
  border-radius: var(--r);
  padding: .9375rem 1.0625rem 1.0625rem;
  background: rgba(27, 22, 19, .72);
  backdrop-filter: blur(6px);
}
.yan-blok .etiket { margin-bottom: .4375rem; }

.yan-gerisayim { border-left: 2px solid var(--amber); }
.yan-gerisayim:hover { border-color: var(--cizgi-acik); border-left-color: var(--amber); background: rgba(36, 29, 24, .85); }
.yb-kalan {
  display: block;
  font-family: var(--serif);
  font-size: 1.5rem; font-weight: 700; line-height: 1.1;
  color: var(--amber);
}
.yb-detay {
  display: block; font-size: .8125rem;
  color: var(--kagit-2); margin-top: .25rem; line-height: 1.4;
}
.yb-tarih {
  display: block; font-size: .78125rem;
  color: var(--kagit-3); margin-top: .3125rem;
  font-variant-numeric: tabular-nums;
}

.yan-platform { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .375rem; }
.yan-platform a, .yan-platform span {
  display: flex; align-items: center; gap: .5rem;
  font-size: .875rem; font-weight: 500;
}
.yan-platform img { border-radius: 2px; width: 26px; height: 26px; }
.yan-platform a:hover { color: var(--amber); }
.yan-not { margin: .5rem 0 0; font-size: .75rem; color: var(--kagit-3); }
.yan-yok { margin: 0; font-size: .8125rem; color: var(--kagit-2); line-height: 1.5; }
.yan-bag {
  display: inline-block; margin-top: .75rem;
  font-size: .78125rem; font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--amber);
  border-bottom: 1px solid var(--amber-koyu); padding-bottom: 1px;
}
.yan-bag:hover { border-bottom-color: var(--amber); }

.orijinal-ad {
  color: var(--kagit-3);
  font-size: .875rem;
  margin: 0 0 var(--bosluk-3);
}

/* Kunye — sac teli ayraclarla ayrilmis tek satir */
.kunye {
  display: flex; flex-wrap: wrap; align-items: center;
  list-style: none; padding: 0;
  margin: 0 0 var(--bosluk-3);
  font-size: .875rem;
  color: var(--kagit-2);
  font-variant-numeric: tabular-nums;
}
.kunye li { display: flex; align-items: baseline; }
.kunye li + li::before {
  content: "";
  width: 1px; height: .875rem;
  background: var(--cizgi-acik);
  margin: 0 .875rem;
  align-self: center;
}
.kunye-puan strong {
  font-family: var(--serif);
  color: var(--amber);
  font-size: 1.375rem;
  margin-right: .375rem;
  line-height: 1;
}
.kunye-puan small { color: var(--kagit-3); font-size: .75rem; }
.yas-siniri {
  border: 1px solid var(--cizgi-acik);
  padding: 0 .375rem;
  font-size: .75rem;
  border-radius: 2px;
}

.tur-etiketleri {
  display: flex; flex-wrap: wrap; gap: .5rem;
  list-style: none; padding: 0; margin: 0 0 var(--bosluk-3);
}
.tur-etiketleri a {
  display: inline-block;
  font-size: .78125rem;
  letter-spacing: .02em;
  color: var(--kagit-2);
  border: 1px solid var(--cizgi-acik);
  padding: .1875rem .625rem;
  border-radius: 2px;
}
.tur-etiketleri a:hover { border-color: var(--amber); color: var(--amber); }

.hizli-yayin { margin: 0; }
.hizli-yayin a {
  font-size: .875rem;
  font-weight: 600;
  color: var(--amber);
  border-bottom: 1px solid var(--amber-koyu);
  padding-bottom: 1px;
}
.hizli-yayin a:hover { border-bottom-color: var(--amber); }

.yapim-govde {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 296px;
  gap: var(--bosluk-6);
  padding-bottom: var(--bosluk-5);
}
.ana-sutun > section { margin-bottom: var(--bosluk-5); }
.yan-sutun > section { margin-bottom: var(--bosluk-4); }

.konu p { max-width: 68ch; color: #e2dbcf; }
.slogan {
  font-family: var(--serif);
  font-size: 1.125rem;
  color: var(--kagit-2);
  border-left: 2px solid var(--amber-koyu);
  padding-left: 1rem;
  margin-bottom: 1rem;
}

/* -------------------------------------------------------------
   Platform kutusu
   ------------------------------------------------------------- */
.platform-kutu {
  background: var(--murekkep-2);
  border: 1px solid var(--cizgi);
  border-radius: var(--r);
  padding: var(--bosluk-4);
}
.platform-kutu > h2 {
  font-size: 1.25rem;
  margin-bottom: var(--bosluk-3);
  padding-bottom: .5rem;
  border-bottom: 1px solid var(--cizgi);
}
.platform-grup + .platform-grup { margin-top: var(--bosluk-3); }
.platform-grup h3 {
  font-family: var(--grotesk);
  font-size: .6875rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--kagit-3);
  margin-bottom: .625rem;
}
.platform-liste {
  display: flex; flex-wrap: wrap; gap: .5rem;
  list-style: none; padding: 0; margin: 0;
}
.platform-liste a, .platform-liste span {
  display: flex; align-items: center; gap: .625rem;
  background: var(--murekkep-3);
  border: 1px solid var(--cizgi);
  border-radius: var(--r);
  padding: .4375rem .875rem .4375rem .4375rem;
}
.platform-liste a:hover { border-color: var(--amber); }
.platform-liste img { border-radius: 2px; width: 32px; height: 32px; }
.platform-ad { font-weight: 600; font-size: .875rem; }
.platform-liste small { color: var(--kagit-3); font-size: .75rem; }
.platform-not {
  color: var(--kagit-3);
  font-size: .78125rem;
  margin-top: var(--bosluk-3);
  padding-top: .75rem;
  border-top: 1px solid var(--cizgi);
}

.bos-durum {
  color: var(--kagit-2);
  border: 1px dashed var(--cizgi-acik);
  border-radius: var(--r);
  padding: 1.125rem 1.25rem;
  font-size: .9375rem;
}

/* -------------------------------------------------------------
   Oyuncular
   ------------------------------------------------------------- */
.kisi-serit {
  display: flex; gap: 1rem;
  overflow-x: auto;
  list-style: none; padding: 0 0 .75rem; margin: 0;
  scrollbar-width: thin;
}
.kisi-serit li { flex: 0 0 116px; }
.kisi-serit img {
  border-radius: var(--r);
  width: 116px; height: 174px;
  object-fit: cover;
  filter: grayscale(.35);
  transition: filter .2s;
}
.kisi-serit a:hover img { filter: grayscale(0); }
.kisi-serit .foto-yok {
  width: 116px; height: 174px;
  border-radius: var(--r);
  background: var(--murekkep-3);
  display: grid; place-items: center;
  font-family: var(--serif);
  font-size: 1.75rem;
  color: var(--cizgi-acik);
}
.kisi-serit strong {
  display: block;
  font-size: .8125rem;
  font-weight: 600;
  margin-top: .5rem;
  line-height: 1.3;
}
.kisi-serit small {
  color: var(--kagit-3);
  font-size: .75rem;
  line-height: 1.3;
  display: block;
}

/* -------------------------------------------------------------
   Sezon ve bolum listeleri — tablo mantiginda, sac teli cizgiler
   ------------------------------------------------------------- */
.sezon-liste, .bolum-liste, .bolum-tablo {
  list-style: none; padding: 0; margin: 0;
}

.sezon-liste li { border-top: 1px solid var(--cizgi); }
.sezon-liste li:last-child { border-bottom: 1px solid var(--cizgi); }
.sezon-liste a {
  display: flex; gap: 1rem; align-items: center;
  padding: .875rem 0;
}
.sezon-liste img { border-radius: 2px; flex-shrink: 0; }
.sezon-liste h3 { margin: 0 0 .1875rem; font-family: var(--grotesk); font-size: .9375rem; font-weight: 600; }
.sezon-liste p { margin: 0; font-size: .8125rem; color: var(--kagit-3); }
.sezon-liste a:hover h3 { color: var(--amber); }

/* Bolum satiri: numara sabit sutunda, tarih saga yasli */
.bolum-liste li { border-top: 1px solid var(--cizgi); }
.bolum-liste li:last-child { border-bottom: 1px solid var(--cizgi); }
.bolum-liste a {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: baseline;
  padding: .6875rem 0;
  font-size: .9375rem;
}
.bolum-no {
  color: var(--amber);
  font-weight: 700;
  font-size: .8125rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
}
.bolum-ad {
  color: var(--kagit-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bolum-liste a:hover .bolum-ad { color: var(--kagit); }
.bolum-liste time { color: var(--kagit-3); font-size: .8125rem; white-space: nowrap; }

/* Genis bolum tablosu (sezon sayfasi, bugunun bolumleri) */
.bolum-tablo li { border-top: 1px solid var(--cizgi); }
.bolum-tablo li:last-child { border-bottom: 1px solid var(--cizgi); }
.bolum-tablo a { display: flex; gap: 1.125rem; padding: 1rem 0; align-items: flex-start; }
.bolum-tablo img { border-radius: var(--r); flex-shrink: 0; width: 152px; }
.bolum-govde { min-width: 0; flex: 1; }
.bolum-tablo h2, .bolum-tablo h3 {
  font-family: var(--grotesk);
  font-size: .9375rem; font-weight: 600;
  margin: 0 0 .25rem; line-height: 1.35;
}
.bolum-tablo a:hover h2, .bolum-tablo a:hover h3 { color: var(--amber); }
.bolum-meta {
  margin: 0;
  font-size: .8125rem;
  color: var(--kagit-3);
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
  font-variant-numeric: tabular-nums;
}
.bolum-ozet {
  font-size: .875rem; color: var(--kagit-2);
  margin: .4375rem 0 0; max-width: 62ch;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.bolum-tablo li.gelecek .bolum-govde { opacity: .8; }

.rozet-gelecek {
  color: var(--amber);
  border: 1px solid var(--amber-koyu);
  padding: 0 .375rem;
  border-radius: 2px;
  font-size: .6875rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.sezon-gezinme { display: flex; gap: .375rem; flex-wrap: wrap; margin: var(--bosluk-4) 0; }
.sezon-gezinme a, .sezon-gezinme .aktif {
  padding: .3125rem .8125rem;
  border: 1px solid var(--cizgi-acik);
  border-radius: 2px;
  font-size: .8125rem;
  font-variant-numeric: tabular-nums;
}
.sezon-gezinme a:hover { border-color: var(--amber); color: var(--amber); }
.sezon-gezinme .aktif {
  background: var(--amber); color: var(--murekkep);
  border-color: var(--amber); font-weight: 600;
}

.bolum-gezinme {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  margin: var(--bosluk-5) 0;
  align-items: stretch;
}
.bolum-gezinme a {
  border: 1px solid var(--cizgi);
  border-radius: var(--r);
  padding: .875rem 1rem;
  display: flex; flex-direction: column; justify-content: center;
}
.bolum-gezinme a:hover { border-color: var(--amber); }
.bolum-gezinme small {
  color: var(--kagit-3); font-size: .6875rem;
  letter-spacing: .1em; text-transform: uppercase;
  margin-bottom: .1875rem;
}
.bolum-gezinme strong { font-size: .875rem; font-weight: 600; }
.bolum-gezinme .sonraki { text-align: right; }
.bolum-gezinme .sezona-don {
  text-align: center; white-space: nowrap;
  font-size: .8125rem; color: var(--kagit-2);
}

/* -------------------------------------------------------------
   Geri sayim — sayfanin en yuksek niyetli bileseni
   ------------------------------------------------------------- */
.geri-sayim-rozet { margin: 0; }
.geri-sayim-rozet a {
  display: inline-flex; flex-direction: column;
  border-left: 2px solid var(--amber);
  padding: .4375rem 0 .4375rem .875rem;
}
.geri-sayim-rozet strong { font-size: .9375rem; font-weight: 600; }
.geri-sayim-rozet span {
  color: var(--amber); font-size: .8125rem;
  font-weight: 600; letter-spacing: .02em;
}

.nz-ust, .nerede-ust, .sezon-ust, .kisi-ust, .platform-ust {
  display: flex; gap: var(--bosluk-5);
  padding: var(--bosluk-5) 0 var(--bosluk-4);
  align-items: flex-start; flex-wrap: wrap;
}
.nz-ust img, .nerede-ust img, .sezon-ust img, .kisi-ust img {
  border-radius: var(--r); flex-shrink: 0;
}
.nz-ust > div, .nerede-ust > div, .sezon-ust > div, .kisi-ust > div {
  flex: 1; min-width: 260px;
}

.geri-sayim {
  border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi);
  padding: var(--bosluk-4) 0;
  margin: var(--bosluk-4) 0 0;
}
.gs-bolum { margin: 0 0 .3125rem; }
.gs-bolum strong {
  font-family: var(--serif);
  font-size: 1.375rem; font-weight: 700;
  display: block; line-height: 1.2;
}
.gs-ad { display: block; color: var(--kagit-2); font-size: .9375rem; margin-top: .1875rem; }
.gs-tarih { margin: 0 0 .625rem; color: var(--kagit-2); font-size: .9375rem; }
.gs-kalan {
  font-family: var(--serif);
  font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  font-weight: 700;
  color: var(--amber);
  line-height: 1;
  margin: 0;
}
.gs-kalan.yayinda { color: var(--canli); }
.geri-sayim.bilinmiyor { border-left: 0; }
.geri-sayim.bilinmiyor p { color: var(--kagit-2); margin-bottom: .5rem; }
.gs-son { color: var(--kagit-3) !important; font-size: .875rem; }

.gs-serit {
  display: grid; gap: 0;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  list-style: none; padding: 0; margin: 0;
  border-top: 1px solid var(--cizgi);
}
.gs-serit li { border-bottom: 1px solid var(--cizgi); }
.gs-serit a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .5rem 1rem;
  align-items: baseline;
  padding: .875rem 1rem .875rem 0;
}
.gs-serit strong { font-size: .9375rem; font-weight: 600; }
.gs-serit a:hover strong { color: var(--amber); }
.gs-serit span {
  grid-column: 1;
  color: var(--kagit-3); font-size: .8125rem;
  font-variant-numeric: tabular-nums;
}
.gs-serit em {
  grid-row: 1 / 3; grid-column: 2;
  align-self: center;
  color: var(--amber); font-style: normal;
  font-size: .8125rem; font-weight: 600;
  white-space: nowrap;
}

.ozet-cevap {
  font-size: 1.0625rem;
  line-height: 1.7;
  color: #e2dbcf;
  max-width: 62ch;
}
.ozet-cevap strong { color: var(--kagit); font-weight: 600; }

/* -------------------------------------------------------------
   Veri listeleri ve tablolar
   ------------------------------------------------------------- */
.tablo-kaydir { overflow-x: auto; }
.platform-tablo { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.platform-tablo th, .platform-tablo td {
  text-align: left; padding: .8125rem 1rem .8125rem 0;
  border-bottom: 1px solid var(--cizgi);
}
.platform-tablo thead th {
  color: var(--kagit-3);
  font-family: var(--grotesk);
  font-size: .6875rem; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase;
  border-bottom-color: var(--cizgi-acik);
}
.platform-tablo tbody th { font-weight: 600; }
.platform-tablo tbody a:hover { color: var(--amber); }

.veri-liste {
  display: grid; grid-template-columns: auto 1fr;
  gap: .5rem 1.25rem; margin: 0; font-size: .9375rem;
}
.veri-liste dt {
  color: var(--kagit-3); font-size: .8125rem;
  letter-spacing: .02em;
}
.veri-liste dd { margin: 0; }
.veri-liste.yatay {
  display: flex; flex-wrap: wrap; gap: .375rem 0; align-items: baseline;
}
.veri-liste.yatay dt { margin-right: .4375rem; }
.veri-liste.yatay dt::after { content: ":"; }
.veri-liste.yatay dd { margin-right: 1.75rem; font-weight: 500; }

.kutu {
  border: 1px solid var(--cizgi);
  border-radius: var(--r);
  padding: 1.125rem 1.25rem;
}
.kutu h2 {
  font-family: var(--grotesk);
  font-size: .6875rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--kagit-3);
  margin-bottom: .875rem;
  border: 0; padding: 0;
}
.kutu h2::after { display: none; }

/* -------------------------------------------------------------
   SSS
   ------------------------------------------------------------- */
.sss-liste details { border-top: 1px solid var(--cizgi); }
.sss-liste details:last-child { border-bottom: 1px solid var(--cizgi); }
.sss-liste summary {
  cursor: pointer; padding: .9375rem 2rem .9375rem 0;
  list-style: none; position: relative;
}
.sss-liste summary::-webkit-details-marker { display: none; }
.sss-liste summary h3 {
  display: inline;
  font-family: var(--grotesk);
  font-size: .9375rem; font-weight: 600;
}
.sss-liste summary::after {
  content: "";
  position: absolute; right: .25rem; top: 50%;
  width: .625rem; height: .625rem;
  border-right: 1.5px solid var(--amber);
  border-bottom: 1.5px solid var(--amber);
  transform: translateY(-70%) rotate(45deg);
  transition: transform .2s;
}
.sss-liste details[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.sss-liste p {
  color: var(--kagit-2); padding: 0 2rem .9375rem 0;
  margin: 0; max-width: 68ch; font-size: .9375rem;
}

/* -------------------------------------------------------------
   Fragman
   ------------------------------------------------------------- */
.video-kutu {
  position: relative; aspect-ratio: 16 / 9;
  border-radius: var(--r); overflow: hidden;
  background: #000; border: 1px solid var(--cizgi);
}
.video-kutu iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* -------------------------------------------------------------
   Liste ve hub sayfalari
   ------------------------------------------------------------- */
.liste-ust {
  padding: var(--bosluk-5) 0 var(--bosluk-4);
  border-bottom: 1px solid var(--cizgi);
  margin-bottom: var(--bosluk-4);
}
.liste-ust h1 { margin-bottom: .5rem; }
.liste-ozet {
  color: var(--kagit-3); font-size: .875rem; margin: 0;
  font-variant-numeric: tabular-nums;
}

.platform-sekme {
  display: flex; gap: 0; flex-wrap: wrap;
  margin: 0 0 var(--bosluk-4);
  border-bottom: 1px solid var(--cizgi);
}
.platform-sekme a {
  padding: .625rem 1.125rem;
  font-size: .8125rem; font-weight: 500;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--kagit-3);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.platform-sekme a:hover { color: var(--kagit); }
.platform-sekme a.aktif { color: var(--amber); border-bottom-color: var(--amber); }

.platform-ust img { border-radius: var(--r); }

.gun-grubu { margin-top: var(--bosluk-5); }
.gun-grubu h2 {
  display: flex; align-items: baseline; gap: .875rem;
  border-bottom: 1px solid var(--cizgi);
  padding-bottom: .5rem; margin-bottom: var(--bosluk-4);
  font-size: 1.25rem;
}
.gun-grubu h2::after { display: none; }
.gun-grubu h2 small {
  font-family: var(--grotesk);
  color: var(--kagit-3); font-weight: 400; font-size: .78125rem;
  letter-spacing: .06em; text-transform: uppercase;
}

/* Ana sayfa — bugunun bolumleri seridi */
.bugun-liste {
  display: grid; gap: 0;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  list-style: none; padding: 0; margin: 0 0 var(--bosluk-3);
  border-top: 1px solid var(--cizgi);
}
.bugun-liste li { border-bottom: 1px solid var(--cizgi); }
.bugun-liste a {
  display: flex; gap: .875rem; padding: .75rem 1rem .75rem 0;
  align-items: center;
}
.bugun-liste img { border-radius: 2px; flex-shrink: 0; }
.bugun-liste strong { display: block; font-size: .875rem; font-weight: 600; line-height: 1.35; }
.bugun-liste a:hover strong { color: var(--amber); }
.bugun-liste span {
  color: var(--kagit-3); font-size: .78125rem;
  font-variant-numeric: tabular-nums;
  display: block; margin-top: .125rem;
}
.tumu-bag { margin: 0 0 var(--bosluk-5); }
.tumu-bag a {
  font-size: .8125rem; font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--amber);
}

/* Ana sayfa girisi — editoryel bir "sayi basi" bloku.
   Tarih ustte etiket olarak, baslik serif, altinda kisa bir giris. */
.giris {
  padding: var(--bosluk-5) 0 var(--bosluk-4);
  border-bottom: 1px solid var(--cizgi);
}
.giris h1 { margin-bottom: .75rem; }
.giris-ozet {
  max-width: 58ch;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--kagit-2);
  margin: 0;
}
.giris-ozet strong { color: var(--amber); font-weight: 700; }

/* -------------------------------------------------------------
   Sayfalama
   ------------------------------------------------------------- */
.sayfalama {
  display: flex; gap: .25rem; flex-wrap: wrap;
  justify-content: center; align-items: center;
  margin: var(--bosluk-5) 0;
  font-variant-numeric: tabular-nums;
}
.sayfalama a, .sayfalama .sf-aktif {
  padding: .4375rem .75rem;
  border: 1px solid var(--cizgi);
  border-radius: 2px;
  font-size: .875rem;
  min-width: 2.25rem; text-align: center;
}
.sayfalama a:hover { border-color: var(--amber); color: var(--amber); }
.sayfalama .sf-aktif {
  background: var(--amber); color: var(--murekkep);
  border-color: var(--amber); font-weight: 700;
}
.sayfalama .sf-onceki, .sayfalama .sf-sonraki { border-color: var(--cizgi-acik); }
.sf-bosluk { color: var(--kagit-3); padding: 0 .25rem; }

/* -------------------------------------------------------------
   Ic linkleme
   ------------------------------------------------------------- */
.ic-baglanti {
  border-top: 1px solid var(--cizgi);
  padding-top: var(--bosluk-5);
  margin-top: var(--bosluk-5);
}
.ic-baglanti section { margin-bottom: var(--bosluk-4); }
.ic-baglanti h2 {
  font-family: var(--grotesk);
  font-size: .6875rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--kagit-3);
  border: 0; padding: 0; margin-bottom: .875rem;
}
.ic-baglanti h2::after { display: none; }
.etiket-bulutu { display: flex; flex-wrap: wrap; gap: .4375rem; list-style: none; padding: 0; margin: 0; }
.etiket-bulutu a {
  display: inline-flex; align-items: baseline; gap: .375rem;
  border: 1px solid var(--cizgi);
  padding: .25rem .6875rem;
  border-radius: 2px;
  font-size: .8125rem;
  color: var(--kagit-2);
}
.etiket-bulutu a:hover { border-color: var(--amber); color: var(--amber); }
.etiket-bulutu small { color: var(--kagit-3); font-size: .6875rem; font-variant-numeric: tabular-nums; }

.geri-bag { margin: var(--bosluk-5) 0 0; }
.geri-bag a {
  font-size: .875rem; color: var(--kagit-3);
  border-bottom: 1px solid var(--cizgi-acik);
  padding-bottom: 1px;
}
.geri-bag a:hover { color: var(--amber); border-bottom-color: var(--amber); }

/* -------------------------------------------------------------
   Hata / arama
   ------------------------------------------------------------- */
.hata-sayfa { padding: var(--bosluk-6) 0; max-width: 560px; }
.hata-mesaj { color: var(--kagit-2); }
.hata-baglantilar { display: flex; gap: 1.25rem; flex-wrap: wrap; margin-top: var(--bosluk-4); }
.hata-baglantilar a {
  font-size: .8125rem; font-weight: 500;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--kagit-3);
  border-bottom: 1px solid var(--cizgi-acik); padding-bottom: 2px;
}
.hata-baglantilar a:hover { color: var(--amber); border-bottom-color: var(--amber); }
.arama-sayfa { padding-top: var(--bosluk-5); }

.biyografi p { max-width: 68ch; color: var(--kagit-2); }
.sezon-konu { color: var(--kagit-2); max-width: 66ch; }
.sezon-ozet { color: var(--kagit-3); font-size: .875rem; }
.bolum-adi {
  font-family: var(--serif);
  font-size: 1.25rem; color: var(--kagit-2);
  margin: -.5rem 0 .875rem;
}
.bolum-gorsel { margin: 0 0 var(--bosluk-4); }
.bolum-gorsel img { border-radius: var(--r); width: 100%; }
.bolum-ust, .kisi-ust { padding-top: var(--bosluk-5); }

/* -------------------------------------------------------------
   Alt
   ------------------------------------------------------------- */
.alt {
  border-top: 1px solid var(--cizgi);
  margin-top: var(--bosluk-6);
  padding: var(--bosluk-5) 0 var(--bosluk-4);
  font-size: .875rem;
}
.alt-sutunlar {
  display: grid; gap: var(--bosluk-4);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.alt-baslik {
  font-family: var(--grotesk);
  font-size: .6875rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--kagit-3);
  margin-bottom: .875rem;
}
.alt ul { list-style: none; padding: 0; margin: 0; }
.alt li { margin-bottom: .5rem; }
.alt a { color: var(--kagit-2); }
.alt a:hover { color: var(--amber); }

.atif {
  border-top: 1px solid var(--cizgi);
  margin-top: var(--bosluk-5);
  padding-top: var(--bosluk-4);
  color: var(--kagit-3);
  font-size: .78125rem;
  max-width: 70ch;
}
.atif p { margin: 0 0 .375rem; }
.telif { margin-top: .875rem !important; }

/* -------------------------------------------------------------
   Duyarli
   ------------------------------------------------------------- */
@media (max-width: 1100px) {
  /* Yan blok basligin altina gecer, poster ve baslik yan yana kalir */
  .yapim-ust { grid-template-columns: 190px minmax(0, 1fr); }
  .yapim-yan { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; }
  .yapim-yan > * { flex: 1 1 260px; }
}

@media (max-width: 1020px) {
  /*
 * DIKKAT: "minmax(0, 1fr)", ciplak "1fr" DEGIL.
 *
 * CSS Grid de 1fr aslinda minmax(auto, 1fr) demektir ve auto alt siniri
 * seridin icerigin min-content genisliginin altina inmesini engeller.
 * Sonuc: mobilde kapsayici 343px iken grid ogesi 776px olup sayfayi
 * yatay kaydiriyordu. Olculdu: belge genisligi 792px / ekran 375px.
 */
  .yapim-govde { grid-template-columns: minmax(0, 1fr); gap: var(--bosluk-5); }
  .yan-sutun { order: -1; }
}

@media (max-width: 780px) {
  :root { --bosluk-5: 2rem; --bosluk-6: 2.75rem; }
  .kap, .kap-dar { width: min(100% - 2rem, var(--kap)); }
  .yapim-ust { grid-template-columns: 128px minmax(0, 1fr); gap: 1.125rem; align-items: start; }
  .yapim-arka { height: 340px; }
  .yapim-yan { flex-direction: column; }
  /* DIKKAT: sutun yonunde flex-basis YUKSEKLIK olur. Ust kirilimdaki
     "flex: 1 1 260px" burada bloklari 260px yuksekliginde sisiriyordu. */
  .yapim-yan > * { flex: 0 0 auto; }
  /* Menu tek satirda yatay kaydirilir.
     flex-wrap: wrap birakilirsa ogeler dikey yigiliyor ve aramanin
     uzerine tasiyordu; overflow-x ancak nowrap ile calisir. */
  .ust-ic { gap: .75rem 1rem; padding: .75rem 0; }
  .ana-menu {
    order: 3; width: 100%; flex: 0 0 100%;
    flex-wrap: nowrap; gap: 1.25rem;
    overflow-x: auto; scrollbar-width: none;
    padding-bottom: .125rem;
    -webkit-overflow-scrolling: touch;
  }
  .ana-menu::-webkit-scrollbar { display: none; }
  .arama { flex: 1; min-width: 0; }
  .arama input { width: auto; flex: 1; min-width: 0; }
  .izgara { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 1.125rem .75rem; }
  .bolum-tablo img { width: 108px; }
  .bolum-gezinme { grid-template-columns: minmax(0, 1fr); }
  .bolum-gezinme .sonraki { text-align: left; }
  .nz-ust img, .nerede-ust img, .sezon-ust img, .kisi-ust img { width: 108px; height: auto; }
  .bolum-liste a { grid-template-columns: 2.75rem minmax(0, 1fr); }
  .bolum-liste time { grid-column: 2; font-size: .75rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Yayinlanacak bolumler — tarihin altinda geri sayim */
.bolum-liste li.gelecek .bolum-no { color: var(--kagit-3); }
.bolum-liste li.gelecek time { text-align: right; }
.kalan-gun {
  display: block;
  color: var(--amber);
  font-size: .75rem;
  font-weight: 600;
}

/* -------------------------------------------------------------
   Statik sayfalar (hakkinda, iletisim, yasal)
   Dar olcum, uzun metin icin okunakli satir uzunlugu.
   ------------------------------------------------------------- */
.statik { padding-bottom: var(--bosluk-5); }
.statik-ust {
  padding: var(--bosluk-5) 0 var(--bosluk-4);
  border-bottom: 1px solid var(--cizgi);
  margin-bottom: var(--bosluk-5);
}
.statik-ust h1 { margin-bottom: .625rem; }
.statik-ozet { color: var(--kagit-2); font-size: 1.0625rem; margin: 0; max-width: 56ch; }

.statik section { margin-bottom: var(--bosluk-5); }
.statik section h2 { font-size: 1.3125rem; }
.statik p { color: var(--kagit-2); max-width: 68ch; }
.statik strong { color: var(--kagit); font-weight: 600; }
.statik em { color: var(--kagit); font-style: italic; }
.statik a:not(.statik-baglantilar a) {
  color: var(--amber);
  border-bottom: 1px solid var(--amber-koyu);
  padding-bottom: 1px;
}
.statik a:not(.statik-baglantilar a):hover { border-bottom-color: var(--amber); }
.statik code {
  font-size: .875em;
  background: var(--murekkep-3);
  padding: .0625rem .3125rem;
  border-radius: 2px;
}

.madde-liste { list-style: none; padding: 0; margin: 0; max-width: 68ch; }
.madde-liste li {
  color: var(--kagit-2);
  padding: .75rem 0 .75rem 1.25rem;
  border-bottom: 1px solid var(--cizgi);
  position: relative;
}
.madde-liste li:first-child { border-top: 1px solid var(--cizgi); }
.madde-liste li::before {
  content: "";
  position: absolute; left: 0; top: 1.4rem;
  width: .375rem; height: 1px;
  background: var(--amber);
}

.eposta { margin: .5rem 0 0; }
.eposta a {
  font-family: var(--serif);
  font-size: 1.25rem;
  font-weight: 700;
}

/* Hakkinda sayfasindaki sayilar */
.istatistik {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0;
  margin: var(--bosluk-4) 0 0;
  border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi);
}
.istatistik > div { padding: 1rem 1rem 1rem 0; }
.istatistik > div + div { border-left: 1px solid var(--cizgi); padding-left: 1rem; }
.istatistik dt {
  font-size: .6875rem; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--kagit-3); margin-bottom: .25rem;
}
.istatistik dd {
  margin: 0;
  font-family: var(--serif);
  font-size: 1.625rem; font-weight: 700;
  color: var(--amber);
  font-variant-numeric: tabular-nums;
}

.statik-baglantilar {
  display: flex; gap: 1.5rem; flex-wrap: wrap;
  border-top: 1px solid var(--cizgi);
  padding-top: var(--bosluk-4);
}
.statik-baglantilar a {
  font-size: .8125rem; font-weight: 500;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--kagit-3);
}
.statik-baglantilar a:hover { color: var(--amber); }

/* Liste sayfasi giris metni */
.liste-giris {
  margin: .875rem 0 0;
  max-width: 66ch;
  color: var(--kagit-2);
  font-size: .9375rem;
  line-height: 1.7;
}

/* Yerli yapim sayfasi — platform dagilimi seridi */
.yerli-platform { margin-bottom: var(--bosluk-5); }
.yerli-platform h2 {
  font-family: var(--grotesk);
  font-size: .6875rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--kagit-3);
  border: 0; padding: 0; margin-bottom: .75rem;
}
.yerli-platform h2::after { display: none; }
.platform-dagilim {
  display: grid; gap: 0;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  list-style: none; padding: 0; margin: 0;
  border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi);
}
.platform-dagilim li + li { border-left: 1px solid var(--cizgi); }
.platform-dagilim a { display: block; padding: .8125rem 1rem .8125rem 0; }
.platform-dagilim li + li a { padding-left: 1rem; }
.platform-dagilim strong { display: block; font-size: .9375rem; font-weight: 600; }
.platform-dagilim a:hover strong { color: var(--amber); }
.platform-dagilim span {
  color: var(--kagit-3); font-size: .78125rem;
  font-variant-numeric: tabular-nums;
}

/* -------------------------------------------------------------
   Arama onerisi (yazarken acilan kutu)
   Sitenin tek JS bileseni; JS calismazsa form normal calisir.
   ------------------------------------------------------------- */
.arama { position: relative; }

.oneri-kutu {
  position: absolute;
  top: calc(100% + .375rem);
  left: 0;
  width: min(400px, calc(100vw - 3rem));
  max-height: 70vh;
  overflow-y: auto;
  background: var(--murekkep-2);
  border: 1px solid var(--cizgi-acik);
  border-radius: var(--r);
  z-index: 60;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .55);
}

.oneri {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .5rem .75rem;
  border-bottom: 1px solid var(--cizgi);
}
.oneri:hover, .oneri.secili { background: var(--murekkep-3); }
.oneri img { border-radius: 2px; width: 34px; height: 51px; object-fit: cover; flex-shrink: 0; }
.oneri-poster-yok {
  width: 34px; height: 51px; border-radius: 2px;
  background: var(--murekkep-3); flex-shrink: 0;
}
.oneri-govde { min-width: 0; flex: 1; }
.oneri-govde strong {
  display: block; font-size: .875rem; font-weight: 600;
  line-height: 1.3;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.oneri.secili .oneri-govde strong { color: var(--amber); }
.oneri-alt {
  display: block; font-size: .75rem; color: var(--kagit-3);
  font-variant-numeric: tabular-nums;
  margin-top: .0625rem;
}
.oneri-tr {
  display: inline-block; margin-left: .4375rem;
  color: var(--erisim); font-weight: 700; font-size: .6875rem;
  letter-spacing: .04em;
}

.oneri-tumu {
  display: block; padding: .625rem .75rem;
  font-size: .78125rem; font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--amber); text-align: center;
}
.oneri-tumu:hover, .oneri-tumu.secili { background: var(--murekkep-3); }
.oneri-bos { padding: .875rem .75rem; margin: 0; font-size: .875rem; color: var(--kagit-3); }

@media (max-width: 780px) {
  .oneri-kutu { width: 100%; }
}

/* -------------------------------------------------------------
   Bolum sayfasi
   Gorsel SINIRLI genislikte: TMDB bolum kareleri kucuk cozunurlukte
   geliyor, tam genislikte gerilince bulaniklasiyor.
   ------------------------------------------------------------- */
.bolum-ust { padding: var(--bosluk-5) 0 var(--bosluk-4); }
.bolum-ust .etiket { margin-bottom: .625rem; }
.bolum-ust .etiket a { color: var(--amber); }
.bolum-ust .etiket a:hover { border-bottom: 1px solid var(--amber); }
.bolum-ust h1 { margin-bottom: .375rem; }

.bolum-govde-duzen {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: var(--bosluk-6);
  align-items: start;
}

.bolum-ana .bolum-gorsel { margin: 0 0 var(--bosluk-4); }
.bolum-ana .bolum-gorsel img {
  border-radius: var(--r);
  width: 100%;
  max-width: 460px;          /* kaynak w300; buyutunce bozuluyor */
  border: 1px solid var(--cizgi);
}
.bolum-ana .kunye { margin-bottom: var(--bosluk-4); }
.bolum-ana > section { margin-bottom: var(--bosluk-4); }

.bolum-yan { display: flex; flex-direction: column; gap: .875rem; }

.bolum-dizi-kart {
  display: flex; gap: .875rem; align-items: center;
  border: 1px solid var(--cizgi);
  border-radius: var(--r);
  padding: .625rem;
}
.bolum-dizi-kart:hover { border-color: var(--amber); }
.bolum-dizi-kart img { width: 62px; height: auto; border-radius: 2px; flex-shrink: 0; }
.bolum-dizi-kart strong { display: block; font-size: .9375rem; font-weight: 600; line-height: 1.3; }
.bolum-dizi-kart small { color: var(--kagit-3); font-size: .75rem; }

.yan-sezon-liste { list-style: none; padding: 0; margin: 0; }
.yan-sezon-liste li + li { border-top: 1px solid var(--cizgi); }
.yan-sezon-liste a {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: .625rem; padding: .5rem 0;
  font-size: .875rem;
}
.yan-sezon-liste a:hover span { color: var(--amber); }
.yan-sezon-liste a.aktif span { color: var(--amber); font-weight: 600; }
.yan-sezon-liste small { color: var(--kagit-3); font-size: .75rem; font-variant-numeric: tabular-nums; }

.gezinme-bos { display: block; }

@media (max-width: 1020px) {
  .bolum-govde-duzen { grid-template-columns: minmax(0, 1fr); gap: var(--bosluk-5); }
  .bolum-yan { flex-direction: row; flex-wrap: wrap; }
  .bolum-yan > * { flex: 1 1 240px; }
}
@media (max-width: 780px) {
  .bolum-yan { flex-direction: column; }
  .bolum-yan > * { flex: 0 0 auto; }
  .bolum-ana .bolum-gorsel img { max-width: 100%; }
}

/* -------------------------------------------------------------
   Film serisi — "izleme sırası"
   Kart izgarasi degil NUMARALI SIRA listesi: sayfanin vaadi
   "hangi sirayla izlenir" ve tasarim bunu gostermeli.
   ------------------------------------------------------------- */
.seri-ust { display: flex; gap: var(--bosluk-5); padding: var(--bosluk-5) 0 var(--bosluk-4); flex-wrap: wrap; }
.seri-ust img { border-radius: var(--r); flex-shrink: 0; }
.seri-ust > div { flex: 1; min-width: 260px; }
.seri-konu { color: var(--kagit-2); max-width: 62ch; margin-top: .875rem; }

.sira-not {
  color: var(--kagit-3); font-size: .875rem;
  border-left: 2px solid var(--cizgi-acik);
  padding-left: .875rem; margin-bottom: var(--bosluk-4);
  max-width: 62ch;
}
.sira-not strong { color: var(--kagit-2); }

.sira-liste { list-style: none; padding: 0; margin: 0; counter-reset: sira; }
.sira-liste li {
  display: flex; gap: 1rem; align-items: flex-start;
  border-top: 1px solid var(--cizgi);
  padding: 1rem 0;
}
.sira-liste li:last-child { border-bottom: 1px solid var(--cizgi); }

.sira-no {
  font-family: var(--serif);
  font-size: 1.5rem; font-weight: 700;
  color: var(--amber);
  line-height: 1.1;
  min-width: 2rem;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

.sira-bag { display: flex; gap: 1rem; align-items: flex-start; flex: 1; min-width: 0; }
.sira-bag img { border-radius: 2px; flex-shrink: 0; width: 76px; }
.sira-govde { min-width: 0; flex: 1; }
.sira-govde strong { display: block; font-size: 1rem; font-weight: 600; line-height: 1.35; }
.sira-bag:hover .sira-govde strong { color: var(--amber); }

.sira-meta {
  display: block; margin-top: .25rem;
  font-size: .8125rem; color: var(--kagit-3);
  font-variant-numeric: tabular-nums;
}
.sira-puan { color: var(--amber); font-weight: 600; }
.sira-tr {
  margin-left: .5rem; color: var(--erisim);
  font-size: .6875rem; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase;
}
.sira-ozet {
  display: block; margin-top: .4375rem;
  font-size: .875rem; color: var(--kagit-2);
  max-width: 64ch; line-height: 1.55;
}

@media (max-width: 780px) {
  .seri-ust img { width: 110px; height: auto; }
  .sira-no { font-size: 1.125rem; min-width: 1.5rem; }
  .sira-bag img { width: 58px; }
  .sira-ozet { display: none; }
}

/* --- Yapim ekibi -----------------------------------------------------
   Onceden yalnizca yonetmen basildigi icin tek satirdi ve bicimsiz
   olmasi goze batmiyordu. Senarist / yapimci / besteci eklenince liste
   8-12 satira cikti; ayni izgara duzeni .veri-liste ile ayni olcude
   tutuluyor ki kunye kutusuyla ayni ritimde okunsun.                    */
.ekip-liste {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .5rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: .9375rem;
}
.ekip-liste li {
  display: contents;
}
.ekip-liste .gorev {
  color: var(--kagit-3);
  font-size: .8125rem;
  letter-spacing: .02em;
  white-space: nowrap;
}
.ekip-liste a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.ekip-liste a:hover,
.ekip-liste a:focus-visible {
  border-bottom-color: var(--amber);
}

@media (max-width: 30rem) {
  /* Dar ekranda iki sutun sikisiyor; gorev ustte, ad altta */
  .ekip-liste { grid-template-columns: minmax(0, 1fr); gap: .125rem 0; }
  .ekip-liste li { display: block; margin-bottom: .5rem; }
}

/* --- Bolum rehberi ---------------------------------------------------
   Bolumler kart degil TABLO: 100+ bolumlu dizilerde kart izgarasi hem
   cok uzuyor hem goz ile taranmasi zorlasiyor.                          */
.rehber-ust {
  display: flex; gap: 1.75rem; align-items: flex-start;
  padding-block: 2rem 1.5rem;
}
.rehber-poster { width: 140px; height: auto; border-radius: var(--r); flex: none; }
.rehber-bilgi { min-width: 0; }
.rehber-ozet { margin: .5rem 0 0; color: var(--kagit-2); }
.rehber-ozet strong { color: var(--kagit); }
.rehber-platform { margin: .5rem 0 0; color: var(--kagit-3); font-size: .9375rem; }

.sezon-atla {
  display: flex; flex-wrap: wrap; gap: .375rem; margin-top: 1rem;
}
.sezon-atla a {
  font-size: .8125rem; padding: .25rem .625rem;
  border: 1px solid var(--cizgi); border-radius: 999px;
  color: var(--kagit-2); text-decoration: none;
}
.sezon-atla a:hover, .sezon-atla a:focus-visible {
  border-color: var(--amber); color: var(--amber);
}

.rehber-sezon { margin-block: 2.5rem; scroll-margin-top: 5rem; }

.rehber-tablo { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.rehber-tablo th {
  text-align: left; font-weight: 500; font-size: .75rem;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--kagit-3); padding: .5rem .75rem;
  border-bottom: 1px solid var(--cizgi-acik);
}
.rehber-tablo td {
  padding: .625rem .75rem; border-bottom: 1px solid var(--cizgi);
}
.rehber-tablo tbody tr:hover { background: rgba(255,255,255,.02); }
.rehber-tablo .bolum-no {
  color: var(--kagit-3); font-variant-numeric: tabular-nums;
  width: 3rem; text-align: right;
}
.rehber-tablo .bolum-tarih,
.rehber-tablo .bolum-sure {
  color: var(--kagit-3); white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.rehber-tablo a { color: inherit; text-decoration: none; }
.rehber-tablo a:hover, .rehber-tablo a:focus-visible { color: var(--amber); }
.rehber-tablo tr.gelecek td { color: var(--kagit-3); font-style: italic; }
.rehber-tablo .belirsiz { color: var(--cizgi-acik); }

@media (max-width: 40rem) {
  .rehber-ust { gap: 1rem; }
  .rehber-poster { width: 92px; }
  /* Dar ekranda sure sutunu dusuyor; tarih daha degerli */
  .rehber-tablo .bolum-sure, .rehber-tablo th:last-child { display: none; }
}

/* --- Gruplu ana menu -------------------------------------------------
   <details> tabanli, JavaScript yok. Masaustunde uzerine gelince acilir
   (details[open] yerine :hover ile), dokunmatikte tiklayinca.           */
.menu-grup { position: relative; }

.menu-grup > summary {
  list-style: none; cursor: pointer;
  padding: .375rem 0; white-space: nowrap;
  display: inline-flex; align-items: center; gap: .3rem;
}
.menu-grup > summary::-webkit-details-marker { display: none; }
.menu-grup > summary::after {
  content: ""; width: .3rem; height: .3rem;
  border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-.1em);
  opacity: .55; transition: transform .15s ease;
}
.menu-grup[open] > summary::after { transform: rotate(-135deg) translateY(-.05em); }
.menu-grup.aktif > summary { color: var(--amber); }

.menu-kutu {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  z-index: 60; min-width: 13rem;
  display: flex; flex-direction: column;
  padding: .5rem; margin-top: .375rem;
  background: var(--murekkep);
  border: 1px solid var(--cizgi-acik);
  border-radius: var(--r);
  box-shadow: 0 12px 32px rgba(0,0,0,.5);
}
.menu-kutu a {
  padding: .4375rem .625rem; border-radius: calc(var(--r) - 2px);
  font-size: .875rem; white-space: nowrap; text-decoration: none;
  color: var(--kagit-2);
}
.menu-kutu a:hover, .menu-kutu a:focus-visible {
  background: var(--cizgi); color: var(--kagit);
}
.menu-kutu a[aria-current="page"] { color: var(--amber); }

/* Duz baglanti ile <summary> ayni dikey hizada dursun: summary
   dolgu aliyor, baglanti almiyordu ve menude bir tanesi yukarida
   kaliyordu. */
.menu-tek { padding: .375rem 0; white-space: nowrap; }
.menu-tek.aktif { color: var(--amber); }
.ana-menu { align-items: center; }

/* Masaustu: uzerine gelince ac. Isaretci parmakla gezinen cihazlarda
   bu kural devre disi kalir ve <details> normal tiklama ile calisir. */
@media (hover: hover) and (min-width: 56rem) {
  .menu-grup:hover > .menu-kutu,
  .menu-grup:focus-within > .menu-kutu { display: flex; }
  .menu-grup:not([open]) > .menu-kutu { display: none; }
  .menu-grup:hover > summary::after,
  .menu-grup:focus-within > summary::after { transform: rotate(-135deg) translateY(-.05em); }
}

@media (max-width: 55.99rem) {
  /* Dar ekranda acilir kutu satir arasina yerlesir, ustte yuzmez */
  .menu-kutu {
    position: static; transform: none; min-width: 0;
    box-shadow: none; margin-top: .25rem;
  }
}