.page-menu-btn,
.global-sidebar,
.global-sidebar *,
.global-sidebar-overlay{
    box-sizing:border-box;
}

.page-menu-btn{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    width:auto;
    max-width:100%;
    min-width:48px;
    min-height:45px;
    margin-bottom:22px;
    padding:11px 16px;
    border:1px solid rgba(229,9,20,.28);
    border-radius:10px;
    background:rgba(15,15,15,.72);
    color:white;
    cursor:pointer;
    font:inherit;
    font-size:16px;
    line-height:1.2;
    text-decoration:none;
    white-space:nowrap;
}

.page-menu-btn:active{
    transform:scale(.98);
}

.global-sidebar{
    position:fixed;
    top:0;
    left:0;
    width:230px;
    height:100vh;
    height:100dvh;
    padding-top:80px;
    padding-bottom:calc(26px + env(safe-area-inset-bottom));
    background:rgba(10,10,10,.74);
    border-right:1px solid rgba(229,9,20,.15);
    transform:translateX(-100%);
    visibility:hidden;
    pointer-events:none;
    transition:.3s;
    z-index:9999;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    scrollbar-width:thin;
}

.global-sidebar.show{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
}

.global-sidebar::-webkit-scrollbar{
    width:6px;
}

.global-sidebar::-webkit-scrollbar-track{
    background:rgba(255,255,255,.035);
}

.global-sidebar::-webkit-scrollbar-thumb{
    background:rgba(229,9,20,.42);
    border-radius:999px;
}

.global-sidebar-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.25);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9998;
    pointer-events:auto;
}

.global-sidebar-overlay.show{
    display:block;
    opacity:1;
    visibility:visible;
}

.global-sidebar a,
.global-sidebar-dropdown-btn{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:46px;
    padding:15px 25px;
    border:0;
    border-bottom:1px solid #222;
    border-left:3px solid transparent;
    background:none;
    color:white;
    cursor:pointer;
    font:inherit;
    font-size:16px;
    text-align:left;
    text-decoration:none;
    transition:.2s;
}

.global-sidebar a:hover,
.global-sidebar-dropdown-btn:hover{
    background:rgba(229,9,20,.15);
}

.global-sidebar a.active,
.global-sidebar-dropdown.active > .global-sidebar-dropdown-btn{
    border-left:3px solid #e50914;
    background:rgba(229,9,20,.12);
}

.global-sidebar-dropdown{
    min-width:0;
}

.global-sidebar-dropdown-btn{
    justify-content:space-between;
}

.global-sidebar-chevron{
    transition:.2s;
}

.global-sidebar-dropdown.open .global-sidebar-chevron{
    transform:rotate(180deg);
}

.global-sidebar-submenu{
    display:none;
    max-height:42vh;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding-bottom:6px;
    background:rgba(0,0,0,.18);
    border-bottom:1px solid #222;
}

.global-sidebar-dropdown.open .global-sidebar-submenu{
    display:block;
}

.global-sidebar-submenu a{
    min-height:46px;
    padding:15px 25px 15px 45px;
    color:#ddd;
    font-size:16px;
    border-bottom:0;
    border-left:3px solid transparent;
}

.global-sidebar-submenu::-webkit-scrollbar{
    width:5px;
}

.global-sidebar-submenu::-webkit-scrollbar-thumb{
    background:rgba(229,9,20,.36);
    border-radius:999px;
}

html,
body{
    width:100%;
    min-height:100%;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
}

body{
    overflow-y:auto;
    touch-action:auto;
}

*{
    -webkit-tap-highlight-color:transparent;
}

.row-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    touch-action:auto;
}

@media(max-height:620px){
    .global-sidebar{
        padding-top:68px;
    }

    .global-sidebar-submenu{
        max-height:34vh;
    }
}

@media(max-width:760px){
    *{
        animation:none !important;
    }

    .card,
    .poster,
    .info,
    .genre-btn,
    .home-member-card,
    .hero,
    .section,
    .continue-card,
    .stat,
    .insight-card,
    .telflix-bottom-nav{
        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
        filter:none !important;
    }

    .card{
        box-shadow:0 6px 14px rgba(0,0,0,.24) !important;
        transition:transform .12s ease,border-color .12s ease !important;
    }

    .card:hover{
        transform:none !important;
        box-shadow:0 6px 14px rgba(0,0,0,.24) !important;
    }

    .card::before{
        opacity:.38 !important;
    }

    .poster::before{
        opacity:.32 !important;
    }

    .poster::after{
        opacity:.7 !important;
    }

    .badge.vip{
        box-shadow:none !important;
    }

    .hero,
    .home-member-card,
    .continue-card{
        box-shadow:0 8px 20px rgba(0,0,0,.24) !important;
    }
}

.mobile-bottom-nav,
.mobile-bottom-nav.simple-bottom-nav,
.floating-search{
    display:none !important;
}

.telflix-bottom-nav{
    position:fixed;
    left:50%;
    right:auto;
    bottom:calc(7px + env(safe-area-inset-bottom));
    width:min(368px,calc(100% - 24px));
    min-height:62px;
    transform:translateX(-50%);
    z-index:9899;
    display:none;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:7px;
    border-radius:22px;
    background:
        radial-gradient(circle at 18% 0%,rgba(229,9,20,.26),transparent 38%),
        radial-gradient(circle at 82% 115%,rgba(229,9,20,.12),transparent 42%),
        linear-gradient(135deg,rgba(10,10,10,.94),rgba(18,0,0,.92) 48%,rgba(5,5,5,.96));
    border:1px solid rgba(229,9,20,.34);
    box-shadow:
        0 16px 34px rgba(0,0,0,.52),
        0 0 20px rgba(229,9,20,.14),
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 -1px 0 rgba(229,9,20,.08);
    backdrop-filter:blur(12px) saturate(135%);
    -webkit-backdrop-filter:blur(12px) saturate(135%);
}

.telflix-bottom-nav::before{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:21px;
    pointer-events:none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.018) 42%,
            rgba(0,0,0,.12)
        );
}

.telflix-bottom-nav::after{
    content:"";
    position:absolute;
    left:22px;
    right:22px;
    top:7px;
    height:1px;
    border-radius:999px;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.18),
        transparent
    );
}

.telflix-bottom-nav-item{
    position:relative;
    z-index:1;
    min-width:0;
    flex:1;
    min-height:46px;
    padding:6px 5px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    border-radius:16px;
    border:1px solid transparent;
    color:rgba(255,255,255,.72);
    text-decoration:none;
    line-height:1;
    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}

.telflix-bottom-nav-item:active{
    transform:scale(.96);
}

.telflix-bottom-nav-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    font-size:16px;
    line-height:1;
    opacity:.95;
}

.telflix-bottom-nav-label{
    font-size:10px;
    font-weight:800;
    letter-spacing:.15px;
}

.telflix-bottom-nav-item.active{
    color:white;
    background:
        radial-gradient(circle at top,rgba(229,9,20,.36),transparent 62%),
        linear-gradient(135deg,rgba(229,9,20,.28),rgba(50,0,4,.72));
    border-color:rgba(229,9,20,.38);
    box-shadow:
        0 0 16px rgba(229,9,20,.20),
        inset 0 1px 0 rgba(255,255,255,.11),
        inset 0 -1px 0 rgba(0,0,0,.18);
}

.telflix-bottom-nav-item.active .telflix-bottom-nav-icon{
    filter:drop-shadow(0 0 8px rgba(229,9,20,.42));
}

@media(max-width:760px){
    .telflix-bottom-nav{
        display:flex;
    }

    body{
        padding-bottom:calc(66px + env(safe-area-inset-bottom)) !important;
    }

    .last-home-section{
        padding-bottom:calc(24px + env(safe-area-inset-bottom)) !important;
    }
}

@media(min-width:761px){
    .telflix-bottom-nav{
        display:none !important;
    }
}

@media(max-width:380px){
    .telflix-bottom-nav{
        width:calc(100% - 22px);
        min-height:60px;
        padding:8px;
        border-radius:21px;
    }

    .telflix-bottom-nav-item{
        min-height:45px;
        border-radius:17px;
    }

    .telflix-bottom-nav-icon{
        font-size:16px;
    }

    .telflix-bottom-nav-label{
        font-size:10px;
    }
}

@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){
    .telflix-bottom-nav{
        background:
            linear-gradient(135deg,rgba(9,9,9,.98),rgba(24,0,0,.96),rgba(5,5,5,.98));
    }
}

.telflix-bottom-nav,
.telflix-bottom-nav *,
.mobile-bottom-nav,
.mobile-bottom-nav *{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
}

.telflix-bottom-nav a,
.telflix-bottom-nav button,
.mobile-bottom-nav a,
.mobile-bottom-nav button{
    -webkit-touch-callout:none;
    -webkit-user-drag:none;
    user-select:none;
}

.help-panel,
.help-panel *,
.help-card,
.help-card *,
.help-section,
.help-section *,
.help-content,
.help-content *,
.help-item,
.help-item *,
.help-box,
.help-box *,
.faq-card,
.faq-card *,
.support-card,
.support-card *,
.contact-card,
.contact-card *,
.help-link,
.help-link *,
.help-actions,
.help-actions *{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
}

.help-panel a,
.help-card a,
.help-section a,
.help-content a,
.help-item a,
.help-box a,
.faq-card a,
.support-card a,
.contact-card a,
.help-link,
.help-actions a,
.help-actions button{
    -webkit-touch-callout:none;
    -webkit-user-drag:none;
    user-select:none;
    touch-action:manipulation;
}

body.telflix-page-referral{
    padding-bottom:calc(104px + env(safe-area-inset-bottom)) !important;
}

body.telflix-page-referral main,
body.telflix-page-referral .container,
body.telflix-page-referral .page,
body.telflix-page-referral .content,
body.telflix-page-referral .referral-page,
body.telflix-page-referral .referral-panel,
body.telflix-page-referral .referral-section{
    padding-bottom:calc(34px + env(safe-area-inset-bottom));
}

body.telflix-page-referral footer,
body.telflix-page-referral .footer,
body.telflix-page-referral .note,
body.telflix-page-referral .small-note,
body.telflix-page-referral .referral-note,
body.telflix-page-referral .helper-note,
body.telflix-page-referral .hint{
    margin-bottom:calc(26px + env(safe-area-inset-bottom));
}

.header .logo-row strong{
    font-size:22px;
    font-weight:700;
    line-height:1.05;
    letter-spacing:0;
    color:#fff;
}

@media(max-width:600px){
    .header .logo-row strong{
        font-size:20px;
        font-weight:700;
    }
}

.sidebar,
.sidebar *,
.global-sidebar,
.global-sidebar *{
    -webkit-tap-highlight-color:transparent !important;
}

.sidebar a,
.sidebar button,
.sidebar-dropdown-btn,
.global-sidebar a,
.global-sidebar button,
.global-sidebar-dropdown-btn{
    -webkit-touch-callout:none !important;
    -webkit-user-select:none !important;
    user-select:none !important;
    -webkit-user-drag:none !important;
    outline:none !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation;
}

.sidebar a:focus,
.sidebar a:focus-visible,
.sidebar button:focus,
.sidebar button:focus-visible,
.sidebar-dropdown-btn:focus,
.sidebar-dropdown-btn:focus-visible,
.global-sidebar a:focus,
.global-sidebar a:focus-visible,
.global-sidebar button:focus,
.global-sidebar button:focus-visible,
.global-sidebar-dropdown-btn:focus,
.global-sidebar-dropdown-btn:focus-visible{
    outline:none !important;
    box-shadow:none !important;
    background:rgba(229,9,20,.10) !important;
    color:#fff !important;
}

.sidebar a:active,
.sidebar button:active,
.sidebar-dropdown-btn:active,
.global-sidebar a:active,
.global-sidebar button:active,
.global-sidebar-dropdown-btn:active{
    background:rgba(229,9,20,.14) !important;
    color:#fff !important;
    box-shadow:none !important;
}

.sidebar a.active:focus,
.sidebar a.active:active,
.sidebar-dropdown.active > .sidebar-dropdown-btn:focus,
.sidebar-dropdown.active > .sidebar-dropdown-btn:active,
.global-sidebar a.active:focus,
.global-sidebar a.active:active,
.global-sidebar-dropdown.active > .global-sidebar-dropdown-btn:focus,
.global-sidebar-dropdown.active > .global-sidebar-dropdown-btn:active{
    background:rgba(229,9,20,.12) !important;
    color:#fff !important;
}

@media(hover:none){
    .sidebar a:hover,
    .sidebar-dropdown-btn:hover,
    .global-sidebar a:hover,
    .global-sidebar-dropdown-btn:hover{
        background:rgba(229,9,20,.10) !important;
        transform:none !important;
    }
}

body.telflix-page-account{
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
}

body.telflix-page-account .card{
    margin-bottom:calc(92px + env(safe-area-inset-bottom));
}

body.telflix-page-account .action-buttons{
    gap:10px;
}

body.telflix-page-account .action-btn{
    flex:1 1 132px;
    min-width:0;
    max-width:180px;
}

@media(max-width:480px){
    body.telflix-page-account{
        padding-left:16px !important;
        padding-right:16px !important;
        padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important;
    }

    body.telflix-page-account .card{
        margin-top:58px;
        margin-bottom:calc(96px + env(safe-area-inset-bottom));
        padding:19px;
        border-radius:18px;
    }

    body.telflix-page-account .account-head{
        padding:14px;
        border-radius:17px;
    }

    body.telflix-page-account .username{
        font-size:23px;
    }

    body.telflix-page-account .account-sub,
    body.telflix-page-account .row,
    body.telflix-page-account .value,
    body.telflix-page-account .label{
        font-size:13px;
    }

    body.telflix-page-account .action-buttons{
        gap:8px;
    }

    body.telflix-page-account .action-btn{
        flex:1 1 calc(50% - 8px);
        max-width:none;
        min-height:38px;
        padding:9px 11px;
        border-radius:11px;
        font-size:13px;
    }

    body.telflix-page-account .help-link{
        min-height:36px;
        padding:9px 13px;
        font-size:12px;
    }
}

@media(max-width:360px){
    body.telflix-page-account .action-btn{
        flex-basis:100%;
        min-height:38px;
    }
}