*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* Vurgu rengi. --red-rgb, rgba() ile parıltı/gölge üretmek için ayrı
     duruyor: CSS'te rgba(var(--red),.2) yazılamıyor, kanalların çıplak
     olması gerekiyor. Tema seçimi bu üçünü birden değiştiriyor. */
  --red:#e50914;--redd:#b20710;--red-rgb:229,9,20;--red-lite:#ff6b6b;
  /* katmanlı yüzeyler — düz siyah yerine */
  --bg:#0b0b0d;--bg2:#111114;--s1:#17171b;--s2:#1f1f24;--s3:#27272e;
  --bdr:rgba(255,255,255,.07);--bdr2:rgba(255,255,255,.13);
  --muted:#a3a3ad;--faint:#5c5c66;
  /* ambient — hero'daki içerikten canlı olarak beslenir */
  --amb:#e50914;--amb-soft:rgba(var(--red-rgb),.16);
  --disp:'Outfit','Inter',sans-serif;
  --r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:26px;
  --sh-1:0 2px 8px rgba(0,0,0,.4);
  --sh-2:0 12px 32px rgba(0,0,0,.45);
  --sh-3:0 28px 70px rgba(0,0,0,.62);
  --ease:cubic-bezier(.22,1,.36,1);
  --spring:cubic-bezier(.34,1.4,.5,1);
  --maxw:1720px;
  --gut:clamp(18px,3.6vw,56px);
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:#fff;font-family:'Inter',sans-serif;min-height:100vh;overflow-x:hidden}
/* katmanlı zemin: üstte sıcak, altta derin siyah + ambient ışıma */
body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(120% 70% at 50% -10%,var(--amb-soft) 0%,transparent 60%),
    radial-gradient(90% 50% at 50% 0%,#16161b 0%,transparent 70%),
    linear-gradient(180deg,#111114 0%,#0b0b0d 42%,#08080a 100%);
  transition:background 1.1s ease}
/* film grain */
body::after{content:'';position:fixed;inset:-50%;z-index:9998;pointer-events:none;opacity:.032;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 7s steps(6) infinite}
@keyframes grain{0%,100%{transform:translate(0,0)}16%{transform:translate(-3%,-2%)}33%{transform:translate(2%,-4%)}50%{transform:translate(-2%,3%)}66%{transform:translate(3%,2%)}83%{transform:translate(-4%,-1%)}}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26);background-clip:padding-box}
::selection{background:var(--red);color:#fff}
.hidden{display:none!important}
/* erişilebilir odak halkası */
:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:3px;border-radius:6px}
button:focus:not(:focus-visible){outline:none}

/* LOGIN */
#loginOverlay{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center;padding:20px}
/* Afiş duvarı yüklenince tek görsellik eski arka planı örtüyor; ağ yoksa
   o görsel görünmeye devam ediyor (yedek katman olarak duruyor). */
.login-bg{position:absolute;inset:0;background:url('https://image.tmdb.org/t/p/original/rAiYTfKGqDCRIIqo664sY9XMTTj.jpg') center/cover;opacity:.3;filter:blur(10px) saturate(1.2);animation:kenburns 26s linear infinite alternate}

/* ═══ GİRİŞ EKRANI: SÜZÜLEN AFİŞ DUVARI ═══
   Sütunlar zıt yönlerde ve farklı hızlarda kayıyor. Liste iki kez
   basıldığı için -50% noktasında görüntü birebir başa denk geliyor;
   döngü böylece dikişsiz. */
.login-posters{position:absolute;inset:0;overflow:hidden;display:flex;gap:12px;
  padding:0 12px;transform:rotate(-8deg) scale(1.35);opacity:.30;filter:saturate(.85)}
.lp-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;
  animation:lpKay var(--sure,42s) linear infinite;will-change:transform}
.lp-col.ters{animation-direction:reverse}
.lp-poster{aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#17171b;flex:none}
.lp-poster img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes lpKay{from{transform:translateY(0)}to{transform:translateY(-50%)}}
/* Hareket azaltma tercihinde duvar sabit kalsın. */
@media(prefers-reduced-motion:reduce){.lp-col{animation:none}}
@media(max-width:700px){.login-posters{transform:rotate(-8deg) scale(1.8);opacity:.22}}

/* Tema renk seçici */
.tema-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:16px 0 4px}
.tema-nokta{aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;
  display:grid;place-items:center;color:#fff;font-size:13px;transition:transform .18s var(--spring),border-color .2s}
.tema-nokta i{opacity:0;transition:opacity .18s;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.tema-nokta:hover{transform:scale(1.12)}
.tema-nokta.secili{border-color:#fff}
.tema-nokta.secili i{opacity:1}

/* ═══ GİZLİLİK AYARI ═══ */
.pp-gizli-row{display:flex;align-items:flex-start;gap:11px;cursor:pointer;
  background:rgba(255,255,255,.04);border:1px solid var(--bdr);border-radius:11px;padding:12px 14px}
.pp-gizli-row:hover{background:rgba(255,255,255,.07)}
.pp-gizli-row input{accent-color:var(--red);width:17px;height:17px;margin-top:2px;flex:none;cursor:pointer}
.pp-gizli-row b{display:block;font-size:13px;color:#fff;font-weight:700;margin-bottom:4px}
.pp-gizli-row em{display:block;font-size:11.5px;color:var(--muted);font-style:normal;line-height:1.55}
.pp-gizli-rozet{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:10px;
  background:rgba(255,255,255,.08);border:1px solid var(--bdr2);color:var(--muted);
  font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:4px 9px;border-radius:99px}
.pp-gizli-rozet i{font-size:9px}
/* Vinyet artık iki katmanlı: kartın arkasına kırmızı bir parıltı koyuyor,
   böylece kart siyah bir zeminde yüzmek yerine ışığın içinden çıkıyor. */
.login-vg{position:absolute;inset:0;background:
  radial-gradient(ellipse 62% 48% at 50% 44%,rgba(var(--red-rgb),.17),transparent 68%),
  radial-gradient(ellipse at center,transparent 8%,rgba(0,0,0,.78) 58%,#000 100%)}
.login-card{position:relative;z-index:2;background:rgba(18,18,22,.74);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:44px 42px 32px;width:100%;max-width:432px;box-shadow:0 50px 110px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px);animation:slideUp .6s var(--ease)}
/* Degradeli saç teli kenar: iki maskeyi xor'layıp yalnızca 1px çerçeve
   bırakıyoruz. Kenara border ile verilemeyecek bir geçiş sağlıyor. */
.login-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(140deg,rgba(var(--red-rgb),.75),rgba(255,255,255,.18) 34%,transparent 58%,rgba(var(--red-rgb),.42));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.login-logo{font-family:var(--disp);font-size:32px;font-weight:800;letter-spacing:-1px;color:#fff;display:flex;align-items:center;gap:9px;justify-content:center;margin-bottom:6px;text-shadow:0 0 38px rgba(var(--red-rgb),.4)}
.login-logo i{color:var(--red);filter:drop-shadow(0 0 13px rgba(var(--red-rgb),.8))}
.linput{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:var(--r-md);color:#fff;padding:13px 16px;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s,background .2s}
/* Odak halkası beyaz yerine marka kırmızısı: hangi alanda olduğun
   ekranın geri kalanıyla aynı dili konuşuyor. */
.linput:focus{border-color:rgba(var(--red-rgb),.6);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(var(--red-rgb),.13)}
/* .lselect kuralları kaldırıldı — "Hızlı Hesap Seç" menüsü artık yok. */
.llabel{font-size:10px;font-weight:700;color:var(--muted);margin-bottom:7px;display:block;letter-spacing:1.1px;text-transform:uppercase}
.lbtn{width:100%;background:linear-gradient(135deg,var(--red),var(--redd));color:#fff;border:none;border-radius:var(--r-md);padding:15px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;
  transition:filter .2s,transform .25s var(--spring),box-shadow .25s;box-shadow:0 8px 26px rgba(var(--red-rgb),.3)}
/* Üzerine gelince butonun içinden geçen parıltı. */
.lbtn::after{content:'';position:absolute;top:0;left:-130%;width:55%;height:100%;transform:skewX(-18deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent)}
.lbtn:hover::after{animation:parla .8s var(--ease)}
@keyframes parla{to{left:150%}}
.lbtn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 34px rgba(var(--red-rgb),.45)}
.lbtn:active{transform:scale(.98)}
.lbtn:disabled{opacity:.6;cursor:not-allowed;transform:none}
/* Hata rengi temayı TAKİP ETMİYOR. Yeşil tema seçildiğinde "geçersiz
   şifre" uyarısının yeşile dönmesi anlamı bozardı; hata her temada
   kırmızı kalıyor. Aynısı aşağıdaki .wp-jerr / .rec-err / reddet
   düğmesi / "geride kaldın" göstergesi için de geçerli. */
.lerr{background:rgba(229,9,20,.15);border:1px solid rgba(229,9,20,.4);color:#ff6b6b;border-radius:10px;padding:10px;font-size:13px;text-align:center;display:none}
.remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}
.remember input{accent-color:var(--red);width:15px;height:15px;cursor:pointer}
/* Sürüm satırı — eskiden burada varsayılan şifre yazıyordu. */
.lver{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);text-align:center;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--faint)}
.lver b{color:var(--muted);font-weight:800}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 var(--gut);height:70px;background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);transition:background .35s var(--ease),height .35s var(--ease),border-color .35s}
.hbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%;max-width:var(--maxw);margin:0 auto}
header::before{content:'';position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s var(--ease);
  background:rgba(11,11,13,.72);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);
  border-bottom:1px solid var(--bdr)}
header.scrolled{background:transparent;height:62px}
header.scrolled::before{opacity:1}
/* Üst şerit taşma kısıtları.
   Sorun: nav'daki düğmeler nowrap olduğu için nav min-content genişliğinin
   altına inemiyordu; flex daraltamayınca sağdaki kontrollerin ÜSTÜNE
   biniyordu (1229px'te 351px çakışma ölçüldü). min-width:0 daralmayı
   serbest bırakıyor, overflow ise taşmayı kaydırmaya çeviriyor —
   böylece hiçbir genişlikte üst üste binmiyor. */
.hinner{display:flex;align-items:center;min-width:0;flex:1 1 auto}
.logo{font-family:var(--disp);font-size:21px;font-weight:800;color:#fff;display:flex;align-items:center;gap:7px;text-decoration:none;flex-shrink:0;letter-spacing:-.6px}
.logo i{color:var(--red);font-size:15px}
nav{display:flex;align-items:center;gap:2px;margin-left:26px;min-width:0;overflow-x:auto;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}
.nl{position:relative;padding:8px 14px;border-radius:99px;font-size:13px;font-weight:500;color:var(--muted);background:none;border:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;transition:color .2s,background .2s;white-space:nowrap}
.nl:hover{color:#fff;background:rgba(255,255,255,.06)}
.nl.active{color:#fff;font-weight:700;background:rgba(255,255,255,.09)}
.nl-random{background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(236,72,153,.15));border:1px solid rgba(139,92,246,.4)!important;color:#c4b5fd!important;font-weight:700}
.nl-random:hover{background:linear-gradient(135deg,rgba(139,92,246,.45),rgba(236,72,153,.3))!important;border-color:rgba(139,92,246,.7)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 20px rgba(139,92,246,.4)}
.nl-random .fa-dice{font-size:14px;transition:transform .3s}
.nl-random:hover .fa-dice{transform:rotate(180deg)}
.nl-random-spin .fa-dice{animation:diceSpin .6s linear infinite}
@keyframes diceSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* Kontroller asla daralmıyor: arama ve kullanıcı rozeti her zaman erişilebilir. */
.hright{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.srchwrap{position:relative}
.sicon{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border:1px solid var(--bdr);border-radius:99px;color:var(--muted);font-family:inherit;font-size:13px;cursor:pointer;padding:8px 10px 8px 14px;transition:background .2s,border-color .2s,color .2s}
.sicon:hover{color:#fff;background:rgba(255,255,255,.1);border-color:var(--bdr2)}
.sicon-lbl{font-weight:500}
.skbd{font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--faint);background:rgba(255,255,255,.06);border:1px solid var(--bdr);border-radius:6px;padding:3px 7px;line-height:1}
@media(max-width:900px){.sicon-lbl,.skbd{display:none}.sicon{padding:9px 11px}}
.sbar{position:absolute;right:0;top:50%;transform:translateY(-50%);background:rgba(13,13,13,.97);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;width:0;opacity:0;transition:width .4s cubic-bezier(.16,1,.3,1),opacity .3s;pointer-events:none}
.sbar.open{width:320px;opacity:1;pointer-events:all}
.sbar input{width:100%;background:transparent;border:none;color:#fff;padding:11px 36px 11px 14px;font-family:inherit;font-size:14px;outline:none}
.sbar input::placeholder{color:var(--faint)}
.sclear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;display:none}
.sdrop{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:rgba(18,18,18,.99);border:1px solid var(--bdr);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.7);display:none;z-index:200;max-height:400px;overflow-y:auto}
.sdrop.open{display:block;animation:fadeIn .15s ease}
.sri{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:.15s;border-bottom:1px solid rgba(255,255,255,.04)}
.sri:hover{background:rgba(255,255,255,.06)}
.sri img{border-radius:7px;object-fit:cover;flex-shrink:0}
/* Notif */
.nbtn{position:relative;background:none;border:none;color:var(--muted);font-size:17px;cursor:pointer;padding:8px;transition:.2s}.nbtn:hover{color:#fff}
.lang-toggle-btn{background:rgba(255,255,255,.07);border:1px solid var(--bdr2);border-radius:99px;padding:5px 12px;cursor:pointer;font-family:var(--disp);font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--muted);display:flex;align-items:center;gap:5px;transition:background .2s,border-color .2s}
.lang-toggle-btn:hover{background:rgba(255,255,255,.12);border-color:#555}
.lang-sep{color:var(--faint)}
.lang-tr,.lang-en{transition:color .2s}
.lang-active{color:#fff}
.nbadge{position:absolute;top:2px;right:2px;background:var(--red);color:#fff;font-size:9px;font-weight:800;width:16px;height:16px;border-radius:50%;display:none;align-items:center;justify-content:center}
.npanel{position:absolute;top:calc(100% + 10px);right:0;width:340px;background:rgba(18,18,18,.99);border:1px solid var(--bdr);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.8);display:none;max-height:380px;overflow-y:auto;z-index:300}
.npanel.open{display:block;animation:fadeIn .15s ease}
.nphead{padding:14px 16px;border-bottom:1px solid var(--bdr);font-size:13px;font-weight:700}
.npi{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;transition:.15s;border-bottom:1px solid rgba(255,255,255,.04)}
.npi:hover{background:rgba(255,255,255,.05)}
.npempty{padding:24px;text-align:center;color:var(--faint);font-size:13px}
/* User badge */
.ubadge{display:none;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:99px;padding:5px 13px 5px 6px;cursor:pointer;transition:.2s}
.ubadge:hover{background:rgba(255,255,255,.12)}
.uav{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}
.uname{font-weight:600;font-size:13px}
.logout{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:2px;transition:.2s}.logout:hover{color:var(--red)}

/* ══════ HERO ══════ */
.hero{position:relative;height:clamp(560px,90vh,880px);display:flex;align-items:flex-end;margin-bottom:-120px;isolation:isolate}
.hstage{position:absolute;inset:0;overflow:hidden;z-index:0}
/* çift katman — gerçek crossfade (background-image animate edilemez) */
.hlayer{position:absolute;inset:0;background-size:cover;background-position:center 22%;opacity:0;
  transition:opacity 1.05s var(--ease);will-change:opacity,transform}
.hlayer.on{opacity:1}
.hlayer.kb{animation:kenburns 13s linear forwards}
@keyframes kenburns{from{transform:scale(1.11) translate3d(0,0,0)}to{transform:scale(1.0) translate3d(0,-1.2%,0)}}
.hgrad{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(100deg,rgba(8,8,10,.95) 0%,rgba(8,8,10,.78) 32%,rgba(8,8,10,.28) 62%,rgba(8,8,10,.05) 100%),
    linear-gradient(to top,var(--bg) 0%,rgba(8,8,10,.85) 14%,rgba(8,8,10,.15) 46%,rgba(8,8,10,.35) 100%)}
/* içeriğin rengiyle beslenen ambient ışıma */
.hglow{position:absolute;left:-10%;bottom:-30%;width:70%;height:90%;z-index:1;pointer-events:none;
  background:radial-gradient(closest-side,var(--amb-soft),transparent 72%);
  filter:blur(30px);opacity:.9;transition:background 1.1s ease}
.hcontent{position:relative;z-index:3;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut) 192px}
.hinfo{max-width:660px}
.hbadge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.09);border:1px solid var(--bdr2);color:#fff;font-size:10px;font-weight:700;padding:6px 13px;border-radius:99px;margin-bottom:18px;text-transform:uppercase;letter-spacing:1.2px;backdrop-filter:blur(10px)}
.hbadge i{color:var(--red)}
/* gerçek film logosu — yoksa yazıya düşer */
.hlogoimg{max-width:min(460px,72%);max-height:150px;object-fit:contain;object-position:left bottom;margin-bottom:18px;filter:drop-shadow(0 6px 26px rgba(0,0,0,.75));display:none}
.htitle{font-family:var(--disp);font-size:clamp(34px,5.2vw,68px);font-weight:800;line-height:.98;letter-spacing:-2px;margin-bottom:18px;text-shadow:0 4px 30px rgba(0,0,0,.6);text-wrap:balance}
.hmeta{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.hmeta-i{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:rgba(255,255,255,.72)}
.hmeta-i.rt{color:#f5c518;font-weight:800}
.hmeta-sep{width:3px;height:3px;border-radius:99px;background:rgba(255,255,255,.3)}
.hoverview{font-size:15px;color:rgba(255,255,255,.68);line-height:1.65;margin-bottom:28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:530px}
.hbtns{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.btnp{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#0b0b0d;font-family:inherit;font-size:14px;font-weight:700;padding:13px 28px;border-radius:99px;border:none;cursor:pointer;transition:transform .25s var(--spring),box-shadow .25s var(--ease),background .2s;box-shadow:0 6px 22px rgba(0,0,0,.35)}
.btnp:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 34px rgba(0,0,0,.5)}
.btnp:active{transform:scale(.97) translateY(0)}
.btns{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid var(--bdr2);color:#fff;font-family:inherit;font-size:14px;font-weight:600;padding:13px 24px;border-radius:99px;cursor:pointer;transition:transform .25s var(--spring),background .2s;backdrop-filter:blur(12px)}
.btns:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.btns:active{transform:scale(.97) translateY(0)}
.btns.follow.on{background:rgba(245,197,24,.16);border-color:rgba(245,197,24,.5);color:#f5c518}
.btns.follow.on:hover{background:rgba(245,197,24,.26)}
/* slayt metni her geçişte yeniden animasyonlanır */
.hanim>*{opacity:0;animation:heroUp .75s var(--ease) forwards}
.hanim>*:nth-child(1){animation-delay:.02s}
.hanim>*:nth-child(2){animation-delay:.08s}
.hanim>*:nth-child(3){animation-delay:.13s}
.hanim>*:nth-child(4){animation-delay:.18s}
.hanim>*:nth-child(5){animation-delay:.23s}
.hanim>*:nth-child(6){animation-delay:.28s}
/* alt kontrol şeridi: sıradakiler + progress — metinle çakışmaması için sağa hizalı */
.hctl{position:absolute;z-index:4;left:0;right:0;bottom:148px;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);display:flex;flex-direction:column;align-items:flex-end;gap:13px;pointer-events:none}
.hprog{display:flex;gap:7px;pointer-events:all}
.hseg{position:relative;width:34px;height:3px;border-radius:99px;background:rgba(255,255,255,.22);border:none;padding:0;cursor:pointer;overflow:hidden;transition:width .4s var(--ease)}
.hseg::after{content:'';position:absolute;inset:0;width:0;background:#fff;border-radius:99px}
.hseg:hover{background:rgba(255,255,255,.4)}
.hseg.active{width:74px}
.hseg.active::after{animation:segfill var(--segdur,8s) linear forwards}
.hero.paused .hseg.active::after{animation-play-state:paused}
.hseg.done::after{width:100%}
@keyframes segfill{from{width:0}to{width:100%}}
.hnext{display:flex;gap:10px;pointer-events:all}
.hnextc{position:relative;flex:0 0 104px;min-width:0;aspect-ratio:16/9;border-radius:10px;overflow:hidden;cursor:pointer;border:1px solid var(--bdr);background:var(--s1);
  opacity:.5;transition:opacity .3s,transform .35s var(--spring),border-color .3s;box-shadow:var(--sh-1)}
.hnextc img{width:100%;height:100%;object-fit:cover}
.hnextc:hover{opacity:1;transform:translateY(-4px);border-color:var(--bdr2)}
.hnextc .hnextt{position:absolute;left:0;right:0;bottom:0;padding:14px 7px 5px;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}
@media(max-width:1100px){.hnext{display:none}.hctl{bottom:134px}}
@media(max-width:768px){.hctl{bottom:110px;align-items:flex-start}.hcontent{padding-bottom:156px}}

/* MAIN */
main{padding:0 var(--gut) 80px;max-width:var(--maxw);margin:0 auto}
#view-home main{position:relative;z-index:5;padding-top:0}
/* ana sayfa dışındaki görünümler: sabit header'ın altından başla */
.vmain{padding-top:118px}
/* iç sayfa başlığı için nefes payı */
.vmain>.section:first-child{margin-top:0}
/* ══════ BÖLÜM BAŞLIKLARI ══════ */
.section{margin-bottom:clamp(34px,4.4vw,58px)}
.sech{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.sech-l{min-width:0}
.sec-kicker{font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:var(--faint);margin-bottom:7px}
.secht{font-family:var(--disp);font-size:clamp(19px,1.9vw,26px);font-weight:700;letter-spacing:-.7px;line-height:1.15;display:flex;align-items:center;gap:11px}
.secht i{font-size:.75em;color:var(--muted)}
.sec-more{display:inline-flex;align-items:center;gap:7px;background:none;border:none;font-family:inherit;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;white-space:nowrap;padding:6px 2px;
  opacity:0;transform:translateX(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease),color .2s}
.section:hover .sec-more,.sec-more:focus-visible{opacity:1;transform:translateX(0)}
.sec-more:hover{color:#fff}
.sec-more i{transition:transform .25s var(--ease)}
.sec-more:hover i{transform:translateX(3px)}
@media(hover:none){.sec-more{opacity:1;transform:none}}

/* ══════ YATAY SATIR ══════ */
.row{position:relative;margin-bottom:clamp(30px,3.8vw,52px)}
.rowscroll{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;
  scrollbar-width:none;-ms-overflow-style:none;
  margin:0 calc(var(--gut)*-1);padding:10px var(--gut) 22px}
.rowscroll::-webkit-scrollbar{display:none}
.rowscroll>*{scroll-snap-align:start;min-width:0}
.rowscroll .card{flex:0 0 clamp(128px,13.5vw,176px)}
.rowarrow{position:absolute;top:0;bottom:22px;width:64px;z-index:6;display:flex;align-items:center;border:none;cursor:pointer;
  color:#fff;font-size:20px;opacity:0;transition:opacity .28s var(--ease);background:none}
.rowarrow::before{content:'';position:absolute;inset:0;z-index:-1}
.rowarrow.l{left:calc(var(--gut)*-1);justify-content:flex-start;padding-left:8px}
.rowarrow.r{right:calc(var(--gut)*-1);justify-content:flex-end;padding-right:8px}
.rowarrow.l::before{background:linear-gradient(to right,var(--bg) 30%,transparent)}
.rowarrow.r::before{background:linear-gradient(to left,var(--bg) 30%,transparent)}
.rowarrow span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.1);border:1px solid var(--bdr2);backdrop-filter:blur(10px);transition:transform .25s var(--spring),background .2s}
.rowarrow:hover span{background:rgba(255,255,255,.2);transform:scale(1.12)}
.row:hover .rowarrow:not([disabled]){opacity:1}
.rowarrow[disabled]{pointer-events:none}
@media(hover:none){.rowarrow{display:none}}

/* ══════ KARTLAR ══════ */
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(140px,12vw,182px),1fr));gap:clamp(14px,1.4vw,22px)}
#cgrid-advsearch{grid-template-columns:repeat(7,1fr)}
/* min-width:0 şart — .ctitle'daki nowrap, flex/grid öğesinin otomatik minimum
   genişliğini şişirip uzun başlıklı kartları flex-basis'in ötesine taşırıyor */
.card{cursor:pointer;min-width:0;animation:fadeIn .45s var(--ease) backwards}
.cposter{aspect-ratio:2/3;background:var(--s1);border-radius:var(--r-md);overflow:hidden;position:relative;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,var(--sh-1);
  transition:transform .38s var(--spring),box-shadow .38s var(--ease)}
.card:hover .cposter{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.18)}
.cposter img{width:100%;height:100%;object-fit:cover;display:block}
/* blur-up: düşük çözünürlüklü önce, net görsel üstüne yumuşakça biner */
.cposter .ph{position:absolute;inset:0;filter:blur(16px);transform:scale(1.14);opacity:1;transition:opacity .5s var(--ease)}
.cposter .mainimg{position:relative;z-index:1;opacity:0;transition:opacity .55s var(--ease),transform .6s var(--ease)}
.cposter.ready .mainimg{opacity:1}
.cposter.ready .ph{opacity:0}
.card:hover .cposter .mainimg{transform:scale(1.045)}
.coverlay{position:absolute;z-index:2;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.35) 45%,transparent 72%);opacity:0;transition:opacity .3s var(--ease);display:flex;flex-direction:column;justify-content:flex-end;padding:14px 11px}
.card:hover .coverlay{opacity:1}
@media(hover:hover) and (pointer:fine){.coverlay{display:none}}
.cplaybtn{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#0b0b0d;border-radius:99px;padding:9px 11px;font-size:12px;font-weight:700;width:100%;font-family:inherit;border:none;cursor:pointer}
.crating{position:absolute;z-index:3;top:8px;right:8px;background:rgba(0,0,0,.6);border-radius:7px;padding:4px 8px;font-size:11px;font-weight:800;color:#f5c518;display:flex;align-items:center;gap:4px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}
.ctbadge{position:absolute;z-index:3;top:8px;left:8px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:3px 7px;font-size:9px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.8px;backdrop-filter:blur(10px)}
.cinfo{padding:11px 2px 0}
.ctitle{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.card:hover .ctitle{color:#fff}
.cmeta{font-size:11px;color:var(--muted);margin-top:4px;font-weight:500}

/* ══════ TOP 10 ══════ */
.t10{flex:0 0 auto;display:flex;align-items:center;cursor:pointer;padding-left:4px}
/* Sıra numarası yalnızca dış hattıyla çizilir. Bunu -webkit-text-stroke ile
   yapmak mümkün değil: Outfit değişken bir yazı tipi ve rakamları üst üste
   binen alt yollardan kurulu, stroke da her alt yolu ayrı ayrı çizdiği için
   3'ün ve 5'in içinden kutu ve çapraz çizgiler geçiyordu.
   Bunun yerine glifin çevresine halka biçiminde 16 gölge diziliyor: bu
   birleşik tek bir dış hat veriyor, içi --bg ile dolu olduğu için iç yapı hiç
   görünmüyor. Satırların ardı düz #0b0b0d olduğundan dolgu saydamdan ayırt
   edilemiyor. Hover'da yalnızca --t10ring değişiyor. */
.t10num{font-family:var(--disp);font-weight:800;font-size:clamp(104px,11.5vw,158px);line-height:.68;letter-spacing:-.09em;
  --t10ring:rgba(255,255,255,.3);
  color:var(--bg);
  text-shadow:
    2px 0 0 var(--t10ring),          1.85px .77px 0 var(--t10ring),   1.41px 1.41px 0 var(--t10ring),   .77px 1.85px 0 var(--t10ring),
    0 2px 0 var(--t10ring),          -.77px 1.85px 0 var(--t10ring),  -1.41px 1.41px 0 var(--t10ring),  -1.85px .77px 0 var(--t10ring),
    -2px 0 0 var(--t10ring),         -1.85px -.77px 0 var(--t10ring), -1.41px -1.41px 0 var(--t10ring), -.77px -1.85px 0 var(--t10ring),
    0 -2px 0 var(--t10ring),         .77px -1.85px 0 var(--t10ring),  1.41px -1.41px 0 var(--t10ring),  1.85px -.77px 0 var(--t10ring);
  margin-right:-.1em;user-select:none;transition:text-shadow .3s,transform .38s var(--spring)}
.t10:hover .t10num{--t10ring:rgba(255,255,255,.85);transform:translateX(-4px)}
.t10 .t10p{position:relative;z-index:1;width:clamp(112px,11.5vw,150px);aspect-ratio:2/3;border-radius:var(--r-md);overflow:hidden;background:var(--s1);
  box-shadow:var(--sh-2);transition:transform .38s var(--spring),box-shadow .38s var(--ease)}
.t10:hover .t10p{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.18)}
.t10 .t10p img{width:100%;height:100%;object-fit:cover;display:block}

/* ══════ İZLEMEYE DEVAM ET ══════ */
.wcard{flex:0 0 clamp(228px,23vw,318px);min-width:0;cursor:pointer}
.wthumb{position:relative;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:var(--s1);border:1px solid var(--bdr);
  transition:transform .38s var(--spring),box-shadow .38s var(--ease),border-color .3s}
.wcard:hover .wthumb{transform:translateY(-5px);box-shadow:var(--sh-3);border-color:var(--bdr2)}
.wthumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.wcard:hover .wthumb img{transform:scale(1.06)}
.wshade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 55%)}
.wplay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .28s var(--ease)}
.wcard:hover .wplay{opacity:1}
.wplay i{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(12px);font-size:15px;padding-left:3px}
.wbar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.22)}
.wbar span{display:block;height:100%;background:var(--red);box-shadow:0 0 10px rgba(var(--red-rgb),.8)}
.wep{position:absolute;left:11px;bottom:11px;font-size:11px;font-weight:800;letter-spacing:.4px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);border-radius:6px;padding:3px 8px}
.wep.done{background:rgba(33,208,122,.22);border-color:rgba(33,208,122,.5);color:#4ade80}
/* kart üstü araçlar: kaldır / sonraki bölüm */
.wtools{position:absolute;top:9px;right:9px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);
  transition:opacity .2s var(--ease),transform .2s var(--ease)}
.wcard:hover .wtools{opacity:1;transform:none}
.wtool{width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(10px);color:#fff;font-size:11.5px;cursor:pointer;display:grid;place-items:center;
  transition:background .18s,color .18s,transform .22s var(--spring)}
.wtool:hover{background:#fff;color:#0b0b0d;transform:scale(1.14)}
.wtool.done:hover{background:#21d07a;color:#04180e}
@media(hover:none){.wtools{opacity:1;transform:none}}
.winfo{padding:11px 2px 0}
.wtitle{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wmeta{font-size:11.5px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wtime{font-size:10.5px;color:var(--faint);margin-top:3px}
.wcard.going{opacity:0;transform:scale(.92);transition:opacity .25s var(--ease),transform .25s var(--ease)}

/* ══════ SPOTLIGHT BANDI ══════ */
.spot{position:relative;margin:clamp(30px,4vw,56px) 0;border-radius:var(--r-xl);overflow:hidden;min-height:clamp(330px,38vw,470px);
  display:flex;align-items:center;border:1px solid var(--bdr);background:var(--s1);box-shadow:var(--sh-3);isolation:isolate}
.spotbg{position:absolute;inset:0;background-size:cover;background-position:center 25%;transform:scale(1.05);transition:transform 1.2s var(--ease),opacity .8s}
.spot:hover .spotbg{transform:scale(1.09)}
.spotgrad{position:absolute;inset:0;background:
  linear-gradient(95deg,rgba(10,10,12,.96) 0%,rgba(10,10,12,.82) 38%,rgba(10,10,12,.25) 72%,transparent 100%),
  linear-gradient(to top,rgba(10,10,12,.6),transparent 55%)}
.spotc{position:relative;z-index:2;padding:clamp(28px,4vw,56px);max-width:620px}
.spotkick{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#fff;
  background:rgba(var(--red-rgb),.9);padding:6px 13px;border-radius:99px;margin-bottom:18px}
.spotlogo{max-width:min(360px,80%);max-height:110px;object-fit:contain;object-position:left;margin-bottom:16px;filter:drop-shadow(0 6px 22px rgba(0,0,0,.8));display:none}
.spott{font-family:var(--disp);font-size:clamp(26px,3.4vw,44px);font-weight:800;letter-spacing:-1.4px;line-height:1.02;margin-bottom:14px}
.spoto{font-size:14px;color:rgba(255,255,255,.68);line-height:1.65;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.spotm{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:12.5px;color:rgba(255,255,255,.7);flex-wrap:wrap}
.spotm .rt{color:#f5c518;font-weight:800}

/* ══════ ARKADAŞ AKIŞI — KALDIRILDI ══════
   "Son izledikleri" şeridine ait stiller (.feed-sec/.fcard/.fav/.fposter…)
   silindi; şerit ana sayfadan çıkarıldı. */

/* ══════ TÜR ÇİPLERİ ══════ */
.gbar{display:flex;gap:8px;overflow-x:auto;padding:4px 0 6px;scrollbar-width:none}
.gbar::-webkit-scrollbar{display:none}
.gchip{flex-shrink:0;padding:8px 18px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid var(--bdr);background:rgba(255,255,255,.03);color:var(--muted);cursor:pointer;font-family:inherit;
  transition:background .2s,color .2s,border-color .2s,transform .25s var(--spring)}
.gchip:hover{border-color:var(--bdr2);color:#fff;background:rgba(255,255,255,.08)}
.gchip:active{transform:scale(.96)}
.gchip.active{background:#fff;border-color:#fff;color:#0b0b0d;font-weight:700}

/* ══════ KEŞFET SAYFASI ══════ */
.brhead{margin-bottom:clamp(20px,2.4vw,30px)}
.brtitle{font-family:var(--disp);font-size:clamp(30px,4vw,50px);font-weight:800;letter-spacing:-1.8px;line-height:1.05;margin-top:6px}
.brsub{font-size:14.5px;color:var(--muted);margin-top:12px;max-width:640px;line-height:1.6}
.brcount{font-size:12px;font-weight:700;color:var(--faint);white-space:nowrap;flex-shrink:0}
.brcount b{font-family:var(--disp);font-size:15px;font-weight:800;color:var(--muted)}
/* tür hapları — tek seçim, hep tek satır (dar ekranda yatay kayar) */
.brgenres{display:flex;flex-wrap:nowrap;gap:9px;margin-bottom:clamp(28px,3.2vw,44px);
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}
.brgenres::-webkit-scrollbar{display:none}
.brgenres .gchip{flex:0 0 auto}
/* çizgili bölüm başlığı */
.secline{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.seclineh{font-family:var(--disp);font-size:clamp(19px,1.9vw,25px);font-weight:700;letter-spacing:-.6px;white-space:nowrap}
.secline::after{content:'';flex:1;height:1px;background:var(--bdr);order:1}
.secline .brcount{order:2}
/* öne çıkanlar şeridi */
.featrow{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.featrow::-webkit-scrollbar{display:none}
.featc{position:relative;flex:0 0 clamp(230px,25vw,310px);min-width:0;aspect-ratio:16/10;border-radius:var(--r-md);
  overflow:hidden;background:var(--s1);border:1px solid var(--bdr);cursor:pointer;
  transition:transform .34s var(--spring),border-color .25s,box-shadow .34s var(--ease)}
.featc:hover{transform:translateY(-5px);border-color:var(--bdr2);box-shadow:var(--sh-3)}
.featc img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.featc:hover img{transform:scale(1.06)}
.featc::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.35) 45%,transparent 72%)}
.featc-b{position:absolute;left:16px;right:16px;bottom:14px;z-index:2}
.featc-t{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.featc-m{font-size:12px;color:rgba(255,255,255,.72);margin-top:6px;display:flex;align-items:center;gap:7px}
.featc-m .st{color:#f5c518;font-weight:800}
/* sıralama düğmeleri */
.brsortrow{display:flex;justify-content:flex-end;margin:clamp(26px,3vw,40px) 0 clamp(18px,2vw,26px)}
.segmented{display:inline-flex;gap:3px;padding:4px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--bdr)}
.segbtn{padding:9px 20px;border-radius:99px;border:none;background:none;color:var(--muted);font-family:inherit;
  font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.segbtn:hover{color:#fff}
.segbtn.active{background:rgba(255,255,255,.14);color:#fff;font-weight:700}
/* sonsuz kaydırma */
#mv-sentinel{height:1px}
.brend{text-align:center;font-size:13px;color:var(--faint);padding:30px 20px 0;min-height:20px}
.brloading{display:flex;align-items:center;justify-content:center;gap:11px;color:var(--faint);font-size:13px}
.brloading::before{content:'';width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.18);
  border-top-color:#fff;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.brempty{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted)}
.brempty i{font-size:34px;display:block;margin-bottom:14px;color:var(--faint)}
.brempty b{display:block;font-size:15px;color:#fff;margin-bottom:6px}
@media(max-width:640px){.brsortrow{justify-content:stretch}.segmented{width:100%}.segbtn{flex:1;padding:9px 8px}}

/* ══════ SKELETON ══════ */
.sk{background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.07) 50%,rgba(255,255,255,.03) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-md)}
.skp{aspect-ratio:2/3;border-radius:var(--r-md)}.skt{height:12px;border-radius:6px;margin-top:11px;width:80%}.skm{height:10px;border-radius:6px;margin-top:7px;width:50%}
.skrow{display:flex;gap:14px;overflow:hidden}
.skrow>div{flex:0 0 clamp(128px,13.5vw,176px)}

/* ══════ DAHA FAZLA ══════ */
.lmbtn{display:flex;align-items:center;gap:9px;margin:30px auto 0;background:rgba(255,255,255,.05);border:1px solid var(--bdr);color:#fff;padding:13px 30px;border-radius:99px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;
  transition:background .2s,border-color .2s,transform .25s var(--spring)}
.lmbtn:hover{background:rgba(255,255,255,.1);border-color:var(--bdr2);transform:translateY(-2px)}
.lmbtn:active{transform:scale(.97)}

/* ══════ SCROLL REVEAL ══════ */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ══════════════ DETAY SAYFASI (film / dizi / kişi) ══════════════ */
.tphero,.pshero{position:relative;display:flex;align-items:flex-end;min-height:clamp(600px,84vh,900px);padding-top:120px;isolation:isolate}
.tpbg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 18%;animation:tpIn 1.1s var(--ease)}
@keyframes tpIn{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}
.tpgrad{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(100deg,rgba(8,8,10,.97) 0%,rgba(8,8,10,.86) 40%,rgba(8,8,10,.42) 72%,rgba(8,8,10,.15) 100%),
  linear-gradient(to top,var(--bg) 0%,rgba(8,8,10,.9) 16%,rgba(8,8,10,.25) 55%,rgba(8,8,10,.5) 100%)}
.tpwrap{position:relative;z-index:3;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut) clamp(38px,5vw,70px)}
.tpback{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid var(--bdr2);color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;padding:9px 18px;border-radius:99px;cursor:pointer;margin-bottom:clamp(24px,3vw,40px);backdrop-filter:blur(12px);
  transition:background .2s,transform .25s var(--spring)}
.tpback:hover{background:rgba(255,255,255,.15);transform:translateX(-3px)}
.tphead{display:flex;gap:clamp(22px,3.2vw,52px);align-items:flex-end}
.tpposter,.psphoto{flex:0 0 clamp(150px,17vw,286px);min-width:0;aspect-ratio:2/3;border-radius:var(--r-lg);overflow:hidden;background:var(--s1);
  border:1px solid var(--bdr2);box-shadow:var(--sh-3);animation:slideUp .7s var(--ease) .1s backwards}
.tpposter img,.psphoto img{width:100%;height:100%;object-fit:cover;display:block}
.tpinfo{flex:1;min-width:0;max-width:900px;animation:heroUp .7s var(--ease) .18s backwards}
.tplogo{max-width:min(430px,86%);max-height:132px;object-fit:contain;object-position:left bottom;margin-bottom:14px;filter:drop-shadow(0 6px 26px rgba(0,0,0,.8));display:none}
.tptitle{font-family:var(--disp);font-size:clamp(30px,4.4vw,58px);font-weight:800;letter-spacing:-2px;line-height:1;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.tptag{font-size:15px;font-style:italic;color:rgba(255,255,255,.55);margin-top:13px}
.tpmeta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px}
.tpchip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.8);background:rgba(255,255,255,.07);border:1px solid var(--bdr);border-radius:99px;padding:6px 14px;backdrop-filter:blur(10px)}
.tpchip.link{cursor:pointer;transition:background .2s,color .2s}
.tpchip.link:hover{background:rgba(255,255,255,.16);color:#fff}
.tpcert{font-weight:800;letter-spacing:.6px;border-color:var(--bdr2);color:#fff}
/* puan kümesi */
.tpacts{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:24px}
.tpovwrap{margin-top:28px;max-width:760px}
.tpovh{font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--faint);margin-bottom:9px}
.tpov{font-size:14.5px;line-height:1.75;color:rgba(255,255,255,.72)}
.tpov.clamped{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.tpmore{background:none;border:none;color:#fff;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;margin-top:9px;padding:0;text-decoration:underline;text-underline-offset:4px;opacity:.75}
.tpmore:hover{opacity:1}
.tpcrew{display:flex;flex-wrap:wrap;gap:14px 38px;margin-top:28px;padding-top:24px;border-top:1px solid var(--bdr)}
.tpcrew-i{min-width:0}
.tpcrew-l{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);margin-bottom:5px}
.tpcrew-v{font-size:14px;font-weight:700}
.plink{cursor:pointer;transition:color .2s;border-bottom:1px solid transparent}
.plink:hover{color:#fff;border-bottom-color:rgba(255,255,255,.45)}
/* ══ gövde: tek kolon ══ */
.tpbody{max-width:var(--maxw);margin:0 auto;padding:clamp(26px,3.2vw,44px) var(--gut) 120px}
.tpmain{min-width:0}
/* Yapım sayfasında üst blok .tpinfo ile 900px'e kısıtlıydı, sekme şeridi
   ise .tpbody içinde tam genişlikteydi: crew çizgisi 954'te bitiyor,
   sekmeler 1437'ye uzanıyordu — 483px'lik bir hizasızlık. Kısıt kalkıyor;
   okunabilirlik metinlerin kendi sınırlarından geliyor (.tpovwrap 760px,
   başlık ve slogan 900px), yani satır uzunluğu değişmiyor. */
#view-title .tpinfo{max-width:none}
#view-title .tptitle,#view-title .tptag{max-width:900px}
/* Sekme şeridi arka plan görselinin bittiği yerden başlıyor: hero 714'te
   bitip sekmeler 740'ta başlayınca ikisi kopuk duruyordu. Gövdenin üst
   dolgusu sıfır, yani sekmelerin üst kenarı görselin alt kenarı. */
#view-title .tpwrap{padding-bottom:clamp(20px,2.4vw,34px)}
#view-title .tpbody{padding-top:0}
/* Ana sayfadaki "kenardan taşan satır" efekti burada istenmiyor —
   içerik tek bir sol hizada dursun. */
.tpmain .rowscroll,.tpmain .rband{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.tpmain .rowarrow.l{left:0}
.tpmain .rowarrow.r{right:0}
.tpmain .rowarrow.l::before{background:linear-gradient(to right,var(--bg) 45%,transparent)}
.tpmain .rowarrow.r::before{background:linear-gradient(to left,var(--bg) 45%,transparent)}
/* ══ sekmeler ══ */
.tptabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--bdr);
  margin-bottom:clamp(20px,2.4vw,32px);position:sticky;top:61px;z-index:20;
  background:linear-gradient(180deg,var(--bg) 74%,rgba(11,11,13,.9))}
.tptabs::-webkit-scrollbar{display:none}
.tptab{display:flex;align-items:center;gap:8px;padding:15px 19px;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--faint);
  background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}
.tptab:hover{color:#fff}
.tptab.active{color:#fff;border-bottom-color:#fff}
.tptab-n{font-size:10.5px;font-weight:800;color:var(--faint);background:rgba(255,255,255,.07);border-radius:99px;padding:2px 8px}
.tptab.active .tptab-n{background:rgba(255,255,255,.17);color:#fff}
.tppane{animation:fadeIn .3s var(--ease)}
.tppane>.section:first-child,.tppane>div:first-child>.section:first-child{margin-top:0}
/* ══ puan bandı — tek satır, büyük rakam, bol boşluk ══ */
/* hero'nun içinde, meta satırı ile butonlar arasında durur.
   Tek satır kalsın — sarmak yerine dar ekranda yatay kayar. */
#tp-ratings{margin:24px 0 4px}
.rband{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.rband::-webkit-scrollbar{display:none}
.rb{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:13px;padding:10px clamp(16px,1.7vw,26px);
  text-decoration:none;color:inherit;border-radius:var(--r-md);transition:background .2s}
.rb:first-child{padding-left:0}
.rb+.rb::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:42px;background:var(--bdr)}
a.rb:hover{background:rgba(255,255,255,.05)}
.rb-ic{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;font-size:19px;font-weight:900;line-height:1}
.rb-v{font-family:var(--disp);font-size:clamp(25px,2.6vw,31px);font-weight:800;line-height:1;letter-spacing:-1.2px;white-space:nowrap}
.rb-v small{font-size:.46em;font-weight:600;color:var(--faint);letter-spacing:0;font-family:'Inter',sans-serif;margin-left:1px}
.rb-c{font-size:10px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--faint);margin-top:8px;white-space:nowrap}
.rb.imdb .rb-ic{background:#f5c518;color:#000;font-size:11px;letter-spacing:-.6px}
.rb.imdb .rb-v{color:#f5c518}
.rb.metacritic .rb-ic{background:#00ce7a;color:#00110a;font-size:17px}
.rb.metacritic .rb-v{color:#4ade80}
.rb.tomatoes .rb-v{color:#ff6a4d}
.rb.popcorn .rb-v{color:#f8c78d}
.rb.letterboxd .rb-v{color:#5cf08d}
.rb.trakt .rb-ic{color:#ed1c24;font-size:17px}.rb.trakt .rb-v{color:#ff5c62}
.rb.mal .rb-ic{background:#2e51a2;color:#fff;font-size:15px}.rb.mal .rb-v{color:#8fa9e8}
/* Letterboxd'un üç noktası */
.lbdots{display:flex;gap:2px}
.lbdots i{width:10px;height:10px;border-radius:50%;display:block}
.lbdots i:nth-child(1){background:#00e054}
.lbdots i:nth-child(2){background:#40bcf4}
.lbdots i:nth-child(3){background:#ff8000}
.rb-src{font-size:10.5px;color:var(--faint);margin-top:16px}
/* ══ yapışkan aksiyon çubuğu ══ */
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:90;transform:translateY(115%);transition:transform .38s var(--ease);
  background:rgba(12,12,15,.88);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px);border-top:1px solid var(--bdr2);padding:11px var(--gut)}
.stickybar.on{transform:none}
.stickybar-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:16px}
.stickybar-p{width:34px;height:50px;border-radius:7px;object-fit:cover;flex-shrink:0}
.stickybar-t{flex:1;min-width:0;font-family:var(--disp);font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stickybar-a{display:flex;gap:9px;flex-shrink:0}
.stickybar .btnp,.stickybar .btns{padding:10px 20px;font-size:13px}
@media(max-width:700px){.stickybar-t,.stickybar-p{display:none}.stickybar-a{flex:1}.stickybar .btnp{flex:1;justify-content:center}}
/* ══ sonraki bölüm geri sayımı ══ */
.nextep{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:var(--r-lg);margin-bottom:clamp(26px,3vw,40px);
  background:linear-gradient(100deg,var(--amb-soft),rgba(255,255,255,.02));border:1px solid var(--bdr2)}
.nextep-c{font-family:var(--disp);font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1;letter-spacing:-1.5px;flex-shrink:0}
.nextep-c small{display:block;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);margin-top:6px;font-family:'Inter',sans-serif}
.nextep-i{min-width:0;flex:1}
.nextep-l{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.nextep-t{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nextep-m{font-size:12.5px;color:var(--muted);margin-top:4px}
/* ══ arkadaş şeridi ══ */
.frbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;border-radius:var(--r-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--bdr);margin-bottom:clamp(26px,3vw,40px)}
.frbar-l{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);width:100%}
/* Öneri satırı: kim önerdiyse onun yazdığı mesaj da altında duruyor.
   Mesaj .frbar-l stilini alamaz — orası büyük harfe çevirip harf arasını
   açıyor, bir cümle için okunmaz oluyor. */
.frbar-rec{width:100%;margin-top:6px}
.frbar-rec+.frbar-rec{margin-top:10px}
.frbar-rec-h{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#f5c518}
.frbar-rec-m{font-size:13px;line-height:1.55;color:rgba(255,255,255,.82);margin-top:5px;
  padding-left:10px;border-left:2px solid rgba(245,197,24,.45);font-style:italic}
.frbar-p{display:flex;align-items:center;gap:9px;cursor:pointer;padding:6px 13px 6px 6px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--bdr);
  transition:background .2s,transform .25s var(--spring)}
.frbar-p:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}
.frbar-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}
.frbar-n{font-size:13px;font-weight:600}
.frbar-r{font-size:12px;font-weight:800;color:#f5c518}
.frbar-cmp{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}
.frbar-cmp b{font-family:var(--disp);font-size:17px;font-weight:800;color:#fff}
/* ══ kâr çubuğu ══ */
/* ══ galeri ══ */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(200px,22vw,320px),1fr));gap:12px}
.gal.posters{grid-template-columns:repeat(auto-fill,minmax(clamp(110px,11vw,160px),1fr))}
.gal-i{position:relative;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:var(--s1);border:1px solid var(--bdr);cursor:pointer;
  transition:transform .3s var(--spring),border-color .25s}
.gal.posters .gal-i{aspect-ratio:2/3}
.gal-i:hover{transform:scale(1.03);border-color:var(--bdr2);z-index:2}
.gal-i img{width:100%;height:100%;object-fit:cover;display:block}
.lightbox{position:fixed;inset:0;z-index:900;background:rgba(5,5,7,.94);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:32px}
.lightbox.on{display:flex;animation:fadeIn .2s ease}
.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r-md);box-shadow:var(--sh-3)}
.lightbox-x{position:absolute;top:22px;right:26px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid var(--bdr2);color:#fff;font-size:17px;cursor:pointer}
/* ══ fragmanlar ══ */
.vidgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(250px,26vw,380px),1fr));gap:16px}
.vidc{cursor:pointer}
.vidc-t{position:relative;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:var(--s1);border:1px solid var(--bdr);
  transition:transform .3s var(--spring),border-color .25s,box-shadow .3s}
.vidc:hover .vidc-t{transform:translateY(-4px);border-color:var(--bdr2);box-shadow:var(--sh-2)}
.vidc-t img{width:100%;height:100%;object-fit:cover;display:block}
.vidc-p{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 60%)}
.vidc-p i{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);
  display:grid;place-items:center;font-size:16px;padding-left:3px;transition:background .2s,transform .25s var(--spring)}
.vidc:hover .vidc-p i{background:#fff;color:#0b0b0d;transform:scale(1.12)}
.vidc-n{font-size:13.5px;font-weight:600;margin-top:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vidc-m{font-size:11.5px;color:var(--faint);margin-top:5px}
/* ══ TMDB yorumları ══ */
.rvw{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid var(--bdr);border-radius:var(--r-lg);padding:20px 22px;margin-bottom:12px}
.rvw-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.rvw-av{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--s2);display:grid;place-items:center;font-weight:800;flex-shrink:0}
.rvw-n{font-size:14px;font-weight:700}
.rvw-d{font-size:11.5px;color:var(--faint);margin-top:2px}
.rvw-s{margin-left:auto;font-size:13px;font-weight:800;color:#f5c518;flex-shrink:0}
.rvw-t{font-size:13.5px;line-height:1.75;color:rgba(255,255,255,.68);white-space:pre-line}
.rvw-t.clamped{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
/* ══ tam ekip (departmana göre) ══ */
.crewdept{margin-bottom:30px}
.crewgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.crewi{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-md);cursor:pointer;transition:background .2s,transform .25s var(--spring)}
.crewi:hover{background:rgba(255,255,255,.06);transform:translateX(3px)}
.crewi-av{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--s2);flex-shrink:0;display:grid;place-items:center;color:var(--faint);font-size:13px}
.crewi-n{font-size:13.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crewi-j{font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ══ sık çalıştığı kişiler ══ */
.collabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.collab{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:var(--r-md);background:rgba(255,255,255,.03);border:1px solid var(--bdr);cursor:pointer;
  transition:background .2s,transform .25s var(--spring),border-color .2s}
.collab:hover{background:rgba(255,255,255,.08);border-color:var(--bdr2);transform:translateY(-2px)}
.collab-av{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--s2);flex-shrink:0;display:grid;place-items:center;color:var(--faint)}
.collab-n{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collab-c{font-size:11.5px;color:var(--muted);margin-top:3px}
.collab-b{margin-left:auto;font-family:var(--disp);font-size:18px;font-weight:800;color:var(--muted);flex-shrink:0}
/* ══ kariyer zaman çizelgesi ══ */
.timeline{display:flex;align-items:flex-end;gap:3px;height:110px;padding:14px 0 0;overflow-x:auto;scrollbar-width:none}
.timeline::-webkit-scrollbar{display:none}
.tlbar{flex:0 0 16px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;cursor:default}
.tlbar-b{width:100%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.18));min-height:3px;
  transition:background .2s}
.tlbar:hover .tlbar-b{background:linear-gradient(180deg,#fff,rgba(255,255,255,.4))}
.tlbar-y{font-size:8.5px;color:var(--faint);margin-top:6px;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700}
/* ══ izleme ilerlemesi ══ */
.seasprog{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:11.5px;color:var(--muted);white-space:nowrap}
.seasprog-b{width:64px;height:5px;border-radius:99px;background:rgba(255,255,255,.13);overflow:hidden}
.seasprog-b span{display:block;height:100%;background:var(--red);border-radius:99px}
.epitem.watched .epthumb::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;inset:0;
  display:grid;place-items:center;background:rgba(0,0,0,.6);color:#21d07a;font-size:19px}
.epitem.watched .epname{color:var(--muted)}
.epitem.current{border-color:var(--bdr2);background:var(--amb-soft)}
/* kişi kartı (oyuncu / ekip) */
.pcard{flex:0 0 clamp(126px,10.5vw,150px);min-width:0;cursor:pointer}
.pcard-ph{aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:var(--s1);border:1px solid var(--bdr);
  transition:transform .35s var(--spring),box-shadow .35s var(--ease),border-color .3s}
.pcard:hover .pcard-ph{transform:translateY(-5px) scale(1.03);box-shadow:0 18px 38px rgba(0,0,0,.6);border-color:var(--bdr2)}
.pcard-ph img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pcard-ph .noph{width:100%;height:100%;display:grid;place-items:center;color:var(--faint);font-size:26px}
.pcard-n{font-size:13px;font-weight:700;margin-top:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard-r{font-size:11.5px;color:var(--muted);margin-top:4px;text-align:center;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* sezonlar & bölümler */
.seasrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.seastab{padding:9px 18px;border-radius:99px;font-family:inherit;font-size:12.5px;font-weight:600;border:1px solid var(--bdr);background:rgba(255,255,255,.03);color:var(--muted);cursor:pointer;
  transition:background .2s,color .2s,border-color .2s}
.seastab:hover{color:#fff;border-color:var(--bdr2);background:rgba(255,255,255,.08)}
.seastab.active{background:#fff;border-color:#fff;color:#0b0b0d;font-weight:700}
.eplist{display:flex;flex-direction:column;gap:10px}
.epitem{display:flex;gap:16px;align-items:center;padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid var(--bdr);border-radius:var(--r-md);cursor:pointer;
  transition:transform .28s var(--spring),border-color .25s,background .25s}
.epitem:hover{transform:translateX(4px);border-color:var(--bdr2);background:rgba(255,255,255,.07)}
.epthumb{flex:0 0 clamp(110px,11vw,168px);aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--s2);position:relative}
.epthumb img{width:100%;height:100%;object-fit:cover;display:block}
.epnum{position:absolute;left:7px;top:7px;font-family:var(--disp);font-size:12px;font-weight:800;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);border-radius:6px;padding:2px 7px}
.epinfo{flex:1;min-width:0}
.epname{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.epmeta{font-size:11.5px;color:var(--faint);margin-top:5px;display:flex;gap:12px;flex-wrap:wrap}
.epov{font-size:12.5px;color:var(--muted);line-height:1.55;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.epplay{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.09);border:1px solid var(--bdr2);display:grid;place-items:center;font-size:13px;padding-left:3px;transition:background .2s,transform .25s var(--spring)}
.epitem:hover .epplay{background:#fff;color:#0b0b0d;transform:scale(1.1)}
/* sosyal blok */
.socgrid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:1000px){.socgrid{grid-template-columns:minmax(0,380px) minmax(0,1fr)}}
/* kişi sayfası */
.psfacts{display:flex;flex-wrap:wrap;gap:18px 36px;margin-top:22px}
.psfact{min-width:0}
.psfact-l{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);margin-bottom:5px}
.psfact-v{font-size:14px;font-weight:600}
.filmo{display:flex;flex-direction:column;gap:2px}
.filmo-y{display:flex;align-items:center;gap:14px;padding:16px 0 8px;font-family:var(--disp);font-size:13px;font-weight:800;letter-spacing:1px;color:var(--faint)}
.filmo-y::after{content:'';flex:1;height:1px;background:var(--bdr)}
.filmo-i{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--r-md);cursor:pointer;transition:background .2s,transform .25s var(--spring)}
.filmo-i:hover{background:rgba(255,255,255,.05);transform:translateX(4px)}
.filmo-p{flex:0 0 40px;aspect-ratio:2/3;border-radius:7px;overflow:hidden;background:var(--s2)}
.filmo-p img{width:100%;height:100%;object-fit:cover;display:block}
.filmo-t{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filmo-r{font-size:12px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filmo-s{flex-shrink:0;font-size:12px;font-weight:800;color:#f5c518}
@media(max-width:820px){
  .tphero,.pshero{min-height:auto;padding-top:96px}
  .tphead{flex-direction:column;align-items:flex-start;gap:22px}
  .tpposter,.psphoto{flex:0 0 auto;width:clamp(140px,42vw,190px)}
  .tpwrap{padding-bottom:34px}
}

/* MODALS */
.moverlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.92);backdrop-filter:blur(12px);display:none;overflow-y:auto;padding:18px}
/* ══════ DEĞİŞİKLİK GÜNLÜĞÜ ══════ */
.ynl-surum+.ynl-surum{margin-top:26px;padding-top:22px;border-top:1px solid var(--bdr)}
.ynl-basi{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ynl-no{font-family:var(--disp);font-size:19px;font-weight:800;color:var(--red)}
.ynl-ad{font-size:14px;font-weight:600;color:#fff}
.ynl-tarih{font-size:11px;color:var(--faint);margin-left:auto}
.ynl-grup+.ynl-grup{margin-top:14px}
.ynl-glbl{font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:7px}
.ynl-glbl.yeni{color:#5fe39b}
.ynl-glbl.duzeltme{color:#f5c518}
.ynl-grup ul{margin:0;padding-left:17px}
.ynl-grup li{font-size:13px;line-height:1.65;color:rgba(255,255,255,.8);margin-bottom:5px}
.npi-surum{cursor:pointer}
/* Sürüm kartı okununca listeden düşmüyor, sadece geri çekiliyor:
   değişiklik günlüğüne tek erişim noktası burası. */
.npi-surum.okundu{opacity:.6}
.npi-surum.okundu:hover{opacity:1}
.moverlay.open{display:flex;flex-direction:column;align-items:center}
/* Detail modal */
.mcont{width:100%;max-width:980px;animation:slideUp .35s cubic-bezier(.16,1,.3,1);padding:18px 0}
.mtopbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.mtitle{font-size:17px;font-weight:800}
.stabs{display:flex;align-items:center;gap:3px;background:var(--s1);border:1px solid var(--bdr);padding:4px;border-radius:12px;flex-wrap:wrap}
.stab{padding:6px 13px;border-radius:8px;font-size:12px;font-weight:600;color:var(--muted);border:none;background:none;cursor:pointer;font-family:inherit;transition:.2s}
.stab:hover:not(:disabled){color:#fff}
/* Birlikte izlerken kaynak sabit: kilitli olduğu görünsün. */
.stab:disabled{opacity:.4;cursor:not-allowed}.stab.active{background:var(--red);color:#fff}
.srvdot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#21d07a;margin-left:7px;vertical-align:middle}
.stab.active .srvdot{background:#fff}
.macts{display:flex;align-items:center;gap:7px}
.mabtn{display:flex;align-items:center;gap:5px;background:var(--s1);border:1px solid var(--bdr);color:#fff;padding:8px 14px;border-radius:10px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.2s}
.mabtn:hover{background:var(--s2)}.mabtn.wled{border-color:#fbbf24;color:#fbbf24}
.cbtn{background:var(--s1);border:1px solid var(--bdr);color:var(--muted);padding:8px 13px;border-radius:10px;font-family:inherit;font-size:13px;cursor:pointer;transition:.2s}
.cbtn:hover{background:var(--red);border-color:var(--red);color:#fff}
/* ══ OYNATICI: neredeyse tam ekran ══
   Eskiden 980px'lik bir modal kutusuydu. Artık tüm ekranı kaplıyor,
   video kalan alanın tamamını alıyor; oranı sağlayıcının player'ı koruyor. */
#detailModal{padding:0;background:#000;backdrop-filter:none}
#detailModal.open{display:flex;flex-direction:column;align-items:stretch}
#detailModal .mcont{width:100%;max-width:none;height:100%;display:flex;flex-direction:column;padding:0;animation:fadeIn .2s ease}
#detailModal .mtopbar{flex-shrink:0;margin:0;gap:14px;padding:9px clamp(12px,1.8vw,22px);
  background:rgba(10,10,12,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--bdr);flex-wrap:nowrap;overflow:hidden}
#detailModal .mtitle{flex-shrink:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--disp);font-size:15px}
#detailModal .stabs{flex-shrink:1;min-width:0;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;background:none;border:none;padding:0}
#detailModal .stabs::-webkit-scrollbar{display:none}
#detailModal .stabs .stab{flex-shrink:0}
#detailModal .macts{flex-shrink:0}
.pwrap{flex:1;min-height:0;width:100%;background:#000;border-radius:0;border:none;box-shadow:none;margin:0;overflow:hidden}
.pwrap iframe{width:100%;height:100%;border:none;display:block}
/* bölüm çekmecesi — video alanını yemesin diye katlanabilir */
#detailModal .epsel{flex-shrink:0;margin:0;border-radius:0;border:none;border-top:1px solid var(--bdr);
  background:rgba(12,12,15,.96);max-height:34vh;overflow-y:auto;padding:14px clamp(12px,1.8vw,22px)}
#detailModal .epgrid{max-height:none}
.epstoggle{display:none;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid var(--bdr2);color:#fff;
  font-family:inherit;font-size:12px;font-weight:600;padding:8px 14px;border-radius:99px;cursor:pointer;white-space:nowrap;flex-shrink:0;
  transition:background .2s}
.epstoggle.show{display:flex}
.epstoggle:hover{background:rgba(255,255,255,.15)}
.epstoggle.on{background:#fff;color:#0b0b0d;border-color:#fff}
@media(max-width:760px){
  #detailModal .mtitle{display:none}
  #detailModal .mtopbar{padding:8px 12px;gap:10px}
}
.epsel{background:var(--s1);border:1px solid var(--bdr);border-radius:16px;padding:15px;margin-bottom:11px;display:none}
.epsel.open{display:block}
.epselh{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.epst{font-size:13px;font-weight:700}
.sselect{background:var(--s2);border:1px solid var(--bdr);color:#fff;padding:6px 11px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:600;outline:none;cursor:pointer}
.epgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:5px;max-height:155px;overflow-y:auto}
.epbtn{padding:8px 4px;border-radius:8px;text-align:center;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--bdr);background:var(--s2);color:var(--muted);transition:.15s;font-family:inherit}
.epbtn:hover{border-color:#555;color:#fff}.epbtn.active{background:var(--red);border-color:var(--red);color:#fff}
.minfo{background:var(--s1);border:1px solid var(--bdr);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:11px;margin-bottom:11px}
@media(min-width:600px){.minfo{flex-direction:row;justify-content:space-between;align-items:flex-start}}
.ibadges{display:flex;align-items:center;gap:7px;margin-bottom:7px;flex-wrap:wrap}
.ibadge{padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px}
.ibadge.rt{background:rgba(251,191,36,.15);color:#fbbf24}
.ibadge.yr{background:rgba(255,255,255,.08);color:var(--muted)}
.moverview{font-size:13px;color:rgba(255,255,255,.65);line-height:1.7}
.mrinfo{text-align:right;flex-shrink:0;font-size:12px;line-height:1.9}
.dirlink{color:var(--red);cursor:pointer;font-weight:600;transition:.2s}
.dirlink:hover{opacity:.8;text-decoration:underline}
/* Rating */
.ratsec{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--bdr);border-radius:var(--r-lg);padding:22px 24px;align-self:start}
.ratseci{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.ratlbl{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:7px;display:flex;align-items:center;gap:5px}
.avgbox{text-align:right}
.avgval{font-size:28px;font-weight:900;color:#fbbf24;line-height:1}
.avglbl{font-size:11px;color:var(--muted);margin-top:2px}
/* Recommend — .ratsec kartının içinde, ayırıcı çizgiyle */
.recsec{margin-top:20px;padding-top:20px;border-top:1px solid var(--bdr)}
.reci{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.reclbl{font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--faint);white-space:nowrap;width:100%;margin-bottom:2px}
.recsel{background:var(--s2);border:1px solid var(--bdr);color:#fff;padding:8px 11px;border-radius:8px;font-family:inherit;font-size:12px;outline:none;cursor:pointer}
.recmsg{flex:1;background:var(--s2);border:1px solid var(--bdr);color:#fff;padding:8px 11px;border-radius:8px;font-family:inherit;font-size:12px;outline:none;min-width:100px}
.recmsg::placeholder{color:var(--faint)}.recmsg:focus{border-color:var(--red)}
.recsend{background:var(--red);color:#fff;border:none;padding:8px 15px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:5px;white-space:nowrap}
.recsend:hover{background:var(--redd)}
/* Comments */
.comsec{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--bdr);border-radius:var(--r-lg);padding:22px 24px;display:flex;flex-direction:column}
.comh{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.comt{font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:8px}
.clist{display:flex;flex-direction:column;gap:11px;margin-bottom:14px;max-height:300px;overflow-y:auto}
.citem{display:flex;gap:9px}
.cav{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0;cursor:pointer;transition:.2s}
.cav:hover{opacity:.8}
.cbub{flex:1}
.cmeta2{display:flex;align-items:baseline;gap:7px;margin-bottom:3px}
.cuname{font-size:13px;font-weight:700;cursor:pointer}.cuname:hover{color:var(--red)}
.ctime{font-size:11px;color:var(--faint)}
.ctext{font-size:13px;color:rgba(255,255,255,.8);line-height:1.5}
.cacts{display:flex;align-items:center;gap:10px;margin-top:5px}
.clike{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);cursor:pointer;background:none;border:none;font-family:inherit;transition:.2s;padding:0}
.clike:hover{color:var(--red)}.clike.liked{color:var(--red)}
.cdel{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--faint);cursor:pointer;background:none;border:none;font-family:inherit;transition:.2s;padding:0}
.cdel:hover{color:var(--red)}
.cempty{padding:18px;text-align:center;color:var(--faint);font-size:13px}
.cinrow{display:flex;align-items:center;gap:9px;padding-top:11px;border-top:1px solid var(--bdr)}
.cavsm{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}
.cinput{flex:1;background:var(--s2);border:1px solid var(--bdr);color:#fff;padding:9px 12px;border-radius:12px;font-family:inherit;font-size:13px;outline:none;transition:.2s}
.cinput:focus{border-color:var(--red)}.cinput::placeholder{color:var(--faint)}
.csubmit{background:var(--red);color:#fff;border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.csubmit:hover{background:var(--redd)}

/* PROFILE MODAL */
.pmwrap{background:var(--s1);border:1px solid var(--bdr);border-radius:20px;padding:26px;width:100%;max-width:750px;animation:slideUp .35s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}
.pmhead{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--bdr);flex-wrap:wrap}
.pmav{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#fff;flex-shrink:0}
.pminfo{flex:1}
.pmname{font-size:22px;font-weight:900;margin-bottom:5px}
.pmbio{font-size:13px;color:var(--muted);line-height:1.6;min-height:18px}
.editbiobtn{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--bdr);color:var(--muted);font-family:inherit;font-size:11px;font-weight:600;padding:5px 11px;border-radius:8px;cursor:pointer;margin-top:8px;transition:.2s}
.editbiobtn:hover{border-color:#555;color:#fff}
.biotxt{width:100%;background:var(--s2);border:1px solid var(--bdr);color:#fff;padding:10px 12px;border-radius:10px;font-family:inherit;font-size:13px;resize:vertical;min-height:78px;outline:none;margin-top:8px}
.biotxt:focus{border-color:var(--red)}
.biosave{background:var(--red);color:#fff;border:none;padding:7px 15px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}
.biocancel{background:var(--s2);color:var(--muted);border:1px solid var(--bdr);padding:7px 15px;border-radius:8px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:22px}
.statcard{background:var(--s2);border:1px solid var(--bdr);border-radius:12px;padding:15px;text-align:center}
.statval{font-size:26px;font-weight:900;color:#fff;line-height:1}
.statval.gold{color:#fbbf24}
.statlbl{font-size:11px;color:var(--muted);margin-top:4px;font-weight:600}
.psectitle{font-family:var(--disp);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint);margin-bottom:14px;display:flex;align-items:center;gap:12px}
.psectitle::after{content:'';flex:1;height:1px;background:var(--bdr)}
.actlist{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.actitem{display:flex;align-items:center;gap:11px;padding:11px;background:var(--s2);border:1px solid var(--bdr);border-radius:12px;cursor:pointer;transition:.15s}
.actitem:hover{background:var(--s3)}
.actposter{width:34px;height:50px;border-radius:6px;object-fit:cover;background:var(--s3);flex-shrink:0}
.actinfo{flex:1;min-width:0}
.acttitle{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.actmeta{font-size:11px;color:var(--muted);margin-top:3px}
.actrat{font-size:15px;font-weight:800;color:#fbbf24;flex-shrink:0}
.reclist{display:flex;flex-direction:column;gap:9px}
.recitem{display:flex;align-items:center;gap:11px;padding:13px;background:var(--s2);border:1px solid var(--bdr);border-radius:12px}
.recposter{width:38px;height:56px;border-radius:7px;object-fit:cover;background:var(--s3);flex-shrink:0}
.recinfo{flex:1;min-width:0}
.recfrom{font-size:11px;color:var(--muted);margin-bottom:2px;display:flex;align-items:center;gap:5px}
.recfrom strong{color:#fff;cursor:pointer}.recfrom strong:hover{color:var(--red)}
.rectitle{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recmsg2{font-size:11px;color:var(--muted);margin-top:3px;font-style:italic}
.recplaybtn{background:var(--red);color:#fff;border:none;padding:7px 12px;border-radius:8px;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;flex-shrink:0}
.recplaybtn:hover{background:var(--redd)}
/* Director */
.dmwrap{background:var(--s1);border:1px solid var(--bdr);border-radius:20px;padding:26px;width:100%;max-width:980px;animation:slideUp .35s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}
.dmhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:15px;border-bottom:1px solid var(--bdr)}
.dmtag{background:rgba(var(--red-rgb),.15);border:1px solid rgba(var(--red-rgb),.3);color:var(--red-lite);font-size:11px;font-weight:700;padding:4px 12px;border-radius:99px}
.dmprofile{display:flex;gap:22px;margin-bottom:22px;flex-direction:column}
@media(min-width:580px){.dmprofile{flex-direction:row}}
.dmphoto{width:118px;height:166px;border-radius:14px;object-fit:cover;background:var(--s2);flex-shrink:0;border:1px solid var(--bdr)}
.dmbio{font-size:13px;color:rgba(255,255,255,.6);line-height:1.7}
.dmname{font-size:22px;font-weight:900;margin-bottom:9px}
.dmfiltitle{font-family:var(--disp);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.dmfiltitle::after{content:'';flex:1;height:1px;background:var(--bdr)}
footer{border-top:1px solid var(--bdr);padding:34px var(--gut);text-align:center;font-size:12px;color:var(--faint);background:linear-gradient(180deg,transparent,rgba(255,255,255,.02))}
footer strong{color:var(--muted);font-weight:800;letter-spacing:.3px}
.vrozet{display:inline-block;background:rgba(var(--red-rgb),.15);border:1px solid rgba(var(--red-rgb),.35);color:var(--red-lite);font-size:10px;font-weight:800;letter-spacing:.7px;padding:2px 7px;border-radius:5px;margin:0 3px;vertical-align:1px}

/* ═══ BİRLİKTE İZLEME ═══ */
#wpPanel{position:fixed;top:0;right:0;width:330px;height:100vh;z-index:10001;display:flex;flex-direction:column;
  background:rgba(14,14,19,.96);border-left:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px);
  transform:translateX(100%);transition:transform .34s var(--ease);box-shadow:-20px 0 60px rgba(0,0,0,.6)}
#wpPanel.open{transform:none}
/* Panel açıkken oynatıcı KÜÇÜLMELİ, altında kalmamalı. margin ile kaydırmak
   yetmiyordu (.mcont sabit genişlikte ortalanıyor, kayınca yine panelin
   altına giriyordu); doğrusu modalın kullanılabilir alanını daraltmak.
   .mcont width:100% olduğu için alan daralınca player da küçülüyor. */
#detailModal{transition:padding .34s var(--ease)}
body.wp-on #detailModal{padding-right:348px}

/* Panel kulpu: odadayken hep görünür, panelin kenarına yapışık kayar. */
#wpToggle{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:10002;display:none;
  width:34px;height:66px;border:1px solid rgba(255,255,255,.13);border-right:none;border-radius:11px 0 0 11px;
  background:rgba(14,14,19,.92);color:#fff;cursor:pointer;font-size:14px;backdrop-filter:blur(12px);
  transition:right .34s var(--ease),background .2s;box-shadow:-8px 0 24px rgba(0,0,0,.4)}
body.wp-room #wpToggle{display:block}
body.wp-on #wpToggle{right:330px}
#wpToggle:hover{background:rgba(var(--red-rgb),.3)}
.wp-tdot{position:absolute;top:8px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--red);display:none;box-shadow:0 0 8px rgba(var(--red-rgb),.9)}
.wp-tdot.on{display:block}

.wp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 15px 13px;border-bottom:1px solid rgba(255,255,255,.08)}
.wp-title{font-size:13px;font-weight:800;letter-spacing:.4px;display:flex;align-items:center;gap:7px}
.wp-title i{color:var(--red)}
.wp-code{margin-top:5px;font-size:10px;letter-spacing:1.5px;color:var(--faint);display:flex;align-items:center;gap:7px}
.wp-code b{font-family:ui-monospace,Consolas,monospace;font-size:15px;letter-spacing:3px;color:#fff}
.wp-copy,.wp-x{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;padding:3px;transition:color .2s}
.wp-copy:hover{color:#fff}.wp-x:hover{color:var(--red)}

.wp-mlist{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);max-height:210px;overflow-y:auto}
.wp-m{display:flex;align-items:center;gap:8px;padding:5px 4px;font-size:12.5px}
.wp-m.me .wp-mn{color:#fff;font-weight:700}
.wp-mav{flex:none;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}
.wp-mn{flex:1;color:var(--muted);display:flex;align-items:center;gap:6px;min-width:0}
.wp-hb{font-size:8px;font-weight:800;letter-spacing:.8px;background:rgba(var(--red-rgb),.2);border:1px solid rgba(var(--red-rgb),.4);color:var(--red-lite);padding:1px 4px;border-radius:3px}
.wp-mp{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:var(--faint)}
.wp-drift{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px}
.wp-drift.ok{background:rgba(16,185,129,.16);color:#5fe39b}
.wp-drift.ileri{background:rgba(245,158,11,.16);color:#fbbf24}
.wp-drift.geri{background:rgba(229,9,20,.16);color:#ff8b98}

.wp-hostbar{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.07)}
.wp-start{width:100%;background:linear-gradient(135deg,var(--red),var(--redd));color:#fff;border:none;border-radius:9px;padding:11px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s,transform .2s}
.wp-start:hover{filter:brightness(1.1);transform:translateY(-1px)}
.wp-wait{font-size:11.5px;color:var(--faint);text-align:center;display:flex;align-items:center;justify-content:center;gap:7px}
.wp-yetis{margin-top:8px;background:linear-gradient(135deg,#f59e0b,#b45309)}

.wp-chat{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:7px}
.wp-msg{display:flex;flex-direction:column;gap:2px;font-size:12.5px;background:rgba(255,255,255,.04);padding:7px 10px;border-radius:10px;max-width:92%;align-self:flex-start}
.wp-msg.me{align-self:flex-end;background:rgba(var(--red-rgb),.14)}
.wp-mu{font-size:10.5px;font-weight:800;letter-spacing:.3px}
.wp-mt{color:#e8e8ee;word-break:break-word}
.wp-sys{font-size:10.5px;color:var(--faint);text-align:center;font-style:italic;padding:2px}

.wp-form{display:flex;gap:7px;padding:11px 12px;border-top:1px solid rgba(255,255,255,.08)}
.wp-form input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#fff;padding:10px 12px;font-family:inherit;font-size:13px;outline:none;transition:border-color .2s}
.wp-form input:focus{border-color:rgba(var(--red-rgb),.55)}
.wp-form button{flex:none;width:40px;background:var(--red);border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:13px;transition:background .2s}
.wp-form button:hover{background:var(--redd)}

/* Geri sayım */
#wpCount{position:fixed;inset:0;z-index:10050;display:none;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}
#wpCount.on{display:grid}
.wp-num{font-family:var(--disp);font-size:132px;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 60px rgba(var(--red-rgb),.75);animation:wpPop .45s var(--ease)}
.wp-csub{text-align:center;margin-top:14px;font-size:13px;color:var(--muted);letter-spacing:.5px}
@keyframes wpPop{from{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}

/* Oda aç / katıl kutusu */
#wpJoin{z-index:10040}
.wp-jbox{position:relative;z-index:2;background:rgba(18,18,22,.96);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);padding:32px 30px;width:100%;max-width:370px;margin:auto;box-shadow:0 40px 90px rgba(0,0,0,.8);backdrop-filter:blur(22px)}
.wp-jtitle{font-family:var(--disp);font-size:20px;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:7px}
.wp-jtitle i{color:var(--red)}
.wp-jdesc{font-size:12.5px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.wp-jbtn{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:12px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s}
.wp-jbtn:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.wp-jbtn.primary{background:linear-gradient(135deg,var(--red),var(--redd));border:none;box-shadow:0 8px 24px rgba(var(--red-rgb),.3)}
.wp-jbtn.primary:hover{filter:brightness(1.1)}
.wp-jor{text-align:center;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--faint);margin:15px 0}
.wp-jform{display:flex;gap:8px}
.wp-jform input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:17px;letter-spacing:5px;text-align:center;text-transform:uppercase;outline:none;transition:border-color .2s}
.wp-jform input:focus{border-color:rgba(var(--red-rgb),.55)}
.wp-jform .wp-jbtn{width:auto;padding:12px 16px;white-space:nowrap}
.wp-jerr{margin-top:13px;font-size:12px;color:#ff8b98;text-align:center;min-height:16px}

@media(max-width:900px){
  #wpPanel{width:100%;max-width:330px}
  /* Dar ekranda küçültecek yer yok; panel üstte durur, kulpla kapatılır. */
  body.wp-on #detailModal{padding-right:18px}
  body.wp-on #wpToggle{right:min(330px,100vw)}
}

/* Birlikte izle kutusundaki arama */
.wp-jsec{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--faint);font-weight:800;margin-bottom:9px}
#wpBuYapim{margin-bottom:12px}
.wp-jsearch input{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:12px 14px;font-family:inherit;font-size:13.5px;outline:none;transition:border-color .2s}
.wp-jsearch input:focus{border-color:rgba(var(--red-rgb),.55)}
.wp-jres{margin-top:8px;max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:5px}
.wp-jrow{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.04);cursor:pointer;transition:background .2s}
.wp-jrow:hover{background:rgba(var(--red-rgb),.14)}
.wp-jrow img,.wp-jposter{width:34px;height:50px;border-radius:6px;object-fit:cover;background:#23232b;flex:none}
.wp-jinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wp-jinfo b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-jinfo span{font-size:11px;color:var(--muted)}
.wp-jrow>i{color:var(--faint);font-size:12px}
.wp-jbos{font-size:12px;color:var(--faint);text-align:center;padding:10px}

/* ══════ HOVER'DA AÇILAN KART ══════ */
#hovc{position:absolute;z-index:95;width:352px;border-radius:var(--r-lg);overflow:hidden;
  background:var(--s1);border:1px solid var(--bdr2);box-shadow:var(--sh-3);
  opacity:0;transform:scale(.84);pointer-events:none;
  transition:opacity .2s var(--ease),transform .36s var(--spring)}
#hovc.on{opacity:1;transform:scale(1);pointer-events:auto}
.hovart{position:relative;aspect-ratio:16/9;background:var(--s2);overflow:hidden}
.hovart>img.bd{width:100%;height:100%;object-fit:cover;display:block}
.hovgrad{position:absolute;inset:0;background:linear-gradient(to top,var(--s1) 2%,rgba(23,23,27,.55) 30%,transparent 65%)}
.hovlogo{position:absolute;left:16px;bottom:12px;max-width:58%;max-height:46px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 3px 12px rgba(0,0,0,.9))}
.hovtt{position:absolute;left:16px;right:16px;bottom:11px;font-family:var(--disp);font-size:19px;font-weight:700;letter-spacing:-.5px;line-height:1.1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 12px rgba(0,0,0,.9)}
.hovbody{padding:14px 16px 16px}
.hovacts{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.hovplay{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0b0b0d;border:none;font-family:inherit;font-size:12.5px;font-weight:700;padding:9px 18px;border-radius:99px;cursor:pointer;transition:transform .22s var(--spring)}
.hovplay:hover{transform:scale(1.05)}
.hovico{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid var(--bdr2);color:#fff;font-size:12px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .22s var(--spring),color .2s}
.hovico:hover{background:rgba(255,255,255,.18);transform:scale(1.1)}
.hovico.on{color:#f5c518;border-color:rgba(245,197,24,.5)}
.hovmeta{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:9px;flex-wrap:wrap}
.hovmeta .rt{color:#f5c518;font-weight:800}
.hovmeta .tag{border:1px solid var(--bdr2);border-radius:5px;padding:1px 6px;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.4px}
.hovgen{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;color:var(--muted);margin-bottom:9px}
.hovgen span{position:relative}
.hovgen span+span::before{content:'';position:absolute;left:-7px;top:50%;width:3px;height:3px;border-radius:99px;background:var(--faint)}
.hovov{font-size:12px;line-height:1.55;color:rgba(255,255,255,.55);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(hover:none),(pointer:coarse){#hovc{display:none!important}}

/* ══════ KOMUT PALETİ (Ctrl+K) ══════ */
#pal{position:fixed;inset:0;z-index:800;display:none;background:rgba(6,6,8,.7);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px)}
#pal.on{display:block;animation:fadeIn .18s ease}
.palw{max-width:840px;margin:min(11vh,110px) auto 0;padding:0 20px}
.palbox{background:rgba(24,24,29,.9);border:1px solid var(--bdr2);border-radius:var(--r-xl);box-shadow:var(--sh-3);overflow:hidden;animation:palIn .4s var(--spring)}
@keyframes palIn{from{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:none}}
.palin{display:flex;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid var(--bdr)}
.palin>i{font-size:17px;color:var(--faint)}
.palin input{flex:1;min-width:0;background:none;border:none;color:#fff;font-family:var(--disp);font-size:clamp(18px,2.4vw,23px);font-weight:500;outline:none;letter-spacing:-.4px}
.palin input::placeholder{color:var(--faint)}
.palesc{font-size:10px;font-weight:800;letter-spacing:.6px;color:var(--faint);background:rgba(255,255,255,.06);border:1px solid var(--bdr);border-radius:6px;padding:5px 9px;flex-shrink:0}
.palres{max-height:min(56vh,520px);overflow-y:auto;padding:8px;scroll-behavior:smooth}
.palsec{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint);padding:12px 16px 8px}
.palr{display:flex;align-items:center;gap:15px;padding:9px 14px;border-radius:var(--r-md);cursor:pointer;transition:background .12s}
.palr:hover{background:rgba(255,255,255,.05)}
.palr.sel{background:rgba(255,255,255,.1)}
.palp{width:42px;height:62px;border-radius:8px;object-fit:cover;background:var(--s2);flex-shrink:0}
.palp.rnd{width:44px;height:44px;border-radius:50%}
.palt{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.palm{font-size:11.5px;color:var(--muted);margin-top:3px}
.palgo{margin-left:auto;font-size:11px;font-weight:700;color:var(--faint);opacity:0;flex-shrink:0}
.palr.sel .palgo{opacity:1}
.palempty{padding:56px 20px;text-align:center;color:var(--faint);font-size:13.5px}
.palhint{display:flex;align-items:center;gap:18px;padding:11px 24px;border-top:1px solid var(--bdr);font-size:11px;color:var(--faint)}
.palhint b{font-weight:800;color:var(--muted)}

/* ANIMATIONS */
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}

/* ══════ AÇILIŞ KOREOGRAFİSİ ══════ */
@keyframes bootIn{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}
@keyframes hdrIn{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
body.booted #view-home{animation:bootIn .95s var(--ease)}
body.booted header{animation:hdrIn .7s var(--ease) .12s backwards}

@media(max-width:768px){
  .hcontent{padding-bottom:150px}
  /* nav{display:none} kaldırıldı: mobilde gezinmeyi tamamen yok ediyordu,
     hiçbir kategoriye ulaşılamamasının sebebi buydu. Artık çekmeceye
     taşınıyor (aşağıdaki MOBİL GEZİNME bölümü). */
  .sbar.open{width:240px}.ppfgrid{grid-template-columns:repeat(3,1fr)!important}
  .spotc{max-width:100%}
  .hero{height:clamp(500px,78vh,700px);margin-bottom:-90px}
}

/* ══════ HAREKET AZALTMA ══════ */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .hlayer.kb{animation:none;transform:none}
  .spotbg{transform:none}
}
/* ══════ PROFİL SAYFASI ══════ */
/* Kişi/başlık sayfalarının hero'su 600-900px sabit yükseklikte — orada arkada
   dev bir backdrop var, boşluğu o dolduruyor. Profilde backdrop olmayabiliyor,
   o yüzden içeriğe göre büyüsün. */
#view-profile .pshero{min-height:auto;padding-top:104px}
#view-profile .tpwrap{padding-bottom:clamp(26px,3.4vw,46px)}
#view-profile .tpback{margin-bottom:clamp(18px,2.2vw,30px)}
/* Avatarın üst noktası kicker satırıyla hizalı: ortalıyken isim bloğunun
   ortasına denk geliyordu. */
#view-profile .tphead{align-items:flex-start}
#view-profile .tpbg{opacity:.5}
/* Çerçeve boyutu içerikten bağımsız olmalı: eskiden yalnızca genişlik
   kesindi, yükseklik aspect-ratio'ya bırakılmıştı. aspect-ratio tercih
   edilen boyutu verir, içerik kaynaklı en küçük boyut onu ezer — büyük bir
   görsel konunca kutu uzuyor, border-radius:50% de daire yerine elips
   çiziyordu. Artık iki eksen de aynı değişkene sabit; overflow görseli
   çerçevenin dışına taşırmıyor. Ölçüyü tek yerden değiştir: --pfav-boy. */
.pfav{--pfav-boy:clamp(96px,10vw,150px);
  flex:0 0 var(--pfav-boy);width:var(--pfav-boy);height:var(--pfav-boy);
  min-width:0;min-height:0;overflow:hidden;
  /* Izgara alanı kesin olmalı. Satır auto kalırsa içerideki görselin
     height:100%'i dayanacak kesin bir yükseklik bulamayıp auto'ya düşüyor,
     görsel kendi oranıyla açılıyor ve object-fit:cover hiç kırpmıyordu:
     çerçevede kare kırpma yerine ortadan yatay bir şerit görünüyordu.
     Seçicideki (.av-card) kırpmayla aynı olması için 100%/100%. */
  border-radius:50%;display:grid;grid-template:100% / 100%;place-items:center;
  font-family:var(--disp);font-size:clamp(38px,4.4vw,60px);font-weight:800;color:#fff;
  border:4px solid rgba(11,11,13,.85);box-shadow:var(--sh-3);animation:slideUp .7s var(--ease) .1s backwards}
.pp-bio-text{font-size:14.5px;color:rgba(255,255,255,.72);line-height:1.7;max-width:600px;margin-top:14px}
.pp-bio-edit-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid var(--bdr2);
  color:#fff;font-family:inherit;font-size:12px;font-weight:600;padding:8px 16px;border-radius:99px;cursor:pointer;margin-top:14px;
  transition:background .2s,transform .25s var(--spring)}
.pp-bio-edit-btn:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.pp-bio-form{margin-top:16px;max-width:620px}
/* Dört bölüm alt alta dizilince form 894px'e çıkıyor, hero da 1128px'e:
   ekranı aşıyor ve avatar dikey ortalama yüzünden formun ortasına iniyor.
   Geniş ekranda bölümler yan yana: solda bio ve gizlilik, sağda boyu asıl
   yeri yiyen fotoğraf bölümü, düğmeler altta tam genişlikte.
   Dar ekranda kural devreye girmiyor, alt alta dizilim korunuyor. */
@media(min-width:1000px){
  .pp-bio-form{max-width:none;display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:14px;align-items:start}
  /* Bio ve gizlilik kısa, yan yana sığıyorlar. Fotoğraf bölümü tam
     genişlikte kalmalı: dar sütuna sıkışınca seçici ızgarası daha çok
     satıra bölünüyor ve bölüm 451px'ten 762px'e çıkıyor — yani daraltmak
     ters tepiyor. */
  .pp-bio-form>:nth-child(1){grid-column:1;grid-row:1}   /* bio */
  .pp-bio-form>:nth-child(3){grid-column:2;grid-row:1}   /* gizlilik */
  .pp-bio-form>:nth-child(2){grid-column:1 / -1;grid-row:2}  /* fotoğraf */
  .pp-bio-form>:nth-child(4){grid-column:1 / -1;grid-row:3}  /* düğmeler */
  .pp-bio-form>.pp-edit-sec{margin-bottom:0}
}
/* .tphead zaten üstten hizalı (yukarıda): form açıldığında avatarın
   kayması diye bir sorun kalmadı. */
.pp-bio-ta{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--bdr);color:#fff;padding:13px 15px;
  border-radius:var(--r-md);font-family:inherit;font-size:13.5px;line-height:1.6;resize:vertical;min-height:76px;outline:none;transition:border-color .2s}
.pp-bio-ta:focus{border-color:var(--bdr2);background:rgba(255,255,255,.08)}
.pp-edit-sec{background:rgba(255,255,255,.03);border:1px solid var(--bdr);border-radius:var(--r-md);padding:16px;margin-bottom:14px}
.pp-edit-lbl{display:block;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}
.av-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;margin-top:8px}
.av-card{aspect-ratio:1;border-radius:50%;border:3px solid transparent;cursor:pointer;position:relative;
  overflow:hidden;background:rgba(255,255,255,.06);transition:transform .22s var(--spring),border-color .2s,box-shadow .2s}
.av-card:hover{transform:scale(1.12);border-color:rgba(255,255,255,.6);z-index:2}
.av-card.selected{border-color:var(--red);box-shadow:0 0 16px rgba(var(--red-rgb),.65);transform:scale(1.08);z-index:3}
.av-card img{width:100%;height:100%;object-fit:cover;display:block}
.av-card-badge{position:absolute;bottom:2px;right:2px;background:var(--red);color:#fff;font-size:9px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}
.av-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}


/* istatistik şeridi */
/* Beşinci kutu (saat) eklenince aralıklar grafiği alt satıra itiyordu. */
.pp-stats-bar{display:flex;flex-wrap:wrap;gap:clamp(18px,2.4vw,36px);margin-top:26px;padding-top:24px;border-top:1px solid var(--bdr)}
.pp-stat-item{min-width:64px}
.pp-stat-val{font-family:var(--disp);font-size:clamp(26px,2.8vw,34px);font-weight:800;line-height:1;letter-spacing:-1px}
.pp-stat-val.gold{color:#f5c518}
.pp-stat-lbl{font-size:9.5px;color:var(--faint);margin-top:8px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}
/* dostlar */
.pp-friends-row{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
.pp-friends-row::-webkit-scrollbar{display:none}
.pp-friend{display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;flex-shrink:0;width:72px;
  transition:transform .28s var(--spring)}
.pp-friend:hover{transform:translateY(-4px)}
/* .pfav ile aynı sorun: kesin ızgara alanı yoksa görsel kendi oranıyla
   açılıyor. Burada overflow da yoktu, yani daireden taşıyordu. */
.pp-friend-av{width:56px;height:56px;border-radius:50%;overflow:hidden;
  display:grid;grid-template:100% / 100%;place-items:center;font-family:var(--disp);
  font-size:21px;font-weight:800;color:#fff;border:2px solid transparent;box-shadow:var(--sh-1);transition:border-color .2s}
.pp-friend:hover .pp-friend-av{border-color:#fff}
.pp-friend-name{font-size:11px;color:var(--muted);font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis}
.pp-friend.me .pp-friend-av{border-color:var(--bdr2)}
/* puanlanan filmler ızgarası */
.ppfgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(120px,11vw,158px),1fr));gap:clamp(12px,1.3vw,18px)}
.ppfcard{position:relative;cursor:pointer;aspect-ratio:2/3;border-radius:var(--r-md);overflow:hidden;background:var(--s1);
  box-shadow:var(--sh-1);transition:transform .35s var(--spring),box-shadow .35s var(--ease)}
.ppfcard:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.18);z-index:2}
.ppfcard img{width:100%;height:100%;object-fit:cover;display:block}
.ppfcard-rat{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.66);backdrop-filter:blur(8px);border-radius:7px;
  padding:4px 8px;font-size:11.5px;font-weight:800;color:#f5c518;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.12)}
/* aktivite & yorum listeleri */
.pp-activity{display:flex;flex-direction:column;gap:10px}
.pp-act-item{display:flex;align-items:center;gap:15px;padding:12px 15px;border-radius:var(--r-md);cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--bdr);
  transition:transform .28s var(--spring),border-color .25s,background .25s}
.pp-act-item:hover{transform:translateX(5px);border-color:var(--bdr2);background:rgba(255,255,255,.075)}
.pp-act-poster{width:44px;height:64px;border-radius:8px;object-fit:cover;background:var(--s2);flex-shrink:0}
.pp-act-title{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-act-meta{font-size:12px;color:var(--faint);margin-top:5px}
.pp-act-rat{font-size:15px;font-weight:800;color:#f5c518;flex-shrink:0}
.pp-review-item{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--bdr);
  border-radius:var(--r-lg);padding:20px 22px;margin-bottom:12px;cursor:pointer;transition:border-color .25s,background .25s}
.pp-review-item:hover{border-color:var(--bdr2);background:rgba(255,255,255,.07)}
.pp-rev-title{font-family:var(--disp);font-size:16px;font-weight:700;letter-spacing:-.4px;margin-bottom:6px}
/* Karar verilen öneri artık silinmiyor, Öneriler sekmesinde kalıyor;
   rozet hangi kararı verdiğini gösteriyor. */
.rec-karar{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
  padding:2px 7px;border-radius:99px;white-space:nowrap}
.rec-karar.ok{background:rgba(95,227,155,.14);color:#5fe39b}
.rec-karar.no{background:rgba(255,139,152,.14);color:#ff8b98}
.pp-rev-meta{font-size:12px;color:var(--faint);display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pp-rev-rat{color:#f5c518;font-weight:800}
.pp-rev-text{font-size:13.5px;color:rgba(255,255,255,.68);line-height:1.7;padding-top:12px;border-top:1px solid var(--bdr)}
.pp-empty{padding:70px 20px;text-align:center;color:var(--faint);font-size:14px;grid-column:1/-1}
@media(max-width:820px){.pfav{--pfav-boy:clamp(80px,24vw,110px);flex:0 0 auto}}
/* ── Favori 4 ── */
/* Favori dörtlü kompakt şerit: başlık solda, afişler sağda tek satır.
   Eskiden tam genişlikte dev bir ızgaraydı ve profilin üst alanını
   yiyordu; içerik aynı, kapladığı yer kabaca üçte bir. */
/* ══════ HERO: BİYOGRAFİ + FAVORİ DÖRTLÜ YAN YANA ══════ */
/* Boşluğun sebebi sağa yaslamaydı: biyografi bloğu flex:1 ile kalan tüm
   genişliği yutuyor, favoriler de onun sağ ucuna yapışıyordu. Ekran
   büyüdükçe aradaki fark açılıyordu — 1700px'te 725px ölü boşluk.
   Artık biyografi içeriği kadar yer kaplıyor, favoriler hemen yanında
   başlıyor ve satırın kendisi 1120px'te duruyor: geniş ekranda içerik
   esneyip dağılmıyor, artan yer sağda arka plan görseline kalıyor. */
/* Üç ölçü de tek yerden: satırın toplam genişliği bunların toplamı, hem
   favoriler hem mini grafik sağa yaslı. Böylece ikisinin sağ kenarı aynı
   noktada bitiyor — ayrı ayrı hizalanabilecek bir şey değil, ortak bir
   çerçeveye ihtiyaç duyuyorlar. */
#view-profile .tpinfo{
  --sol:clamp(180px,20vw,300px);
  --sag:clamp(300px,46vw,560px);
  --ara:clamp(26px,5vw,88px);
  --grafik:clamp(170px,18vw,240px);
  max-width:calc(var(--sol) + var(--ara) + var(--sag))}
.pp-headrow{display:flex;align-items:flex-start;gap:var(--ara)}
.pp-headtext{flex:0 1 auto;min-width:0;max-width:var(--sol)}
#pp-favs{flex:0 0 auto;width:var(--sag);margin-left:auto}
/* .sec-kicker ile birebir aynı: iki etiket aynı satırda başlıyor,
   ölçüleri ayrışırsa taban çizgileri kayıyor. */
.favmini-h{font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;
  color:var(--faint);margin-bottom:7px}
.favmini .favgrid{gap:clamp(8px,1vw,13px)}
@media(max-width:820px){
  .pp-headrow{flex-direction:column;gap:16px}
  #pp-favs{width:100%;max-width:420px}
}

/* ══════ MİNİ PUAN DAĞILIMI (istatistik çubuğunda) ══════ */
/* Grafik favorilerin yatay ortasında duruyor. Favoriler --sag genişliğinde
   ve satırın sağ ucunda; grafik ondan dar olduğu için sağına aradaki farkın
   yarısı kadar boşluk bırakılıyor, iki blok aynı eksende buluşuyor.
   Genişliğin --sag olması sayıların yanına sığmamasına ve alt satıra
   kaymasına yol açıyordu, o yüzden ayrı ve dar bir ölçü. */
.pp-minird{margin-left:auto;display:flex;flex-direction:column;justify-content:flex-end;
  flex:0 1 auto;width:var(--grafik)}
/* Favorilerin yatay ortasına kaydırma. transform yer kaplamadığı için satırı
   bölmüyor, ama dar ekranda grafiği sayıların üstüne bindiriyordu: 1250px'te
   ikisi tam olarak değiyor. O yüzden yalnızca yer olan genişliklerde
   uygulanıyor; altında grafik sağa yaslı kalıyor. */
@media(min-width:1300px){
  .pp-minird{transform:translateX(calc((var(--grafik) - var(--sag))/2))}
}
/* Yükseklik yanındaki istatistik öğesiyle aynı olsun: 34 + 8 boşluk +
   11 eksen ≈ 53px, sayı + etiket de 53px. */
.mrd-bars{display:flex;align-items:flex-end;gap:3px;height:34px}
.mrd-b{flex:1;background:rgba(245,197,24,.36);border-radius:2px;min-height:2px;transition:background .2s}
.mrd-b.tepe{background:#f5c518}
.mrd-bars:hover .mrd-b{background:rgba(245,197,24,.55)}
.mrd-bars:hover .mrd-b.tepe{background:#f5c518}
.mrd-ax{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;font-weight:800;
  letter-spacing:.9px;color:var(--faint)}
.mrd-ax i{font-size:7.5px;opacity:.75}
@media(max-width:700px){.pp-minird{margin-left:0;transform:none;width:100%;max-width:280px}}
@media(max-width:820px){.pp-headtext{max-width:none}}

/* Tek kart kalınca ızgara tek sütun. */

.favstrip-sec{padding-top:6px;padding-bottom:6px}
.favstrip{display:flex;align-items:center;gap:clamp(14px,2vw,26px)}
.favstrip-h{flex:none;font-family:var(--disp);font-size:clamp(13px,1.2vw,16px);font-weight:800;
  letter-spacing:.3px;color:var(--muted);width:clamp(84px,8vw,116px);line-height:1.3}
.favstrip .favgrid{flex:1;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(8px,1vw,14px);max-width:clamp(300px,42vw,520px)}
.favgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,22px)}
@media(max-width:700px){
  .favstrip{flex-direction:column;align-items:stretch;gap:9px}
  .favstrip-h{width:auto}
  .favstrip .favgrid{max-width:none}
}

/* Öner kutusu */
.rec-box{position:relative;z-index:2;margin:auto;width:100%;max-width:380px;
  background:rgba(18,18,22,.97);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);
  padding:28px 26px;box-shadow:0 40px 90px rgba(0,0,0,.8);backdrop-filter:blur(22px)}
.rec-title{font-family:var(--disp);font-size:19px;font-weight:800;display:flex;align-items:center;gap:9px;margin-bottom:5px}
.rec-title i{color:var(--red)}
.rec-desc{font-size:13px;color:var(--muted);margin-bottom:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rec-lbl{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);margin:12px 0 6px}
.rec-sel,.rec-inp{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:10px;color:#fff;padding:11px 13px;font-family:inherit;font-size:13.5px;outline:none;transition:border-color .2s}
.rec-sel:focus,.rec-inp:focus{border-color:rgba(var(--red-rgb),.55)}
.rec-sel option{background:#1a1a1a}
.rec-acts{display:flex;gap:8px;margin-top:18px}
.rec-acts .wp-jbtn{flex:1}
.rec-err{margin-top:11px;font-size:12px;color:#ff8b98;text-align:center;min-height:16px}
.rec-note{font-size:12px;color:var(--faint);background:rgba(255,255,255,.04);border-radius:9px;padding:9px 12px;margin-bottom:4px}
/* Bildirimdeki karar düğmeleri */
.npi-wrap{border-bottom:1px solid var(--bdr)}
.npi-wrap .npi{border-bottom:none}
.npi-acts{display:flex;gap:7px;padding:0 13px 11px 51px}
.npi-btn{flex:1;background:rgba(255,255,255,.06);border:1px solid var(--bdr2);color:var(--muted);
  border-radius:8px;padding:7px 9px;font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:5px;transition:.2s}
.npi-btn.ok:hover{background:rgba(16,185,129,.2);border-color:#1c6b3f;color:#5fe39b}
.npi-btn.no:hover{background:rgba(229,9,20,.16);border-color:#7a2531;color:#ff8b98}
.npi-reply{background:rgba(255,255,255,.02)}

/* ═══ MİNİ TAKVİM ═══
   Yalnızca ileri: bugünden önceki günler ve geçmiş aylar kapalı. Üzerinde
   yayın olan günler kırmızı noktayla işaretli. */
.calmini{background:var(--s2);border:1px solid var(--bdr);border-radius:var(--r-lg);
  padding:13px 14px 15px;margin-bottom:22px;max-width:330px}
.cm-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.cm-ay{font-family:var(--disp);font-size:14px;font-weight:800;letter-spacing:.2px}
.cm-ok{background:rgba(255,255,255,.06);border:1px solid var(--bdr2);color:var(--muted);
  width:27px;height:27px;border-radius:8px;cursor:pointer;font-size:11px;transition:.2s}
.cm-ok:hover:not(:disabled){background:rgba(255,255,255,.13);color:#fff}
.cm-ok:disabled{opacity:.3;cursor:not-allowed}
.cm-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cm-dow{text-align:center;font-size:9.5px;font-weight:800;letter-spacing:.5px;color:var(--faint);padding-bottom:4px}
.cm-bos{aspect-ratio:1}
.cm-gun{aspect-ratio:1;display:grid;place-items:center;position:relative;
  background:none;border:none;border-radius:8px;color:var(--muted);
  font-family:inherit;font-size:12px;cursor:pointer;transition:background .18s,color .18s}
.cm-gun:hover:not(:disabled){background:rgba(255,255,255,.1);color:#fff}
.cm-gun.pasif{opacity:.22;cursor:not-allowed}
.cm-gun.bugun{outline:1px solid var(--red);color:#fff;font-weight:800}
/* Yayın olan gün — nokta, sayıyı örtmesin diye altta */
.cm-gun.dolu::after{content:'';position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--red)}
.cm-gun.dolu{color:#fff;font-weight:700}
/* Mini takvimden atlanınca hedef gün kısa süre vurgulanıyor */
.agvurgu{animation:agFlash 1.6s var(--ease)}
@keyframes agFlash{0%,100%{background:transparent}25%{background:rgba(var(--red-rgb),.14)}}
@media(max-width:560px){.calmini{max-width:none}}
.tp-rec i{color:#8ab4ff}

/* ═══ SEÇKİLER (EDİTÖR LİSTELERİ) ═══
   Kapak, listenin ilk dört afişinden oluşan 2x2 bir mozaik. */
.edgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(220px,22vw,290px),1fr));gap:clamp(14px,1.6vw,22px)}
.edcard{border-radius:var(--r-lg);overflow:hidden;background:var(--s2);border:1px solid var(--bdr);
  cursor:pointer;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.edcard:hover{transform:translateY(-4px);border-color:var(--bdr2);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.edcover{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16/10;background:#15151c}
.edcover img{width:100%;height:100%;object-fit:cover;display:block}
.edcard:hover .edcover img{opacity:.85}
.edname{padding:13px 15px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:9px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.edname i{color:var(--red);font-size:13px;flex:none}
.sec-sub{font-size:12.5px;color:var(--muted);margin-top:6px;max-width:60ch}
#editor-back{white-space:nowrap}
@media(max-width:560px){.edgrid{grid-template-columns:1fr 1fr;gap:11px}.edname{font-size:12px;padding:10px}}
@media(max-width:700px){.favgrid{grid-template-columns:repeat(2,1fr)}}
.favslot{position:relative;aspect-ratio:2/3;border-radius:var(--r-lg);overflow:hidden;background:var(--s1);
  border:1px solid var(--bdr);transition:transform .35s var(--spring),box-shadow .35s var(--ease),border-color .25s}
.favslot.filled{cursor:pointer}
.favslot.filled:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,.6);border-color:var(--bdr2)}
.favslot img{width:100%;height:100%;object-fit:cover;display:block}
.favslot .favnum{position:absolute;top:10px;left:10px;font-family:var(--disp);font-size:13px;font-weight:800;
  background:rgba(0,0,0,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:3px 9px}
.favslot .favx{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.66);
  border:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;cursor:pointer;display:grid;place-items:center;
  opacity:0;transition:opacity .2s,background .2s}
.favslot:hover .favx{opacity:1}
.favslot .favx:hover{background:#fff;color:#0b0b0d}
.favslot.empty{display:grid;place-items:center;border-style:dashed;border-color:var(--bdr2);cursor:pointer;color:var(--faint)}
.favslot.empty:hover{background:rgba(255,255,255,.05);color:#fff}
.favslot.empty i{font-size:22px}
.favslot.empty span{display:block;font-size:11px;font-weight:700;margin-top:9px;letter-spacing:.4px}
.favslot.locked{border-style:dashed;opacity:.35}
/* Kart kabuğu: profildeki İstatistikler bölümü kaldırıldı ama zevk uyumu
   (ppCompare) aynı kabuğu kullanıyor. */
.statcard2{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--bdr);
  border-radius:var(--r-lg);padding:22px 24px}
.statcard2-h{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);margin-bottom:18px}
/* ── İzleme ısı haritası ── */
/* Isı haritası stilleri (.heat/.hcell/.heatlegend) kaldırıldı. */

/* Ruh hali — süre seçimi şeridi */
.mood-sure{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px}
.mood-sure-lbl{font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;
  color:var(--faint);margin-right:6px}

/* ── Karşılaştırma ── */
.cmpbar{display:flex;align-items:center;gap:clamp(16px,2.6vw,40px);flex-wrap:wrap;padding:22px 24px;border-radius:var(--r-lg);
  background:linear-gradient(100deg,var(--amb-soft),rgba(255,255,255,.02));border:1px solid var(--bdr2);margin-bottom:18px}
.cmpbig{font-family:var(--disp);font-size:clamp(34px,4vw,48px);font-weight:800;line-height:1;letter-spacing:-2px}
.cmplbl{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);margin-top:8px}
.cmpsep{width:1px;height:44px;background:var(--bdr)}
.cmpnote{font-size:12.5px;color:var(--muted);line-height:1.6;flex:1;min-width:180px}
/* ayrıştığınız filmler */
.splitrow{display:flex;align-items:center;gap:14px;padding:11px 13px;border-radius:var(--r-md);cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid var(--bdr);margin-bottom:9px;
  transition:transform .28s var(--spring),border-color .25s}
.splitrow:hover{transform:translateX(4px);border-color:var(--bdr2)}
.splitrow img{width:38px;height:56px;border-radius:7px;object-fit:cover;background:var(--s2);flex-shrink:0}
.splitname{flex:1;min-width:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.splitscore{display:flex;align-items:center;gap:12px;flex-shrink:0;font-family:var(--disp);font-weight:800;font-size:16px}
.splitscore .me{color:#4ade80}.splitscore .them{color:#ff6a4d}
.splitscore small{font-size:9px;font-weight:800;letter-spacing:.8px;color:var(--faint);display:block;text-align:center;margin-top:3px;font-family:'Inter',sans-serif}
.splitdiff{flex-shrink:0;font-size:11px;font-weight:800;color:var(--faint);background:rgba(255,255,255,.07);border-radius:99px;padding:4px 10px}
/* dost uyum yüzdesi */
.pp-friend-pct{font-size:10px;font-weight:800;color:var(--muted);margin-top:2px}
/* favori seçici */
#favpick{position:fixed;inset:0;z-index:800;display:none;background:rgba(6,6,8,.7);backdrop-filter:blur(20px)}
#favpick.on{display:block;animation:fadeIn .18s ease}

/* ══════ LİSTELER ══════ */
.lsgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(180px,20vw,240px),1fr));gap:clamp(14px,1.6vw,22px)}
.lscard{cursor:pointer;transition:transform .34s var(--spring)}
.lscard:hover{transform:translateY(-6px)}
.lscover{position:relative;aspect-ratio:3/2;border-radius:var(--r-md);overflow:hidden;background:var(--s1);border:1px solid var(--bdr);
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;transition:border-color .25s,box-shadow .34s var(--ease)}
.lscard:hover .lscover{border-color:var(--bdr2);box-shadow:var(--sh-3)}
.lscover img{width:100%;height:100%;object-fit:cover;display:block}
.lscover.one{grid-template-columns:1fr;grid-template-rows:1fr}
.lscover.two{grid-template-rows:1fr}
.lscover-empty{grid-column:1/-1;grid-row:1/-1;display:grid;place-items:center;color:var(--faint);font-size:26px}
.lsname{font-size:14.5px;font-weight:700;margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lscount{font-size:11.5px;color:var(--faint);margin-top:5px}
.lscard.new .lscover{border-style:dashed;border-color:var(--bdr2);place-items:center;display:grid}
.lscard.new .lscover i{font-size:24px;color:var(--faint)}
.lscard.new:hover .lscover{background:rgba(255,255,255,.05)}
.lscard.new .lscover span{display:block;font-size:12px;font-weight:700;color:var(--faint);margin-top:9px}
/* listeye ekle paneli */
#listpick{position:fixed;inset:0;z-index:800;display:none;background:rgba(6,6,8,.7);backdrop-filter:blur(20px)}
#listpick.on{display:block;animation:fadeIn .18s ease}
.lsrow{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--r-md);cursor:pointer;transition:background .18s}
.lsrow:hover{background:rgba(255,255,255,.06)}
.lsrow-box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--bdr2);flex-shrink:0;display:grid;place-items:center;
  font-size:11px;color:transparent;transition:background .18s,border-color .18s,color .18s}
.lsrow.on .lsrow-box{background:#fff;border-color:#fff;color:#0b0b0d}
.lsrow-n{flex:1;min-width:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lsrow-c{font-size:11.5px;color:var(--faint);flex-shrink:0}
.lsnewbtn{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid var(--bdr2);color:#fff;
  font-family:inherit;font-size:12.5px;font-weight:600;padding:10px 18px;border-radius:99px;cursor:pointer;width:100%;justify-content:center;
  transition:background .2s}
.lsnewbtn:hover{background:rgba(255,255,255,.15)}
/* ══════ YILDIZLA PUANLAMA (yarım yıldız destekli) ══════ */
.ratecluster{display:inline-flex;align-items:center;gap:15px;padding-left:clamp(8px,1.4vw,20px);
  margin-left:clamp(4px,1vw,12px);border-left:1px solid var(--bdr2)}
.stars{display:inline-flex;gap:5px;position:relative}
.star{position:relative;width:1em;height:1em;font-size:clamp(23px,2.2vw,28px);line-height:1;flex-shrink:0}
.star .bg,.star .fg{position:absolute;left:0;top:0;line-height:1}
.star .bg{color:rgba(255,255,255,.2)}
.star .fg{overflow:hidden;white-space:nowrap;width:0;color:#f5c518;transition:width .12s linear}
.stars.preview .fg{transition:none}
.sh{position:absolute;top:0;height:100%;width:50%;z-index:3;background:none;border:0;padding:0;cursor:pointer}
.sh.l{left:0}.sh.r{right:0}
.stars:hover .star .fg{filter:brightness(1.1)}
.ratelbl{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;min-width:74px}
.ratelbl b{font-family:var(--disp);font-size:16px;font-weight:800;color:#f5c518;display:block;margin-bottom:2px}
.rateclear{background:none;border:none;color:var(--faint);font-size:11px;cursor:pointer;padding:2px 0;text-decoration:underline;
  text-underline-offset:3px;font-family:inherit}
.rateclear:hover{color:#fff}
@media(max-width:700px){.ratecluster{border-left:none;padding-left:0;margin-left:0;width:100%;margin-top:6px}}

/* bölünmüş düğme: ana kısım izleme listesi, ok listeleri açar */
.splitbtn{display:inline-flex;align-items:stretch;border-radius:99px;overflow:hidden;
  border:1px solid var(--bdr2);background:rgba(255,255,255,.1);backdrop-filter:blur(12px);
  transition:background .2s,border-color .2s,transform .25s var(--spring)}
.splitbtn:hover{transform:translateY(-2px)}
.splitbtn button{background:none;border:none;color:#fff;font-family:inherit;cursor:pointer;transition:background .18s}
.splitbtn button:hover{background:rgba(255,255,255,.16)}
.splitbtn .sb-main{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;padding:13px 22px;white-space:nowrap}
.splitbtn .sb-caret{display:grid;place-items:center;padding:0 14px;border-left:1px solid var(--bdr2);font-size:11px;color:var(--muted)}
.splitbtn .sb-caret:hover{color:#fff}
.splitbtn.on{background:rgba(245,197,24,.15);border-color:rgba(245,197,24,.45)}
.splitbtn.on .sb-main{color:#f5c518}
/* liste sayfasındaki kaldır düğmesi */
.card .lsrm{position:absolute;top:8px;left:8px;z-index:4;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.66);
  border:1px solid rgba(255,255,255,.22);color:#fff;font-size:11px;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .2s,background .2s}
.card:hover .lsrm{opacity:1}
.card .lsrm:hover{background:#fff;color:#0b0b0d}

/* MOOD */
/* ═══ RUH HALİ KARTLARI ═══
   Eski tasarım tek tip ızgara, ortalanmış küçük emoji ve solgun yazıydı.
   Yenisinde emoji köşeden taşan dev bir filigran, ruh halinin rengi ise
   arkadan sızan bir parıltı. Yazı sola hizalı ve altta — ortalanmış
   metin kart içinde yüzer gibi duruyordu. */
.mood-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:34px}

.mood-card{
  --mc:var(--mood-color,var(--red));
  position:relative;isolation:isolate;overflow:hidden;
  min-height:158px;padding:18px;border-radius:22px;cursor:pointer;
  display:flex;flex-direction:column;justify-content:flex-end;gap:4px;
  text-align:left;
  background:#141419;
  border:1px solid rgba(255,255,255,.08);
  transition:transform .35s var(--ease),border-color .3s,box-shadow .35s;
}
/* Renk, düz bir zemin yerine köşeden gelen yumuşak bir sızıntı. */
.mood-card::before{
  content:'';position:absolute;inset:0;z-index:-1;
  background:radial-gradient(125% 105% at 12% -5%,var(--mc),transparent 62%);
  opacity:.24;transition:opacity .35s;
}
/* Ruh halini temsil eden klasik filmin görseli. Emoji yalnızca görsel
   gelmediğinde devrede — ağ yoksa kart boş kalmasın. */
.mood-img{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;object-fit:cover;display:block;
  opacity:.5;filter:saturate(.75) contrast(1.05);
  transform:scale(1.04);
  transition:transform .55s var(--ease),opacity .35s,filter .35s;
  pointer-events:none;user-select:none;
}
.mood-card:hover .mood-img{transform:scale(1.13);opacity:.66;filter:saturate(1) contrast(1.08)}
/* Görselin üstüne okunabilirlik perdesi — yazı her karede net kalsın. */
.mood-card::after{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(to top,rgba(8,8,11,.95) 12%,rgba(8,8,11,.55) 48%,rgba(8,8,11,.15) 100%);
}
/* Emoji yedeği */
.mood-emoji{
  position:absolute;top:-10px;right:-12px;z-index:-1;
  font-size:98px;line-height:1;margin:0;display:block;
  opacity:.17;transform:rotate(-8deg);
  transition:transform .45s var(--ease),opacity .35s;
  pointer-events:none;user-select:none;
}
.mood-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.2);box-shadow:0 22px 50px rgba(0,0,0,.55)}
.mood-card:hover::before{opacity:.44}
.mood-card:hover .mood-emoji{transform:rotate(-3deg) scale(1.13) translateY(5px);opacity:.3}
.mood-card:active{transform:translateY(-2px) scale(.99)}

.mood-name{font-family:var(--disp);font-size:18px;font-weight:800;letter-spacing:-.3px;color:#fff;margin:0}
.mood-desc{font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.45;margin:0}

/* Bento ritmi: ilk iki kart iki sütun kaplıyor. Tamamen eşit bir ızgara
   katalog gibi duruyordu; bu, göze bir giriş noktası veriyor. */
@media(min-width:780px){
  .mood-card:nth-child(1),.mood-card:nth-child(2){grid-column:span 2;min-height:186px}
  .mood-card:nth-child(1) .mood-emoji,.mood-card:nth-child(2) .mood-emoji{font-size:132px;top:-16px}
  .mood-card:nth-child(1) .mood-name,.mood-card:nth-child(2) .mood-name{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  .mood-card,.mood-card .mood-emoji{transition:none}
  .mood-card:hover{transform:none}
}
/* NETWORKS — new design */
.networks-grid{display:block;margin-bottom:32px}
.net-section-header{display:flex;align-items:baseline;justify-content:space-between;margin:36px 0 14px}
.net-section-header:first-child{margin-top:0}
.net-section-label{font-size:18px;font-weight:800;color:#fff}
.net-section-sub{font-size:12px;color:var(--red);font-weight:600;text-align:right}
.net-grid-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:4px}
@media(max-width:960px){.net-grid-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.net-grid-row{grid-template-columns:1fr}}
.net-card{background:rgba(22,30,44,.95);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px 18px 18px;display:flex;align-items:stretch;justify-content:space-between;gap:14px;cursor:pointer;transition:.22s;overflow:hidden;position:relative;min-height:120px}
.net-card:hover{border-color:rgba(255,255,255,.18);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.net-card-left{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.net-card-name{font-size:20px;font-weight:900;color:#fff;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.net-card-accent{height:2px;width:30px;border-radius:99px;margin-bottom:11px}
.net-card-desc{font-size:12px;color:#6b7a8d;line-height:1.4;flex:1}
.net-card-explore{font-size:11px;font-weight:800;color:var(--red);letter-spacing:.5px;margin-top:13px;display:flex;align-items:center;gap:5px;text-transform:uppercase}
.net-card-posters{flex-shrink:0;position:relative;width:110px;height:90px;align-self:flex-end}
/* CALENDAR */
.cal-tabs{display:flex;gap:4px;border-bottom:1px solid var(--bdr);margin-bottom:24px}
.cal-tab{padding:11px 22px;font-family:inherit;font-size:13px;font-weight:700;color:var(--muted);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.2s;display:flex;align-items:center;gap:7px}
.cal-tab:hover{color:#fff}.cal-tab.active{color:#fff;border-bottom-color:var(--red)}
.cal-day-group{margin-bottom:28px}
.cal-day-header{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.cal-day-header::after{content:'';flex:1;height:1px;background:var(--bdr)}
.cal-items{display:flex;flex-direction:column;gap:9px}
.cal-item{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--s1);border:1px solid var(--bdr);border-radius:12px;cursor:pointer;transition:.15s}
.cal-item:hover{background:var(--s2);border-color:#444}
.cal-item.upcoming-item{border-left:3px solid var(--red)}
.cal-item.today-item{border-left:3px solid #10b981}
.cal-poster{width:40px;height:58px;border-radius:8px;object-fit:cover;background:var(--s2);flex-shrink:0}
.cal-info{flex:1;min-width:0}
.cal-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-meta{font-size:12px;color:var(--muted);margin-top:3px}
.cal-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;flex-shrink:0}
.cal-badge.new{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}
.cal-badge.soon{background:rgba(var(--red-rgb),.12);color:var(--red-lite);border:1px solid rgba(var(--red-rgb),.3)}
.cal-badge.rating{background:rgba(251,191,36,.12);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}

/* ══════ TAKVİM — AJANDA GÖRÜNÜMÜ ══════ */
.agenda{display:flex;flex-direction:column}
.agday{display:flex;gap:clamp(16px,2.4vw,34px);padding:22px 0;border-top:1px solid var(--bdr)}
.agday:first-child{border-top:none;padding-top:4px}
/* solda yapışkan tarih rayı */
.agrail{flex:0 0 clamp(64px,7vw,96px);min-width:0}
.agrail-in{position:sticky;top:96px}
.agd-num{font-family:var(--disp);font-size:clamp(30px,3.4vw,42px);font-weight:800;line-height:.9;letter-spacing:-1.5px}
.agd-mon{font-size:11.5px;font-weight:700;color:var(--muted);margin-top:6px}
.agd-dow{font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);margin-top:4px}
.agd-tag{display:inline-block;margin-top:9px;font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid var(--bdr);color:var(--muted)}
.agday.today .agd-num{color:var(--red)}
.agday.today .agd-tag{background:var(--red);border-color:var(--red);color:#fff}
.agday.past{opacity:.72}
/* sağda kartlar */
.agitems{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.agitem{display:flex;align-items:center;gap:16px;padding:11px;border-radius:var(--r-md);cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid var(--bdr);
  transition:transform .28s var(--spring),border-color .25s,background .25s}
.agitem:hover{transform:translateX(5px);border-color:var(--bdr2);background:rgba(255,255,255,.075)}
.agthumb{position:relative;flex:0 0 clamp(120px,13vw,190px);aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--s2)}
.agthumb img{width:100%;height:100%;object-fit:cover;display:block}
.agthumb.poster{flex-basis:clamp(64px,6.5vw,88px);aspect-ratio:2/3}
.agtag{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  padding:3px 8px;border-radius:5px;margin-bottom:8px;background:rgba(255,255,255,.09);border:1px solid var(--bdr);color:var(--muted)}
.agtag.film{background:rgba(var(--red-rgb),.16);border-color:rgba(var(--red-rgb),.4);color:#ff8a8a}
.agtag.yeni{background:rgba(16,185,129,.16);border-color:rgba(16,185,129,.4);color:#34d399}
.aginfo{flex:1;min-width:0}
.agtitle{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agep{font-size:12.5px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agmeta{font-size:11.5px;color:var(--faint);margin-top:6px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.agnet{font-weight:700;color:var(--muted)}
.agplay{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid var(--bdr2);
  display:grid;place-items:center;font-size:13px;padding-left:3px;transition:background .2s,color .2s,transform .25s var(--spring)}
.agitem:hover .agplay{background:#fff;color:#0b0b0d;transform:scale(1.1)}
.agrat{flex-shrink:0;font-size:14px;font-weight:800;color:#f5c518}
.cal-note{font-size:12px;color:var(--faint);padding:20px 0 0;text-align:center}
@media(max-width:640px){
  .agday{flex-direction:column;gap:12px}
  .agrail-in{position:static;display:flex;align-items:baseline;gap:10px}
  .agd-num{font-size:24px}.agd-mon,.agd-dow{margin-top:0}.agd-tag{margin-top:0}
  .agthumb{flex-basis:104px}
}
/* Nav scroll on mobile */
/* nav'ın kendi kaydırma ayarları artık temel kuralda; buradaki
   yinelenen tanım kaldırıldı. */

/* Dar masaüstü bandı (çekmece eşiğinin üstü, ama on gezinme öğesinin
   rahat sığdığı genişliğin altı). İkonlar dekoratif — metin anlamı zaten
   taşıyor — o yüzden önce onlar düşüyor, sonra boşluklar sıkışıyor.
   Bu, kaydırmaya hiç gerek kalmadan yaklaşık 250px kazandırıyor. */
@media(min-width:1301px) and (max-width:1520px){
  nav{margin-left:16px;gap:1px}
  .nl{padding:8px 10px;font-size:12.5px}
  .nl i{display:none}
  .hbar{gap:12px}
  .hright{gap:7px}
}

/* ═══════════ MOBİL GEZİNME ═══════════
   Telefonda 10 gezinme öğesi + arama + bildirim + dil + kullanıcı rozeti
   aynı satıra sığmıyordu: yatay kaydırma eklenmişti ama pratikte hem
   kategorilere hem aramaya ulaşmak imkânsızdı. Çözüm: dar ekranda nav
   satırdan çıkıp çekmeceye giriyor, üst şeritte yalnızca hamburger,
   logo, arama ve kullanıcı kalıyor. */
.mburger{display:none;background:rgba(255,255,255,.07);border:1px solid var(--bdr2);color:#fff;
  width:38px;height:38px;border-radius:11px;cursor:pointer;font-size:15px;margin-right:10px;flex:none;
  align-items:center;justify-content:center;transition:background .2s}
.mburger:hover{background:rgba(255,255,255,.13)}
.mnav-scrim{display:none;position:fixed;inset:0;z-index:98;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);
  opacity:0;transition:opacity .3s var(--ease)}
body.mnav-open .mnav-scrim{display:block;opacity:1}

/* Eşik 1024 değil 1300: on gezinme öğesi + arama + kontroller yan yana
   ancak ~1270px'ten sonra sığıyor. 1024-1300 bandında nav teknik olarak
   duruyordu ama kaydırılmadan görülemiyordu; masaüstünde gizli yatay
   kaydırma keşfedilmiyor, o yüzden o bant da çekmeceye alındı. */
@media(max-width:1300px){
  .mburger{display:flex}
  /* Çekmece: soldan kayan dikey liste. display'i açıkça yazıyoruz —
     daha dar bir medya sorgusunda nav gizlenmiş olabilir. */
  nav{display:flex;position:fixed;top:0;left:0;z-index:99;
    width:min(280px,82vw);height:100dvh;margin-left:0;padding:84px 14px 24px;
    flex-direction:column;align-items:stretch;gap:4px;
    background:rgba(13,13,17,.97);backdrop-filter:blur(18px);
    border-right:1px solid rgba(255,255,255,.09);box-shadow:14px 0 44px rgba(0,0,0,.6);
    transform:translateX(-102%);transition:transform .32s var(--ease);
    overflow-y:auto;overflow-x:hidden}
  body.mnav-open nav{transform:none}
  /* Dokunma hedefleri parmak boyutunda olmalı. */
  .nl{padding:13px 15px;font-size:15px;border-radius:12px;justify-content:flex-start;gap:11px}
  .nl i{width:19px;text-align:center;font-size:14px}
  /* Arama artık daralmasın diye ona yer açıyoruz. */
  .hbar{gap:10px}
  .hright{gap:7px}
  .lang-toggle-btn{padding:5px 9px;font-size:10px}
}

/* Telefon: arama kutusu üst şeritte gerçekten kullanılabilir olmalı. */
@media(max-width:560px){
  header{padding:0 12px}
  .logo{font-size:17px}
  .sicon{padding:9px 12px}
  /* Kullanıcı adı yerine yalnızca avatar — isim satırı yiyordu. */
  .ubadge{padding:4px;gap:0}
  .ubadge .uname{display:none}
  /* Komut paleti telefonda ekranın tamamını kullansın. */
  .palbox{border-radius:16px}
  .palin{padding:15px 16px;gap:11px}
  .palin input{font-size:16px}   /* 16px altı iOS'ta otomatik yakınlaştırıyor */
  .palres{max-height:64vh}
}

/* ═══════════ GELİŞMİŞ ARAMA (ADVANCED SEARCH) ═══════════ */
.adv-srch-btn{margin-left:6px;background:rgba(255,255,255,.07);border-color:var(--bdr2);color:rgba(255,255,255,.85)}
.adv-srch-btn:hover{background:rgba(var(--red-rgb),.2);border-color:rgba(var(--red-rgb),.6);color:#fff}

.adv-box{width:min(640px,94vw);max-height:88vh;background:rgba(18,18,22,.96);backdrop-filter:blur(24px);
  border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);box-shadow:var(--sh-3);
  display:flex;flex-direction:column;overflow:hidden;animation:popIn .3s var(--ease)}
.adv-head{padding:18px 24px;border-bottom:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between}
.adv-title{font-family:var(--disp);font-size:18px;font-weight:800;color:#fff;display:flex;align-items:center}
.adv-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}
.adv-group{display:flex;flex-direction:column;gap:8px}
.adv-label{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center}

.adv-tabs{display:flex;background:rgba(255,255,255,.05);border:1px solid var(--bdr);border-radius:var(--r-md);padding:3px;gap:3px}
.adv-tab{flex:1;padding:8px 12px;background:transparent;border:none;color:var(--muted);font-family:inherit;font-size:12.5px;font-weight:700;border-radius:calc(var(--r-md) - 2px);cursor:pointer;transition:.2s}
.adv-tab.active{background:var(--red);color:#fff;box-shadow:0 2px 10px rgba(var(--red-rgb),.4)}

.adv-row{display:flex;align-items:center;gap:10px}
.adv-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:540px){.adv-row-2col{grid-template-columns:1fr}}

.adv-input,.adv-select{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--bdr);color:#fff;padding:10px 14px;
  border-radius:var(--r-md);font-family:inherit;font-size:13px;outline:none;transition:border-color .2s}
.adv-input:focus,.adv-select:focus{border-color:var(--bdr2);background:rgba(255,255,255,.08)}
.adv-select option{background:#16161b;color:#fff}

.adv-genres{display:flex;flex-wrap:wrap;gap:7px;max-height:140px;overflow-y:auto;padding:2px}
.adv-chip{font-size:11.5px;font-weight:600;color:var(--muted);background:rgba(255,255,255,.05);border:1px solid var(--bdr);
  padding:5px 12px;border-radius:99px;cursor:pointer;user-select:none;transition:.2s}
.adv-chip:hover{background:rgba(255,255,255,.1);color:#fff}
.adv-chip.active{background:rgba(var(--red-rgb),.18);border-color:rgba(var(--red-rgb),.6);color:#ff8a8a;font-weight:700}

.adv-autocomplete{position:relative}
.adv-drop{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#1b1b22;border:1px solid var(--bdr2);
  border-radius:var(--r-md);max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--sh-2)}
.adv-drop-item{padding:10px 14px;font-size:12.5px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.04)}
.adv-drop-item:hover{background:rgba(255,255,255,.08)}

.adv-selected-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(var(--red-rgb),.18);border:1px solid rgba(var(--red-rgb),.5);
  color:#ff9999;font-size:12px;font-weight:700;padding:6px 12px;border-radius:99px;margin-top:6px}
.adv-selected-chip .xbtn{cursor:pointer;color:#fff;opacity:.7;transition:.2s}
.adv-selected-chip .xbtn:hover{opacity:1}

.adv-foot{padding:16px 24px;border-top:1px solid var(--bdr);display:flex;justify-content:space-between;gap:12px}

.adv-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid var(--bdr2);
  color:#fff;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:99px}
.adv-badge i{font-size:10px;color:var(--red)}

.sdrop-adv-foot{padding:12px 16px;border-top:1px solid var(--bdr);font-size:12px;font-weight:700;color:var(--red);
  cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s;background:rgba(255,255,255,.02)}
.sdrop-adv-foot:hover{background:rgba(var(--red-rgb),.15);color:#fff}

.pal-adv-btn{margin-left:auto;background:rgba(var(--red-rgb),.15);border:1px solid rgba(var(--red-rgb),.4);color:#ff8a8a;
  font-family:inherit;font-size:11px;font-weight:700;padding:5px 12px;border-radius:99px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;transition:background .2s,transform .2s}
.pal-adv-btn:hover{background:var(--red);color:#fff;transform:translateY(-1px)}