/* =====================================================================
   FilmScript - Ana stil
   ===================================================================== */

:root {
  --bg: #0e0e0f;
  --bg2: #141415;
  --bg3: #1c1c1e;
  --kutu: #1a1a1c;
  --cizgi: #28282b;
  --metin: #e8e8ea;
  --metin2: #9a9aa3;
  --kirmizi: #e50914;
  --kirmizi-hover: #f40612;
  --yesil: #46d369;
  --radius: 14px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--metin);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.55;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

.kapsayici { max-width: 1200px; margin: 0 auto; padding: 0 18px; }

/* ---------- Uyarı katmanı ---------- */
#uyari-katmani {
  position: fixed; top: 14px; left: 50%; transform: translateX(-50%);
  z-index: 9999; width: min(92vw, 480px);
}
.uyari {
  padding: 12px 18px; border-radius: 10px; margin-bottom: 8px;
  font-size: 14px; color: #fff; box-shadow: 0 8px 30px rgba(0,0,0,.5);
  animation: dus 0.3s ease;
}
.uyari.basarili { background: #1d7a3d; }
.uyari.hata { background: var(--kirmizi); }
.uyari.bilgi { background: #175a8a; }
@keyframes dus { from { transform: translateY(-14px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

/* ---------- Üst menü ---------- */
body.stil-mavi { --kirmizi: #0a63c2; --kirmizi-hover: #0b74e0; }
body.stil-yesil { --kirmizi: #1c9e54; --kirmizi-hover: #21b562; }
body.stil-mor { --kirmizi: #7b2fbe; --kirmizi-hover: #8c3ad3; }

.ust {
  position: sticky; top: 0; z-index: 100;
  background: rgba(14,14,15,.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--cizgi);
}
.ust-ic { display: flex; align-items: center; gap: 22px; min-height: 62px; }

.logo {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 21px; font-weight: 800; letter-spacing: .3px; white-space: nowrap;
}
.logo-carki {
  display: inline-block; width: 22px; height: 22px; flex: 0 0 auto;
  background: linear-gradient(135deg, var(--kirmizi), #ff5f6d);
  clip-path: polygon(0 0, 0 100%, 60% 50%);
}

.ana-menu { display: flex; align-items: center; gap: 6px; flex: 1; }
.ana-menu > a,
.acilir-btn {
  background: none; border: none; color: var(--metin2);
  font-size: 15px; padding: 8px 12px; border-radius: 8px;
  transition: color .2s, background .2s;
}
.ana-menu > a:hover,
.acilir-btn:hover,
.ana-menu > a.aktif {
  color: #fff; background: rgba(255,255,255,.08);
}
.acilir { position: relative; }
.acilir-btn { display: inline-flex; align-items: center; gap: 6px; }
.acilir-btn .ok { font-size: 10px; }
.acilir-menu {
  position: absolute; top: calc(100% + 6px); left: 0; min-width: 200px;
  background: var(--bg3); border: 1px solid var(--cizgi); border-radius: 12px;
  padding: 8px; display: none;
  box-shadow: 0 18px 50px rgba(0,0,0,.6); z-index: 80;
}
.acilir-menu.aciq { display: block; }
.acilir:hover .acilir-menu { display: block; }
.acilir-menu a {
  display: block; padding: 9px 12px; border-radius: 8px; color: var(--metin2); font-size: 14px;
}
.acilir-menu a:hover { background: rgba(229,9,20,.15); color: #fff; }

.ust-sag { display: flex; align-items: center; gap: 12px; }
.arama {
  display: flex; align-items: center; background: var(--bg3);
  border: 1px solid var(--cizgi); border-radius: 999px; padding: 3px 6px 3px 14px;
}
.arama input {
  background: none; border: none; outline: none; color: var(--metin);
  padding: 6px 8px 6px 0; width: 180px; font-size: 14px;
}
.arama button {
  background: var(--kirmizi); border: none; color: #fff;
  width: 32px; height: 32px; border-radius: 50%;
  display: grid; place-items: center;
}
.arama button:hover { background: var(--kirmizi-hover); }

.menu-btn {
  display: none; flex-direction: column; gap: 5px;
  background: none; border: none; padding: 8px;
}
.menu-btn span { width: 24px; height: 2px; background: #fff; display: block; border-radius: 2px; }

@media (max-width: 900px) {
  .menu-btn { display: flex; }
  .ana-menu {
    position: fixed; top: 62px; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 2px;
    background: var(--bg2); border-bottom: 1px solid var(--cizgi);
    padding: 14px; display: none; max-height: calc(100vh - 62px); overflow: auto;
  }
  .ana-menu.aciq { display: flex; }
  .ana-menu > a, .acilir { margin: 2px 0; }
  .acilir-menu { position: static; box-shadow: none; margin-top: 4px; }
  .arama input { width: 120px; }
}

/* ---------- Hero / Slider ---------- */
.hero { position: relative; overflow: hidden; min-height: 480px; }
.slayt { position: absolute; inset: 0; opacity: 0; transition: opacity .7s ease; pointer-events: none; }
.slayt.aktif { opacity: 1; pointer-events: auto; }
.slayt-yayin { position: absolute; inset: 0; }
.slayt-yayin img { width: 100%; height: 100%; object-fit: cover; }
.slayt-karartma {
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(14,14,15,.95) 0%, rgba(14,14,15,.55) 55%, rgba(14,14,15,.25) 100%),
              linear-gradient(0deg, var(--bg) 0%, transparent 35%);
}
.slayt-ic { position: relative; z-index: 2; padding-top: 90px; padding-bottom: 70px; min-height: 480px; display: flex; align-items: flex-end; }
.slayt-bilgi { max-width: 620px; animation: yukari .8s ease; }
@keyframes yukari { from { transform: translateY(24px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.slayt-roz {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--kirmizi); font-weight: 700; letter-spacing: 1px;
  font-size: 13px; text-transform: uppercase; margin-bottom: 12px;
}
.slayt-bilgi h1 { font-size: clamp(28px, 4.6vw, 48px); font-weight: 800; line-height: 1.15; margin-bottom: 12px; }
.meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; color: var(--metin2); font-size: 14px; margin-bottom: 12px; }
.puan {
  background: #202024; border: 1px solid #3a3a40; color: #ffd54a;
  border-radius: 8px; padding: 3px 9px; font-weight: 700; font-size: 13px;
}
.kalite {
  background: linear-gradient(135deg, #8e2de2, #4a00e0);
  color: #fff !important; border-radius: 8px; padding: 3px 9px;
  font-weight: 700; font-size: 12px;
}
.hero .kalite { background: linear-gradient(135deg, #f7971e, #ffd200); color: #1a1a1a !important; }
.ozet { color: #c9c9d1; font-size: 15px; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 24px; border-radius: 10px; font-weight: 700; font-size: 15px;
  border: none; transition: transform .2s, background .2s, box-shadow .2s;
}
.btn-kirmizi { background: var(--kirmizi); color: #fff; box-shadow: 0 6px 22px rgba(229,9,20,.35); }
.btn-kirmizi:hover { background: var(--kirmizi-hover); transform: translateY(-2px); }
.btn-cerceve { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.25); }
.btn-cerceve:hover { background: rgba(255,255,255,.16); }
.btn-kucuk { padding: 8px 16px; font-size: 13px; border-radius: 8px; }
.slayt-butonlar { display: flex; gap: 12px; }

.slayt-noktalar {
  position: absolute; right: 40px; top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column; gap: 10px; z-index: 5;
}
.slayt-noktalar button {
  width: 10px; height: 10px; border-radius: 50%; border: none;
  background: rgba(255,255,255,.35); transition: background .2s, transform .2s;
}
.slayt-noktalar button.aktif { background: var(--kirmizi); transform: scale(1.35); }
.slayt-ok {
  position: absolute; top: 50%; transform: translateY(-50%);
  background: rgba(0,0,0,.5); border: 1px solid rgba(255,255,255,.15); color: #fff;
  width: 46px; height: 46px; border-radius: 50%; font-size: 18px;
  transition: background .2s; z-index: 5;
}
.slayt-ok:hover { background: var(--kirmizi); }
.slayt-ok.once { left: 14px; }
.slayt-ok.sonra { right: 14px; }

/* ---------- Bölüm başlıkları ---------- */
.bolum { padding: 34px 0 10px; }
.bolum-baslik {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin-bottom: 22px;
}
.bolum-baslik h1, .bolum-baslik h2 {
  font-size: 24px; font-weight: 800; display: flex; align-items: center; gap: 10px;
}
.bolum-baslik h1 span, .bolum-baslik h2 span {
  display: inline-block; background: linear-gradient(135deg, var(--kirmizi), #ff5f6d);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.bolum-baslik .tumu { margin-left: auto; color: var(--metin2); font-size: 14px; font-weight: 600; }
.bolum-baslik .tumu:hover { color: var(--kirmizi); }
.alt-bilgi { color: var(--metin2); font-size: 14px; }

/* ---------- Filtre çipleri ---------- */
.filtreler { display: flex; gap: 8px; flex-wrap: wrap; }
.filtreler button {
  background: var(--bg3); color: var(--metin2); border: 1px solid var(--cizgi);
  padding: 7px 14px; border-radius: 999px; font-size: 13px; transition: all .2s;
}
.filtreler button:hover { color: #fff; }
.filtreler button.aktif { background: var(--kirmizi); border-color: var(--kirmizi); color: #fff; }

/* ---------- Film kartları (animasyonlu gradient kenar) ---------- */
.film-izgara {
  display: grid; gap: 18px;
  grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
}
.kart {
  --kc: #e50914; --ab: #141414;
  position: relative; display: block; border-radius: 16px; padding: 3px;
  background: #121213; overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.kart::before {
  content: ""; position: absolute; inset: -60%;
  background: conic-gradient(from 0deg,
    var(--kc), var(--ab) 25%, var(--kc) 50%, var(--ab) 75%, var(--kc));
  animation: don 6s linear infinite;
}
@keyframes don { to { transform: rotate(360deg); } }
.kart-ic {
  position: relative; z-index: 1; background: #171718;
  border-radius: 13px; overflow: hidden; height: 100%;
}
.kart:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 18px color-mix(in srgb, var(--kc) 45%, transparent); }
.kart-poster { position: relative; aspect-ratio: 2 / 3; background: #101011; overflow: hidden; }
.kart-poster img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.kart:hover .kart-poster img { transform: scale(1.08); }
.kart-alani {
  position: absolute; inset: 0;
  background: linear-gradient(0deg, rgba(10,10,11,.85) 0%, transparent 45%);
}
.kart .puan {
  position: absolute; top: 8px; right: 8px; z-index: 2;
}
.kart .yerli-roz {
  position: absolute; bottom: 8px; left: 8px; z-index: 2;
  background: rgba(0,0,0,.65); backdrop-filter: blur(4px);
  border: 1px solid color-mix(in srgb, #ffd200 70%, transparent);
  color: #ffd200; font-size: 10px; padding: 2px 7px; border-radius: 6px;
  font-weight: 700; letter-spacing: .3px;
}
.kart .kalite {
  position: absolute; top: 8px; left: 8px; z-index: 2;
  background: rgba(0,0,0,.65); backdrop-filter: blur(4px);
  border: 1px solid rgba(255,255,255,.2); color: #fff;
  font-size: 11px; padding: 3px 7px;
}
.kart-bilgi { padding: 10px 11px 12px; }
.kart-bilgi h3 {
  font-size: 14px; font-weight: 700; color: var(--metin);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3px;
}
.kart-bilgi .meta { color: var(--metin2); font-size: 12px; margin: 0; }
.kart-bilgi .meta span { font-size: 12px; }

/* ---------- Yatay kaydırma (vizyon) ---------- */
.yatik-satir {
  display: flex; gap: 16px; overflow-x: auto; padding-bottom: 14px;
  scroll-snap-type: x mandatory;
}
.yatik-satir::-webkit-scrollbar { height: 6px; }
.yatik-satir::-webkit-scrollbar-thumb { background: var(--cizgi); border-radius: 99px; }
.yatik-kart { flex: 0 0 auto; width: 130px; scroll-snap-align: start; }
.yatik-poster { position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 2/3; }
.yatik-poster img { width: 100%; height: 100%; object-fit: cover; }
.yatik-tarih {
  position: absolute; right: 8px; bottom: 8px; background: rgba(0,0,0,.75);
  border-radius: 8px; padding: 4px 10px; font-size: 12px; color: var(--metin2);
  display: flex; align-items: baseline; gap: 4px;
}
.yatik-tarih b { color: var(--kirmizi); font-size: 15px; }
.yatik-kart h3 { font-size: 13px; margin-top: 8px; text-align: center; color: var(--metin); }

/* ---------- Son eklenen bölümler (index) ---------- */
.bolum-liste { display: flex; flex-direction: column; gap: 4px; }
.bolum-satir {
  display: grid; grid-template-columns: 120px 1fr 160px auto; align-items: center; gap: 16px;
  background: var(--kutu); border: 1px solid var(--cizgi); border-radius: 12px;
  padding: 12px 18px; transition: border-color .2s, background .2s;
}
.bolum-satir:hover { border-color: color-mix(in srgb, var(--kirmizi) 55%, transparent); background: var(--bg3); }
.bolum-sure { color: var(--metin2); font-size: 13px; }
.bolum-ad { font-weight: 700; font-size: 15px; }
.bolum-no { color: var(--metin2); font-size: 13px; text-align: center; }
.bolum-satir .btn-kucuk { background: transparent; border: 1px solid var(--kirmizi); color: var(--kirmizi); }
.bolum-satir:hover .btn-kucuk { background: var(--kirmizi); color: #fff; }
@media (max-width: 700px) { .bolum-satir { grid-template-columns: 1fr auto; } .bolum-sure, .bolum-no { display: none; } }

/* ---------- Detay sayfaları ---------- */
.detay-sayfa { padding-bottom: 20px; }
.oynat {
  position: relative; width: 100%;
  background: #000; box-shadow: inset 0 0 120px rgba(0,0,0,.6);
}
.oynat .player-eko {
  position: relative; width: 100%; max-width: 1000px; margin: 0 auto;
  aspect-ratio: 16 / 9;
}
.player-eko iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.detay-ust {
  position: relative;
  padding: 30px 0; border-bottom: 1px solid var(--cizgi);
  background:
    radial-gradient(120% 130% at 20% 0%, color-mix(in srgb, var(--kc,#e50914) 16%, transparent), transparent 55%),
    var(--bg);
}
.detay-bilgi { display: flex; gap: 26px; }
.detay-poster {
  flex: 0 0 220px; border-radius: 16px; overflow: hidden; align-self: flex-start;
  box-shadow: 0 20px 60px rgba(0,0,0,.65);
  border: 1px solid var(--cizgi);
}
.detay-poster img { width: 100%; }
.detay-icerik { flex: 1; }
.detay-icerik h1 { font-size: clamp(24px, 3.4vw, 36px); font-weight: 800; margin-bottom: 6px; }
.detay-icerik h1 .orjinal { display: block; font-size: 15px; font-weight: 500; color: var(--metin2); margin-top: 4px; }
.meta-detay { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; color: var(--metin2); font-size: 14px; margin: 10px 0 6px; }
.etiketler { display: flex; gap: 6px; flex-wrap: wrap; margin: 10px 0 16px; }
.etiket {
  background: var(--bg3); border: 1px solid var(--cizgi); color: var(--metin2);
  font-size: 12px; padding: 4px 10px; border-radius: 999px; transition: all .2s;
}
.etiket:hover { color: #fff; border-color: var(--kirmizi); }
.detay-butonlar { display: flex; gap: 12px; margin-bottom: 20px; }
.kutu-list { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.kutu-list div { display: flex; gap: 8px; }
.kutu-list dt { color: var(--metin2); flex: 0 0 90px; }
.kutu-list dd { font-weight: 500; }

.detay-aciklama { margin-top: 26px; max-width: 820px; }
.detay-aciklama h2 { font-size: 18px; margin-bottom: 8px; color: var(--metin2); text-transform: uppercase; letter-spacing: .5px; }
.detay-aciklama p { color: #c4c4cc; font-size: 15px; white-space: pre-line; }
@media (max-width: 700px) {
  .detay-bilgi { flex-direction: column; }
  .detay-poster { flex: 0 0 auto; width: 180px; }
}

/* ---------- Sezon / bölümler ---------- */
.bolumler-alani { padding: 30px 0; }
.sezon-sekme { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.sezon-sekme .btn { background: var(--bg3); color: var(--metin2); border: 1px solid var(--cizgi); }
.sezon-sekme .btn.aktif { background: var(--kirmizi); color: #fff; border-color: var(--kirmizi); }
.bolum-izgara { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.bolum-izgara[hidden] { display: none; }
.bolum-kutu {
  display: flex; flex-direction: column; gap: 6px;
  background: var(--kutu); border: 1px solid var(--cizgi); border-radius: 12px;
  padding: 14px 16px; transition: all .2s;
}
.bolum-kutu:hover { border-color: color-mix(in srgb, var(--kirmizi) 60%, transparent); transform: translateY(-2px); }
.bolum-kutu-no { font-weight: 800; font-size: 16px; color: var(--kirmizi); }
.bolum-kutu-ad { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bolum-kutu-tarih { color: var(--metin2); font-size: 12px; }

/* ---------- Bölüm izleme sayfası ---------- */
.bolum-sayfa { padding: 26px 0; }
.bolum-gezin { display: flex; gap: 12px; flex-wrap: wrap; margin: 18px 0; }
.bolum-alt { display: grid; grid-template-columns: 1fr 280px; gap: 30px; align-items: start; }
.bolum-liste-kapsayici h2 { margin-bottom: 14px; font-size: 20px; }
.bolum-dikey-liste { display: flex; flex-direction: column; gap: 6px; max-height: 560px; overflow: auto; padding-right: 4px; }
.bolum-dikey-liste::-webkit-scrollbar { width: 6px; }
.bolum-dikey-liste::-webkit-scrollbar-thumb { background: var(--cizgi); border-radius: 99px; }
.bolum-dikey {
  display: flex; align-items: center; gap: 12px;
  background: var(--kutu); border: 1px solid var(--cizgi);
  border-radius: 10px; padding: 10px 14px; font-size: 14px;
  transition: all .2s;
}
.bolum-dikey:hover { border-color: color-mix(in srgb, var(--kirmizi) 50%, transparent); }
.bolum-dikey.aktif { background: color-mix(in srgb, var(--kirmizi) 18%, var(--kutu)); border-color: var(--kirmizi); }
.bl-no { color: var(--kirmizi); font-weight: 800; font-size: 12px; flex: 0 0 auto; }
.bl-ad { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yan-dizi-kutu {
  position: relative; border-radius: 16px; padding: 3px; overflow: hidden;
  background: #121213;
}
.yan-dizi-kutu::before {
  content: ""; position: absolute; inset: -60%;
  background: conic-gradient(from 0deg, var(--kc), var(--ab) 25%, var(--kc) 50%, var(--ab) 75%, var(--kc));
  animation: don 7s linear infinite;
}
.yan-dizi-kutu > * { position: relative; z-index: 1; }
.yan-dizi-kutu img { width: 100%; border-radius: 13px 13px 0 0; }
.yan-dizi-kutu div { padding: 14px 16px 18px; background: #19191b; }
.yan-dizi-kutu h3 a:hover { color: var(--kirmizi); }
.yan-dizi-kutu p { color: var(--metin2); font-size: 13px; }
.yan-dizi-kutu .dizi-yil { margin-top: 6px; font-size: 12px; }
@media (max-width: 800px) {
  .bolum-alt { grid-template-columns: 1fr; }
}

/* ---------- Listeleme sayfaları ---------- */
.liste-sayfa { padding: 30px 0 40px; }
.filtre-cubugu { margin-bottom: 24px; }
.filtre-form { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.filtre-form select {
  background: var(--bg3); color: var(--metin); border: 1px solid var(--cizgi);
  padding: 9px 14px; border-radius: 10px; font-size: 14px; outline: none;
}
.filtre-form select:focus { border-color: var(--kirmizi); }
.onay { color: var(--metin2); font-size: 14px; display: flex; align-items: center; gap: 6px; cursor: pointer; }
.onay input { accent-color: var(--kirmizi); width: 16px; height: 16px; }
.bos-kutu {
  text-align: center; color: var(--metin2); padding: 60px 20px;
  background: var(--kutu); border: 1px dashed var(--cizgi); border-radius: 16px;
}
.arama-buyuk { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.arama-buyuk input {
  flex: 1; min-width: 220px; background: var(--bg3); color: var(--metin);
  border: 1px solid var(--cizgi); border-radius: 10px; padding: 11px 16px; font-size: 15px; outline: none;
}
.arama-buyuk input:focus { border-color: var(--kirmizi); }

/* ---------- Sayfalama ---------- */
.sayfalama { display: flex; justify-content: center; margin-top: 32px; }
.sayfalama ul { display: flex; gap: 6px; list-style: none; flex-wrap: wrap; justify-content: center; }
.sayfalama a, .sayfalama span {
  display: inline-grid; place-items: center; min-width: 38px; height: 38px; padding: 0 8px;
  background: var(--bg3); border: 1px solid var(--cizgi); border-radius: 10px;
  color: var(--metin2); font-weight: 600; font-size: 14px;
}
.sayfalama a:hover { color: #fff; border-color: var(--kirmizi); }
.sayfalama .aktif span { background: var(--kirmizi); color: #fff; border-color: var(--kirmizi); }
.sayfalama .pasif { opacity: .4; }
.sayfalama .nokta { background: none; border: none; color: var(--metin2); }

/* ---------- SEO metni ---------- */
.seo-metin { margin-top: 30px; }
.seo-blok {
  background: var(--kutu); border: 1px solid var(--cizgi); border-radius: 16px;
  padding: 26px 28px;
}
.seo-blok h2 { font-size: 18px; margin-bottom: 12px; }
.seo-blok p { color: var(--metin2); font-size: 14px; margin-bottom: 10px; }

/* ---------- Alt ---------- */
.alt { border-top: 1px solid var(--cizgi); margin-top: 40px; background: var(--bg2); }
.alt-ust { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; padding: 40px 0 26px; }
.alt-col p { color: var(--metin2); font-size: 14px; margin-top: 12px; max-width: 320px; }
.alt-col h4 { font-size: 15px; margin-bottom: 12px; color: #fff; }
.alt-col a { display: block; color: var(--metin2); font-size: 14px; padding: 4px 0; }
.alt-col a:hover { color: var(--kirmizi); }
.alt-alt {
  border-top: 1px solid var(--cizgi); padding: 18px 0; text-align: center;
  color: var(--metin2); font-size: 13px;
}
@media (max-width: 700px) {
  .alt-ust { grid-template-columns: 1fr; gap: 20px; }
  .film-izgara { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
}

/* ---------- varsayılan yok ---------- */
::selection { background: rgba(229,9,20,.45); }