/* ============================================================
   kültfilmler — BÖLÜM İZLE (single-episodes) ek parçalar
   watch.css üzerine: sezon sekmeleri + bölüm listesi
   Tasarım: özel tasarım
   ============================================================ */

.ephead{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; flex-wrap:wrap; }
.ephead h2{ font-family:var(--display); font-weight:700; letter-spacing:-.4px; font-size:20px; color:#f2f2f3; }
.ephead h2 .num{ font-size:12px; color:var(--faint); margin-left:9px; font-family:var(--sans); font-weight:500; white-space:nowrap; }

.seasontabs{ display:flex; gap:3px; padding:3px; background:var(--bg); border:1px solid var(--line); border-radius:8px; }
.seasontabs button{ height:30px; padding:0 16px; border:none; border-radius:6px; background:transparent; color:var(--muted); font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; transition:.14s; }
.seasontabs button:hover{ color:var(--ink); }
.seasontabs button.on{ background:var(--card-2); color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.3); }

.eps{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.ep{ display:flex; align-items:center; gap:12px; padding:11px 13px; border-radius:9px; background:var(--bg-2); border:1px solid var(--line); cursor:pointer; transition:.15s; }
.ep:hover{ border-color:var(--line-2); background:var(--card); }
.ep.on{ border-color:rgba(232,162,60,.5); background:rgba(232,162,60,.07); }
.ep .epn{ width:27px; height:27px; flex:none; border-radius:7px; display:grid; place-items:center; background:var(--bg); border:1px solid var(--line); font-size:12px; font-weight:800; color:var(--muted); transition:.15s; }
.ep.on .epn{ background:linear-gradient(180deg,var(--orange),var(--orange-deep)); border-color:transparent; color:#241a09; }
.ep .ebody{ flex:1; min-width:0; }
.ep .ebody h4{ font-size:12.5px; font-weight:600; color:#eef; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ep .edate{ font-size:10.5px; color:var(--faint); margin-top:2px; }
.ep .edur{ font-size:11px; color:var(--faint); font-weight:600; flex:none; white-space:nowrap; }
.ep .eico{ flex:none; color:var(--faint); opacity:0; transition:.15s; display:flex; }
.ep:hover .eico{ opacity:1; color:var(--ink); }
.ep.on .eico{ opacity:1; color:var(--orange); }

@media (max-width:680px){
  .eps{ grid-template-columns:minmax(0,1fr); }
}