* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
        :root { --bg-start: #070807; --bg-end: #101210; --txt-1: #f5f5f1; --txt-2: #b3b3b3; --card-bg: #171917; --glass-brd: rgba(255, 255, 255, 0.1); --input-bg: rgba(255, 255, 255, 0.09); --header-bg: rgba(5, 6, 5, 0.82); --hover-bg: rgba(255, 255, 255, 0.09); }
        body.light { --bg-start: #f3f0e8; --bg-end: #e6e1d5; --txt-1: #161816; --txt-2: #62665f; --card-bg: #fffdf7; --glass-brd: rgba(28, 31, 27, 0.14); --input-bg: rgba(28, 31, 27, 0.07); --header-bg: rgba(248, 246, 239, 0.9); --hover-bg: rgba(28, 31, 27, 0.08); }
        
        body { background: var(--bg-start); color: var(--txt-1); font-family: 'Inter', sans-serif; height: 100vh; overflow: hidden; display: block; transition: background 0.3s, color 0.3s; }

        .main-content { width: 100%; height: 100vh; display: flex; flex-direction: column; overflow: hidden; position: relative; }
        .scrollable-area { flex: 1; overflow-y: auto; padding: 0; scroll-behavior: smooth; background: linear-gradient(180deg, #070807 0%, #0d0f0d 100%); }
        body.light .scrollable-area { background: linear-gradient(180deg, #f2efe7 0%, #e5e0d5 100%); }

        .netflix-header { height: 76px; position: relative; z-index: 80; flex-shrink: 0; display: flex; align-items: center; gap: clamp(1rem, 2vw, 2.25rem); padding: 0 clamp(1rem, 3.2vw, 3.5rem); background: var(--header-bg); border-bottom: 1px solid transparent; backdrop-filter: blur(18px); transition: background .3s ease, border-color .3s ease; }
        .netflix-header.is-scrolled { border-color: var(--glass-brd); background: rgba(3,4,3,.96); }
        body.light .netflix-header.is-scrolled { background: rgba(248,246,239,.96); }
        .header-brand { flex: 0 0 auto; border: 0; background: transparent; cursor: pointer; }
        .header-brand .elgonflix-brand__logos { width: 3.15rem; height: 3.15rem; border-radius: .7rem; }
        .header-brand .elgonflix-brand__name { font-size: 1.2rem; }
        .desktop-nav { display: flex; align-items: stretch; height: 100%; gap: .2rem; }
        .nav-item { position: relative; display: flex; align-items: center; gap: .5rem; padding: 0 .72rem; margin: 0; border: 0; border-radius: 0; background: transparent; color: var(--txt-2); font: 600 .82rem/1 'Inter', sans-serif; cursor: pointer; white-space: nowrap; text-decoration: none; transition: color .2s ease; }
        .nav-item::after { content: ''; position: absolute; left: .7rem; right: .7rem; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: #e50914; transform: scaleX(0); transition: transform .22s ease; }
        .nav-item:hover { color: var(--txt-1); background: transparent; }
        .nav-item.active { color: var(--txt-1) !important; background: transparent; box-shadow: none; font-weight: 800; }
        .nav-item.active::after { transform: scaleX(1); }
        .header-actions { display: flex; align-items: center; gap: .65rem; margin-left: auto; }
        .header-search { position: relative; width: clamp(150px, 19vw, 310px); }
        .header-search input { width: 100%; background: rgba(0,0,0,.32); border: 1px solid rgba(255,255,255,.18); border-radius: .35rem; padding: .68rem 1rem .68rem 2.5rem; color: var(--txt-1); font-size: .8rem; outline: none; transition: border .2s, background .2s; }
        body.light .header-search input { background: rgba(255,255,255,.58); border-color: rgba(0,0,0,.16); }
        .header-search input:focus { border-color: #d7aa45; background: rgba(0,0,0,.6); }
        .header-search i { position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); color: var(--txt-2); font-size: .78rem; }
        .header-search .search-clear { position: absolute; right: .35rem; top: 50%; transform: translateY(-50%); width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--txt-2); cursor: pointer; }
        .header-search .search-clear:hover, .header-search .search-clear:focus-visible { background: var(--hover-bg); color: var(--txt-1); outline: none; }
        .header-search .search-clear.hidden { display: none; }
        .header-icon { width: 2.55rem; height: 2.55rem; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--glass-brd); background: var(--input-bg); color: var(--txt-1); cursor: pointer; transition: .2s ease; }
        .header-icon:hover { color: #d7aa45; border-color: rgba(215,170,69,.55); }
        .mobile-menu-button { display: none; }

        .sidebar { position: fixed; inset: 0 auto 0 0; width: min(85vw, 330px); display: flex; flex-direction: column; background: rgba(6,8,6,.98); backdrop-filter: blur(28px); border-right: 1px solid rgba(215,170,69,.18); transform: translateX(-104%); transition: transform .3s ease; z-index: 140; }
        body.light .sidebar { background: rgba(250,247,239,.98); }
        .sidebar.mobile-open { transform: translateX(0); }
        .sidebar .nav-item { min-height: 50px; padding: 0 1.35rem; margin: .1rem .8rem; border-radius: .45rem; font-size: .92rem; }
        .sidebar .nav-item::after { left: 0; right: auto; top: 20%; bottom: 20%; width: 3px; height: auto; transform: scaleY(0); }
        .sidebar .nav-item.active { background: var(--hover-bg); }
        .sidebar .nav-item.active::after { transform: scaleY(1); }
        .drawer-backdrop { position: fixed; inset: 0; z-index: 130; border: 0; background: rgba(0,0,0,.68); opacity: 0; visibility: hidden; transition: .3s ease; }
        .drawer-backdrop.active { opacity: 1; visibility: visible; }
        
        .glass-card { background: var(--card-bg); border: 0; border-radius: .45rem; transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease; }
        .v-sec .glass-card:hover { transform: scale(1.045); box-shadow: 0 24px 55px rgba(0,0,0,.58); z-index: 20; }
        .view-empty { grid-column: 1 / -1; width: 100%; min-height: 300px; display: grid; place-items: center; padding: clamp(2rem, 5vw, 4.5rem); text-align: center; border: 1px dashed var(--glass-brd); border-radius: 1rem; background: color-mix(in srgb, var(--card-bg) 78%, transparent); box-shadow: none; }
        .view-empty.glass-card:hover { transform: none; box-shadow: none; z-index: auto; }
        .view-empty__inner { width: min(520px, 100%); margin-inline: auto; }
        .view-empty__icon { width: 76px; height: 76px; margin: 0 auto 1.25rem; display: grid; place-items: center; border-radius: 50%; background: var(--input-bg); border: 1px solid var(--glass-brd); color: #d7aa45; font-size: 1.7rem; }
        .view-empty h3 { margin: 0; color: var(--txt-1); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 800; letter-spacing: -.025em; }
        .view-empty p { margin: .65rem auto 0; max-width: 440px; color: var(--txt-2); font-size: .9rem; line-height: 1.65; }
        .view-empty__actions { margin-top: 1.3rem; display: flex; justify-content: center; gap: .65rem; flex-wrap: wrap; }
        .view-empty__button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: 0 1.15rem; border-radius: .55rem; text-decoration: none; border: 1px solid var(--glass-brd); background: var(--input-bg); color: var(--txt-1); font-size: .78rem; font-weight: 800; cursor: pointer; }
        .view-empty__button:hover { border-color: rgba(215,170,69,.55); color: #d7aa45; }
        .home-shelf__empty { min-height: 118px; display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.25rem; border: 1px dashed var(--glass-brd); border-radius: .75rem; background: color-mix(in srgb, var(--card-bg) 72%, transparent); color: var(--txt-2); }
        .home-shelf__empty i { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border-radius: 50%; background: var(--input-bg); color: #d7aa45; }
        .home-shelf__empty strong { display: block; color: var(--txt-1); font-size: .92rem; margin-bottom: .2rem; }
        .home-shelf__empty span { font-size: .78rem; line-height: 1.5; }
        
        .btn-primary { background: #f5f5f1; color: #090a09; font-weight: 800; transition: 0.25s; border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px;}
        .btn-primary:hover { background: #d6d6d1; transform: translateY(-1px); box-shadow: 0 12px 28px rgba(0,0,0,.32); }

        .intro-overlay { position: fixed; inset: 0; z-index: 5000; display: grid; place-items: center; overflow: hidden; background: #000; opacity: 1; visibility: visible; transition: opacity .65s ease, visibility .65s ease; }
        .intro-overlay.is-finished { opacity: 0; visibility: hidden; pointer-events: none; }
        html.elgonflix-intro-skip .intro-overlay { display: none !important; }
        .intro-video { width: 100%; height: 100%; object-fit: cover; background: #000; }
        .intro-vignette { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle, transparent 42%, rgba(0,0,0,.34) 100%); }
        .intro-actions { position: absolute; right: max(18px, env(safe-area-inset-right)); bottom: max(18px, env(safe-area-inset-bottom)); display: flex; gap: 10px; }
        .intro-control { border: 1px solid rgba(255,255,255,.34); background: rgba(0,0,0,.52); color: white; backdrop-filter: blur(12px); border-radius: 999px; min-height: 42px; padding: 0 16px; font: 700 12px/1 'Inter', sans-serif; letter-spacing: .04em; cursor: pointer; transition: .2s ease; }
        .intro-control:hover, .intro-control:focus-visible { background: rgba(215,170,69,.9); color: #080603; border-color: #d7aa45; outline: none; }

        .elgon-hero { position: relative; min-height: min(69vh, 660px); overflow: hidden; margin: 0; color: #fff; background: #050705; isolation: isolate; touch-action: pan-y; }
        .elgon-hero__slide { position: absolute; inset: 0; display: flex; align-items: center; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .7s ease, visibility .7s ease; }
        .elgon-hero__slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; z-index: 1; }
        .elgon-hero__media { position: absolute; inset: 0; overflow: hidden; background: #050705; }
        .elgon-hero__poster { width: 100%; height: 100%; object-fit: cover; object-position: center 34%; filter: saturate(.92) contrast(1.08); transform: scale(1.035); transition: transform 9s linear, opacity .35s ease; }
        .elgon-hero__slide.is-active .elgon-hero__poster { transform: scale(1); }
        .elgon-hero__preview { position: absolute; inset: -8% 0; overflow: hidden; opacity: 0; transition: opacity .45s ease; background: #000; }
        .elgon-hero__slide.is-previewing .elgon-hero__preview { opacity: 1; }
        .elgon-hero__slide.is-previewing .elgon-hero__poster { opacity: 0; }
        .elgon-hero__preview iframe { width: 100%; height: 116%; margin-top: -3%; border: 0; pointer-events: none; }
        .elgon-hero__slide::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(2,3,2,.98) 0%, rgba(2,3,2,.88) 34%, rgba(2,3,2,.38) 62%, rgba(2,3,2,.08) 100%), linear-gradient(0deg, #0b0d0b 0%, transparent 34%); }
        .elgon-hero__content { width: min(680px, 58vw); padding: clamp(2rem, 5vw, 5rem); position: relative; z-index: 2; }
        .elgon-hero__eyebrow { color: #e8c56b; font-size: .68rem; font-weight: 850; letter-spacing: .2em; text-transform: uppercase; }
        .elgon-hero__meta { display: flex; flex-wrap: wrap; gap: .58rem; align-items: center; margin-top: .85rem; color: #d2d4ce; font-size: .74rem; font-weight: 700; }
        .elgon-hero__match { color: #54d477; }
        .elgon-hero__rating { border: 1px solid rgba(255,255,255,.4); padding: .12rem .32rem; font-size: .62rem; }
        .elgon-hero h1 { max-width: 650px; margin: .7rem 0 .75rem; font-size: clamp(2rem, 4.2vw, 3.8rem); font-weight: 900; line-height: .97; letter-spacing: -.055em; text-shadow: 0 8px 35px rgba(0,0,0,.65); }
        .elgon-hero p { max-width: 535px; color: #d0d2cd; font-size: clamp(.84rem, 1.2vw, 1rem); line-height: 1.55; text-shadow: 0 3px 15px #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .elgon-hero__actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.25rem; }
        .elgon-hero__secondary { display: inline-flex; align-items: center; gap: .5rem; border: 0; background: rgba(109,109,110,.72); color: #fff; padding: .78rem 1.1rem; border-radius: .3rem; font-size: .8rem; font-weight: 800; cursor: pointer; transition: .25s ease; backdrop-filter: blur(8px); }
        .elgon-hero__secondary:hover { background: rgba(109,109,110,.5); }
        .elgon-hero__controls { position: absolute; right: clamp(1rem, 3vw, 3rem); bottom: 4.8rem; z-index: 4; display: flex; align-items: center; gap: .55rem; }
        .elgon-hero__arrow { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: rgba(0,0,0,.48); color: #fff; cursor: pointer; backdrop-filter: blur(10px); transition: .2s ease; }
        .elgon-hero__arrow:hover, .elgon-hero__arrow:focus-visible { border-color: #d7aa45; color: #d7aa45; outline: 0; }
        .elgon-hero__dots { display: flex; align-items: center; gap: .35rem; }
        .elgon-hero__dot { width: 1.7rem; height: .22rem; padding: 0; overflow: hidden; border: 0; border-radius: 99px; background: rgba(255,255,255,.32); cursor: pointer; transition: width .25s ease, background .25s ease; }
        .elgon-hero__dot.is-active { width: 3.2rem; background: #e50914; }
        .elgon-hero__status { position: absolute; right: clamp(1rem, 3vw, 3rem); bottom: 2.75rem; z-index: 4; color: rgba(255,255,255,.72); font-size: .62rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
        .elgon-hero__progress { position: absolute; inset: auto 0 0; z-index: 5; height: 2px; background: rgba(255,255,255,.08); }
        .elgon-hero__progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #e50914, #d7aa45); }
        .elgon-hero.is-running .elgon-hero__progress span { animation: heroProgress 12s linear forwards; }
        @keyframes heroProgress { from { width: 0; } to { width: 100%; } }

        .browse-content { position: relative; z-index: 5; padding: 0 clamp(1rem, 3.2vw, 3.5rem) 2rem; margin-top: -3.5rem; }
        .browse-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 0 0 1rem; }
        .browse-kicker { display: block; color: #d7aa45; font-size: .65rem; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; margin-bottom: .35rem; }
        .browse-title { color: var(--txt-1); font-size: clamp(1.4rem, 2.4vw, 2rem); font-weight: 850; letter-spacing: -.035em; }
        .browse-description { color: var(--txt-2); font-size: .78rem; margin-top: .25rem; }
        .cat-btn { border-radius: 999px !important; backdrop-filter: blur(12px); }
        .v-sec { align-items: stretch; }
        #videosView, #trendingView, #watchlistView { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: clamp(.8rem, 1.4vw, 1.2rem); }
        #eventsView { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.2rem; }
        #actorsView { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
        #merchView { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
        .v-sec .s-item { position: relative; background: var(--card-bg); overflow: hidden; box-shadow: 0 8px 22px rgba(0,0,0,.2); transform-origin: center; }
        .v-sec .s-item h3 { font-weight: 800; }
        .v-sec .s-item img { transition: transform .45s ease, opacity .3s ease; }
        .v-sec .s-item:hover img { transform: scale(1.04); }
        .v-sec .s-item:hover h3 { color: #f5f5f1 !important; }
        .v-sec .s-item::after { content: ''; position: absolute; inset: auto 0 0; height: 3px; pointer-events: none; background: linear-gradient(90deg, #e50914, #d7aa45); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
        .v-sec .s-item:hover::after { transform: scaleX(1); }

        .video-preview-surface { isolation: isolate; overflow: hidden; }
        .video-preview-surface > img { position: relative; z-index: 0; }
        .video-preview-surface > :not(img):not(.video-preview-frame) { z-index: 3; }
        .video-preview-frame { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; border: 0; background: #000; opacity: 0; pointer-events: none; transition: opacity .28s ease; }
        .video-preview-card.is-previewing .video-preview-frame { opacity: 1; }
        .video-preview-card.is-previewing .video-preview-surface > img { opacity: 0; }
        .video-preview-cue { position: absolute; left: .55rem; bottom: .5rem; display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .52rem; border-radius: 999px; background: rgba(0,0,0,.72); border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: .58rem; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; opacity: .78; backdrop-filter: blur(8px); transition: opacity .2s ease, background .2s ease; pointer-events: none; }
        .video-preview-card:hover .video-preview-cue { opacity: 1; }
        .video-preview-card.is-previewing .video-preview-cue { background: rgba(229,9,20,.88); border-color: rgba(255,255,255,.32); }
        .no-hover-previews .video-preview-cue { display: none; }

        .search-results-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: clamp(.8rem, 1.4vw, 1.2rem); }
        .search-result-card { width: 100%; min-width: 0; padding: 0; border: 0; color: inherit; text-align: left; font: inherit; cursor: pointer; }
        .search-result-art { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #050505; border-bottom: 1px solid var(--glass-brd); }
        .search-result-art img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease, opacity .25s ease; }
        .search-result-card:hover .search-result-art img { transform: scale(1.045); opacity: .92; }
        .search-result-kind { position: absolute; left: .65rem; top: .65rem; display: inline-flex; align-items: center; gap: .35rem; padding: .34rem .55rem; border-radius: 999px; background: rgba(0,0,0,.76); border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: .58rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }
        .search-result-copy { padding: 1rem; }
        .search-result-copy h3 { color: var(--txt-1); font-size: .94rem; font-weight: 800; line-height: 1.35; }
        .search-result-copy p { min-height: 2.5rem; margin-top: .45rem; color: var(--txt-2); font-size: .7rem; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .search-result-meta { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .8rem; padding-top: .75rem; border-top: 1px solid var(--glass-brd); color: var(--txt-2); font-size: .64rem; font-weight: 700; }
        .search-result-meta span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .search-empty { padding: clamp(2.5rem, 8vw, 5rem) 1rem; border: 1px dashed var(--glass-brd); border-radius: .75rem; background: var(--card-bg); text-align: center; color: var(--txt-2); }

        @media(max-width: 1100px) { .desktop-nav { display: none; } .mobile-menu-button { display: grid; } }
        @media(max-width: 900px) { .elgon-hero { min-height: 620px; } .elgon-hero__slide { align-items: flex-end; } .elgon-hero__slide::after { background: linear-gradient(0deg, #0b0d0b 0%, rgba(2,5,3,.92) 42%, rgba(2,5,3,.16) 78%, rgba(2,5,3,.05) 100%); } .elgon-hero__content { width: 100%; padding: 12rem 1.5rem 5.7rem; } .elgon-hero__poster { object-position: center 25%; } .elgon-hero__controls { left: 1.5rem; right: auto; bottom: 3.55rem; } .elgon-hero__status { left: 1.5rem; right: auto; bottom: 2.25rem; } .browse-content { margin-top: -1.4rem; } }
        @media(max-width: 700px) { .netflix-header { height: 66px; padding: 0 .9rem; gap: .7rem; } .header-brand .elgonflix-brand__name { display: none; } .header-brand .elgonflix-brand__logos { width: 2.7rem; height: 2.7rem; } .header-search { width: min(42vw, 220px); } .header-search input { padding-right: 2.15rem; } .browse-description { display: none; } #videosView, #trendingView, #watchlistView { grid-template-columns: repeat(2, minmax(0,1fr)); } .search-results-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .v-sec .glass-card:hover { transform: none; } }
        @media(max-width: 540px) { .intro-video { object-fit: contain; } .intro-actions { left: 14px; right: 14px; justify-content: space-between; } .elgon-hero { min-height: 570px; } .elgon-hero__content { padding: 10rem 1.15rem 5.5rem; } .elgon-hero h1 { font-size: 2.2rem; } .elgon-hero p { font-size: .84rem; } .elgon-hero__meta { gap: .45rem; font-size: .68rem; } .elgon-hero__controls { left: 1.15rem; bottom: 3.25rem; } .elgon-hero__status { left: 1.15rem; bottom: 1.9rem; } .elgon-hero__preview iframe { width: 145%; margin-left: -22.5%; } .browse-content { padding-inline: .85rem; } .header-search input::placeholder { color: transparent; } .header-search { width: 4rem; } .header-search:focus-within { position: absolute; left: .75rem; right: 7rem; width: auto; z-index: 5; } .header-search:focus-within input::placeholder { color: var(--txt-2); } .header-search input { padding-left: 2.45rem; } .search-results-grid { grid-template-columns: 1fr; } }
        @media (hover: none), (pointer: coarse) { .video-preview-cue { display: none; } }
        @media (prefers-reduced-motion: reduce) { .video-preview-frame, .video-preview-surface > img, .elgon-hero__slide, .elgon-hero__poster { transition: none !important; } .elgon-hero__progress span { animation: none !important; } }
        
        .modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.9); backdrop-filter: blur(10px); z-index: 1000; align-items: center; justify-content: center; padding: 16px; }
        .modal-overlay.active { display: flex; animation: fadeIn 0.2s ease; }
        @keyframes fadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
        .modal-content { background: var(--card-bg); border: 1px solid var(--glass-brd); border-radius: 1.5rem; max-height: 90vh; overflow-y: auto; position: relative; width: 100%; max-width: 460px; }
        .dm-desc { color: var(--txt-2); max-height: 200px; overflow-y: auto; scrollbar-width: none; }
        .dm-desc::-webkit-scrollbar { display: none; }
        ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-thumb { background: #d7aa45; border-radius: 10px; }
        .hide-scroll::-webkit-scrollbar { display: none; }

        /* =========================================================
           ELGONFLIX FLAGSHIP HOME — PRESENTATION-ONLY UPGRADE
           Existing PHP/payment/search/preview function names remain intact.
           ========================================================= */
        body.elgon-page--catalog{
            --efx-red:#e50914;
            --efx-red-bright:#ff1724;
            --efx-black:#050505;
            --efx-panel:#141414;
            --efx-panel-2:#1b1b1b;
            font-family:'Manrope','Inter',system-ui,sans-serif;
            background:#050505;
        }

        .main-content{position:relative}
        .scrollable-area{
            height:100vh;
            flex:1 1 auto;
            background:#050505!important;
            scroll-snap-type:y proximity;
        }

        .netflix-header{
            position:absolute!important;
            inset:0 0 auto 0;
            height:84px!important;
            z-index:120;
            padding:0 clamp(1rem,3.5vw,4.5rem)!important;
            background:linear-gradient(180deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.42) 58%,transparent 100%)!important;
            border:0!important;
            box-shadow:none!important;
            backdrop-filter:none!important;
            -webkit-backdrop-filter:none!important;
        }
        .netflix-header.is-scrolled{
            background:rgba(5,5,5,.965)!important;
            border-bottom:1px solid rgba(255,255,255,.07)!important;
            backdrop-filter:blur(18px) saturate(135%)!important;
            -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
        }
        .header-brand{gap:.55rem}
        .header-brand .elgonflix-brand__logos{
            width:2.85rem!important;
            height:2.85rem!important;
            border-radius:.55rem!important;
            box-shadow:0 8px 22px rgba(0,0,0,.28);
        }
        .header-brand .elgonflix-brand__name{
            font-size:1.16rem!important;
            letter-spacing:-.035em;
        }
        .efx-header-context{display:none!important}
        .desktop-nav{gap:.05rem}
        .nav-item{
            padding:0 .78rem!important;
            color:#c2c2c2!important;
            font-family:'Manrope','Inter',sans-serif!important;
            font-size:.79rem!important;
            font-weight:650!important;
        }
        .nav-item::after{
            left:.78rem!important;
            right:.78rem!important;
            height:2px!important;
            background:#e50914!important;
        }
        .nav-item.active{font-weight:800!important;color:#fff!important}
        .header-actions{gap:.55rem!important}
        .header-search{width:clamp(175px,19vw,320px)!important}
        .header-search input{
            height:40px!important;
            padding:.62rem 2.2rem .62rem 2.45rem!important;
            border-radius:6px!important;
            border:1px solid rgba(255,255,255,.2)!important;
            background:rgba(0,0,0,.38)!important;
            color:#fff!important;
            font-size:.76rem!important;
            backdrop-filter:blur(10px);
        }
        .header-search input:focus{
            border-color:rgba(255,255,255,.78)!important;
            background:#080808!important;
            box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;
        }
        .header-icon{
            width:40px!important;
            height:40px!important;
            border:1px solid rgba(255,255,255,.13)!important;
            background:rgba(0,0,0,.24)!important;
        }
        .header-icon:hover{
            color:#fff!important;
            border-color:rgba(255,255,255,.30)!important;
            background:rgba(255,255,255,.09)!important;
        }

        .elgon-hero{
            min-height:clamp(690px,88vh,920px)!important;
            background:#050505!important;
            scroll-snap-align:start;
        }
        .elgon-hero__media::after{
            content:'';
            position:absolute;
            inset:0;
            z-index:1;
            pointer-events:none;
            background:
                radial-gradient(circle at 70% 42%,transparent 0 22%,rgba(0,0,0,.06) 46%,rgba(0,0,0,.42) 82%),
                linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.78) 29%,rgba(0,0,0,.31) 54%,rgba(0,0,0,.04) 76%);
        }
        .elgon-hero__slide::after{
            background:
                linear-gradient(0deg,#050505 0%,rgba(5,5,5,.98) 4%,rgba(5,5,5,.72) 15%,transparent 42%),
                linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.62) 34%,rgba(0,0,0,.08) 69%,transparent 100%)!important;
        }
        .elgon-hero__poster{
            object-position:center 28%!important;
            filter:saturate(.96) contrast(1.07) brightness(.9)!important;
            transform:scale(1.025)!important;
        }
        .elgon-hero__slide.is-active .elgon-hero__poster{transform:scale(1)!important}
        .elgon-hero__content{
            width:min(760px,59vw)!important;
            padding:clamp(9rem,18vh,12.5rem) 1rem clamp(8rem,15vh,10rem) clamp(1.2rem,4.8vw,5.25rem)!important;
            align-self:flex-end;
        }
        .elgon-hero__eyebrow{
            display:inline-flex;
            align-items:center;
            gap:.4rem;
            width:max-content;
            padding:.36rem .58rem;
            border-left:3px solid #e50914;
            background:rgba(0,0,0,.28);
            color:#f4f4f1!important;
            font-size:.61rem!important;
            font-weight:800!important;
            letter-spacing:.18em!important;
            backdrop-filter:blur(7px);
        }
        .elgon-hero h1{
            max-width:760px!important;
            margin:.9rem 0 .85rem!important;
            font-size:clamp(3.1rem,6.6vw,6.65rem)!important;
            line-height:.86!important;
            letter-spacing:-.072em!important;
            font-weight:800!important;
            text-wrap:balance;
            text-shadow:0 12px 45px rgba(0,0,0,.6)!important;
        }
        .elgon-hero p{
            max-width:590px!important;
            font-size:clamp(.9rem,1.15vw,1.05rem)!important;
            line-height:1.68!important;
            color:#dededb!important;
            -webkit-line-clamp:3!important;
        }
        .elgon-hero__meta{
            margin-top:1rem!important;
            gap:.72rem!important;
            color:#d4d4d1!important;
            font-size:.72rem!important;
        }
        .elgon-hero__match{color:#54d477!important;font-weight:800}
        .elgon-hero__rating{
            padding:.16rem .4rem!important;
            border-radius:3px;
            border-color:rgba(255,255,255,.56)!important;
        }
        .elgon-hero__actions{gap:.65rem!important;margin-top:1.45rem!important}
        .elgon-hero__actions .btn-primary{
            min-height:48px;
            padding:0 1.55rem!important;
            border-radius:6px!important;
            background:#fff!important;
            color:#090909!important;
            font-size:.84rem!important;
            font-weight:800!important;
            box-shadow:none!important;
        }
        .elgon-hero__actions .btn-primary:hover{background:#d8d8d6!important;transform:none!important}
        .elgon-hero__secondary{
            min-height:48px;
            padding:0 1.35rem!important;
            border-radius:6px!important;
            background:rgba(109,109,110,.62)!important;
            font-size:.8rem!important;
            font-weight:800!important;
        }
        .elgon-hero__secondary:hover{background:rgba(109,109,110,.42)!important}
        .elgon-hero__controls{
            right:clamp(1.2rem,3.8vw,4.5rem)!important;
            bottom:7.1rem!important;
        }
        .elgon-hero__arrow{
            width:2.55rem!important;
            height:2.55rem!important;
            border-color:rgba(255,255,255,.22)!important;
            background:rgba(0,0,0,.35)!important;
        }
        .elgon-hero__arrow:hover{border-color:#fff!important;color:#fff!important;background:rgba(0,0,0,.62)!important}
        .elgon-hero__dot{
            width:1.15rem!important;
            height:3px!important;
            background:rgba(255,255,255,.28)!important;
        }
        .elgon-hero__dot.is-active{width:2.8rem!important;background:#e50914!important}
        .elgon-hero__status{
            right:clamp(1.2rem,3.8vw,4.5rem)!important;
            bottom:5rem!important;
            color:rgba(255,255,255,.55)!important;
            font-size:.55rem!important;
        }
        .elgon-hero__progress{height:2px!important}
        .elgon-hero__progress span{background:#e50914!important}

        .browse-content{
            position:relative!important;
            z-index:12!important;
            margin-top:-6.5rem!important;
            padding:0 clamp(1rem,3.5vw,4.5rem) 3.4rem!important;
        }
        .browse-content::before{
            content:'';
            position:absolute;
            z-index:-1;
            inset:-6.5rem 0 auto;
            height:10rem;
            pointer-events:none;
            background:linear-gradient(180deg,transparent,#050505 70%);
        }
        .browse-heading{
            display:flex!important;
            align-items:end!important;
            justify-content:space-between!important;
            min-height:6.5rem;
            margin:0 0 1.15rem!important;
        }
        .browse-kicker{
            color:#e50914!important;
            font-size:.57rem!important;
            font-weight:800!important;
            letter-spacing:.19em!important;
        }
        .browse-title{
            margin-top:.24rem!important;
            color:#f7f7f5!important;
            font-size:clamp(1.55rem,2.4vw,2.18rem)!important;
            line-height:1.05!important;
            letter-spacing:-.05em!important;
            font-weight:800!important;
        }
        .browse-description{
            max-width:520px;
            margin-top:.36rem!important;
            color:#9f9f9b!important;
            font-size:.76rem!important;
            line-height:1.5!important;
        }

        #videosView{display:block!important;min-width:0}
        #videosView.hidden{display:none!important}
        .home-shelf{position:relative;margin:0 0 2.35rem}
        .home-shelf__head{
            display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;
        }
        .home-shelf__title{
            color:#f5f5f1;font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:800;letter-spacing:-.035em;
        }
        .home-shelf__hint{
            color:#777b77;font-size:.62rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase;
        }
        .home-rail{
            display:flex;gap:.8rem;overflow-x:auto;overflow-y:hidden;padding:.3rem .15rem 1.15rem;
            scroll-snap-type:x proximity;scrollbar-width:none;
        }
        .home-rail::-webkit-scrollbar{display:none}
        .rank-card{
            position:relative;flex:0 0 clamp(285px,28vw,390px);min-width:0;height:clamp(145px,14.5vw,205px);
            scroll-snap-align:start;cursor:pointer;border-radius:9px;overflow:visible;
        }
        .rank-card__number{
            position:absolute;left:-.05em;bottom:-.19em;z-index:0;color:#050505;
            -webkit-text-stroke:2px rgba(255,255,255,.36);
            font-size:clamp(7.4rem,12vw,10.4rem);font-weight:800;line-height:.72;letter-spacing:-.08em;
            user-select:none;pointer-events:none;
        }
        .rank-card__art{
            position:absolute;inset:0 0 0 clamp(52px,5.5vw,82px);z-index:1;overflow:hidden;border-radius:9px;
            background:#111;border:1px solid rgba(255,255,255,.055);box-shadow:0 12px 35px rgba(0,0,0,.28);
            transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
        }
        .rank-card:hover .rank-card__art{
            transform:translateY(-4px) scale(1.025);border-color:rgba(255,255,255,.14);
            box-shadow:0 24px 55px rgba(0,0,0,.48);
        }
        .rank-card__art img{width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.05)}
        .rank-card__art::after{
            content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 48%);
        }
        .rank-card__copy{position:absolute;z-index:2;left:.9rem;right:.9rem;bottom:.72rem}
        .rank-card__copy strong{
            display:block;color:#fff;font-size:.84rem;line-height:1.25;font-weight:800;text-shadow:0 3px 12px #000;
            overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
        }
        .rank-card__copy span{display:block;margin-top:.25rem;color:#c4c5c2;font-size:.59rem;font-weight:700}

        .event-rail-card{
            position:relative;flex:0 0 clamp(280px,29vw,410px);height:205px;overflow:hidden;scroll-snap-align:start;
            border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#111;cursor:pointer;
            box-shadow:0 12px 28px rgba(0,0,0,.22);
            transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
        }
        .event-rail-card:hover{
            transform:translateY(-4px);border-color:rgba(255,255,255,.15);box-shadow:0 24px 55px rgba(0,0,0,.44);
        }
        .event-rail-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
        .event-rail-card::after{
            content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.2) 62%,transparent);
        }
        .event-rail-card__date{
            position:absolute;top:.8rem;left:.8rem;z-index:2;min-width:43px;padding:.45rem .55rem;border-radius:7px;
            background:rgba(0,0,0,.76);border:1px solid rgba(255,255,255,.14);color:#fff;text-align:center;backdrop-filter:blur(9px);
        }
        .event-rail-card__date strong{display:block;font-size:1rem;line-height:1}
        .event-rail-card__date span{
            display:block;margin-top:.16rem;color:#d7aa45;font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
        }
        .event-rail-card__copy{position:absolute;z-index:2;left:1rem;right:1rem;bottom:.9rem}
        .event-rail-card__copy strong{display:block;color:#fff;font-size:.94rem;font-weight:800;line-height:1.25}
        .event-rail-card__copy span{display:block;margin-top:.3rem;color:#b9bbb7;font-size:.61rem}

        .library-shell{margin-top:2.7rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.07)}
        .library-shell__head{
            display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem;
        }
        .library-shell__head h3{
            color:#f5f5f1;font-size:clamp(1.12rem,1.7vw,1.45rem);font-weight:800;letter-spacing:-.04em;
        }
        .library-shell__head p{margin-top:.28rem;color:#858984;font-size:.7rem}
        #catFilters{margin:0 0 1.15rem!important;padding:.15rem 0 .55rem!important;gap:.45rem!important}
        .cat-btn{
            min-height:34px;padding:.45rem .85rem!important;border-radius:999px!important;
            background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.11)!important;
            color:#aeb0ac!important;font-size:.66rem!important;font-weight:750!important;box-shadow:none!important;
        }
        .cat-btn:hover{
            color:#fff!important;border-color:rgba(255,255,255,.27)!important;background:rgba(255,255,255,.085)!important;
        }
        .cat-btn.border-elgon-gold{
            background:#f2f2ef!important;border-color:#f2f2ef!important;color:#090909!important;
        }

        .library-grid{
            display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
            gap:clamp(.72rem,1.15vw,1rem);align-items:start;
        }
        #videosView .library-grid .s-item{
            border-radius:9px!important;border:1px solid rgba(255,255,255,.045)!important;
            background:#111!important;overflow:hidden!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
            transform-origin:center;
        }
        #videosView .library-grid .s-item:hover{
            transform:translateY(-5px) scale(1.025)!important;z-index:25;background:#171717!important;
            border-color:rgba(255,255,255,.12)!important;box-shadow:0 24px 58px rgba(0,0,0,.52)!important;
        }
        #videosView .library-grid .s-item::after{height:2px!important;background:#e50914!important}
        #videosView .library-grid .video-preview-surface{border-bottom:0!important;aspect-ratio:16/9}
        #videosView .library-grid .video-preview-surface img{opacity:1!important;filter:saturate(.93) contrast(1.04)}
        #videosView .library-grid .s-item > .p-4{padding:.78rem .82rem .86rem!important}
        #videosView .library-grid .s-item h3{
            margin-bottom:.52rem!important;color:#f3f3f0!important;font-size:.78rem!important;font-weight:800!important;
            line-height:1.35!important;letter-spacing:-.016em;
        }
        #videosView .library-grid .s-item .text-\[11px\]{font-size:.59rem!important}
        #videosView .library-grid .s-item .bg-\[var\(--input-bg\)\]{
            border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;
        }
        #videosView .library-grid .s-item .mt-4.text-elgon-gold{
            margin-top:.6rem!important;padding-top:.55rem!important;color:#d6d6d2!important;
            border-color:rgba(255,255,255,.07)!important;font-size:.68rem!important;
        }

        #eventsView,#trendingView,#watchlistView,#actorsView,#merchView{margin-top:.35rem}
        #eventsView .s-item,#trendingView .s-item,#watchlistView .s-item,#merchView .s-item{
            border-radius:10px!important;border:1px solid rgba(255,255,255,.055)!important;background:#121212!important;
        }
        #eventsView .s-item:hover,#trendingView .s-item:hover,#watchlistView .s-item:hover,#merchView .s-item:hover{
            border-color:rgba(255,255,255,.14)!important;
        }

        footer{
            margin-top:4rem!important;padding:2.5rem 0 1.4rem!important;
            border-color:rgba(255,255,255,.07)!important;color:#70736f!important;
        }

        @media(max-width:1100px){
            .netflix-header{height:76px!important}
            .elgon-hero{min-height:760px!important}
            .elgon-hero__content{width:min(690px,72vw)!important;padding-left:2rem!important;padding-bottom:8rem!important}
            .elgon-hero h1{font-size:clamp(3rem,7vw,5.2rem)!important}
            .browse-content{margin-top:-5.5rem!important}
        }
        @media(max-width:800px){
            .netflix-header{height:68px!important;padding:0 .9rem!important}
            .header-search{width:min(43vw,220px)!important}
            .header-brand .elgonflix-brand__name{display:none!important}
            .elgon-hero{min-height:680px!important}
            .elgon-hero__slide{align-items:flex-end!important}
            .elgon-hero__media::after{
                background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 34%,rgba(0,0,0,.08) 70%)!important;
            }
            .elgon-hero__slide::after{
                background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.96) 9%,rgba(5,5,5,.54) 37%,transparent 67%)!important;
            }
            .elgon-hero__poster{object-position:center 18%!important}
            .elgon-hero__content{width:100%!important;padding:11rem 1.15rem 6.3rem!important}
            .elgon-hero h1{max-width:92%!important;font-size:clamp(2.55rem,11vw,4.3rem)!important;line-height:.9!important}
            .elgon-hero p{max-width:92%!important;font-size:.82rem!important;-webkit-line-clamp:2!important}
            .elgon-hero__controls{left:1.15rem!important;right:auto!important;bottom:3.75rem!important}
            .elgon-hero__status{left:1.15rem!important;right:auto!important;bottom:2.25rem!important}
            .browse-content{margin-top:-2.7rem!important;padding-inline:.85rem!important}
            .browse-heading{min-height:4.5rem!important}
            .rank-card{flex-basis:clamp(255px,72vw,330px);height:155px}
            .event-rail-card{flex-basis:min(82vw,350px);height:190px}
            .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}
            #videosView .library-grid .s-item:hover{transform:none!important}
        }
        @media(max-width:540px){
            .header-search{width:3.85rem!important}
            .header-search:focus-within{left:3.9rem!important;right:6.15rem!important}
            .elgon-hero{min-height:640px!important}
            .elgon-hero__content{padding-top:9.8rem!important}
            .elgon-hero__eyebrow{font-size:.53rem!important}
            .elgon-hero h1{font-size:2.55rem!important}
            .elgon-hero__actions .btn-primary,.elgon-hero__secondary{
                min-height:44px!important;padding-inline:1rem!important;
            }
            .elgon-hero__controls{bottom:3.45rem!important}
            .elgon-hero__status{bottom:2rem!important}
            .browse-content{margin-top:-2rem!important}
            .browse-title{font-size:1.4rem!important}
            .browse-description{display:block!important;font-size:.68rem!important}
            .home-shelf{margin-bottom:1.8rem}
            .home-shelf__hint{display:none}
            .rank-card{flex-basis:80vw;height:145px}
            .rank-card__number{font-size:7.5rem}
            .rank-card__art{left:52px}
            .library-shell{margin-top:2rem}
            .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
            #videosView .library-grid .s-item > .p-4{padding:.65rem!important}
            #videosView .library-grid .s-item h3{font-size:.72rem!important}
            #videosView .library-grid .s-item .mt-4.text-elgon-gold{font-size:.59rem!important}
        }


        .support-nav-link{color:#f4d783!important}
        .support-nav-link:hover{color:#fff!important}

/* =========================================================
   V14.2 — STRUCTURAL HEADER / CONTENT SEPARATION
   Home owns the cinematic overlay header.
   Internal index views reserve physical header space.
   These rules intentionally live last so flagship overrides
   cannot pull Cast / Store / Events / Trending / Watchlist
   underneath the navigation bar.
   ========================================================= */
:root {
    --index-header-height: 84px;
    --index-internal-gap: clamp(2.25rem, 4vw, 4rem);
}

/* Home keeps the flagship overlay treatment. */
.main-content.is-home-view .netflix-header {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
}
.main-content.is-home-view .scrollable-area {
    height: 100vh !important;
    min-height: 0 !important;
}

/* Internal pages use the header as an actual flex row, not an overlay. */
.main-content.is-internal-view .netflix-header {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    flex: 0 0 var(--index-header-height) !important;
    height: var(--index-header-height) !important;
    min-height: var(--index-header-height) !important;
    background: rgba(5,5,5,.985) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
    backdrop-filter: blur(18px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
}
.main-content.is-internal-view .scrollable-area {
    height: auto !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    scroll-padding-top: var(--index-internal-gap);
}
.main-content.is-internal-view .browse-content {
    margin-top: 0 !important;
    padding-top: var(--index-internal-gap) !important;
}
.main-content.is-internal-view .browse-heading {
    margin-top: 0 !important;
    margin-bottom: clamp(1.5rem, 2.5vw, 2.5rem) !important;
}
.main-content.is-internal-view .browse-title,
.main-content.is-internal-view #viewHeading {
    scroll-margin-top: var(--index-internal-gap);
}
.main-content.is-internal-view .v-sec {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Keep the internal header legible in light mode too. */
body.light .main-content.is-internal-view .netflix-header {
    background: rgba(248,246,239,.985) !important;
    border-bottom-color: rgba(28,31,27,.12) !important;
    box-shadow: 0 8px 28px rgba(35,37,32,.08) !important;
}
body.light .main-content.is-internal-view .nav-item {
    color: #5e625b !important;
}
body.light .main-content.is-internal-view .nav-item:hover,
body.light .main-content.is-internal-view .nav-item.active {
    color: #151715 !important;
}
body.light .main-content.is-internal-view .header-search input {
    color: #161816 !important;
    background: rgba(255,255,255,.82) !important;
    border-color: rgba(28,31,27,.16) !important;
}
body.light .main-content.is-internal-view .header-search input:focus {
    color: #161816 !important;
    background: #fff !important;
    border-color: rgba(28,31,27,.42) !important;
}
body.light .main-content.is-internal-view .header-icon {
    color: #252824 !important;
    background: rgba(28,31,27,.06) !important;
    border-color: rgba(28,31,27,.12) !important;
}

@media (max-width: 700px) {
    :root {
        --index-header-height: 66px;
        --index-internal-gap: 1.5rem;
    }
    .main-content.is-internal-view .netflix-header {
        flex-basis: var(--index-header-height) !important;
    }
}
@media (max-width: 540px) {
    :root { --index-internal-gap: 1.15rem; }
}