/*
 * HellasSubs public.css
 * ---------------------
 * Styling for the single public frontend app.
 * Main areas in this file:
 * - Global layout / colors
 * - Home hero + search
 * - Movie/series cards and grid
 * - Detail/title page
 * - Season/episode selector
 * - Subtitle table
 * - Responsive/mobile overrides
 */

/* extracted from <style> */
*,
            *::before,
            *::after {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }

            :root {
                --bg: #080c17;
                --card-bg: #111627;
                --border: #1e2438;
                --accent: #818cf8;
                --accent-dk: #6366f1;
                --text: #eef2ff;
                --muted: #8892b0;
                --red: #f87171;
                --green: #34d399;
                --gold: #fbbf24;
                --radius: 10px;
            }

            html {
                scroll-behavior: smooth;
            }

            body {
                background: var(--bg);
                color: var(--text);
                font-family:
                    "Segoe UI",
                    system-ui,
                    -apple-system,
                    sans-serif;
                font-size: 15px;
                line-height: 1.6;
                min-height: 100vh;
            }

            a {
                color: inherit;
                text-decoration: none;
            }

            img {
                display: block;
            }

            ::-webkit-scrollbar {
                width: 6px;
                height: 6px;
            }
            ::-webkit-scrollbar-track {
                background: var(--bg);
            }
            ::-webkit-scrollbar-thumb {
                background: var(--border);
                border-radius: 3px;
            }
            ::-webkit-scrollbar-thumb:hover {
                background: var(--muted);
            }

            #navbar {
                position: sticky;
                top: 0;
                z-index: 100;
                background: rgba(13, 17, 23, 0.92);
                backdrop-filter: blur(10px);
                border-bottom: 1px solid var(--border);
                padding: 0 24px;
                height: 58px;
                display: flex;
                align-items: center;
                gap: 20px;
            }

            .nav-logo {
                display: flex;
                align-items: center;
                gap: 9px;
                cursor: pointer;
                flex-shrink: 0;
            }

            .nav-logo-icon {
                width: 32px;
                height: 32px;
                background: linear-gradient(
                    135deg,
                    var(--accent),
                    var(--accent-dk)
                );
                border-radius: 8px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: 800;
                font-size: 16px;
                color: #0d1117;
                letter-spacing: -1px;
            }

            .nav-logo-text {
                font-weight: 700;
                font-size: 18px;
                color: var(--text);
                white-space: nowrap;
            }

            .nav-links {
                display: flex;
                align-items: center;
                gap: 4px;
                margin-left: 8px;
            }

            .nav-link {
                padding: 6px 12px;
                border-radius: 6px;
                color: var(--muted);
                font-size: 14px;
                font-weight: 500;
                cursor: pointer;
                transition:
                    background 0.15s,
                    color 0.15s;
                white-space: nowrap;
            }

            .nav-link:hover,
            .nav-link.active {
                background: rgba(129, 140, 248, 0.12);
                color: var(--accent);
            }

            .nav-search {
                flex: 1;
                max-width: 340px;
                margin-left: auto;
                position: relative;
            }

            .nav-search input {
                width: 100%;
                background: var(--card-bg);
                border: 1px solid var(--border);
                border-radius: 8px;
                padding: 7px 12px 7px 34px;
                color: var(--text);
                font-size: 14px;
                outline: none;
                transition: border-color 0.15s;
            }

            .nav-search input:focus {
                border-color: var(--accent);
            }
            .nav-search input::placeholder {
                color: var(--muted);
            }

            .nav-search-icon {
                position: absolute;
                left: 10px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--muted);
                font-size: 14px;
                pointer-events: none;
            }

            .nav-admin {
                display: flex;
                align-items: center;
                gap: 6px;
                background: rgba(129, 140, 248, 0.1);
                border: 1px solid rgba(129, 140, 248, 0.25);
                border-radius: 7px;
                padding: 6px 12px;
                color: var(--accent);
                font-size: 13px;
                font-weight: 600;
                cursor: pointer;
                white-space: nowrap;
                transition: background 0.15s;
                text-decoration: none;
            }

            .nav-admin:hover {
                background: rgba(129, 140, 248, 0.18);
            }

            #view-grid {
                display: block;
            }
            #view-detail {
                display: none;
            }
            html[data-initial-route="title"] #view-grid {
                display: none !important;
            }
            html[data-initial-route="title"] #view-detail {
                display: block !important;
            }
            html[data-route-mode="list"] .home-hero,
            html[data-route-mode="list"] .site-footer {
                display: none;
            }
            html[data-route-mode="list"] #grid-view-wrap {
                display: block !important;
            }

            #grid-view-wrap {
                max-width: 1280px;
                margin: 0 auto;
                padding: 28px 20px 60px;
            }

            .page-heading {
                font-size: 22px;
                font-weight: 700;
                margin-bottom: 20px;
                display: flex;
                align-items: center;
                gap: 10px;
            }

            .page-heading::before {
                content: "";
                display: inline-block;
                width: 4px;
                height: 22px;
                background: var(--accent);
                border-radius: 2px;
            }

            .filter-row {
                display: flex;
                align-items: center;
                gap: 6px;
                margin-bottom: 14px;
                flex-wrap: wrap;
            }

            .filter-btn {
                padding: 6px 16px;
                border-radius: 20px;
                background: var(--card-bg);
                border: 1px solid var(--border);
                color: var(--muted);
                font-size: 13px;
                font-weight: 600;
                cursor: pointer;
                transition: all 0.15s;
                letter-spacing: 0.4px;
            }

            .filter-btn:hover {
                border-color: var(--accent);
                color: var(--accent);
            }

            .filter-btn.active {
                background: var(--accent);
                border-color: var(--accent);
                color: #0d1117;
            }

            .alpha-bar {
                display: flex;
                flex-wrap: wrap;
                gap: 4px;
                margin-bottom: 24px;
            }

            .alpha-btn {
                width: 30px;
                height: 30px;
                border-radius: 6px;
                background: var(--card-bg);
                border: 1px solid var(--border);
                color: var(--muted);
                font-size: 12px;
                font-weight: 700;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.15s;
            }

            .alpha-btn:hover {
                border-color: var(--accent);
                color: var(--accent);
            }

            .alpha-btn.active {
                background: var(--accent);
                border-color: var(--accent);
                color: #0d1117;
            }

            #card-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
                gap: 18px;
            }

            .movie-card {
                background: var(--card-bg);
                border: 1px solid var(--border);
                border-radius: var(--radius);
                overflow: hidden;
                cursor: pointer;
                transition:
                    transform 0.18s,
                    border-color 0.18s,
                    box-shadow 0.18s;
                position: relative;
            }

            .movie-card:hover {
                transform: translateY(-4px);
                border-color: var(--accent);
                box-shadow: 0 8px 24px rgba(129, 140, 248, 0.15);
            }

            .card-poster-wrap {
                position: relative;
                aspect-ratio: 2/3;
                overflow: hidden;
                background: #0d1117;
            }

            .card-poster-wrap img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.3s;
            }

            .movie-card:hover .card-poster-wrap img {
                transform: scale(1.04);
            }

            .card-badge {
                position: absolute;
                top: 8px;
                left: 8px;
                background: rgba(129, 140, 248, 0.18);
                border: 1px solid rgba(129, 140, 248, 0.45);
                color: var(--accent);
                font-size: 10px;
                font-weight: 700;
                padding: 2px 7px;
                border-radius: 4px;
                letter-spacing: 0.5px;
                backdrop-filter: blur(4px);
            }

            .card-rating {
                position: absolute;
                top: 8px;
                right: 8px;
                background: rgba(13, 17, 23, 0.8);
                border-radius: 5px;
                padding: 2px 6px;
                font-size: 11px;
                font-weight: 700;
                color: var(--gold);
                display: flex;
                align-items: center;
                gap: 3px;
                backdrop-filter: blur(4px);
            }

            .card-sub-count {
                position: absolute;
                bottom: 8px;
                right: 8px;
                background: rgba(13, 17, 23, 0.85);
                border-radius: 5px;
                padding: 2px 6px;
                font-size: 10px;
                font-weight: 600;
                color: var(--accent);
                backdrop-filter: blur(4px);
            }

            .card-info {
                padding: 10px 10px 12px;
            }

            .card-title {
                font-size: 13px;
                font-weight: 600;
                line-height: 1.35;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                margin-bottom: 4px;
            }

            .card-year {
                font-size: 12px;
                color: var(--muted);
            }

            .poster-placeholder {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #161b22 0%, #0d1117 100%);
                color: var(--accent);
                font-size: 36px;
                font-weight: 800;
                letter-spacing: -2px;
                user-select: none;
            }

            .state-msg {
                grid-column: 1 / -1;
                text-align: center;
                padding: 60px 20px;
                color: var(--muted);
            }

            .spinner {
                width: 40px;
                height: 40px;
                border: 3px solid var(--border);
                border-top-color: var(--accent);
                border-radius: 50%;
                animation: spin 0.7s linear infinite;
                margin: 0 auto 14px;
            }

            @keyframes spin {
                to {
                    transform: rotate(360deg);
                }
            }

            #view-detail {
                min-height: 100vh;
            }

            .detail-hero {
                position: relative;
                width: 100%;
                min-height: 340px;
                overflow: hidden;
            }

            .detail-backdrop {
                position: absolute;
                inset: 0;
                background-size: cover;
                background-position: center center;
                filter: blur(3px) brightness(0.25);
                transform: scale(1.05);
            }

            .detail-backdrop-fade {
                position: absolute;
                inset: 0;
                background: linear-gradient(
                    to bottom,
                    transparent 40%,
                    var(--bg) 100%
                );
            }

            .detail-hero-content {
                position: relative;
                max-width: 1100px;
                margin: 0 auto;
                padding: 28px 24px 40px;
                display: flex;
                gap: 32px;
            }

            .detail-back-btn {
                display: flex;
                align-items: center;
                gap: 6px;
                color: var(--muted);
                font-size: 14px;
                cursor: pointer;
                padding: 6px 10px;
                border-radius: 6px;
                transition:
                    color 0.15s,
                    background 0.15s;
            }

            .detail-back-btn:hover {
                color: var(--text);
                background: rgba(255, 255, 255, 0.06);
            }

            .detail-poster-col {
                flex-shrink: 0;
                width: 200px;
                margin-top: 36px;
            }

            .detail-poster {
                width: 200px;
                aspect-ratio: 2/3;
                object-fit: cover;
                border-radius: 10px;
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
                background: var(--card-bg);
            }

            .detail-poster-placeholder {
                width: 200px;
                aspect-ratio: 2/3;
                border-radius: 10px;
                background: linear-gradient(135deg, #161b22, #0d1117);
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 52px;
                font-weight: 800;
                color: var(--accent);
                letter-spacing: -3px;
                box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
            }

            .detail-info-col {
                flex: 1;
                min-width: 0;
                margin-top: 42px;
            }

            .detail-kind-badge {
                display: inline-block;
                background: rgba(129, 140, 248, 0.15);
                border: 1px solid rgba(129, 140, 248, 0.35);
                color: var(--accent);
                font-size: 11px;
                font-weight: 700;
                padding: 2px 9px;
                border-radius: 4px;
                letter-spacing: 0.6px;
                margin-bottom: 8px;
            }

            .detail-title {
                font-size: 30px;
                font-weight: 800;
                line-height: 1.2;
                margin-bottom: 12px;
            }

            .detail-meta-row {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 14px;
                color: var(--muted);
                font-size: 14px;
                margin-bottom: 14px;
            }

            .detail-meta-row .sep {
                color: var(--border);
            }

            .detail-rating {
                color: var(--gold);
                font-weight: 700;
                display: flex;
                align-items: center;
                gap: 4px;
            }

            .detail-genres {
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
                margin-bottom: 16px;
            }

            .genre-chip {
                background: rgba(255, 255, 255, 0.06);
                border: 1px solid var(--border);
                border-radius: 20px;
                padding: 3px 11px;
                font-size: 12px;
                color: var(--muted);
            }

            .detail-description {
                font-size: 14px;
                color: #c9d1d9;
                line-height: 1.7;
                margin-bottom: 22px;
                max-width: 680px;
            }

            .detail-meta-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 10px 24px;
                margin-bottom: 20px;
                max-width: 640px;
            }

            /* ── hero: μόνο backdrop ── */
            .detail-hero {
                min-height: 240px !important;
            }
            .detail-hero-content {
                display: none !important;
            }

            /* ── panel header: back btn + poster + info ── */
            .detail-panel-header {
                margin-bottom: 28px;
            }
            .detail-panel-header .detail-back-btn {
                position: static;
                margin-bottom: 14px;
                color: var(--text);
            }
            .detail-panel-hero-row {
                display: flex;
                gap: 28px;
                align-items: flex-start;
            }
            .detail-panel-hero-row .detail-poster-col {
                flex-shrink: 0;
                position: relative;
            }
            .detail-panel-hero-row .detail-poster-col .detail-kind-badge {
                position: absolute;
                top: 10px;
                left: 10px;
            }
            .detail-panel-hero-row .detail-poster {
                width: 160px;
                border-radius: 16px;
                display: block;
            }
            .detail-panel-info {
                flex: 1;
                min-width: 0;
                padding-top: 4px;
            }
            .detail-panel-title-row {
                margin-bottom: 10px;
            }
            .detail-panel-info .detail-title {
                margin: 0 0 10px 0;
            }
            .detail-panel-info .detail-genres {
                margin-bottom: 14px;
            }
            .detail-panel-info .detail-description {
                max-width: 680px;
                margin-bottom: 0;
            }

            
            /* ── seasons full-width row ── */
            .detail-seasons-full {
                margin-top: 10px;
                width: 100%;
            }
            .detail-seasons-full .season-episode-panel {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                align-items: flex-start;
            }
            .detail-seasons-full .season-tabs {
                flex: 1 1 300px;
            }
            /* stats bar inside grid: remove standalone bar styles */
            .detail-controls-top .meta-stats-bar {
                margin: 0;
                border-radius: 18px;
                max-width: none;
                align-items: flex-start;
                align-content: flex-start;
            }
            .detail-controls-top .meta-stats-inner {
                align-content: flex-start;
            }
/* ── meta stats bar ── */
            .meta-stats-bar {
                display: flex;
                align-items: stretch;
                margin-top: 10px;
                margin-bottom: 10px;
                padding: 0;
                border-radius: 16px;
                border: 1px solid rgba(129, 140, 248, 0.14);
                background: linear-gradient(
                    135deg,
                    rgba(129, 140, 248, 0.06) 0%,
                    rgba(17, 22, 42, 0.60) 100%
                );
                overflow: hidden;
                max-width: 100%;
            }

            .meta-stats-inner {
                display: flex;
                flex-wrap: wrap;
                width: 100%;
            }

            .meta-stats-inner .meta-item {
                flex: 1 1 120px;
                padding: 14px 18px;
                border-right: 1px solid rgba(255, 255, 255, 0.07);
                border-bottom: 1px solid rgba(255, 255, 255, 0.04);
                min-width: 0;
            }

            .meta-stats-inner .meta-item:last-child {
                border-right: none;
            }

            .meta-stats-inner .meta-item label {
                font-size: 10px;
                font-weight: 700;
                color: var(--accent);
                text-transform: uppercase;
                letter-spacing: 0.9px;
                display: block;
                margin-bottom: 5px;
                opacity: 0.8;
            }

            .meta-stats-inner .meta-item span {
                font-size: 14px;
                font-weight: 600;
                color: var(--text);
                line-height: 1.3;
            }

            /* legacy (hero) meta-item kept for fallback */
            .meta-item label {
                font-size: 11px;
                font-weight: 700;
                color: var(--muted);
                text-transform: uppercase;
                letter-spacing: 0.7px;
                display: block;
                margin-bottom: 2px;
            }

            .meta-item span {
                font-size: 13px;
                color: var(--text);
            }

            .imdb-btn {
                display: none !important;
                align-items: center;
                gap: 6px;
                background: #f5c518;
                color: #000;
                font-weight: 800;
                font-size: 13px;
                padding: 6px 14px;
                border-radius: 6px;
                margin-top: 6px;
                transition: opacity 0.15s;
            }

            .imdb-btn:hover {
                opacity: 0.88;
            }

            .detail-body {
                max-width: 1100px;
                margin: 0 auto;
                padding: 0 24px 40px;
            }

            .section-title {
                font-size: 16px;
                font-weight: 700;
                margin-bottom: 14px;
                display: flex;
                align-items: center;
                gap: 8px;
            }

            .section-title::before {
                content: "";
                display: inline-block;
                width: 3px;
                height: 16px;
                background: var(--accent);
                border-radius: 2px;
            }

            .cast-row {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin-bottom: 14px;
            }

            .cast-avatar {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 5px;
                cursor: default;
            }

            .cast-circle {
                width: 52px;
                height: 52px;
                border-radius: 50%;
                background: linear-gradient(
                    135deg,
                    var(--accent),
                    var(--accent-dk)
                );
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
                font-weight: 800;
                color: #0d1117;
                letter-spacing: -1px;
                flex-shrink: 0;
            }

            .cast-name {
                font-size: 11px;
                color: var(--muted);
                text-align: center;
                max-width: 70px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .lang-tabs {
                display: flex;
                gap: 6px;
                border-bottom: 1px solid var(--border);
                margin-bottom: 18px;
            }

            .lang-tab {
                padding: 8px 16px;
                font-size: 14px;
                font-weight: 600;
                color: var(--muted);
                cursor: pointer;
                border-bottom: 2px solid transparent;
                margin-bottom: -1px;
                transition: color 0.15s;
                display: flex;
                align-items: center;
                gap: 6px;
            }

            .lang-tab.active {
                color: var(--accent);
                border-bottom-color: var(--accent);
            }

            .sub-table-wrap {
                overflow-x: auto;
                border-radius: var(--radius);
                border: 1px solid var(--border);
            }

            .sub-table {
                width: 100%;
                border-collapse: collapse;
                font-size: 13px;
            }

            .sub-table thead tr {
                background: rgba(255, 255, 255, 0.04);
                border-bottom: 1px solid var(--border);
            }

            .sub-table th {
                padding: 10px 14px;
                text-align: left;
                font-size: 11px;
                font-weight: 700;
                color: var(--muted);
                text-transform: uppercase;
                letter-spacing: 0.5px;
                white-space: nowrap;
            }

            .sub-table tbody tr {
                border-bottom: 1px solid var(--border);
                transition: background 0.1s;
            }

            .sub-table tbody tr:last-child {
                border-bottom: none;
            }
            .sub-table tbody tr:hover {
                background: rgba(255, 255, 255, 0.03);
            }

            .sub-table td {
                padding: 10px 14px;
                vertical-align: middle;
            }

            .sub-num {
                color: var(--muted);
                font-weight: 700;
            }

            .sub-lang-cell {
                display: flex;
                align-items: center;
                gap: 7px;
                white-space: nowrap;
            }

            .flag {
                font-size: 18px;
                line-height: 1;
            }

            .gr-flag-icon {
                width: 28px;
                height: 18px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                vertical-align: middle;
                border-radius: 3px;
                overflow: hidden;
                box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
            }
            .gr-flag-icon svg {
                width: 100%;
                height: 100%;
                display: block;
            }
            .cast-row {
                align-items: flex-start;
            }
            .cast-avatar {
                width: 104px;
                cursor: pointer;
                transition:
                    transform 0.15s ease,
                    opacity 0.15s ease;
            }
            .cast-avatar:hover {
                transform: translateY(-3px);
                opacity: 0.92;
            }
            .cast-photo {
                width: 78px;
                height: 78px;
                border-radius: 999px;
                object-fit: cover;
                display: block;
                margin: 0 auto 10px;
                background: #111522;
                border: 1px solid rgba(255, 255, 255, 0.16);
                box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
            }
            .cast-photo-fallback {
                width: 78px;
                height: 78px;
                border-radius: 999px;
                display: grid;
                place-items: center;
                margin: 0 auto 10px;
                background: rgba(255, 255, 255, 0.1);
                color: #fff;
                border: 1px solid rgba(255, 255, 255, 0.16);
                font-weight: 900;
            }
            .detail-description.empty {
                display: none;
            }
            .meta-item.empty {
                display: none;
            }

            .dl-btn {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                background: var(--green);
                color: #fff;
                font-size: 12px;
                font-weight: 700;
                padding: 5px 12px;
                border-radius: 6px;
                white-space: nowrap;
                transition:
                    opacity 0.15s,
                    transform 0.1s;
                text-decoration: none;
            }

            .dl-btn:hover {
                opacity: 0.85;
                transform: translateY(-1px);
            }

            .dl-count {
                display: inline-block;
                background: rgba(255, 255, 255, 0.08);
                border: 1px solid var(--border);
                border-radius: 12px;
                padding: 2px 9px;
                font-size: 12px;
                font-weight: 600;
                color: var(--muted);
            }

            .sub-release-cell {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
            }

            .release-name {
                font-size: 12px;
                color: var(--text);
                font-family: "Consolas", "Courier New", monospace;
                word-break: break-all;
            }

            .synced-badge {
                display: inline-flex;
                align-items: center;
                gap: 3px;
                background: rgba(63, 185, 80, 0.15);
                border: 1px solid rgba(63, 185, 80, 0.35);
                color: var(--green);
                font-size: 10px;
                font-weight: 700;
                padding: 1px 7px;
                border-radius: 4px;
                white-space: nowrap;
            }

            .source-badge {
                display: inline-block;
                background: rgba(129, 140, 248, 0.1);
                border: 1px solid rgba(129, 140, 248, 0.25);
                color: var(--accent);
                font-size: 11px;
                font-weight: 600;
                padding: 2px 8px;
                border-radius: 5px;
                white-space: nowrap;
            }

            .season-tabs {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin: 10px 0 22px;
                align-items: center;
            }

            .season-tab {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                min-height: 42px;
                padding: 0 18px;
                border-radius: 12px;
                border: 1px solid rgba(129, 140, 248, 0.12);
                background: rgba(20, 27, 45, 0.72);
                color: #95a2fa;
                font-size: 14px;
                font-weight: 800;
                cursor: pointer;
                transition:
                    border-color 0.15s,
                    background 0.15s,
                    transform 0.12s;
            }

            .season-tab:hover {
                border-color: rgba(129, 140, 248, 0.35);
                transform: translateY(-1px);
            }

            .season-tab.active {
                background: rgba(129, 140, 248, 0.16);
                border-color: rgba(129, 140, 248, 0.28);
                color: #a5b2fc;
            }

            .season-tab.count {
                padding: 0 14px;
                border-radius: 14px;
            }

            .season-tab .bubble {
                min-width: 24px;
                height: 24px;
                padding: 0 8px;
                border-radius: 999px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                background: rgba(129, 140, 248, 0.18);
                color: #c7d0fe;
                font-size: 12px;
            }

            .subtitle-list {
                display: flex;
                flex-direction: column;
                gap: 14px;
                padding: 24px 14px;
                border-radius: 18px;
                background: rgba(10, 13, 28, 0.36);
            }

            .subtitle-row {
                display: flex;
                align-items: center;
                gap: 14px;
                min-height: 54px;
                padding: 14px 18px;
                border-radius: 15px;
                border: 1px solid rgba(255, 255, 255, 0.06);
                background: rgba(18, 22, 39, 0.62);
                color: #cfd8e8;
                font-size: 13px;
                line-height: 1.35;
                box-shadow: inset 4px 0 0 var(--accent);
                transition:
                    border-color 0.15s,
                    background 0.15s,
                    transform 0.12s;
            }

            .subtitle-row:hover {
                border-color: rgba(129, 140, 248, 0.22);
                background: rgba(22, 28, 48, 0.78);
                transform: translateX(2px);
            }

            .subtitle-row-title {
                flex: 1;
                min-width: 0;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .subtitle-row-actions {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-shrink: 0;
            }

            .mini-download {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 32px;
                height: 32px;
                border-radius: 10px;
                background: rgba(129, 140, 248, 0.12);
                color: var(--accent);
                border: 1px solid rgba(129, 140, 248, 0.22);
                font-weight: 900;
            }

            .mini-download:hover {
                background: rgba(129, 140, 248, 0.22);
            }

            .no-subs {
                padding: 32px;
                text-align: center;
                color: var(--muted);
            }

            #result-count {
                font-size: 13px;
                color: var(--muted);
                margin-bottom: 16px;
            }

            @media (max-width: 860px) {
                .detail-hero-content {
                    flex-direction: column;
                    align-items: center;
                    gap: 20px;
                }
                .detail-poster-col {
                    width: 150px;
                    margin-top: 44px;
                }
                .detail-poster {
                    width: 150px;
                }
                .detail-poster-placeholder {
                    width: 150px;
                    font-size: 38px;
                }
                .detail-info-col {
                    margin-top: 0;
                    width: 100%;
                }
                .detail-title {
                    font-size: 22px;
                }
                .detail-meta-grid {
                    grid-template-columns: 1fr;
                }
            }

            @media (max-width: 640px) {
                #navbar {
                    gap: 10px;
                    padding: 0 12px;
                }
                .nav-links {
                    display: none;
                }
                .nav-search {
                    max-width: none;
                }
                #card-grid {
                    grid-template-columns: repeat(
                        auto-fill,
                        minmax(130px, 1fr)
                    );
                    gap: 12px;
                }
                #grid-view-wrap {
                    padding: 16px 12px 50px;
                }
            }

            @media (max-width: 400px) {
                #card-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            .detail-hero {
                min-height: 560px;
                overflow: visible;
            }
            .detail-backdrop {
                filter: brightness(0.28);
                transform: none;
                background-position: center 18%;
            }
            .detail-backdrop-fade {
                background:
                    linear-gradient(
                        90deg,
                        rgba(7, 9, 14, 0.96) 0%,
                        rgba(7, 9, 14, 0.72) 42%,
                        rgba(7, 9, 14, 0.35) 100%
                    ),
                    linear-gradient(
                        to bottom,
                        rgba(7, 9, 14, 0.15),
                        var(--bg) 94%
                    );
            }
            .detail-hero-content {
                max-width: 1420px;
                min-height: 560px;
                padding: 120px 34px 52px;
                gap: 44px;
                align-items: flex-start;
            }
            .detail-back-btn {
                color: #9aa7ba;
            }
            .detail-poster-col {
                width: 250px;
                margin-top: 20px;
            }
            .detail-poster {
                width: 250px;
                border-radius: 14px;
                box-shadow:
                    0 18px 60px rgba(129, 140, 248, 0.16),
                    0 28px 80px rgba(0, 0, 0, 0.78);
            }
            .detail-info-col {
                margin-top: 28px;
                max-width: 900px;
            }
            .detail-kind-badge {
                position: absolute;
                left: 48px;
                top: 138px;
                z-index: 3;
                background: linear-gradient(
                    135deg,
                    var(--accent),
                    var(--accent-dk)
                );
                color: #060812;
                border: 0;
                border-radius: 7px;
                padding: 6px 10px;
                font-size: 11px;
            }
            .detail-title {
                font-size: clamp(34px, 4.2vw, 54px);
                line-height: 1.02;
                letter-spacing: -0.04em;
                max-width: 920px;
                margin-bottom: 14px;
            }
            .detail-meta-row {
                gap: 18px;
                margin-bottom: 18px;
            }
            .detail-rating {
                background: rgba(245, 197, 24, 0.92);
                color: #111;
                border-radius: 8px;
                padding: 3px 9px;
                font-size: 12px;
            }
            .genre-chip {
                color: #fff;
                border-color: rgba(255, 255, 255, 0.22);
                background: rgba(255, 255, 255, 0.08);
            }
            .genre-chip-btn {
                cursor: pointer;
                font-weight: 800;
            }
            .genre-chip-btn:hover {
                color: #a5b4fc;
                border-color: rgba(129, 140, 248, 0.45);
                background: rgba(129, 140, 248, 0.12);
            }
            .detail-description {
                color: #9da9bd;
                max-width: 840px;
                margin: 18px 0 24px;
            }
            .detail-meta-grid {
                max-width: none;
                grid-template-columns: repeat(3, minmax(210px, 1fr));
                gap: 18px;
            }
            .meta-item {
                min-height: 70px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 16px 18px;
                border-radius: 12px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                background: rgba(19, 23, 35, 0.72);
            }
            .meta-item label {
                text-transform: none;
                letter-spacing: 0;
                color: #8896ac;
            }
            .meta-item span {
                font-size: 14px;
                font-weight: 700;
                color: #fff;
            }
            .imdb-btn {
                display: none !important;
            }

            .detail-hero-content {
                justify-content: flex-start;
            }
            .detail-info-col {
                text-align: left;
                align-items: flex-start;
                display: flex;
                flex-direction: column;
            }
            .detail-title {
                text-align: left;
            }
            .detail-description {
                text-align: left;
                margin-left: 0 !important;
                margin-right: 0 !important;
            }
            .detail-genres {
                justify-content: flex-start;
            }
            .detail-meta-grid {
                margin-left: 0;
                margin-right: 0;
            }
            .detail-back-btn {
                min-height: 38px;
                padding: 0 16px;
                border-radius: 999px;
                background: rgba(15, 23, 42, 0.72);
                border: 1px solid rgba(148, 163, 184, 0.24);
                color: #e0e7ff;
                backdrop-filter: blur(12px);
                box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
            }
            .detail-back-btn:hover {
                background: rgba(129, 140, 248, 0.16);
                border-color: rgba(129, 140, 248, 0.42);
                color: #a5b4fc;
            }
            .detail-back-btn::before {
                content: "←";
                margin-right: 6px;
            }

            .detail-body {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .season-tabs {
                justify-content: center;
                width: 100%;
            }
            .episode-tabs {
                margin-left: auto !important;
                margin-right: auto !important;
            }
            .optimized-lang-tabs {
                display: none !important;
            }
            .sub-table-wrap {
                width: 100%;
            }
            .detail-poster-col {
                position: relative;
            }
            .detail-kind-badge {
                position: absolute !important;
                left: 12px !important;
                top: 12px !important;
                z-index: 5;
            }

            .detail-body {
                max-width: 1420px;
                padding: 0 34px 70px;
                margin-top: -10px;
            }
            .section-title {
                font-size: 22px;
                margin: 28px 0 18px;
            }
            .section-title::before {
                display: none;
            }
            .cast-row {
                gap: 26px;
                margin-bottom: 36px;
            }
            .cast-circle {
                width: 62px;
                height: 62px;
                background: rgba(255, 255, 255, 0.12);
                color: #fff;
                border: 1px solid rgba(255, 255, 255, 0.18);
            }
            .cast-name {
                color: #fff;
                max-width: 92px;
                font-size: 12px;
            }
            .season-tabs {
                margin: 26px 0 20px;
                gap: 14px;
            }
            .season-tab {
                min-height: 48px;
                padding: 0 20px;
                border-radius: 13px;
                background: rgba(22, 27, 48, 0.86);
                color: #98a6fb;
                border-color: rgba(129, 140, 248, 0.13);
            }
            .season-tab.active {
                background: rgba(129, 140, 248, 0.16);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
            }

            .detail-meta-row {
                display: none !important;
            }
            .episode-tabs {
                position: relative;
                width: 260px;
                max-width: 100%;
            }
            .episode-select-shell {
                position: relative;
                width: 100%;
            }
            .episode-select-btn {
                width: 100%;
                min-height: 48px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                padding: 0 16px;
                border-radius: 14px;
                border: 1px solid rgba(129, 140, 248, 0.26);
                background: linear-gradient(
                    180deg,
                    rgba(19, 23, 43, 0.98),
                    rgba(13, 16, 31, 0.98)
                );
                color: #a5b4fc;
                font-weight: 950;
                cursor: pointer;
                box-shadow:
                    0 14px 36px rgba(0, 0, 0, 0.25),
                    inset 0 1px 0 rgba(255, 255, 255, 0.05);
            }
            .episode-select-btn:hover {
                border-color: rgba(129, 140, 248, 0.48);
                background: linear-gradient(
                    180deg,
                    rgba(24, 30, 55, 0.98),
                    rgba(14, 18, 36, 0.98)
                );
            }
            .episode-select-chevron {
                color: #a5b4fc;
                font-size: 14px;
                transition: transform 0.16s ease;
            }
            .episode-select-shell.open .episode-select-chevron {
                transform: rotate(180deg);
            }
            .episode-menu {
                position: absolute;
                left: 0;
                top: calc(100% + 8px);
                z-index: 50;
                width: 100%;
                max-height: 300px;
                overflow: auto;
                padding: 8px;
                border-radius: 14px;
                border: 1px solid rgba(129, 140, 248, 0.24);
                background: rgba(10, 13, 26, 0.98);
                box-shadow: 0 22px 60px rgba(0, 0, 0, 0.55);
                display: none;
            }
            .episode-select-shell.open .episode-menu {
                display: block;
            }
            .episode-menu::-webkit-scrollbar {
                width: 8px;
            }
            .episode-menu::-webkit-scrollbar-thumb {
                background: rgba(129, 140, 248, 0.45);
                border-radius: 999px;
            }
            .episode-option {
                width: 100%;
                min-height: 36px;
                padding: 0 12px;
                display: flex;
                align-items: center;
                border: 0;
                border-radius: 10px;
                background: transparent;
                color: #dbe7ff;
                font-weight: 850;
                cursor: pointer;
                text-align: left;
            }
            .episode-option:hover {
                background: rgba(129, 140, 248, 0.12);
                color: #a5b4fc;
            }
            .episode-option.active {
                background: linear-gradient(
                    135deg,
                    rgba(129, 140, 248, 0.22),
                    rgba(96, 165, 250, 0.2)
                );
                color: #fff;
            }

            .optimized-lang-tabs {
                justify-content: space-between;
                border: 0;
                margin: 12px 0 0;
            }
            .optimized-lang-tabs .lang-tab {
                background: rgba(31, 44, 64, 0.92);
                color: #e7eefb;
                border: 1px solid rgba(255, 255, 255, 0.08);
                border-radius: 8px;
                padding: 7px 14px;
            }
            .season-nav-btn {
                width: 28px;
                height: 28px;
                border: 0;
                border-radius: 7px;
                color: #fff;
                background: var(--accent);
                cursor: pointer;
            }
            .optimized-sub-table-wrap {
                margin-top: 18px;
                border: 1px solid rgba(255, 255, 255, 0.06);
                border-radius: 18px;
                background: rgba(11, 14, 29, 0.82);
                padding: 16px;
                overflow-x: auto;
            }

            .detail-body {
                max-width: 1320px !important;
                margin: -34px auto 0 !important;
                padding: 0 28px 36px !important;
                position: relative;
                z-index: 4;
            }
            .detail-controls-panel {
                width: min(1180px, 100%);
                margin: 0 auto 18px;
                padding: 22px 22px 22px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                border-radius: 28px;
                background: linear-gradient(
                    180deg,
                    rgba(20, 25, 44, 0.94),
                    rgba(10, 13, 26, 0.9)
                );
                box-shadow:
                    0 24px 80px rgba(0, 0, 0, 0.38),
                    inset 0 1px 0 rgba(255, 255, 255, 0.05);
            }
            .detail-controls-top {
                display: grid;
                grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr);
                gap: 22px;
                align-items: start;
                margin-bottom: 14px;
            }
            .detail-side-card {
                min-height: auto;
                padding: 20px 22px;
                border-radius: 22px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                background: linear-gradient(
                    180deg,
                    rgba(31, 40, 66, 0.58),
                    rgba(16, 20, 36, 0.46)
                );
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
            }
            .detail-controls-panel .section-title {
                justify-content: center;
                font-size: 18px;
                margin: 0 0 10px;
                color: #f7fbff;
                text-align: center;
            }
            .detail-controls-panel .section-title::before {
                display: block;
                width: 28px;
                height: 3px;
                border-radius: 999px;
            }
            .detail-controls-panel .cast-row {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
                gap: 14px;
                width: min(420px, 100%);
                margin: 0 auto;
                overflow: visible;
                padding: 0;
                justify-items: center;
            }
            .detail-controls-panel .cast-avatar {
                width: 100%;
                min-width: 0;
                text-decoration: none;
                padding: 10px 6px;
                border-radius: 16px;
                background: rgba(255, 255, 255, 0.03);
                border: 1px solid transparent;
                cursor: pointer;
            }
            .detail-controls-panel .cast-avatar:hover {
                border-color: rgba(129, 140, 248, 0.24);
                background: rgba(129, 140, 248, 0.07);
                transform: translateY(-3px);
            }
            .detail-controls-panel .cast-photo,
            .detail-controls-panel .cast-photo-fallback {
                width: 66px;
                height: 66px;
                margin-bottom: 8px;
            }
            .detail-controls-panel .cast-photo-fallback {
                font-size: 14px;
                background: linear-gradient(
                    135deg,
                    rgba(129, 140, 248, 0.18),
                    rgba(96, 165, 250, 0.16)
                );
            }
            .detail-controls-panel .cast-name {
                max-width: 100%;
                color: #f8fbff;
                font-size: 11px;
                font-weight: 850;
            }
            .season-episode-panel {
                margin: 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 14px;
                padding-top: 0;
                border-top: 0;
            }
            .season-episode-panel .season-tabs {
                margin: 0 !important;
                justify-content: center;
            }
            .season-episode-panel .episode-tabs {
                width: 100%;
                margin: 0 !important;
            }
            .season-episode-panel .episode-select-shell {
                width: 100%;
            }
            .season-episode-panel .season-tab {
                min-height: 42px;
                border-radius: 12px;
            }
            .season-episode-panel .episode-select-btn {
                min-height: 44px;
            }
            .detail-table-shell {
                padding-top: 24px;
                border-top: 1px solid rgba(255, 255, 255, 0.08);
            }

            .optimized-sub-table {
                min-width: 860px;
                border-collapse: separate;
                border-spacing: 0;
            }

            .optimized-sub-table th,
            .optimized-sub-table td {
                text-align: center;
            }
            .optimized-sub-table th:nth-child(2),
            .optimized-sub-table td:nth-child(2) {
                text-align: left;
            }
            .flag-number-cell {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 10px;
                white-space: nowrap;
                font-weight: 900;
            }
            .flag-number-cell .row-index {
                color: #e0e7ff;
                min-width: 20px;
                text-align: right;
            }
            .subtitle-name {
                text-align: center;
            }

            .sortable-th {
                cursor: pointer;
                user-select: none;
                transition:
                    color 0.15s ease,
                    background 0.15s ease;
            }
            .sortable-th:hover {
                color: #a5b4fc;
                background: rgba(129, 140, 248, 0.08);
            }
            .sortable-th.active-sort {
                color: #a5b4fc;
            }
            .sort-arrow {
                margin-left: 6px;
                color: #a5b4fc;
                font-size: 11px;
            }
            .pretty-subtitle-name {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                gap: 8px;
                flex-wrap: wrap;
            }
            .pretty-title-main {
                font-weight: 950;
                color: #fff;
            }
            .pretty-pill {
                display: inline-flex;
                align-items: center;
                min-height: 24px;
                padding: 0 10px;
                border-radius: 999px;
                font-weight: 950;
                font-size: 12px;
                letter-spacing: 0.02em;
            }
            .pretty-pill.source-hdtv {
                background: rgba(96, 165, 250, 0.18);
                border: 1px solid rgba(96, 165, 250, 0.58);
                color: #e0e7ff;
                box-shadow: 0 0 14px rgba(96, 165, 250, 0.16);
            }
            .pretty-pill.source-web {
                background: rgba(129, 140, 248, 0.16);
                border: 1px solid rgba(129, 140, 248, 0.5);
                color: #b0bcfd;
                box-shadow: 0 0 14px rgba(129, 140, 248, 0.14);
            }
            .pretty-pill.source-bluray {
                background: rgba(168, 85, 247, 0.2);
                border: 1px solid rgba(168, 85, 247, 0.55);
                color: #ead7ff;
                box-shadow: 0 0 14px rgba(168, 85, 247, 0.16);
            }
            .pretty-pill.source-dvd {
                background: rgba(251, 146, 60, 0.18);
                border: 1px solid rgba(251, 146, 60, 0.52);
                color: #fed7aa;
                box-shadow: 0 0 14px rgba(251, 146, 60, 0.14);
            }
            .pretty-pill.source-other {
                background: rgba(148, 163, 184, 0.16);
                border: 1px solid rgba(148, 163, 184, 0.42);
                color: #e2e8f0;
            }

            .optimized-sub-table thead tr {
                background: linear-gradient(
                    90deg,
                    rgba(31, 55, 68, 0.72),
                    rgba(18, 22, 48, 0.82)
                );
            }
            .optimized-sub-table th {
                padding: 16px 18px;
                color: #fff;
                font-weight: 800;
                font-size: 13px;
                text-transform: none;
            }
            .optimized-sub-table th:first-child {
                border-top-left-radius: 14px;
            }
            .optimized-sub-table th:last-child {
                border-top-right-radius: 14px;
            }
            .optimized-sub-table td {
                padding: 18px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.04);
            }
            .optimized-sub-table tbody tr {
                background: rgba(13, 16, 32, 0.5);
            }
            .optimized-sub-table tbody tr:hover {
                background: rgba(24, 30, 52, 0.78);
            }
            .delay-pill {
                width: 86px;
                height: 38px;
                border: 0;
                border-radius: 10px;
                text-align: center;
                background: rgba(255, 255, 255, 0.055);
                color: #8c9ab0;
                outline: none;
            }
            .help-dot {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 18px;
                height: 18px;
                border-radius: 50%;
                background: #a5b4fc;
                color: #1a1a3e;
                font-weight: 900;
                font-size: 11px;
            }
            .download-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                min-width: 118px;
                height: 38px;
                border-radius: 10px;
                background: linear-gradient(135deg, #a5b4fc, #60a5fa);
                color: #fff;
                font-weight: 900;
            }
            .download-count {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 30px;
                height: 30px;
                padding: 0 10px;
                border-radius: 999px;
                background: #d97706;
                color: #fff;
                font-weight: 900;
            }
            .subtitle-name {
                color: #fff;
                font-weight: 800;
                max-width: 100%;
                white-space: normal;
                overflow: visible;
                text-overflow: unset;
                display: block;
                text-align: left;
                line-height: 1.45;
                word-break: break-word;
            }
            .subtitle-name-link:hover {
                color: var(--accent);
            }
            .user-cell {
                display: flex;
                align-items: center;
                gap: 10px;
                min-width: 170px;
            }
            .user-avatar {
                width: 34px;
                height: 34px;
                border-radius: 6px;
                background: rgba(255, 255, 255, 0.16);
                display: grid;
                place-items: center;
                color: #d7deea;
            }
            .user-name {
                font-weight: 900;
                color: #fff;
                display: block;
            }
            .user-date {
                color: #8490a3;
                font-size: 11px;
                display: block;
            }
            .bug-btn {
                width: 34px;
                height: 34px;
                border-radius: 9px;
                border: 1px solid rgba(248, 81, 73, 0.22);
                background: rgba(248, 81, 73, 0.1);
                color: #ff8d87;
                cursor: pointer;
            }
            @media (max-width: 980px) {
                .detail-hero-content {
                    padding-top: 86px;
                    flex-direction: column;
                    align-items: center;
                }
                .detail-kind-badge {
                    position: static;
                    margin-bottom: 10px;
                }
                .detail-info-col {
                    text-align: center;
                    align-items: center;
                }
                .detail-title {
                    text-align: center;
                }
                .detail-description {
                    text-align: center;
                    margin-left: auto !important;
                    margin-right: auto !important;
                }
                .detail-genres {
                    justify-content: center;
                }
                .detail-meta-grid {
                    grid-template-columns: 1fr;
                    margin-left: auto;
                    margin-right: auto;
                }
                .detail-poster-col,
                .detail-poster {
                    width: 190px;
                }
                .detail-body {
                    margin-top: -18px !important;
                    padding: 0 16px 58px !important;
                }
                .detail-controls-top {
                    grid-template-columns: 1fr;
                }
                .detail-controls-panel {
                    padding: 18px;
                }
                .detail-side-card {
                    padding: 18px 16px;
                }
                .detail-controls-panel .section-title {
                    justify-content: center;
                }
                .detail-controls-panel .cast-row {
                    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
                }
                .season-episode-panel .season-tabs {
                    justify-content: center;
                }
            }

            #navbar {
                height: 56px;
                padding: 0 82px;
                justify-content: space-between;
                background: rgba(13, 15, 23, 0.86);
                border-bottom: 1px solid rgba(255, 255, 255, 0.07);
            }
            .nav-logo-icon {
                width: 30px;
                height: 30px;
                border-radius: 10px;
                color: #fff;
                font-size: 14px;
                letter-spacing: 0;
            }
            .nav-logo-text {
                font-weight: 900;
            }
            .nav-logo-text::first-letter {
                color: var(--accent);
            }
            .nav-links {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                gap: 24px;
                margin: 0;
            }
            .nav-link {
                color: #7f8ca2;
                font-size: 13px;
                padding: 7px 4px;
                background: transparent !important;
            }
            .nav-link:hover,
            .nav-link.active {
                color: #dbe6f7;
            }
            .nav-search {
                display: none;
            }
            .nav-language {
                margin-left: auto;
                min-width: 78px;
                height: 34px;
                border: 1px solid rgba(255, 255, 255, 0.14);
                border-radius: 8px;
                background: rgba(148, 163, 184, 0.28);
                color: #f2f6ff;
                font-weight: 800;
                cursor: pointer;
            }
            .home-hero {
                position: relative;
                min-height: calc(100vh - 56px);
                display: grid;
                place-items: center;
                overflow: hidden;
                background:
                    radial-gradient(
                        circle at 18% 45%,
                        rgba(129, 140, 248, 0.1),
                        transparent 18%
                    ),
                    radial-gradient(
                        circle at 66% 62%,
                        rgba(129, 140, 248, 0.13),
                        transparent 20%
                    ),
                    #040610;
            }
            .home-hero::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(
                    circle at 50% -20%,
                    rgba(255, 255, 255, 0.04),
                    transparent 36%
                );
                pointer-events: none;
            }
            .home-glow {
                position: absolute;
                width: 360px;
                height: 360px;
                border-radius: 50%;
                filter: blur(70px);
                opacity: 0.23;
                background: var(--accent);
            }
            .home-glow-left {
                left: 10%;
                top: 34%;
            }
            .home-glow-right {
                right: 24%;
                bottom: 18%;
            }
            .home-content {
                position: relative;
                z-index: 2;
                width: min(760px, calc(100% - 34px));
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 20px;
                transform: translateY(22px);
            }
            .home-pill {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 30px;
                padding: 0 18px;
                border-radius: 999px;
                border: 1px solid rgba(129, 140, 248, 0.3);
                background: rgba(129, 140, 248, 0.12);
                color: #9baafc;
                font-size: 13px;
                box-shadow: 0 0 36px rgba(129, 140, 248, 0.1);
            }
            .home-search-box {
                width: 100%;
                height: 58px;
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 0 8px 0 18px;
                border-radius: 11px;
                background: rgba(17, 20, 31, 0.92);
                border: 1px solid rgba(129, 140, 248, 0.18);
                box-shadow:
                    0 0 42px rgba(129, 140, 248, 0.1),
                    0 18px 70px rgba(0, 0, 0, 0.45);
            }
            .home-search-icon {
                color: #8b9ab4;
                font-size: 23px;
                line-height: 1;
            }
            .home-search-box input {
                flex: 1;
                min-width: 0;
                height: 100%;
                border: 0;
                outline: 0;
                background: transparent;
                color: #e9f0fb;
                font-size: 16px;
            }
            .home-search-box input::placeholder {
                color: #8390a6;
            }
            .home-search-btn {
                height: 42px;
                min-width: 118px;
                border: 0;
                border-radius: 9px;
                background: linear-gradient(135deg, #8b99f6, #818cf8);
                color: #f7fffe;
                font-weight: 900;
                cursor: pointer;
            }
            .home-filter-row {
                display: flex;
                justify-content: center;
                gap: 10px;
            }
            .home-filter-btn {
                min-width: 104px;
                height: 38px;
                border: 1px solid rgba(255, 255, 255, 0.08);
                border-radius: 999px;
                background: rgba(19, 22, 39, 0.95);
                color: #fff;
                font-weight: 900;
                cursor: pointer;
            }
            .home-filter-btn.active {
                background: linear-gradient(135deg, #72e4ff, #72b9ff);
                color: #fff;
                border-color: transparent;
            }
            .home-stats {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 34px;
                margin-top: 12px;
                text-align: center;
                transition: opacity 0.18s ease;
            }
            .home-stats[data-ready="false"] {
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
            }
            .home-stats[data-ready="true"] {
                opacity: 1;
                visibility: visible;
            }
            .home-stats strong {
                display: block;
                font-size: 20px;
                color: #93a0f8;
                font-weight: 1000;
            }
            .home-stats span {
                display: block;
                color: #8090a8;
                font-size: 12px;
                margin-top: 2px;
            }
            .results-section {
                padding-top: 48px !important;
            }
            @media (max-width: 760px) {
                #navbar {
                    padding: 0 14px;
                }
                .nav-links {
                    display: none;
                }
                .home-stats {
                    grid-template-columns: repeat(2, 1fr);
                    gap: 18px;
                }
                .home-search-box {
                    height: auto;
                    min-height: 58px;
                    flex-wrap: wrap;
                    padding: 10px;
                }
                .home-search-btn {
                    width: 100%;
                }
            }

            .pagination {
                display: flex;
                justify-content: center;
                gap: 10px;
                margin: 28px 0 64px;
            }
            .page-btn {
                min-width: 28px;
                height: 28px;
                border: 0;
                border-radius: 8px;
                background: #151830;
                color: #dbe6f7;
                font-weight: 800;
                cursor: pointer;
            }
            .page-btn.active {
                background: #a5b4fc;
                color: #050816;
                box-shadow: 0 0 22px rgba(129, 140, 248, 0.45);
            }
            .site-footer {
                border-top: 1px solid rgba(255, 255, 255, 0.07);
                background: #060914;
                padding: 44px 0 28px;
            }
            .footer-inner {
                max-width: 980px;
                margin: 0 auto;
                display: grid;
                grid-template-columns: 1.1fr 0.75fr 1.15fr;
                gap: 70px;
                color: #8793a9;
            }
            .footer-logo-row {
                display: flex;
                align-items: center;
                gap: 10px;
                color: #f3f7ff;
                margin-bottom: 18px;
            }
            .footer-logo {
                width: 28px;
                height: 28px;
                border-radius: 8px;
                display: inline-grid;
                place-items: center;
                background: linear-gradient(135deg, var(--accent), #60a5fa);
                color: #fff;
                font-weight: 900;
                font-size: 12px;
            }
            .footer-brand p {
                font-size: 12px;
                line-height: 1.5;
                margin: 7px 0;
                max-width: 230px;
            }
            .social-row {
                display: flex;
                gap: 10px;
                margin-top: 18px;
            }
            .social-row span {
                width: 28px;
                height: 28px;
                border-radius: 7px;
                display: grid;
                place-items: center;
                background: #111522;
                color: #8793a9;
                font-size: 12px;
            }
            .footer-col h4 {
                color: #f3f7ff;
                font-size: 11px;
                font-weight: 900;
                margin-bottom: 18px;
            }
            .footer-col button {
                display: block;
                border: 0;
                background: transparent;
                color: #8793a9;
                font-size: 12px;
                margin: 9px 0;
                cursor: pointer;
                text-align: left;
            }
            .footer-bottom {
                max-width: 980px;
                margin: 34px auto 0;
                padding-top: 22px;
                border-top: 1px solid rgba(255, 255, 255, 0.06);
                display: flex;
                justify-content: space-between;
                color: #657188;
                font-size: 11px;
            }
            @media (max-width: 760px) {
                .footer-inner {
                    grid-template-columns: 1fr;
                    gap: 24px;
                    padding: 0 18px;
                }
                .footer-bottom {
                    padding: 20px 18px 0;
                    flex-direction: column;
                    gap: 10px;
                }
            }

            #detail-spinner {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                min-height: 60vh;
                gap: 16px;
                color: var(--muted);
                font-size: 14px;
            }
            /* premium-panel-v2 */

            .detail-controls-panel {
                position: relative;
                overflow: hidden;
                width: min(1040px, 100%);
                padding: 24px 28px 22px;
                border-radius: 28px;
                border: 1px solid rgba(129, 140, 248, 0.16);
                background:
                    radial-gradient(
                        circle at 50% 0%,
                        rgba(129, 140, 248, 0.1),
                        transparent 34%
                    ),
                    linear-gradient(
                        180deg,
                        rgba(17, 21, 40, 0.94),
                        rgba(9, 12, 26, 0.92)
                    );
                box-shadow:
                    0 28px 90px rgba(0, 0, 0, 0.42),
                    inset 0 1px 0 rgba(255, 255, 255, 0.06);
            }
            .detail-controls-panel::before {
                content: "";
                position: absolute;
                inset: 0;
                pointer-events: none;
                background: linear-gradient(
                    90deg,
                    transparent,
                    rgba(255, 255, 255, 0.035),
                    transparent
                );
                opacity: 0.55;
            }
            .detail-controls-panel .section-title {
                position: relative;
                justify-content: center;
                gap: 12px;
                font-size: 24px;
                margin: 0 0 22px;
                letter-spacing: -0.02em;
            }
            .detail-controls-panel .section-title::before,
            .detail-controls-panel .section-title::after {
                content: "";
                display: block;
                width: 42px;
                height: 3px;
                border-radius: 999px;
                background: linear-gradient(90deg, transparent, var(--accent));
            }
            .detail-controls-panel .section-title::after {
                background: linear-gradient(90deg, var(--accent), transparent);
            }
            .detail-controls-panel .cast-row {
                position: relative;
                display: flex;
                flex-wrap: nowrap;
                justify-content: center;
                gap: 16px;
                margin: 0 auto 24px;
                overflow-x: auto;
                padding: 8px 8px 16px;
                scrollbar-width: thin;
            }
            .detail-controls-panel .cast-avatar {
                width: 92px;
                min-width: 92px;
                text-decoration: none;
                padding: 10px 6px;
                border-radius: 18px;
                background: rgba(255, 255, 255, 0.035);
                border: 1px solid rgba(255, 255, 255, 0.06);
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
            }
            .detail-controls-panel .cast-avatar:hover {
                border-color: rgba(129, 140, 248, 0.38);
                background: rgba(129, 140, 248, 0.08);
                transform: translateY(-4px);
                box-shadow: 0 14px 34px rgba(129, 140, 248, 0.1);
            }
            .detail-controls-panel .cast-photo,
            .detail-controls-panel .cast-photo-fallback {
                width: 68px;
                height: 68px;
                margin-bottom: 9px;
                border: 2px solid rgba(129, 140, 248, 0.18);
                box-shadow: 0 12px 26px rgba(0, 0, 0, 0.35);
            }
            .detail-controls-panel .cast-photo-fallback {
                font-size: 15px;
                background: linear-gradient(
                    135deg,
                    rgba(129, 140, 248, 0.22),
                    rgba(96, 165, 250, 0.22)
                );
                color: #eaffff;
            }
            .detail-controls-panel .cast-name {
                max-width: 84px;
                color: #f8fbff;
                font-size: 11px;
                font-weight: 900;
            }
            .season-episode-panel {
                width: min(520px, 100%);
                margin: 8px auto 0;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 14px;
                padding: 22px 18px 0;
                border-top: 1px solid rgba(129, 140, 248, 0.14);
            }
            .season-episode-panel .season-tab {
                min-height: 44px;
                padding: 0 22px;
                border-radius: 14px;
                background: linear-gradient(
                    180deg,
                    rgba(129, 140, 248, 0.18),
                    rgba(129, 140, 248, 0.1)
                );
                border-color: rgba(129, 140, 248, 0.28);
                color: #b0bcfd;
                box-shadow: 0 10px 28px rgba(129, 140, 248, 0.08);
            }
            .season-episode-panel .episode-select-btn {
                min-height: 46px;
                border-color: rgba(96, 165, 250, 0.28);
                background: linear-gradient(
                    180deg,
                    rgba(20, 25, 48, 0.98),
                    rgba(12, 15, 32, 0.98)
                );
            }
            .optimized-sub-table-wrap {
                border-color: rgba(129, 140, 248, 0.1);
                box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
            }
            .download-count {
                background: linear-gradient(
                    135deg,
                    #818cf8,
                    #3b82f6
                ) !important;
                color: #f8ffff !important;
                box-shadow:
                    0 0 18px rgba(129, 140, 248, 0.25),
                    inset 0 1px 0 rgba(255, 255, 255, 0.25);
                border: 1px solid rgba(191, 219, 254, 0.35);
            }

            /* connected-season-episode */

            .detail-controls-panel {
                padding-bottom: 18px !important;
            }
            .detail-controls-panel .cast-row {
                margin-bottom: 18px !important;
            }
            .season-episode-panel {
                position: relative;
                width: min(340px, 100%) !important;
                margin: 6px auto 0 !important;
                padding: 0 !important;
                border-top: 0 !important;
                gap: 0 !important;
                border-radius: 22px;
                background: linear-gradient(
                    180deg,
                    rgba(15, 24, 45, 0.92),
                    rgba(9, 13, 29, 0.96)
                );
                border: 1px solid rgba(129, 140, 248, 0.18);
                box-shadow:
                    0 18px 48px rgba(0, 0, 0, 0.32),
                    inset 0 1px 0 rgba(255, 255, 255, 0.05);
                overflow: visible;
            }
            .season-episode-panel::before {
                content: "";
                position: absolute;
                top: -22px;
                left: 50%;
                transform: translateX(-50%);
                width: 1px;
                height: 22px;
                background: linear-gradient(
                    to bottom,
                    transparent,
                    rgba(129, 140, 248, 0.35)
                );
            }
            .season-episode-panel .season-tabs {
                width: 100%;
                padding: 14px 14px 8px;
                margin: 0 !important;
                display: flex;
                justify-content: center;
            }
            .season-episode-panel .season-tab {
                width: 100%;
                min-height: 46px;
                border-radius: 15px 15px 10px 10px;
                justify-content: center;
                background: linear-gradient(
                    135deg,
                    rgba(129, 140, 248, 0.24),
                    rgba(96, 165, 250, 0.14)
                );
                border-color: rgba(129, 140, 248, 0.34);
                color: #cffffa;
                box-shadow:
                    0 12px 30px rgba(129, 140, 248, 0.1),
                    inset 0 1px 0 rgba(255, 255, 255, 0.08);
            }
            .season-episode-panel .episode-tabs {
                width: 100% !important;
                padding: 0 14px 14px;
                margin: 0 !important;
            }
            .season-episode-panel .episode-select-shell {
                width: 100%;
            }
            .season-episode-panel .episode-select-btn {
                width: 100%;
                min-height: 48px;
                border-radius: 10px 10px 15px 15px;
                border-color: rgba(96, 165, 250, 0.26);
                background: linear-gradient(
                    180deg,
                    rgba(13, 17, 38, 0.98),
                    rgba(8, 11, 26, 0.98)
                );
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
            }
            .season-episode-panel .episode-select-btn:hover {
                border-color: rgba(129, 140, 248, 0.42);
            }
            .season-episode-label {
                color: #7f8da8;
                font-size: 11px;
                font-weight: 900;
                letter-spacing: 0.08em;
                text-transform: uppercase;
                margin: 0 0 8px;
                text-align: center;
            }

            /* one-border-panel */

            .detail-controls-panel {
                width: min(980px, 100%) !important;
                padding: 34px 34px 38px !important;
            }
            .detail-controls-panel .cast-row {
                margin-bottom: 22px !important;
                padding-bottom: 10px !important;
            }
            .season-episode-panel {
                width: min(360px, 100%) !important;
                margin: 0 auto !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
                gap: 12px !important;
                overflow: visible !important;
            }
            .season-episode-panel::before {
                display: none !important;
            }
            .season-episode-label {
                display: none !important;
            }
            .season-episode-panel .season-tabs {
                padding: 0 !important;
            }
            .season-episode-panel .episode-tabs {
                padding: 0 !important;
            }
            .season-episode-panel .season-tab {
                width: 100%;
                min-height: 46px;
                border-radius: 14px;
            }
            .season-episode-panel .episode-select-btn {
                min-height: 46px;
                border-radius: 14px;
            }

            /* dropdown-fix-v2 */

            .detail-controls-panel {
                overflow: visible !important;
                position: relative;
                z-index: 20;
            }
            .season-episode-panel {
                overflow: visible !important;
                position: relative;
                z-index: 40;
            }
            .episode-tabs {
                overflow: visible !important;
                z-index: 60;
            }
            .episode-select-shell {
                position: relative;
                z-index: 80;
            }
            .episode-menu {
                z-index: 9999 !important;
                top: calc(100% + 10px) !important;
                max-height: 260px !important;
            }
            .optimized-sub-table-wrap {
                position: relative;
                z-index: 1;
                margin-top: 42px !important;
            }

            /* table-under-episodes */

            .detail-controls-panel {
                width: min(1180px, 100%) !important;
                overflow: visible !important;
            }
            .panel-sub-table-wrap {
                width: 100%;
                margin: 18px auto 0 !important;
                border-color: rgba(129, 140, 248, 0.12) !important;
                background: rgba(6, 9, 22, 0.58) !important;
                box-shadow:
                    inset 0 1px 0 rgba(255, 255, 255, 0.04),
                    0 18px 46px rgba(0, 0, 0, 0.26);
            }
            .panel-sub-table-wrap .optimized-sub-table {
                min-width: 860px;
            }
            .season-episode-panel {
                margin-bottom: 0 !important;
            }
            .detail-body {
                max-width: 1240px !important;
            }
        

            /* HellasSubs title page fix: scrollable subtitle table */
            .detail-table-shell {
                width: 100% !important;
                max-width: 100% !important;
            }

            .detail-table-shell .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap {
                display: block !important;
                max-height: 460px !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                overscroll-behavior: contain !important;
            }

            .detail-table-shell .sub-table,
            .detail-table-shell .optimized-sub-table {
                width: 100% !important;
                margin-bottom: 0 !important;
            }

            .detail-table-shell thead th {
                position: sticky !important;
                top: 0 !important;
                z-index: 50 !important;
                background: #131830 !important;
                box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.35) !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8, #7c8cff) !important;
                border-radius: 999px !important;
            }

        

            /* HellasSubs title page fix v2: clean scroll box, no sticky header */
            .detail-table-shell {
                width: 100% !important;
                max-width: 100% !important;
            }

            .detail-table-shell .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap {
                display: block !important;
                max-height: 520px !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                overscroll-behavior: contain !important;
                scrollbar-gutter: stable !important;
            }

            .detail-table-shell thead th {
                position: static !important;
                top: auto !important;
                z-index: auto !important;
                box-shadow: none !important;
            }

            .detail-table-shell .sub-table,
            .detail-table-shell .optimized-sub-table {
                width: 100% !important;
                margin-bottom: 0 !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-track {
                background: rgba(255,255,255,.04) !important;
                border-radius: 999px !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8, #7c8cff) !important;
                border-radius: 999px !important;
            }

        

            /* HellasSubs title page fix v3: scroll table with clean sticky header */
            .detail-table-shell .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap {
                display: block !important;
                max-height: 520px !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                position: relative !important;
                overscroll-behavior: contain !important;
                scrollbar-gutter: stable !important;
            }

            .detail-table-shell .sub-table,
            .detail-table-shell .optimized-sub-table {
                width: 100% !important;
                margin-bottom: 0 !important;
                border-collapse: separate !important;
                border-spacing: 0 !important;
            }

            /* Sticky only the top header row, not the body rows */
            .detail-table-shell .sub-table thead,
            .detail-table-shell .optimized-sub-table thead {
                position: sticky !important;
                top: 0 !important;
                z-index: 40 !important;
            }

            .detail-table-shell .sub-table thead tr,
            .detail-table-shell .optimized-sub-table thead tr,
            .detail-table-shell .sub-table thead th,
            .detail-table-shell .optimized-sub-table thead th {
                background: #141830 !important;
            }

            .detail-table-shell .sub-table thead th,
            .detail-table-shell .optimized-sub-table thead th {
                position: static !important;
                top: auto !important;
                z-index: auto !important;
                box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.30) !important;
            }

            .detail-table-shell .sub-table tbody tr:first-child td,
            .detail-table-shell .optimized-sub-table tbody tr:first-child td {
                border-top: 1px solid rgba(255,255,255,.04) !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-track {
                background: rgba(255,255,255,.04) !important;
                border-radius: 999px !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8, #7c8cff) !important;
                border-radius: 999px !important;
            }

        

            /* HellasSubs title page fix v4: clean scroll + sticky header without overlap */
            .detail-table-shell .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap {
                display: block !important;
                max-height: 520px !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                position: relative !important;
                padding: 0 !important;
                isolation: isolate !important;
                overscroll-behavior: contain !important;
                scrollbar-gutter: stable !important;
            }

            .detail-table-shell .sub-table,
            .detail-table-shell .optimized-sub-table {
                width: 100% !important;
                min-width: 860px !important;
                margin: 0 !important;
                border-collapse: separate !important;
                border-spacing: 0 !important;
            }

            .detail-table-shell .sub-table thead,
            .detail-table-shell .optimized-sub-table thead {
                position: sticky !important;
                top: 0 !important;
                z-index: 100 !important;
            }

            .detail-table-shell .sub-table thead tr,
            .detail-table-shell .optimized-sub-table thead tr,
            .detail-table-shell .sub-table thead th,
            .detail-table-shell .optimized-sub-table thead th {
                background: #141830 !important;
                opacity: 1 !important;
            }

            .detail-table-shell .sub-table thead th,
            .detail-table-shell .optimized-sub-table thead th {
                position: static !important;
                top: auto !important;
                z-index: auto !important;
                box-shadow: 0 1px 0 rgba(255,255,255,.10), 0 10px 22px rgba(0,0,0,.42) !important;
            }

            .detail-table-shell .sub-table tbody tr:first-child td,
            .detail-table-shell .optimized-sub-table tbody tr:first-child td {
                border-top: 0 !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-track {
                background: rgba(255,255,255,.04) !important;
                border-radius: 999px !important;
            }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8, #7c8cff) !important;
                border-radius: 999px !important;
            }

        

            /* HellasSubs title page fix v5: subtitles table lives inside Σεζόν & επεισόδια */
            .detail-seasons-full {
                overflow: visible !important;
            }

            .detail-seasons-full .detail-table-shell {
                width: 100% !important;
                margin-top: 22px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap {
                display: block !important;
                max-height: 520px !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                padding: 0 !important;
                margin: 22px auto 0 !important;
                border-radius: 16px !important;
                position: relative !important;
                scrollbar-gutter: stable !important;
            }

            .detail-seasons-full .optimized-sub-table,
            .detail-seasons-full .sub-table {
                width: 100% !important;
                min-width: 860px !important;
                margin: 0 !important;
                border-collapse: separate !important;
                border-spacing: 0 !important;
            }

            .detail-seasons-full .optimized-sub-table thead,
            .detail-seasons-full .sub-table thead {
                position: sticky !important;
                top: 0 !important;
                z-index: 100 !important;
            }

            .detail-seasons-full .optimized-sub-table thead tr,
            .detail-seasons-full .sub-table thead tr,
            .detail-seasons-full .optimized-sub-table thead th,
            .detail-seasons-full .sub-table thead th {
                background: #141830 !important;
                opacity: 1 !important;
            }

            .detail-seasons-full .optimized-sub-table thead th,
            .detail-seasons-full .sub-table thead th {
                position: static !important;
                top: auto !important;
                z-index: auto !important;
                box-shadow: 0 1px 0 rgba(255,255,255,.10), 0 10px 22px rgba(0,0,0,.42) !important;
            }

        

            /* HellasSubs: translated badge next to source badge */
            .pretty-pill.translated-pill {
                color: #f8d66d !important;
                border-color: rgba(248, 214, 109, 0.58) !important;
                background: rgba(248, 214, 109, 0.12) !important;
                box-shadow: 0 0 10px rgba(248, 214, 109, 0.14) !important;
            }


            /* HellasSubs title page fix v6: put info/cast inside the lower bordered panel */
            .detail-seasons-full {
                padding: 28px 28px 30px !important;
                border: 1px solid rgba(129, 140, 248, 0.18) !important;
                background: linear-gradient(
                    180deg,
                    rgba(31, 40, 66, 0.60),
                    rgba(14, 18, 34, 0.50)
                ) !important;
                overflow: visible !important;
            }

            .detail-seasons-full .detail-controls-inside-card {
                display: grid !important;
                grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr) !important;
                gap: 22px !important;
                align-items: stretch !important;
                margin: 0 0 28px !important;
                width: 100% !important;
            }

            .detail-seasons-full .detail-controls-inside-card > .detail-side-card,
            .detail-seasons-full .detail-controls-inside-card > .meta-stats-bar {
                margin: 0 !important;
                height: 100% !important;
                min-height: 156px !important;
                border-color: rgba(255, 255, 255, 0.08) !important;
                background: rgba(13, 16, 32, 0.38) !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
            }

            .detail-seasons-full .seasons-main-title {
                margin-top: 2px !important;
                margin-bottom: 126px !important;
            }

            .detail-seasons-full .season-episode-panel {
                margin-bottom: 118px !important;
            }

            .detail-seasons-full .detail-table-shell {
                padding-top: 42px !important;
                margin-top: 20px !important;
                border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap {
                margin-top: 42px !important;
                max-height: 500px !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                scrollbar-gutter: stable both-edges !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-track {
                background: rgba(255, 255, 255, 0.035) !important;
                border-radius: 999px !important;
                margin-top: 44px !important;
                margin-bottom: 8px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8, #7c8cff) !important;
                border-radius: 999px !important;
            }

            @media (max-width: 900px) {
                .detail-seasons-full .detail-controls-inside-card {
                    grid-template-columns: 1fr !important;
                }
                .detail-seasons-full .seasons-main-title {
                    margin-bottom: 72px !important;
                }
                .detail-seasons-full .season-episode-panel {
                    margin-bottom: 72px !important;
                }
            }


            /* HellasSubs title page fix v7: compact organized season/episode dropdowns */
            .detail-seasons-full .seasons-main-title {
                margin: 10px 0 34px !important;
            }

            .detail-seasons-full .season-episode-panel {
                width: min(420px, 100%) !important;
                margin: 0 auto 42px !important;
                gap: 16px !important;
            }

            .detail-seasons-full .season-tabs,
            .detail-seasons-full .episode-tabs {
                width: 100% !important;
                margin: 0 !important;
            }

            .season-select-shell,
            .episode-select-shell {
                position: relative !important;
                width: 100% !important;
            }

            .season-select-btn,
            .episode-select-btn {
                width: 100% !important;
                min-height: 48px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 12px !important;
                padding: 0 16px !important;
                border-radius: 14px !important;
                border: 1px solid rgba(129, 140, 248, 0.28) !important;
                background: linear-gradient(135deg, rgba(129, 140, 248, 0.15), rgba(96, 165, 250, 0.12)) !important;
                color: #a5b4fc !important;
                font-weight: 950 !important;
                cursor: pointer !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 14px 34px rgba(0, 0, 0, 0.22) !important;
            }

            .season-select-btn:hover,
            .episode-select-btn:hover {
                border-color: rgba(129, 140, 248, 0.50) !important;
                background: linear-gradient(135deg, rgba(129, 140, 248, 0.21), rgba(96, 165, 250, 0.16)) !important;
            }

            .season-select-label,
            .episode-selected-text {
                min-width: 0 !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                white-space: nowrap !important;
            }

            .season-select-chevron,
            .episode-select-chevron {
                color: #a5b4fc !important;
                font-size: 14px !important;
                transition: transform 0.16s ease !important;
                flex: 0 0 auto !important;
            }

            .season-select-shell.open .season-select-chevron,
            .episode-select-shell.open .episode-select-chevron {
                transform: rotate(180deg) !important;
            }

            .season-menu,
            .episode-menu {
                position: absolute !important;
                left: 0 !important;
                top: calc(100% + 8px) !important;
                z-index: 9999 !important;
                width: 100% !important;
                max-height: 280px !important;
                overflow: auto !important;
                padding: 8px !important;
                border-radius: 14px !important;
                border: 1px solid rgba(129, 140, 248, 0.25) !important;
                background: rgba(8, 11, 26, 0.98) !important;
                box-shadow: 0 22px 60px rgba(0, 0, 0, 0.55) !important;
                display: none !important;
            }

            .season-select-shell.open .season-menu,
            .episode-select-shell.open .episode-menu {
                display: block !important;
            }

            .season-menu::-webkit-scrollbar,
            .episode-menu::-webkit-scrollbar {
                width: 8px !important;
            }

            .season-menu::-webkit-scrollbar-thumb,
            .episode-menu::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8, #7c8cff) !important;
                border-radius: 999px !important;
            }

            .season-option,
            .episode-option {
                width: 100% !important;
                min-height: 38px !important;
                padding: 0 12px !important;
                display: flex !important;
                align-items: center !important;
                border: 0 !important;
                border-radius: 10px !important;
                background: transparent !important;
                color: #dbe7ff !important;
                font-weight: 850 !important;
                cursor: pointer !important;
                text-align: left !important;
            }

            .season-option:hover,
            .episode-option:hover {
                background: rgba(129, 140, 248, 0.12) !important;
                color: #a5b4fc !important;
            }

            .season-option.active,
            .episode-option.active {
                background: linear-gradient(135deg, rgba(129, 140, 248, 0.22), rgba(96, 165, 250, 0.20)) !important;
                color: #fff !important;
            }

            .detail-seasons-full .season-tab {
                display: none !important;
            }

            .detail-seasons-full #season-prev,
            .detail-seasons-full #season-next,
            .detail-seasons-full .season-nav-btn {
                display: none !important;
            }

            .detail-seasons-full .optimized-lang-tabs {
                justify-content: center !important;
                margin: 0 0 18px !important;
                border: 0 !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap {
                margin-top: 22px !important;
                max-height: 500px !important;
            }

            .detail-seasons-full .detail-table-shell {
                padding-top: 24px !important;
                margin-top: 0 !important;
            }


            /* HellasSubs title page fix v8: cleaner subtle scrollbars */
            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap,
            .detail-table-shell .sub-table-wrap {
                scrollbar-width: thin !important;
                scrollbar-color: rgba(125, 140, 190, 0.35) transparent !important;
                padding-right: 8px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar {
                width: 6px !important;
                height: 6px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-track {
                background: transparent !important;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                border-radius: 999px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb {
                background: rgba(125, 140, 190, 0.34) !important;
                border-radius: 999px !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-seasons-full .panel-sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-table-shell .sub-table-wrap:hover::-webkit-scrollbar-thumb {
                background: rgba(129, 140, 248, 0.46) !important;
            }

            .season-menu,
            .episode-menu {
                scrollbar-width: thin !important;
                scrollbar-color: rgba(125, 140, 190, 0.35) transparent !important;
            }

            .season-menu::-webkit-scrollbar,
            .episode-menu::-webkit-scrollbar {
                width: 6px !important;
            }

            .season-menu::-webkit-scrollbar-track,
            .episode-menu::-webkit-scrollbar-track {
                background: transparent !important;
            }

            .season-menu::-webkit-scrollbar-thumb,
            .episode-menu::-webkit-scrollbar-thumb {
                background: rgba(125, 140, 190, 0.34) !important;
                border-radius: 999px !important;
            }


            /* HellasSubs title page fix v9: compact organized seasons area */
            .detail-seasons-full {
                padding: 24px 28px 26px !important;
            }

            .detail-seasons-full .detail-controls-inside-card {
                margin-bottom: 24px !important;
            }

            .detail-seasons-full .detail-controls-inside-card > .detail-side-card,
            .detail-seasons-full .detail-controls-inside-card > .meta-stats-bar {
                min-height: 128px !important;
            }

            .detail-seasons-full .seasons-main-title {
                margin: 4px 0 24px !important;
            }

            .detail-seasons-full .season-episode-panel {
                width: min(760px, 100%) !important;
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
                align-items: start !important;
                gap: 16px !important;
                margin: 0 auto 28px !important;
                padding: 0 !important;
            }

            .detail-seasons-full .season-tabs,
            .detail-seasons-full .episode-tabs {
                width: 100% !important;
            }

            .season-select-btn,
            .episode-select-btn {
                min-height: 46px !important;
            }

            .detail-seasons-full .detail-table-shell {
                padding-top: 22px !important;
                margin-top: 0 !important;
            }

            .detail-seasons-full .optimized-lang-tabs {
                margin: 0 0 12px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap {
                margin-top: 14px !important;
            }

            @media (max-width: 760px) {
                .detail-seasons-full .season-episode-panel {
                    width: min(420px, 100%) !important;
                    grid-template-columns: 1fr !important;
                    gap: 12px !important;
                    margin-bottom: 22px !important;
                }
            }


            /* HellasSubs title page fix v10: align scrollbar with table, not page edge */
            .detail-seasons-full .detail-table-shell {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                width: 100% !important;
            }

            .detail-seasons-full .optimized-lang-tabs {
                width: min(920px, 100%) !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap,
            .detail-table-shell .sub-table-wrap {
                width: min(920px, 100%) !important;
                max-width: 100% !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding: 0 !important;
                border-radius: 18px !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                scrollbar-gutter: stable !important;
                background: rgba(9, 12, 27, 0.72) !important;
                border: 1px solid rgba(129, 140, 248, 0.16) !important;
                box-shadow:
                    inset 0 1px 0 rgba(255, 255, 255, 0.045),
                    0 16px 40px rgba(0, 0, 0, 0.22) !important;
            }

            .detail-seasons-full .optimized-sub-table,
            .detail-seasons-full .sub-table,
            .detail-table-shell .optimized-sub-table,
            .detail-table-shell .sub-table {
                width: 100% !important;
                min-width: 860px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar {
                width: 7px !important;
                height: 7px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-track {
                background: rgba(255, 255, 255, 0.025) !important;
                border-radius: 999px !important;
                margin-top: 50px !important;
                margin-bottom: 10px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb {
                background: rgba(120, 132, 180, 0.42) !important;
                border-radius: 999px !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-seasons-full .panel-sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap:hover::-webkit-scrollbar-thumb,
            .detail-table-shell .sub-table-wrap:hover::-webkit-scrollbar-thumb {
                background: rgba(129, 140, 248, 0.55) !important;
            }

            .optimized-sub-table th:last-child,
            .optimized-sub-table td:last-child,
            .sub-table th:last-child,
            .sub-table td:last-child {
                padding-right: 18px !important;
            }

            .download-btn {
                border-radius: 10px !important;
                box-shadow: 0 8px 20px rgba(129, 140, 248, 0.12) !important;
            }


            /* HellasSubs title page fix v11: info title + original gradient table scrollbar */
            #meta-grid-section {
                display: flex;
                flex-direction: column;
                gap: 14px;
            }

            #meta-grid-section .info-section-title {
                justify-content: center;
                font-size: 18px;
                margin: 0 0 4px !important;
                color: #f7fbff;
                text-align: center;
                flex: 0 0 auto;
            }

            #meta-grid-section .info-section-title::before,
            #meta-grid-section .info-section-title::after {
                content: "";
                display: inline-block;
                width: 28px;
                height: 3px;
                border-radius: 999px;
                background: var(--accent);
                box-shadow: 0 0 12px rgba(129, 140, 248, 0.45);
            }

            #meta-grid-section .info-section-title::after {
                margin-left: 8px;
            }

            #meta-grid-section .info-section-title::before {
                margin-right: 8px;
            }

            #meta-grid-section .meta-stats-inner {
                flex: 1 1 auto;
            }

            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap,
            .detail-table-shell .sub-table-wrap {
                width: min(920px, 100%) !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding: 0 !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                scrollbar-gutter: stable !important;
                border-radius: 18px !important;
                border: 1px solid rgba(129, 140, 248, 0.16) !important;
                background: rgba(9, 12, 27, 0.72) !important;
            }

            .detail-seasons-full .optimized-sub-table,
            .detail-seasons-full .sub-table,
            .detail-table-shell .optimized-sub-table,
            .detail-table-shell .sub-table {
                width: 100% !important;
                min-width: 860px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-track {
                background: rgba(255, 255, 255, 0.04) !important;
                border-radius: 999px !important;
                margin-top: 50px !important;
                margin-bottom: 10px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8, #7c8cff) !important;
                border-radius: 999px !important;
                border: 0 !important;
            }

            .optimized-sub-table th:last-child,
            .optimized-sub-table td:last-child,
            .sub-table th:last-child,
            .sub-table td:last-child {
                padding-right: 28px !important;
            }


            /* HellasSubs visible final fix v12 */
            #meta-grid-section {
                display: flex;
                flex-direction: column;
                gap: 14px;
            }
            #meta-grid-section .info-section-title {
                justify-content: center !important;
                font-size: 22px !important;
                margin: 0 0 8px !important;
                color: #f7fbff !important;
                text-align: center !important;
                display: flex !important;
                align-items: center !important;
                gap: 10px !important;
                font-weight: 950 !important;
            }
            #meta-grid-section .info-section-title::before,
            #meta-grid-section .info-section-title::after {
                content: "" !important;
                display: inline-block !important;
                width: 34px !important;
                height: 3px !important;
                border-radius: 999px !important;
                background: linear-gradient(90deg, transparent, #7c87f0, transparent) !important;
                box-shadow: 0 0 12px rgba(84, 214, 189, 0.55) !important;
            }

            .detail-seasons-full .detail-table-shell {
                align-items: center !important;
            }
            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap,
            .detail-table-shell .sub-table-wrap {
                width: min(920px, 100%) !important;
                max-width: 920px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding: 0 !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
                scrollbar-gutter: auto !important;
                border-radius: 18px !important;
                border: 1px solid rgba(129, 140, 248, 0.16) !important;
                background: rgba(9, 12, 27, 0.72) !important;
            }
            .detail-seasons-full .optimized-sub-table,
            .detail-seasons-full .sub-table,
            .detail-table-shell .optimized-sub-table,
            .detail-table-shell .sub-table {
                width: 100% !important;
                min-width: 860px !important;
            }
            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }
            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-track {
                background: rgba(255, 255, 255, 0.04) !important;
                border-radius: 999px !important;
                margin-top: 48px !important;
                margin-bottom: 10px !important;
            }
            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8, #7c8cff) !important;
                border-radius: 999px !important;
                border: 0 !important;
            }
            .optimized-sub-table th:last-child,
            .optimized-sub-table td:last-child,
            .sub-table th:last-child,
            .sub-table td:last-child {
                padding-right: 32px !important;
            }


            /* HellasSubs visible info-card final v13 */
            .info-meta-card {
                display: none;
                flex-direction: column;
                gap: 14px;
                padding: 20px 22px !important;
                border-radius: 22px !important;
                border: 1px solid rgba(255, 255, 255, 0.08) !important;
                background: rgba(13, 16, 32, 0.38) !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
                margin: 0 0 18px !important;
            }
            .info-meta-card .detail-meta-grid,
            #meta-grid-section .meta-stats-inner {
                width: 100% !important;
            }


            /* HellasSubs perfect center/table fix v14 */
            #meta-grid-section {
                align-items: center !important;
                text-align: center !important;
            }

            #meta-grid-section .info-section-title {
                width: 100% !important;
                align-self: stretch !important;
                justify-content: center !important;
                text-align: center !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            #meta-grid-section .meta-stats-inner,
            #detail-meta-grid.meta-stats-inner,
            #detail-meta-grid.detail-meta-grid {
                width: min(520px, 100%) !important;
                margin-left: auto !important;
                margin-right: auto !important;
                justify-content: center !important;
            }

            .detail-controls-inside-card {
                align-items: stretch !important;
            }

            .detail-seasons-full .season-episode-panel {
                width: min(700px, 100%) !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .detail-seasons-full .detail-table-shell {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                width: 100% !important;
            }

            .detail-seasons-full .optimized-lang-tabs {
                width: min(820px, 100%) !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap,
            .detail-table-shell .sub-table-wrap {
                width: min(820px, 100%) !important;
                max-width: 820px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding: 0 !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                scrollbar-gutter: auto !important;
                border-radius: 18px !important;
                border: 1px solid rgba(129, 140, 248, 0.18) !important;
                background: rgba(9, 12, 27, 0.74) !important;
            }

            .detail-seasons-full .optimized-sub-table,
            .detail-seasons-full .sub-table,
            .detail-table-shell .optimized-sub-table,
            .detail-table-shell .sub-table {
                width: 100% !important;
                min-width: 0 !important;
                table-layout: fixed !important;
            }

            .optimized-sub-table th:nth-child(1),
            .optimized-sub-table td:nth-child(1),
            .sub-table th:nth-child(1),
            .sub-table td:nth-child(1) {
                width: 110px !important;
            }

            .optimized-sub-table th:nth-child(2),
            .optimized-sub-table td:nth-child(2),
            .sub-table th:nth-child(2),
            .sub-table td:nth-child(2) {
                width: auto !important;
            }

            .optimized-sub-table th:nth-child(3),
            .optimized-sub-table td:nth-child(3),
            .sub-table th:nth-child(3),
            .sub-table td:nth-child(3) {
                width: 120px !important;
            }

            .optimized-sub-table th:nth-child(4),
            .optimized-sub-table td:nth-child(4),
            .sub-table th:nth-child(4),
            .sub-table td:nth-child(4) {
                width: 140px !important;
                padding-right: 18px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-track {
                background: rgba(255, 255, 255, 0.04) !important;
                border-radius: 999px !important;
                margin-top: 52px !important;
                margin-bottom: 10px !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8, #7c8cff) !important;
                border-radius: 999px !important;
                border: 0 !important;
            }

            @media (max-width: 760px) {
                .detail-seasons-full .season-episode-panel {
                    width: min(420px, 100%) !important;
                    grid-template-columns: 1fr !important;
                }
                .optimized-sub-table th:nth-child(1),
                .optimized-sub-table td:nth-child(1),
                .sub-table th:nth-child(1),
                .sub-table td:nth-child(1) {
                    width: 86px !important;
                }
                .optimized-sub-table th:nth-child(3),
                .optimized-sub-table td:nth-child(3),
                .sub-table th:nth-child(3),
                .sub-table td:nth-child(3) {
                    width: 96px !important;
                }
                .optimized-sub-table th:nth-child(4),
                .optimized-sub-table td:nth-child(4),
                .sub-table th:nth-child(4),
                .sub-table td:nth-child(4) {
                    width: 118px !important;
                }
            }


            /* HellasSubs perfect table scrollbar v15: scrollbar only on body, below header */
            .detail-seasons-full .optimized-sub-table-wrap,
            .detail-seasons-full .panel-sub-table-wrap,
            .detail-seasons-full .sub-table-wrap,
            .detail-table-shell .optimized-sub-table-wrap,
            .detail-table-shell .panel-sub-table-wrap,
            .detail-table-shell .sub-table-wrap {
                width: min(860px, 100%) !important;
                max-width: 860px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding: 0 !important;
                overflow: visible !important;
                max-height: none !important;
                border-radius: 18px !important;
                border: 1px solid rgba(129, 140, 248, 0.16) !important;
                background: rgba(9, 12, 27, 0.74) !important;
                box-shadow:
                    inset 0 1px 0 rgba(255, 255, 255, 0.045),
                    0 18px 48px rgba(0, 0, 0, 0.24) !important;
            }

            .detail-seasons-full .optimized-sub-table,
            .detail-seasons-full .sub-table,
            .detail-table-shell .optimized-sub-table,
            .detail-table-shell .sub-table {
                width: 100% !important;
                min-width: 0 !important;
                table-layout: fixed !important;
                border-collapse: separate !important;
                border-spacing: 0 !important;
                overflow: hidden !important;
                border-radius: 18px !important;
            }

            .detail-seasons-full .optimized-sub-table thead,
            .detail-seasons-full .sub-table thead,
            .detail-table-shell .optimized-sub-table thead,
            .detail-table-shell .sub-table thead {
                display: table !important;
                width: 100% !important;
                table-layout: fixed !important;
                position: static !important;
                top: auto !important;
                z-index: auto !important;
            }

            .detail-seasons-full .optimized-sub-table tbody,
            .detail-seasons-full .sub-table tbody,
            .detail-table-shell .optimized-sub-table tbody,
            .detail-table-shell .sub-table tbody {
                display: block !important;
                width: 100% !important;
                max-height: 430px !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                scrollbar-gutter: stable !important;
                scrollbar-width: thin !important;
                scrollbar-color: #7c8cff rgba(255, 255, 255, 0.035) !important;
            }

            .detail-seasons-full .optimized-sub-table tbody tr,
            .detail-seasons-full .sub-table tbody tr,
            .detail-table-shell .optimized-sub-table tbody tr,
            .detail-table-shell .sub-table tbody tr {
                display: table !important;
                width: 100% !important;
                table-layout: fixed !important;
            }

            .detail-seasons-full .optimized-sub-table tbody::-webkit-scrollbar,
            .detail-seasons-full .sub-table tbody::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table tbody::-webkit-scrollbar,
            .detail-table-shell .sub-table tbody::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }

            .detail-seasons-full .optimized-sub-table tbody::-webkit-scrollbar-track,
            .detail-seasons-full .sub-table tbody::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table tbody::-webkit-scrollbar-track,
            .detail-table-shell .sub-table tbody::-webkit-scrollbar-track {
                background: rgba(255, 255, 255, 0.035) !important;
                border-radius: 999px !important;
                margin-top: 8px !important;
                margin-bottom: 8px !important;
            }

            .detail-seasons-full .optimized-sub-table tbody::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table tbody::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table tbody::-webkit-scrollbar-thumb,
            .detail-table-shell .sub-table tbody::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8 0%, #7c8cff 100%) !important;
                border-radius: 999px !important;
                border: 2px solid rgba(9, 12, 27, 0.9) !important;
                box-shadow: 0 0 10px rgba(129, 140, 248, 0.22) !important;
            }

            .detail-seasons-full .optimized-sub-table tbody::-webkit-scrollbar-thumb:hover,
            .detail-seasons-full .sub-table tbody::-webkit-scrollbar-thumb:hover,
            .detail-table-shell .optimized-sub-table tbody::-webkit-scrollbar-thumb:hover,
            .detail-table-shell .sub-table tbody::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(180deg, #818cf8 0%, #93a2ff 100%) !important;
            }

            .detail-seasons-full .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-seasons-full .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar {
                width: 0 !important;
                height: 0 !important;
            }

            .optimized-sub-table th:nth-child(1),
            .optimized-sub-table td:nth-child(1),
            .sub-table th:nth-child(1),
            .sub-table td:nth-child(1) {
                width: 110px !important;
            }

            .optimized-sub-table th:nth-child(3),
            .optimized-sub-table td:nth-child(3),
            .sub-table th:nth-child(3),
            .sub-table td:nth-child(3) {
                width: 120px !important;
            }

            .optimized-sub-table th:nth-child(4),
            .optimized-sub-table td:nth-child(4),
            .sub-table th:nth-child(4),
            .sub-table td:nth-child(4) {
                width: 150px !important;
                padding-right: 24px !important;
            }

            .download-btn {
                min-width: 104px !important;
            }


            /* HellasSubs v16: thicker scrollbar + closer Country/Name columns */
            .detail-seasons-full .optimized-sub-table tbody,
            .detail-seasons-full .sub-table tbody,
            .detail-table-shell .optimized-sub-table tbody,
            .detail-table-shell .sub-table tbody {
                scrollbar-width: auto !important;
                scrollbar-color: #7c8cff rgba(255, 255, 255, 0.045) !important;
            }

            .detail-seasons-full .optimized-sub-table tbody::-webkit-scrollbar,
            .detail-seasons-full .sub-table tbody::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table tbody::-webkit-scrollbar,
            .detail-table-shell .sub-table tbody::-webkit-scrollbar {
                width: 14px !important;
                height: 14px !important;
            }

            .detail-seasons-full .optimized-sub-table tbody::-webkit-scrollbar-track,
            .detail-seasons-full .sub-table tbody::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table tbody::-webkit-scrollbar-track,
            .detail-table-shell .sub-table tbody::-webkit-scrollbar-track {
                background: rgba(255, 255, 255, 0.045) !important;
                border-radius: 999px !important;
                margin-top: 8px !important;
                margin-bottom: 8px !important;
            }

            .detail-seasons-full .optimized-sub-table tbody::-webkit-scrollbar-thumb,
            .detail-seasons-full .sub-table tbody::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table tbody::-webkit-scrollbar-thumb,
            .detail-table-shell .sub-table tbody::-webkit-scrollbar-thumb {
                background: linear-gradient(180deg, #818cf8 0%, #7c8cff 100%) !important;
                border-radius: 999px !important;
                border: 2px solid rgba(9, 12, 27, 0.92) !important;
                box-shadow: 0 0 12px rgba(129, 140, 248, 0.24) !important;
            }

            .optimized-sub-table th:nth-child(1),
            .optimized-sub-table td:nth-child(1),
            .sub-table th:nth-child(1),
            .sub-table td:nth-child(1) {
                width: 92px !important;
                padding-left: 22px !important;
                padding-right: 8px !important;
            }

            .optimized-sub-table th:nth-child(2),
            .optimized-sub-table td:nth-child(2),
            .sub-table th:nth-child(2),
            .sub-table td:nth-child(2) {
                padding-left: 8px !important;
            }


            /* HellasSubs sort + country + type columns
            /* HellasSubs v17: release/translated badges in separate column */
            .pretty-subtitle-name {
                display: block !important;
            }

            .pretty-subtitle-name .pretty-pill {
                display: none !important;
            }

            .subtitle-type-cell {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                flex-wrap: wrap !important;
                min-width: 0 !important;
            }

            .subtitle-type-cell .pretty-pill {
                margin-left: 0 !important;
            }

            .optimized-sub-table th:nth-child(1),
            .optimized-sub-table td:nth-child(1),
            .sub-table th:nth-child(1),
            .sub-table td:nth-child(1) {
                width: 92px !important;
            }

            .optimized-sub-table th:nth-child(2),
            .optimized-sub-table td:nth-child(2),
            .sub-table th:nth-child(2),
            .sub-table td:nth-child(2) {
                width: auto !important;
            }

            .optimized-sub-table th:nth-child(3),
            .optimized-sub-table td:nth-child(3),
            .sub-table th:nth-child(3),
            .sub-table td:nth-child(3) {
                width: 150px !important;
                text-align: center !important;
            }

            .optimized-sub-table th:nth-child(4),
            .optimized-sub-table td:nth-child(4),
            .sub-table th:nth-child(4),
            .sub-table td:nth-child(4) {
                width: 120px !important;
                text-align: center !important;
            }

            .optimized-sub-table th:nth-child(5),
            .optimized-sub-table td:nth-child(5),
            .sub-table th:nth-child(5),
            .sub-table td:nth-child(5) {
                width: 145px !important;
                text-align: center !important;
                padding-right: 22px !important;
            }


            /* HellasSubs v18: badges only in Type column */
            .subtitle-name .pretty-pill,
            .subtitle-name .translated-pill {
                display: none !important;
            }
            .subtitle-type-cell .pretty-pill,
            td .subtitle-type-cell .translated-pill {
                display: inline-flex !important;
            }


            /* HellasSubs v19: final polish, merged info/cast feel, mobile ready */
            .detail-side-grid,
            .detail-info-grid,
            .detail-meta-cast-row {
                align-items: stretch !important;
                gap: 22px !important;
            }

            #meta-grid-section,
            #cast-section {
                border: 1px solid rgba(124, 140, 255, 0.18) !important;
                background:
                    radial-gradient(circle at 50% 0%, rgba(129, 140, 248, 0.075), transparent 38%),
                    linear-gradient(180deg, rgba(19, 19, 43, 0.92), rgba(12, 13, 31, 0.94)) !important;
                box-shadow: 0 18px 45px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.045) !important;
                min-height: 190px !important;
                padding: 24px 26px !important;
            }

            #meta-grid-section {
                flex: 1.45 1 0 !important;
            }

            #cast-section {
                flex: .95 1 0 !important;
            }

            #meta-grid-section .meta-stats-inner,
            #detail-meta-grid.meta-stats-inner,
            #detail-meta-grid.detail-meta-grid {
                display: grid !important;
                grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
                gap: 10px !important;
                width: 100% !important;
            }

            #meta-grid-section .meta-item,
            #detail-meta-grid .meta-item {
                min-height: 74px !important;
                border-radius: 14px !important;
                padding: 12px 10px !important;
                background: rgba(7, 10, 24, 0.34) !important;
                border: 1px solid rgba(255, 255, 255, 0.045) !important;
            }

            #cast-row,
            .cast-row {
                justify-content: center !important;
                gap: 18px !important;
                flex-wrap: nowrap !important;
                overflow: hidden !important;
            }

            .cast-avatar,
            .cast-photo {
                width: 68px !important;
                height: 68px !important;
                box-shadow: 0 8px 22px rgba(0,0,0,.25) !important;
            }

            .cast-name {
                max-width: 92px !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }

            .detail-table-shell,
            .detail-seasons-full {
                width: min(920px, calc(100vw - 28px)) !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            @media (max-width: 900px) {
                body { overflow-x: hidden !important; }
                #navbar, nav {
                    width: calc(100vw - 16px) !important;
                    max-width: calc(100vw - 16px) !important;
                    margin: 8px auto !important;
                    padding: 10px !important;
                    gap: 10px !important;
                    flex-wrap: wrap !important;
                }
                .nav-links { order: 3 !important; width: 100% !important; justify-content: center !important; overflow-x: auto !important; padding-bottom: 4px !important; }
                .nav-search { order: 2 !important; flex: 1 1 220px !important; min-width: 0 !important; }
                .home-hero, .results-section, .detail-page, .detail-shell, .detail-content, .detail-layout {
                    width: calc(100vw - 18px) !important;
                    max-width: calc(100vw - 18px) !important;
                    margin-left: auto !important;
                    margin-right: auto !important;
                }
                .detail-layout, .detail-main-grid, .detail-top-grid, .detail-side-grid, .detail-info-grid {
                    display: flex !important;
                    flex-direction: column !important;
                }
                .detail-poster, .poster-card { margin-left: auto !important; margin-right: auto !important; }
                #meta-grid-section, #cast-section {
                    width: 100% !important;
                    max-width: 100% !important;
                    min-height: auto !important;
                    padding: 20px 16px !important;
                }
                #cast-row, .cast-row { flex-wrap: wrap !important; }
                .season-episode-panel, .detail-controls-panel, .detail-controls-inside-card {
                    width: 100% !important;
                    max-width: 100% !important;
                    padding: 14px !important;
                }
                .season-select-shell, .episode-select-shell, .season-select-btn, .episode-select-btn {
                    width: 100% !important;
                    max-width: 100% !important;
                }
                .detail-seasons-full .optimized-sub-table-wrap,
                .detail-seasons-full .panel-sub-table-wrap,
                .detail-seasons-full .sub-table-wrap,
                .detail-table-shell .optimized-sub-table-wrap,
                .detail-table-shell .panel-sub-table-wrap,
                .detail-table-shell .sub-table-wrap {
                    width: 100% !important;
                    max-width: 100% !important;
                    overflow: visible !important;
                    border-radius: 18px !important;
                }
                .optimized-sub-table thead,
                .sub-table thead { display: none !important; }
                .optimized-sub-table,
                .sub-table,
                .optimized-sub-table tbody,
                .sub-table tbody {
                    display: block !important;
                    width: 100% !important;
                    max-height: none !important;
                    overflow: visible !important;
                }
                .optimized-sub-table tbody tr,
                .sub-table tbody tr {
                    display: grid !important;
                    grid-template-columns: auto 1fr !important;
                    gap: 10px 12px !important;
                    width: auto !important;
                    margin: 10px !important;
                    padding: 14px !important;
                    border: 1px solid rgba(255,255,255,.075) !important;
                    border-radius: 16px !important;
                    background: rgba(12,14,32,.74) !important;
                }
                .optimized-sub-table td,
                .sub-table td {
                    display: flex !important;
                    width: auto !important;
                    padding: 0 !important;
                    border: 0 !important;
                    align-items: center !important;
                }
                .optimized-sub-table td:nth-child(1), .sub-table td:nth-child(1) { grid-column: 1; grid-row: 1; }
                .optimized-sub-table td:nth-child(2), .sub-table td:nth-child(2) { grid-column: 2; grid-row: 1; min-width: 0 !important; }
                .optimized-sub-table td:nth-child(3), .sub-table td:nth-child(3) { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start !important; }
                .optimized-sub-table td:nth-child(4), .sub-table td:nth-child(4) { grid-column: 1; grid-row: 3; justify-content: flex-start !important; }
                .optimized-sub-table td:nth-child(5), .sub-table td:nth-child(5) { grid-column: 2; grid-row: 3; justify-content: flex-end !important; }
                .subtitle-name { white-space: normal !important; line-height: 1.35 !important; }
                .download-btn { width: auto !important; min-width: 112px !important; }
            }

            @media (max-width: 520px) {
                .nav-logo-text { display: none !important; }
                .home-title, .detail-title, .page-heading { font-size: clamp(24px, 8vw, 36px) !important; }
                #meta-grid-section .meta-stats-inner,
                #detail-meta-grid.meta-stats-inner,
                #detail-meta-grid.detail-meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
                .optimized-sub-table tbody tr,
                .sub-table tbody tr { margin: 8px !important; padding: 12px !important; }
                .subtitle-type-cell { justify-content: flex-start !important; }
                .source-badge { font-size: 11px !important; }
                .download-btn { min-width: 100px !important; padding: 11px 14px !important; }
            }


            /* HellasSubs v20: centered top info/cast + full background shell */
            #view-detail,
            #detail-content,
            .detail-body {
                width: 100% !important;
                min-height: 100vh !important;
                background:
                    radial-gradient(circle at 15% 0%, rgba(124, 140, 255, 0.10), transparent 30%),
                    radial-gradient(circle at 85% 5%, rgba(129, 140, 248, 0.08), transparent 28%),
                    linear-gradient(180deg, #11132a 0%, #0b0d1e 52%, #080917 100%) !important;
            }

            .detail-controls-panel {
                width: min(1180px, calc(100vw - 28px)) !important;
                margin: 0 auto 34px !important;
                padding: 24px !important;
                border-radius: 28px !important;
                border: 1px solid rgba(124, 140, 255, 0.22) !important;
                background:
                    radial-gradient(circle at 50% 0%, rgba(129, 140, 248, 0.07), transparent 34%),
                    linear-gradient(180deg, rgba(22, 24, 50, 0.96), rgba(13, 14, 32, 0.98)) !important;
                box-shadow: 0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05) !important;
                overflow: hidden !important;
            }

            .detail-side-card.detail-seasons-full {
                width: 100% !important;
                max-width: none !important;
                margin: 24px auto 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
            }

            .detail-controls-top.detail-controls-inside-card {
                width: min(900px, 100%) !important;
                margin: 0 auto 26px !important;
                display: grid !important;
                grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr) !important;
                gap: 22px !important;
                align-items: stretch !important;
                justify-content: center !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #meta-grid-section,
            #cast-section {
                margin: 0 !important;
                width: 100% !important;
                height: 100% !important;
                min-height: 210px !important;
                border-radius: 22px !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: flex-start !important;
            }

            #meta-grid-section .meta-stats-inner,
            #detail-meta-grid.meta-stats-inner,
            #detail-meta-grid.detail-meta-grid {
                width: 100% !important;
                max-width: 470px !important;
                margin: 0 auto !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }

            #cast-row, .cast-row {
                width: 100% !important;
                flex: 1 1 auto !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .season-episode-panel {
                width: min(860px, 100%) !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .seasons-main-title {
                width: 100% !important;
                justify-content: center !important;
                text-align: center !important;
                margin-top: 4px !important;
                margin-bottom: 22px !important;
            }

            @media (max-width: 860px) {
                .detail-controls-panel {
                    width: calc(100vw - 16px) !important;
                    padding: 16px !important;
                    border-radius: 22px !important;
                }
                .detail-controls-top.detail-controls-inside-card {
                    width: 100% !important;
                    grid-template-columns: 1fr !important;
                    gap: 16px !important;
                }
                #meta-grid-section,
                #cast-section { min-height: auto !important; }
                #meta-grid-section .meta-stats-inner,
                #detail-meta-grid.meta-stats-inner,
                #detail-meta-grid.detail-meta-grid {
                    max-width: 100% !important;
                    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                }
            }

        

            /* HellasSubs v19: full-page detail backdrop, not only top hero */
            #view-detail {
                position: relative !important;
                min-height: 100vh !important;
                background: #070817 !important;
                overflow: hidden !important;
            }

            #detail-content {
                position: relative !important;
                min-height: 100vh !important;
                isolation: isolate !important;
                background: transparent !important;
            }

            #detail-content .detail-hero {
                position: fixed !important;
                inset: 0 !important;
                width: 100vw !important;
                height: 100vh !important;
                min-height: 100vh !important;
                overflow: hidden !important;
                z-index: 0 !important;
                pointer-events: none !important;
            }

            #detail-content .detail-backdrop {
                position: absolute !important;
                inset: -28px !important;
                background-size: cover !important;
                background-position: center center !important;
                background-repeat: no-repeat !important;
                filter: blur(2px) brightness(0.34) saturate(1.08) !important;
                transform: scale(1.04) !important;
            }

            #detail-content .detail-backdrop-fade {
                position: absolute !important;
                inset: 0 !important;
                background:
                    radial-gradient(circle at 50% 18%, rgba(35, 42, 86, 0.14), transparent 38%),
                    linear-gradient(90deg, rgba(6, 7, 18, 0.82) 0%, rgba(6, 7, 18, 0.46) 48%, rgba(6, 7, 18, 0.78) 100%),
                    linear-gradient(180deg, rgba(6, 7, 18, 0.18) 0%, rgba(9, 9, 26, 0.58) 56%, rgba(8, 9, 23, 0.92) 100%) !important;
            }

            #detail-content .detail-body {
                position: relative !important;
                z-index: 1 !important;
                min-height: 100vh !important;
                background:
                    linear-gradient(180deg, rgba(8, 9, 23, 0.10) 0%, rgba(8, 9, 23, 0.52) 54%, rgba(8, 9, 23, 0.88) 100%) !important;
            }

        

            /* HellasSubs v20: glass detail content so full backdrop remains visible */
            #detail-content .detail-body {
                background:
                    linear-gradient(180deg, rgba(8, 9, 23, 0.02) 0%, rgba(8, 9, 23, 0.24) 52%, rgba(8, 9, 23, 0.66) 100%) !important;
            }

            #detail-content .detail-controls-panel {
                background:
                    radial-gradient(circle at 50% 0%, rgba(129, 140, 248, 0.055), transparent 38%),
                    linear-gradient(180deg, rgba(16, 18, 44, 0.54), rgba(9, 11, 28, 0.62)) !important;
                border-color: rgba(124, 140, 255, 0.18) !important;
                box-shadow:
                    0 26px 90px rgba(0, 0, 0, 0.30),
                    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
                backdrop-filter: blur(12px) saturate(1.08) !important;
                -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
            }

            #detail-content #meta-grid-section,
            #detail-content #cast-section,
            #detail-content .detail-side-card,
            #detail-content .detail-table-shell,
            #detail-content .season-episode-panel,
            #detail-content .detail-controls-inside-card {
                background-color: rgba(9, 12, 30, 0.36) !important;
                background-image: linear-gradient(180deg, rgba(18, 22, 48, 0.38), rgba(8, 10, 26, 0.30)) !important;
                backdrop-filter: blur(10px) saturate(1.05) !important;
                -webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
            }

            #detail-content .detail-side-card.detail-seasons-full,
            #detail-content .detail-controls-top.detail-controls-inside-card {
                background: transparent !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            #detail-content .sub-table,
            #detail-content .optimized-sub-table,
            #detail-content .subtitle-list {
                background: rgba(8, 10, 26, 0.30) !important;
            }

            #detail-content .sub-table tbody tr,
            #detail-content .optimized-sub-table tbody tr,
            #detail-content .subtitle-row {
                background: rgba(14, 18, 42, 0.48) !important;
            }

        

            /* HellasSubs v21: compact episode/subtitle section */
            #detail-content .detail-controls-panel {
                width: min(1020px, calc(100vw - 34px)) !important;
                padding: 18px !important;
                border-radius: 22px !important;
                margin-bottom: 24px !important;
            }

            #detail-content .detail-controls-top.detail-controls-inside-card {
                width: min(760px, 100%) !important;
                gap: 16px !important;
                margin-bottom: 18px !important;
            }

            #detail-content #meta-grid-section,
            #detail-content #cast-section {
                min-height: 148px !important;
                padding: 18px 20px !important;
                border-radius: 18px !important;
            }

            #detail-content .detail-seasons-full .seasons-main-title {
                margin: 18px auto 14px !important;
                font-size: clamp(18px, 2.1vw, 24px) !important;
            }

            #detail-content .season-episode-tabs,
            #detail-content .season-episode-controls {
                gap: 12px !important;
                margin-bottom: 14px !important;
            }

            #detail-content .season-select-shell,
            #detail-content .episode-select-shell {
                max-width: 290px !important;
            }

            #detail-content .season-select-btn,
            #detail-content .episode-select-btn {
                min-height: 40px !important;
                padding: 10px 14px !important;
                border-radius: 12px !important;
                font-size: 12px !important;
            }

            #detail-content .detail-table-shell,
            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                width: min(880px, 100%) !important;
                max-height: 430px !important;
                border-radius: 18px !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            #detail-content .optimized-sub-table,
            #detail-content .sub-table {
                font-size: 12px !important;
            }

            #detail-content .optimized-sub-table th,
            #detail-content .sub-table th {
                padding: 11px 12px !important;
                font-size: 11px !important;
            }

            #detail-content .optimized-sub-table td,
            #detail-content .sub-table td {
                padding: 10px 12px !important;
                min-height: 46px !important;
            }

            #detail-content .optimized-sub-table tbody,
            #detail-content .sub-table tbody {
                max-height: 330px !important;
            }

            #detail-content .download-btn {
                min-width: 94px !important;
                padding: 9px 12px !important;
                border-radius: 10px !important;
                font-size: 11px !important;
            }

            #detail-content .pretty-pill,
            #detail-content .source-badge {
                font-size: 10px !important;
                padding: 4px 8px !important;
            }

        

            /* HellasSubs v22: merge info + actors into one compact card */
            #detail-content .detail-controls-top,
            #detail-content .detail-controls-top.detail-controls-inside-card {
                width: min(880px, 100%) !important;
                margin: 0 auto 18px !important;
                padding: 14px !important;
                display: grid !important;
                grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr) !important;
                gap: 0 !important;
                align-items: stretch !important;
                border: 1px solid rgba(124, 140, 255, 0.14) !important;
                border-radius: 18px !important;
                background:
                    radial-gradient(circle at 50% 0%, rgba(129, 140, 248, 0.045), transparent 42%),
                    linear-gradient(180deg, rgba(13, 15, 36, 0.44), rgba(8, 10, 26, 0.36)) !important;
                box-shadow:
                    0 16px 46px rgba(0, 0, 0, 0.20),
                    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
                backdrop-filter: blur(10px) saturate(1.04) !important;
                -webkit-backdrop-filter: blur(10px) saturate(1.04) !important;
                overflow: hidden !important;
            }

            #detail-content #meta-grid-section,
            #detail-content #cast-section {
                min-height: 128px !important;
                margin: 0 !important;
                padding: 14px 16px !important;
                border: 0 !important;
                border-radius: 0 !important;
                background: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            #detail-content #cast-section {
                border-left: 1px solid rgba(124, 140, 255, 0.13) !important;
            }

            #detail-content #meta-grid-section .section-title,
            #detail-content #cast-section .section-title,
            #detail-content .info-section-title {
                margin-bottom: 12px !important;
                font-size: clamp(17px, 1.6vw, 22px) !important;
            }

            #detail-content #meta-grid-section .meta-stats-inner,
            #detail-content #detail-meta-grid.meta-stats-inner,
            #detail-content #detail-meta-grid.detail-meta-grid {
                gap: 8px !important;
            }

            #detail-content #meta-grid-section .meta-item,
            #detail-content #detail-meta-grid .meta-item {
                min-height: 58px !important;
                padding: 9px 10px !important;
                border-radius: 11px !important;
                background: rgba(7, 9, 23, 0.34) !important;
            }

            #detail-content #cast-section .cast-row {
                min-height: 58px !important;
                justify-content: center !important;
                gap: 12px !important;
            }

            #detail-content #cast-section .cast-avatar,
            #detail-content #cast-section .cast-photo,
            #detail-content #cast-section .cast-photo-fallback {
                width: 56px !important;
                height: 56px !important;
            }

            @media (max-width: 760px) {
                #detail-content .detail-controls-top,
                #detail-content .detail-controls-top.detail-controls-inside-card {
                    grid-template-columns: 1fr !important;
                    width: min(560px, 100%) !important;
                    padding: 12px !important;
                }
                #detail-content #cast-section {
                    border-left: 0 !important;
                    border-top: 1px solid rgba(124, 140, 255, 0.13) !important;
                }
            }

        

            /* HellasSubs v23: site-only final spacing + single info/cast card */
            #detail-content .detail-body {
                padding-top: clamp(58px, 7vh, 92px) !important;
            }

            #detail-content .detail-controls-panel {
                margin-top: 0 !important;
                border-width: 1px !important;
                border-color: rgba(124, 140, 255, 0.10) !important;
                box-shadow: 0 18px 58px rgba(0, 0, 0, 0.22) !important;
            }

            #detail-content .detail-controls-top,
            #detail-content .detail-controls-top.detail-controls-inside-card {
                width: min(860px, 100%) !important;
                margin: 0 auto 18px !important;
                padding: 0 !important;
                gap: 0 !important;
                display: grid !important;
                grid-template-columns: minmax(0, 1.12fr) minmax(240px, 0.88fr) !important;
                border: 1px solid rgba(124, 140, 255, 0.11) !important;
                border-radius: 16px !important;
                background:
                    radial-gradient(circle at 50% 0%, rgba(129, 140, 248, 0.035), transparent 42%),
                    rgba(8, 10, 27, 0.32) !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
                overflow: hidden !important;
                backdrop-filter: blur(8px) saturate(1.02) !important;
                -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
            }

            #detail-content .detail-controls-top > #meta-grid-section,
            #detail-content .detail-controls-top > #cast-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #meta-grid-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #cast-section {
                margin: 0 !important;
                width: auto !important;
                height: auto !important;
                min-height: 118px !important;
                padding: 14px 16px !important;
                border: 0 !important;
                outline: 0 !important;
                border-radius: 0 !important;
                background: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            #detail-content .detail-controls-top > #cast-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #cast-section {
                border-left: 1px solid rgba(124, 140, 255, 0.10) !important;
            }

            #detail-content #meta-grid-section .section-title,
            #detail-content #cast-section .section-title,
            #detail-content .info-section-title {
                margin: 0 0 10px !important;
                font-size: clamp(16px, 1.45vw, 20px) !important;
                line-height: 1.1 !important;
            }

            #detail-content #meta-grid-section .meta-stats-inner,
            #detail-content #detail-meta-grid.meta-stats-inner,
            #detail-content #detail-meta-grid.detail-meta-grid {
                max-width: none !important;
                gap: 7px !important;
            }

            #detail-content #meta-grid-section .meta-item,
            #detail-content #detail-meta-grid .meta-item {
                min-height: 52px !important;
                padding: 8px 10px !important;
                border: 0 !important;
                border-radius: 10px !important;
                background: rgba(5, 7, 20, 0.30) !important;
                box-shadow: none !important;
            }

            #detail-content #cast-section .cast-row {
                min-height: 52px !important;
                gap: 10px !important;
                justify-content: center !important;
                align-items: center !important;
            }

            #detail-content #cast-section .cast-avatar,
            #detail-content #cast-section .cast-photo,
            #detail-content #cast-section .cast-photo-fallback {
                width: 50px !important;
                height: 50px !important;
            }

            #detail-content .detail-seasons-full .seasons-main-title {
                margin-top: 22px !important;
            }

            @media (max-width: 760px) {
                #detail-content .detail-body {
                    padding-top: 72px !important;
                }
                #detail-content .detail-controls-top,
                #detail-content .detail-controls-top.detail-controls-inside-card {
                    grid-template-columns: 1fr !important;
                    width: min(560px, 100%) !important;
                }
                #detail-content .detail-controls-top > #cast-section,
                #detail-content .detail-controls-top.detail-controls-inside-card > #cast-section {
                    border-left: 0 !important;
                    border-top: 1px solid rgba(124, 140, 255, 0.10) !important;
                }
            }

        

            /* HellasSubs v24: truly unified info + actors card (site only) */
            #detail-content .detail-controls-top,
            #detail-content .detail-controls-top.detail-controls-inside-card {
                grid-template-columns: minmax(0, 1.1fr) minmax(220px, 0.9fr) !important;
                grid-template-rows: auto auto !important;
                gap: 0 18px !important;
                padding: 18px 20px 16px !important;
                border: 1px solid rgba(124, 140, 255, 0.09) !important;
                border-radius: 16px !important;
                background:
                    radial-gradient(circle at 50% 0%, rgba(129, 140, 248, 0.045), transparent 44%),
                    rgba(8, 10, 27, 0.30) !important;
            }

            #detail-content .detail-controls-top::before,
            #detail-content .detail-controls-top.detail-controls-inside-card::before {
                content: "Πληροφορίες & Ηθοποιοί";
                grid-column: 1 / -1 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 14px !important;
                margin: 0 0 14px !important;
                color: #f4f7ff !important;
                font-weight: 900 !important;
                font-size: clamp(18px, 1.7vw, 23px) !important;
                line-height: 1.1 !important;
                letter-spacing: -0.02em !important;
            }

            #detail-content .detail-controls-top::before {
                text-shadow: 0 0 18px rgba(129, 140, 248, 0.18) !important;
            }

            #detail-content .detail-controls-top > #meta-grid-section,
            #detail-content .detail-controls-top > #cast-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #meta-grid-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #cast-section {
                grid-row: 2 !important;
                min-height: 96px !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            #detail-content .detail-controls-top > #cast-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #cast-section {
                border-left: 0 !important;
            }

            #detail-content .detail-controls-top #meta-grid-section .section-title,
            #detail-content .detail-controls-top #cast-section .section-title,
            #detail-content .detail-controls-top .info-section-title,
            #detail-content .detail-controls-top.detail-controls-inside-card #meta-grid-section .section-title,
            #detail-content .detail-controls-top.detail-controls-inside-card #cast-section .section-title,
            #detail-content .detail-controls-top.detail-controls-inside-card .info-section-title {
                display: none !important;
            }

            #detail-content #meta-grid-section .meta-stats-inner,
            #detail-content #detail-meta-grid.meta-stats-inner,
            #detail-content #detail-meta-grid.detail-meta-grid {
                height: 100% !important;
                align-content: center !important;
            }

            #detail-content #cast-section .cast-row {
                height: 100% !important;
                min-height: 96px !important;
            }

            #detail-content #cast-section .cast-avatar,
            #detail-content #cast-section .cast-photo,
            #detail-content #cast-section .cast-photo-fallback {
                width: 48px !important;
                height: 48px !important;
            }

            @media (max-width: 760px) {
                #detail-content .detail-controls-top,
                #detail-content .detail-controls-top.detail-controls-inside-card {
                    grid-template-columns: 1fr !important;
                    grid-template-rows: auto auto auto !important;
                    gap: 12px !important;
                }
                #detail-content .detail-controls-top > #meta-grid-section,
                #detail-content .detail-controls-top > #cast-section,
                #detail-content .detail-controls-top.detail-controls-inside-card > #meta-grid-section,
                #detail-content .detail-controls-top.detail-controls-inside-card > #cast-section {
                    grid-row: auto !important;
                }
                #detail-content .detail-controls-top > #cast-section,
                #detail-content .detail-controls-top.detail-controls-inside-card > #cast-section {
                    border-top: 0 !important;
                }
            }

        

            /* HellasSubs v25: unified card vertical layout - info top, actors below */
            #detail-content .detail-controls-top,
            #detail-content .detail-controls-top.detail-controls-inside-card {
                width: min(760px, 100%) !important;
                display: flex !important;
                flex-direction: column !important;
                gap: 12px !important;
                padding: 18px 20px 16px !important;
                border: 1px solid rgba(124, 140, 255, 0.09) !important;
                border-radius: 16px !important;
                background:
                    radial-gradient(circle at 50% 0%, rgba(129, 140, 248, 0.045), transparent 44%),
                    rgba(8, 10, 27, 0.30) !important;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
                overflow: hidden !important;
                backdrop-filter: blur(8px) saturate(1.02) !important;
                -webkit-backdrop-filter: blur(8px) saturate(1.02) !important;
            }

            #detail-content .detail-controls-top::before,
            #detail-content .detail-controls-top.detail-controls-inside-card::before {
                content: none !important;
                display: none !important;
            }

            #detail-content .detail-controls-top > #meta-grid-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #meta-grid-section {
                order: 1 !important;
            }

            #detail-content .detail-controls-top > #cast-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #cast-section {
                order: 2 !important;
                border-left: 0 !important;
                border-top: 1px solid rgba(124, 140, 255, 0.10) !important;
                padding-top: 14px !important;
            }

            #detail-content .detail-controls-top > #meta-grid-section,
            #detail-content .detail-controls-top > #cast-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #meta-grid-section,
            #detail-content .detail-controls-top.detail-controls-inside-card > #cast-section {
                width: 100% !important;
                min-height: auto !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                border-radius: 0 !important;
                background: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            #detail-content .detail-controls-top #meta-grid-section .section-title,
            #detail-content .detail-controls-top #cast-section .section-title,
            #detail-content .detail-controls-top .info-section-title,
            #detail-content .detail-controls-top.detail-controls-inside-card #meta-grid-section .section-title,
            #detail-content .detail-controls-top.detail-controls-inside-card #cast-section .section-title,
            #detail-content .detail-controls-top.detail-controls-inside-card .info-section-title {
                display: flex !important;
                margin: 0 0 12px !important;
                font-size: clamp(17px, 1.55vw, 21px) !important;
                line-height: 1.1 !important;
                justify-content: center !important;
            }

            #detail-content #meta-grid-section .meta-stats-inner,
            #detail-content #detail-meta-grid.meta-stats-inner,
            #detail-content #detail-meta-grid.detail-meta-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
                gap: 8px !important;
                max-width: none !important;
                width: 100% !important;
            }

            #detail-content #meta-grid-section .meta-item,
            #detail-content #detail-meta-grid .meta-item {
                min-height: 52px !important;
                padding: 8px 10px !important;
                border-radius: 10px !important;
                background: rgba(5, 7, 20, 0.30) !important;
                box-shadow: none !important;
            }

            #detail-content #cast-section .cast-row {
                min-height: 54px !important;
                gap: 14px !important;
                justify-content: center !important;
                align-items: center !important;
            }

            #detail-content #cast-section .cast-avatar,
            #detail-content #cast-section .cast-photo,
            #detail-content #cast-section .cast-photo-fallback {
                width: 50px !important;
                height: 50px !important;
            }

            @media (max-width: 760px) {
                #detail-content .detail-controls-top,
                #detail-content .detail-controls-top.detail-controls-inside-card {
                    width: min(560px, 100%) !important;
                    padding: 14px !important;
                }
                #detail-content #meta-grid-section .meta-stats-inner,
                #detail-content #detail-meta-grid.meta-stats-inner,
                #detail-content #detail-meta-grid.detail-meta-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                }
            }

        

            /* ===== HellasSubs FINAL: info 4-fields + cast 5 actors ===== */

            /* Hide the original meta-grid-section completely - we use hs-visible-info-v31 instead */
            #meta-grid-section { display: none !important; }

            /* The inner card: simple column, no grid */
            #detail-content .detail-controls-top,
            #detail-content .detail-controls-top.detail-controls-inside-card {
                display: flex !important;
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
                overflow: visible !important;
                width: 100% !important;
            }

            /* Cast section */
            #cast-section,
            #detail-content #cast-section {
                border: 0 !important;
                border-left: 0 !important;
                background: transparent !important;
                padding: 0 0 20px 0 !important;
                margin: 0 !important;
                overflow: visible !important;
                min-height: 0 !important;
            }

            /* Cast row: centered, horizontal, 5 avatars */
            #cast-row, .cast-row {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                justify-content: center !important;
                align-items: flex-start !important;
                gap: 24px !important;
                padding: 4px 0 !important;
                overflow: visible !important;
            }

            /* Avatar */
            .cast-avatar {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                gap: 8px !important;
                width: 90px !important;
                flex-shrink: 0 !important;
            }

            /* Photo */
            .cast-photo, .cast-photo-fallback {
                width: 82px !important;
                height: 82px !important;
                border-radius: 50% !important;
                object-fit: cover !important;
                border: 2px solid rgba(129,140,248,.18) !important;
                background: rgba(255,255,255,.06) !important;
                flex-shrink: 0 !important;
            }
            .cast-photo-fallback {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                font-size: 22px !important;
                font-weight: 800 !important;
                color: #7c87f0 !important;
            }

            /* Name */
            .cast-name {
                font-size: 11px !important;
                color: rgba(255,255,255,.60) !important;
                text-align: center !important;
                max-width: 86px !important;
                white-space: normal !important;
                overflow: hidden !important;
                display: -webkit-box !important;
                -webkit-line-clamp: 2 !important;
                -webkit-box-orient: vertical !important;
                line-height: 1.35 !important;
            }

            /* Cast section title centered */
            #cast-section .section-title { text-align: center !important; margin-bottom: 14px !important; }

            /* Season section always below */
            .detail-seasons-full {
                display: block !important;
                width: 100% !important;
                clear: both !important;
            }

            /* hs-v31 info card */
            #hs-visible-info-v31 {
                display: block !important;
                width: min(860px, 100%) !important;
                margin: 0 auto 22px !important;
                padding: 20px 22px !important;
                border-radius: 16px !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                background: rgba(255,255,255,.03) !important;
                box-shadow: none !important;
            }
            #hs-visible-info-v31 .hs-v31-title {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 14px !important;
                margin-bottom: 16px !important;
                font-size: 11px !important;
                font-weight: 700 !important;
                letter-spacing: .18em !important;
                text-transform: uppercase !important;
                color: rgba(255,255,255,.4) !important;
            }
            #hs-visible-info-v31 .hs-v31-title:before,
            #hs-visible-info-v31 .hs-v31-title:after {
                content: "" !important; flex: 1 !important;
                height: 1px !important;
                background: rgba(255,255,255,.08) !important;
            }
            #hs-visible-info-v31 .hs-v31-grid {
                display: grid !important;
                grid-template-columns: repeat(4, minmax(0,1fr)) !important;
                gap: 0 !important;
            }
            #hs-visible-info-v31 .hs-v31-item {
                padding: 0 18px !important;
                border-right: 1px solid rgba(255,255,255,.07) !important;
                border-radius: 0 !important;
                background: transparent !important;
            }
            #hs-visible-info-v31 .hs-v31-item:last-child { border-right: 0 !important; }
            #hs-visible-info-v31 .hs-v31-item label {
                display: block !important;
                font-size: 9.5px !important;
                font-weight: 900 !important;
                letter-spacing: .12em !important;
                text-transform: uppercase !important;
                color: #7c87f0 !important;
                margin-bottom: 5px !important;
            }
            #hs-visible-info-v31 .hs-v31-item span {
                display: block !important;
                font-size: 15px !important;
                font-weight: 700 !important;
                color: #eef2ff !important;
            }

            @media (max-width: 640px) {
                #hs-visible-info-v31 .hs-v31-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 16px 0 !important; }
                #hs-visible-info-v31 .hs-v31-item { border-right: 0 !important; padding: 0 !important; }
                .cast-photo, .cast-photo-fallback { width: 60px !important; height: 60px !important; }
                .cast-avatar { width: 66px !important; }
                #cast-row, .cast-row { gap: 14px !important; }
            }
            /* ===== end FINAL ===== */


/* extracted from <style> */
/* ===== HellasSubs v39 BEAUTY ===== */

            /* ---- General page background ---- */
            #detail-content, .detail-body {
                background:
                    radial-gradient(ellipse 80% 40% at 50% -10%, rgba(129,140,248,.08), transparent),
                    radial-gradient(ellipse 60% 30% at 80% 10%, rgba(124,140,255,.07), transparent),
                    linear-gradient(180deg, #0d0f22 0%, #080917 100%) !important;
            }

            /* ---- Poster ---- */
            .poster-card, .detail-poster {
                border-radius: 16px !important;
                box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) !important;
            }

            /* ---- Genre tags ---- */
            .genre-tag, .detail-genre {
                border-radius: 20px !important;
                font-size: 11px !important;
                font-weight: 700 !important;
                letter-spacing: .04em !important;
                padding: 4px 12px !important;
                border: 1px solid rgba(129,140,248,.22) !important;
                background: rgba(129,140,248,.07) !important;
                color: #a5b4fc !important;
            }

            /* ---- Info card ---- */
            #hs-visible-info-v31 {
                width: min(820px, 100%) !important;
                margin: 0 auto 28px !important;
                padding: 22px 28px !important;
                border-radius: 20px !important;
                border: 1px solid rgba(129,140,248,.15) !important;
                background:
                    radial-gradient(ellipse 100% 60% at 50% -20%, rgba(129,140,248,.07), transparent),
                    linear-gradient(160deg, rgba(20,23,46,.95) 0%, rgba(10,12,28,.98) 100%) !important;
                box-shadow: 0 20px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06) !important;
                backdrop-filter: blur(12px) !important;
                -webkit-backdrop-filter: blur(12px) !important;
            }
            #hs-visible-info-v31 .hs-v31-title {
                font-size: 10.5px !important;
                letter-spacing: .22em !important;
                color: rgba(143,255,244,.65) !important;
                font-weight: 800 !important;
                margin-bottom: 18px !important;
            }
            #hs-visible-info-v31 .hs-v31-title:before,
            #hs-visible-info-v31 .hs-v31-title:after {
                background: linear-gradient(90deg, transparent, rgba(129,140,248,.30), transparent) !important;
                height: 1px !important;
            }
            #hs-visible-info-v31 .hs-v31-grid {
                grid-template-columns: repeat(4, minmax(0,1fr)) !important;
                gap: 0 !important;
            }
            #hs-visible-info-v31 .hs-v31-item {
                padding: 4px 22px !important;
                border-right: 1px solid rgba(255,255,255,.06) !important;
                background: transparent !important;
                border-radius: 0 !important;
            }
            #hs-visible-info-v31 .hs-v31-item:first-child { padding-left: 0 !important; }
            #hs-visible-info-v31 .hs-v31-item:last-child { border-right: 0 !important; padding-right: 0 !important; }
            #hs-visible-info-v31 .hs-v31-item label {
                font-size: 9px !important;
                letter-spacing: .18em !important;
                color: rgba(143,255,244,.55) !important;
                font-weight: 900 !important;
                margin-bottom: 6px !important;
            }
            #hs-visible-info-v31 .hs-v31-item span {
                font-size: 16px !important;
                font-weight: 700 !important;
                color: #f0f4ff !important;
                letter-spacing: -.01em !important;
            }
            #hs-visible-info-v31 .meta-empty-value span { color: rgba(255,255,255,.25) !important; }

            /* ---- Cast section ---- */
            #cast-section .section-title {
                font-size: clamp(16px,1.8vw,22px) !important;
                font-weight: 800 !important;
                letter-spacing: -.01em !important;
                text-align: center !important;
                margin-bottom: 20px !important;
            }
            #cast-row, .cast-row {
                gap: 28px !important;
                justify-content: center !important;
                padding: 4px 0 8px !important;
            }
            .cast-avatar {
                width: 90px !important;
                gap: 10px !important;
                transition: transform .18s !important;
            }
            .cast-avatar:hover { transform: translateY(-3px) !important; }
            .cast-photo, .cast-photo-fallback {
                width: 80px !important;
                height: 80px !important;
                border-radius: 50% !important;
                border: 2px solid rgba(129,140,248,.22) !important;
                box-shadow: 0 8px 22px rgba(0,0,0,.40) !important;
                object-fit: cover !important;
                transition: border-color .18s, box-shadow .18s !important;
            }
            .cast-avatar:hover .cast-photo,
            .cast-avatar:hover .cast-photo-fallback {
                border-color: rgba(129,140,248,.60) !important;
                box-shadow: 0 10px 28px rgba(129,140,248,.18) !important;
            }
            .cast-photo-fallback {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                font-size: 24px !important;
                font-weight: 800 !important;
                color: #7c87f0 !important;
                background: rgba(129,140,248,.08) !important;
            }
            .cast-name {
                font-size: 11px !important;
                color: rgba(255,255,255,.55) !important;
                text-align: center !important;
                max-width: 86px !important;
                line-height: 1.35 !important;
                transition: color .18s !important;
            }
            .cast-avatar:hover .cast-name { color: rgba(255,255,255,.88) !important; }

            /* ---- Section titles (Ηθοποιοί, Σεζόν) ---- */
            .section-title, .seasons-main-title {
                font-size: clamp(16px,1.8vw,22px) !important;
                font-weight: 800 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 14px !important;
                letter-spacing: -.01em !important;
                margin-bottom: 20px !important;
            }
            .section-title::before, .section-title::after,
            .seasons-main-title::before, .seasons-main-title::after {
                content: "" !important;
                flex: 1 !important;
                max-width: 80px !important;
                height: 2px !important;
                border-radius: 999px !important;
                background: linear-gradient(90deg, transparent, rgba(129,140,248,.50)) !important;
            }
            .section-title::after, .seasons-main-title::after {
                background: linear-gradient(90deg, rgba(129,140,248,.50), transparent) !important;
            }

            /* ---- Season/episode dropdowns ---- */
            .season-select-btn, .episode-select-btn {
                border-radius: 10px !important;
                border: 1px solid rgba(255,255,255,.10) !important;
                background: rgba(255,255,255,.04) !important;
                color: #e8f0ff !important;
                font-weight: 600 !important;
                transition: border-color .15s, background .15s !important;
            }
            .season-select-btn:hover, .episode-select-btn:hover {
                border-color: rgba(129,140,248,.35) !important;
                background: rgba(129,140,248,.06) !important;
            }

            /* ---- Subtitle table ---- */
            #detail-content .sub-table th,
            #detail-content .optimized-sub-table th {
                background: rgba(255,255,255,.03) !important;
                font-size: 10px !important;
                letter-spacing: .14em !important;
                font-weight: 800 !important;
                color: rgba(143,255,244,.60) !important;
                border-bottom: 1px solid rgba(255,255,255,.07) !important;
                padding: 10px 12px !important;
            }
            #detail-content .sub-table td,
            #detail-content .optimized-sub-table td {
                padding: 12px 12px !important;
                vertical-align: middle !important;
                border: 0 !important;
            }
            #detail-content .sub-table tbody tr,
            #detail-content .optimized-sub-table tbody tr {
                border-bottom: 1px solid rgba(255,255,255,.04) !important;
                transition: background .15s !important;
            }
            #detail-content .sub-table tbody tr:hover,
            #detail-content .optimized-sub-table tbody tr:hover {
                background: rgba(255,255,255,.03) !important;
            }
            #detail-content .sub-table tbody tr:last-child,
            #detail-content .optimized-sub-table tbody tr:last-child {
                border-bottom: 0 !important;
            }

            /* ---- Download button ---- */
            .download-btn {
                border-radius: 10px !important;
                font-weight: 700 !important;
                font-size: 12px !important;
                padding: 8px 16px !important;
                background: linear-gradient(135deg, #818cf8, #1ea99a) !important;
                color: #051510 !important;
                border: 0 !important;
                box-shadow: 0 4px 14px rgba(129,140,248,.30) !important;
                transition: transform .15s, box-shadow .15s !important;
            }
            .download-btn:hover {
                transform: translateY(-1px) !important;
                box-shadow: 0 6px 18px rgba(129,140,248,.42) !important;
            }

            /* ---- Mobile ---- */
            @media (max-width: 640px) {
                #hs-visible-info-v31 { padding: 16px 16px !important; }
                #hs-visible-info-v31 .hs-v31-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 18px 0 !important; }
                #hs-visible-info-v31 .hs-v31-item { border-right: 0 !important; padding: 0 !important; }
                .cast-photo, .cast-photo-fallback { width: 60px !important; height: 60px !important; }
                .cast-avatar { width: 68px !important; }
                #cast-row, .cast-row { gap: 16px !important; }
            }
            /* ===== end v39 ===== */


/* extracted from <style> */
/* ===== HellasSubs v42 – flat scrollbar + no blur ===== */
            * { box-shadow: none !important; text-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

            /* Flat scrollbar */
            ::-webkit-scrollbar { width: 5px !important; height: 5px !important; }
            ::-webkit-scrollbar-track { background: transparent !important; }
            ::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18) !important; border-radius: 999px !important; }
            ::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.30) !important; }

            .detail-table-shell .sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar { width: 5px !important; }
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18) !important; border-radius: 999px !important; }
            .detail-table-shell .sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .optimized-sub-table-wrap::-webkit-scrollbar-track,
            .detail-table-shell .panel-sub-table-wrap::-webkit-scrollbar-track { background: transparent !important; }
            /* ===== end v42 ===== */


/* extracted from <style> */
/* ===== HellasSubs v44 – remove photo backplates/glow ===== */

            /* Actor/photo wrappers: no box behind images */
            #detail-content .cast-avatar,
            #detail-content .cast-circle,
            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback,
            .cast-avatar,
            .cast-circle,
            .cast-photo,
            .cast-photo-fallback {
                background: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                text-shadow: none !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                outline: 0 !important;
            }

            /* Remove the pill/rounded rectangle behind each actor */
            #detail-content .cast-avatar,
            .cast-avatar {
                border: 0 !important;
                border-radius: 0 !important;
                padding: 0 !important;
            }

            /* Keep actor images clean circles only, no glow/border box */
            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback,
            .cast-photo,
            .cast-photo-fallback {
                border: 0 !important;
                border-radius: 50% !important;
            }

            /* If fallback initials exist, make only the circle visible, no outer glow */
            #detail-content .cast-photo-fallback,
            .cast-photo-fallback {
                background: rgba(255,255,255,.05) !important;
                color: #a5b4fc !important;
            }

            /* Poster/images: no glow/shadow around image cards */
            #detail-content .poster-card,
            #detail-content .detail-poster,
            #detail-content .detail-poster img,
            #detail-content .poster-img,
            #detail-content .media-poster,
            .poster-card,
            .detail-poster,
            .detail-poster img,
            .poster-img,
            .media-poster {
                box-shadow: none !important;
                text-shadow: none !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                background-image: none !important;
            }

            /* Remove hover glow on actor images */
            #detail-content .cast-avatar:hover,
            #detail-content .cast-avatar:hover .cast-photo,
            #detail-content .cast-avatar:hover .cast-photo-fallback,
            .cast-avatar:hover,
            .cast-avatar:hover .cast-photo,
            .cast-avatar:hover .cast-photo-fallback {
                box-shadow: none !important;
                filter: none !important;
                background-image: none !important;
                border-color: transparent !important;
                transform: none !important;
            }

            /* Remove any backplate on the cast row itself */
            #detail-content #cast-row,
            #detail-content .cast-row,
            #detail-content #cast-section,
            #cast-row,
            .cast-row,
            #cast-section {
                background: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            /* ===== end v44 ===== */


/* extracted from <style> */
/* ===== HellasSubs v46 – restore backdrop, remove only unwanted panels ===== */

            /* Restore real page/movie background: do NOT kill background-image globally */
            #detail-content,
            #detail-content .detail-body,
            #detail-content .detail-hero,
            #detail-content .detail-backdrop,
            #detail-content .detail-backdrop-fade {
                filter: none !important;
                box-shadow: none !important;
                text-shadow: none !important;
            }

            /* Remove the extra box/panel behind the subtitle table */
            #detail-content .detail-table-shell,
            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                background: transparent !important;
                background-color: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                border: 0 !important;
                outline: 0 !important;
            }

            /* Keep the table itself clean, no outside rounded backplate */
            #detail-content .optimized-sub-table,
            #detail-content .sub-table {
                background: rgba(8, 10, 27, .42) !important;
                background-image: none !important;
                box-shadow: none !important;
                border: 1px solid rgba(255,255,255,.06) !important;
                border-radius: 14px !important;
                overflow: hidden !important;
            }

            /* Header flat, no glow */
            #detail-content .optimized-sub-table thead,
            #detail-content .sub-table thead,
            #detail-content .optimized-sub-table th,
            #detail-content .sub-table th {
                background: rgba(255,255,255,.045) !important;
                background-image: none !important;
                box-shadow: none !important;
                border: 0 !important;
                border-bottom: 1px solid rgba(255,255,255,.07) !important;
            }

            /* Rows simple separator only */
            #detail-content .optimized-sub-table tr,
            #detail-content .sub-table tr,
            #detail-content .optimized-sub-table td,
            #detail-content .sub-table td {
                box-shadow: none !important;
                background-image: none !important;
                border-left: 0 !important;
                border-right: 0 !important;
            }

            /* Remove shadows/glows from buttons/dropdowns only, not page background */
            #detail-content .season-select-btn,
            #detail-content .episode-select-btn,
            #detail-content .download-btn,
            #detail-content .cast-avatar,
            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback {
                box-shadow: none !important;
                text-shadow: none !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            /* Remove hidden panels behind dropdown row */
            #detail-content .season-episode-panel,
            #detail-content .season-tabs,
            #detail-content .episode-tabs,
            #detail-content .season-select-shell,
            #detail-content .episode-select-shell {
                background: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                border: 0 !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            #detail-content .season-episode-panel::before,
            #detail-content .season-episode-panel::after {
                display: none !important;
                content: none !important;
            }

            /* Flat scrollbar */
            #detail-content ::-webkit-scrollbar { width: 5px !important; height: 5px !important; }
            #detail-content ::-webkit-scrollbar-track { background: transparent !important; }
            #detail-content ::-webkit-scrollbar-thumb { background: rgba(255,255,255,.20) !important; border-radius: 999px !important; }

            /* ===== end v46 ===== */


/* extracted from <style> */
/* ===== HellasSubs v47 – remove info/cast outer panel only ===== */

            /* Remove the big dark rectangle behind Πληροφορίες + Ηθοποιοί */
            #detail-content .detail-controls-top,
            #detail-content .detail-controls-top.detail-controls-inside-card,
            #detail-content .detail-controls-inside-card,
            #detail-content .detail-side-card.detail-seasons-full,
            #detail-content .detail-seasons-full > .detail-controls-inside-card,
            #detail-content .detail-seasons-full .detail-controls-top {
                background: transparent !important;
                background-color: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                border: 0 !important;
                outline: 0 !important;
            }

            /* Remove hidden decorative overlays in that area */
            #detail-content .detail-controls-top::before,
            #detail-content .detail-controls-top::after,
            #detail-content .detail-controls-inside-card::before,
            #detail-content .detail-controls-inside-card::after,
            #detail-content .detail-side-card.detail-seasons-full::before,
            #detail-content .detail-side-card.detail-seasons-full::after {
                display: none !important;
                content: none !important;
                background: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                filter: none !important;
            }

            /* Cast section should not have its own dark backplate */
            #detail-content #cast-section,
            #detail-content #cast-row,
            #detail-content .cast-row {
                background: transparent !important;
                background-color: transparent !important;
                background-image: none !important;
                box-shadow: none !important;
                border: 0 !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            /* Keep the info card itself clean and contained */
            #detail-content #hs-visible-info-v31 {
                box-shadow: none !important;
                filter: none !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
            }

            /* ===== end v47 ===== */


/* extracted from <style> */
/* ===== HellasSubs v49 – restore backdrop and normal position ===== */

            /* Undo v48: show the movie backdrop again */
            #detail-content .detail-backdrop,
            #detail-content #detail-backdrop,
            #detail-content .detail-backdrop-fade {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
            }

            /* Restore the normal backdrop look */
            #detail-content .detail-backdrop,
            #detail-content #detail-backdrop {
                background-size: cover !important;
                background-position: center top !important;
                background-repeat: no-repeat !important;
            }

            #detail-content .detail-backdrop-fade {
                pointer-events: none !important;
            }

            /* Remove the forced plain body background from v48 */
            body:has(#detail-content),
            #detail-content,
            #detail-content .detail-body {
                min-height: auto !important;
            }

            /* Keep detail content starting normally, not pushed down */
            #detail-content .detail-body {
                padding-top: clamp(58px, 7vh, 92px) !important;
            }

            #detail-content .detail-hero {
                min-height: auto !important;
            }

            /* ===== end v49 ===== */


/* extracted from <style> */
/* ===== HellasSubs v50 – cleaner organized detail layout ===== */

            /* Overall spacing */
            #detail-content .detail-body {
                width: min(1180px, calc(100vw - 42px)) !important;
                margin: -18px auto 0 !important;
                padding: 0 0 40px !important;
            }

            #detail-content .detail-controls-panel {
                width: 100% !important;
                margin: 0 auto !important;
                padding: 32px 38px 38px !important;
                border-radius: 24px !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                background: rgba(12, 13, 31, .74) !important;
                box-shadow: none !important;
                overflow: visible !important;
            }

            /* Hero row: poster + info aligned cleanly */
            #detail-content .detail-panel-header {
                margin-bottom: 34px !important;
            }

            #detail-content .detail-panel-hero-row {
                display: grid !important;
                grid-template-columns: 190px minmax(0, 1fr) !important;
                align-items: start !important;
                gap: 48px !important;
                max-width: 980px !important;
                margin: 0 auto !important;
            }

            #detail-content .detail-poster-col {
                width: 190px !important;
                min-width: 190px !important;
                position: relative !important;
            }

            #detail-content .detail-poster {
                width: 190px !important;
                height: 285px !important;
                object-fit: cover !important;
                border-radius: 16px !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                box-shadow: none !important;
            }

            #detail-content .detail-kind-badge {
                top: 12px !important;
                left: 12px !important;
                border-radius: 10px !important;
                padding: 7px 12px !important;
                font-size: 11px !important;
                font-weight: 900 !important;
                letter-spacing: .06em !important;
                background: #7c87f0 !important;
                color: #06070e !important;
                box-shadow: none !important;
            }

            #detail-content .detail-panel-info {
                padding-top: 10px !important;
                max-width: 720px !important;
            }

            #detail-content .detail-title {
                font-size: clamp(44px, 5vw, 64px) !important;
                line-height: .96 !important;
                letter-spacing: -.045em !important;
                margin: 0 0 12px !important;
            }

            #detail-content .detail-genres {
                display: flex !important;
                flex-wrap: wrap !important;
                gap: 8px !important;
                margin: 0 0 20px !important;
            }

            #detail-content .detail-genres span,
            #detail-content .genre-tag,
            #detail-content .detail-genre {
                border-radius: 999px !important;
                padding: 5px 12px !important;
                background: rgba(255,255,255,.055) !important;
                border: 1px solid rgba(255,255,255,.10) !important;
                color: rgba(255,255,255,.88) !important;
                font-size: 12px !important;
                font-weight: 800 !important;
                box-shadow: none !important;
            }

            #detail-content .detail-description {
                max-width: 780px !important;
                color: rgba(232,238,255,.72) !important;
                font-size: 15px !important;
                line-height: 1.75 !important;
                margin: 0 !important;
            }

            /* Information card */
            #detail-content #hs-visible-info-v31 {
                width: min(860px, 100%) !important;
                margin: 0 auto 32px !important;
                padding: 22px 28px !important;
                border-radius: 18px !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                background: rgba(8,10,27,.46) !important;
                box-shadow: none !important;
            }

            #detail-content #hs-visible-info-v31 .hs-v31-title {
                color: rgba(143,255,244,.62) !important;
                font-size: 11px !important;
                letter-spacing: .22em !important;
                margin-bottom: 18px !important;
            }

            #detail-content #hs-visible-info-v31 .hs-v31-grid {
                display: grid !important;
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
                gap: 0 !important;
            }

            #detail-content #hs-visible-info-v31 .hs-v31-item {
                padding: 0 22px !important;
                border-right: 1px solid rgba(255,255,255,.07) !important;
                background: transparent !important;
            }
            #detail-content #hs-visible-info-v31 .hs-v31-item:first-child { padding-left: 0 !important; }
            #detail-content #hs-visible-info-v31 .hs-v31-item:last-child { padding-right: 0 !important; border-right: 0 !important; }

            #detail-content #hs-visible-info-v31 .hs-v31-item label {
                font-size: 9.5px !important;
                letter-spacing: .16em !important;
                color: rgba(143,255,244,.58) !important;
                margin-bottom: 7px !important;
            }
            #detail-content #hs-visible-info-v31 .hs-v31-item span {
                font-size: 16px !important;
                color: #f2f5ff !important;
                font-weight: 800 !important;
            }

            /* Section titles */
            #detail-content .section-title,
            #detail-content .seasons-main-title {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 16px !important;
                margin: 0 0 20px !important;
                color: #f3f6ff !important;
                font-size: 24px !important;
                line-height: 1.1 !important;
                font-weight: 900 !important;
                letter-spacing: -.03em !important;
            }

            #detail-content .section-title::before,
            #detail-content .section-title::after,
            #detail-content .seasons-main-title::before,
            #detail-content .seasons-main-title::after {
                content: "" !important;
                width: 54px !important;
                height: 2px !important;
                border-radius: 999px !important;
                background: rgba(84,214,189,.55) !important;
                flex: 0 0 auto !important;
            }

            /* Actors */
            #detail-content #cast-section {
                margin: 0 auto 42px !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #detail-content #cast-row,
            #detail-content .cast-row {
                display: flex !important;
                justify-content: center !important;
                align-items: flex-start !important;
                gap: 26px !important;
                padding: 0 !important;
                background: transparent !important;
            }

            #detail-content .cast-avatar {
                width: 82px !important;
                gap: 8px !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback {
                width: 68px !important;
                height: 68px !important;
                border-radius: 50% !important;
                object-fit: cover !important;
                border: 1px solid rgba(255,255,255,.12) !important;
                background: rgba(255,255,255,.04) !important;
                box-shadow: none !important;
            }

            #detail-content .cast-name {
                max-width: 82px !important;
                font-size: 11px !important;
                color: rgba(255,255,255,.56) !important;
                line-height: 1.35 !important;
                text-align: center !important;
            }

            /* Seasons controls */
            #detail-content .detail-seasons-full {
                width: 100% !important;
                margin: 0 auto !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #detail-content .seasons-main-title {
                margin-top: 4px !important;
                margin-bottom: 24px !important;
            }

            #detail-content .season-episode-panel {
                width: min(760px, 100%) !important;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 18px !important;
                margin: 0 auto 34px !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #detail-content .season-tabs,
            #detail-content .episode-tabs,
            #detail-content .season-select-shell,
            #detail-content .episode-select-shell {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #detail-content .season-select-btn,
            #detail-content .episode-select-btn {
                width: 100% !important;
                min-height: 46px !important;
                padding: 0 18px !important;
                border-radius: 14px !important;
                background: rgba(8,10,27,.62) !important;
                border: 1px solid rgba(255,255,255,.10) !important;
                color: #f0f3ff !important;
                font-size: 13px !important;
                font-weight: 800 !important;
                box-shadow: none !important;
            }

            #detail-content .season-select-btn:hover,
            #detail-content .episode-select-btn:hover {
                background: rgba(255,255,255,.06) !important;
                border-color: rgba(84,214,189,.38) !important;
            }

            /* Subtitle table */
            #detail-content .detail-table-shell {
                width: min(980px, 100%) !important;
                margin: 0 auto !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                width: 100% !important;
                max-height: 430px !important;
                margin: 0 auto !important;
                border-radius: 18px !important;
                border: 1px solid rgba(255,255,255,.07) !important;
                background: rgba(8,10,27,.46) !important;
                box-shadow: none !important;
                overflow: auto !important;
            }

            #detail-content .optimized-sub-table,
            #detail-content .sub-table {
                width: 100% !important;
                min-width: 860px !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            #detail-content .optimized-sub-table th,
            #detail-content .sub-table th {
                padding: 13px 16px !important;
                background: rgba(255,255,255,.04) !important;
                border: 0 !important;
                border-bottom: 1px solid rgba(255,255,255,.07) !important;
                color: rgba(143,255,244,.66) !important;
                font-size: 10px !important;
                letter-spacing: .13em !important;
                text-transform: uppercase !important;
            }

            #detail-content .optimized-sub-table td,
            #detail-content .sub-table td {
                padding: 14px 16px !important;
                border: 0 !important;
                border-bottom: 1px solid rgba(255,255,255,.045) !important;
            }

            #detail-content .optimized-sub-table tbody tr:last-child td,
            #detail-content .sub-table tbody tr:last-child td {
                border-bottom: 0 !important;
            }

            #detail-content .download-btn {
                border-radius: 12px !important;
                background: #7c87f0 !important;
                color: #06070e !important;
                font-weight: 900 !important;
                padding: 9px 18px !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            @media (max-width: 800px) {
                #detail-content .detail-body { width: min(100vw - 22px, 720px) !important; }
                #detail-content .detail-controls-panel { padding: 22px 18px 28px !important; }
                #detail-content .detail-panel-hero-row {
                    grid-template-columns: 1fr !important;
                    gap: 22px !important;
                    text-align: center !important;
                }
                #detail-content .detail-poster-col { margin: 0 auto !important; }
                #detail-content .detail-genres { justify-content: center !important; }
                #detail-content #hs-visible-info-v31 .hs-v31-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px 0 !important; }
                #detail-content #hs-visible-info-v31 .hs-v31-item { border-right: 0 !important; padding: 0 !important; }
                #detail-content .season-episode-panel { grid-template-columns: 1fr !important; width: min(420px, 100%) !important; }
            }

            /* ===== end v50 ===== */


/* extracted from <style> */
/* ===== HellasSubs v51 – centered panel, compact no page scroll ===== */

            /* Center the main border/card and stop it from going too low */
            #detail-content .detail-body {
                width: min(1080px, calc(100vw - 36px)) !important;
                margin: -28px auto 0 !important;
                padding: 0 0 18px !important;
                min-height: auto !important;
            }

            #detail-content .detail-controls-panel {
                width: 100% !important;
                max-width: 1080px !important;
                margin: 0 auto !important;
                padding: 24px 30px 26px !important;
                border-radius: 22px !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                background: rgba(12, 13, 31, .72) !important;
                box-shadow: none !important;
                overflow: hidden !important;
            }

            /* Make the top section shorter */
            #detail-content .detail-panel-header {
                margin-bottom: 22px !important;
            }

            #detail-content .detail-panel-hero-row {
                max-width: 930px !important;
                margin: 0 auto !important;
                grid-template-columns: 160px minmax(0, 1fr) !important;
                gap: 38px !important;
                align-items: start !important;
            }

            #detail-content .detail-poster-col {
                width: 160px !important;
                min-width: 160px !important;
            }

            #detail-content .detail-poster {
                width: 160px !important;
                height: 240px !important;
                border-radius: 14px !important;
            }

            #detail-content .detail-title {
                font-size: clamp(38px, 4.4vw, 56px) !important;
                margin-bottom: 10px !important;
            }

            #detail-content .detail-description {
                font-size: 14px !important;
                line-height: 1.6 !important;
                max-width: 720px !important;
            }

            /* Compact info card */
            #detail-content #hs-visible-info-v31 {
                width: min(820px, 100%) !important;
                margin: 0 auto 20px !important;
                padding: 18px 24px !important;
                border-radius: 16px !important;
            }

            #detail-content #hs-visible-info-v31 .hs-v31-title {
                margin-bottom: 14px !important;
            }

            #detail-content #hs-visible-info-v31 .hs-v31-item span {
                font-size: 15px !important;
            }

            /* Compact actors */
            #detail-content #cast-section {
                margin: 0 auto 28px !important;
            }

            #detail-content .section-title,
            #detail-content .seasons-main-title {
                font-size: 22px !important;
                margin-bottom: 16px !important;
            }

            #detail-content #cast-row,
            #detail-content .cast-row {
                gap: 22px !important;
            }

            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback {
                width: 58px !important;
                height: 58px !important;
            }

            /* Season controls centered and compact */
            #detail-content .seasons-main-title {
                margin: 0 0 18px !important;
            }

            #detail-content .season-episode-panel {
                width: min(690px, 100%) !important;
                margin: 0 auto 22px !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 16px !important;
                padding: 0 !important;
            }

            #detail-content .season-select-btn,
            #detail-content .episode-select-btn {
                min-height: 42px !important;
                border-radius: 12px !important;
            }

            /* Table/card border centered */
            #detail-content .detail-table-shell {
                width: min(900px, 100%) !important;
                margin: 0 auto !important;
                padding: 0 !important;
                display: block !important;
            }

            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                width: 100% !important;
                max-width: 900px !important;
                margin: 0 auto !important;
                max-height: 300px !important;
                border-radius: 16px !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
            }

            /* Prevent giant empty bottom area */
            #detail-content .detail-seasons-full {
                margin-bottom: 0 !important;
                padding-bottom: 0 !important;
            }

            @media (max-height: 760px) {
                #detail-content .detail-body {
                    margin-top: -36px !important;
                }
                #detail-content .detail-controls-panel {
                    padding-top: 20px !important;
                    padding-bottom: 20px !important;
                }
                #detail-content .detail-poster {
                    width: 145px !important;
                    height: 218px !important;
                }
                #detail-content .detail-poster-col {
                    width: 145px !important;
                    min-width: 145px !important;
                }
                #detail-content .panel-sub-table-wrap,
                #detail-content .optimized-sub-table-wrap,
                #detail-content .sub-table-wrap {
                    max-height: 260px !important;
                }
            }

            @media (max-width: 800px) {
                #detail-content .detail-body {
                    width: min(100vw - 22px, 720px) !important;
                    margin-top: -16px !important;
                }
                #detail-content .detail-controls-panel {
                    padding: 20px 16px 22px !important;
                }
                #detail-content .detail-panel-hero-row {
                    grid-template-columns: 1fr !important;
                    gap: 18px !important;
                    text-align: center !important;
                }
                #detail-content .detail-poster-col {
                    margin: 0 auto !important;
                }
                #detail-content .season-episode-panel {
                    grid-template-columns: 1fr !important;
                    width: min(420px, 100%) !important;
                }
            }

            /* ===== end v51 ===== */


/* extracted from <style> */
/* ===== HellasSubs v52 – centered beautiful layout ===== */

            /* Center the whole detail page content */
            #view-detail,
            #detail-content {
                width: 100% !important;
                overflow-x: hidden !important;
            }

            #detail-content .detail-body {
                width: min(960px, calc(100vw - 56px)) !important;
                max-width: 960px !important;
                margin: -24px auto 0 !important;
                padding: 0 0 28px !important;
                box-sizing: border-box !important;
            }

            /* Main card exactly centered */
            #detail-content .detail-controls-panel {
                width: 100% !important;
                max-width: 960px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                padding: 28px 34px 30px !important;
                box-sizing: border-box !important;
                border-radius: 24px !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                background: rgba(12,13,31,.76) !important;
                box-shadow: none !important;
                overflow: hidden !important;
            }

            /* Center and balance top hero inside the card */
            #detail-content .detail-panel-header {
                max-width: 880px !important;
                margin: 0 auto 26px !important;
            }

            #detail-content .detail-panel-hero-row {
                width: 100% !important;
                max-width: 880px !important;
                margin: 0 auto !important;
                display: grid !important;
                grid-template-columns: 150px minmax(0, 1fr) !important;
                gap: 34px !important;
                align-items: start !important;
                justify-content: center !important;
            }

            #detail-content .detail-poster-col {
                width: 150px !important;
                min-width: 150px !important;
                justify-self: center !important;
            }

            #detail-content .detail-poster {
                width: 150px !important;
                height: 225px !important;
                object-fit: cover !important;
                border-radius: 15px !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                box-shadow: none !important;
            }

            #detail-content .detail-panel-info {
                width: 100% !important;
                max-width: 650px !important;
                padding-top: 4px !important;
                justify-self: start !important;
            }

            #detail-content .detail-title {
                font-size: clamp(40px, 4.6vw, 58px) !important;
                line-height: .98 !important;
                letter-spacing: -.045em !important;
                margin: 0 0 10px !important;
            }

            #detail-content .detail-genres {
                margin-bottom: 16px !important;
                gap: 7px !important;
            }

            #detail-content .detail-description {
                max-width: 650px !important;
                font-size: 14px !important;
                line-height: 1.65 !important;
                color: rgba(232,238,255,.72) !important;
            }

            /* Info card centered and not too wide */
            #detail-content #hs-visible-info-v31 {
                width: min(760px, 100%) !important;
                margin: 0 auto 24px !important;
                padding: 18px 24px !important;
                border-radius: 18px !important;
                background: rgba(8,10,27,.50) !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                box-shadow: none !important;
                box-sizing: border-box !important;
            }

            #detail-content #hs-visible-info-v31 .hs-v31-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            }

            /* Actors centered */
            #detail-content #cast-section {
                width: min(620px, 100%) !important;
                margin: 0 auto 30px !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #detail-content #cast-row,
            #detail-content .cast-row {
                justify-content: center !important;
                gap: 24px !important;
            }

            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback {
                width: 62px !important;
                height: 62px !important;
            }

            /* Center sections */
            #detail-content .section-title,
            #detail-content .seasons-main-title {
                width: 100% !important;
                justify-content: center !important;
                text-align: center !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            /* Seasons dropdowns centered */
            #detail-content .season-episode-panel {
                width: min(620px, 100%) !important;
                margin: 0 auto 24px !important;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 16px !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #detail-content .season-select-btn,
            #detail-content .episode-select-btn {
                min-height: 42px !important;
                border-radius: 13px !important;
                background: rgba(8,10,27,.62) !important;
                border: 1px solid rgba(255,255,255,.10) !important;
                box-shadow: none !important;
            }

            /* Table centered inside main card */
            #detail-content .detail-table-shell {
                width: min(820px, 100%) !important;
                max-width: 820px !important;
                margin: 0 auto !important;
                padding: 0 !important;
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                width: 100% !important;
                max-width: 820px !important;
                margin: 0 auto !important;
                max-height: 320px !important;
                border-radius: 16px !important;
                border: 1px solid rgba(255,255,255,.07) !important;
                background: rgba(8,10,27,.46) !important;
                box-shadow: none !important;
                overflow-y: auto !important;
                overflow-x: auto !important;
            }

            /* Keep backdrop visible but less distracting at page sides */
            #detail-content .detail-backdrop {
                background-position: center top !important;
            }

            #detail-content .detail-backdrop-fade {
                background: linear-gradient(to bottom, rgba(8,9,23,.20) 0%, rgba(8,9,23,.82) 72%, #080917 100%) !important;
            }

            @media (max-width: 820px) {
                #detail-content .detail-body {
                    width: min(100vw - 24px, 720px) !important;
                    margin-top: -16px !important;
                }
                #detail-content .detail-controls-panel {
                    padding: 22px 16px 26px !important;
                }
                #detail-content .detail-panel-hero-row {
                    grid-template-columns: 1fr !important;
                    gap: 18px !important;
                    text-align: center !important;
                }
                #detail-content .detail-panel-info {
                    justify-self: center !important;
                }
                #detail-content .detail-poster-col {
                    margin: 0 auto !important;
                }
                #detail-content .detail-genres {
                    justify-content: center !important;
                }
                #detail-content .season-episode-panel {
                    grid-template-columns: 1fr !important;
                    width: min(420px, 100%) !important;
                }
                #detail-content #hs-visible-info-v31 .hs-v31-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                    gap: 16px 0 !important;
                }
                #detail-content #hs-visible-info-v31 .hs-v31-item {
                    border-right: 0 !important;
                    padding: 0 !important;
                }
            }

            /* ===== end v52 ===== */


/* extracted from <style> */
/* ===== HellasSubs v53 – lower detail card from navbar ===== */

            /* Give the detail page breathing room under the top menu */
            #view-detail {
                padding-top: 34px !important;
            }

            #detail-content {
                padding-top: 0 !important;
            }

            /* Undo previous negative pulls that made it stick to top */
            #detail-content .detail-body {
                margin-top: 18px !important;
                padding-top: 0 !important;
            }

            #detail-content .detail-controls-panel {
                margin-top: 0 !important;
            }

            /* Keep backdrop aligned behind the lowered content */
            #detail-content .detail-hero {
                min-height: 300px !important;
            }

            @media (max-height: 760px) {
                #view-detail {
                    padding-top: 24px !important;
                }
                #detail-content .detail-body {
                    margin-top: 12px !important;
                }
            }

            @media (max-width: 800px) {
                #view-detail {
                    padding-top: 22px !important;
                }
                #detail-content .detail-body {
                    margin-top: 10px !important;
                }
            }

            /* ===== end v53 ===== */


/* extracted from <style> */
/* ===== HellasSubs v54 – remove horizontal subs scroll ===== */

            /* No left/right scrolling for subtitle table */
            #detail-content .detail-table-shell,
            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                overflow-x: hidden !important;
                overflow-y: auto !important;
                scrollbar-gutter: stable !important;
            }

            /* Hide horizontal scrollbar completely */
            #detail-content .panel-sub-table-wrap::-webkit-scrollbar:horizontal,
            #detail-content .optimized-sub-table-wrap::-webkit-scrollbar:horizontal,
            #detail-content .sub-table-wrap::-webkit-scrollbar:horizontal {
                height: 0 !important;
                display: none !important;
            }

            /* Make table fit inside available width */
            #detail-content .optimized-sub-table,
            #detail-content .sub-table {
                width: 100% !important;
                min-width: 0 !important;
                max-width: 100% !important;
                table-layout: fixed !important;
            }

            /* Column widths that fit without horizontal scroll */
            #detail-content .optimized-sub-table th:nth-child(1),
            #detail-content .sub-table th:nth-child(1),
            #detail-content .optimized-sub-table td:nth-child(1),
            #detail-content .sub-table td:nth-child(1) {
                width: 76px !important;
                min-width: 76px !important;
                max-width: 76px !important;
                white-space: nowrap !important;
            }

            #detail-content .optimized-sub-table th:nth-child(2),
            #detail-content .sub-table th:nth-child(2),
            #detail-content .optimized-sub-table td:nth-child(2),
            #detail-content .sub-table td:nth-child(2) {
                width: auto !important;
                white-space: normal !important;
                overflow-wrap: anywhere !important;
                word-break: break-word !important;
            }

            #detail-content .optimized-sub-table th:nth-child(3),
            #detail-content .sub-table th:nth-child(3),
            #detail-content .optimized-sub-table td:nth-child(3),
            #detail-content .sub-table td:nth-child(3) {
                width: 92px !important;
                min-width: 92px !important;
                max-width: 92px !important;
                text-align: center !important;
                white-space: nowrap !important;
            }

            #detail-content .optimized-sub-table th:nth-child(4),
            #detail-content .sub-table th:nth-child(4),
            #detail-content .optimized-sub-table td:nth-child(4),
            #detail-content .sub-table td:nth-child(4) {
                width: 116px !important;
                min-width: 116px !important;
                max-width: 116px !important;
                text-align: center !important;
                white-space: nowrap !important;
            }

            #detail-content .optimized-sub-table th:nth-child(5),
            #detail-content .sub-table th:nth-child(5),
            #detail-content .optimized-sub-table td:nth-child(5),
            #detail-content .sub-table td:nth-child(5) {
                width: 128px !important;
                min-width: 128px !important;
                max-width: 128px !important;
                text-align: center !important;
                white-space: nowrap !important;
            }

            /* Reduce padding so everything fits cleanly */
            #detail-content .optimized-sub-table th,
            #detail-content .sub-table th,
            #detail-content .optimized-sub-table td,
            #detail-content .sub-table td {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

            #detail-content .download-btn {
                min-width: 0 !important;
                width: auto !important;
                padding-left: 14px !important;
                padding-right: 14px !important;
            }

            @media (max-width: 760px) {
                #detail-content .optimized-sub-table th:nth-child(1),
                #detail-content .sub-table th:nth-child(1),
                #detail-content .optimized-sub-table td:nth-child(1),
                #detail-content .sub-table td:nth-child(1) {
                    width: 58px !important;
                    min-width: 58px !important;
                    max-width: 58px !important;
                }
                #detail-content .optimized-sub-table th:nth-child(3),
                #detail-content .sub-table th:nth-child(3),
                #detail-content .optimized-sub-table td:nth-child(3),
                #detail-content .sub-table td:nth-child(3) {
                    width: 70px !important;
                    min-width: 70px !important;
                    max-width: 70px !important;
                }
                #detail-content .optimized-sub-table th:nth-child(4),
                #detail-content .sub-table th:nth-child(4),
                #detail-content .optimized-sub-table td:nth-child(4),
                #detail-content .sub-table td:nth-child(4) {
                    width: 86px !important;
                    min-width: 86px !important;
                    max-width: 86px !important;
                }
                #detail-content .optimized-sub-table th:nth-child(5),
                #detail-content .sub-table th:nth-child(5),
                #detail-content .optimized-sub-table td:nth-child(5),
                #detail-content .sub-table td:nth-child(5) {
                    width: 96px !important;
                    min-width: 96px !important;
                    max-width: 96px !important;
                }
                #detail-content .download-btn {
                    padding-left: 10px !important;
                    padding-right: 10px !important;
                    font-size: 11px !important;
                }
            }

            /* ===== end v54 ===== */


/* extracted from <style> */
/* ===== HellasSubs v55 – hide subtitle scrollbars and bottom strip ===== */

            /* Hide the right and bottom scrollbars of the subtitles table */
            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                overflow-y: auto !important;
                overflow-x: hidden !important;
                scrollbar-width: none !important;
                -ms-overflow-style: none !important;
                scrollbar-gutter: auto !important;
                background: rgba(8,10,27,.46) !important;
                background-image: none !important;
            }

            #detail-content .panel-sub-table-wrap::-webkit-scrollbar,
            #detail-content .optimized-sub-table-wrap::-webkit-scrollbar,
            #detail-content .sub-table-wrap::-webkit-scrollbar {
                width: 0 !important;
                height: 0 !important;
                display: none !important;
                background: transparent !important;
            }

            #detail-content .panel-sub-table-wrap::-webkit-scrollbar-track,
            #detail-content .optimized-sub-table-wrap::-webkit-scrollbar-track,
            #detail-content .sub-table-wrap::-webkit-scrollbar-track,
            #detail-content .panel-sub-table-wrap::-webkit-scrollbar-thumb,
            #detail-content .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
            #detail-content .sub-table-wrap::-webkit-scrollbar-thumb {
                display: none !important;
                background: transparent !important;
                width: 0 !important;
                height: 0 !important;
            }

            /* Remove the different-color strip below/around the table */
            #detail-content .detail-table-shell,
            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap,
            #detail-content .optimized-sub-table,
            #detail-content .sub-table {
                box-shadow: none !important;
                filter: none !important;
                background-image: none !important;
            }

            #detail-content .optimized-sub-table,
            #detail-content .sub-table {
                margin-bottom: 0 !important;
                border-bottom: 0 !important;
            }

            #detail-content .optimized-sub-table tbody,
            #detail-content .sub-table tbody {
                background: transparent !important;
            }

            #detail-content .optimized-sub-table tbody tr:last-child td,
            #detail-content .sub-table tbody tr:last-child td {
                border-bottom: 0 !important;
            }

            /* ===== end v55 ===== */


/* extracted from <style> */
/* ===== HellasSubs v56 – join info and actors card ===== */

            /* One unified card for Πληροφορίες + Ηθοποιοί */
            #detail-content .detail-controls-top,
            #detail-content .detail-controls-top.detail-controls-inside-card {
                width: min(820px, 100%) !important;
                margin: 0 auto 34px !important;
                padding: 20px 26px 24px !important;
                border-radius: 18px !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                background: rgba(8,10,27,.46) !important;
                box-shadow: none !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 0 !important;
                overflow: visible !important;
                box-sizing: border-box !important;
            }

            /* Info becomes the top part of the unified card */
            #detail-content #hs-visible-info-v31 {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 0 20px !important;
                border: 0 !important;
                border-radius: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            /* Soft divider between info and actors */
            #detail-content #cast-section {
                width: 100% !important;
                margin: 0 !important;
                padding: 20px 0 0 !important;
                border: 0 !important;
                border-top: 1px solid rgba(255,255,255,.07) !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            #detail-content #cast-section .section-title {
                margin: 0 0 16px !important;
            }

            #detail-content #cast-row,
            #detail-content .cast-row {
                padding: 0 !important;
                margin: 0 !important;
                justify-content: center !important;
                gap: 26px !important;
            }

            /* Keep next section spacing clean */
            #detail-content .seasons-main-title {
                margin-top: 0 !important;
            }

            @media (max-width: 800px) {
                #detail-content .detail-controls-top,
                #detail-content .detail-controls-top.detail-controls-inside-card {
                    width: 100% !important;
                    padding: 18px 16px 22px !important;
                    margin-bottom: 28px !important;
                }
            }

            /* ===== end v56 ===== */


/* extracted from <style> */
/* ===== HellasSubs v57 – more and bigger actors ===== */

            /* More room for actor row inside the joined card */
            #detail-content #cast-section {
                padding-top: 22px !important;
            }

            #detail-content #cast-row,
            #detail-content .cast-row {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                align-items: flex-start !important;
                gap: 18px 26px !important;
                max-width: 760px !important;
                margin: 0 auto !important;
            }

            #detail-content .cast-avatar {
                width: 84px !important;
                gap: 8px !important;
                flex: 0 0 84px !important;
            }

            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback {
                width: 74px !important;
                height: 74px !important;
                border-radius: 50% !important;
                object-fit: cover !important;
            }

            #detail-content .cast-name {
                max-width: 84px !important;
                font-size: 11px !important;
                line-height: 1.25 !important;
            }

            @media (max-width: 800px) {
                #detail-content #cast-row,
                #detail-content .cast-row {
                    gap: 14px 18px !important;
                    max-width: 100% !important;
                }
                #detail-content .cast-avatar {
                    width: 72px !important;
                    flex-basis: 72px !important;
                }
                #detail-content .cast-photo,
                #detail-content .cast-photo-fallback {
                    width: 62px !important;
                    height: 62px !important;
                }
            }

            /* ===== end v57 ===== */


/* extracted from <style> */
/* ===== HellasSubs v58 – exactly up to 6 actors ===== */
            #detail-content #cast-row,
            #detail-content .cast-row {
                max-width: 660px !important;
                gap: 18px 24px !important;
            }
            #detail-content .cast-avatar {
                width: 86px !important;
                flex: 0 0 86px !important;
            }
            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback {
                width: 76px !important;
                height: 76px !important;
            }
            #detail-content .cast-name {
                max-width: 86px !important;
            }
            /* ===== end v58 ===== */


/* extracted from <style> */
/* ===== HellasSubs v59 – fix bottom extra strip/gap ===== */

            /* Remove extra bottom space under the subtitles/table area */
            #detail-content .detail-controls-panel {
                padding-bottom: 18px !important;
                margin-bottom: 0 !important;
            }

            #detail-content .detail-body {
                padding-bottom: 0 !important;
                margin-bottom: 0 !important;
            }

            #detail-content .detail-seasons-full,
            #detail-content .detail-table-shell,
            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                margin-bottom: 0 !important;
                padding-bottom: 0 !important;
            }

            /* Make the table end cleanly at the last row */
            #detail-content .optimized-sub-table,
            #detail-content .sub-table {
                margin-bottom: 0 !important;
                border-bottom: 0 !important;
            }

            #detail-content .optimized-sub-table tbody tr:last-child td,
            #detail-content .sub-table tbody tr:last-child td {
                border-bottom: 0 !important;
            }

            /* Remove any decorative bottom overlay/pseudo element */
            #detail-content .detail-controls-panel::after,
            #detail-content .detail-table-shell::after,
            #detail-content .panel-sub-table-wrap::after,
            #detail-content .optimized-sub-table-wrap::after,
            #detail-content .sub-table-wrap::after {
                display: none !important;
                content: none !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            /* Keep outside bottom clean */
            #view-detail {
                padding-bottom: 0 !important;
                margin-bottom: 0 !important;
            }

            #detail-content {
                padding-bottom: 0 !important;
                margin-bottom: 0 !important;
            }

            /* ===== end v59 ===== */


/* extracted from <style> */



/* extracted from <style> */
/* ===== HellasSubs v62 – final six actors + stable border ===== */

            #detail-content #cast-row,
            #detail-content .cast-row {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                align-items: flex-start !important;
                max-width: 660px !important;
                margin: 0 auto !important;
                gap: 18px 24px !important;
            }

            #detail-content .cast-avatar {
                width: 86px !important;
                flex: 0 0 86px !important;
            }

            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback {
                width: 76px !important;
                height: 76px !important;
                border-radius: 50% !important;
                object-fit: cover !important;
            }

            #detail-content .cast-name {
                max-width: 86px !important;
                font-size: 11px !important;
                line-height: 1.25 !important;
            }

            /* Border stays stable; only subtitle table scrolls internally */
            #detail-content .detail-controls-panel {
                overflow: hidden !important;
            }
            #detail-content .detail-seasons-full,
            #detail-content .detail-table-shell {
                min-height: 0 !important;
                overflow: hidden !important;
            }
            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                overflow-y: auto !important;
                overflow-x: hidden !important;
            }

            /* ===== end v62 ===== */


/* extracted from <style> */
/* ===== HellasSubs v63 – clean loading + merge cast kinds ===== */

            /* While loading, show only spinner. No broken poster/card/table preview. */
            #detail-spinner {
                min-height: 60vh !important;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }

            /* Keep final actors at exactly up to 6 with nice size */
            #detail-content #cast-row,
            #detail-content .cast-row {
                max-width: 660px !important;
                margin: 0 auto !important;
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                gap: 18px 24px !important;
            }

            #detail-content .cast-avatar {
                width: 86px !important;
                flex: 0 0 86px !important;
            }

            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback {
                width: 76px !important;
                height: 76px !important;
            }

            /* ===== end v63 ===== */


/* extracted from <style> */
/* ===== HellasSubs v64 – show 5-6 subtitles, default all episodes ===== */

            /* Let the main card fit the 5-6 subtitle rows instead of locking the table to 1 row */
            #detail-content .detail-controls-panel {
                height: auto !important;
                min-height: 0 !important;
                max-height: none !important;
                overflow: visible !important;
            }

            #detail-content .detail-seasons-full,
            #detail-content .detail-table-shell {
                height: auto !important;
                min-height: 0 !important;
                max-height: none !important;
                overflow: visible !important;
            }

            /* Show around 5-6 subtitle rows before inner scroll is needed */
            #detail-content .panel-sub-table-wrap,
            #detail-content .optimized-sub-table-wrap,
            #detail-content .sub-table-wrap {
                height: auto !important;
                min-height: 0 !important;
                max-height: 470px !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
            }

            /* Compact enough rows so 5-6 are visible */
            #detail-content .optimized-sub-table th,
            #detail-content .sub-table th {
                padding-top: 11px !important;
                padding-bottom: 11px !important;
            }

            #detail-content .optimized-sub-table td,
            #detail-content .sub-table td {
                padding-top: 12px !important;
                padding-bottom: 12px !important;
                line-height: 1.35 !important;
            }

            /* Make season controls not steal height */
            #detail-content .season-episode-panel {
                margin-bottom: 18px !important;
            }

            @media (max-height: 760px) {
                #detail-content .panel-sub-table-wrap,
                #detail-content .optimized-sub-table-wrap,
                #detail-content .sub-table-wrap {
                    max-height: 390px !important;
                }
                #detail-content .optimized-sub-table td,
                #detail-content .sub-table td {
                    padding-top: 10px !important;
                    padding-bottom: 10px !important;
                }
            }

            /* ===== end v64 ===== */


/* extracted from <style> */
/* ===== HellasSubs v65 – optimized fast opening, 3 actors ===== */

            /* Show 3 actors only for fast detail opening */
            #detail-content #cast-row,
            #detail-content .cast-row {
                max-width: 360px !important;
                gap: 18px 24px !important;
            }

            #detail-content .cast-avatar {
                width: 82px !important;
                flex: 0 0 82px !important;
            }

            #detail-content .cast-photo,
            #detail-content .cast-photo-fallback {
                width: 68px !important;
                height: 68px !important;
            }

            /* Avoid huge loading skeleton; page paints as soon as local title data returns */
            #detail-spinner {
                min-height: 38vh !important;
            }

            /* ===== end v65 ===== */


/* extracted from <style> */
/* ===== HellasSubs v66 – poster left + info always visible ===== */

            /* Keep poster on the left, not drifting to center/right */
            #detail-content .detail-panel-header {
                max-width: 920px !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            #detail-content .detail-panel-hero-row {
                display: grid !important;
                grid-template-columns: 170px minmax(0, 1fr) !important;
                justify-content: start !important;
                align-items: start !important;
                gap: 34px !important;
                max-width: 900px !important;
                margin: 0 auto !important;
            }

            #detail-content .detail-poster-col {
                justify-self: start !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                width: 170px !important;
                min-width: 170px !important;
            }

            #detail-content .detail-poster {
                width: 170px !important;
                height: 255px !important;
                object-fit: cover !important;
            }

            #detail-content .detail-panel-info {
                justify-self: start !important;
                text-align: left !important;
                max-width: 680px !important;
            }

            #detail-content .detail-genres {
                justify-content: flex-start !important;
            }

            /* Make sure info card is visible on first fast render */
            #detail-content #hs-visible-info-v31 {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
            }

            @media (max-width: 800px) {
                #detail-content .detail-panel-hero-row {
                    grid-template-columns: 1fr !important;
                    text-align: center !important;
                }
                #detail-content .detail-poster-col {
                    justify-self: center !important;
                    margin-left: auto !important;
                    margin-right: auto !important;
                }
                #detail-content .detail-panel-info {
                    justify-self: center !important;
                    text-align: center !important;
                }
                #detail-content .detail-genres {
                    justify-content: center !important;
                }
            }

            /* ===== end v66 ===== */


/* extracted from <style> */
/* ===== HellasSubs v67 – stable refresh/direct title load ===== */

            /* On direct refresh, don't flash broken grid/detail before JS is ready */
            html[data-initial-route="title"] #view-grid {
                display: none !important;
            }
            html[data-initial-route="title"] #view-detail {
                display: block !important;
            }

            /* While detail is loading, show only a clean centered loader */
            #detail-spinner {
                min-height: 58vh !important;
                align-items: center !important;
                justify-content: center !important;
                flex-direction: column !important;
            }

            #detail-content[data-loading="true"] {
                display: none !important;
            }

            /* ===== end v67 ===== */


/* extracted from <style> */
/* ===== HellasSubs v68 – title fallback data on refresh ===== */

            /* Do not show broken empty info while fallback title data is being resolved */
            #detail-content[data-loading="true"] {
                display: none !important;
            }

            /* Keep the info card visible once real/fallback data exists */
            #detail-content #hs-visible-info-v31 {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
            }

            /* ===== end v68 ===== */


/* extracted from <style> */
/* ===== HellasSubs v69 – backend media fallback support ===== */
            #detail-content .empty-subtitles,
            #detail-content .no-subs {
                text-align: center !important;
                color: rgba(255,255,255,.48) !important;
                padding: 22px 12px !important;
            }
            /* ===== end v69 ===== */


/* extracted from <style> */
/* ===== HellasSubs v70 – API loose title fallback ===== */
            #detail-content .empty-subtitles,
            #detail-content .no-subs { text-align: center !important; }
            /* ===== end v70 ===== */


/* extracted from <style> */
/* ===== HellasSubs v71 – lock first good render ===== */
            /* Prevent late metadata refresh from visually breaking the page after first paint. */
            #detail-content[data-stable="true"] {
                visibility: visible !important;
            }
            /* ===== end v71 ===== */


/* extracted from <style> */
/* ===== HellasSubs v72 – stop detail auto rerender ===== */
            #detail-content[data-stable="true"] {
                visibility: visible !important;
            }
            /* ===== end v72 ===== */


/* extracted from <style> */
/* ===== HellasSubs v73 – remove old info observers ===== */
            #detail-content #hs-visible-info-v31 {
                display: block !important;
                visibility: visible !important;
                opacity: 1 !important;
            }
            /* ===== end v73 ===== */


/* extracted from <style id="hs-v85-stable-detail-cache-layout"> */
/* v85: stable first paint — poster always left, info always right */
        #detail-content .detail-panel-hero-row {
            display: grid !important;
            grid-template-columns: 170px minmax(0, 1fr) !important;
            align-items: start !important;
            justify-content: start !important;
            gap: 34px !important;
            direction: ltr !important;
            max-width: 900px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        #detail-content .detail-panel-hero-row .detail-poster-col,
        #detail-content .detail-poster-col {
            grid-column: 1 !important;
            order: 1 !important;
            justify-self: start !important;
            align-self: start !important;
            width: 170px !important;
            min-width: 170px !important;
            max-width: 170px !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            margin-top: 0 !important;
        }
        #detail-content .detail-panel-hero-row .detail-poster,
        #detail-content .detail-poster {
            width: 170px !important;
            height: 255px !important;
            object-fit: cover !important;
        }
        #detail-content .detail-panel-info {
            grid-column: 2 !important;
            order: 2 !important;
            justify-self: start !important;
            align-self: start !important;
            text-align: left !important;
            min-width: 0 !important;
            width: 100% !important;
        }
        #detail-content .detail-panel-info .detail-genres { justify-content: flex-start !important; }
        @media (max-width: 800px) {
            #detail-content .detail-panel-hero-row { grid-template-columns: 1fr !important; text-align: center !important; }
            #detail-content .detail-panel-hero-row .detail-poster-col,
            #detail-content .detail-poster-col { grid-column: 1 !important; justify-self: center !important; margin-left: auto !important; margin-right: auto !important; }
            #detail-content .detail-panel-info { grid-column: 1 !important; justify-self: center !important; text-align: center !important; }
            #detail-content .detail-panel-info .detail-genres { justify-content: center !important; }
        }


/* extracted from <style id="hs-v21-anchor-nav-fix"> */
#navbar .nav-link { text-decoration: none !important; }


/* extracted from <style id="hs-v24-cast-names-visible"> */
/* v24: always show actor names under actor photos */
        #detail-content #cast-section,
        #detail-content #cast-row,
        #detail-content .cast-row,
        #detail-content .cast-avatar {
            overflow: visible !important;
        }

        #detail-content .cast-avatar {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: flex-start !important;
            text-decoration: none !important;
            min-height: 106px !important;
            padding-bottom: 4px !important;
        }

        #detail-content .cast-name {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            color: rgba(238, 246, 255, 0.92) !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            line-height: 1.25 !important;
            text-align: center !important;
            max-width: 92px !important;
            width: 92px !important;
            margin-top: 9px !important;
            white-space: normal !important;
            overflow: visible !important;
            text-overflow: clip !important;
            word-break: normal !important;
            overflow-wrap: break-word !important;
            text-shadow: 0 2px 10px rgba(0,0,0,.55), 0 0 16px rgba(165,180,252,.10) !important;
        }

        #detail-content .cast-avatar:hover .cast-name {
            color: #ffffff !important;
            text-shadow: 0 2px 10px rgba(0,0,0,.55), 0 0 18px rgba(165,180,252,.22) !important;
        }

        @media (max-width: 800px) {
            #detail-content .cast-avatar {
                min-height: 96px !important;
            }
            #detail-content .cast-name {
                max-width: 82px !important;
                width: 82px !important;
                font-size: 10.5px !important;
            }
        }


/* extracted from <style id="hs-v26-cyan-professional-theme"> */
/* v26: professional cyan direction — cleaner, brighter accents, not purple */
        :root {
            --hs-bg: #080c17;
            --hs-surface: rgba(17, 22, 39, 0.94);
            --hs-surface-2: rgba(20, 26, 46, 0.72);
            --hs-border: rgba(129, 140, 248, 0.18);
            --hs-border-soft: rgba(129, 140, 248, 0.10);
            --hs-text: #eef2ff;
            --hs-muted: #8892b0;
            --hs-accent: #818cf8;
            --hs-accent-2: #6366f1;
            --hs-success: #6ee7b7;
        }

        body {
            text-rendering: geometricPrecision;
            -webkit-font-smoothing: antialiased;
            background:
                radial-gradient(circle at 50% -8%, rgba(129, 140, 248, 0.16), transparent 34%),
                radial-gradient(circle at 12% 16%, rgba(99, 102, 241, 0.10), transparent 28%),
                linear-gradient(180deg, #050812 0%, #020410 100%) !important;
        }

        #navbar {
            background: rgba(3, 12, 20, 0.86) !important;
            backdrop-filter: blur(16px) saturate(1.08) !important;
            -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
            border-bottom: 1px solid rgba(129, 140, 248, 0.13) !important;
            box-shadow: 0 8px 28px rgba(0, 0, 0, 0.26) !important;
        }

        #navbar .nav-link {
            border-radius: 10px !important;
            padding: 8px 14px !important;
            color: rgba(225, 245, 252, 0.66) !important;
            font-weight: 700 !important;
            letter-spacing: 0.01em !important;
            transition: color .16s ease, background .16s ease, box-shadow .16s ease !important;
        }
        #navbar .nav-link:hover {
            color: #ffffff !important;
            background: rgba(129, 140, 248, 0.09) !important;
            box-shadow: inset 0 0 0 1px rgba(129, 140, 248, 0.13) !important;
        }
        #navbar .nav-link.active {
            color: #ffffff !important;
            background: rgba(129, 140, 248, 0.14) !important;
            box-shadow: inset 0 0 0 1px rgba(129, 140, 248, 0.24), 0 0 18px rgba(129, 140, 248, 0.08) !important;
        }

        #detail-content .detail-controls-panel {
            background:
                radial-gradient(circle at 22% 4%, rgba(129, 140, 248, 0.10), transparent 30%),
                linear-gradient(180deg, rgba(8, 31, 45, 0.96), rgba(3, 12, 22, 0.98)) !important;
            border: 1px solid rgba(129, 140, 248, 0.14) !important;
            box-shadow:
                0 30px 90px rgba(0, 0, 0, 0.48),
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                inset 0 0 64px rgba(129, 140, 248, 0.018) !important;
        }

        #detail-content .detail-back-btn {
            background: rgba(8, 28, 42, 0.72) !important;
            border: 1px solid rgba(129, 140, 248, 0.20) !important;
            color: rgba(240, 253, 255, 0.92) !important;
            box-shadow: none !important;
            transition: background .16s ease, border-color .16s ease, color .16s ease !important;
        }
        #detail-content .detail-back-btn:hover {
            background: rgba(129, 140, 248, 0.12) !important;
            border-color: rgba(129, 140, 248, 0.42) !important;
            color: #ffffff !important;
            transform: none !important;
        }

        #detail-content .detail-poster {
            border-radius: 16px !important;
            border: 1px solid rgba(207, 250, 254, 0.15) !important;
            box-shadow: 0 18px 44px rgba(0, 0, 0, 0.46), 0 0 22px rgba(129, 140, 248, 0.055) !important;
        }
        #detail-content .detail-kind-badge {
            background: linear-gradient(135deg, #a5b4fc, #818cf8) !important;
            color: #0a0a2e !important;
            border: 0 !important;
            box-shadow: 0 8px 20px rgba(129, 140, 248, 0.22) !important;
            letter-spacing: .06em !important;
        }

        #detail-content .detail-title {
            color: var(--hs-text) !important;
            letter-spacing: -0.05em !important;
            text-shadow: 0 14px 36px rgba(0, 0, 0, 0.36) !important;
        }
        #detail-content .detail-description {
            color: rgba(225, 245, 252, 0.80) !important;
            line-height: 1.78 !important;
            text-shadow: none !important;
        }

        #detail-content .genre-chip,
        #detail-content .genre-chip-btn {
            background: rgba(8, 28, 42, 0.56) !important;
            border: 1px solid rgba(129, 140, 248, 0.17) !important;
            color: rgba(240, 253, 255, 0.90) !important;
            box-shadow: none !important;
        }
        #detail-content .genre-chip-btn:hover {
            background: rgba(129, 140, 248, 0.12) !important;
            border-color: rgba(129, 140, 248, 0.38) !important;
            color: #ffffff !important;
        }

        #detail-content .detail-controls-top,
        #detail-content .detail-controls-top.detail-controls-inside-card,
        #detail-content #hs-visible-info-v31 {
            background: rgba(3, 15, 27, 0.46) !important;
            border: 1px solid rgba(129, 140, 248, 0.13) !important;
            box-shadow: none !important;
        }

        #detail-content .section-title,
        #detail-content .seasons-main-title,
        #detail-content .info-section-title {
            color: #ffffff !important;
            text-shadow: none !important;
            letter-spacing: -0.02em !important;
        }
        #detail-content .section-title::before,
        #detail-content .section-title::after,
        #detail-content .seasons-main-title::before,
        #detail-content .seasons-main-title::after {
            background: linear-gradient(90deg, transparent, rgba(129, 140, 248, 0.54), transparent) !important;
            box-shadow: none !important;
        }

        #detail-content .hs-v31-item,
        #detail-content .meta-item {
            background: rgba(8, 28, 42, 0.24) !important;
            border-color: rgba(129, 140, 248, 0.10) !important;
        }
        #detail-content .hs-v31-item label,
        #detail-content .meta-item label,
        #detail-content .optimized-sub-table th,
        #detail-content .sub-table th {
            color: rgba(129, 140, 248, 0.76) !important;
            letter-spacing: .095em !important;
        }
        #detail-content .hs-v31-item span,
        #detail-content .meta-item span {
            color: #ffffff !important;
            text-shadow: none !important;
        }

        #detail-content .cast-photo,
        #detail-content .cast-photo-fallback {
            border: 2px solid rgba(129, 140, 248, 0.26) !important;
            box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28) !important;
        }
        #detail-content .cast-avatar:hover .cast-photo,
        #detail-content .cast-avatar:hover .cast-photo-fallback {
            border-color: rgba(129, 140, 248, 0.52) !important;
            filter: brightness(1.04) !important;
        }
        #detail-content .cast-name {
            color: rgba(225, 245, 252, 0.88) !important;
            text-shadow: none !important;
        }

        #detail-content .season-select-btn,
        #detail-content .episode-select-btn,
        #detail-content .season-option,
        #detail-content .episode-option {
            background: rgba(3, 16, 28, 0.76) !important;
            border: 1px solid rgba(129, 140, 248, 0.13) !important;
            box-shadow: none !important;
        }
        #detail-content .season-select-btn:hover,
        #detail-content .episode-select-btn:hover,
        #detail-content .season-option:hover,
        #detail-content .episode-option:hover,
        #detail-content .season-option.active,
        #detail-content .episode-option.active {
            background: rgba(129, 140, 248, 0.12) !important;
            border-color: rgba(129, 140, 248, 0.34) !important;
            color: #ffffff !important;
        }

        #detail-content .detail-table-shell,
        #detail-content .optimized-sub-table,
        #detail-content .sub-table {
            background: rgba(3, 15, 27, 0.60) !important;
            border: 1px solid rgba(129, 140, 248, 0.12) !important;
            box-shadow: none !important;
        }
        #detail-content .optimized-sub-table tbody tr,
        #detail-content .sub-table tbody tr {
            transition: background .16s ease, box-shadow .16s ease !important;
        }
        #detail-content .optimized-sub-table tbody tr:hover,
        #detail-content .sub-table tbody tr:hover {
            background: rgba(129, 140, 248, 0.052) !important;
            box-shadow: inset 3px 0 0 rgba(129, 140, 248, 0.42) !important;
        }
        #detail-content .dl-btn {
            background: linear-gradient(135deg, #6ee7b7, #818cf8) !important;
            color: #0a0a14 !important;
            box-shadow: 0 8px 18px rgba(129, 140, 248, 0.16) !important;
        }
        #detail-content .dl-btn:hover {
            filter: brightness(1.04) !important;
            transform: none !important;
        }

        #detail-content ::-webkit-scrollbar-thumb {
            background: rgba(129, 140, 248, 0.64) !important;
            border-radius: 999px !important;
        }


/* extracted from <style id="hs-v31-four-rows-restore-table-look"> */
/* v31: restore table look; only limit visible subtitle rows to 4 */
        #detail-content .detail-table-shell .sub-table-wrap,
        #detail-content .detail-table-shell .optimized-sub-table-wrap,
        #detail-content .detail-table-shell .panel-sub-table-wrap,
        #detail-content .detail-seasons-full .sub-table-wrap,
        #detail-content .detail-seasons-full .optimized-sub-table-wrap,
        #detail-content .detail-seasons-full .panel-sub-table-wrap {
            max-height: 306px !important; /* header + 4 rows */
            overflow-y: auto !important;
            overflow-x: auto !important;
            scrollbar-gutter: stable !important;
        }


/* extracted from <style id="hs-v32-genre-chip-anchor-only"> */
#detail-content a.genre-chip,
        #detail-content a.genre-chip-btn {
            text-decoration: none !important;
            cursor: pointer !important;
        }


/* extracted from <style id="hs-v35-no-detail-page-jump"> */
/* v35: stop detail page from moving up/down. Only the subtitles table scrolls. */
    html.hs-detail-scroll-lock,
    html.hs-detail-scroll-lock body {
        height: 100vh !important;
        max-height: 100vh !important;
        overflow: hidden !important;
        overscroll-behavior: none !important;
    }

    html.hs-detail-scroll-lock #view-detail {
        position: fixed !important;
        inset: 58px 0 0 0 !important;
        width: 100vw !important;
        height: calc(100vh - 58px) !important;
        min-height: 0 !important;
        max-height: calc(100vh - 58px) !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    html.hs-detail-scroll-lock #detail-content {
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    html.hs-detail-scroll-lock #detail-content .detail-hero {
        position: fixed !important;
        inset: 58px 0 0 0 !important;
        width: 100vw !important;
        height: calc(100vh - 58px) !important;
        min-height: 0 !important;
        max-height: calc(100vh - 58px) !important;
        overflow: hidden !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }

    html.hs-detail-scroll-lock #detail-content .detail-body {
        position: relative !important;
        z-index: 5 !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        width: min(980px, calc(100vw - 56px)) !important;
        margin: 0 auto !important;
        padding: 18px 0 18px !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    html.hs-detail-scroll-lock #detail-content .detail-controls-panel {
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100vh - 94px) !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

    html.hs-detail-scroll-lock #detail-content .detail-panel-header,
    html.hs-detail-scroll-lock #detail-content .detail-panel-hero-row,
    html.hs-detail-scroll-lock #detail-content #hs-visible-info-v31,
    html.hs-detail-scroll-lock #detail-content #cast-section,
    html.hs-detail-scroll-lock #detail-content .seasons-main-title,
    html.hs-detail-scroll-lock #detail-content .season-episode-panel {
        flex: 0 0 auto !important;
    }

    html.hs-detail-scroll-lock #detail-content .detail-seasons-full {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    html.hs-detail-scroll-lock #detail-content .detail-table-shell {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    html.hs-detail-scroll-lock #detail-content .detail-table-shell .sub-table-wrap,
    html.hs-detail-scroll-lock #detail-content .detail-table-shell .optimized-sub-table-wrap,
    html.hs-detail-scroll-lock #detail-content .detail-table-shell .panel-sub-table-wrap,
    html.hs-detail-scroll-lock #detail-content .detail-seasons-full .sub-table-wrap,
    html.hs-detail-scroll-lock #detail-content .detail-seasons-full .optimized-sub-table-wrap,
    html.hs-detail-scroll-lock #detail-content .detail-seasons-full .panel-sub-table-wrap {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: auto !important;
        overscroll-behavior: contain !important;
        margin-bottom: 0 !important;
    }

    @media (max-height: 760px) {
        html.hs-detail-scroll-lock #detail-content .detail-body {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }
        html.hs-detail-scroll-lock #detail-content .detail-controls-panel {
            max-height: calc(100vh - 78px) !important;
        }
    }


/* extracted from <style id="hs-v36-dropdown-menu-fix"> */
/* v36: clean dropdowns — only one open, opaque menu above table */
    #detail-content .detail-controls-panel,
    #detail-content .detail-seasons-full,
    #detail-content .season-episode-panel,
    #detail-content .season-tabs,
    #detail-content .episode-tabs,
    #detail-content .season-select-shell,
    #detail-content .episode-select-shell {
        overflow: visible !important;
    }

    #detail-content .season-episode-panel {
        position: relative !important;
        z-index: 5000 !important;
    }

    #detail-content .season-select-shell,
    #detail-content .episode-select-shell {
        position: relative !important;
        z-index: 6000 !important;
    }

    #detail-content .season-select-shell.open,
    #detail-content .episode-select-shell.open {
        z-index: 9000 !important;
    }

    #detail-content .season-menu,
    #detail-content .episode-menu {
        position: absolute !important;
        left: 0 !important;
        top: calc(100% + 8px) !important;
        width: 100% !important;
        z-index: 99999 !important;
        display: none !important;
        max-height: 240px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 8px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(129, 140, 248, 0.48) !important;
        background: #0a0d1f !important;
        opacity: 1 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: 0 22px 60px rgba(0, 0, 0, 0.72), 0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
    }

    #detail-content .season-select-shell.open .season-menu,
    #detail-content .episode-select-shell.open .episode-menu {
        display: block !important;
    }

    #detail-content .season-option,
    #detail-content .episode-option {
        background: transparent !important;
        color: #eef2ff !important;
        border: 1px solid transparent !important;
        border-radius: 10px !important;
        min-height: 42px !important;
        font-weight: 900 !important;
    }

    #detail-content .season-option:hover,
    #detail-content .episode-option:hover,
    #detail-content .season-option.active,
    #detail-content .episode-option.active {
        background: rgba(129, 140, 248, 0.18) !important;
        border-color: rgba(129, 140, 248, 0.38) !important;
        color: #ffffff !important;
    }

    #detail-content .detail-table-shell {
        position: relative !important;
        z-index: 1 !important;
    }


/* extracted from <style id="hs-v37-dropdown-open-up-fix"> */
/* v37: dropdowns open upward so they never cover/get cut by subtitles table */
    #detail-content .season-menu,
    #detail-content .episode-menu {
        top: auto !important;
        bottom: calc(100% + 8px) !important;
        max-height: 210px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #090b1c !important;
        border: 1px solid rgba(129, 140, 248, 0.55) !important;
        box-shadow: 0 -18px 54px rgba(0, 0, 0, 0.72), inset 0 0 0 1px rgba(255,255,255,.04) !important;
    }

    #detail-content .season-option,
    #detail-content .episode-option {
        flex: 0 0 auto !important;
        min-height: 40px !important;
        line-height: 1.15 !important;
    }

    #detail-content .season-select-shell.open,
    #detail-content .episode-select-shell.open {
        z-index: 99999 !important;
    }

    #detail-content .detail-table-shell,
    #detail-content .panel-sub-table-wrap,
    #detail-content .optimized-sub-table-wrap,
    #detail-content .sub-table-wrap {
        z-index: 1 !important;
    }


/* extracted from <style id="hs-v91-safe-info-cast-fix"> */
/* Safe fix: keep info and actors separated, no overlap */
    #detail-content .detail-controls-top.detail-controls-inside-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    #detail-content #hs-visible-info-v31 {
        order: 1 !important;
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
    }

    #detail-content #cast-section {
        order: 2 !important;
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 18px 18px 20px !important;
        flex: 0 0 auto !important;
        border-top: 1px solid rgba(129, 140, 248, 0.16) !important;
        background: transparent !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    #detail-content #cast-section .section-title {
        display: block !important;
        height: auto !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: center !important;
        font-size: 22px !important;
        line-height: 1.2 !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em !important;
        color: #fff !important;
    }

    #detail-content #cast-row,
    #detail-content .cast-row {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(96px, 128px)) !important;
        justify-content: center !important;
        justify-items: center !important;
        align-items: start !important;
        gap: 18px 24px !important;
        width: 100% !important;
        max-width: 520px !important;
        margin: 0 auto !important;
        overflow: visible !important;
    }

    #detail-content .cast-avatar {
        width: 128px !important;
        min-width: 0 !important;
        max-width: 128px !important;
        min-height: 104px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        text-align: center !important;
        text-decoration: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #detail-content .cast-photo,
    #detail-content .cast-photo-fallback,
    #detail-content .cast-circle {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        flex: 0 0 58px !important;
        border-radius: 999px !important;
        object-fit: cover !important;
        margin: 0 !important;
    }

    #detail-content .cast-photo-fallback {
        display: grid !important;
        place-items: center !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    #detail-content .cast-name {
        position: static !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        width: 128px !important;
        max-width: 128px !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        white-space: normal !important;
        text-overflow: clip !important;
        text-align: center !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 850 !important;
        color: rgba(235, 244, 255, 0.86) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-item {
        min-width: 0 !important;
        overflow: hidden !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-item span {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    @media (max-width: 640px) {
        #detail-content #hs-visible-info-v31 .hs-v31-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        }
        #detail-content #cast-row,
        #detail-content .cast-row {
            grid-template-columns: repeat(3, minmax(74px, 1fr)) !important;
            gap: 14px !important;
        }
        #detail-content .cast-avatar,
        #detail-content .cast-name {
            width: 88px !important;
            max-width: 88px !important;
        }
        #detail-content .cast-photo,
        #detail-content .cast-photo-fallback,
        #detail-content .cast-circle {
            width: 52px !important;
            height: 52px !important;
            min-width: 52px !important;
            min-height: 52px !important;
            flex-basis: 52px !important;
        }
    }


/* extracted from <style id="hs-v92-cast-name-overlap-final-fix"> */
/* Final actor layout fix: force real card widths so names cannot overlap */
    #detail-content #cast-section #cast-row.cast-row,
    #detail-content #cast-section .cast-row,
    #detail-content .detail-controls-top.detail-controls-inside-card #cast-section #cast-row.cast-row,
    #detail-content .detail-controls-top.detail-controls-inside-card #cast-section .cast-row,
    html.hs-detail-scroll-lock #detail-content #cast-section #cast-row.cast-row,
    html.hs-detail-scroll-lock #detail-content .detail-controls-top.detail-controls-inside-card #cast-section #cast-row.cast-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 34px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    #detail-content #cast-section #cast-row.cast-row > .cast-avatar,
    #detail-content #cast-section .cast-row > .cast-avatar,
    #detail-content .detail-controls-top.detail-controls-inside-card #cast-section #cast-row.cast-row > .cast-avatar,
    html.hs-detail-scroll-lock #detail-content #cast-section #cast-row.cast-row > .cast-avatar {
        position: relative !important;
        display: flex !important;
        flex: 0 0 132px !important;
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;
        min-height: 104px !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        text-align: center !important;
        white-space: normal !important;
    }

    #detail-content #cast-section #cast-row.cast-row > .cast-avatar .cast-photo,
    #detail-content #cast-section #cast-row.cast-row > .cast-avatar .cast-photo-fallback,
    #detail-content #cast-section .cast-row > .cast-avatar .cast-photo,
    #detail-content #cast-section .cast-row > .cast-avatar .cast-photo-fallback,
    html.hs-detail-scroll-lock #detail-content #cast-section #cast-row.cast-row > .cast-avatar .cast-photo,
    html.hs-detail-scroll-lock #detail-content #cast-section #cast-row.cast-row > .cast-avatar .cast-photo-fallback {
        position: relative !important;
        display: grid !important;
        flex: 0 0 58px !important;
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        min-height: 58px !important;
        max-width: 58px !important;
        max-height: 58px !important;
        margin: 0 auto !important;
        inset: auto !important;
        transform: none !important;
        object-fit: cover !important;
    }

    #detail-content #cast-section #cast-row.cast-row > .cast-avatar .cast-name,
    #detail-content #cast-section .cast-row > .cast-avatar .cast-name,
    #detail-content .detail-controls-top.detail-controls-inside-card #cast-section #cast-row.cast-row > .cast-avatar .cast-name,
    html.hs-detail-scroll-lock #detail-content #cast-section #cast-row.cast-row > .cast-avatar .cast-name {
        position: relative !important;
        display: block !important;
        flex: 0 0 auto !important;
        width: 132px !important;
        min-width: 132px !important;
        max-width: 132px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        overflow: hidden !important;
        white-space: normal !important;
        text-overflow: clip !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        text-align: center !important;
        font-size: 12px !important;
        line-height: 1.28 !important;
        font-weight: 850 !important;
        letter-spacing: -0.02em !important;
        color: rgba(235, 244, 255, 0.88) !important;
        text-shadow: none !important;
    }

    @media (max-width: 640px) {
        #detail-content #cast-section #cast-row.cast-row,
        #detail-content #cast-section .cast-row,
        html.hs-detail-scroll-lock #detail-content #cast-section #cast-row.cast-row {
            gap: 12px !important;
        }
        #detail-content #cast-section #cast-row.cast-row > .cast-avatar,
        #detail-content #cast-section .cast-row > .cast-avatar,
        #detail-content #cast-section #cast-row.cast-row > .cast-avatar .cast-name,
        #detail-content #cast-section .cast-row > .cast-avatar .cast-name {
            flex-basis: 92px !important;
            width: 92px !important;
            min-width: 92px !important;
            max-width: 92px !important;
            font-size: 11px !important;
        }
    }


/* extracted from <style id="hs-v93-info-card-clean-final"> */
/* Clean final info block: no table look, no cramped borders */
    #detail-content .detail-controls-top.detail-controls-inside-card {
        padding: 20px 22px 22px !important;
        border-radius: 24px !important;
        background:
            radial-gradient(circle at 50% 0%, rgba(120, 142, 255, 0.12), transparent 48%),
            linear-gradient(180deg, rgba(14, 20, 44, 0.82), rgba(8, 14, 31, 0.88)) !important;
        border: 1px solid rgba(126, 146, 255, 0.18) !important;
        box-shadow: 0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
        overflow: visible !important;
    }

    #detail-content .detail-controls-top.detail-controls-inside-card::before {
        content: none !important;
        display: none !important;
    }

    #detail-content #hs-visible-info-v31 {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-title {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        height: auto !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        overflow: visible !important;
        color: rgba(157, 232, 236, 0.88) !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: 0.18em !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-title::before,
    #detail-content #hs-visible-info-v31 .hs-v31-title::after {
        content: "" !important;
        display: block !important;
        width: 58px !important;
        height: 1px !important;
        background: linear-gradient(90deg, transparent, rgba(103,232,249,.55), transparent) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-item,
    #detail-content #hs-visible-info-v31 .hs-v31-item:last-child,
    #detail-content #hs-visible-info-v31 .hs-v31-item:nth-child(2n) {
        min-height: 70px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 13px 15px !important;
        border: 1px solid rgba(126, 146, 255, 0.16) !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-item label {
        color: rgba(157, 232, 236, 0.72) !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: .12em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-item span {
        display: block !important;
        max-width: 100% !important;
        color: #fff !important;
        font-size: 16px !important;
        line-height: 1.15 !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #detail-content #cast-section {
        margin-top: 18px !important;
        padding: 18px 0 0 !important;
        border-top: 1px solid rgba(126, 146, 255, 0.14) !important;
        background: transparent !important;
    }

    #detail-content #cast-section .section-title {
        margin-bottom: 14px !important;
        font-size: 22px !important;
        line-height: 1.15 !important;
        color: #fff !important;
    }

    @media (max-width: 760px) {
        #detail-content .detail-controls-top.detail-controls-inside-card {
            padding: 16px !important;
        }
        #detail-content #hs-visible-info-v31 .hs-v31-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 10px !important;
        }
    }


/* extracted from <style id="hs-v94-premium-ocean-color-system"> */
/* Premium Ocean color system: full-site final color pass */
    :root {
        --hs-bg-0: #020713;
        --hs-bg-1: #06101f;
        --hs-bg-2: #0a1729;
        --hs-panel: rgba(9, 20, 39, 0.86);
        --hs-panel-2: rgba(12, 29, 55, 0.78);
        --hs-panel-3: rgba(7, 15, 31, 0.92);
        --hs-line: rgba(115, 211, 255, 0.18);
        --hs-line-2: rgba(125, 249, 255, 0.28);
        --hs-line-purple: rgba(139, 126, 255, 0.22);
        --hs-text: #f6fbff;
        --hs-text-2: rgba(226, 241, 255, 0.78);
        --hs-muted: rgba(170, 194, 216, 0.68);
        --hs-cyan: #67e8f9;
        --hs-blue: #38bdf8;
        --hs-royal: #4f8cff;
        --hs-violet: #8b7dff;
        --hs-green: #7dd3a8;
        --hs-warm: #f8d06b;
        --hs-danger: #fb7185;
    }

    html,
    body {
        color: var(--hs-text) !important;
        background:
            radial-gradient(circle at 50% -18%, rgba(103, 232, 249, 0.20), transparent 420px),
            radial-gradient(circle at 10% 14%, rgba(56, 189, 248, 0.14), transparent 360px),
            radial-gradient(circle at 92% 18%, rgba(139, 125, 255, 0.16), transparent 390px),
            linear-gradient(180deg, #06101f 0%, #030816 52%, #02050f 100%) !important;
    }

    body::before {
        background:
            linear-gradient(90deg, rgba(103, 232, 249, 0.035) 1px, transparent 1px),
            linear-gradient(180deg, rgba(103, 232, 249, 0.025) 1px, transparent 1px) !important;
        background-size: 64px 64px !important;
        opacity: .42 !important;
    }

    #navbar,
    .navbar {
        background: rgba(2, 8, 18, 0.78) !important;
        border-bottom: 1px solid rgba(103, 232, 249, 0.14) !important;
        box-shadow: 0 14px 38px rgba(0, 0, 0, 0.28) !important;
        backdrop-filter: blur(18px) saturate(1.18) !important;
        -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
    }

    .nav-brand,
    .brand,
    #navbar .brand,
    #navbar .nav-brand {
        color: #f8fdff !important;
    }

    .logo-badge,
    .brand-badge,
    #navbar .logo,
    #navbar .logo-badge {
        background: linear-gradient(135deg, var(--hs-cyan), var(--hs-royal) 52%, var(--hs-violet)) !important;
        color: #02101d !important;
        box-shadow: 0 10px 26px rgba(56, 189, 248, 0.22) !important;
    }

    #navbar .nav-link,
    .nav-link,
    .nav a {
        color: rgba(228, 244, 255, 0.72) !important;
        background: transparent !important;
        border-color: transparent !important;
    }

    #navbar .nav-link:hover,
    .nav-link:hover,
    .nav a:hover {
        color: #ffffff !important;
        background: rgba(103, 232, 249, 0.10) !important;
        border-color: rgba(103, 232, 249, 0.18) !important;
    }

    #navbar .nav-link.active,
    .nav-link.active,
    .nav a.active {
        color: #ffffff !important;
        background: linear-gradient(135deg, rgba(103, 232, 249, 0.16), rgba(79, 140, 255, 0.18)) !important;
        border: 1px solid rgba(103, 232, 249, 0.24) !important;
        box-shadow: 0 8px 24px rgba(56, 189, 248, 0.12), inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    button,
    .btn,
    .filter-btn,
    .search-btn,
    .lang-btn,
    .dropdown-toggle,
    select,
    input,
    .search-input {
        border-color: rgba(103, 232, 249, 0.18) !important;
        background-color: rgba(5, 15, 31, 0.82) !important;
        color: rgba(246, 251, 255, 0.92) !important;
    }

    input::placeholder,
    .search-input::placeholder {
        color: rgba(170, 194, 216, 0.58) !important;
    }

    button:hover,
    .btn:hover,
    .filter-btn:hover,
    .search-btn:hover {
        border-color: rgba(103, 232, 249, 0.34) !important;
        background-color: rgba(103, 232, 249, 0.12) !important;
        color: #fff !important;
    }

    .hero,
    .hero-section,
    .home-hero {
        background:
            radial-gradient(circle at 50% 0%, rgba(103, 232, 249, 0.16), transparent 40%),
            radial-gradient(circle at 78% 18%, rgba(139, 125, 255, 0.14), transparent 34%) !important;
    }

    .hero-title,
    h1,
    h2,
    h3,
    .section-title,
    .seasons-main-title {
        color: #f8fcff !important;
    }

    .hero-subtitle,
    .subtitle,
    .muted,
    p {
        color: var(--hs-text-2) !important;
    }

    .movie-card,
    .media-card,
    .poster-card,
    .card,
    .stat-card,
    .category-card,
    .content-card {
        background:
            linear-gradient(180deg, rgba(12, 29, 55, 0.78), rgba(5, 14, 30, 0.88)) !important;
        border-color: rgba(103, 232, 249, 0.14) !important;
        box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    .movie-card:hover,
    .media-card:hover,
    .poster-card:hover,
    .card:hover {
        border-color: rgba(103, 232, 249, 0.34) !important;
        box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34), 0 0 34px rgba(56, 189, 248, 0.08) !important;
    }

    .badge,
    .pill,
    .tag,
    .genre-chip,
    .genre-chip-btn,
    .pretty-pill,
    .translated-pill {
        background: rgba(103, 232, 249, 0.10) !important;
        border-color: rgba(103, 232, 249, 0.24) !important;
        color: rgba(237, 253, 255, 0.94) !important;
    }

    .badge.active,
    .pill.active,
    .filter-btn.active,
    .tag.active,
    .genre-chip:hover,
    .genre-chip-btn:hover {
        background: linear-gradient(135deg, rgba(103, 232, 249, 0.18), rgba(79, 140, 255, 0.18)) !important;
        border-color: rgba(103, 232, 249, 0.38) !important;
        color: #ffffff !important;
    }

    #detail-content .detail-backdrop-fade {
        background:
            radial-gradient(circle at 50% 5%, rgba(103, 232, 249, 0.12), transparent 35%),
            linear-gradient(180deg, rgba(2, 7, 19, 0.18) 0%, rgba(2, 7, 19, 0.76) 44%, rgba(2, 7, 19, 0.97) 100%) !important;
    }

    #detail-content .detail-controls-panel {
        background:
            radial-gradient(circle at 18% 0%, rgba(103, 232, 249, 0.12), transparent 34%),
            radial-gradient(circle at 88% 8%, rgba(139, 125, 255, 0.10), transparent 32%),
            linear-gradient(180deg, rgba(10, 25, 49, 0.86), rgba(4, 11, 25, 0.94)) !important;
        border-color: rgba(103, 232, 249, 0.18) !important;
        box-shadow: 0 34px 96px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.06) !important;
    }

    #detail-content .detail-back-btn {
        background: rgba(4, 13, 29, 0.76) !important;
        border-color: rgba(103, 232, 249, 0.20) !important;
        color: rgba(246, 251, 255, 0.90) !important;
    }

    #detail-content .detail-back-btn:hover {
        background: rgba(103, 232, 249, 0.13) !important;
        border-color: rgba(103, 232, 249, 0.42) !important;
    }

    #detail-content .detail-kind-badge {
        background: linear-gradient(135deg, var(--hs-cyan), var(--hs-royal)) !important;
        color: #02101d !important;
        box-shadow: 0 12px 28px rgba(56, 189, 248, 0.22) !important;
    }

    #detail-content .detail-title {
        color: #f8fbff !important;
        text-shadow: 0 18px 46px rgba(0,0,0,.44) !important;
    }

    #detail-content .detail-description {
        color: rgba(226, 241, 255, 0.78) !important;
    }

    #detail-content .detail-controls-top.detail-controls-inside-card {
        background:
            radial-gradient(circle at 50% -12%, rgba(103, 232, 249, 0.13), transparent 45%),
            linear-gradient(180deg, rgba(9, 23, 47, 0.86), rgba(6, 13, 31, 0.92)) !important;
        border-color: rgba(103, 232, 249, 0.18) !important;
        box-shadow: 0 18px 44px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.055) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-title,
    #detail-content .section-title,
    #detail-content .info-section-title,
    #detail-content .seasons-main-title {
        color: rgba(246, 251, 255, 0.98) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-title,
    #detail-content #hs-visible-info-v31 .hs-v31-item label,
    #detail-content .meta-item label,
    #detail-content .optimized-sub-table th,
    #detail-content .sub-table th {
        color: rgba(125, 249, 255, 0.76) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-title::before,
    #detail-content #hs-visible-info-v31 .hs-v31-title::after,
    #detail-content .section-title::before,
    #detail-content .section-title::after,
    #detail-content .seasons-main-title::before,
    #detail-content .seasons-main-title::after {
        background: linear-gradient(90deg, transparent, rgba(103, 232, 249, 0.66), rgba(79, 140, 255, 0.36), transparent) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-item,
    #detail-content .meta-item {
        background:
            linear-gradient(180deg, rgba(255,255,255,.055), rgba(103,232,249,.025)) !important;
        border-color: rgba(103, 232, 249, 0.16) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-item span,
    #detail-content .meta-item span {
        color: #ffffff !important;
    }

    #detail-content #cast-section {
        border-top-color: rgba(103, 232, 249, 0.14) !important;
    }

    #detail-content .cast-photo,
    #detail-content .cast-photo-fallback,
    #detail-content .cast-circle {
        background:
            linear-gradient(#0b1730, #0b1730) padding-box,
            linear-gradient(135deg, rgba(103, 232, 249, 0.82), rgba(79, 140, 255, 0.62), rgba(139, 125, 255, 0.54)) border-box !important;
        border-color: transparent !important;
        box-shadow: 0 12px 30px rgba(0,0,0,.34), 0 0 0 7px rgba(103,232,249,.035) !important;
    }

    #detail-content .cast-name {
        color: rgba(236, 247, 255, 0.88) !important;
    }

    #detail-content .season-episode-panel,
    #detail-content .detail-table-shell {
        background:
            linear-gradient(180deg, rgba(8, 20, 41, 0.84), rgba(5, 12, 29, 0.92)) !important;
        border-color: rgba(103, 232, 249, 0.15) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
    }

    #detail-content .season-select-btn,
    #detail-content .episode-select-btn,
    #detail-content .season-option,
    #detail-content .episode-option {
        background: rgba(3, 12, 28, 0.88) !important;
        border-color: rgba(103, 232, 249, 0.18) !important;
        color: rgba(246, 251, 255, 0.92) !important;
    }

    #detail-content .season-select-btn:hover,
    #detail-content .episode-select-btn:hover,
    #detail-content .season-option:hover,
    #detail-content .episode-option:hover,
    #detail-content .season-option.active,
    #detail-content .episode-option.active {
        background: rgba(103, 232, 249, 0.13) !important;
        border-color: rgba(103, 232, 249, 0.38) !important;
        color: #fff !important;
    }

    #detail-content .lang-tabs.optimized-lang-tabs {
        background: rgba(103, 232, 249, 0.045) !important;
        border-bottom-color: rgba(103, 232, 249, 0.12) !important;
    }

    #detail-content .lang-tab.active {
        background: rgba(103, 232, 249, 0.13) !important;
        border-color: rgba(103, 232, 249, 0.30) !important;
        color: #ffffff !important;
    }

    #detail-content .optimized-sub-table,
    #detail-content .sub-table {
        background: transparent !important;
        border-color: rgba(103, 232, 249, 0.10) !important;
    }

    #detail-content .optimized-sub-table td,
    #detail-content .sub-table td {
        color: rgba(236, 247, 255, 0.86) !important;
        border-top-color: rgba(103, 232, 249, 0.075) !important;
    }

    #detail-content .optimized-sub-table tbody tr:hover,
    #detail-content .sub-table tbody tr:hover {
        background: rgba(103, 232, 249, 0.055) !important;
        box-shadow: inset 3px 0 0 rgba(103, 232, 249, 0.62) !important;
    }

    #detail-content .source-greeksubsnet,
    #detail-content .source-tvsubtitles,
    #detail-content .source-opensubtitles,
    #detail-content .source-other,
    #detail-content .pretty-pill,
    #detail-content .translated-pill {
        background: rgba(103, 232, 249, 0.09) !important;
        border-color: rgba(103, 232, 249, 0.24) !important;
        color: rgba(237, 253, 255, 0.92) !important;
    }

    #detail-content .dl-btn,
    .download-btn,
    a.download-btn {
        background: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 42%, #4f8cff 100%) !important;
        color: #02101d !important;
        border: 0 !important;
        box-shadow: 0 12px 26px rgba(56, 189, 248, 0.22) !important;
    }

    #detail-content .dl-btn:hover,
    .download-btn:hover,
    a.download-btn:hover {
        filter: brightness(1.05) saturate(1.08) !important;
        box-shadow: 0 16px 34px rgba(56, 189, 248, 0.30) !important;
    }

    ::selection {
        background: rgba(103, 232, 249, 0.30) !important;
        color: #ffffff !important;
    }

    ::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, var(--hs-cyan), var(--hs-royal)) !important;
        border-radius: 999px !important;
    }

    footer,
    .footer {
        background: rgba(2, 8, 18, 0.82) !important;
        border-top-color: rgba(103, 232, 249, 0.12) !important;
        color: rgba(226, 241, 255, 0.74) !important;
    }


/* extracted from <style id="hs-v95-all-cyan-final-theme"> */
/* Final all-cyan / light-blue theme override */
    :root {
        --hs-cyan-bg-0: #020b14;
        --hs-cyan-bg-1: #061827;
        --hs-cyan-bg-2: #09243a;
        --hs-cyan-card: rgba(5, 20, 34, 0.88);
        --hs-cyan-card-2: rgba(8, 31, 50, 0.80);
        --hs-cyan-line: rgba(103, 232, 249, 0.22);
        --hs-cyan-line-2: rgba(125, 249, 255, 0.38);
        --hs-cyan-text: #f4fcff;
        --hs-cyan-muted: rgba(213, 241, 250, 0.76);
        --hs-cyan-soft: #a7f3ff;
        --hs-cyan-main: #67e8f9;
        --hs-cyan-blue: #38bdf8;
        --hs-cyan-deep: #0ea5e9;
    }

    html,
    body {
        background:
            radial-gradient(circle at 50% -16%, rgba(103, 232, 249, 0.24), transparent 430px),
            radial-gradient(circle at 12% 18%, rgba(56, 189, 248, 0.18), transparent 360px),
            radial-gradient(circle at 88% 16%, rgba(14, 165, 233, 0.16), transparent 390px),
            linear-gradient(180deg, #071827 0%, #03101c 54%, #020913 100%) !important;
        color: var(--hs-cyan-text) !important;
    }

    body::before {
        background:
            linear-gradient(90deg, rgba(103, 232, 249, 0.04) 1px, transparent 1px),
            linear-gradient(180deg, rgba(103, 232, 249, 0.03) 1px, transparent 1px) !important;
        background-size: 64px 64px !important;
        opacity: .48 !important;
    }

    #navbar,
    .navbar {
        background: rgba(2, 13, 23, 0.82) !important;
        border-bottom-color: rgba(103, 232, 249, 0.18) !important;
        box-shadow: 0 12px 34px rgba(0, 22, 38, 0.34) !important;
    }

    .logo-badge,
    .brand-badge,
    #navbar .logo,
    #navbar .logo-badge,
    #detail-content .detail-kind-badge {
        background: linear-gradient(135deg, #a7f3ff 0%, #67e8f9 44%, #38bdf8 100%) !important;
        color: #02111c !important;
        box-shadow: 0 12px 26px rgba(56, 189, 248, 0.26) !important;
    }

    #navbar .nav-link.active,
    .nav-link.active,
    .nav a.active,
    #navbar .nav-link:hover,
    .nav-link:hover,
    .nav a:hover,
    button:hover,
    .btn:hover,
    .filter-btn:hover,
    .search-btn:hover {
        background: rgba(103, 232, 249, 0.13) !important;
        border-color: rgba(103, 232, 249, 0.34) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 22px rgba(56, 189, 248, 0.12) !important;
    }

    button,
    .btn,
    .filter-btn,
    .search-btn,
    .lang-btn,
    .dropdown-toggle,
    select,
    input,
    .search-input {
        background-color: rgba(4, 18, 31, 0.86) !important;
        border-color: rgba(103, 232, 249, 0.22) !important;
        color: rgba(244, 252, 255, 0.94) !important;
    }

    .movie-card,
    .media-card,
    .poster-card,
    .card,
    .stat-card,
    .category-card,
    .content-card {
        background: linear-gradient(180deg, rgba(7, 28, 46, 0.84), rgba(4, 17, 31, 0.92)) !important;
        border-color: rgba(103, 232, 249, 0.17) !important;
        box-shadow: 0 18px 48px rgba(0, 18, 34, 0.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    .badge,
    .pill,
    .tag,
    .genre-chip,
    .genre-chip-btn,
    .pretty-pill,
    .translated-pill,
    #detail-content .source-greeksubsnet,
    #detail-content .source-tvsubtitles,
    #detail-content .source-opensubtitles,
    #detail-content .source-other {
        background: rgba(103, 232, 249, 0.105) !important;
        border-color: rgba(103, 232, 249, 0.30) !important;
        color: rgba(237, 253, 255, 0.96) !important;
    }

    #detail-content .detail-backdrop-fade {
        background:
            radial-gradient(circle at 50% 0%, rgba(103, 232, 249, 0.17), transparent 34%),
            linear-gradient(180deg, rgba(2, 12, 22, 0.18) 0%, rgba(2, 12, 22, 0.78) 44%, rgba(2, 12, 22, 0.98) 100%) !important;
    }

    #detail-content .detail-controls-panel {
        background:
            radial-gradient(circle at 18% 0%, rgba(103, 232, 249, 0.16), transparent 34%),
            radial-gradient(circle at 88% 8%, rgba(56, 189, 248, 0.13), transparent 32%),
            linear-gradient(180deg, rgba(7, 28, 48, 0.88), rgba(3, 14, 27, 0.96)) !important;
        border-color: rgba(103, 232, 249, 0.24) !important;
        box-shadow: 0 34px 96px rgba(0, 14, 28, .56), inset 0 1px 0 rgba(255,255,255,.07) !important;
    }

    #detail-content .detail-back-btn {
        background: rgba(3, 18, 31, 0.82) !important;
        border-color: rgba(103, 232, 249, 0.28) !important;
        color: rgba(244, 252, 255, 0.94) !important;
    }

    #detail-content .detail-title,
    #detail-content .section-title,
    #detail-content .seasons-main-title,
    h1,
    h2,
    h3 {
        color: #f7fdff !important;
        text-shadow: 0 14px 38px rgba(0, 22, 38, 0.38) !important;
    }

    #detail-content .detail-description,
    p,
    .muted,
    .subtitle {
        color: var(--hs-cyan-muted) !important;
    }

    #detail-content .detail-controls-top.detail-controls-inside-card {
        background:
            radial-gradient(circle at 50% -12%, rgba(103, 232, 249, 0.17), transparent 46%),
            linear-gradient(180deg, rgba(7, 28, 47, 0.88), rgba(3, 15, 29, 0.94)) !important;
        border-color: rgba(103, 232, 249, 0.24) !important;
        box-shadow: 0 18px 44px rgba(0, 14, 28, .32), inset 0 1px 0 rgba(255,255,255,.06) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-title,
    #detail-content #hs-visible-info-v31 .hs-v31-item label,
    #detail-content .meta-item label,
    #detail-content .optimized-sub-table th,
    #detail-content .sub-table th,
    #detail-content .season-episode-label {
        color: rgba(167, 243, 255, 0.82) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-title::before,
    #detail-content #hs-visible-info-v31 .hs-v31-title::after,
    #detail-content .section-title::before,
    #detail-content .section-title::after,
    #detail-content .seasons-main-title::before,
    #detail-content .seasons-main-title::after {
        background: linear-gradient(90deg, transparent, rgba(103, 232, 249, 0.78), rgba(56, 189, 248, 0.45), transparent) !important;
        box-shadow: 0 0 16px rgba(103, 232, 249, 0.16) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-item,
    #detail-content .meta-item {
        background: linear-gradient(180deg, rgba(103, 232, 249, .07), rgba(103, 232, 249, .025)) !important;
        border-color: rgba(103, 232, 249, 0.22) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
    }

    #detail-content #hs-visible-info-v31 .hs-v31-item span,
    #detail-content .meta-item span {
        color: #ffffff !important;
    }

    #detail-content #cast-section {
        border-top-color: rgba(103, 232, 249, 0.20) !important;
    }

    #detail-content .cast-photo,
    #detail-content .cast-photo-fallback,
    #detail-content .cast-circle {
        background:
            linear-gradient(#072033, #072033) padding-box,
            linear-gradient(135deg, #a7f3ff, #67e8f9 48%, #38bdf8) border-box !important;
        border-color: transparent !important;
        box-shadow: 0 12px 30px rgba(0, 20, 36, .34), 0 0 0 7px rgba(103,232,249,.045) !important;
    }

    #detail-content .cast-name {
        color: rgba(237, 253, 255, 0.90) !important;
    }

    #detail-content .season-episode-panel,
    #detail-content .detail-table-shell,
    #detail-content .optimized-sub-table,
    #detail-content .sub-table {
        background: linear-gradient(180deg, rgba(5, 23, 40, 0.88), rgba(3, 14, 28, 0.95)) !important;
        border-color: rgba(103, 232, 249, 0.20) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    #detail-content .lang-tabs.optimized-lang-tabs {
        background: rgba(103, 232, 249, 0.055) !important;
        border-bottom-color: rgba(103, 232, 249, 0.16) !important;
    }

    #detail-content .lang-tab.active,
    #detail-content .season-select-btn:hover,
    #detail-content .episode-select-btn:hover,
    #detail-content .season-option:hover,
    #detail-content .episode-option:hover,
    #detail-content .season-option.active,
    #detail-content .episode-option.active {
        background: rgba(103, 232, 249, 0.15) !important;
        border-color: rgba(103, 232, 249, 0.42) !important;
        color: #ffffff !important;
    }

    #detail-content .optimized-sub-table td,
    #detail-content .sub-table td {
        color: rgba(238, 252, 255, 0.88) !important;
        border-top-color: rgba(103, 232, 249, 0.09) !important;
    }

    #detail-content .optimized-sub-table tbody tr:hover,
    #detail-content .sub-table tbody tr:hover {
        background: rgba(103, 232, 249, 0.07) !important;
        box-shadow: inset 3px 0 0 rgba(103, 232, 249, 0.72) !important;
    }

    #detail-content .dl-btn,
    .download-btn,
    a.download-btn {
        background: linear-gradient(135deg, #a7f3ff 0%, #67e8f9 45%, #38bdf8 100%) !important;
        color: #02111c !important;
        border: 0 !important;
        box-shadow: 0 12px 26px rgba(56, 189, 248, 0.28) !important;
    }

    #detail-content .dl-btn:hover,
    .download-btn:hover,
    a.download-btn:hover {
        box-shadow: 0 16px 34px rgba(56, 189, 248, 0.36) !important;
        filter: brightness(1.04) saturate(1.08) !important;
    }

    ::selection {
        background: rgba(103, 232, 249, 0.34) !important;
        color: #ffffff !important;
    }

    ::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #a7f3ff, #38bdf8) !important;
        border-radius: 999px !important;
    }

    footer,
    .footer {
        background: rgba(2, 12, 22, 0.88) !important;
        border-top-color: rgba(103, 232, 249, 0.16) !important;
    }


/* extracted from <style id="hs-v96-cyan-subtitle-table-final"> */
/* Final cyan pass for subtitles table */
    html body #detail-content .detail-table-shell,
    html body #detail-content .optimized-sub-table,
    html body #detail-content .sub-table,
    html body #detail-content .optimized-sub-table-wrap,
    html body #detail-content .sub-table-wrap,
    html body #detail-content .panel-sub-table-wrap {
        background: linear-gradient(180deg, rgba(4, 24, 40, 0.94), rgba(2, 15, 28, 0.98)) !important;
        border-color: rgba(103, 232, 249, 0.26) !important;
        box-shadow:
            0 18px 48px rgba(0, 20, 34, 0.30),
            inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    }

    html body #detail-content .optimized-sub-table thead,
    html body #detail-content .sub-table thead,
    html body #detail-content .optimized-sub-table th,
    html body #detail-content .sub-table th {
        background: rgba(103, 232, 249, 0.085) !important;
        color: rgba(167, 243, 255, 0.92) !important;
        border-color: rgba(103, 232, 249, 0.16) !important;
    }

    html body #detail-content .optimized-sub-table tbody tr,
    html body #detail-content .sub-table tbody tr {
        background: rgba(3, 16, 31, 0.72) !important;
        border-color: rgba(103, 232, 249, 0.08) !important;
    }

    html body #detail-content .optimized-sub-table tbody tr:nth-child(even),
    html body #detail-content .sub-table tbody tr:nth-child(even) {
        background: rgba(5, 23, 39, 0.72) !important;
    }

    html body #detail-content .optimized-sub-table tbody tr:hover,
    html body #detail-content .sub-table tbody tr:hover {
        background: rgba(103, 232, 249, 0.095) !important;
        box-shadow: inset 3px 0 0 rgba(103, 232, 249, 0.86) !important;
    }

    html body #detail-content .optimized-sub-table td,
    html body #detail-content .sub-table td,
    html body #detail-content .subtitle-name,
    html body #detail-content .pretty-title-main {
        color: rgba(245, 253, 255, 0.94) !important;
        border-color: rgba(103, 232, 249, 0.09) !important;
    }

    html body #detail-content .pretty-pill,
    html body #detail-content .translated-pill,
    html body #detail-content .subtitle-type-cell .pretty-pill,
    html body #detail-content .subtitle-type-cell .translated-pill,
    html body #detail-content td .pretty-pill,
    html body #detail-content td .translated-pill,
    html body #detail-content [class*="source-"],
    html body #detail-content [class*="provider"],
    html body #detail-content [class*="site"] .pretty-pill {
        background: rgba(103, 232, 249, 0.13) !important;
        border: 1px solid rgba(103, 232, 249, 0.36) !important;
        color: rgba(224, 252, 255, 0.96) !important;
        box-shadow: none !important;
    }

    html body #detail-content .dl-btn,
    html body #detail-content button.dl-btn,
    html body #detail-content a.dl-btn,
    html body #detail-content .download-btn,
    html body #detail-content a.download-btn,
    html body #detail-content .subtitle-row-actions a,
    html body #detail-content .subtitle-row-actions button,
    html body #detail-content .optimized-sub-table a[href*="subtitle-files"],
    html body #detail-content .optimized-sub-table button,
    html body #detail-content .sub-table a[href*="subtitle-files"],
    html body #detail-content .sub-table button {
        background: linear-gradient(135deg, #a7f3ff 0%, #67e8f9 48%, #38bdf8 100%) !important;
        border: 0 !important;
        color: #02111c !important;
        box-shadow: 0 12px 26px rgba(56, 189, 248, 0.32) !important;
    }

    html body #detail-content .dl-btn:hover,
    html body #detail-content button.dl-btn:hover,
    html body #detail-content a.dl-btn:hover,
    html body #detail-content .download-btn:hover,
    html body #detail-content .optimized-sub-table button:hover,
    html body #detail-content .sub-table button:hover {
        background: linear-gradient(135deg, #cffafe 0%, #7dd3fc 48%, #22d3ee 100%) !important;
        color: #020f18 !important;
        box-shadow: 0 16px 34px rgba(56, 189, 248, 0.40) !important;
        filter: brightness(1.04) saturate(1.08) !important;
    }

    html body #detail-content .detail-table-shell ::-webkit-scrollbar-track,
    html body #detail-content .optimized-sub-table-wrap::-webkit-scrollbar-track,
    html body #detail-content .sub-table-wrap::-webkit-scrollbar-track,
    html body #detail-content .panel-sub-table-wrap::-webkit-scrollbar-track {
        background: rgba(2, 12, 24, 0.90) !important;
    }

    html body #detail-content .detail-table-shell ::-webkit-scrollbar-thumb,
    html body #detail-content .optimized-sub-table-wrap::-webkit-scrollbar-thumb,
    html body #detail-content .sub-table-wrap::-webkit-scrollbar-thumb,
    html body #detail-content .panel-sub-table-wrap::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #a7f3ff, #38bdf8) !important;
        border-radius: 999px !important;
        border: 2px solid rgba(2, 12, 24, 0.90) !important;
    }


/* extracted from <style id="hs-v97-type-and-translated-colors"> */
/* Different colors for WEB / HDTV / translated / source pills */
    #detail-content .subtitle-type-cell .pretty-pill,
    #detail-content td:nth-child(3) .pretty-pill,
    #detail-content .pretty-pill.type-web,
    #detail-content .pretty-pill[data-type="web"] {
        background: rgba(248, 113, 113, 0.16) !important;
        border-color: rgba(248, 113, 113, 0.58) !important;
        color: #fecaca !important;
        box-shadow: 0 0 18px rgba(248, 113, 113, 0.10) !important;
    }

    #detail-content .pretty-pill.type-hdtv,
    #detail-content .pretty-pill[data-type="hdtv"] {
        background: rgba(74, 222, 128, 0.16) !important;
        border-color: rgba(74, 222, 128, 0.58) !important;
        color: #bbf7d0 !important;
        box-shadow: 0 0 18px rgba(74, 222, 128, 0.10) !important;
    }

    #detail-content .pretty-pill.type-bluray,
    #detail-content .pretty-pill[data-type="bluray"] {
        background: rgba(96, 165, 250, 0.17) !important;
        border-color: rgba(96, 165, 250, 0.58) !important;
        color: #bfdbfe !important;
        box-shadow: 0 0 18px rgba(96, 165, 250, 0.10) !important;
    }

    #detail-content .pretty-pill.type-dvdrip,
    #detail-content .pretty-pill[data-type="dvdrip"] {
        background: rgba(251, 191, 36, 0.16) !important;
        border-color: rgba(251, 191, 36, 0.56) !important;
        color: #fde68a !important;
        box-shadow: 0 0 18px rgba(251, 191, 36, 0.10) !important;
    }

    #detail-content .pretty-pill.type-other,
    #detail-content .pretty-pill[data-type="other"] {
        background: rgba(167, 243, 255, 0.13) !important;
        border-color: rgba(103, 232, 249, 0.42) !important;
        color: #cffafe !important;
    }

    #detail-content .translated-pill,
    #detail-content .pretty-pill.translated-pill,
    #detail-content .subtitle-type-cell .translated-pill,
    #detail-content td .translated-pill {
        background: rgba(217, 70, 239, 0.18) !important;
        border-color: rgba(217, 70, 239, 0.62) !important;
        color: #f5d0fe !important;
        box-shadow: 0 0 18px rgba(217, 70, 239, 0.12) !important;
    }

    #detail-content .source-greeksubsnet,
    #detail-content .pretty-pill.source-greeksubsnet {
        background: rgba(103, 232, 249, 0.12) !important;
        border-color: rgba(103, 232, 249, 0.44) !important;
        color: #cffafe !important;
    }

    #detail-content .source-tvsubtitles,
    #detail-content .pretty-pill.source-tvsubtitles {
        background: rgba(34, 197, 94, 0.14) !important;
        border-color: rgba(34, 197, 94, 0.48) !important;
        color: #bbf7d0 !important;
    }

    #detail-content .source-opensubtitles,
    #detail-content .pretty-pill.source-opensubtitles {
        background: rgba(59, 130, 246, 0.14) !important;
        border-color: rgba(59, 130, 246, 0.48) !important;
        color: #bfdbfe !important;
    }


/* extracted from <style id="hs-v98-source-type-colors-real-fix"> */
/* Real classes used by the table: WEB / HDTV / BluRay / DVD / Translated */
    html body #detail-content .pretty-pill.source-web,
    html body #detail-content .subtitle-type-cell .pretty-pill.source-web,
    html body #detail-content td .pretty-pill.source-web {
        background: rgba(239, 68, 68, 0.18) !important;
        border: 1px solid rgba(248, 113, 113, 0.70) !important;
        color: #fecaca !important;
        box-shadow: 0 0 18px rgba(239, 68, 68, 0.16) !important;
    }

    html body #detail-content .pretty-pill.source-hdtv,
    html body #detail-content .subtitle-type-cell .pretty-pill.source-hdtv,
    html body #detail-content td .pretty-pill.source-hdtv {
        background: rgba(34, 197, 94, 0.18) !important;
        border: 1px solid rgba(74, 222, 128, 0.70) !important;
        color: #bbf7d0 !important;
        box-shadow: 0 0 18px rgba(34, 197, 94, 0.16) !important;
    }

    html body #detail-content .pretty-pill.source-bluray,
    html body #detail-content .subtitle-type-cell .pretty-pill.source-bluray,
    html body #detail-content td .pretty-pill.source-bluray {
        background: rgba(59, 130, 246, 0.18) !important;
        border: 1px solid rgba(96, 165, 250, 0.70) !important;
        color: #bfdbfe !important;
        box-shadow: 0 0 18px rgba(59, 130, 246, 0.16) !important;
    }

    html body #detail-content .pretty-pill.source-dvd,
    html body #detail-content .subtitle-type-cell .pretty-pill.source-dvd,
    html body #detail-content td .pretty-pill.source-dvd {
        background: rgba(245, 158, 11, 0.18) !important;
        border: 1px solid rgba(251, 191, 36, 0.70) !important;
        color: #fde68a !important;
        box-shadow: 0 0 18px rgba(245, 158, 11, 0.16) !important;
    }

    html body #detail-content .pretty-pill.source-other,
    html body #detail-content .subtitle-type-cell .pretty-pill.source-other,
    html body #detail-content td .pretty-pill.source-other {
        background: rgba(103, 232, 249, 0.14) !important;
        border: 1px solid rgba(103, 232, 249, 0.54) !important;
        color: #cffafe !important;
        box-shadow: 0 0 18px rgba(103, 232, 249, 0.12) !important;
    }

    html body #detail-content .pretty-pill.translated-pill,
    html body #detail-content .translated-pill,
    html body #detail-content .subtitle-type-cell .pretty-pill.translated-pill,
    html body #detail-content td .pretty-pill.translated-pill {
        background: rgba(217, 70, 239, 0.20) !important;
        border: 1px solid rgba(232, 121, 249, 0.76) !important;
        color: #f5d0fe !important;
        box-shadow: 0 0 18px rgba(217, 70, 239, 0.18) !important;
    }


/* extracted from <style id="hs-v99-info-center-back-final"> */
/* Center info text + make Πληροφορίες title match Ηθοποιοί */
    html body #detail-content #hs-visible-info-v31 .hs-v31-title {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        height: auto !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: center !important;
        text-transform: none !important;
        letter-spacing: -0.02em !important;
        font-size: 22px !important;
        line-height: 1.15 !important;
        font-weight: 950 !important;
        color: #ffffff !important;
        text-shadow: 0 14px 38px rgba(0, 22, 38, 0.38) !important;
    }

    html body #detail-content #hs-visible-info-v31 .hs-v31-title::before,
    html body #detail-content #hs-visible-info-v31 .hs-v31-title::after {
        content: "" !important;
        display: block !important;
        width: 58px !important;
        height: 1px !important;
        flex: 0 0 58px !important;
        background: linear-gradient(90deg, transparent, rgba(103, 232, 249, 0.78), rgba(56, 189, 248, 0.45), transparent) !important;
        box-shadow: 0 0 16px rgba(103, 232, 249, 0.16) !important;
    }

    html body #detail-content #hs-visible-info-v31 .hs-v31-grid {
        align-items: stretch !important;
    }

    html body #detail-content #hs-visible-info-v31 .hs-v31-item,
    html body #detail-content #hs-visible-info-v31 .hs-v31-item:last-child,
    html body #detail-content #hs-visible-info-v31 .hs-v31-item:nth-child(2n) {
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html body #detail-content #hs-visible-info-v31 .hs-v31-item label,
    html body #detail-content #hs-visible-info-v31 .hs-v31-item span {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }


/* extracted from <style id="hs-remove-actors-title-only-final"> */
/* Remove only the Ηθοποιοί title and its decorative lines */
    html body #detail-content #cast-section .section-title,
    html body #detail-content #cast-section .section-title::before,
    html body #detail-content #cast-section .section-title::after {
        display: none !important;
        content: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body #detail-content #cast-section #cast-row,
    html body #detail-content #cast-section .cast-row {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }


/* extracted from <style id="hs-fix-seasons-spacing-final"> */
/* Fix spacing around Σεζόν & επεισόδια: less empty space above, more breathing room below */
    html body #detail-content #cast-section {
        padding-bottom: 8px !important;
        margin-bottom: 8px !important;
    }

    html body #detail-content .detail-controls-top,
    html body #detail-content .detail-controls-top.detail-controls-inside-card {
        margin-bottom: 8px !important;
        padding-bottom: 8px !important;
    }

    html body #detail-content .detail-seasons-full,
    html body #detail-content .detail-side-card.detail-seasons-full {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    html body #detail-content .seasons-main-title {
        margin-top: 0 !important;
        margin-bottom: 24px !important;
        padding-top: 0 !important;
        transform: translateY(-10px) !important;
    }

    html body #detail-content .season-episode-panel {
        margin-top: -6px !important;
        margin-bottom: 22px !important;
    }


/* extracted from <style id="hs-fix-bottom-empty-space-final"> */
/* Fix the empty space at the bottom under the subtitles table */
    html body #detail-content .detail-controls-panel {
        padding-bottom: 10px !important;
        margin-bottom: 0 !important;
    }

    html body #detail-content .detail-side-card.detail-seasons-full,
    html body #detail-content .detail-seasons-full {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    html body #detail-content .detail-table-shell {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    html body #detail-content .panel-sub-table-wrap,
    html body #detail-content .optimized-sub-table-wrap,
    html body #detail-content .sub-table-wrap {
        margin-bottom: 0 !important;
    }

    html body #detail-content .detail-controls-panel > *:last-child,
    html body #detail-content .detail-seasons-full > *:last-child,
    html body #detail-content .detail-table-shell > *:last-child,
    html body #detail-content .panel-sub-table-wrap > *:last-child,
    html body #detail-content .optimized-sub-table-wrap > *:last-child,
    html body #detail-content .sub-table-wrap > *:last-child {
        margin-bottom: 0 !important;
    }

    html body #detail-content .detail-controls-panel::after,
    html body #detail-content .detail-side-card.detail-seasons-full::after,
    html body #detail-content .detail-seasons-full::after,
    html body #detail-content .detail-table-shell::after {
        content: none !important;
        display: none !important;
    }


/* extracted from <style id="hs-fix-different-bottom-color-final"> */
/* Remove the remaining different-colored background under/around the subtitles table */
    html body #detail-content .detail-controls-panel,
    html body #detail-content .detail-side-card.detail-seasons-full,
    html body #detail-content .detail-seasons-full,
    html body #detail-content .detail-table-shell {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    html body #detail-content .detail-controls-panel {
        border: 0 !important;
        outline: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        overflow: visible !important;
    }

    html body #detail-content .detail-side-card.detail-seasons-full,
    html body #detail-content .detail-seasons-full,
    html body #detail-content .detail-table-shell {
        border: 0 !important;
        outline: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    html body #detail-content .detail-controls-panel::before,
    html body #detail-content .detail-controls-panel::after,
    html body #detail-content .detail-side-card.detail-seasons-full::before,
    html body #detail-content .detail-side-card.detail-seasons-full::after,
    html body #detail-content .detail-seasons-full::before,
    html body #detail-content .detail-seasons-full::after,
    html body #detail-content .detail-table-shell::before,
    html body #detail-content .detail-table-shell::after {
        content: none !important;
        display: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Keep only the table itself as the visible surface, with the same dark/cyan color */
    html body #detail-content .panel-sub-table-wrap,
    html body #detail-content .optimized-sub-table-wrap,
    html body #detail-content .sub-table-wrap {
        background: linear-gradient(180deg, rgba(4, 22, 40, .96), rgba(2, 13, 26, .99)) !important;
        border: 1px solid rgba(103, 232, 249, .24) !important;
        box-shadow: 0 16px 42px rgba(0, 14, 28, .26), inset 0 1px 0 rgba(255,255,255,.05) !important;
        margin-bottom: 0 !important;
    }


/* extracted from <style id="hs-clean-season-dropdowns-final"> */
/* Clean, simple season / episode selectors */
    html body #detail-content .season-episode-panel {
        width: min(700px, calc(100% - 28px)) !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
        margin: 0 auto 18px !important;
        padding: 0 !important;
        background: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    html body #detail-content .season-tabs,
    html body #detail-content .episode-tabs,
    html body #detail-content .season-select-shell,
    html body #detail-content .episode-select-shell {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body #detail-content .season-select-btn,
    html body #detail-content .episode-select-btn {
        width: 100% !important;
        min-height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 18px !important;
        border-radius: 14px !important;
        background: linear-gradient(180deg, rgba(7, 18, 39, .94), rgba(3, 10, 26, .98)) !important;
        border: 1px solid rgba(103, 232, 249, .18) !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
        text-shadow: none !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 10px 24px rgba(0, 12, 28, .18) !important;
        cursor: pointer !important;
        overflow: hidden !important;
        transition: border-color .15s ease, background .15s ease, transform .15s ease !important;
    }

    html body #detail-content .season-select-btn::before,
    html body #detail-content .episode-select-btn::before {
        content: none !important;
        display: none !important;
    }

    html body #detail-content .season-select-btn::after,
    html body #detail-content .episode-select-btn::after {
        content: "⌄" !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
        padding-left: 12px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        color: #a5f3fc !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }

    html body #detail-content .season-select-btn:hover,
    html body #detail-content .episode-select-btn:hover,
    html body #detail-content .season-select-shell.open .season-select-btn,
    html body #detail-content .episode-select-shell.open .episode-select-btn {
        transform: translateY(-1px) !important;
        border-color: rgba(103, 232, 249, .40) !important;
        background: linear-gradient(180deg, rgba(9, 27, 50, .96), rgba(4, 13, 31, .98)) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(0, 14, 30, .24) !important;
    }

    html body #detail-content .season-menu,
    html body #detail-content .episode-menu {
        margin-top: 8px !important;
        padding: 6px !important;
        border-radius: 14px !important;
        background: rgba(3, 10, 26, .98) !important;
        border: 1px solid rgba(103, 232, 249, .20) !important;
        box-shadow: 0 18px 44px rgba(0, 10, 24, .42) !important;
        overflow: hidden auto !important;
    }

    html body #detail-content .season-option,
    html body #detail-content .episode-option {
        min-height: 38px !important;
        padding: 0 12px !important;
        border-radius: 10px !important;
        color: rgba(240, 253, 255, .88) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        border: 0 !important;
        background: transparent !important;
    }

    html body #detail-content .season-option:hover,
    html body #detail-content .episode-option:hover,
    html body #detail-content .season-option.active,
    html body #detail-content .episode-option.active {
        background: rgba(103, 232, 249, .10) !important;
        color: #ffffff !important;
    }

    @media (max-width: 640px) {
        html body #detail-content .season-episode-panel {
            grid-template-columns: 1fr !important;
            gap: 10px !important;
        }
    }


/* extracted from <style id="hs-center-season-dropdowns-final"> */
/* Center the text inside Season / Episode selectors */
    html body #detail-content .season-episode-panel {
        justify-items: center !important;
    }

    html body #detail-content .season-select-btn,
    html body #detail-content .episode-select-btn {
        position: relative !important;
        justify-content: center !important;
        text-align: center !important;
        padding-left: 44px !important;
        padding-right: 44px !important;
    }

    html body #detail-content .season-select-btn::after,
    html body #detail-content .episode-select-btn::after {
        position: absolute !important;
        right: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #detail-content .season-select-btn > *,
    html body #detail-content .episode-select-btn > * {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    html body #detail-content .season-select-btn .chevron,
    html body #detail-content .episode-select-btn .chevron,
    html body #detail-content .season-select-btn .select-chevron,
    html body #detail-content .episode-select-btn .select-chevron,
    html body #detail-content .season-select-btn svg,
    html body #detail-content .episode-select-btn svg {
        position: absolute !important;
        right: 18px !important;
        margin: 0 !important;
    }


/* extracted from <style id="hs-remove-dropdown-arrows-final"> */
/* Remove the dropdown arrows/carets from season and episode selectors */
    html body #detail-content .season-select-btn::before,
    html body #detail-content .season-select-btn::after,
    html body #detail-content .episode-select-btn::before,
    html body #detail-content .episode-select-btn::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body #detail-content .season-select-btn svg,
    html body #detail-content .episode-select-btn svg,
    html body #detail-content .season-select-btn .chevron,
    html body #detail-content .episode-select-btn .chevron,
    html body #detail-content .season-select-btn .select-chevron,
    html body #detail-content .episode-select-btn .select-chevron,
    html body #detail-content .season-select-btn .dropdown-arrow,
    html body #detail-content .episode-select-btn .dropdown-arrow,
    html body #detail-content .season-select-btn .arrow,
    html body #detail-content .episode-select-btn .arrow {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body #detail-content .season-select-btn,
    html body #detail-content .episode-select-btn {
        justify-content: center !important;
        text-align: center !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }


/* extracted from <style id="hs-force-center-no-arrows-final"> */
/* Remove all remaining dropdown arrows and center the text perfectly */
    html body #detail-content .season-select-chevron,
    html body #detail-content .episode-select-chevron,
    html body #detail-content .season-select-btn .season-select-chevron,
    html body #detail-content .episode-select-btn .episode-select-chevron,
    html body #detail-content .season-select-btn svg,
    html body #detail-content .episode-select-btn svg,
    html body #detail-content .season-select-btn i,
    html body #detail-content .episode-select-btn i,
    html body #detail-content .season-select-btn .chevron,
    html body #detail-content .episode-select-btn .chevron,
    html body #detail-content .season-select-btn .select-chevron,
    html body #detail-content .episode-select-btn .select-chevron,
    html body #detail-content .season-select-btn .dropdown-arrow,
    html body #detail-content .episode-select-btn .dropdown-arrow,
    html body #detail-content .season-select-btn .arrow,
    html body #detail-content .episode-select-btn .arrow {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    html body #detail-content .season-select-btn::before,
    html body #detail-content .season-select-btn::after,
    html body #detail-content .episode-select-btn::before,
    html body #detail-content .episode-select-btn::after {
        content: "" !important;
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body #detail-content .season-select-btn,
    html body #detail-content .episode-select-btn {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        gap: 0 !important;
    }

    html body #detail-content .season-select-label,
    html body #detail-content .episode-selected-text,
    html body #detail-content .season-select-btn > span:not(.season-select-chevron),
    html body #detail-content .episode-select-btn > span:not(.episode-select-chevron) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        justify-content: center !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }


/* extracted from <style id="hs-v114-consolidated-final"> */
html body #detail-content .detail-panel-header { width: 100% !important; }

    html body #detail-content .detail-panel-hero-row {
        width: min(920px, calc(100% - 40px)) !important;
        margin: 0 auto !important;
        display: grid !important;
        grid-template-columns: 190px minmax(0, 1fr) !important;
        gap: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        justify-items: center !important;
    }

    html body #detail-content .detail-poster-col { justify-self: center !important; }

    html body #detail-content .detail-panel-info {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 680px !important;
        min-width: 0 !important;
    }

    html body #detail-content .detail-panel-title-row,
    html body #detail-content .detail-title,
    html body #detail-content .detail-meta-row,
    html body #detail-content .detail-genres,
    html body #detail-content .detail-description {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body #detail-content .detail-title {
        display: block !important;
        color: #ffffff !important;
        margin-bottom: 14px !important;
        text-shadow: 0 18px 46px rgba(0, 18, 36, .42), 0 0 34px rgba(103, 232, 249, .13) !important;
    }

    html body #detail-content .detail-genres {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin-top: 4px !important;
        margin-bottom: 20px !important;
    }

    html body #detail-content .detail-genres .genre-chip,
    html body #detail-content .detail-genres .genre-chip-btn,
    html body #detail-content .detail-genres a,
    html body #detail-content .detail-genres span {
        min-height: 31px !important;
        padding: 0 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: linear-gradient(180deg, rgba(103, 232, 249, .18), rgba(56, 189, 248, .10)) !important;
        border: 1px solid rgba(125, 211, 252, .36) !important;
        color: #ecfeff !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 24px rgba(0, 18, 36, .18) !important;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .20) !important;
    }

    html body #detail-content .detail-description {
        max-width: 760px !important;
        color: rgba(236, 253, 255, .86) !important;
        line-height: 1.78 !important;
        font-weight: 650 !important;
    }

    html body #detail-content .detail-meta-row { display: flex !important; justify-content: center !important; }

    html body #detail-content .season-episode-panel {
        width: min(560px, calc(100% - 28px)) !important;
        display: block !important;
        margin: 0 auto 20px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body #detail-content .season-tabs {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    html body #detail-content .episode-tabs { display: none !important; }

    html body #detail-content .unified-select-shell {
        position: relative !important;
        isolation: isolate !important;
        width: 100% !important;
        margin: 0 auto !important;
        filter: drop-shadow(0 18px 34px rgba(0, 18, 36, .24)) !important;
    }

    html body #detail-content .unified-select-btn {
        position: relative !important;
        width: 100% !important;
        min-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 18px !important;
        border-radius: 20px !important;
        background:
            radial-gradient(circle at 20% 0%, rgba(103, 232, 249, .22), transparent 48%),
            linear-gradient(180deg, rgba(7, 26, 50, .98), rgba(3, 12, 30, .99)) !important;
        border: 1px solid rgba(103, 232, 249, .34) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(0,0,0,.26) !important;
        color: #ffffff !important;
        cursor: pointer !important;
        overflow: hidden !important;
        text-align: center !important;
    }

    html body #detail-content .unified-select-btn:hover,
    html body #detail-content .unified-select-shell.open .unified-select-btn {
        border-color: rgba(103, 232, 249, .58) !important;
        background:
            radial-gradient(circle at 20% 0%, rgba(103, 232, 249, .30), transparent 50%),
            linear-gradient(180deg, rgba(8, 35, 62, .99), rgba(3, 15, 35, .99)) !important;
    }

    html body #detail-content .unified-select-btn .season-select-label,
    html body #detail-content .unified-select-btn .episode-selected-text,
    html body #detail-content .unified-select-btn .unified-select-divider {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body #detail-content .unified-selected-text {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 950 !important;
        line-height: 1.1 !important;
        letter-spacing: .01em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        text-shadow: 0 10px 26px rgba(0, 12, 28, .34) !important;
    }

    html body #detail-content .unified-select-btn::before,
    html body #detail-content .unified-select-btn::after { display: none !important; content: none !important; }

    html body #detail-content .unified-select-menu {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: calc(100% + 12px) !important;
        z-index: 99999 !important;
        display: none !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        padding: 12px !important;
        border-radius: 20px !important;
        background:
            radial-gradient(circle at 50% 0%, rgba(103, 232, 249, .13), transparent 45%),
            linear-gradient(180deg, rgba(4, 19, 39, .985), rgba(2, 9, 24, .995)) !important;
        border: 1px solid rgba(103, 232, 249, .34) !important;
        box-shadow: 0 26px 68px rgba(0, 10, 24, .56), inset 0 1px 0 rgba(255,255,255,.065) !important;
        backdrop-filter: blur(14px) saturate(1.16) !important;
        -webkit-backdrop-filter: blur(14px) saturate(1.16) !important;
    }

    html body #detail-content .unified-select-shell.open .unified-select-menu { display: grid !important; }

    html body #detail-content .unified-select-shell .season-menu,
    html body #detail-content .unified-select-shell .episode-menu {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-height: 260px !important;
        margin: 0 !important;
        padding: 5px !important;
        overflow: auto !important;
        background: rgba(3, 13, 31, .46) !important;
        border: 1px solid rgba(103, 232, 249, .10) !important;
        border-radius: 14px !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(103, 232, 249, .52) transparent !important;
    }

    html body #detail-content .unified-select-shell .season-menu::-webkit-scrollbar,
    html body #detail-content .unified-select-shell .episode-menu::-webkit-scrollbar { width: 6px !important; }

    html body #detail-content .unified-select-shell .season-menu::-webkit-scrollbar-thumb,
    html body #detail-content .unified-select-shell .episode-menu::-webkit-scrollbar-thumb {
        border-radius: 999px !important;
        background: linear-gradient(180deg, #67e8f9, #38bdf8) !important;
    }

    html body #detail-content .unified-select-shell .season-option,
    html body #detail-content .unified-select-shell .episode-option {
        width: 100% !important;
        min-height: 40px !important;
        margin: 2px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 12px !important;
        border: 0 !important;
        border-radius: 12px !important;
        background: transparent !important;
        color: rgba(229, 249, 255, .88) !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        text-align: center !important;
        cursor: pointer !important;
        transition: background .14s ease, color .14s ease !important;
    }

    html body #detail-content .unified-select-shell .season-option:hover,
    html body #detail-content .unified-select-shell .episode-option:hover {
        background: rgba(103, 232, 249, .11) !important;
        color: #ffffff !important;
    }

    html body #detail-content .unified-select-shell .season-option.active,
    html body #detail-content .unified-select-shell .episode-option.active {
        background: linear-gradient(135deg, rgba(103, 232, 249, .24), rgba(56, 189, 248, .14)) !important;
        color: #ffffff !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    html body #detail-content .seasons-main-title {
        color: #ffffff !important;
        text-shadow: 0 12px 32px rgba(0, 18, 36, .34) !important;
    }

    html body #detail-content .seasons-main-title::before,
    html body #detail-content .seasons-main-title::after {
        background: linear-gradient(90deg, transparent, rgba(103,232,249,.86), transparent) !important;
        box-shadow: 0 0 18px rgba(103, 232, 249, .20) !important;
    }

    @media (max-width: 820px) {
        html body #detail-content .detail-panel-hero-row {
            width: 100% !important;
            grid-template-columns: 1fr !important;
            gap: 22px !important;
        }
    }

    @media (max-width: 560px) {
        html body #detail-content .season-episode-panel { width: min(420px, calc(100% - 20px)) !important; }
        html body #detail-content .unified-select-btn { min-height: 50px !important; font-size: 13px !important; }
        html body #detail-content .unified-select-menu { grid-template-columns: 1fr !important; }
    }


/* extracted from <style id="hs-v116-center-short-pages"> */
html body #detail-content {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: stretch !important;
    }
    html body #detail-content .detail-hero {
        position: fixed !important;
    }


/* HellasSubs final fix: clean detail loading state
   During a hard refresh on /title/... the content CSS had !important display
   rules that could override JS inline display:none while the title API was
   still loading. That made the back button/poster appear low on the screen.
   Keep the detail content fully hidden until JS removes data-loading. */
#detail-content[data-loading="true"],
html body #detail-content[data-loading="true"],
html.hs-detail-scroll-lock #detail-content[data-loading="true"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#detail-spinner {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    min-height: 100vh !important;
    width: 100vw !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at 50% 35%, rgba(45, 212, 191, 0.08), rgba(3, 7, 18, 0.96) 42%, rgba(3, 7, 18, 0.99) 100%) !important;
}

html[data-initial-route="title"] #view-grid {
    display: none !important;
}

html[data-initial-route="title"] #view-detail {
    display: block !important;
}


/* extracted from <style id="hs-v117-menu-prettify-no-all"> */
html body #detail-content .unified-select-menu {
        gap: 16px !important;
        padding: 14px !important;
    }

    html body #detail-content .unified-select-shell .season-menu,
    html body #detail-content .unified-select-shell .episode-menu {
        position: relative !important;
        padding: 8px 6px !important;
        background: linear-gradient(180deg, rgba(9, 27, 50, .99), rgba(2, 9, 22, .995)) !important;
        border: 1px solid rgba(103, 232, 249, .16) !important;
        border-radius: 16px !important;
    }

    html body #detail-content .unified-select-shell .season-menu::before,
    html body #detail-content .unified-select-shell .episode-menu::before {
        content: "ΣΕΖΟΝ" !important;
        display: block !important;
        text-align: center !important;
        font-size: 10.5px !important;
        font-weight: 900 !important;
        letter-spacing: .14em !important;
        color: rgba(153, 224, 249, .68) !important;
        margin: 2px 0 8px !important;
        padding-bottom: 8px !important;
        border-bottom: 1px solid rgba(103, 232, 249, .14) !important;
    }

    html body #detail-content .unified-select-shell .episode-menu::before {
        content: "ΕΠΕΙΣΟΔΙΟ" !important;
    }

    html body #detail-content .unified-select-shell .season-option,
    html body #detail-content .unified-select-shell .episode-option {
        font-size: 13.5px !important;
        letter-spacing: .01em !important;
        border: 1px solid transparent !important;
    }

    html body #detail-content .unified-select-shell .season-option:hover,
    html body #detail-content .unified-select-shell .episode-option:hover {
        border-color: rgba(103, 232, 249, .22) !important;
        transform: translateY(-1px) !important;
    }

    html body #detail-content .unified-select-shell .season-option.active,
    html body #detail-content .unified-select-shell .episode-option.active {
        border-color: rgba(103, 232, 249, .40) !important;
    }


/* extracted from <style id="hs-v118-dropdown-no-extra-space-final"> */
/* Remove the useless big blue backplate and let each menu column size to its own content */
    html body #detail-content .unified-select-menu {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        padding: 0 !important;
        gap: 12px !important;
        align-items: flex-start !important;
        overflow: visible !important;
    }

    html body #detail-content .unified-select-shell .season-menu,
    html body #detail-content .unified-select-shell .episode-menu {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 8px !important;
        box-sizing: border-box !important;
        background: linear-gradient(180deg, rgba(9, 19, 43, .995), rgba(4, 8, 27, .998)) !important;
        border: 1px solid rgba(103, 232, 249, .18) !important;
        border-radius: 16px !important;
        box-shadow: 0 18px 44px rgba(0, 8, 24, .42), inset 0 1px 0 rgba(255,255,255,.04) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    html body #detail-content .unified-select-shell .season-menu {
        max-height: 214px !important;
    }

    html body #detail-content .unified-select-shell .episode-menu {
        max-height: 254px !important;
    }

    html body #detail-content .unified-select-shell .season-menu::before,
    html body #detail-content .unified-select-shell .episode-menu::before {
        margin: 0 0 6px !important;
        padding: 0 0 7px !important;
        line-height: 1 !important;
    }

    html body #detail-content .unified-select-shell .season-option,
    html body #detail-content .unified-select-shell .episode-option {
        min-height: 34px !important;
        margin: 2px 0 !important;
        padding: 0 10px !important;
        border-radius: 10px !important;
    }


/* extracted from <style id="hs-v119-beautiful-dropdown-final"> */
/* Cleaner premium dropdown: no dead space, no see-through text behind it */
    html body #detail-content .unified-select-menu {
        top: calc(100% + 10px) !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: min(560px, calc(100vw - 34px)) !important;
        display: none !important;
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
        gap: 12px !important;
        align-items: flex-start !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        z-index: 999999 !important;
    }

    html body #detail-content .unified-select-shell.open .unified-select-menu {
        display: grid !important;
    }

    html body #detail-content .unified-select-shell .season-menu,
    html body #detail-content .unified-select-shell .episode-menu {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        border-radius: 18px !important;
        background:
            radial-gradient(circle at 20% 0%, rgba(103,232,249,.12), transparent 42%),
            linear-gradient(180deg, #101a38 0%, #070b24 100%) !important;
        border: 1px solid rgba(125, 211, 252, .20) !important;
        box-shadow: 0 22px 48px rgba(0, 6, 22, .62), inset 0 1px 0 rgba(255,255,255,.055) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(125,211,252,.72) rgba(255,255,255,.04) !important;
    }

    html body #detail-content .unified-select-shell .season-menu {
        max-height: 184px !important;
    }

    html body #detail-content .unified-select-shell .episode-menu {
        max-height: 238px !important;
    }

    html body #detail-content .unified-select-shell .season-menu::before,
    html body #detail-content .unified-select-shell .episode-menu::before {
        display: block !important;
        margin: 0 0 8px !important;
        padding: 0 0 8px !important;
        text-align: center !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: .16em !important;
        color: rgba(186, 230, 253, .76) !important;
        border-bottom: 1px solid rgba(125, 211, 252, .12) !important;
    }

    html body #detail-content .unified-select-shell .season-menu::before { content: "ΣΕΖΟΝ" !important; }
    html body #detail-content .unified-select-shell .episode-menu::before { content: "ΕΠΕΙΣΟΔΙΑ" !important; }

    html body #detail-content .unified-select-shell .season-option,
    html body #detail-content .unified-select-shell .episode-option {
        min-height: 36px !important;
        margin: 3px 0 !important;
        padding: 0 12px !important;
        border-radius: 12px !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        color: rgba(244, 251, 255, .90) !important;
        font-size: 13.5px !important;
        font-weight: 950 !important;
        letter-spacing: .005em !important;
        text-align: center !important;
        text-shadow: none !important;
        transition: background .14s ease, border-color .14s ease, color .14s ease, transform .14s ease !important;
    }

    html body #detail-content .unified-select-shell .season-option:hover,
    html body #detail-content .unified-select-shell .episode-option:hover {
        background: rgba(103, 232, 249, .10) !important;
        border-color: rgba(125, 211, 252, .22) !important;
        color: #ffffff !important;
        transform: translateY(-1px) !important;
    }

    html body #detail-content .unified-select-shell .season-option.active,
    html body #detail-content .unified-select-shell .episode-option.active {
        background: linear-gradient(135deg, rgba(125,211,252,.24), rgba(56,189,248,.10)) !important;
        border-color: rgba(125, 211, 252, .38) !important;
        color: #ffffff !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0, 10, 28, .20) !important;
    }

    html body #detail-content .unified-select-shell .season-menu::-webkit-scrollbar,
    html body #detail-content .unified-select-shell .episode-menu::-webkit-scrollbar {
        width: 5px !important;
    }

    html body #detail-content .unified-select-shell .season-menu::-webkit-scrollbar-track,
    html body #detail-content .unified-select-shell .episode-menu::-webkit-scrollbar-track {
        background: rgba(255,255,255,.04) !important;
        border-radius: 999px !important;
    }

    html body #detail-content .unified-select-shell .season-menu::-webkit-scrollbar-thumb,
    html body #detail-content .unified-select-shell .episode-menu::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #7dd3fc, #38bdf8) !important;
        border-radius: 999px !important;
    }

    @media (max-width: 560px) {
        html body #detail-content .unified-select-menu {
            width: min(360px, calc(100vw - 24px)) !important;
            grid-template-columns: 1fr !important;
        }
        html body #detail-content .unified-select-shell .season-menu,
        html body #detail-content .unified-select-shell .episode-menu {
            max-height: 190px !important;
        }
    }


/* extracted from <style id="hs-v120-simple-clean-dropdown-final"> */
/* Final clean dropdown: one solid panel under the button, no floating split boxes */
    html body #detail-content .unified-select-shell {
        position: relative !important;
        z-index: 50 !important;
    }

    html body #detail-content .unified-select-menu {
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 0 !important;
        padding: 10px !important;
        display: none !important;
        grid-template-columns: 0.85fr 1.15fr !important;
        gap: 10px !important;
        align-items: flex-start !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, #101832 0%, #070b22 100%) !important;
        border: 1px solid rgba(125, 211, 252, .22) !important;
        box-shadow: 0 18px 42px rgba(0, 8, 24, .46), inset 0 1px 0 rgba(255,255,255,.055) !important;
        overflow: hidden !important;
        z-index: 99999 !important;
        box-sizing: border-box !important;
    }

    html body #detail-content .unified-select-shell.open .unified-select-menu {
        display: grid !important;
    }

    html body #detail-content .unified-select-shell .season-menu,
    html body #detail-content .unified-select-shell .episode-menu {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 220px !important;
        margin: 0 !important;
        padding: 0 4px 4px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(125, 211, 252, .72) rgba(255,255,255,.04) !important;
    }

    html body #detail-content .unified-select-shell .episode-menu {
        border-left: 1px solid rgba(125, 211, 252, .12) !important;
        padding-left: 12px !important;
    }

    html body #detail-content .unified-select-shell .season-menu::before,
    html body #detail-content .unified-select-shell .episode-menu::before {
        display: block !important;
        margin: 0 0 8px !important;
        padding: 0 0 8px !important;
        text-align: center !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: .15em !important;
        color: rgba(186, 230, 253, .72) !important;
        border-bottom: 1px solid rgba(125, 211, 252, .10) !important;
    }

    html body #detail-content .unified-select-shell .season-menu::before { content: "ΣΕΖΟΝ" !important; }
    html body #detail-content .unified-select-shell .episode-menu::before { content: "ΕΠΕΙΣΟΔΙΑ" !important; }

    html body #detail-content .unified-select-shell .season-option,
    html body #detail-content .unified-select-shell .episode-option {
        width: 100% !important;
        min-height: 34px !important;
        margin: 3px 0 !important;
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 11px !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        color: rgba(244, 251, 255, .88) !important;
        font-size: 13.2px !important;
        font-weight: 950 !important;
        text-align: center !important;
        transition: background .14s ease, border-color .14s ease, color .14s ease !important;
    }

    html body #detail-content .unified-select-shell .season-option:hover,
    html body #detail-content .unified-select-shell .episode-option:hover {
        background: rgba(125, 211, 252, .10) !important;
        border-color: rgba(125, 211, 252, .20) !important;
        color: #ffffff !important;
        transform: none !important;
    }

    html body #detail-content .unified-select-shell .season-option.active,
    html body #detail-content .unified-select-shell .episode-option.active {
        background: linear-gradient(135deg, rgba(125, 211, 252, .22), rgba(56, 189, 248, .10)) !important;
        border-color: rgba(125, 211, 252, .34) !important;
        color: #ffffff !important;
    }

    html body #detail-content .unified-select-shell .season-menu::-webkit-scrollbar,
    html body #detail-content .unified-select-shell .episode-menu::-webkit-scrollbar { width: 5px !important; }
    html body #detail-content .unified-select-shell .season-menu::-webkit-scrollbar-track,
    html body #detail-content .unified-select-shell .episode-menu::-webkit-scrollbar-track { background: rgba(255,255,255,.04) !important; border-radius: 999px !important; }
    html body #detail-content .unified-select-shell .season-menu::-webkit-scrollbar-thumb,
    html body #detail-content .unified-select-shell .episode-menu::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #7dd3fc, #38bdf8) !important; border-radius: 999px !important; }

    @media (max-width: 560px) {
        html body #detail-content .unified-select-menu {
            grid-template-columns: 1fr !important;
        }
        html body #detail-content .unified-select-shell .episode-menu {
            border-left: 0 !important;
            padding-left: 4px !important;
            border-top: 1px solid rgba(125, 211, 252, .12) !important;
            padding-top: 10px !important;
        }
    }


/* extracted from <style id="hs-v121-dropdown-visible-final"> */
/* Hard final override: no empty dropdown panel, lists always visible when open */
    html body #detail-content .unified-select-shell {
        position: relative !important;
        z-index: 9999 !important;
    }

    html body #detail-content .unified-select-menu {
        position: absolute !important;
        left: 50% !important;
        top: calc(100% + 10px) !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: min(560px, calc(100vw - 34px)) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) !important;
        gap: 10px !important;
        align-items: start !important;
        justify-items: stretch !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, #101832 0%, #070b22 100%) !important;
        border: 1px solid rgba(125, 211, 252, .22) !important;
        box-shadow: 0 22px 52px rgba(0, 7, 24, .58), inset 0 1px 0 rgba(255,255,255,.055) !important;
        overflow: visible !important;
        z-index: 999999 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #detail-content .unified-select-shell:not(.open) .unified-select-menu {
        display: none !important;
    }

    html body #detail-content .unified-select-shell.open .unified-select-menu {
        display: grid !important;
    }

    html body #detail-content .unified-select-shell.open .unified-select-menu > .season-menu,
    html body #detail-content .unified-select-shell.open .unified-select-menu > .episode-menu,
    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
        position: static !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 218px !important;
        margin: 0 !important;
        padding: 0 5px 5px !important;
        box-sizing: border-box !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        transform: none !important;
        color: #fff !important;
        pointer-events: auto !important;
    }

    html body #detail-content .unified-select-shell.open .unified-select-menu > .episode-menu,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
        border-left: 1px solid rgba(125, 211, 252, .14) !important;
        padding-left: 12px !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::before,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu::before {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 0 8px !important;
        padding: 0 0 8px !important;
        text-align: center !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: .16em !important;
        color: rgba(186, 230, 253, .74) !important;
        border-bottom: 1px solid rgba(125, 211, 252, .12) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::before { content: "ΣΕΖΟΝ" !important; }
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu::before { content: "ΕΠΕΙΣΟΔΙΑ" !important; }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option {
        position: relative !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-height: 34px !important;
        margin: 3px 0 !important;
        padding: 0 10px !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        border-radius: 11px !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        color: rgba(246, 252, 255, .92) !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        text-align: center !important;
        white-space: nowrap !important;
        text-shadow: none !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option:hover,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option:hover {
        background: rgba(125, 211, 252, .10) !important;
        border-color: rgba(125, 211, 252, .22) !important;
        color: #ffffff !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option.active,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option.active {
        background: linear-gradient(135deg, rgba(125, 211, 252, .23), rgba(56, 189, 248, .10)) !important;
        border-color: rgba(125, 211, 252, .36) !important;
        color: #ffffff !important;
    }

    @media (max-width: 560px) {
        html body #detail-content .unified-select-menu {
            width: min(360px, calc(100vw - 24px)) !important;
            grid-template-columns: 1fr !important;
        }
        html body #detail-content .unified-select-shell.open .unified-select-menu > .episode-menu,
        html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
            border-left: 0 !important;
            border-top: 1px solid rgba(125, 211, 252, .14) !important;
            padding-left: 5px !important;
            padding-top: 10px !important;
        }
    }


/* extracted from <style id="hs-v122-remove-empty-dropdown-panel-final"> */
/* No large empty background panel: each column keeps only the height it needs */
    html body #detail-content .unified-select-menu {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        gap: 12px !important;
        align-items: flex-start !important;
        overflow: visible !important;
    }

    html body #detail-content .unified-select-shell.open .unified-select-menu {
        display: grid !important;
    }

    html body #detail-content .unified-select-shell.open .unified-select-menu > .season-menu,
    html body #detail-content .unified-select-shell.open .unified-select-menu > .episode-menu,
    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, #101832 0%, #070b22 100%) !important;
        border: 1px solid rgba(125, 211, 252, .20) !important;
        box-shadow: 0 18px 42px rgba(0, 7, 24, .48), inset 0 1px 0 rgba(255,255,255,.055) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu {
        max-height: none !important;
        overflow-y: visible !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
        max-height: 220px !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
        padding-left: 10px !important;
        border-left: 1px solid rgba(125, 211, 252, .20) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::before,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu::before {
        margin: 0 0 8px !important;
        padding: 0 0 8px !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option {
        min-height: 34px !important;
        margin: 3px 0 !important;
    }


/* extracted from <style id="hs-v123-upward-cyan-merged"> */
html body #detail-content .unified-select-shell {
        position: relative !important;
        z-index: 50 !important;
    }

    html body #detail-content .unified-select-menu {
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        bottom: calc(100% + 10px) !important;
        transform: translateX(-50%) !important;
        width: min(560px, calc(100vw - 34px)) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 !important;
        align-items: start !important;
        border-radius: 18px !important;
        background: linear-gradient(180deg, rgba(12, 38, 66, .92), rgba(6, 20, 40, .96)) !important;
        border: 1px solid rgba(103, 232, 249, .38) !important;
        box-shadow: 0 18px 42px rgba(0, 12, 28, .48), inset 0 1px 0 rgba(255,255,255,.08) !important;
        backdrop-filter: blur(16px) saturate(1.2) !important;
        -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
        overflow: hidden !important;
        z-index: 99999 !important;
    }

    html body #detail-content .unified-select-shell.open .unified-select-menu {
        display: grid !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 240px !important;
        margin: 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::after {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 12px !important;
        bottom: 12px !important;
        width: 1px !important;
        background: linear-gradient(180deg, transparent, rgba(103, 232, 249, .35), transparent) !important;
        pointer-events: none !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::before,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu::before {
        display: block !important;
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
        text-align: center !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: .16em !important;
        color: rgba(153, 230, 255, .85) !important;
        border-bottom: 1px solid rgba(103, 232, 249, .18) !important;
        text-shadow: 0 0 10px rgba(103, 232, 249, .25) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::before { content: "ΣΕΖΟΝ" !important; }
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu::before { content: "ΕΠΕΙΣΟΔΙΑ" !important; }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option {
        min-height: 36px !important;
        margin: 4px 0 !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        color: rgba(244, 251, 255, .92) !important;
        font-size: 13.2px !important;
        font-weight: 950 !important;
        text-align: center !important;
        transition: all .14s ease !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option:hover,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option:hover {
        background: rgba(103, 232, 249, .12) !important;
        border-color: rgba(103, 232, 249, .25) !important;
        color: #ffffff !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option.active,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option.active {
        background: linear-gradient(135deg, rgba(103, 232, 249, .24), rgba(56, 189, 248, .14)) !important;
        border-color: rgba(103, 232, 249, .42) !important;
        color: #ffffff !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    @media (max-width: 560px) {
        html body #detail-content .unified-select-menu {
            width: min(360px, calc(100vw - 24px)) !important;
            grid-template-columns: 1fr !important;
        }
        html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::after {
            display: none !important;
        }
        html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
            border-top: 1px solid rgba(103, 232, 249, .18) !important;
        }
    }


/* extracted from <style id="hs-v124-pretty-merged-cyan"> */
html body #detail-content .unified-select-menu {
        background:
            radial-gradient(circle at 50% 0%, rgba(103, 232, 249, .18), transparent 42%),
            linear-gradient(180deg, rgba(10, 30, 58, .92), rgba(4, 14, 34, .96)) !important;
        border: 1px solid rgba(103, 232, 249, .42) !important;
        box-shadow: 0 0 0 1px rgba(103, 232, 249, .08), 0 22px 54px rgba(0, 10, 30, .55), 0 0 30px rgba(103, 232, 249, .08) !important;
        gap: 0 !important;
        overflow: hidden !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
        padding: 12px 14px !important;
        max-height: 240px !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::after {
        display: none !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::before,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu::before {
        margin: 0 0 10px !important;
        padding: 0 0 10px !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        letter-spacing: .18em !important;
        color: rgba(165, 233, 255, .78) !important;
        border-bottom: 1px solid rgba(103, 232, 249, .22) !important;
        text-shadow: 0 0 12px rgba(103, 232, 249, .30) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option {
        min-height: 36px !important;
        margin: 4px 0 !important;
        border-radius: 11px !important;
        color: rgba(232, 249, 255, .90) !important;
        font-size: 13.4px !important;
        font-weight: 900 !important;
        transition: all .13s ease !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option:hover,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option:hover {
        background: rgba(103, 232, 249, .14) !important;
        border-color: rgba(103, 232, 249, .32) !important;
        color: #ffffff !important;
        box-shadow: 0 0 16px rgba(103, 232, 249, .10) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option.active,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option.active {
        background: linear-gradient(135deg, rgba(103, 232, 249, .32), rgba(56, 189, 248, .18)) !important;
        border-color: rgba(165, 233, 255, .55) !important;
        color: #ffffff !important;
        box-shadow: 0 0 20px rgba(103, 232, 249, .20), inset 0 1px 0 rgba(255,255,255,.12) !important;
    }


/* extracted from <style id="hs-v125-more-cyan-no-purple"> */
html body #detail-content .unified-select-menu {
        background:
            radial-gradient(circle at 50% -10%, rgba(103, 232, 249, .24), transparent 45%),
            linear-gradient(180deg, rgba(6, 38, 58, .94), rgba(2, 16, 34, .96)) !important;
        border: 1px solid rgba(103, 232, 249, .50) !important;
        box-shadow:
            0 0 0 1px rgba(103, 232, 249, .10),
            0 0 30px rgba(103, 232, 249, .12),
            0 20px 50px rgba(0, 10, 28, .55) !important;
        backdrop-filter: blur(16px) saturate(1.25) !important;
        -webkit-backdrop-filter: blur(16px) saturate(1.25) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::before,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu::before {
        color: #7dd3fc !important;
        border-bottom-color: rgba(125, 211, 252, .28) !important;
        text-shadow: 0 0 12px rgba(125, 211, 252, .45) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option {
        color: rgba(235, 250, 255, .94) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option:hover,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option:hover {
        background: rgba(103, 232, 249, .16) !important;
        border-color: rgba(125, 211, 252, .35) !important;
        color: #ffffff !important;
        box-shadow: 0 0 18px rgba(103, 232, 249, .14) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option.active,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option.active {
        background: linear-gradient(135deg, rgba(103, 232, 249, .45), rgba(56, 189, 248, .25)) !important;
        border-color: rgba(186, 233, 255, .65) !important;
        color: #ffffff !important;
        box-shadow: 0 0 24px rgba(103, 232, 249, .25), inset 0 1px 0 rgba(255,255,255,.15) !important;
    }


/* extracted from <style id="hs-v126-no-purple-cyan-final"> */
/* Remove every purple tone from the season/episode dropdown */
    html body #detail-content .unified-select-menu {
        background:
            radial-gradient(circle at 50% -18%, rgba(103, 232, 249, .22), transparent 46%),
            linear-gradient(180deg, rgba(5, 32, 48, .96) 0%, rgba(2, 14, 27, .985) 100%) !important;
        border-color: rgba(103, 232, 249, .46) !important;
        box-shadow:
            0 0 0 1px rgba(103, 232, 249, .12) inset,
            0 0 32px rgba(103, 232, 249, .13),
            0 22px 52px rgba(0, 8, 20, .58) !important;
        backdrop-filter: blur(16px) saturate(1.18) !important;
        -webkit-backdrop-filter: blur(16px) saturate(1.18) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
        background:
            radial-gradient(circle at 50% 0%, rgba(103, 232, 249, .14), transparent 48%),
            linear-gradient(180deg, rgba(6, 34, 52, .94) 0%, rgba(1, 12, 25, .98) 100%) !important;
        border-color: rgba(103, 232, 249, .30) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 16px 36px rgba(0, 10, 24, .35) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu {
        border-left-color: rgba(103, 232, 249, .34) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::before,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu::before {
        color: #a5f3fc !important;
        border-bottom-color: rgba(103, 232, 249, .22) !important;
        text-shadow: 0 0 12px rgba(103, 232, 249, .35) !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option {
        color: rgba(236, 254, 255, .94) !important;
        background: transparent !important;
        border-color: transparent !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option:hover,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option:hover {
        background: rgba(103, 232, 249, .13) !important;
        border-color: rgba(103, 232, 249, .32) !important;
        color: #ffffff !important;
    }

    html body #detail-content .unified-select-shell .unified-select-menu .season-option.active,
    html body #detail-content .unified-select-shell .unified-select-menu .episode-option.active {
        background: linear-gradient(135deg, rgba(103, 232, 249, .36), rgba(34, 211, 238, .18)) !important;
        border-color: rgba(165, 243, 252, .62) !important;
        color: #ffffff !important;
        box-shadow: 0 0 20px rgba(103, 232, 249, .22), inset 0 1px 0 rgba(255,255,255,.14) !important;
    }

    html body #detail-content .unified-select-shell .season-menu::-webkit-scrollbar-thumb,
    html body #detail-content .unified-select-shell .episode-menu::-webkit-scrollbar-thumb,
    html body #detail-content .unified-select-shell .unified-select-menu > .season-menu::-webkit-scrollbar-thumb,
    html body #detail-content .unified-select-shell .unified-select-menu > .episode-menu::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #a5f3fc, #22d3ee) !important;
    }