/* Originals */
.videos-sidebar-originals { position: relative; }
.videos-sidebar-originals.active { box-shadow:inset 3px 0 #ff4057; }
.originals-body { background: #08090c; }
.originals-content { min-width: 0; padding-bottom: 70px; overflow: hidden; }
[data-originals-view] { transition:opacity .16s ease; }
[data-originals-view].is-loading { opacity:.72; pointer-events:none; }
.originals-hero,.original-detail-hero { position: relative; min-height: clamp(470px, 66vh, 760px); overflow: hidden; background: #111; }
.original-detail-hero { display:grid; grid-template-rows:auto 1fr; padding:clamp(28px,5vh,54px) clamp(28px,6vw,88px) clamp(55px,10vh,115px); }
.originals-hero>img,.original-detail-hero>img,.originals-hero-preview { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.originals-hero>img,
.originals-hero>.originals-hero-preview,
.original-detail-hero>img,
.original-detail-hero>.originals-hero-preview { object-fit:cover; object-position:center; background:#08090c; }
.originals-hero-preview { z-index:1; opacity:0; background:#000; transition:opacity .45s ease; }
.originals-hero-preview.is-playing { opacity:1; }
.originals-hero-sound { position:absolute; z-index:4; top:24px; inset-inline-end:24px; display:grid; place-items:center; width:44px; height:44px; padding:0; color:#fff; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(0,0,0,.58); }
.originals-hero-sound[hidden] { display:none; }
.originals-hero-sound svg { width:21px; height:21px; fill:currentColor; }
.originals-hero-shade { position: absolute; z-index:2; inset: 0; background: linear-gradient(90deg,rgba(5,6,8,.96) 0%,rgba(5,6,8,.62) 46%,rgba(5,6,8,.08) 75%),linear-gradient(0deg,#08090c 0%,transparent 38%); }
.originals-hero-copy,.original-detail-copy { position: absolute; z-index: 3; inset-inline-start: clamp(28px,6vw,88px); bottom: clamp(55px,10vh,115px); width: min(620px,55%); }
.originals-hero .originals-hero-copy { bottom:clamp(28px,5vh,58px); }
.originals-hero-copy>span,.original-detail-copy>span,.admin-originals-toolbar>div>span { color:#ff4057; font-size:12px; font-weight:900; letter-spacing:0; }
.originals-hero h1,.original-detail-hero h1 { margin:12px 0 14px; color:#fff; font-size:clamp(42px,6vw,82px); line-height:.95; font-weight:900; letter-spacing:0; }
.originals-title-logo { display:block; width:auto; height:auto; max-width:min(100%,560px); max-height:clamp(110px,22vh,240px); margin:14px 0 18px; object-fit:contain; object-position:left center; }
[dir="rtl"] .originals-title-logo { object-position:right center; }
.originals-hero-copy>p,.original-detail-copy>p { color:#e0e1e5; font-size:clamp(15px,1.45vw,19px); line-height:1.6; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.originals-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; color:#ddd; margin:16px 0; font-weight:700; }
.originals-meta b { border:1px solid #aaa; padding:3px 7px; }
.originals-release-upcoming,
.original-tile > small.originals-release-upcoming { color:#ff4058; font-weight:800; }
.originals-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.originals-play,.originals-secondary { min-height:46px; padding:11px 22px; border-radius:4px; font-weight:900; }
.originals-play { background:#fff; color:#090a0d; }
.originals-play:hover { background:#e5e5e5; color:#090a0d; }
.originals-secondary { background:rgba(90,92,98,.72); color:#fff; }
.originals-empty-hero { min-height:420px; display:flex; flex-direction:column; justify-content:center; padding:50px clamp(28px,6vw,88px); background:radial-gradient(circle at 80% 20%,#35101a 0,transparent 35%),#0c0d11; }
.originals-empty-hero span { color:#ff4057; font-weight:900; }
.originals-empty-hero h1 { max-width:760px; color:#fff; font-size:clamp(40px,6vw,76px); font-weight:900; }
.originals-empty-hero p { color:#aaa; font-size:18px; }
.originals-row { padding:0 clamp(22px,4vw,60px); margin-top:34px; overflow:visible; }
.originals-row h2,.original-episodes>h2,.original-trailer>h2 { color:#fff; font-size:clamp(22px,2vw,30px); font-weight:850; margin-bottom:15px; }
.originals-rail { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(170px,20%); gap:14px; overflow-x:auto; overflow-y:hidden; padding:8px 3px 22px; scrollbar-width:thin; }
.original-tile { min-width:0; color:#fff; text-decoration:none; transition:transform .2s ease; }
.original-tile:hover { color:#fff; transform:translateY(-5px); }
.original-tile-media { position:relative; display:block; aspect-ratio:2/3; overflow:hidden; border-radius:5px; background:#18191d; box-shadow:0 15px 35px rgba(0,0,0,.25); }
.original-tile img { width:100%; height:100%; object-fit:cover; }
.original-tile-media i { position:absolute; top:10px; inset-inline-end:10px; padding:3px 7px; background:rgba(0,0,0,.72); border:1px solid #aaa; color:#fff; font-style:normal; font-size:11px; font-weight:800; }
.original-tile>strong { display:block; margin-top:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.original-tile>small { color:#8f9198; }
.original-back { position:relative; z-index:4; display:inline-flex; width:max-content; min-height:36px; align-items:center; align-self:start; margin-bottom:24px; color:#ddd; text-decoration:none; }
.original-back:hover { color:#fff; }
.original-detail-copy { position:relative; inset:auto; width:min(620px,55%); align-self:end; }
.original-format-label { display:block; width:max-content; }
.originals-warning-list { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0 24px; }
.originals-warning-list span { padding:5px 9px; color:#d0d0d3; border-inline-start:2px solid #ff4057; background:rgba(0,0,0,.38); font-size:12px; }
.original-episodes,.original-trailer { padding:42px clamp(22px,5vw,72px); }
.original-season { margin-bottom:38px; }
.original-season h3 { color:#b9bac0; font-size:16px; margin-bottom:12px; }
.original-episode-list { display:grid; gap:1px; background:#292a2e; }
.original-episode-list>a { display:grid; grid-template-columns:minmax(130px,220px) 34px 1fr auto; gap:18px; align-items:center; min-width:0; padding:14px; color:#fff; text-decoration:none; background:#111216; }
.original-episode-list>a:hover { background:#191a1f; }
.original-episode-thumb { position:relative; aspect-ratio:16/9; overflow:hidden; }
.original-episode-thumb img { width:100%; height:100%; object-fit:cover; }
.original-episode-thumb i { position:absolute; inset:0; display:grid; place-items:center; font-style:normal; font-size:24px; background:rgba(0,0,0,.22); }
.original-episode-list p { margin:4px 0 0; color:#989aa1; line-height:1.4; }
.original-watch-body { --videos-accent:#ff4057; margin:0; background:#000; overflow:hidden; }
.original-watch,.original-watch-shell { width:100vw; height:100vh; background:#000; }
.original-watch-shell video { width:100%; height:100%; object-fit:contain; }
.original-black-start:not(.has-started) { opacity:0; }
.original-black-start { transition:opacity .18s ease; }
.original-content-advisory { position:absolute; z-index:20; top:clamp(52px,8vh,90px); inset-inline-start:clamp(24px,4vw,60px); display:flex; align-items:center; gap:14px; max-width:min(620px,80vw); color:#fff; opacity:0; transform:translateY(-8px); transition:.3s; pointer-events:none; text-shadow:0 2px 8px #000; }
.original-content-advisory.is-visible { opacity:1; transform:none; }
.original-content-advisory>strong { padding:7px 10px; border:2px solid #fff; font-size:18px; }
.original-content-advisory div { display:grid; }
.original-content-advisory span { color:#ddd; font-size:13px; }
.original-watch-back { position:absolute; z-index:30; top:18px; inset-inline-start:20px; display:grid; place-items:center; width:42px; height:42px; color:#fff; background:rgba(0,0,0,.48); border-radius:50%; text-decoration:none; font-size:24px; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-5px); transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s; }
.custom-video-controls-visible .original-watch-back,
.custom-video-shell:focus-within .original-watch-back,
.custom-video-ended .original-watch-back { opacity:1; visibility:visible; pointer-events:auto; transform:none; transition-delay:0s; }

/* Originals administration */
.admin-originals-page { padding:30px 0 60px; }
.admin-originals-toolbar { display:flex; justify-content:space-between; align-items:flex-end; gap:25px; margin-bottom:28px; }
.admin-originals-toolbar h2 { margin:5px 0; color:#fff; font-size:34px; font-weight:850; }
.admin-originals-toolbar p { margin:0; color:#96989f; }
.admin-originals-library { display:grid; gap:10px; }
.admin-original-card { display:grid; grid-template-columns:72px 1fr auto; align-items:center; gap:18px; padding:12px; color:#fff; text-decoration:none; background:#15161a; border:1px solid #2c2d32; border-radius:6px; }
.admin-original-card:hover { color:#fff; border-color:#a72d3b; background:#191a1f; }
.admin-original-card img { width:72px; aspect-ratio:2/3; object-fit:cover; border-radius:3px; }
.admin-original-card span { color:#ff5367; font-size:10px; font-weight:900; }
.admin-original-card h3 { margin:3px 0; font-size:19px; }
.admin-original-card p { margin:0; color:#8f9198; }
.admin-original-card>strong { color:#8f9198; font-size:12px; }.admin-original-card>strong.is-live { color:#4ed88a; }
.admin-originals-empty { padding:40px; text-align:center; color:#999; border:1px dashed #393a40; }
.admin-originals-form,.admin-originals-standalone { display:grid; gap:18px; margin-bottom:26px; }
.admin-originals-panel { padding:25px; background:#15161a; border:1px solid #2c2d32; border-radius:6px; }
.admin-originals-panel>header { display:flex; gap:14px; margin-bottom:22px; }
.admin-originals-panel>header>span { display:grid; place-items:center; flex:0 0 34px; height:34px; background:#7f1d2d; color:#fff; border-radius:3px; font-weight:900; }
.admin-originals-panel h3 { margin:0; color:#fff; font-size:20px; }.admin-originals-panel header p { margin:4px 0 0; color:#8f9198; }
.admin-originals-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.admin-originals-fields label { display:grid; gap:7px; color:#d7d7da; font-weight:700; }.admin-originals-fields label.wide { grid-column:1/-1; }.admin-originals-fields small { color:#85878e; font-weight:400; }
.admin-originals-fields .form-control,.admin-originals-fields .form-select,.admin-originals-inline-form .form-control,.admin-originals-inline-form .form-select { color:#fff; background:#0d0e11; border-color:#35363c; border-radius:4px; }
.admin-originals-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.admin-originals-checks label,.admin-originals-switch { display:flex!important; align-items:center; gap:9px!important; min-height:48px; padding:10px 12px; background:#0e0f12; border:1px solid #34353a; border-radius:4px; }
.admin-originals-checks .publish { border-color:#8f2a38; }
.admin-originals-inline-form { display:grid; grid-template-columns:1fr 2fr auto; gap:10px; margin-bottom:22px; }
.admin-originals-episodes { display:grid; gap:6px; }.admin-originals-episodes>div { display:grid; grid-template-columns:70px 1fr auto auto; align-items:center; gap:15px; padding:12px; background:#0d0e11; color:#fff; }.admin-originals-episodes span,.admin-originals-episodes small { color:#92949a; }.admin-originals-episodes form { display:flex; gap:5px; }
.admin-originals-subtitles { display:flex; flex-wrap:wrap; gap:7px; }.admin-originals-subtitles form { display:flex; align-items:center; background:#0d0e11; border-radius:3px; overflow:hidden; }.admin-originals-subtitles span { padding:6px 9px; color:#bbb; }.admin-originals-subtitles button { align-self:stretch; border:0; padding:0 10px; background:#33151a; color:#ff6879; }
.admin-originals-delete { margin-top:28px; }

@media (max-width: 900px) {
  .originals-hero,.original-detail-hero { min-height:620px; }
  .original-detail-hero { padding:30px 24px 45px; }
  .originals-hero-shade { background:linear-gradient(0deg,#08090c 5%,rgba(5,6,8,.77) 52%,rgba(5,6,8,.08)); }
  .originals-hero-copy,.original-detail-copy { inset-inline:24px; bottom:45px; width:auto; }
  .originals-hero .originals-hero-copy { bottom:28px; }
  .original-detail-hero .original-detail-copy { inset:auto; width:100%; }
  .originals-rail { grid-auto-columns:minmax(155px,38%); }
  .admin-originals-checks { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .originals-hero,.original-detail-hero { min-height:680px; }
  .original-detail-hero { padding:20px 20px 32px; }
  .originals-hero>img,.originals-hero-preview,.original-detail-hero>img { height:54%; object-position:center top; }
  .originals-hero>img,.originals-hero>.originals-hero-preview,.original-detail-hero>img,.original-detail-hero>.originals-hero-preview { object-position:center; }
  .originals-hero-shade { background:linear-gradient(0deg,#08090c 38%,rgba(8,9,12,.82) 58%,rgba(8,9,12,.05)); }
  .originals-hero-copy,.original-detail-copy { inset-inline:20px; bottom:32px; }
  .originals-hero .originals-hero-copy { bottom:20px; }
  .original-detail-hero .original-detail-copy { inset:auto; width:100%; }
  .originals-hero h1,.original-detail-hero h1 { font-size:42px; }
  .originals-title-logo { max-width:min(92%,420px); max-height:160px; }
  .originals-rail { grid-auto-columns:minmax(145px,58%); }
  .original-episode-list>a { grid-template-columns:110px 25px 1fr; gap:10px; }.original-episode-list>a>small { display:none; }.original-episode-list p { display:none; }
  .admin-originals-toolbar { align-items:stretch; flex-direction:column; }.admin-originals-fields,.admin-originals-checks { grid-template-columns:1fr; }.admin-originals-fields label.wide { grid-column:auto; }.admin-originals-inline-form { grid-template-columns:1fr; }.admin-original-card { grid-template-columns:58px 1fr; }.admin-original-card img { width:58px; }.admin-original-card>strong { grid-column:2; }
}

.originals-category-nav {
    display:flex;
    gap:10px;
    padding:24px clamp(22px,4vw,60px) 0;
    overflow-x:auto;
    scrollbar-width:none;
}
.originals-category-nav::-webkit-scrollbar { display:none; }
.originals-category-nav a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:9px 20px;
    color:#c5c6cb;
    border:1px solid rgba(255,255,255,.13);
    border-radius:999px;
    background:rgba(255,255,255,.055);
    font-size:.84rem;
    font-weight:800;
    text-decoration:none;
    white-space:nowrap;
    transition:color .15s ease,background-color .15s ease,border-color .15s ease;
}
.originals-category-nav a:hover { color:#fff; border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.1); }
.originals-category-nav a.active { color:#111; border-color:#fff; background:#fff; }
.originals-row.is-catalogue { margin-top:24px; }
.originals-row.is-catalogue .originals-rail {
    grid-auto-flow:row;
    grid-auto-columns:auto;
    grid-template-columns:repeat(5,minmax(0,1fr));
    overflow:visible;
}
@media (max-width:1199.98px) {
    .originals-row.is-catalogue .originals-rail { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:767.98px) {
    .originals-row.is-catalogue .originals-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.originals-access-page {
    display:grid;
    min-height:650px;
    padding:80px 24px;
    place-items:center;
    background:radial-gradient(circle at 50% 15%,rgba(255,64,87,.13),transparent 38%),#08090c;
}
.originals-access-card {
    width:min(100%,650px);
    padding:clamp(34px,6vw,64px);
    text-align:center;
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
    background:rgba(18,19,23,.94);
    box-shadow:0 30px 80px rgba(0,0,0,.38);
}
.originals-access-lock {
    display:grid;
    width:58px;
    height:58px;
    margin:0 auto 22px;
    color:#ff4057;
    border-radius:50%;
    place-items:center;
    background:rgba(255,64,87,.12);
}
.originals-access-lock svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.originals-access-label { margin:0 0 12px; color:#ff4057; font-size:.72rem; font-weight:900; letter-spacing:.1em; }
.originals-access-card h1 { margin:0; color:#fff; font-size:clamp(34px,5vw,58px); font-weight:900; line-height:1.05; }
.originals-access-message { max-width:520px; margin:22px auto 0; color:#b8bac1; font-size:1.05rem; line-height:1.7; }
.originals-access-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:30px 0 24px; }
.originals-access-actions .btn { min-height:46px; padding:11px 22px; border-radius:7px; font-weight:850; }
.originals-access-primary { color:#111; background:#fff; }
.originals-access-primary:hover { color:#111; background:#e8e8ea; }
.originals-access-secondary { color:#fff; border:1px solid rgba(255,255,255,.25); background:transparent; }
.originals-access-secondary:hover { color:#fff; border-color:#fff; background:rgba(255,255,255,.08); }
.originals-access-back { color:#8f9199; font-size:.88rem; text-decoration:none; }
.originals-access-back:hover { color:#fff; }