/*
 * NoctraTV Web oynatıcı (2026-10-12, tur 36b). Yalnız tokens.css belirteçleri. Koyu sahne; mavi seçim,
 * altın premium/devam, yeşil canlı, kırmızı hata.
 *
 * KABUK: sabit yükseklikli uygulama kabuğu (100dvh). Sayfa gövdesi kaymaz; kayan alanlar kendi kaydırıcısına sahiptir
 * (Canlı TV'de grup ve kanal bölmeleri bağımsız, diğer sayfalarda ana alan). Izgara/esnek çocuklarda min-height: 0
 * zorunludur — yoksa içerik yüksekliği kabuğu taşırır ve iç kaydırma hiç oluşmaz.
 * Masaüstünde Canlı TV üç sütun (gruplar · kanallar · oynatıcı); 900 px altında dikeyde oynatıcı üstte, yatay telefonda
 * oynatıcı solda ve bölmeler sağda; bölmelerden biri açık (grup seçilmediyse gruplar).
 *
 * DÜĞME DİZGESİ: tek yükseklik (--iz-h; dokunmatikte 44 px), tek yarıçap, tek yatay boşluk. .iz-dugme (metin düğmesi),
 * .iz-cip (seçim çipi), .iz-sekme (üst sekme), .iz-kd (oynatıcı simge düğmesi) aynı ölçü ailesinden.
 */
.iz { --iz-h: 38px; --iz-px: var(--s4); --iz-kd: 40px; }
@media (pointer: coarse) { .iz { --iz-h: 44px; --iz-kd: 44px; } }
html { height: 100%; }
.iz { margin: 0; height: 100vh; height: 100dvh; overflow: hidden; background: var(--bg-canvas); color: var(--text-primary); font-family: var(--font-sans); display: flex; flex-direction: column; }
.iz *, .iz *::before, .iz *::after { box-sizing: border-box; }
.iz button, .iz input, .iz select { font: inherit; color: inherit; }
.iz :focus-visible { outline: 2px solid var(--action-primary); outline-offset: 2px; }
.iz-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Kaydırma çubukları: listelerde GÖRÜNÜR (iz + oluk), diğer alanlarda ince. Standart + WebKit yedeği. */
.iz-ana, .iz-sahne, .iz-ayrinti-kutu, .iz-kaynaklar { scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
.iz-liste { scrollbar-width: auto; scrollbar-color: var(--text-muted) var(--bg-sunken); }
.iz ::-webkit-scrollbar { width: 12px; height: 10px; }
.iz ::-webkit-scrollbar-track { background: transparent; }
.iz ::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: var(--r-full); border: 3px solid transparent; background-clip: padding-box; }
.iz ::-webkit-scrollbar-thumb:hover { background-color: var(--text-muted); }
.iz .iz-liste::-webkit-scrollbar { width: 14px; }
.iz .iz-liste::-webkit-scrollbar-track { background: var(--bg-sunken); }
.iz .iz-liste::-webkit-scrollbar-thumb { background-color: var(--text-muted); border-width: 3px; min-height: 40px; }
.iz .iz-liste::-webkit-scrollbar-thumb:hover { background-color: var(--text-secondary); }

/* ————— düğme dizgesi ————— */
.iz-dugme { display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); min-height: var(--iz-h); padding: 0 var(--iz-px); border: 1px solid var(--border-strong); background: var(--bg-surface-2); border-radius: var(--r-md); cursor: pointer; text-decoration: none; color: var(--text-primary); font-weight: 600; font-size: 0.9rem; line-height: 1.2; white-space: nowrap; transition: background var(--fast) var(--ease), border-color var(--fast) var(--ease); }
.iz-dugme:hover { border-color: var(--text-muted); background: var(--bg-elevated); }
.iz-dugme:disabled { opacity: 0.45; cursor: default; }
.iz-dugme.birincil { background: var(--action-primary); color: var(--text-primary); border-color: transparent; }
.iz-dugme.birincil:hover { background: var(--action-primary-deep); }
.iz-dugme.altin { color: var(--premium); border-color: var(--premium-line); }
.iz-dugme.altin[aria-pressed="true"] { background: var(--premium-wash); }
.iz-cip { display: inline-flex; align-items: center; min-height: calc(var(--iz-h) - 6px); border: 1px solid var(--border-subtle); background: var(--bg-surface-2); color: var(--text-secondary); border-radius: var(--r-full); padding: 0 var(--s3); cursor: pointer; white-space: nowrap; font-size: 0.85rem; font-weight: 600; }
.iz-cip:hover { color: var(--text-primary); border-color: var(--border-strong); }
.iz-cip[aria-pressed="true"] { border-color: var(--action-primary); color: var(--text-primary); background: var(--action-wash); }

.iz-ust { flex: none; z-index: 20; display: flex; align-items: center; gap: var(--s4); padding: var(--s2) var(--s5); min-height: 56px; background: var(--bg-surface-1); border-bottom: 1px solid var(--border-subtle); }
.iz-marka { display: flex; align-items: center; gap: var(--s2); text-decoration: none; color: var(--text-primary); font-family: var(--font-display); font-weight: 800; flex: none; }
.iz-marka-n { width: 30px; height: 30px; border-radius: var(--r-md); display: grid; place-items: center; background: var(--action-primary); color: var(--action-primary-ink); }
.iz-marka-ad b { color: var(--premium); font-weight: 800; }
.iz-sekmeler { display: flex; gap: var(--s1); overflow-x: auto; flex: 1; min-width: 0; scrollbar-width: none; }
.iz-sekme { text-decoration: none; display: inline-flex; align-items: center; min-height: var(--iz-h); border: 0; background: transparent; padding: 0 var(--s3); border-radius: var(--r-full); color: var(--text-secondary); cursor: pointer; white-space: nowrap; font-weight: 600; }
.iz-sekme:hover { color: var(--text-primary); background: var(--tint-soft); }
.iz-sekme[aria-current="page"] { background: var(--action-wash); color: var(--text-primary); box-shadow: inset 0 0 0 1px var(--action-line); }
.iz-ust-sag { display: flex; gap: var(--s2); align-items: center; min-width: 0; }
.iz-ara { width: 240px; min-width: 0; min-height: var(--iz-h); padding: 0 var(--s3) 0 calc(var(--s3) + 24px); border-radius: var(--r-full); border: 1px solid var(--border-subtle); background: var(--bg-sunken); }
/* Arama simgesi (Lucide search, SPEC §8.1): kutunun içinde solda, tıklamayı kutuya bırakır. */
.iz-ara-kap { position: relative; display: flex; min-width: 0; }
.iz-ara-ik { position: absolute; left: var(--s3); top: 50%; width: 17px; height: 17px; margin-top: -8.5px; color: var(--text-secondary); pointer-events: none; }
.iz-profil { min-height: var(--iz-h); border: 1px solid var(--border-subtle); background: var(--bg-surface-2); border-radius: var(--r-full); padding: 0 var(--s3); cursor: pointer; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }

.iz-ana { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; }
.iz-ana.sabit { overflow: hidden; }
.iz-durum { padding: var(--s7) var(--s5); text-align: center; color: var(--text-secondary); margin: 0; }
.iz-durum.hata { color: var(--danger); }
/* Tur 38: web cihaz hakkı doluyken tarayıcı listesi (kaldır + devam). */
.iz-cihazlar { max-width: 640px; margin: 0 auto; padding: 0 var(--s5) var(--s5); }
.iz-cihazlar h2 { font-size: 1.05em; margin: 0 0 var(--s3); }
.iz-cihazlar .iz-durum { padding: 0 0 var(--s4); text-align: start; }
.iz-cihaz-liste { list-style: none; margin: 0 0 var(--s4); padding: 0; display: grid; gap: var(--s3); }
.iz-cihaz-liste li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s4); padding: var(--s3) var(--s4); border: 1px solid var(--border); border-radius: 10px; }
.iz-cihaz-liste li b { flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; }
.iz-cihaz-liste li span { flex: 1 1 100%; order: 3; color: var(--text-secondary); font-size: .9em; }
.iz-not { flex: none; margin: var(--s3) var(--s5) 0; padding: var(--s2) var(--s3); border-radius: var(--r-md); background: var(--premium-wash); border: 1px solid var(--premium-line); color: var(--text-primary); font-size: 0.9rem; }

/* ————— Canlı TV: üç sütun ————— */
.iz-canli { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 240px 320px minmax(0, 1fr); grid-template-columns: clamp(200px, 17vw, 300px) clamp(280px, 24vw, 420px) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.iz-bolme { min-height: 0; min-width: 0; display: flex; flex-direction: column; overflow: hidden; border-inline-end: 1px solid var(--border-subtle); background: var(--bg-surface-1); }
.iz-bolme h2 { flex: none; margin: 0; border-bottom: 1px solid var(--border-subtle); }
.iz-bolme-ac { width: 100%; min-height: 44px; display: flex; align-items: center; gap: var(--s2); padding: var(--s2) var(--s4); border: 0; background: var(--bg-surface-1); text-align: start; cursor: default; }
.iz-bolme-ac .baslik { font: 600 0.75rem var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); flex: none; }
.iz-bolme-ac .ozet { flex: 1; min-width: 0; font-size: 0.82rem; font-weight: 600; color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: end; }
.iz-bolme-govde { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.iz-bolme-govde[hidden] { display: none; }
.iz-kaynaklar { flex: none; display: flex; gap: var(--s1); padding: var(--s2) var(--s3); overflow-x: auto; border-bottom: 1px solid var(--border-subtle); }
.iz-kaynaklar[hidden] { display: none; }

/* Sanal liste: kaydırıcı + toplam yükseklikte iç kap + mutlak konumlu sabit yükseklikli satırlar. */
.iz-liste { position: relative; flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; overflow-anchor: none; scrollbar-gutter: stable; outline-offset: -2px; }
.iz-liste-ic { position: relative; width: 100%; }
.iz-liste-mesaj { padding: var(--s6) var(--s4); display: grid; gap: var(--s3); justify-items: center; text-align: center; }
.iz-liste-mesaj .iz-durum { padding: 0; }
.iz-liste-mesaj[hidden] { display: none; }
.iz-liste .iz-satir { position: absolute; top: 0; left: 0; right: 0; padding: 0 var(--s3) 0 var(--s4); gap: var(--s3); border-inline-start: 3px solid transparent; contain: layout paint; user-select: none; -webkit-tap-highlight-color: transparent; }
.iz-liste .iz-satir:focus-visible { outline: 2px solid var(--action-primary); outline-offset: -2px; }
.iz-liste .iz-satir[aria-selected="true"] { background: var(--action-wash); border-inline-start-color: var(--action-primary); }
.iz-liste .iz-satir[aria-selected="true"] .ad { font-weight: 700; color: var(--text-primary); }
.iz-liste .iz-satir.grup .ad { color: var(--text-secondary); }
.iz-liste .iz-satir.grup:hover .ad { color: var(--text-primary); }
.iz-liste .iz-satir.grup .say { flex: none; min-width: 2.4em; text-align: end; }
.iz-liste .iz-satir.grup[aria-selected="true"] .say { color: var(--action-primary); font-weight: 700; }
.iz-liste .iz-satir .logo { width: 48px; height: 32px; flex: none; border-radius: var(--r-xs); background: var(--bg-sunken); display: grid; place-items: center; overflow: hidden; font: 700 0.8rem var(--font-display); color: var(--text-muted); }
.iz-liste .iz-satir .logo img { width: 100%; height: 100%; object-fit: contain; border-radius: 0; background: transparent; }
.iz-liste .iz-satir .metin { flex: 1; min-width: 0; display: grid; gap: 2px; }
.iz-liste .iz-satir .ad { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iz-liste .iz-satir .kilit { flex: none; font: 600 0.7rem var(--font-mono); color: var(--warning); border: 1px solid var(--warning-line); border-radius: var(--r-full); padding: 1px var(--s2); }
.iz-liste .iz-satir.iskelet { cursor: progress; }
.iz-liste .iz-satir.iskelet .cubuk { display: block; height: 10px; width: 55%; border-radius: var(--r-full); background: var(--tint-soft); }

.iz-satir { width: 100%; display: flex; align-items: center; gap: var(--s3); padding: var(--s2) var(--s4); border: 0; background: transparent; text-align: start; cursor: pointer; color: var(--text-primary); }
.iz-satir:hover { background: var(--tint-soft); }
.iz-satir[aria-current="true"] { background: var(--action-wash); box-shadow: inset 3px 0 0 var(--action-primary); }
.iz-satir .ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iz-satir .say { font: 0.75rem var(--font-mono); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.iz-satir .logo { width: 40px; height: 26px; flex: none; border-radius: var(--r-xs); background: var(--bg-sunken); display: grid; place-items: center; overflow: hidden; font: 700 0.75rem var(--font-display); color: var(--text-muted); }
.iz-satir .logo img { width: 100%; height: 100%; object-fit: contain; }
.iz-satir .alt { display: block; font-size: 0.78rem; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iz-satir .alt.kilit { color: var(--warning); }

/* ————— oynatıcı ————— */
.iz-sahne { min-height: 0; min-width: 0; overflow-y: auto; display: flex; flex-direction: column; background: var(--bg-sunken); }
.iz-oynatici { position: relative; flex: none; width: 100%; aspect-ratio: 16 / 9; max-height: calc(100dvh - 190px); background: var(--bg-canvas); overflow: hidden; }
.iz-oynatici video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; background: var(--bg-canvas); }
.iz-oynatici:fullscreen { max-height: none; aspect-ratio: auto; width: 100%; height: 100%; }
.iz-oynatici:-webkit-full-screen { max-height: none; aspect-ratio: auto; width: 100%; height: 100%; }
.iz-oynatici.kontrol-gizli { cursor: none; }

.iz-rozet { position: absolute; top: var(--s3); inset-inline-start: var(--s3); z-index: 4; padding: var(--s1) var(--s3); border-radius: var(--r-full); background: var(--scrim); border: 1px solid var(--border-strong); font-size: 0.85rem; font-weight: 600; pointer-events: none; }
.iz-rozet[hidden] { display: none; }

.iz-perde { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 5; display: grid; place-items: center; text-align: center; padding: var(--s5); background: var(--scrim); color: var(--text-primary); }
.iz-perde[hidden] { display: none; }
.iz-perde p { max-width: 46ch; margin: 0 0 var(--s3); line-height: 1.45; }
.iz-perde .kod { display: block; font: 0.75rem var(--font-mono); color: var(--text-muted); margin-bottom: var(--s3); overflow-wrap: anywhere; }
.iz-perde.bos { background: transparent; color: var(--text-secondary); }
.iz-perde.bos p { margin: 0; }
/* Hata: okunur kart (kırmızı kenar), yeniden dene düğmesi altta. */
.iz-perde.hata { background: var(--scrim-strong); }
.iz-perde.hata .iz-perde-ic { max-width: min(520px, 100%); padding: var(--s4) var(--s5); border-radius: var(--r-lg); background: var(--bg-surface-1); border: 1px solid var(--danger-line); box-shadow: var(--shadow-pop); }
.iz-perde.hata p { font-weight: 600; }
/* Bağlanırken videonun tamamı örtülmez: ortada küçük kapsül. */
.iz-perde.baglan { background: transparent; pointer-events: none; }
.iz-perde.baglan .iz-perde-ic { display: inline-flex; align-items: center; gap: var(--s3); padding: var(--s2) var(--s4); border-radius: var(--r-full); background: var(--scrim); border: 1px solid var(--border-strong); }
.iz-perde.baglan p { margin: 0; font-weight: 600; }
.iz-donen { width: 20px; height: 20px; border-radius: 50%; border: 3px solid var(--border-ghost); border-top-color: var(--action-primary); animation: iz-don 0.9s linear infinite; }
@keyframes iz-don { to { transform: rotate(360deg); } }
.iz-perde .iz-kilit { display: grid; gap: var(--s2); width: min(360px, 100%); text-align: start; padding: var(--s4); border-radius: var(--r-lg); background: var(--bg-surface-1); border: 1px solid var(--warning-line); }
.iz-perde .iz-kilit p { margin: 0; font-weight: 600; }
.iz-perde .iz-kilit > div { display: flex; gap: var(--s2); flex-wrap: wrap; }

/* Denetim çubuğu (video üstünde, altta). Kaynak yokken gizli; otomatik gizlenme yalnız oynarken. */
.iz-kontrol { position: absolute; inset-inline: 0; bottom: 0; z-index: 6; display: flex; align-items: center; gap: var(--s1); padding: var(--s7) var(--s3) var(--s2); background: linear-gradient(to top, var(--scrim-strong), transparent); transition: opacity var(--base) var(--ease); }
.iz-oynatici:not(.kaynakli) .iz-kontrol { display: none; }
.iz-oynatici.kontrol-gizli .iz-kontrol { opacity: 0; pointer-events: none; }
.iz-kd { flex: none; width: var(--iz-kd); height: var(--iz-kd); display: grid; place-items: center; border: 0; border-radius: var(--r-full); background: transparent; color: var(--text-primary); cursor: pointer; }
.iz-kd:hover { background: var(--tint-soft); }
.iz-kd svg { width: 22px; height: 22px; }
.iz-oynatici:fullscreen .iz-kd { --iz-kd: 48px; }
.iz-oynatici:fullscreen .iz-kd svg { width: 26px; height: 26px; }
.iz-oynatici:fullscreen .iz-kontrol { padding: var(--s8) var(--s5) var(--s4); }
.iz-ses { width: 90px; accent-color: var(--action-primary); }
.iz-vod { flex: 1; min-width: 0; display: flex; align-items: center; gap: var(--s2); }
.iz-ilerleme { flex: 1; min-width: 40px; accent-color: var(--action-primary); }
.iz-zaman { flex: none; font: 0.76rem var(--font-mono); font-variant-numeric: tabular-nums; color: var(--text-secondary); }
.iz-canli-rozet { display: none; align-items: center; gap: var(--s1); font: 600 0.72rem var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--success); padding: 0 var(--s2); }
.iz-canli-rozet::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--success); }
.iz-oynatici.canli .iz-vod { display: none; }
.iz-oynatici.canli .iz-canli-rozet { display: inline-flex; }
.iz-bosluk { display: none; }
.iz-oynatici.canli .iz-bosluk { display: block; flex: 1; }
.iz-kontrol select { max-width: 140px; min-height: calc(var(--iz-h) - 6px); padding: 0 var(--s2); border-radius: var(--r-sm); border: 1px solid var(--border-strong); background: var(--bg-surface-2); cursor: pointer; }
.iz-kontrol select[hidden] { display: none; }

.iz-bilgi { flex: none; display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); border-bottom: 1px solid var(--border-subtle); background: var(--bg-surface-1); }
.iz-bilgi[hidden] { display: none; }
.iz-bilgi .logo { width: 56px; height: 38px; flex: none; border-radius: var(--r-sm); background: var(--bg-sunken); display: grid; place-items: center; overflow: hidden; font: 700 1rem var(--font-display); color: var(--text-muted); }
.iz-bilgi .logo img { width: 100%; height: 100%; object-fit: contain; }
.iz-bilgi .metin { flex: 1; min-width: 0; }
.iz-bilgi h2 { margin: 0; font: 700 1.05rem var(--font-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iz-bilgi .alt { margin: 2px 0 0; font-size: 0.8rem; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iz-not-alani:empty { display: none; }
.iz-kismi { margin: var(--s2) var(--s4) 0; padding: var(--s2) var(--s3); border-radius: var(--r-md); background: var(--warning-wash); border: 1px solid var(--warning-line); color: var(--text-primary); font-size: 0.88rem; }
.iz-epg { flex: none; padding: var(--s3) var(--s4); display: grid; gap: var(--s3); }
.iz-epg[hidden] { display: none; }
.iz-epg-satir { display: grid; gap: var(--s1); }
.iz-epg .simdi { color: var(--success); font: 600 0.72rem var(--font-mono); letter-spacing: 0.1em; text-transform: uppercase; }
.iz-epg .sonra { color: var(--text-muted); font: 600 0.72rem var(--font-mono); letter-spacing: 0.1em; text-transform: uppercase; }
.iz-epg .cubuk { height: 4px; border-radius: var(--r-full); background: var(--border-subtle); overflow: hidden; }
.iz-epg .cubuk i { display: block; height: 100%; background: var(--success); }

/* ————— ızgara (film, dizi, favori, devam) ————— */
.iz-sayfa { padding: var(--s4) var(--s5); display: grid; gap: var(--s4); align-content: start; }
.iz-sayfa h1 { margin: 0; font: 800 1.4rem var(--font-display); }
.iz-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--s4); }
.iz-kart { border: 0; padding: 0; background: transparent; text-align: start; cursor: pointer; display: grid; gap: var(--s2); color: var(--text-primary); }
.iz-kart .afis { aspect-ratio: 2 / 3; border-radius: var(--r-lg); background: var(--bg-surface-2); overflow: hidden; display: grid; place-items: center; color: var(--text-muted); font: 700 1.6rem var(--font-display); box-shadow: var(--shadow-sm); }
.iz-kart .afis img { width: 100%; height: 100%; object-fit: cover; }
.iz-kart .ad { font-weight: 600; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.iz-kart .alt { font-size: 0.78rem; color: var(--text-muted); }
.iz-kart .cubuk { height: 3px; border-radius: var(--r-full); background: var(--border-subtle); overflow: hidden; }
.iz-kart .cubuk i { display: block; height: 100%; background: var(--premium); }
.iz-sayfala { display: flex; gap: var(--s2); justify-content: center; align-items: center; color: var(--text-muted); }

/* ————— Film / Dizi (tur 36c): solda kategori kenar çubuğu, sağda sanal ızgara ————— */
.iz-vodk { position: relative; flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 260px minmax(0, 1fr); grid-template-columns: clamp(220px, 19vw, 300px) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.iz-vod-yan { min-height: 0; min-width: 0; display: flex; flex-direction: column; overflow: hidden; background: var(--bg-surface-1); border-inline-end: 1px solid var(--border-subtle); }
.iz-vod-yan-ust { flex: none; display: flex; align-items: center; justify-content: space-between; gap: var(--s2); min-height: 44px; padding: var(--s2) var(--s3) var(--s2) var(--s4); border-bottom: 1px solid var(--border-subtle); }
.iz-vod-yan-baslik { margin: 0; font: 600 0.75rem var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); }
.iz-vod-yan-kapat { display: none; }
.iz-vod-kat-ara { flex: none; margin: var(--s2) var(--s3); min-height: calc(var(--iz-h) - 4px); padding: 0 var(--s3); border-radius: var(--r-full); border: 1px solid var(--border-subtle); background: var(--bg-sunken); min-width: 0; }
.iz-vod-yan .iz-liste .iz-satir.grup .ad { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iz-vod-icerik { min-height: 0; min-width: 0; display: flex; flex-direction: column; }
.iz-vod-ust { flex: none; display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); border-bottom: 1px solid var(--border-subtle); background: var(--bg-surface-1); }
.iz-vod-baslik { flex: 1; min-width: 0; }
.iz-vod-baslik h1 { margin: 0; font: 800 1.25rem var(--font-display); }
.iz-vod-ozet { margin: 2px 0 0; font-size: 0.82rem; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-height: 1.2em; }
.iz-vod-sirala { flex: none; max-width: 46vw; min-height: var(--iz-h); padding: 0 var(--s3); border-radius: var(--r-md); border: 1px solid var(--border-strong); background: var(--bg-surface-2); cursor: pointer; }
.iz-vod-kat-dugme { display: none; flex: none; max-width: 42vw; }
.iz-vod-kat-dugme span { overflow: hidden; text-overflow: ellipsis; }
.iz-vod-kat-dugme svg { width: 18px; height: 18px; flex: none; }
.iz-vod-serit { flex: none; margin: var(--s2) var(--s4) 0; padding: var(--s2) var(--s3); border-radius: var(--r-md); background: var(--action-wash); border: 1px solid var(--action-line); font-size: 0.85rem; }
.iz-vod-serit[hidden] { display: none; }
.iz-vod-perde { display: none; }
/* Kaynak düzeyi webde oynatma uygunluğu şeridi ve perde ayrıntı listeleri (tur 36c). */
.iz-uygun[hidden] { display: none; }
.iz-uygun.uyari { background: var(--warning-wash); border-color: var(--warning-line); }
.iz-uygun summary { cursor: pointer; font-weight: 600; }
.iz-uygun ul { margin: var(--s1) 0 0; padding-inline-start: 1.1rem; }
.iz-neden-listesi, .iz-secenek-listesi { margin: 0.4rem 0 0; padding-inline-start: 1.1rem; text-align: start; }
.iz-perde-ic .baslik-kucuk { font-weight: 600; margin: 0.6rem 0 0; text-align: start; }
.iz-perde.hata .iz-perde-ic { text-align: start; }
.iz-perde.hata .iz-perde-ic > p:first-child { text-align: start; }
/* Kısa neden + tek işlem + kapalı teknik ayrıntı (tur 36d): kart oynatıcıyı kaplamaz, uzun içerik kartın içinde kayar. */
.iz-perde.hata .iz-perde-ic { max-height: calc(100% - 2 * var(--s3)); overflow-y: auto; overscroll-behavior: contain; }
.iz-perde .iz-perde-alt { font-weight: 400; color: var(--text-secondary); margin: 0 0 var(--s3); }
.iz-perde-eylem { display: flex; flex-wrap: wrap; gap: var(--s2); margin-bottom: var(--s2); }
.iz-teknik { margin-top: var(--s2); font-size: 0.85rem; color: var(--text-secondary); }
.iz-teknik > summary { cursor: pointer; min-height: 32px; display: flex; align-items: center; color: var(--text-primary); font-weight: 600; }
.iz-teknik > summary:focus-visible { outline: 2px solid var(--action-primary); outline-offset: 2px; border-radius: var(--r-sm); }
.iz-perde.hata .iz-teknik p { font-weight: 400; max-width: none; }
.iz-kosul-listesi { margin: 0.4rem 0 0; padding-inline-start: 1.1rem; text-align: start; }
.iz-kosul-listesi .d-kaldi { color: var(--text-primary); }
.iz-etki { color: var(--text-muted); }
/* Sanal ızgara: kap kayar; hücreler mutlak konumlu, genişlik/konum JS'ten; afiş kutusu 2:3 sabit (yerleşim kayması yok). */
.iz-izgara-kap { position: relative; flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; overflow-anchor: none; scrollbar-width: auto; scrollbar-color: var(--text-muted) var(--bg-sunken); }
.iz-izgara-ic { position: relative; width: 100%; }
.iz-izgara-hucre { position: absolute; top: 0; left: 0; contain: layout paint; }
.iz-izgara-hucre .iz-kart { width: 100%; }
/* Afiş yüksekliği sanal ızgaradan (aspect-ratio'yu tanımayan motorda da satır yüksekliğiyle uyumlu). */
.iz-izgara-hucre .afis { height: var(--afis-h, auto); }
.iz-kart .ad { overflow-wrap: anywhere; min-height: 2.5em; }
.iz-kart .alt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iz-kart:focus-visible .afis { outline: 2px solid var(--action-primary); outline-offset: 2px; }
.iz-kart:hover .afis { box-shadow: 0 0 0 1px var(--action-line), var(--shadow-sm); }
.iz-kart.iskelet { cursor: progress; }
.iz-kart.iskelet .cubuk { display: block; height: 10px; width: 70%; border-radius: var(--r-full); background: var(--tint-soft); }
.iz-izgara-kap .iz-liste-mesaj .iz-donen, .iz-liste .iz-liste-mesaj .iz-donen { justify-self: center; }

/* ————— ayrıntı paneli ————— */
.iz-ayrinti { position: fixed; top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 40; display: grid; place-items: center; background: var(--scrim-strong); padding: var(--s4); }
.iz-ayrinti[hidden] { display: none; }
.iz-ayrinti-kutu { width: min(880px, 100%); max-height: 90vh; max-height: 90dvh; overflow: auto; background: var(--bg-surface-1); border: 1px solid var(--border-strong); border-radius: var(--r-xl); box-shadow: var(--shadow-pop); display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: var(--s5); padding: var(--s5); }
.iz-ayrinti-kutu .afis { border-radius: var(--r-lg); overflow: hidden; background: var(--bg-surface-2); aspect-ratio: 2 / 3; display: grid; place-items: center; color: var(--text-muted); font: 700 2rem var(--font-display); }
.iz-ayrinti-kutu .afis img { width: 100%; height: 100%; object-fit: cover; }
.iz-ayrinti-kutu h2 { margin: 0 0 var(--s2); font: 800 1.3rem var(--font-display); overflow-wrap: anywhere; }
.iz-ayrinti-kutu p, .iz-bolumler .ad { overflow-wrap: anywhere; }
.iz-ayrinti-kutu .meta { color: var(--text-muted); font-size: 0.85rem; margin-bottom: var(--s3); }
.iz-ayrinti-kutu .eylem { display: flex; gap: var(--s2); flex-wrap: wrap; margin: var(--s3) 0; }
.iz-ayrinti-kutu .iz-sahne { overflow: visible; border-radius: var(--r-md); }
.iz-ayrinti-kutu .iz-oynatici { max-height: 60dvh; }
.iz-sezonlar { display: flex; gap: var(--s1); flex-wrap: wrap; margin: var(--s3) 0; }
.iz-bolumler { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s1); }
.iz-bolumler .iz-satir { min-width: 0; }

/* ————— ayarlar: yasal bağlantılar ————— */
.iz-yasal-baglanti { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); list-style: none; margin: 0; padding: 0; }
.iz-yasal-baglanti a { color: var(--action-primary); text-underline-offset: 3px; font-weight: 600; }

/* ————— form, ayarlar, profil ————— */
.iz-kart-kutu { background: var(--bg-surface-1); border: 1px solid var(--border-subtle); border-radius: var(--r-lg); padding: var(--s4); display: grid; gap: var(--s3); max-width: 720px; }
.iz-kart-kutu h2 { margin: 0; font: 700 1rem var(--font-display); }
.iz-kart-kutu p { margin: 0; }
.iz-kart-kutu > .iz-dugme { justify-self: start; }
.iz-kart-kutu > div:has(> .iz-dugme) { display: flex; gap: var(--s2); flex-wrap: wrap; }
.iz-alan { display: grid; gap: var(--s1); }
.iz-alan input, .iz-alan select { min-height: var(--iz-h); padding: 0 var(--s3); border-radius: var(--r-md); border: 1px solid var(--border-subtle); background: var(--bg-sunken); }
.iz-profiller { display: flex; gap: var(--s4); flex-wrap: wrap; justify-content: center; padding: var(--s7) var(--s4); }
.iz-profil-kart { border: 1px solid var(--border-subtle); background: var(--bg-surface-1); border-radius: var(--r-xl); padding: var(--s4); width: 150px; display: grid; gap: var(--s2); justify-items: center; cursor: pointer; }
.iz-profil-kart:hover { border-color: var(--action-line); }
.iz-profil-kart .yuz { width: 72px; height: 72px; border-radius: var(--r-full); display: grid; place-items: center; font: 800 1.6rem var(--font-display); background: var(--action-wash); border: 1px solid var(--action-line); }
.iz-profil-kart .etiket { font-size: 0.75rem; color: var(--premium); }
.iz-kucuk { font-size: 0.85rem; color: var(--text-muted); }

/* ————— dar ekran (dikey): oynatıcı üstte, bölmeler açılır kapanır ————— */
@media (max-width: 900px) {
  .iz-ust { flex-wrap: wrap; gap: var(--s2) var(--s3); padding: var(--s2) var(--s3); }
  .iz-ust-sag { flex: 1 1 0; justify-content: flex-end; }
  .iz-sekmeler { order: 3; flex-basis: 100%; }
  .iz-ara-kap { flex: 1 1 90px; }
  .iz-ara { width: 100%; }
  .iz-profil { max-width: 110px; }
  .iz-canli { display: flex; flex-direction: column; }
  .iz-canli .iz-sahne { order: -1; flex: none; overflow: visible; }
  .iz-oynatici { max-height: 42vh; max-height: 42dvh; }
  .iz-bilgi { padding: var(--s2) var(--s3); }
  .iz-bilgi .logo { width: 44px; height: 30px; }
  .iz-epg { padding: var(--s2) var(--s4); }
  .iz-epg .iz-epg-satir + .iz-epg-satir { display: none; }
  .iz-bolme { flex: none; border-inline-end: 0; border-bottom: 1px solid var(--border-subtle); }
  .iz-bolme:not(.kapali) { flex: 1 1 0; }
  .iz-bolme-ac { cursor: pointer; }
  .iz-bolme-ac::after { content: ''; flex: none; width: 8px; height: 8px; border-inline-end: 2px solid var(--text-muted); border-bottom: 2px solid var(--text-muted); transform: rotate(45deg); margin-inline-start: var(--s2); transition: transform var(--fast) var(--ease); }
  .iz-bolme.kapali .iz-bolme-ac::after { transform: rotate(-45deg); }
  [dir="rtl"] .iz-bolme.kapali .iz-bolme-ac::after { transform: rotate(135deg); }
  .iz-ses { display: none; }
  .iz-kontrol select { max-width: 96px; }
  .iz-ayrinti-kutu { grid-template-columns: 1fr; padding: var(--s4); }
  .iz-ayrinti-kutu .afis { max-width: 160px; }
  .iz-sayfa { padding: var(--s3) var(--s4); }
  .iz-izgara { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: var(--s3); }
}

/* ————— yatay telefon: tek satır üst çubuk; oynatıcı solda, bölmeler sağda ————— */
@media (max-width: 900px) and (orientation: landscape) and (max-height: 560px) {
  .iz-ust { flex-wrap: nowrap; padding: var(--s1) var(--s3); min-height: 48px; }
  .iz-marka-ad { display: none; }
  .iz-sekmeler { order: 0; flex: 1 1 auto; flex-basis: auto; min-width: 0; }
  .iz-ust-sag { flex: none; }
  .iz-ara-kap { flex: none; }
  .iz-ara { width: 150px; }
  .iz-profil { max-width: 120px; }
  .iz-canli { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 42%); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); }
  .iz-canli:has(.iz-bolme.gruplar.kapali) { grid-template-rows: auto minmax(0, 1fr); }
  .iz-canli:has(.iz-bolme.kanallar.kapali) { grid-template-rows: minmax(0, 1fr) auto; }
  .iz-canli .iz-sahne { grid-column: 1; grid-row: 1 / span 2; order: 0; overflow-y: auto; }
  .iz-canli .iz-bolme { grid-column: 2; min-height: 0; border-inline-start: 1px solid var(--border-subtle); }
  .iz-canli .iz-bolme.gruplar { grid-row: 1; }
  .iz-canli .iz-bolme.kanallar { grid-row: 2; }
  .iz-oynatici { max-height: calc(100dvh - 60px); }
  .iz-epg { display: none; }
}
/* ————— Film / Dizi dar ekran: kenar çubuğu soldan kayan panel (diyalog), içerik tam genişlik ————— */
@media (max-width: 900px) {
  .iz-vodk { grid-template-columns: minmax(0, 1fr); }
  /* Panel ekranın tamamı yüksekliğinde (üst çubuğun da üstünde): yatay telefonda da liste için yer kalır. */
  .iz-vod-yan { position: fixed; top: 0; bottom: 0; left: 0; inset-block: 0; inset-inline-start: 0; z-index: 45; width: min(320px, 86vw); transform: translateX(-102%); visibility: hidden; transition: transform var(--base) var(--ease), visibility 0s linear var(--base); box-shadow: var(--shadow-pop); border-inline-end: 1px solid var(--border-strong); }
  [dir="rtl"] .iz-vod-yan { transform: translateX(102%); }
  .iz-vodk.panel-acik .iz-vod-yan { transform: none; visibility: visible; transition: transform var(--base) var(--ease); }
  .iz-vod-yan-kapat { display: grid; }
  .iz-vod-perde { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 44; background: var(--scrim); }
  .iz-vod-perde[hidden] { display: none; }
  .iz-vod-kat-dugme { display: inline-flex; }
  .iz-vod-ust { flex-wrap: wrap; padding: var(--s2) var(--s3); gap: var(--s2); }
  .iz-vod-baslik { order: -1; flex-basis: 100%; }
  .iz-vod-baslik h1 { font-size: 1.1rem; }
  .iz-vod-sirala { margin-inline-start: auto; }
}
@media (max-width: 900px) and (orientation: landscape) and (max-height: 560px) {
  .iz-vod-baslik { order: 0; flex: 1 1 0; flex-basis: auto; }
  .iz-vod-ust { flex-wrap: nowrap; }
}
@media (prefers-reduced-motion: reduce) { .iz * { transition: none !important; animation: none !important; } }

/* ═══════════ Tur 37: kumanda, arama kutuları, kaynak çipleri, oynatıcı kartı, film/dizi oynatıcı, TV ölçeği ═══════════
 * ODAK ↔ SEÇİM ayrımı: odak (klavye/kumanda) BEYAZ halka; seçim (oynayan kanal, seçili grup/sezon) mavi çubuk + zemin.
 * İkisi aynı öğede birlikte görünebilir; renk tek başına anlam taşımaz (çubuk ve halka biçimleri farklı).
 */
.iz-liste .iz-satir:focus-visible, .iz-satir:focus-visible { outline: 3px solid var(--text-primary); outline-offset: -3px; background: var(--tint-soft); }
.iz-kart:focus-visible { outline: none; }
.iz-kart:focus-visible .afis { outline: 3px solid var(--text-primary); outline-offset: 3px; }
.iz-kart:focus-visible .ad { color: var(--text-primary); text-decoration: underline; text-underline-offset: 3px; }
.iz-sekme:focus-visible, .iz-cip:focus-visible, .iz-dugme:focus-visible, .iz-kd:focus-visible { outline: 3px solid var(--text-primary); outline-offset: 2px; }

.iz-bolme-ara { flex: none; margin: var(--s2) var(--s3); min-height: calc(var(--iz-h) - 4px); padding: 0 var(--s3); border-radius: var(--r-full); border: 1px solid var(--border-subtle); background: var(--bg-sunken); min-width: 0; }
.iz-bolme-ara:focus { border-color: var(--action-primary); outline: none; box-shadow: 0 0 0 3px var(--action-wash); }

/* Kaynak çipleri dar sütunda SARMALANIR (yatay kaydırma ve kesik ad yok); tek kaynakta yalnız ad. */
.iz-kaynaklar { flex-wrap: wrap; overflow: visible; }
.iz-kaynaklar .iz-cip { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; line-height: calc(var(--iz-h) - 8px); }
.iz-kaynaklar.tek { padding: var(--s2) var(--s4); }
.iz-kaynak-ad { display: block; font-size: 0.8rem; font-weight: 600; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Canlı TV: oynatıcı kartı (kenar boşluklu, köşeli), altında kanal + şimdiki/sonraki program; listeler kayarken yerinde. */
.iz-canli .iz-sahne { padding: var(--s4); gap: var(--s3); background: var(--bg-canvas); }
.iz-canli .iz-oynatici { border-radius: var(--r-lg); box-shadow: var(--shadow); max-height: calc(100dvh - 260px); }
.iz-canli .iz-bilgi { border: 1px solid var(--border-subtle); border-radius: var(--r-lg); }
.iz-canli .iz-epg { border: 1px solid var(--border-subtle); border-radius: var(--r-lg); background: var(--bg-surface-1); }

/* ————— Film / dizi oynatıcı katmanı ————— */
body.iz-katmanli { overflow: hidden; }
.iz-vo { position: fixed; top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 40; display: flex; flex-direction: column; background: var(--bg-canvas); }
.iz-vo-ust { flex: none; display: flex; align-items: center; gap: var(--s3); padding: var(--s2) var(--s4); min-height: 60px; background: var(--bg-surface-1); border-bottom: 1px solid var(--border-subtle); }
.iz-vo-ust .iz-kd { border: 1px solid var(--border-strong); }
.iz-vo-ad { flex: 1; min-width: 0; }
.iz-vo-ad h2 { margin: 0; font: 800 1.15rem var(--font-display); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iz-vo-meta { margin: 2px 0 0; font-size: 0.82rem; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iz-vo-bilgi-ac svg { width: 18px; height: 18px; }
.iz-vo-govde { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) clamp(280px, 24vw, 380px); grid-template-rows: minmax(0, 1fr); }
.iz-vo.bilgi-kapali .iz-vo-govde { grid-template-columns: minmax(0, 1fr); }
.iz-vo.bilgi-kapali .iz-vo-bilgi { display: none; }
.iz-vo-sahne { min-width: 0; min-height: 0; display: flex; flex-direction: column; justify-content: center; padding: var(--s4); }
.iz-vo-sahne .iz-sahne { background: transparent; overflow: visible; }
.iz-vo-sahne .iz-oynatici { max-height: calc(100dvh - 60px - 2 * var(--s4) - 72px); border-radius: var(--r-lg); box-shadow: var(--shadow); }
.iz-vo-onizleme { position: relative; flex: 1 1 auto; min-height: 240px; display: grid; place-items: center; border-radius: var(--r-lg); overflow: hidden; background: var(--bg-surface-1); }
/* Arka plan yalnız afiş görseli (bulanık); görsel yoksa yer tutucu harf burada GÖSTERİLMEZ (Oynat düğmesiyle çakışmasın). */
.iz-vo-onizleme > .afis { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; display: block; font-size: 0; color: transparent; }
.iz-vo-onizleme > .afis img { width: 100%; height: 100%; object-fit: cover; filter: blur(22px) brightness(0.38); transform: scale(1.12); }
.iz-vo-oneylem { position: relative; display: flex; gap: var(--s3); flex-wrap: wrap; align-items: center; justify-content: center; padding: var(--s4); }
.iz-vo-oynat { min-height: 56px; padding: 0 var(--s7); font-size: 1.05rem; box-shadow: var(--glow-action); }
.iz-vo-oynat svg { width: 22px; height: 22px; }
.iz-vo-ipucu { margin: 0; max-width: 40ch; text-align: center; color: var(--text-secondary); font-weight: 600; }
.iz-vo-bilgi { min-height: 0; overflow-y: auto; padding: var(--s4); border-inline-start: 1px solid var(--border-subtle); background: var(--bg-surface-1); display: flex; flex-direction: column; gap: var(--s3); scrollbar-width: thin; }
.iz-vo-afis { width: 100%; max-width: 260px; align-self: center; aspect-ratio: 2 / 3; border-radius: var(--r-lg); overflow: hidden; background: var(--bg-surface-2); display: grid; place-items: center; color: var(--text-muted); font: 700 2rem var(--font-display); flex: none; }
.iz-vo-afis img { width: 100%; height: 100%; object-fit: cover; }
.iz-vo-ciplar { display: flex; flex-wrap: wrap; gap: var(--s1); }
.iz-vo-ciplar:empty { display: none; }
.iz-vo-cip { padding: 2px var(--s2); border-radius: var(--r-full); background: var(--action-wash); border: 1px solid var(--action-line); font-size: 0.78rem; font-weight: 600; }
.iz-vo-ozet { margin: 0; color: var(--text-secondary); line-height: 1.5; font-size: 0.9rem; overflow-wrap: anywhere; }
.iz-vo-ozet[hidden] { display: none; }
.iz-vo-dl { margin: 0; display: grid; gap: var(--s2); font-size: 0.86rem; }
.iz-vo-dl:empty { display: none; }
.iz-vo-dl div { display: grid; gap: 2px; }
.iz-vo-dl dt { color: var(--text-muted); font: 600 0.7rem var(--font-mono); letter-spacing: 0.1em; text-transform: uppercase; }
.iz-vo-dl dd { margin: 0; overflow-wrap: anywhere; }
.iz-vo-bilgi > .iz-dugme { align-self: flex-start; }
.iz-vo-bilgi .iz-sezonlar { margin: 0; }

@media (max-width: 900px) {
  .iz-canli .iz-sahne { padding: 0; gap: 0; }
  .iz-canli .iz-oynatici { border-radius: 0; box-shadow: none; max-height: 42dvh; }
  .iz-canli .iz-bilgi, .iz-canli .iz-epg { border-radius: 0; border-inline: 0; }
  /* Dar ekran: bilgi bölmesi oynatıcının ALTINDA; video tam genişlik 16:9 (sıkışmaz). */
  .iz-vo-govde { display: flex; flex-direction: column; overflow-y: auto; }
  .iz-vo-sahne { flex: none; padding: 0; }
  .iz-vo-sahne .iz-oynatici { max-height: 56dvh; border-radius: 0; }
  .iz-vo-onizleme { flex: none; aspect-ratio: 16 / 9; min-height: 0; border-radius: 0; }
  .iz-vo-bilgi { overflow: visible; border-inline-start: 0; border-top: 1px solid var(--border-subtle); }
  .iz-vo-afis { max-width: 130px; align-self: flex-start; }
}

/* TV ve büyük ekran (3 m'den okunur): yazı ve hedefler büyür; satır yükseklikleri izle.js'te aynı eşikle büyür. */
@media (min-width: 1600px) {
  .iz { --iz-h: 46px; --iz-kd: 50px; font-size: 17px; }
  .iz-sekme { padding: 0 var(--s4); font-size: 1.02rem; }
  .iz-ara { width: 300px; }
  .iz-liste .iz-satir .logo { width: 60px; height: 40px; }
  .iz-bilgi h2 { font-size: 1.25rem; }
  .iz-vo-ad h2 { font-size: 1.4rem; }
}
/* Film/dizi katmanında başlık üst çubukta: oynatıcı altındaki kanal bilgi şeridi tekrar etmez. */
.iz-vo .iz-bilgi { display: none; }
/* Oynatıcı kutusu kumanda odağında (tur 37): beyaz halka. */
.iz-oynatici:focus-visible { outline: 3px solid var(--text-primary); outline-offset: 2px; }

/* Tur 22 — HTTP oynatma kökeni: geçiş kabuğu ve güvenli olmayan bağlantı notu (oynatıcının kendi düzeni DEĞİŞMEZ). */
.iz-gecis { align-items: center; justify-content: center; }
.iz-gecis-kutu { display: flex; flex-direction: column; align-items: center; gap: var(--s3); max-width: 34rem; padding: var(--s5); text-align: center; }
.iz-gecis-baslik { margin: 0; font-weight: 700; font-size: 1.05rem; }
.iz-gecis-not, .iz-koken-not { margin: 0; color: var(--text-secondary); font-size: 0.85rem; line-height: 1.45; }
.iz-gecis-hata { margin: 0; color: var(--danger, #f87171); font-size: 0.9rem; }
.iz-koken-serit { flex: none; display: flex; align-items: center; gap: var(--s3); flex-wrap: wrap; padding: var(--s2) var(--s5); background: var(--bg-surface-1); border-bottom: 1px solid var(--border-subtle); }
.iz-koken-serit .iz-dugme { min-height: calc(var(--iz-h) - 6px); }