html.modal-open,
body.modal-open{
    overscroll-behavior:none;
}

html{
    box-sizing:border-box;
    background:#111;
}

*, *::before, *::after{
    box-sizing:inherit;
}

body{
    margin:0;
    background:#111;
    font-family:Arial, sans-serif;
    color:white;
}

#appWrap{
    min-height:100vh;
    background:#111;
    padding:5px;
}
`r`n
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
}



.seo-route-card{
    margin:0 0 14px;
    border-radius:14px;
    background:linear-gradient(180deg, rgba(27,27,27,.98), rgba(20,20,20,.98));
    border:1px solid rgba(255,255,255,.06);
    overflow:hidden;
}

.seo-route-card.hidden{
    display:none;
}

.js .seo-route-card.seo-route-entry{
    display:none;
}

.seo-route-inner{
    display:grid;
    grid-template-columns:180px minmax(0, 1fr);
    gap:18px;
    padding:18px;
    align-items:start;
}

.seo-route-poster{
    width:100%;
    aspect-ratio:2/3;
    object-fit:cover;
    border-radius:12px;
    display:block;
    background:#1a1a1a;
}

.seo-route-title{
    margin:0 0 8px;
    font-size:30px;
    line-height:1.1;
    color:#fff;
}

.seo-route-meta{
    margin:0 0 12px;
    color:#b9b9b9;
    font-size:14px;
}

.seo-route-description{
    margin:0;
    color:#e6e6e6;
    line-height:1.65;
    font-size:15px;
}

/* =============================================================================
   HEADER
============================================================================= */
.site-header{
    position:relative;
    z-index:50;
    background:rgba(17,17,17,.96);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-radius:14px;
    margin-bottom:14px;
}

.header-main-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:14px 18px;
    padding:16px 20px;
    min-height:72px;
}

.brand-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    flex:0 1 auto;
}

.brand-logo{
    display:inline-flex;
    align-items:baseline;
    gap:8px;
    text-decoration:none;
    user-select:none;
    white-space:nowrap;
}
.brand-logo{
    cursor:pointer;
    transform-origin:center center;
}

.brand-logo:hover{
    opacity:.96;
}

.brand-logo.is-jiggling{
    animation:brandJiggle .42s ease-in-out;
}

@keyframes brandJiggle{
    0%{ transform:translateX(0); }
    14%{ transform:translateX(-4px) rotate(-1deg); }
    28%{ transform:translateX(4px) rotate(1deg); }
    42%{ transform:translateX(-3px) rotate(-0.8deg); }
    56%{ transform:translateX(3px) rotate(0.8deg); }
    70%{ transform:translateX(-2px) rotate(-0.5deg); }
    84%{ transform:translateX(2px) rotate(0.5deg); }
    100%{ transform:translateX(0) rotate(0); }
}

.brand-white{
    color:#ffffff;
    font-size:30px;
    line-height:1;
    font-weight:800;
    letter-spacing:-0.6px;
    transition:opacity .34s ease, transform .34s ease;
}

.brand-red{
    color:#e53935;
    font-size:30px;
    line-height:1;
    font-weight:800;
    letter-spacing:-0.6px;
    transition:opacity .34s ease, transform .34s ease;
}

.brand-logo.is-switching .brand-white,
.brand-logo.is-switching .brand-red{
    opacity:0;
    transform:translateY(-1px) scale(.985);
}

.header-search-col{
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:0;
    flex:1 1 420px;
    margin:0;
}

.search-wrap{
    width:500px;
    max-width:100%;
    position:relative;
}

.search-wrap.search-hidden{
    display:none;
}

.search-box{
    display:flex;
    align-items:center;
    gap:8px;
    height:42px;
    background:#1d1d1d;
    border:none;
    border-radius:12px;
    padding:0 6px 0 14px;
    transition:transform .15s ease, background .2s ease;
}

.search-icon{
    color:#8e8e93;
    font-size:15px;
    flex-shrink:0;
}

.search-input{
    flex:1;
    height:40px;
    background:transparent;
    border:none;
    outline:none;
    color:#fff;
    font-size:16px;
    min-width:0;
}

.search-input::placeholder{
    color:#8e8e93;
}

.search-button{
    height:34px;
    min-width:88px;
    border:none;
    border-radius:10px;
    background:#2a2a2a;
    color:#fff;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    padding:0 14px;
    transition:background .2s ease, transform .15s ease;
}

.search-button:hover{
    background:#3a3a3a;
    transform:translateY(-1px);
}

.search-button:disabled{
    opacity:.7;
    cursor:default;
    transform:none;
}

.autocomplete{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    background:rgba(28,28,30,.97);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    overflow:hidden;
    z-index:80;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    display:none;
}

.autocomplete.show{
    display:block;
    animation:fadeIn .18s ease;
}

.autocomplete-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    cursor:pointer;
    transition:background .2s ease;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.autocomplete-item:last-child{
    border-bottom:none;
}

.autocomplete-item:hover{
    background:rgba(255,255,255,.08);
}

.autocomplete-left{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    flex:1;
}

.autocomplete-poster{
    width:34px;
    height:48px;
    object-fit:cover;
    border-radius:6px;
    flex-shrink:0;
    background:rgba(255,255,255,.06);
}

.autocomplete-text{
    min-width:0;
}

.autocomplete-title{
    font-size:15px;
    font-weight:700;
    color:#fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.autocomplete-year{
    font-size:12px;
    color:#a1a1aa;
    margin-top:2px;
}

.autocomplete-rating{
    color:#fbbf24;
    font-weight:700;
    font-size:14px;
    flex-shrink:0;
    min-width:36px;
    text-align:right;
}

.status-text{
    margin-top:8px;
    min-height:18px;
    color:#9f9f9f;
    font-size:12px;
    padding-left:4px;
}

.empty-box{
    padding:16px;
    text-align:center;
    color:#bdbdbd;
    font-size:14px;
}

/* =============================================================================
   RIGHT ACTIONS
============================================================================= */
.top-right-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:8px 10px;
    flex:0 1 auto;
    min-width:0;
}

.eye-btn,
.search-trigger-btn,
.genre-menu-btn,
.settings-btn,
.lang-popup-trigger{
    width:42px;
    height:42px;
    border:none;
    border-radius:12px;
    background:#1d1d1d;
    color:#d8d8d8;
    cursor:pointer;
    font-size:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .2s ease, color .2s ease, transform .15s ease, box-shadow .2s ease, opacity .18s ease;
    overflow:hidden;
    padding:0;
}

.eye-btn:hover,
.search-trigger-btn:hover,
.genre-menu-btn:hover,
.settings-btn:hover,
.lang-popup-trigger:hover{
    background:#2b2b2b;
    color:#fff;
    transform:translateY(-1px);
}

.eye-btn.flash{
    background:#2fb85a;
    color:#fff;
    box-shadow:0 0 0 6px rgba(47,184,90,.18);
}

.lang-popup-trigger img{
    width:22px;
    height:22px;
    object-fit:cover;
    border-radius:50%;
    display:block;
}

/* =============================================================================
   GENRE CONTROL
============================================================================= */
.genre-control{
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.genre-reveal{
    width:220px;
    opacity:1;
    transform:none;
    pointer-events:auto;
    overflow:visible;
    background:transparent !important;
}

.genre-reveal.open{
    width:220px;
    opacity:1;
    transform:none;
    pointer-events:auto;
    background:transparent !important;
}

.genre-reveal .filter-select{
    width:220px;
    min-width:220px;
}

.filter-select{
    border:none;
    background-color:#1d1d1d;
    color:#e2e2e2;
    padding:10px 42px 10px 14px;
    border-radius:10px;
    cursor:pointer;
    font-size:14px;
    min-width:220px;
    outline:none;
    height:40px;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    box-shadow:none !important;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M3 5.25L7 9l4-3.75' fill='none' stroke='%23bdbdbd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat:no-repeat;
    background-position:right 14px center;
    background-size:14px 14px;
}

.filter-select:focus,
.filter-select:active{
    outline:none !important;
    box-shadow:none !important;
    background-color:#1d1d1d !important;
}

.filter-select::-ms-expand{
    display:none;
}

/* =============================================================================
   GRID
============================================================================= */
#movies{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
    gap:16px;
    padding:20px 20px 20px;
}

.movie{
    position:relative;
    cursor:pointer;
    transition:transform .22s ease;
    border-radius:10px;
    overflow:hidden;
    background:#1a1a1a;
}

.movie:hover{
    transform:scale(1.04);
}

.poster-wrap{
    position:relative;
    width:100%;
    aspect-ratio:2/3;
    background:#1c1c1c;
    overflow:hidden;
}

.movie img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .25s ease, opacity .25s ease;
    opacity:0;
}

.movie img.loaded{
    opacity:1;
}

.movie:hover img{
    transform:scale(1.04);
}

.movie-title{
    padding:8px 8px 10px;
    font-size:14px;
    line-height:1.25;
    color:#f3f3f3;
    min-height:44px;
}

.badge{
    position:absolute;
    z-index:3;
    font-size:12px;
    padding:4px 7px;
    border-radius:6px;
    background:none;
    backdrop-filter:blur(3px);
}

.kp-badge{
    display:none;
}

.year-badge{
    left:8px;
    bottom:8px;
    color:#ffffff;
    background:rgba(0, 0, 0, .72);
    backdrop-filter:none;
}

.cc-card-badge{
    top:auto;
    left:auto;
    bottom:1px;
    right:4px;
    z-index:4;
    width:34px;
    height:34px;
    padding:0;
    border-radius:50%;
    display:none;
    align-items:center;
    justify-content:center;
    font-size:15px;
    color:#ffffffe6;
	opacity: 0;
}

.cc-card-badge.show{
    display:flex;
}

.cc-card-badge.partial{
    color:#ffb3b3;
}

.cc-card-badge.partial::after{
    content:"";
    position:absolute;
    width:22px;
    height:2px;
    background:#ff4d4f;
    transform:rotate(-35deg);
    border-radius:2px;
}

.fav-btn{
    position:absolute;
    top:8px;
    right:8px;
    z-index:4;
    width:34px;
    height:34px;
    border:none;
    border-radius:50%;
    background:rgba(0,0,0,.72);
    color:#fff;
    font-size:16px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .15s ease, background .2s ease, color .2s ease;
}

.fav-btn:hover{
    transform:scale(1.08);
    background:rgba(0,0,0,.9);
}

.fav-btn.active{
    color:#ffd54a;
}

.loader{
    text-align:center;
    padding:18px 20px 28px;
    opacity:.85;
    font-size:14px;
}

.loader.empty{
    color:#cfcfcf;
}

/* =============================================================================
   SCROLL TO TOP
============================================================================= */
.scroll-top-btn{
    position:fixed;
    right:20px;
    bottom:20px;
    width:54px;
    height:54px;
    border:none;
    border-radius:50%;
    background:rgba(33,33,33,.94);
    color:#fff;
    cursor:pointer;
    z-index:4800;
    box-shadow:0 10px 28px rgba(0,0,0,.34);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease, background .2s ease;
}

.scroll-top-btn.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.scroll-top-btn:hover{
    background:rgba(48,48,48,.98);
}

/* =============================================================================
   LANGUAGE POPUP
============================================================================= */
#languagePopup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.88);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:10026;
    padding:22px;
    overscroll-behavior:contain;
}

#languagePopup.show{
    display:flex;
}

#languagePopupContent{
    position:relative;
    width:min(560px, 94vw);
    background:#181818;
    border-radius:20px;
    padding:28px 24px 24px;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
    transform:scale(.95);
    opacity:0;
    transition:transform .22s ease, opacity .22s ease;
    text-align:center;
}

#quickSearchPopup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.88);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:10027;
    padding:22px;
}

#quickSearchPopup.show{
    display:flex;
}

#quickSearchContent{
    position:relative;
    width:min(560px, 94vw);
    min-height:220px;
    background:#181818;
    border-radius:20px;
    padding:28px 24px 24px;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
    transform:scale(.95);
    opacity:0;
    transition:transform .2s ease, opacity .2s ease;
}

#quickSearchPopup.show #quickSearchContent{
    transform:scale(1);
    opacity:1;
}

#quickSearchCloseX{
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    border:none;
    border-radius:12px;
    background:#232323;
    color:#fff;
    cursor:pointer;
    font-size:28px;
    line-height:1;
}

.quick-search-title{
    color:#f4f4f4;
    font-size:28px;
    font-weight:700;
}
#languagePopup.show #languagePopupContent{
    transform:scale(1);
    opacity:1;
}

#languageCloseX{
    position:absolute;
    top:14px;
    right:14px;
    z-index:30;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .2s ease, transform .15s ease;
}

#languageCloseX:hover{
    background:rgba(255,255,255,.16);
    transform:scale(1.05);
}

.language-popup-title{
    margin:0 0 22px;
    font-size:28px;
    font-weight:700;
    color:#fff;
}

.language-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.language-option-btn{
    width:100%;
    min-height:52px;
    border:none;
    border-radius:14px;
    background:#232323;
    color:#f1f1f1;
    font-size:23px;
    font-weight:600;
    cursor:pointer;
    transition:background .2s ease, transform .15s ease, color .2s ease;
    padding:0 18px;
}

.language-option-btn:hover{
    background:#303030;
    transform:translateY(-1px);
}

.language-option-btn.active{
    background:#fff;
    color:#111;
}

/* =============================================================================
   MAIN POPUP
============================================================================= */
#popup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.88);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:10030;
    padding:22px;
    overscroll-behavior:contain;
}

#popup.show{
    display:flex;
}

#popupContent{
    position:relative;
    width:min(1320px, 96vw);
    max-height:92vh;
    background:#181818;
    border-radius:18px;
    overflow:hidden;
    transform:scale(.95);
    opacity:0;
    transition:transform .22s ease, opacity .22s ease;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}

#popup.show #popupContent{
    transform:scale(1);
    opacity:1;
}
#libraryCloseX,
#shareCloseX,
#settingsCloseX,
#unavailableCloseX{
    position:absolute;
    top:14px;
    right:14px;
    z-index:30;
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .2s ease, transform .15s ease;
}

#libraryCloseX:hover,
#shareCloseX:hover,
#settingsCloseX:hover,
#unavailableCloseX:hover{
    background:rgba(255,255,255,.16);
    transform:scale(1.05);
}

.popup-catalog-nav{
    display:none;
}

@media (min-width: 981px){
    .popup-catalog-nav.show{
        position:absolute;
        right:20px;
        bottom:20px;
        z-index:45;
        display:flex;
        gap:12px;
    }

    .popup-catalog-btn{
        width:54px;
        height:54px;
        border:none;
        border-radius:50%;
        background:rgba(255,255,255,.1);
        color:#fff;
        cursor:pointer;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:18px;
        box-shadow:0 12px 30px rgba(0,0,0,.28);
        transition:transform .15s ease, background .2s ease, opacity .2s ease;
        backdrop-filter:blur(8px);
    }

    .popup-catalog-btn:hover{
        background:rgba(255,255,255,.18);
        transform:translateY(-1px);
    }

    .popup-catalog-btn:disabled{
        opacity:.35;
        cursor:default;
        transform:none;
    }
}

#popupTopActions{
    position:absolute;
    top:14px;
    right:14px;
    z-index:40;
    display:flex;
    align-items:center;
    gap:8px;
}

.popup-action-btn{
    height:40px;
    min-width:40px;
    padding:0 14px;
    border:none;
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:14px;
    transition:background .2s ease, transform .15s ease, color .2s ease;
}

.popup-action-btn:hover{
    background:rgba(255,255,255,.16);
    transform:translateY(-1px);
}

#popupFavBtn.active{
    color:#ffd54a;
}

#popupCloseX{
    width:40px;
    min-width:40px;
    padding:0;
    font-size:24px;
    line-height:1;
    border-radius:50%;
}

.popup-action-btn{
    height:40px;
    min-width:40px;
    padding:0 14px;
    border:none;
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:14px;
    transition:background .2s ease, transform .15s ease, color .2s ease;
}

.popup-action-btn:hover{
    background:rgba(255,255,255,.16);
    transform:translateY(-1px);
}

#popupFavBtn.active{
    color:#ffd54a;
}

#popupCloseX{
    width:40px;
    min-width:40px;
    padding:0;
    font-size:24px;
    line-height:1;
    border-radius:50%;
}

#popupContent.desktop-tv-landscape .popup-layout{
    grid-template-columns:minmax(284px, 1.13fr) minmax(0, 2.87fr);
}
.popup-layout{
    display:grid;
    grid-template-columns:minmax(240px, 1fr) minmax(0, 3fr);
    min-height:680px;
}

.popup-left{
    position:relative;
    background:#111;
    border-right:1px solid rgba(255,255,255,.06);
}

.popup-poster-wrap{
    position:relative;
    width:100%;
    height:100%;
    min-height:680px;
    background:#111;
}

.popup-poster-wrap::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100px;
    background:linear-gradient(180deg, rgb(0 0 0 / 70%) 0px, rgba(0, 0, 0, .35) 40px, rgba(0, 0, 0, 0) 80px);
    pointer-events:none;
    z-index:2;
}

#popupPoster{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

#popupKp,
#popupYear{
    display:none;
}

.popup-badge{
    position:absolute;
    z-index:4;
    font-size:13px;
    padding:6px 9px;
    border-radius:8px;
    background:rgba(0,0,0,.7);
    backdrop-filter:blur(3px);
}

.popup-right{
    display:flex;
    flex-direction:column;
    min-width:0;
    background:#181818;
}

.popup-tabs,
.library-tabs{
    display:flex;
    gap:16px;
    padding:18px 56px 0 22px;
    border-bottom:1px solid rgba(255,255,255,.06);
    flex-wrap:wrap;
}

.popup-tab-btn,
.library-tab-btn{
    position:relative;
    border:none;
    background:transparent;
    color:#bfbfbf;
    font-size:15px;
    padding:14px 10px 12px;
    cursor:pointer;
    border-bottom:2px solid transparent;
    border-radius:10px 10px 0 0;
    transition:color .22s ease, transform .22s ease;
}

.popup-tab-btn::after,
.library-tab-btn::after{
    content:"";
    position:absolute;
    left:8px;
    right:8px;
    bottom:-1px;
    height:1px;
    border-radius:999px;
    background:transparent;
    opacity:0;
    box-shadow:none;
    transition:opacity .22s ease, background .22s ease, box-shadow .22s ease;
    pointer-events:none;
}

.popup-tab-btn:hover,
.library-tab-btn:hover{
    color:#fff;
    transform:translateY(-1px);
}

.popup-tab-btn:hover::after,
.library-tab-btn:hover::after{
    opacity:.6;
    background:rgba(220,225,232,.72);
    box-shadow:0 0 10px rgba(220,225,232,.16), 0 0 18px rgba(220,225,232,.12), 0 6px 20px rgba(220,225,232,.08);
}

.popup-tab-btn.active,
.library-tab-btn.active{
    color:#f5f7fa;
}

.popup-tab-btn.active::after,
.library-tab-btn.active::after{
    opacity:1;
    background:rgba(239,242,247,.98);
    box-shadow:0 0 12px rgba(239,242,247,.36), 0 0 26px rgba(239,242,247,.18), 0 8px 28px rgba(239,242,247,.10);
}
.popup-panel,
.library-panel{
    display:none;
    height:100%;
}

.popup-panels{
    min-height:530px !important;
}

.popup-panel.active,
.library-panel.active{
    display:block;
}

.popup-panel-scroll{
    height:calc(92vh - 95px);
    overflow:auto;
    padding:22px 24px 24px;
    box-sizing:border-box;
    overscroll-behavior:contain;
    -ms-overflow-style:none;
    scrollbar-width:none;
}

.popup-panel-scroll::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}
`r`n
.meta-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:8px;
}

.meta-head-left{
    min-width:0;
    flex:1;
}

.meta-title{
    margin:0 0 8px;
    font-size:32px;
    line-height:1.15;
    color:#fff;
}

.meta-origin{
    margin:0 0 18px;
    color:#bdbdbd;
    font-size:15px;
}

.meta-ratings{
    display:none;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:2px;
    flex-shrink:0;
}

.meta-ratings.show{
    display:flex;
}

.cc-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    background:rgba(255,255,255,.08);
    color:#d7d7d7;
    border-radius:12px;
    font-size:18px;
    line-height:1;
    position:relative;
}

.cc-pill.partial{
    color:#ffb3b3;
}

.cc-pill.partial::after{
    content:"";
    position:absolute;
    width:26px;
    height:2px;
    background:#ff4d4f;
    transform:rotate(-35deg);
    border-radius:2px;
}

.rating-pill{
    background:rgba(255,255,255,.08);
    color:#d7d7d7;
    border-radius:12px;
    padding:8px 12px;
    font-size:16px;
    line-height:1;
    white-space:nowrap;
}

.meta-grid{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:10px 18px;
    margin-bottom:24px;
}

.meta-label{
    color:#8f8f8f;
    font-size:14px;
}

.meta-value{
    color:#f2f2f2;
    font-size:15px;
    line-height:1.5;
}

.meta-section-title{
    margin:0 0 10px;
    font-size:18px;
    color:#fff;
}

.meta-description{
    color:#e6e6e6;
    line-height:1.65;
    font-size:15px;
    white-space:pre-line;
}

.player-box{
    width:100%;
}

#player,
#playerPlus{
    width:100%;
    height:min(74vh, 760px);
    border:none;
    border-radius:14px;
    background:#000;
    display:block;
}

#popupContent.share-open #player,
#popupContent.share-open #playerPlus{
    visibility:hidden;
    pointer-events:none;
}

/* =============================================================================
   UNAVAILABLE POPUP
============================================================================= */
#unavailablePopup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.88);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:10035;
    padding:22px;
    overscroll-behavior:contain;
}

#unavailablePopup.show{
    display:flex;
}

#unavailableContent{
    position:relative;
    width:min(560px, 94vw);
    background:#181818;
    border-radius:20px;
    padding:28px 24px 24px;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
    transform:scale(.95);
    opacity:0;
    transition:transform .22s ease, opacity .22s ease;
    text-align:center;
}

#unavailablePopup.show #unavailableContent{
    transform:scale(1);
    opacity:1;
}

.unavailable-title{
    font-size:24px;
    margin:0 0 14px;
}

.unavailable-text{
    color:#cfcfcf;
    font-size:16px;
    line-height:1.6;
    margin:0 0 22px;
}

.unavailable-ok-btn{
    height:46px;
    min-width:150px;
    border:none;
    border-radius:14px;
    background:#2a2a2a;
    color:#fff;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:background .2s ease, transform .15s ease;
}

.unavailable-ok-btn:hover{
    background:#3a3a3a;
    transform:translateY(-1px);
}

/* =============================================================================
   SHARE POPUP
============================================================================= */
#sharePopup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.74);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:10040;
    padding:24px;
}

#sharePopup.show{
    display:flex;
}

#shareContent{
    position:relative;
    width:min(720px, 92vw);
    background:#1b1b1b;
    border-radius:18px;
    padding:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}

.share-title{
    font-size:22px;
    margin:0 0 18px;
    text-align:center;
}

.share-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
    margin-bottom:18px;
}

.share-btn{
    height:56px;
    border:none;
    border-radius:14px;
    background:#262626;
    color:#fff;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    transition:background .2s ease, transform .15s ease;
    font-size:12px;
}

.share-btn i{
    font-size:18px;
}

.share-btn:hover{
    background:#333;
    transform:translateY(-1px);
}

.share-link-wrap{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.share-label{
    color:#bdbdbd;
    font-size:13px;
}

#shareLink{
    width:100%;
    min-height:78px;
    resize:none;
    background:#111;
    color:#eaeaea;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:12px;
    box-sizing:border-box;
    font-family:inherit;
}

#copyShareBtn{
    height:42px;
    border:none;
    border-radius:14px;
    background:#2a2a2a;
    color:#fff;
    cursor:pointer;
}

#copyShareBtn:hover{
    background:#3a3a3a;
}

/* =============================================================================
   LIBRARY POPUP
============================================================================= */
#libraryPopup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.88);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:10020;
    padding:22px;
    overscroll-behavior:contain;
}

#libraryPopup.show{
    display:flex;
}

#libraryContent{
    position:relative;
    width:min(1180px, 96vw);
    max-height:92vh;
    background:#181818;
    border-radius:18px;
    overflow:hidden;
    transform:scale(.95);
    opacity:0;
    transition:transform .22s ease, opacity .22s ease;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}

#libraryPopup.show #libraryContent{
    transform:scale(1);
    opacity:1;
}

.library-body{
    display:flex;
    flex-direction:column;
    min-height:760px;
}

.library-panel-scroll{
    height:calc(92vh - 95px);
    overflow:auto;
    padding:22px 24px 24px;
    box-sizing:border-box;
    overscroll-behavior:contain;
    -ms-overflow-style:none;
    scrollbar-width:none;
}

.library-panel-scroll::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.library-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
    gap:16px;
}

.library-empty{
    color:#bdbdbd;
    padding:18px 0;
    text-align:center;
}

#libraryFaqText{
    text-align:left;
    line-height:1.7;
    max-width:780px;
}

.library-card-remove{
    overflow:hidden;
    transition:max-height .25s ease, opacity .25s ease, transform .25s ease, margin .25s ease;
    max-height:600px;
}

.library-card-remove.collapsing{
    opacity:0;
    transform:scale(.92);
    max-height:0;
    margin:0;
}

/* =============================================================================
   SETTINGS POPUP
============================================================================= */
#settingsPopup{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.88);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:10025;
    padding:22px;
    overscroll-behavior:contain;
}

#settingsPopup.show{
    display:flex;
}

#settingsContent{
    position:relative;
    width:min(980px, 96vw);
    max-height:92vh;
    background:#181818;
    border-radius:18px;
    overflow:hidden;
    transform:scale(.95);
    opacity:0;
    transition:transform .22s ease, opacity .22s ease;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}

#settingsPopup.show #settingsContent{
    transform:scale(1);
    opacity:1;
}

.settings-body{
    display:flex;
    flex-direction:column;
    min-height:480px;
}

.settings-header{
    padding:20px 56px 16px 22px;
    border-bottom:1px solid rgba(255,255,255,.06);
    font-size:20px;
    font-weight:bold;
}

.settings-scroll{
    padding:22px 24px 24px;
    overflow:auto;
    max-height:calc(92vh - 80px);
    box-sizing:border-box;
    -ms-overflow-style:none;
    scrollbar-width:none;
}

.settings-scroll::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

.settings-list{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.setting-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:16px;
    align-items:center;
    padding:16px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.setting-label{
    color:#f2f2f2;
    font-size:15px;
}

.setting-sub{
    color:#9f9f9f;
    font-size:13px;
    margin-top:4px;
    line-height:1.55;
    max-width:620px;
}

.settings-select{
    border:none;
    background:#242424;
    color:#f0f0f0;
    height:38px;
    padding:0 12px;
    border-radius:10px;
    min-width:180px;
}

.settings-action-btn{
    border:none;
    background:#2a2a2a;
    color:#fff;
    border-radius:10px;
    height:38px;
    padding:0 16px;
    cursor:pointer;
    transition:background .2s ease, opacity .2s ease;
}

.settings-action-btn:hover{
    background:#3a3a3a;
}

.settings-action-btn:disabled{
    opacity:.45;
    cursor:default;
}

.switch{
    position:relative;
    display:inline-block;
    width:52px;
    height:32px;
}

.switch input{
    opacity:0;
    width:0;
    height:0;
}

.slider{
    position:absolute;
    inset:0;
    background:#5b5b5b;
    transition:.22s;
    border-radius:999px;
    cursor:pointer;
}

.slider:before{
    content:"";
    position:absolute;
    height:26px;
    width:26px;
    left:3px;
    top:3px;
    background:white;
    transition:.22s;
    border-radius:50%;
    box-shadow:0 1px 4px rgba(0,0,0,.25);
}

.switch input:checked + .slider{
    background:#34c759;
}

.switch input:checked + .slider:before{
    transform:translateX(20px);
}

/* =============================================================================
   ANIMATIONS / HELPERS
============================================================================= */
.card-ghost{
    position:fixed;
    z-index:20000;
    pointer-events:none;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.35);
    transition:
        transform .4s ease,
        opacity .4s ease,
        width .4s ease,
        height .4s ease,
        left .4s ease,
        top .4s ease;
}

.poster-skeleton{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#1e1e1e 25%, #2b2b2b 50%, #1e1e1e 75%);
    background-size:200% 100%;
    animation:skeleton 1.2s linear infinite;
}

.popup-loading{
    color:#bbb;
    font-size:14px;
    margin-top:10px;
}

@keyframes skeleton{
    0%{ background-position:200% 0; }
    100%{ background-position:-200% 0; }
}

@keyframes fadeIn{
    from { opacity:0; }
    to { opacity:1; }
}

/* =============================================================================
   MOBILE
============================================================================= */
@media (max-width: 980px){
    #appWrap{
        padding:5px;
    }

    .site-header{
        border-radius:14px;
        margin-bottom:12px;
    }

    .header-main-row{
        gap:12px;
        padding:12px 14px;
    }

    .brand-wrap{
        justify-content:center;
        width:100%;
    }

    .brand-white,
    .brand-red{
        font-size:28px;
    }

    .brand-logo.is-switching .brand-white,
    .brand-logo.is-switching .brand-red{
        opacity:0;
        transform:translateY(-1px) scale(.985);
    }

    .header-search-col{
        justify-content:center;
        flex:1 1 100%;
        margin:0;
    }

    .search-wrap{
        width:100%;
        max-width:none;
    }

    .top-right-actions{
        justify-content:center;
        width:100%;
    }    .genre-reveal{
        width:180px;
    }

    .genre-reveal.open{
        width:180px;
    }

    .genre-reveal .filter-select{
        width:180px;
        min-width:180px;
    }

    .search-box{
        height:auto;
        padding:6px 6px 6px 12px;
    }

    .search-icon{
        margin-left:2px;
    }

    .search-input{
        font-size:16px;
        height:36px;
    }

    .search-button{
        min-width:82px;
        height:30px;
        padding:0 12px;
    }

    #movies{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
        padding:16px 12px 20px;
    }

    .movie-title{
        font-size:13px;
        min-height:40px;
    }

    .scroll-top-btn{
        right:14px;
        bottom:14px;
        width:52px;
        height:52px;
    }

    .language-popup-title{
        font-size:24px;
    }

    .language-option-btn{
        min-height:48px;
        font-size:20px;
    }

    #popup{
        align-items:flex-start;
        justify-content:center;
        overflow:auto;
        padding:
            calc(env(safe-area-inset-top, 0px) + 10px)
            10px
            calc(env(safe-area-inset-bottom, 0px) + 10px);
    }

    #popupContent{
        width:100%;
        max-width:100%;
        max-height:none;
        overflow:auto;
        border-radius:16px;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }

    #popupContent::-webkit-scrollbar{
        width:0;
        height:0;
        display:none;
    }

    .popup-layout{
        grid-template-columns:1fr;
        min-height:auto;
    }

    .popup-left{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.06);
    }

    .popup-poster-wrap{
        min-height:260px;
        max-height:260px;
        height:260px;
    }

    .popup-panel-scroll{
        height:auto;
        max-height:none;
        padding:18px 16px 20px;
    }

    #player,
    #playerPlus{
        height:46vh;
        min-height:240px;
    }

    .share-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    #libraryPopup{
        align-items:flex-start;
        justify-content:center;
        overflow:auto;
        padding:
            calc(env(safe-area-inset-top, 0px) + 10px)
            10px
            calc(env(safe-area-inset-bottom, 0px) + 10px);
    }

    #libraryContent{
        width:100%;
        max-width:100%;
        max-height:none;
        border-radius:16px;
    }

    .library-body{
        min-height:auto;
    }


    .popup-tabs,
    .library-tabs{
        gap:6px;
        padding:16px 34px 0 12px;
    }

    .popup-tab-btn,
    .library-tab-btn{
        padding:10px 5px 10px;
    }
    .library-tabs{
        gap:6px;
        padding:16px 34px 0 12px;
    }

    .library-panel-scroll{
        height:auto;
        max-height:none;
        padding:16px 12px 20px;
    }

    .library-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
    }

    .meta-head{
        flex-direction:column;
        align-items:flex-start;
    }

    #popupTopActions{
        top:calc(env(safe-area-inset-top, 0px) + 10px);
        right:10px;
        gap:6px;
    }

    .popup-action-btn{
        height:38px;
        min-width:38px;
        padding:0 10px;
    }

    .setting-row{
        grid-template-columns:1fr;
        align-items:flex-start;
    }

    .unavailable-title{
        font-size:21px;
    }

    .unavailable-text{
        font-size:15px;
    }
}


@media (min-width: 768px) and (max-width: 980px){
    #movies{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }

    .library-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }

    .popup-layout{
        min-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px);
    }

    .popup-poster-wrap{
        min-height:400px;
        max-height:400px;
        height:400px;
    }

    .popup-right{
        padding-bottom:160px;
    }
}
@media (max-width: 980px) and (orientation: landscape){
    #movies{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }

    .library-grid{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}


@media (max-width: 767px), (max-width: 980px) and (max-height: 500px){
    #popup{
        overflow:auto;
        -webkit-overflow-scrolling:touch;
    }

    #popupContent{
        max-height:none;
        overflow:visible;
        display:block;
    }

    .popup-layout,
    .popup-right,
    .popup-panels,
    .popup-panel,
    .popup-panel.active,
    .popup-panel-scroll{
        height:auto;
        min-height:0;
        max-height:none;
    }

    .popup-panel-scroll{
        overflow:visible;
        -webkit-overflow-scrolling:auto;
        touch-action:auto;
        overscroll-behavior:auto;
        padding:18px 16px 20px;
    }
}
















html.legacy-tv #movies,
body.legacy-tv #movies{
    display:flex;
    flex-wrap:wrap;
    gap:0;
    padding:20px 14px 20px;
}

html.legacy-tv .movie,
body.legacy-tv .movie{
    width:25%;
    padding:0 8px 16px;
    background:none;
    border-radius:0;
}

html.legacy-tv .poster-wrap,
body.legacy-tv .poster-wrap{
    border-radius:10px;
}

html.legacy-tv .movie-title,
body.legacy-tv .movie-title{
    min-height:38px;
}

@media (max-width: 1200px){
    html.legacy-tv .movie,
    body.legacy-tv .movie{
        width:33.3333%;
    }
}

@media (max-width: 780px){
    html.legacy-tv .movie,
    body.legacy-tv .movie{
        width:50%;
    }
}

html.legacy-tv #popup.show,
body.legacy-tv #popup.show,
html.legacy-tv #languagePopup.show,
body.legacy-tv #languagePopup.show,
html.legacy-tv #libraryPopup.show,
body.legacy-tv #libraryPopup.show,
html.legacy-tv #settingsPopup.show,
body.legacy-tv #settingsPopup.show{
    display:flex !important;
}

html.legacy-tv #popupContent,
body.legacy-tv #popupContent,
html.legacy-tv #languagePopupContent,
body.legacy-tv #languagePopupContent,
html.legacy-tv #libraryContent,
body.legacy-tv #libraryContent,
html.legacy-tv #settingsContent,
body.legacy-tv #settingsContent{
    opacity:1 !important;
    transform:none !important;
}

html.legacy-tv .popup-layout,
body.legacy-tv .popup-layout{
    display:block;
}

html.legacy-tv .popup-left,
body.legacy-tv .popup-left,
html.legacy-tv .popup-right,
body.legacy-tv .popup-right{
    width:100%;
}

html.legacy-tv #popup,
body.legacy-tv #popup,
html.legacy-tv #languagePopup,
body.legacy-tv #languagePopup,
html.legacy-tv #libraryPopup,
body.legacy-tv #libraryPopup,
html.legacy-tv #settingsPopup,
body.legacy-tv #settingsPopup{
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:11000 !important;
}

html.legacy-tv #popupContent,
body.legacy-tv #popupContent,
html.legacy-tv #languagePopupContent,
body.legacy-tv #languagePopupContent,
html.legacy-tv #libraryContent,
body.legacy-tv #libraryContent,
html.legacy-tv #settingsContent,
body.legacy-tv #settingsContent{
    width:94vw !important;
    max-width:94vw !important;
    max-height:90vh !important;
    margin:0 auto !important;
    overflow:auto !important;
}

html.legacy-tv #popupContent,
body.legacy-tv #popupContent{
    width:96vw !important;
    max-width:96vw !important;
}

html.legacy-tv #popup,
body.legacy-tv #popup{
    overflow:auto !important;
    -webkit-overflow-scrolling:touch;
    align-items:flex-start !important;
    padding:12px !important;
}

html.legacy-tv #popupContent,
body.legacy-tv #popupContent{
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    margin:12px auto !important;
}

html.legacy-tv .popup-poster-wrap,
body.legacy-tv .popup-poster-wrap{
    height:auto !important;
    min-height:0 !important;
}

html.legacy-tv #popupPoster,
body.legacy-tv #popupPoster{
    height:auto !important;
    max-height:none !important;
    object-fit:cover;
}

html.legacy-tv .popup-panels,
body.legacy-tv .popup-panels,
html.legacy-tv .popup-panel,
body.legacy-tv .popup-panel,
html.legacy-tv .popup-panel-scroll,
body.legacy-tv .popup-panel-scroll{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
}

html.legacy-tv .popup-poster-wrap,
body.legacy-tv .popup-poster-wrap{
    width:64vw !important;
    max-width:360px !important;
    margin:0 auto 14px !important;
}

html.legacy-tv #popupPoster,
body.legacy-tv #popupPoster{
    max-height:32vh !important;
}

html.legacy-tv .popup-tab-btn,
body.legacy-tv .popup-tab-btn{
    font-size:22px !important;
    padding:16px 18px !important;
}

html.legacy-tv .popup-poster-wrap,
body.legacy-tv .popup-poster-wrap{
    width:88vw !important;
    max-width:88vw !important;
}

html.legacy-tv .player-box,
body.legacy-tv .player-box{
    min-height:56vw !important;
    max-height:none !important;
}

html.legacy-tv #player,
body.legacy-tv #player{
    min-height:56vw !important;
}


html.legacy-tv #popup,
body.legacy-tv #popup{
    align-items:center !important;
    overflow:hidden !important;
    padding:10px !important;
}

html.legacy-tv #popupContent,
body.legacy-tv #popupContent{
    width:96vw !important;
    max-width:96vw !important;
    max-height:94vh !important;
    height:94vh !important;
    overflow:hidden !important;
    margin:0 auto !important;
}

html.legacy-tv .popup-layout,
body.legacy-tv .popup-layout{
    display:table !important;
    table-layout:fixed !important;
    width:100% !important;
    height:100% !important;
}

html.legacy-tv .popup-left,
body.legacy-tv .popup-left,
html.legacy-tv .popup-right,
body.legacy-tv .popup-right{
    display:table-cell !important;
    vertical-align:top !important;
}

html.legacy-tv .popup-left,
body.legacy-tv .popup-left{
    width:30% !important;
}

html.legacy-tv .popup-right,
body.legacy-tv .popup-right{
    width:70% !important;
    padding-left:18px !important;
    overflow:auto !important;
}

html.legacy-tv .popup-poster-wrap,
body.legacy-tv .popup-poster-wrap{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

html.legacy-tv #popupPoster,
body.legacy-tv #popupPoster{
    width:100% !important;
    height:72vh !important;
    max-height:72vh !important;
    object-fit:cover !important;
}

html.legacy-tv .popup-tabs,
body.legacy-tv .popup-tabs{
    white-space:nowrap !important;
}

html.legacy-tv .popup-tab-btn,
body.legacy-tv .popup-tab-btn{
    font-size:24px !important;
    padding:16px 22px !important;
}

html.legacy-tv .popup-panels,
body.legacy-tv .popup-panels,
html.legacy-tv .popup-panel,
body.legacy-tv .popup-panel,
html.legacy-tv .popup-panel-scroll,
body.legacy-tv .popup-panel-scroll{
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
}

html.legacy-tv .player-box,
body.legacy-tv .player-box,
html.legacy-tv #player,
body.legacy-tv #player{
    min-height:62vh !important;
    height:62vh !important;
}

html.legacy-tv #shareBtn,
body.legacy-tv #shareBtn,
html.legacy-tv #popupFavBtn,
body.legacy-tv #popupFavBtn{
    display:none !important;
}

html.legacy-tv #popupTopActions,
body.legacy-tv #popupTopActions{
    gap:0 !important;
}

html.legacy-tv #movies,
body.legacy-tv #movies{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:0 !important;
    padding:20px 10px 20px !important;
}

html.legacy-tv .movie,
body.legacy-tv .movie{
    width:16.6667% !important;
    padding:0 6px 14px !important;
    box-sizing:border-box !important;
}

html.legacy-tv .library-grid,
body.legacy-tv .library-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:0 !important;
}

html.legacy-tv .library-card-remove,
body.legacy-tv .library-card-remove{
    width:16.6667% !important;
    padding:0 6px 14px !important;
    box-sizing:border-box !important;
    max-height:none !important;
    opacity:1 !important;
    transform:none !important;
}

html.legacy-tv .library-panel-scroll,
body.legacy-tv .library-panel-scroll{
    height:auto !important;
    max-height:none !important;
    overflow:auto !important;
}

html.legacy-tv .library-tabs,
body.legacy-tv .library-tabs{
    gap:12px !important;
    padding:18px 24px 0 24px !important;
    flex-wrap:nowrap !important;
}

html.legacy-tv .library-tab-btn,
body.legacy-tv .library-tab-btn{
    font-size:22px !important;
    line-height:1.1 !important;
    padding:12px 18px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.06) !important;
    color:#d7d7d7 !important;
    min-width:0 !important;
}

html.legacy-tv .library-tab-btn.active,
body.legacy-tv .library-tab-btn.active{
    background:#b32025 !important;
    color:#fff !important;
}

html.legacy-tv .popup-tabs,
body.legacy-tv .popup-tabs{
    gap:12px !important;
    padding:0 0 14px 0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
}

html.legacy-tv .popup-tab-btn,
body.legacy-tv .popup-tab-btn{
    font-size:22px !important;
    line-height:1.1 !important;
    padding:12px 18px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.06) !important;
    color:#d7d7d7 !important;
    border:none !important;
}

html.legacy-tv .popup-tab-btn.active,
body.legacy-tv .popup-tab-btn.active{
    background:#b32025 !important;
    color:#fff !important;
}

html.legacy-tv .library-card-remove,
body.legacy-tv .library-card-remove{
    width:14.2857% !important;
    padding:0 5px 14px !important;
}

html.legacy-tv .library-card-remove .movie,
body.legacy-tv .library-card-remove .movie{
    width:100% !important;
    padding:0 !important;
}

html.legacy-tv .library-card-remove .movie-title,
body.legacy-tv .library-card-remove .movie-title{
    min-height:38px !important;
    font-size:16px !important;
}

html.legacy-tv .brand-logo,
body.legacy-tv .brand-logo{
    font-size:44px !important;
}

html.legacy-tv .header-row,
body.legacy-tv .header-row{
    gap:18px !important;
    padding:18px 22px !important;
}

html.legacy-tv .eye-btn,
body.legacy-tv .eye-btn,
html.legacy-tv .settings-btn,
body.legacy-tv .settings-btn,
html.legacy-tv .lang-popup-trigger,
body.legacy-tv .lang-popup-trigger,
html.legacy-tv .filter-select,
body.legacy-tv .filter-select{
    height:50px !important;
    font-size:20px !important;
}

html.legacy-tv .eye-btn,
body.legacy-tv .eye-btn,
html.legacy-tv .settings-btn,
body.legacy-tv .settings-btn,
html.legacy-tv .lang-popup-trigger,
body.legacy-tv .lang-popup-trigger{
    width:50px !important;
}

html.legacy-tv .lang-popup-trigger img,
body.legacy-tv .lang-popup-trigger img{
    width:28px !important;
    height:28px !important;
}

html.legacy-tv .filter-select,
body.legacy-tv .filter-select{
    padding:0 16px !important;
}

html.legacy-tv .movie-title,
body.legacy-tv .movie-title{
    font-size:17px !important;
    line-height:1.25 !important;
    min-height:44px !important;
}

html.legacy-tv .badge,
body.legacy-tv .badge,
html.legacy-tv .popup-badge,
body.legacy-tv .popup-badge{
    font-size:15px !important;
}

html.legacy-tv .fav-btn,
body.legacy-tv .fav-btn{
    font-size:24px !important;
}

html.legacy-tv .meta-title,
body.legacy-tv .meta-title{
    font-size:34px !important;
}

html.legacy-tv .meta-origin,
body.legacy-tv .meta-origin,
html.legacy-tv .meta-label,
body.legacy-tv .meta-label,
html.legacy-tv .meta-value,
body.legacy-tv .meta-value,
html.legacy-tv .meta-desc,
body.legacy-tv .meta-desc{
    font-size:22px !important;
    line-height:1.45 !important;
}

html.legacy-tv #loader,
body.legacy-tv #loader{
    font-size:22px !important;
    padding:20px 0 28px !important;
}

html.legacy-tv #player,
body.legacy-tv #player,
html.legacy-tv #playerPlus,
body.legacy-tv #playerPlus,
html.legacy-tv .player-box,
body.legacy-tv .player-box{
    min-height:62vh !important;
    height:62vh !important;
    max-height:none !important;
}

html.legacy-tv #popupFavBtn,
body.legacy-tv #popupFavBtn{
    display:inline-flex !important;
    width:auto !important;
    min-width:0 !important;
    height:64px !important;
    padding:0 20px !important;
    border-radius:14px !important;
    align-items:center !important;
    gap:12px !important;
    font-size:22px !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
}

html.legacy-tv #popupFavBtn.active,
body.legacy-tv #popupFavBtn.active{
    background:#b32025 !important;
    color:#fff !important;
}

html.legacy-tv .tv-popup-fav-star,
body.legacy-tv .tv-popup-fav-star{
    font-size:28px !important;
    line-height:1 !important;
}

html.legacy-tv .tv-popup-fav-label,
body.legacy-tv .tv-popup-fav-label{
    font-size:22px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
}

html.legacy-tv #popupCloseX,
body.legacy-tv #popupCloseX{
    width:64px !important;
    min-width:64px !important;
    height:64px !important;
    font-size:44px !important;
    line-height:1 !important;
}

html.legacy-tv #popupTopActions,
body.legacy-tv #popupTopActions{
    gap:12px !important;
}

html.legacy-tv #player,
body.legacy-tv #player,
html.legacy-tv #playerPlus,
body.legacy-tv #playerPlus{
    pointer-events:auto !important;
    position:relative !important;
    z-index:2 !important;
}

html.legacy-tv .year-badge,
body.legacy-tv .year-badge{
    font-size:17px !important;
}

html.legacy-tv .fav-btn,
body.legacy-tv .fav-btn{
    width:38px !important;
    height:38px !important;
}

html.legacy-tv .popup-right,
body.legacy-tv .popup-right,
html.legacy-tv .popup-panels,
body.legacy-tv .popup-panels,
html.legacy-tv .popup-panel.active,
body.legacy-tv .popup-panel.active,
html.legacy-tv .popup-panel-scroll,
body.legacy-tv .popup-panel-scroll{
    overflow:visible !important;
}

html.legacy-tv .player-box,
body.legacy-tv .player-box{
    position:relative !important;
    z-index:5 !important;
}

html.legacy-tv #player,
body.legacy-tv #player,
html.legacy-tv #playerPlus,
body.legacy-tv #playerPlus{
    display:block !important;
    background:#000 !important;
}

html.legacy-tv .fav-btn,
body.legacy-tv .fav-btn{
    width:42px !important;
    height:42px !important;
    font-size:26px !important;
}














#settingsBtn{
    display:none !important;
}


.top-right-actions > #quickSearchBtn{ order:1; }
.top-right-actions > .genre-control{ order:2; }
.top-right-actions > #langPopupTrigger{ order:3; }
.top-right-actions > #libraryEyeBtn{ order:4; }
.top-right-actions > #settingsBtn{ order:5; }