:root{--red:#ef101b;--bg:#08090b;--panel:#111318;--panel2:#171a20;--text:#f7f7f7;--muted:#9da3ad;--line:#242830}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}
.site-header{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:32px;padding:0 4vw;background:rgba(8,9,11,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-logo{font-size:25px;font-weight:900;letter-spacing:-1.4px}.site-logo span{color:var(--red)}.site-logo.small{font-size:22px}.site-nav{display:flex;gap:25px;flex:1}.site-nav a{font-size:14px;color:#d6d8dc;transition:.2s}.site-nav a:hover,.site-nav a.active{color:#fff}.site-nav a.active{position:relative}.site-nav a.active:after{content:"";height:2px;background:var(--red);position:absolute;left:0;right:0;bottom:-8px}
.head-search{display:flex;width:225px;background:#15171b;border:1px solid #262a31;border-radius:999px;overflow:hidden}.head-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;padding:10px 14px}.head-search button{border:0;background:transparent;color:#fff;padding:0 13px;cursor:pointer}.nav-toggle{display:none;border:0;background:transparent;color:#fff;font-size:24px}
.hero{min-height:620px;background-image:linear-gradient(90deg,#08090b 0%,rgba(8,9,11,.82) 34%,rgba(8,9,11,.15) 70%),linear-gradient(0deg,#08090b 0%,transparent 40%),var(--hero);background-size:cover;background-position:center;display:flex;align-items:flex-end}.hero-overlay{width:100%;padding:90px 5vw 85px}.hero-copy{max-width:680px}.eyebrow{display:inline-block;color:#ff3942;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.hero h1,.detail-info h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:0 0 18px;letter-spacing:-3px}.hero p{max-width:630px;color:#d0d2d6;line-height:1.7;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:27px}.watch-btn,.info-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:7px;font-weight:750}.watch-btn{background:var(--red);color:white}.watch-btn:hover{background:#ff2631}.info-btn{background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}.empty-hero{min-height:360px;padding:6vw;background:radial-gradient(circle at 80% 30%,rgba(239,16,27,.2),transparent 35%),#0b0c0f}
.content-section,.archive-body,.search-page,.detail-content,.episode-page{padding:34px 4.5vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px}.section-head h2{font-size:25px;margin:0;letter-spacing:-.7px}.section-head a{font-size:12px;color:#d7d9dc}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}.poster-card{min-width:0}.poster-media{aspect-ratio:2/3;background:#16191e;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 9px 30px rgba(0,0,0,.22)}.poster-media img{width:100%;height:100%;object-fit:cover;transition:.32s}.poster-card:hover img{transform:scale(1.045)}.poster-card h3{font-size:14px;margin:10px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:12px;color:#838994;display:flex;gap:6px}.type-badge,.rating-badge{position:absolute;top:8px;padding:5px 7px;border-radius:4px;font-size:10px;font-weight:800;z-index:2}.type-badge{left:8px;background:var(--red)}.rating-badge{right:8px;background:rgba(0,0,0,.72)}.play-hover{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;background:rgba(0,0,0,.35);opacity:0;transition:.25s}.poster-card:hover .play-hover{opacity:1}.poster-fallback{height:100%;display:grid;place-items:center;font-size:64px;font-weight:900;color:#333}
.archive-head{padding:70px 4.5vw 15px;background:linear-gradient(180deg,#121318,#090a0c)}.archive-head.compact{padding-left:0;padding-right:0;padding-top:30px}.archive-head h1{font-size:46px;margin:0 0 7px}.archive-head p{color:var(--muted);margin:0}.pagination{display:flex;justify-content:center;gap:7px;margin:38px 0 10px}.pagination a{min-width:38px;height:38px;display:grid;place-items:center;background:#15171b;border:1px solid #252932;border-radius:6px}.pagination a.active{background:var(--red);border-color:var(--red)}
.search-large{max-width:800px;display:flex;margin:0 0 34px;background:#111318;border:1px solid #262a31;border-radius:8px;overflow:hidden}.search-large input{flex:1;background:transparent;border:0;outline:0;color:#fff;padding:15px}.search-large button{border:0;background:var(--red);color:#fff;padding:0 25px;font-weight:700}
.detail-hero{min-height:570px;background-image:linear-gradient(90deg,#090a0c 0%,rgba(9,10,12,.9) 38%,rgba(9,10,12,.25) 75%),linear-gradient(0deg,#08090b 0%,transparent 42%),var(--hero);background-size:cover;background-position:center}.detail-shade{min-height:570px;display:flex;align-items:flex-end;padding:70px 4.5vw}.detail-wrap{display:grid;grid-template-columns:200px minmax(0,760px);gap:32px;align-items:end}.detail-poster img{width:200px;aspect-ratio:2/3;object-fit:cover;border-radius:9px;box-shadow:0 12px 40px rgba(0,0,0,.5)}.detail-info h1{font-size:clamp(38px,5vw,65px)}.detail-meta,.genres{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}.detail-meta span{color:#c9ccd1}.detail-meta .star{color:#ffc83d}.genres span{padding:5px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:11px}.synopsis{color:#c6c9cf;line-height:1.7;max-width:750px}
.watch-area{margin-bottom:30px}.player-shell{max-width:1180px}.player-frame{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;border:1px solid #23262c}.player-frame iframe{width:100%;height:100%;border:0}.server-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:13px 0}.server-tabs button{background:#171a20;color:#ddd;border:1px solid #282c34;border-radius:6px;padding:9px 14px;cursor:pointer}.server-tabs button.active,.server-tabs button:hover{background:var(--red);border-color:var(--red);color:#fff}.no-player,.site-empty{padding:28px;background:#111318;border:1px dashed #2b3038;border-radius:8px;color:#959ba5}
.media-links{display:flex;flex-wrap:wrap;gap:35px;background:#111318;border:1px solid #21252c;padding:20px;border-radius:9px;margin-bottom:35px}.media-links h3{margin:0 0 10px}.link-pills{display:flex;gap:8px;flex-wrap:wrap}.link-pills a{background:#1b1e24;border:1px solid #2d313a;padding:8px 11px;border-radius:6px;font-size:13px}.link-pills a:hover{border-color:var(--red)}
.season-box{background:#101216;border:1px solid #20242b;border-radius:8px;margin-bottom:13px;overflow:hidden}.season-box summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:17px 18px;font-weight:800}.season-box summary b{font-size:12px;color:#a4a9b2}.episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 15px 17px}.episode-card{display:grid;grid-template-columns:120px 1fr;gap:12px;background:#171a20;border-radius:7px;overflow:hidden;min-height:75px}.episode-card img,.episode-thumb{width:120px;height:76px;object-fit:cover}.episode-thumb{display:grid;place-items:center;background:#242831}.episode-card>div:last-child{padding:9px 8px 7px 0;min-width:0}.episode-card h4{margin:3px 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-card small,.ep-no{color:#9298a2;font-size:10px}.ep-no{color:#ff535b;font-weight:800}
.episode-breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:#989ea8;font-size:13px;margin:15px 0 25px}.episode-breadcrumb a{color:#fff}.episode-description{max-width:1000px;color:#bfc3ca;line-height:1.7;margin:20px 0 30px}.episode-nav{margin:30px 0}.episode-pills{display:flex;flex-wrap:wrap;gap:7px}.episode-pills a{width:47px;height:38px;display:grid;place-items:center;background:#15181d;border:1px solid #252a31;border-radius:5px;font-size:12px}.episode-pills a.active{background:var(--red);border-color:var(--red)}
.not-found{min-height:65vh;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.not-found h1{font-size:90px;margin:0;color:var(--red)}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding:45px 4.5vw;border-top:1px solid #1e2127;background:#0b0c0f;color:#949aa4}.site-footer p{max-width:450px}.site-footer>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.site-footer a:hover{color:#fff}
@media(max-width:1100px){.poster-grid{grid-template-columns:repeat(5,1fr)}.episode-grid{grid-template-columns:repeat(3,1fr)}.head-search{width:180px}}
@media(max-width:850px){.site-header{height:62px;padding:0 18px}.site-nav,.head-search{display:none}.nav-toggle{display:block;margin-left:auto}.menu-open .site-nav{display:flex;position:absolute;top:62px;left:0;right:0;flex-direction:column;gap:0;background:#0d0f12;border-bottom:1px solid #222;padding:10px 18px}.menu-open .site-nav a{padding:12px 0}.hero{min-height:520px}.hero-overlay{padding:80px 22px 55px}.hero h1{letter-spacing:-2px}.content-section,.archive-body,.search-page,.detail-content,.episode-page{padding-left:18px;padding-right:18px}.poster-grid{grid-template-columns:repeat(4,1fr);gap:17px 9px}.poster-card h3{font-size:12px}.detail-shade{padding:50px 18px}.detail-wrap{grid-template-columns:125px 1fr;gap:18px}.detail-poster img{width:125px}.episode-grid{grid-template-columns:repeat(2,1fr)}.episode-card{grid-template-columns:95px 1fr}.episode-card img,.episode-thumb{width:95px}.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero{min-height:470px;background-image:linear-gradient(0deg,#08090b 0%,rgba(8,9,11,.35) 65%),var(--hero)}.hero-overlay{padding-bottom:40px}.hero-copy p{font-size:13px;max-height:68px;overflow:hidden}.hero-actions{margin-top:18px}.watch-btn,.info-btn{padding:11px 13px;font-size:12px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 7px}.poster-card h3{font-size:10px;margin-top:7px}.card-meta{font-size:9px}.type-badge{font-size:7px;padding:4px}.rating-badge{display:none}.section-head h2{font-size:20px}.detail-hero{min-height:470px}.detail-shade{min-height:470px}.detail-wrap{grid-template-columns:1fr}.detail-poster{display:none}.detail-info h1{font-size:38px;letter-spacing:-1.5px}.synopsis{font-size:13px}.episode-grid{grid-template-columns:1fr}.episode-card{grid-template-columns:110px 1fr}.episode-card img,.episode-thumb{width:110px}.archive-head{padding-left:18px;padding-right:18px}.archive-head h1{font-size:36px}.site-footer{grid-template-columns:1fr}.media-links{gap:20px}}


/* Phase 3.1 — Homepage polish */
main{min-height:70vh}
.hero-slider{position:relative;height:620px;overflow:hidden;background:#08090b}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;background-image:linear-gradient(90deg,#08090b 0%,rgba(8,9,11,.82) 34%,rgba(8,9,11,.12) 72%),linear-gradient(0deg,#08090b 0%,transparent 45%),var(--hero);background-size:cover;background-position:center}
.hero-slide.active{opacity:1;visibility:visible;z-index:1}
.hero-slider .hero-overlay{height:100%;display:flex;align-items:flex-end;padding:110px 5vw 70px}
.hero-slider .hero-copy{position:relative;z-index:2}
.hero-slider .hero-copy h1{font-size:clamp(44px,6vw,78px);line-height:1;margin:0 0 18px;letter-spacing:-3px}
.hero-dots{position:absolute;z-index:4;left:5vw;bottom:28px;display:flex;gap:7px}
.hero-dots button{width:26px;height:4px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.32);cursor:pointer}
.hero-dots button.active{background:var(--red)}
.content-section{padding-top:28px;padding-bottom:24px}
.quality-badge,.season-badge{position:absolute;bottom:8px;left:8px;z-index:2;background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.18);padding:4px 6px;border-radius:4px;font-size:9px;font-weight:900}
.season-badge{background:#cf1019;border-color:#cf1019}
.top20-section{overflow:hidden}
.top20-row{display:flex;gap:18px;overflow-x:auto;padding:8px 2px 18px;scrollbar-width:thin;scrollbar-color:#3a3d44 transparent}
.top20-card{position:relative;flex:0 0 220px;height:250px;display:flex;align-items:flex-end}
.rank-no{position:absolute;left:-3px;bottom:-15px;font-size:150px;line-height:.8;font-weight:950;color:#1b1e24;-webkit-text-stroke:2px #464b55;z-index:0;letter-spacing:-12px}
.top20-poster{position:relative;z-index:1;margin-left:68px;width:145px;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#171a20;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.top20-poster img{width:100%;height:100%;object-fit:cover}
.top20-info{position:absolute;z-index:2;left:68px;right:0;bottom:-6px;padding:35px 9px 8px;background:linear-gradient(0deg,rgba(8,9,11,.95),transparent);pointer-events:none}
.top20-info h3{margin:0 0 3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top20-info span{font-size:9px;color:#a9adb4}
.poster-media{background:linear-gradient(145deg,#16191e,#101216)}
.poster-fallback{background:radial-gradient(circle at 50% 35%,#292d34,#15181d 66%);color:#3f444d}
.site-header{z-index:100}
@media(max-width:850px){
  .hero-slider{height:530px}
  .hero-slider .hero-overlay{padding:95px 22px 55px}
  .hero-dots{left:22px;bottom:22px}
  .top20-card{flex-basis:185px;height:220px}
  .rank-no{font-size:125px}
  .top20-poster{margin-left:58px;width:125px}
  .top20-info{left:58px}
}
@media(max-width:560px){
  .hero-slider{height:480px}
  .hero-slide{background-image:linear-gradient(0deg,#08090b 0%,rgba(8,9,11,.32) 70%),var(--hero)}
  .hero-slider .hero-overlay{padding:85px 18px 48px}
  .hero-slider .hero-copy h1{font-size:38px;letter-spacing:-1.8px}
  .hero-slider .hero-copy p{font-size:12px;line-height:1.5;max-height:58px;overflow:hidden}
  .hero-dots{left:18px;bottom:17px}
  .top20-card{flex-basis:155px;height:190px}
  .rank-no{font-size:105px;left:-8px}
  .top20-poster{margin-left:48px;width:105px}
  .top20-info{left:48px}
  .quality-badge,.season-badge{font-size:7px;padding:3px 4px}
}


/* =========================================================
   BSSTUDIO PUBLIC WEBSITE v1.0 FINAL — Phase 3.2
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
main{display:block;width:100%}
.site-header{position:sticky;top:0;z-index:999;height:72px}
.hero-slider{display:block!important;position:relative!important;width:100%!important;height:620px!important;min-height:620px!important;overflow:hidden!important;margin:0!important;padding:0!important}
.hero-slide{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;visibility:hidden!important;background-size:cover!important;background-position:center!important}
.hero-slide.active{opacity:1!important;visibility:visible!important;z-index:2!important}
.hero-slider .hero-overlay{display:flex!important;align-items:flex-end!important;width:100%!important;height:100%!important;padding:80px 5vw 72px!important}
.hero-slider .hero-copy{max-width:720px!important}
.hero-slider .hero-copy h1{font-size:clamp(42px,5.6vw,76px)!important;line-height:1!important;margin:0 0 16px!important}
.hero-slider .hero-copy p{font-size:15px!important;line-height:1.65!important;color:#d2d5da!important}
.hero-dots{z-index:5!important}
.home-chips{display:flex;gap:9px;flex-wrap:wrap;padding:22px 4.5vw 0}
.home-chips a{padding:9px 14px;border-radius:999px;background:#12151a;border:1px solid #242932;font-size:12px;font-weight:750;color:#d9dce1}
.home-chips a:hover{background:#ef101b;border-color:#ef101b;color:#fff}
.content-section{width:100%;max-width:100%;overflow:hidden}
.poster-grid{align-items:start}
.poster-card{display:block;min-width:0;overflow:hidden}
.poster-media{width:100%;aspect-ratio:2/3;position:relative;overflow:hidden}
.poster-media>img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.image-error-fallback{position:absolute;inset:0;width:100%;height:100%}
.quality-badge,.season-badge{bottom:8px!important;left:8px!important}
.episode-badge{position:absolute;bottom:8px;right:8px;z-index:3;padding:4px 6px;border-radius:4px;background:#ef101b;color:#fff;font-size:9px;font-weight:900}

/* TOP 20: hard constraints prevent full-width images even if earlier CSS remains */
.top20-section{display:block!important;width:100%!important;overflow:hidden!important}
.top20-row{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:16px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 3px 20px!important}
.top20-card{display:block!important;position:relative!important;flex:0 0 205px!important;width:205px!important;min-width:205px!important;max-width:205px!important;height:260px!important;overflow:hidden!important}
.top20-poster{display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:auto!important;left:auto!important;width:142px!important;height:213px!important;margin:0!important;border-radius:8px!important;overflow:hidden!important;background:#15181d!important;z-index:2!important}
.top20-poster>img{display:block!important;width:142px!important;height:213px!important;max-width:142px!important;object-fit:cover!important}
.top20-poster>.poster-fallback{width:142px!important;height:213px!important}
.rank-no{display:block!important;position:absolute!important;left:0!important;bottom:42px!important;width:92px!important;font-size:128px!important;line-height:.72!important;letter-spacing:-10px!important;font-weight:950!important;color:#101216!important;-webkit-text-stroke:2px #5b606a!important;z-index:1!important}
.top20-info{position:absolute!important;left:63px!important;right:0!important;bottom:0!important;height:49px!important;padding:7px 6px!important;background:linear-gradient(90deg,#08090b,rgba(8,9,11,.88))!important;z-index:4!important}
.top20-info h3{font-size:12px!important;margin:0 0 4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.top20-info span{font-size:9px!important;color:#a7acb4!important}

/* Player/detail safety */
.player-shell{width:100%;max-width:1180px;margin:0 auto 0 0}
.player-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.player-frame iframe{position:absolute;inset:0;width:100%!important;height:100%!important}
.detail-content{max-width:1450px;margin:auto}
.episode-step-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0 28px}
.episode-step-nav a{padding:10px 12px;border-radius:6px;background:#15181d;border:1px solid #292e36;font-size:12px}
.episode-step-nav a:last-of-type{text-align:right}
.site-version{font-size:11px;color:#666d77;margin-top:8px}
.to-top{position:fixed;right:18px;bottom:18px;z-index:40;width:42px;height:42px;border:0;border-radius:50%;background:#ef101b;color:#fff;font-size:20px;box-shadow:0 8px 28px rgba(0,0,0,.4);cursor:pointer}

/* Archive cards never become giant */
.archive-body .poster-grid,.search-page .poster-grid{width:100%}
.archive-body .poster-media,.search-page .poster-media{max-width:100%}

/* Short-drama cards stay poster-like on catalog; detail/player remains 16:9 */
@media(min-width:851px){
  .poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media(max-width:1100px) and (min-width:851px){
  .poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:850px){
  .site-header{height:62px!important}
  .hero-slider{height:520px!important;min-height:520px!important}
  .hero-slider .hero-overlay{padding:70px 20px 55px!important}
  .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 9px!important}
  .top20-card{flex-basis:180px!important;width:180px!important;min-width:180px!important;max-width:180px!important;height:230px!important}
  .top20-poster{width:125px!important;height:188px!important}
  .top20-poster>img,.top20-poster>.poster-fallback{width:125px!important;height:188px!important;max-width:125px!important}
  .rank-no{font-size:110px!important;bottom:37px!important}
  .top20-info{left:55px!important;height:44px!important}
}
@media(max-width:560px){
  .hero-slider{height:455px!important;min-height:455px!important}
  .hero-slider .hero-overlay{padding:54px 18px 46px!important}
  .hero-slider .hero-copy h1{font-size:36px!important}
  .hero-slider .hero-copy p{font-size:12px!important;max-height:58px!important;overflow:hidden!important}
  .home-chips{padding:14px 14px 0;gap:6px}
  .home-chips a{font-size:10px;padding:7px 9px}
  .content-section{padding-left:14px!important;padding-right:14px!important}
  .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px 6px!important}
  .poster-card h3{font-size:10px!important}
  .top20-card{flex:0 0 150px!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:194px!important}
  .top20-poster{width:103px!important;height:155px!important}
  .top20-poster>img,.top20-poster>.poster-fallback{width:103px!important;height:155px!important;max-width:103px!important}
  .rank-no{font-size:91px!important;bottom:33px!important;-webkit-text-stroke:1.5px #5b606a!important}
  .top20-info{left:47px!important;height:39px!important;padding:5px!important}
  .top20-info h3{font-size:10px!important}
  .episode-step-nav{grid-template-columns:1fr 1fr}.episode-step-nav>a:nth-child(2){display:none}
}


/* BSSTUDIO Production V2 */
.site-logo-img{display:block;max-width:165px;max-height:42px;object-fit:contain}
.site-ad{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin:12px auto;padding:4px}
.site-ad>*{max-width:100%}
.explore-filter{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:0 0 28px}
.explore-filter input,.explore-filter select{min-width:0;background:#12151a;border:1px solid #292e36;color:#fff;padding:11px 10px;border-radius:7px;outline:none}
.explore-filter button{background:#ef101b;color:#fff;border:0;border-radius:7px;font-weight:800;cursor:pointer}
@media(max-width:1000px){.explore-filter{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.explore-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-filter button{min-height:42px}}


/* =========================================================
   PHASE 5.0 — NETFLIX HOMEPAGE REDESIGN
   ========================================================= */
body{background:#050505}
.nf-header{background:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.68));border-bottom:0;position:fixed!important;left:0;right:0;top:0}
.nf-header+.dummy{display:none}
.netflix-home{padding-top:0}
.nf-hero{position:relative;height:78vh;min-height:560px;max-height:820px;background:#000;overflow:hidden}
.nf-hero .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease;background-image:var(--hero);background-size:cover;background-position:center 20%}
.nf-hero .hero-slide.active{opacity:1;visibility:visible}
.nf-hero-gradient{position:absolute;inset:0;background:
linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 30%,rgba(0,0,0,.18) 65%,rgba(0,0,0,.1) 100%),
linear-gradient(0deg,#050505 0%,rgba(5,5,5,.2) 34%,rgba(5,5,5,0) 58%);
}
.nf-hero-content{position:absolute;left:4.5vw;bottom:16%;z-index:3;max-width:650px}
.nf-kicker{font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#e50914;margin-bottom:12px}
.nf-hero h1{font-size:clamp(52px,7vw,94px);line-height:.92;letter-spacing:-4px;margin:0 0 18px}
.nf-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:#d8d8d8;margin-bottom:15px}
.nf-match{color:#46d369;font-weight:800}
.nf-hero p{font-size:17px;line-height:1.55;color:#f1f1f1;text-shadow:0 1px 3px #000;max-width:620px}
.nf-hero-actions{display:flex;gap:10px;margin-top:24px}
.nf-play,.nf-info{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:12px 24px;font-size:16px;font-weight:800}
.nf-play{background:#fff;color:#000}.nf-play:hover{background:#d8d8d8}
.nf-info{background:rgba(109,109,110,.72);color:#fff}.nf-info:hover{background:rgba(109,109,110,.5)}
.nf-hero .hero-dots{left:auto;right:4vw;bottom:35px}
.nf-browse-tabs{display:flex;gap:8px;overflow:auto;padding:0 4.5vw 18px;margin-top:-28px;position:relative;z-index:5}
.nf-browse-tabs a{white-space:nowrap;padding:9px 15px;border-radius:999px;background:#181818;border:1px solid #2a2a2a;font-size:12px;font-weight:700}
.nf-browse-tabs a:hover{background:#2b2b2b}

.nf-row-section{padding:14px 0 18px 4.5vw;overflow:hidden}
.nf-row-head{display:flex;align-items:center;justify-content:space-between;padding-right:4.5vw;margin-bottom:10px}
.nf-row-head h2{font-size:22px;letter-spacing:-.6px;margin:0}
.nf-row-head a{font-size:12px;color:#aaa}
.nf-row{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 4.5vw 16px 0;scrollbar-width:none}
.nf-row::-webkit-scrollbar,.nf-top20::-webkit-scrollbar{display:none}
.nf-card{position:relative;flex:0 0 210px;transition:transform .24s ease, z-index .24s ease;z-index:1}
.nf-card:hover{transform:scale(1.08);z-index:10}
.nf-card-media{aspect-ratio:2/3;background:#171717;border-radius:5px;overflow:hidden;position:relative}
.nf-card-media img{width:100%;height:100%;object-fit:cover}
.nf-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 50%);opacity:0;transition:.2s;display:flex;align-items:flex-end;justify-content:space-between;padding:11px}
.nf-card:hover .nf-card-overlay{opacity:1}
.nf-card-overlay button,.nf-card-actions span{width:32px;height:32px;border-radius:50%;border:1px solid #aaa;background:rgba(0,0,0,.7);color:#fff;display:grid;place-items:center}
.nf-card-actions{display:flex;gap:6px}
.nf-card-info{padding:8px 2px}
.nf-card-info h3{font-size:13px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nf-card-info>div{display:flex;gap:8px;color:#9a9a9a;font-size:10px}

.nf-top20{display:flex;gap:8px;overflow-x:auto;padding:0 4.5vw 18px 0;scrollbar-width:none}
.nf-top-card{position:relative;flex:0 0 250px;height:300px}
.nf-rank{position:absolute;left:0;bottom:6px;font-size:215px;font-weight:950;line-height:.72;color:#000;-webkit-text-stroke:4px #666;letter-spacing:-22px}
.nf-top-poster{position:absolute;right:0;top:0;width:165px;height:248px;border-radius:5px;overflow:hidden;background:#161616}
.nf-top-poster img{width:100%;height:100%;object-fit:cover}

.site-ad{margin-top:8px;margin-bottom:8px}

@media(max-width:1100px){
  .nf-card{flex-basis:180px}
  .nf-top-card{flex-basis:220px}
  .nf-top-poster{width:145px;height:218px}
  .nf-rank{font-size:185px}
}
@media(max-width:850px){
  .nf-header{position:sticky!important;background:#050505}
  .nf-hero{height:62vh;min-height:500px}
  .nf-hero-content{left:20px;right:20px;bottom:12%}
  .nf-hero h1{font-size:48px;letter-spacing:-2px}
  .nf-hero p{font-size:14px;max-width:560px}
  .nf-row-section{padding-left:18px}
  .nf-row-head{padding-right:18px}
  .nf-row{padding-right:18px}
  .nf-browse-tabs{padding-left:18px;padding-right:18px}
  .nf-card{flex-basis:150px}
}
@media(max-width:560px){
  .nf-hero{height:68vh;min-height:470px}
  .nf-hero .hero-slide{background-position:center top}
  .nf-hero-gradient{background:
    linear-gradient(0deg,#050505 0%,rgba(5,5,5,.42) 52%,rgba(5,5,5,.2) 100%),
    linear-gradient(90deg,rgba(0,0,0,.55),transparent 70%);
  }
  .nf-hero-content{bottom:9%}
  .nf-kicker{font-size:9px}
  .nf-hero h1{font-size:36px;max-width:85%;letter-spacing:-1.4px}
  .nf-hero p{font-size:12px;line-height:1.5;max-height:54px;overflow:hidden}
  .nf-play,.nf-info{font-size:12px;padding:10px 14px}
  .nf-browse-tabs{margin-top:-10px}
  .nf-row-section{padding-left:12px}
  .nf-row-head{padding-right:12px}
  .nf-row-head h2{font-size:18px}
  .nf-row{padding-right:12px;gap:6px}
  .nf-card{flex-basis:105px}
  .nf-card-info h3{font-size:10px}
  .nf-card-info>div{font-size:8px;gap:5px}
  .nf-card:hover{transform:none}
  .nf-top-card{flex:0 0 150px;height:190px}
  .nf-top-poster{width:103px;height:155px}
  .nf-rank{font-size:110px;-webkit-text-stroke:2px #666;letter-spacing:-12px}
}

/* Phase 5.0.1 legacy CSS conflict hotfix */
.nf-hero .hero-slide{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;visibility:hidden!important;background-image:var(--hero)!important;background-size:cover!important;background-position:center 20%!important}
.nf-hero .hero-slide.active{opacity:1!important;visibility:visible!important;z-index:2!important}
.nf-hero-content{display:block!important;visibility:visible!important;opacity:1!important}
.nf-header{display:flex!important}
@media(max-width:560px){.nf-hero .hero-slide{background-position:center top!important}}


/* =========================================================
   Phase 5.0.2 — Hero Balance + Mouse Scroll Fix
   ========================================================= */

/* Hero dibuat lebih seimbang, tidak terlalu berat ke kanan */
.nf-hero{
  height:70vh!important;
  min-height:520px!important;
  max-height:720px!important;
}
.nf-hero .hero-slide{
  background-position:center center!important;
}
.nf-hero-gradient{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.96) 0%,
      rgba(0,0,0,.83) 24%,
      rgba(0,0,0,.54) 45%,
      rgba(0,0,0,.18) 68%,
      rgba(0,0,0,.10) 100%),
    linear-gradient(0deg,
      #050505 0%,
      rgba(5,5,5,.55) 13%,
      rgba(5,5,5,.10) 44%,
      rgba(5,5,5,0) 70%)!important;
}
.nf-hero-content{
  left:4.5vw!important;
  bottom:13%!important;
  max-width:min(620px,46vw)!important;
}
.nf-hero h1{
  font-size:clamp(46px,5.8vw,78px)!important;
  line-height:.96!important;
  letter-spacing:-3px!important;
}
.nf-hero p{
  max-width:570px!important;
  font-size:15px!important;
}

/* Horizontal row tetap bisa digeser drag/trackpad,
   tetapi wheel vertikal kembali untuk scroll halaman */
.nf-row,.nf-top20{
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
}
.nf-card,.nf-top-card{
  scroll-snap-align:start;
}

/* Hero controls dibuat lebih tenang */
.nf-hero .hero-dots{
  right:4.5vw!important;
  bottom:28px!important;
}
.nf-browse-tabs{
  margin-top:-14px!important;
}

/* Tablet */
@media(max-width:850px){
  .nf-hero{
    height:60vh!important;
    min-height:480px!important;
  }
  .nf-hero-content{
    max-width:600px!important;
    left:20px!important;
    right:20px!important;
    bottom:11%!important;
  }
  .nf-hero h1{
    font-size:46px!important;
  }
}

/* Mobile */
@media(max-width:560px){
  .nf-hero{
    height:62vh!important;
    min-height:455px!important;
    max-height:560px!important;
  }
  .nf-hero .hero-slide{
    background-position:58% center!important;
  }
  .nf-hero-gradient{
    background:
      linear-gradient(0deg,
        #050505 0%,
        rgba(5,5,5,.72) 24%,
        rgba(5,5,5,.28) 58%,
        rgba(5,5,5,.10) 100%),
      linear-gradient(90deg,rgba(0,0,0,.55),transparent 82%)!important;
  }
  .nf-hero-content{
    left:16px!important;
    right:16px!important;
    bottom:9%!important;
    max-width:none!important;
  }
  .nf-hero h1{
    font-size:34px!important;
    letter-spacing:-1.2px!important;
    max-width:92%!important;
  }
  .nf-hero p{
    font-size:12px!important;
    max-height:54px!important;
    overflow:hidden!important;
  }
  .nf-browse-tabs{
    margin-top:0!important;
  }
}


/* =========================================================
   Phase 5.0.3 — Left Navigation Rail
   ========================================================= */
:root{--public-rail:68px;--public-rail-open:220px}

.with-left-rail .nf-header{
  left:var(--public-rail)!important;
  width:calc(100% - var(--public-rail))!important;
  padding-left:22px!important;
  transition:left .22s ease,width .22s ease;
}
.with-left-rail .site-nav{display:none!important}
.header-spacer{flex:1}
.with-left-rail .nav-toggle{display:none}

.public-sidebar{
  position:fixed;
  z-index:1100;
  inset:0 auto 0 0;
  width:var(--public-rail);
  background:rgba(8,9,11,.98);
  border-right:1px solid rgba(255,255,255,.07);
  overflow:hidden;
  transition:width .22s ease,transform .25s ease;
  box-shadow:8px 0 28px rgba(0,0,0,.18);
}
.public-sidebar:hover{width:var(--public-rail-open)}
.sidebar-inner{
  height:100%;
  display:flex;
  flex-direction:column;
  padding:14px 9px 14px;
}
.sidebar-brand{
  height:54px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 8px;
  margin-bottom:15px;
  overflow:hidden;
}
.sidebar-brand-mark{
  flex:0 0 38px;
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:10px;
  background:#e50914;
  color:#fff;
  font-weight:950;
  font-size:20px;
  box-shadow:0 8px 24px rgba(229,9,20,.22);
}
.sidebar-brand-name{
  white-space:nowrap;
  font-weight:900;
  letter-spacing:.2px;
  opacity:0;
  transform:translateX(-6px);
  transition:.18s;
}
.public-sidebar:hover .sidebar-brand-name{opacity:1;transform:none}

.sidebar-nav{display:flex;flex-direction:column;gap:5px;flex:1}
.sidebar-nav a,.sidebar-bottom a{
  position:relative;
  height:46px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:0 11px;
  border-radius:9px;
  color:#b8bec7;
  overflow:hidden;
  transition:background .18s,color .18s;
}
.sidebar-nav a:hover,.sidebar-bottom a:hover{
  color:#fff;background:#17191e;
}
.sidebar-nav a.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(229,9,20,.22),rgba(229,9,20,.04));
}
.sidebar-nav a.active:before{
  content:"";
  position:absolute;left:0;top:9px;bottom:9px;
  width:3px;border-radius:4px;background:#e50914;
}
.side-icon{
  flex:0 0 28px;
  width:28px;
  display:grid;place-items:center;
  font-size:18px;
  line-height:1;
}
.side-label{
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
  opacity:0;
  transform:translateX(-5px);
  transition:.18s;
}
.public-sidebar:hover .side-label{opacity:1;transform:none}
.sidebar-bottom{padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}

.public-main,
.with-left-rail .site-footer,
.with-left-rail>.site-ad{
  margin-left:var(--public-rail);
  width:calc(100% - var(--public-rail));
}
.public-main{transition:margin-left .22s ease,width .22s ease}
.with-left-rail .to-top{right:20px}
.sidebar-overlay{display:none}

/* Hero/rows use available viewport after rail */
.with-left-rail .nf-hero{width:100%!important}
.with-left-rail .nf-hero-content{left:4vw!important}
.with-left-rail .nf-row-section{padding-left:4vw}
.with-left-rail .nf-browse-tabs{padding-left:4vw}

/* Header logo stays compact; sidebar provides the main nav */
.with-left-rail .nf-header .site-logo{font-size:24px}
.with-left-rail .head-search{margin-left:auto}

/* Tablet/mobile: sidebar becomes drawer */
@media(max-width:850px){
  :root{--public-rail:0px}
  .with-left-rail .nf-header{
    left:0!important;width:100%!important;
    padding-left:14px!important;
  }
  .with-left-rail .nav-toggle{
    display:block!important;
    order:0;
    margin:0 4px 0 0!important;
    width:38px;height:38px;
    border-radius:8px;
    background:#15171b!important;
  }
  .with-left-rail .site-logo{order:1}
  .with-left-rail .header-spacer{order:2}
  .with-left-rail .head-search{order:3}
  .public-sidebar{
    width:235px!important;
    transform:translateX(-102%);
    box-shadow:22px 0 50px rgba(0,0,0,.5);
  }
  .menu-open .public-sidebar{transform:translateX(0)}
  .public-sidebar .side-label,
  .public-sidebar .sidebar-brand-name{
    opacity:1!important;transform:none!important;
  }
  .sidebar-overlay{
    display:block;
    position:fixed;z-index:1090;inset:0;
    background:rgba(0,0,0,.62);
    opacity:0;visibility:hidden;
    transition:.2s;
  }
  .menu-open .sidebar-overlay{opacity:1;visibility:visible}
  .public-main,
  .with-left-rail .site-footer,
  .with-left-rail>.site-ad{
    margin-left:0!important;width:100%!important;
  }
  .with-left-rail .nf-row-section{padding-left:18px}
  .with-left-rail .nf-browse-tabs{padding-left:18px}
  .with-left-rail .nf-hero-content{left:20px!important}
}

@media(max-width:560px){
  .with-left-rail .nf-header{padding-right:12px!important}
  .with-left-rail .head-search{width:42px!important;background:transparent!important;border:0!important}
  .with-left-rail .head-search input{display:none!important}
  .with-left-rail .head-search button{
    width:40px;height:40px;padding:0!important;
    border-radius:50%;background:#16181d!important;
  }
  .public-sidebar{width:82vw!important;max-width:275px!important}
  .with-left-rail .nf-row-section{padding-left:12px}
  .with-left-rail .nf-browse-tabs{padding-left:12px}
  .with-left-rail .nf-hero-content{left:16px!important}
}

/* ===== BSSTUDIO PHASE 6.0 ===== */
.search-wrap{position:relative;min-width:min(390px,40vw)}
.search-wrap .head-search{width:100%}
.search-suggest{display:none;position:absolute;right:0;top:calc(100% + 8px);width:min(420px,80vw);background:#111318;border:1px solid #292d37;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #0009;z-index:120}
.search-suggest.show{display:block}
.search-suggest a{display:flex;gap:10px;padding:9px 11px;color:#fff;text-decoration:none;border-bottom:1px solid #222631}
.search-suggest a:hover{background:#191c23}.search-suggest img{width:40px;height:56px;object-fit:cover;border-radius:5px}.search-suggest span{display:grid;align-content:center}.search-suggest small{color:#9299a8;margin-top:3px}
.account-chip{margin-left:12px;color:#fff;text-decoration:none;border:1px solid #30343e;background:#14161b;padding:9px 12px;border-radius:9px;white-space:nowrap}
.player-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}.player-actions{display:flex;gap:7px;flex-wrap:wrap}.player-actions button{border:1px solid #343944;background:#15181e;color:#fff;border-radius:7px;padding:8px 11px;cursor:pointer}.player-help{font-size:12px;color:#858d9d;padding-bottom:5px}
.detail-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.outline-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #454b58;background:#15181e;color:#fff;border-radius:8px;padding:10px 14px;text-decoration:none;cursor:pointer}.outline-btn.is-fav{border-color:#ef3340;color:#fff;background:#3a1519}
.account-page{min-height:70vh;display:grid;place-items:center;padding:60px 20px}.account-card{width:min(430px,100%);padding:27px;border:1px solid #282c35;background:#111318;border-radius:14px}.account-card h1{margin-top:0}.account-card p,.account-card small{color:#9aa2b1}.account-card form{display:grid;gap:14px;margin:20px 0}.account-card label{display:grid;gap:7px}.account-card input{width:100%;box-sizing:border-box;border:1px solid #353a45;background:#090b0f;color:#fff;border-radius:8px;padding:12px}.account-error{padding:10px 12px;background:#39161a;border:1px solid #6f252e;border-radius:8px;margin:12px 0}.account-dashboard{padding-top:20px}
@media(max-width:800px){.search-wrap{min-width:0;flex:1}.account-chip{font-size:0;padding:9px}.account-chip:before{content:"◉";font-size:16px}.player-toolbar{align-items:flex-start;flex-direction:column}.player-actions{width:100%}.player-actions button{flex:1}.detail-actions .outline-btn{flex:1}}


/* =========================================================
   BSSTUDIO Public 6.1.12 — RECOVERY + uniform poster sizing
   Keeps original Netflix horizontal rows and original Top 20.
   ========================================================= */

/* Regular cards: one controlled media box. Source image dimensions cannot alter card size. */
.nf-card-media,
.poster-media{
  aspect-ratio:2/3!important;
  height:auto!important;
  overflow:hidden!important;
}
.nf-card-media>img,
.poster-media>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Desktop Netflix rows stay horizontal and equal-width. */
.nf-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.nf-card{
  flex:0 0 clamp(155px,15.1vw,210px)!important;
  width:clamp(155px,15.1vw,210px)!important;
  min-width:clamp(155px,15.1vw,210px)!important;
  max-width:clamp(155px,15.1vw,210px)!important;
}

/* Restore Top 20's intended number + poster composition.
   Do NOT apply regular poster sizing to this component. */
.nf-top20{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.nf-top-card{
  position:relative!important;
  flex:0 0 250px!important;
  width:250px!important;
  min-width:250px!important;
  max-width:250px!important;
  height:300px!important;
}
.nf-top-poster{
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:165px!important;
  height:248px!important;
  margin:0!important;
  overflow:hidden!important;
}
.nf-top-poster>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.nf-rank{
  position:absolute!important;
  left:0!important;
  bottom:6px!important;
  font-size:215px!important;
  line-height:.72!important;
}

/* Archive/search grid: equal cards without affecting Netflix home rows. */
.poster-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:start!important;
}
.poster-grid .poster-card{min-width:0!important;width:auto!important}

/* Public/user floating nav — hidden on desktop. */
.public-mobile-float-nav{display:none!important}

@media(max-width:1100px){
  .nf-card{
    flex-basis:180px!important;width:180px!important;min-width:180px!important;max-width:180px!important;
  }
  .nf-top-card{
    flex-basis:220px!important;width:220px!important;min-width:220px!important;max-width:220px!important;
    height:265px!important;
  }
  .nf-top-poster{width:145px!important;height:218px!important}
  .nf-rank{font-size:185px!important}
  .poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

@media(max-width:850px){
  .nf-card{
    flex-basis:150px!important;width:150px!important;min-width:150px!important;max-width:150px!important;
  }
  .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@media(max-width:700px){
  body.with-left-rail{padding-bottom:82px!important}
  .public-sidebar{display:none!important}
  .sidebar-overlay{display:none!important}
  .public-main{margin-left:0!important;width:100%!important}
  .site-header,.nf-header{left:0!important}
  .nav-toggle{display:none!important}

  /* User home mobile: exactly 4 equal posters per visible row. */
  .nf-row{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
    padding-right:12px!important;
  }
  .nf-card{
    width:auto!important;min-width:0!important;max-width:none!important;
    flex:none!important;
  }
  .nf-card:hover{transform:none!important}
  .nf-card-info{padding-top:6px!important}
  .nf-card-info h3{font-size:10px!important}
  .nf-card-info>div{font-size:8px!important;gap:4px!important}

  /* Top 20 remains horizontal on mobile, never forced into the 4-col poster grid. */
  .nf-top20{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding-right:12px!important;
  }
  .nf-top-card{
    flex:0 0 150px!important;width:150px!important;min-width:150px!important;max-width:150px!important;
    height:190px!important;
  }
  .nf-top-poster{width:103px!important;height:155px!important}
  .nf-rank{font-size:110px!important;-webkit-text-stroke:2px #666!important;letter-spacing:-12px!important}

  .poster-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:13px 6px!important;
  }

  .public-mobile-float-nav{
    position:fixed!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    left:10px!important;right:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    height:62px!important;
    z-index:200!important;
    background:rgba(13,15,20,.96)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:18px!important;
    box-shadow:0 16px 45px rgba(0,0,0,.65)!important;
    backdrop-filter:blur(16px)!important;
    overflow:hidden!important;
  }
  .public-mobile-float-nav a{
    display:grid!important;place-items:center!important;align-content:center!important;
    gap:2px!important;color:#9299a6!important;text-decoration:none!important;min-width:0!important;
  }
  .public-mobile-float-nav a span{font-size:19px!important;line-height:1!important}
  .public-mobile-float-nav a small{font-size:9px!important;font-weight:700!important}
  .public-mobile-float-nav a.active{
    color:#fff!important;background:linear-gradient(180deg,rgba(239,35,60,.18),transparent)!important;
  }
  .public-mobile-float-nav a.active span{color:#ff3d54!important}
  .site-footer{padding-bottom:86px!important}
}

@media(max-width:420px){
  .nf-row{gap:5px!important}
  .poster-grid{gap:12px 5px!important}
}

/* =========================================================
   BSSTUDIO Phase 6.1.15 — Mobile UI Cleanup
   ========================================================= */

/* login button: clear icon + text */
.nf-login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:0 13px;
  border-radius:10px;
  white-space:nowrap;
  font-weight:800;
  line-height:1;
}
.nf-login-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:16px;
  line-height:1;
  flex:0 0 18px;
}
.nf-login-text{display:inline-block}

/* keep ordinary poster cards consistent */
.nf-card-media{
  width:100%;
  aspect-ratio:2/3;
  overflow:hidden;
  border-radius:9px;
}
.nf-card-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.nf-card-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nf-row-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.nf-row-head h2{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nf-row-head a{flex:0 0 auto}

/* Top 20 remains its own horizontal component */
.nf-top20{
  display:flex !important;
  grid-template-columns:none !important;
  overflow-x:auto;
  overflow-y:hidden;
}
.nf-top-card{flex:0 0 auto}

@media (max-width:700px){
  html,body{overflow-x:hidden}
  .nf-shell,.nf-public-main,.nf-page,.nf-home{
    max-width:100%;
    min-width:0;
  }

  /* public header */
  .nf-header{
    min-height:58px;
    padding:8px 10px;
    gap:8px;
    align-items:center;
  }
  .nf-brand,
  .nf-logo{
    flex:0 0 auto;
    min-width:0;
  }
  .nf-brand img,
  .nf-logo img{
    max-width:118px;
    height:auto;
  }

  .nf-header-search,
  .nf-search{
    min-width:0;
    flex:1 1 auto;
  }
  .nf-header-search input,
  .nf-search input{
    width:100%;
    min-width:0;
    height:38px;
    font-size:13px;
    padding-left:11px;
    padding-right:11px;
  }

  .nf-login{
    min-width:42px;
    height:38px;
    padding:0 10px;
    border-radius:9px;
    gap:5px;
    font-size:12px;
  }
  .nf-login-icon{
    width:17px;
    height:17px;
    flex-basis:17px;
    font-size:15px;
  }

  .nf-content,
  .nf-home,
  .nf-page{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .nf-section,
  .nf-row-section{
    margin-top:18px;
    margin-bottom:20px;
  }
  .nf-row-head{
    margin-bottom:9px;
  }
  .nf-row-head h2{
    font-size:16px;
    line-height:1.2;
  }
  .nf-row-head a{
    font-size:11px;
  }

  /* regular rows: exactly 4 posters */
  .nf-row:not(.nf-top20){
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px 6px !important;
    overflow:visible !important;
  }
  .nf-row:not(.nf-top20) .nf-card{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
  }
  .nf-row:not(.nf-top20) .nf-card-media{
    border-radius:7px;
  }
  .nf-card-title{
    margin-top:5px;
    font-size:10px;
    line-height:1.2;
  }
  .nf-card-meta{
    font-size:9px;
    gap:4px;
  }

  /* archive/view all stays 4 columns */
  .poster-grid,
  .nf-grid,
  .nf-poster-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:9px 6px !important;
  }

  /* Top 20: compact but still special horizontal design */
  .nf-top20{
    gap:10px !important;
    padding-bottom:6px;
    margin-right:-10px;
    padding-right:10px;
  }
  .nf-top-card{
    width:152px !important;
    min-width:152px !important;
    height:186px !important;
    position:relative;
  }
  .nf-top-poster{
    width:104px !important;
    height:156px !important;
    margin-left:40px;
    border-radius:7px;
    overflow:hidden;
  }
  .nf-top-poster img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .nf-rank{
    position:absolute;
    left:0;
    bottom:6px;
    font-size:112px !important;
    line-height:.78 !important;
    width:66px;
    overflow:visible;
    pointer-events:none;
  }

  /* floating navigation */
  .public-mobile-nav,
  .nf-mobile-nav,
  .mobile-bottom-nav{
    left:8px !important;
    right:8px !important;
    bottom:8px !important;
    width:auto !important;
    min-height:58px;
    padding:5px 4px calc(5px + env(safe-area-inset-bottom));
    border-radius:16px;
  }
  .public-mobile-nav a,
  .nf-mobile-nav a,
  .mobile-bottom-nav a{
    min-width:0;
    min-height:46px;
    gap:3px;
    font-size:9px;
    line-height:1;
  }
  .public-mobile-nav a span:first-child,
  .nf-mobile-nav a span:first-child,
  .mobile-bottom-nav a span:first-child{
    font-size:18px;
    line-height:1;
  }

  /* enough room above floating nav */
  .nf-public-main,
  .nf-main{
    padding-bottom:86px !important;
  }
}

@media (max-width:380px){
  .nf-header{padding-left:8px;padding-right:8px;gap:6px}
  .nf-brand img,.nf-logo img{max-width:102px}
  .nf-login{
    min-width:38px;
    padding:0 8px;
  }
  .nf-login-text{display:none}
  .nf-row:not(.nf-top20),
  .poster-grid,
  .nf-grid,
  .nf-poster-grid{
    gap-left:5px;
    gap-right:5px;
  }
  .nf-card-title{font-size:9px}
}

@media (min-width:701px){
  .nf-login-text{display:inline-block}
}

/* =========================================================
   BSSTUDIO 6.1.15.1 — ACTUAL PUBLIC MOBILE SELECTORS
   Previous mobile patch targeted legacy class names.
   ========================================================= */

.account-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.account-user-icon{
  position:relative;
  display:inline-block;
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.account-user-icon:before{
  content:"";
  position:absolute;
  left:6px;
  top:1px;
  width:6px;
  height:6px;
  border:2px solid currentColor;
  border-radius:50%;
  box-sizing:border-box;
}
.account-user-icon:after{
  content:"";
  position:absolute;
  left:3px;
  bottom:1px;
  width:12px;
  height:7px;
  border:2px solid currentColor;
  border-bottom:0;
  border-radius:8px 8px 0 0;
  box-sizing:border-box;
}

@media(max-width:700px){
  body.with-left-rail{padding-left:0!important}
  .public-sidebar{display:none!important}
  .public-main{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    padding-bottom:82px!important;
  }

  .site-header.nf-header{
    display:grid!important;
    grid-template-columns:38px minmax(92px,1fr) 40px!important;
    grid-template-areas:
      "menu logo account"
      "search search search"!important;
    align-items:center!important;
    gap:7px 8px!important;
    min-height:0!important;
    height:auto!important;
    padding:8px 10px 9px!important;
  }
  .site-header .nav-toggle{
    grid-area:menu!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    margin:0!important;
    padding:0!important;
    border-radius:9px!important;
    font-size:18px!important;
    line-height:34px!important;
  }
  .site-header .site-logo{
    grid-area:logo!important;
    justify-self:start!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    max-width:132px!important;
    height:34px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .site-header .site-logo-img{
    display:block!important;
    width:auto!important;
    max-width:128px!important;
    height:25px!important;
    max-height:25px!important;
    object-fit:contain!important;
  }
  .site-header .header-spacer{display:none!important}

  .site-header .account-chip{
    grid-area:account!important;
    justify-self:end!important;
    width:36px!important;
    min-width:36px!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
    border-radius:9px!important;
    font-size:0!important;
    overflow:hidden!important;
  }
  .site-header .account-user-icon{
    width:20px!important;
    height:20px!important;
    flex-basis:20px!important;
  }
  .site-header .account-user-icon:before{
    left:7px;top:1px;width:7px;height:7px;
  }
  .site-header .account-user-icon:after{
    left:3px;bottom:1px;width:14px;height:8px;
  }
  .site-header .account-label{display:none!important}

  .site-header .search-wrap{
    grid-area:search!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
  .site-header .head-search{
    display:flex!important;
    width:100%!important;
    height:36px!important;
    margin:0!important;
  }
  .site-header .head-search input{
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  .site-header .head-search button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:36px!important;
    font-size:18px!important;
  }

  /* Home/content spacing */
  .public-main > section,
  .public-main > .nf-home,
  .public-main > .home-page{
    max-width:100%!important;
  }

  /* actual floating nav class */
  .public-mobile-float-nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    z-index:999!important;
    width:auto!important;
    min-height:58px!important;
    padding:5px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .public-mobile-float-nav a{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:46px!important;
    gap:3px!important;
    padding:3px 1px!important;
    text-align:center!important;
  }
  .public-mobile-float-nav a span{
    display:block!important;
    font-size:17px!important;
    line-height:18px!important;
  }
  .public-mobile-float-nav a small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8px!important;
    line-height:10px!important;
  }
}

@media(max-width:380px){
  .site-header.nf-header{
    grid-template-columns:36px minmax(82px,1fr) 38px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .site-header .site-logo{max-width:112px!important}
  .site-header .site-logo-img{max-width:108px!important;height:23px!important}
}

/* =========================================================
   BSSTUDIO 6.1.15.2 — Mobile Home Rows Horizontal
   Trending / Movies / Series / Anime / Drama / managed rows
   stay one line and scroll sideways. Archive grid remains 4 col.
   ========================================================= */
@media(max-width:700px){
  .nf-row-section .nf-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    padding:2px 10px 12px 0!important;
    scrollbar-width:none;
  }
  .nf-row-section .nf-row::-webkit-scrollbar{display:none!important}

  .nf-row-section .nf-row .nf-card{
    flex:0 0 calc((100vw - 50px)/4)!important;
    width:calc((100vw - 50px)/4)!important;
    min-width:calc((100vw - 50px)/4)!important;
    max-width:calc((100vw - 50px)/4)!important;
    scroll-snap-align:start;
  }
  .nf-row-section .nf-row .nf-card-media{
    width:100%!important;
    aspect-ratio:2/3!important;
  }

  /* category chips also stay in one horizontal row */
  .nf-browse-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-right:10px!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .nf-browse-tabs::-webkit-scrollbar{display:none!important}
  .nf-browse-tabs a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  /* Archive / View All still 4-column grid */
  .poster-grid,
  .nf-grid,
  .nf-poster-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  /* Top 20 remains special horizontal row */
  .nf-top20{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
  }
}

@media(max-width:380px){
  .nf-row-section .nf-row .nf-card{
    flex-basis:calc((100vw - 44px)/4)!important;
    width:calc((100vw - 44px)/4)!important;
    min-width:calc((100vw - 44px)/4)!important;
    max-width:calc((100vw - 44px)/4)!important;
  }
}

/* Phase 6.1.15.3 — ALL homepage nf_row outputs horizontal on mobile.
   Homepage Section Manager uses the same .nf-row markup but is not always
   wrapped by .nf-row-section, so target direct homepage rows too. */
@media(max-width:700px){
  .public-main .nf-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    padding:2px 10px 12px 0!important;
  }
  .public-main .nf-row::-webkit-scrollbar{display:none!important}

  .public-main .nf-row > .nf-card{
    display:block!important;
    flex:0 0 calc((100vw - 50px)/4)!important;
    width:calc((100vw - 50px)/4)!important;
    min-width:calc((100vw - 50px)/4)!important;
    max-width:calc((100vw - 50px)/4)!important;
    scroll-snap-align:start;
  }
  .public-main .nf-row > .nf-card .nf-card-media{
    width:100%!important;
    aspect-ratio:2/3!important;
  }

  /* Do not apply normal card sizing to Top 20. */
  .public-main .nf-top20 > .nf-top-card{
    flex:0 0 152px!important;
    width:152px!important;
    min-width:152px!important;
    max-width:152px!important;
  }
}
@media(max-width:380px){
  .public-main .nf-row > .nf-card{
    flex-basis:calc((100vw - 44px)/4)!important;
    width:calc((100vw - 44px)/4)!important;
    min-width:calc((100vw - 44px)/4)!important;
    max-width:calc((100vw - 44px)/4)!important;
  }
}

/* Phase 6.1.16 Ads */
.site-ad{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;overflow:hidden;margin:18px auto;text-align:center}
.site-ad>*{max-width:100%}
@media(max-width:700px){.site-ad{margin:12px auto;padding:0 4px}}

/* Phase 6.1.17 Google OAuth */
.oauth-sep{display:flex;align-items:center;gap:10px;margin:16px 0;color:#7f8998;font-size:12px}.oauth-sep:before,.oauth-sep:after{content:"";height:1px;background:#26303d;flex:1}
.google-login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border-radius:10px;background:#fff;color:#181818!important;font-weight:800;text-decoration:none;margin-bottom:14px}
.google-g{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:18px;font-weight:900;color:#4285f4;background:#fff}

/* Phase 6.1.18 User Profile */
.profile-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border:1px solid #252d38;border-radius:18px;background:linear-gradient(135deg,#141922,#090b0f);margin-bottom:18px}.profile-identity{display:flex;gap:20px;align-items:center}.profile-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #2c3440;flex:0 0 auto}.profile-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#e50914;color:#fff;font-size:30px;font-weight:900}.profile-copy h1{margin:4px 0;font-size:34px}.profile-copy p{margin:0;color:#aab4c2}.profile-bio{margin-top:10px;max-width:650px;color:#d5dbe3}.profile-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.profile-badges span{border:1px solid #333d4a;border-radius:999px;padding:5px 9px;font-size:11px;color:#c4ccd7}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.danger-outline{border-color:#5e2730!important;color:#ff818b!important}.account-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.account-quick-grid>a,.account-quick-grid>div{padding:16px;border:1px solid #252d38;border-radius:12px;background:#10141b;color:#fff;text-decoration:none}.account-quick-grid strong{display:block;font-size:20px}.account-quick-grid span{color:#8994a3;font-size:12px}.account-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #202630;margin-top:28px;padding:22px 0}.account-tools h2{margin:0 0 5px}.account-tools p{margin:0;color:#8994a3}.profile-edit-page{max-width:760px;margin:36px auto;padding:0 16px}.profile-edit-card{background:#10151d;border:1px solid #27303c;border-radius:18px;padding:26px}.profile-edit-head{display:flex;align-items:center;gap:18px;margin-bottom:20px}.profile-edit-card form{display:grid;gap:15px}.profile-edit-card label{display:grid;gap:7px;font-weight:700}.profile-edit-card input,.profile-edit-card textarea{width:100%;box-sizing:border-box;background:#0a0e14;border:1px solid #303a48;color:#fff;border-radius:10px;padding:12px}.profile-edit-card small{font-weight:400;color:#7f8998}.profile-form-actions{display:flex;gap:9px;align-items:center}.account-success{padding:11px 13px;border-radius:9px;background:#10271b;border:1px solid #245c3d;color:#80e5aa;margin-bottom:14px}
@media(max-width:700px){.profile-hero{align-items:flex-start;flex-direction:column;padding:18px}.profile-identity{align-items:flex-start}.profile-avatar{width:72px;height:72px}.profile-copy h1{font-size:25px}.profile-actions{width:100%;justify-content:flex-start}.account-quick-grid{grid-template-columns:1fr 1fr}.account-quick-grid>div:last-child{grid-column:1/-1}.account-tools{align-items:flex-start;flex-direction:column}.profile-edit-page{margin:18px auto}.profile-edit-card{padding:18px}.profile-edit-head .profile-avatar{width:64px;height:64px}}

/* Phase 6.1.19 Latest Episode + horizontal season selector */
.nf-card-media{position:relative}.nf-latest-ep{position:absolute;left:7px;bottom:7px;z-index:4;padding:4px 7px;border-radius:6px;background:#e50914;color:#fff;font-size:10px;font-weight:900;letter-spacing:.2px;box-shadow:0 2px 8px #0008}
.season-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 0 12px;-webkit-overflow-scrolling:touch}.season-tabs::-webkit-scrollbar{display:none}.season-tab{flex:0 0 auto;border:1px solid #303846;background:#111720;color:#c8d0db;border-radius:8px;padding:9px 14px;font-weight:800;cursor:pointer;white-space:nowrap}.season-tab:hover{border-color:#596477;color:#fff}.season-tab.active{background:#e50914;border-color:#e50914;color:#fff}.season-panel{display:none}.season-panel.active{display:block}.season-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;color:#fff}.season-panel-head span{font-size:12px;color:#8994a3}
@media(max-width:700px){.season-tabs{margin-right:-14px;padding-right:14px}.season-tab{padding:8px 12px;font-size:12px}.nf-latest-ep{left:5px;bottom:5px;font-size:9px;padding:3px 5px}}

/* Phase 6.1.20 Follow + Notifications */
.notification-chip{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:7px;border:1px solid #2b3340;border-radius:10px;background:#11151b;color:#fff;text-decoration:none}.notification-bell{font-size:22px;line-height:1;transform:rotate(45deg)}.notification-chip b{position:absolute;right:-5px;top:-6px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e50914;color:#fff;font-size:9px;border:2px solid #090909}.outline-btn.is-following{border-color:#e50914;color:#fff;background:#e5091418}.notifications-page{max-width:1050px;margin:34px auto;padding:0 22px}.notifications-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.notifications-head h1{font-size:34px;margin:4px 0 5px}.notifications-head p{color:#909ba9;margin:0}.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:15px;padding:12px;border:1px solid #242d39;border-radius:13px;background:#10151c;color:#fff;text-decoration:none;transition:.18s}.notification-card:hover{border-color:#465266;background:#141a23}.notification-card img,.notification-fallback{width:72px;height:92px;border-radius:8px;object-fit:cover;background:#1b222c}.notification-fallback{display:grid;place-items:center}.notification-new{display:inline-flex;font-size:9px;font-weight:900;letter-spacing:.7px;color:#ff4250}.notification-card h3{margin:4px 0;font-size:17px}.notification-card p{margin:0;color:#9ca6b3;font-size:12px}.notification-arrow{font-size:30px;color:#697687}.notification-empty{padding:40px 20px}.notification-empty p{margin:6px 0 0}.account-quick-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:700px){.notification-chip{width:36px;height:36px;margin-right:4px}.notifications-page{margin:20px auto;padding:0 14px}.notifications-head{align-items:flex-start;flex-direction:column}.notifications-head h1{font-size:27px}.notification-card{grid-template-columns:56px 1fr auto;gap:10px;padding:10px}.notification-card img,.notification-fallback{width:56px;height:76px}.notification-card h3{font-size:14px}.notification-card p{font-size:11px}.account-quick-grid-4{grid-template-columns:1fr 1fr}.account-quick-grid-4>div:last-child{grid-column:auto}}

/* 6.1.20.5 direct profile route fix */

/* =========================================================
   Phase 6.1.20.6 — Desktop Layout Polish
   Keep desktop rail compact; use tooltips instead of expanding.
   ========================================================= */
@media (min-width:901px){
  .public-sidebar,
  .public-sidebar:hover{
    width:var(--public-rail)!important;
  }

  .public-sidebar .sidebar-brand-name{
    display:none!important;
    opacity:0!important;
    transform:none!important;
  }

  .public-sidebar .side-label{
    position:fixed;
    left:76px;
    width:auto;
    max-width:220px;
    padding:8px 11px;
    border-radius:8px;
    background:#15181e;
    color:#fff;
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 8px 24px rgba(0,0,0,.35);
    opacity:0!important;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-4px)!important;
    transition:opacity .14s ease,transform .14s ease,visibility .14s;
    z-index:1300;
  }

  .public-sidebar .sidebar-nav a:hover .side-label,
  .public-sidebar .sidebar-bottom a:hover .side-label{
    opacity:1!important;
    visibility:visible;
    transform:translateX(0)!important;
  }

  .public-sidebar .sidebar-nav a,
  .public-sidebar .sidebar-bottom a{
    overflow:visible!important;
  }

  .public-sidebar .sidebar-inner{
    overflow:visible;
  }

  .public-sidebar{
    overflow:visible!important;
  }

  .with-left-rail .nf-header{
    left:var(--public-rail)!important;
    width:calc(100% - var(--public-rail))!important;
  }

  .public-main,
  .with-left-rail .site-footer,
  .with-left-rail>.site-ad{
    margin-left:var(--public-rail)!important;
    width:calc(100% - var(--public-rail))!important;
  }

  .with-left-rail .nf-hero{
    width:100%!important;
  }

  .with-left-rail .nf-hero-content{
    left:4vw!important;
    max-width:min(700px,58vw);
  }
}

/* prevent desktop header/logo overlap */
@media (min-width:901px){
  .with-left-rail .nf-header{
    min-height:72px;
    padding-left:22px!important;
    padding-right:22px!important;
    gap:14px;
  }
  .with-left-rail .nf-header .site-logo{
    flex:0 0 auto;
    max-width:180px;
  }
  .with-left-rail .nf-header .site-logo-img{
    display:block;
    max-width:145px;
    height:auto;
  }
  .with-left-rail .search-wrap{
    margin-left:auto;
    min-width:280px;
    max-width:390px;
    width:34vw;
  }
  .with-left-rail .head-search{
    width:100%;
  }
}

/* =========================================================
   Phase 6.1.20.7 — Fixed Desktop Sidebar
   Nama menu selalu terlihat, sidebar tidak overlay konten.
   ========================================================= */
@media (min-width:901px){
  :root{
    --bs-desktop-sidebar:210px;
  }

  .public-sidebar,
  .public-sidebar:hover{
    width:var(--bs-desktop-sidebar)!important;
    overflow:hidden!important;
  }

  .public-sidebar .sidebar-brand{
    overflow:visible!important;
  }

  .public-sidebar .sidebar-brand-name{
    display:block!important;
    position:static!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    color:#fff!important;
  }

  .public-sidebar .side-label,
  .public-sidebar:hover .side-label,
  .public-sidebar .sidebar-nav a:hover .side-label,
  .public-sidebar .sidebar-bottom a:hover .side-label{
    display:block!important;
    position:static!important;
    left:auto!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    color:inherit!important;
    white-space:nowrap!important;
  }

  .public-sidebar .sidebar-nav a,
  .public-sidebar .sidebar-bottom a{
    overflow:hidden!important;
    padding-left:11px!important;
    padding-right:12px!important;
  }

  .public-sidebar .sidebar-inner{
    overflow:hidden!important;
  }

  .with-left-rail .nf-header{
    left:var(--bs-desktop-sidebar)!important;
    width:calc(100% - var(--bs-desktop-sidebar))!important;
    padding-left:24px!important;
  }

  .public-main,
  .with-left-rail .site-footer,
  .with-left-rail>.site-ad{
    margin-left:var(--bs-desktop-sidebar)!important;
    width:calc(100% - var(--bs-desktop-sidebar))!important;
  }

  /* Logo sudah ada di sidebar, jadi jangan dobel di header desktop */
  .with-left-rail .nf-header .site-logo{
    display:none!important;
  }

  .with-left-rail .nf-header .header-spacer{
    flex:1!important;
  }

  .with-left-rail .nf-hero-content{
    left:4vw!important;
    max-width:min(720px,60vw)!important;
  }
}

/* =========================================================
   Phase 6.1.20.8 — Auto Minimize Desktop Sidebar
   Default icon-only, expand on mouse hover, minimize on leave.
   ========================================================= */
@media (min-width:901px){
  :root{
    --bs-sidebar-mini:68px;
    --bs-sidebar-open:210px;
  }

  .public-sidebar,
  .public-sidebar:hover{
    width:var(--bs-sidebar-mini)!important;
    transition:width .18s ease!important;
    overflow:hidden!important;
  }

  body.bs-sidebar-expanded .public-sidebar{
    width:var(--bs-sidebar-open)!important;
  }

  /* brand */
  .public-sidebar .sidebar-brand-name{
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    transition:opacity .12s ease!important;
  }
  body.bs-sidebar-expanded .public-sidebar .sidebar-brand-name{
    opacity:1!important;
    visibility:visible!important;
    width:auto!important;
  }

  /* menu labels */
  .public-sidebar .side-label{
    display:block!important;
    position:static!important;
    opacity:0!important;
    visibility:hidden!important;
    width:0!important;
    max-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    pointer-events:none!important;
    transition:opacity .12s ease!important;
  }

  body.bs-sidebar-expanded .public-sidebar .side-label{
    opacity:1!important;
    visibility:visible!important;
    width:auto!important;
    max-width:150px!important;
    margin-left:10px!important;
    pointer-events:auto!important;
  }

  .public-sidebar .sidebar-nav a,
  .public-sidebar .sidebar-bottom a{
    overflow:hidden!important;
    transition:background .14s ease!important;
  }

  /* mini mode: icons stay centered */
  body:not(.bs-sidebar-expanded) .public-sidebar .sidebar-nav a,
  body:not(.bs-sidebar-expanded) .public-sidebar .sidebar-bottom a{
    justify-content:center!important;
    padding-left:0!important;
    padding-right:0!important;
    gap:0!important;
  }

  /* expanded mode */
  body.bs-sidebar-expanded .public-sidebar .sidebar-nav a,
  body.bs-sidebar-expanded .public-sidebar .sidebar-bottom a{
    justify-content:flex-start!important;
    padding-left:16px!important;
    padding-right:12px!important;
    gap:0!important;
  }

  /* header/content follow sidebar width so nothing is covered */
  .with-left-rail .nf-header{
    left:var(--bs-sidebar-mini)!important;
    width:calc(100% - var(--bs-sidebar-mini))!important;
    transition:left .18s ease,width .18s ease!important;
  }
  .public-main,
  .with-left-rail .site-footer,
  .with-left-rail>.site-ad{
    margin-left:var(--bs-sidebar-mini)!important;
    width:calc(100% - var(--bs-sidebar-mini))!important;
    transition:margin-left .18s ease,width .18s ease!important;
  }

  body.bs-sidebar-expanded.with-left-rail .nf-header{
    left:var(--bs-sidebar-open)!important;
    width:calc(100% - var(--bs-sidebar-open))!important;
  }
  body.bs-sidebar-expanded .public-main,
  body.bs-sidebar-expanded.with-left-rail .site-footer,
  body.bs-sidebar-expanded.with-left-rail>.site-ad{
    margin-left:var(--bs-sidebar-open)!important;
    width:calc(100% - var(--bs-sidebar-open))!important;
  }

  /* header logo hidden on desktop; brand lives in sidebar */
  .with-left-rail .nf-header .site-logo{
    display:none!important;
  }
}

/* Phase 6.1.23 — Notification Auto Read */
.notification-read-form{display:flex;justify-content:flex-end;margin:-4px 10px 6px 0}
.notification-read-form button{border:0;background:transparent;color:#8d98a7;font-size:11px;cursor:pointer;padding:4px 6px}
.notification-read-form button:hover{color:#fff}

/* =========================================================
   Phase 6.1.23.1 — Homepage Horizontal Scroll Fix
   Restore drag/scroll behavior for homepage rows.
   ========================================================= */
.nf-row,
.nf-top20{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:smooth;
  scrollbar-width:none;
  gap:14px;
}
.nf-row::-webkit-scrollbar,
.nf-top20::-webkit-scrollbar{display:none}

.nf-row .nf-card{
  flex:0 0 auto!important;
}

.nf-top20 .nf-top-card{
  flex:0 0 auto!important;
}

/* make horizontal rows draggable with mouse cursor */
.nf-row,
.nf-top20{
  cursor:grab;
  user-select:none;
}
.nf-row.is-dragging,
.nf-top20.is-dragging{
  cursor:grabbing;
  scroll-behavior:auto!important;
}
.nf-row img,
.nf-top20 img{
  user-drag:none;
  -webkit-user-drag:none;
  pointer-events:none;
}

/* homepage rows only: preserve archive/view-all grid */
.public-main .nf-row-section .nf-row{
  width:100%;
  max-width:100%;
}

/* mobile keeps horizontal swipe */
@media(max-width:700px){
  .nf-row,
  .nf-top20{
    gap:8px;
    touch-action:pan-x;
  }
}

/* =========================================================
   V6.1.23.2 — Homepage Slider Compact Fix
   ========================================================= */
@media(min-width:701px){
  .public-main .nf-row-section .nf-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:9px!important;
    padding-right:38px!important;
  }
  .public-main .nf-row-section .nf-row > .nf-card{
    flex:0 0 170px!important;
    width:170px!important;
    min-width:170px!important;
    max-width:170px!important;
  }

  .public-main .nf-top20{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:9px!important;
    padding-right:38px!important;
  }
  .public-main .nf-top20 > .nf-top-card{
    flex:0 0 220px!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
  }

  .nf-row-section{position:relative!important}
  .nf-slider-arrow{
    position:absolute;
    z-index:30;
    top:50%;
    transform:translateY(-50%);
    width:38px;height:64px;
    border:0;border-radius:8px;
    background:rgba(5,5,5,.82);
    color:#fff;
    font-size:27px;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
    opacity:0;
    transition:opacity .18s ease,background .18s ease;
    box-shadow:0 4px 18px rgba(0,0,0,.42);
  }
  .nf-row-section:hover .nf-slider-arrow{opacity:1}
  .nf-slider-arrow:hover{background:rgba(229,9,20,.92)}
  .nf-slider-prev{left:4px}
  .nf-slider-next{right:4px}
}
@media(min-width:701px) and (max-width:1100px){
  .public-main .nf-row-section .nf-row > .nf-card{
    flex-basis:155px!important;
    width:155px!important;
    min-width:155px!important;
    max-width:155px!important;
  }
}
@media(max-width:700px){
  .nf-slider-arrow{display:none!important}
  /* preserve the already-good 4-visible-card mobile sizing */
  .public-main .nf-row > .nf-card{
    flex:0 0 calc((100vw - 50px)/4)!important;
    width:calc((100vw - 50px)/4)!important;
    min-width:calc((100vw - 50px)/4)!important;
    max-width:calc((100vw - 50px)/4)!important;
  }
}

/* =========================================================
   V6.1.23.3 — Mobile Menu Drawer Fix
   ========================================================= */
@media(max-width:900px){
  .nav-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    z-index:10003!important;
    pointer-events:auto!important;
  }

  .public-sidebar{
    display:block!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(82vw,280px)!important;
    max-width:280px!important;
    height:100dvh!important;
    margin:0!important;
    z-index:10002!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:none!important;
    background:#080b10!important;
    box-shadow:12px 0 35px rgba(0,0,0,.48)!important;
  }

  body.mobile-menu-open .public-sidebar,
  .public-sidebar.mobile-menu-visible{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }

  body.mobile-menu-open{
    overflow:hidden!important;
  }

  .mobile-sidebar-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:10001!important;
    background:rgba(0,0,0,.68)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease!important;
  }

  body.mobile-menu-open .mobile-sidebar-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* Mobile drawer always shows labels */
  .public-sidebar.mobile-menu-visible .side-label,
  body.mobile-menu-open .public-sidebar .side-label{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    width:auto!important;
    max-width:none!important;
  }

  body.mobile-menu-open .public-sidebar .sidebar-nav a,
  body.mobile-menu-open .public-sidebar .sidebar-bottom a{
    justify-content:flex-start!important;
  }
}
@media(min-width:901px){
  .mobile-sidebar-backdrop{display:none!important}
}

/* =========================================================
   V6.1.23.4 — Mobile Header Polish
   ========================================================= */
.mobile-search-toggle{display:none}
.mobile-search-icon,.head-search-icon,.notification-bell{
 display:block;position:relative;width:20px;height:20px
}
.mobile-search-icon:before,.head-search-icon:before{
 content:"";position:absolute;width:10px;height:10px;border:2px solid currentColor;border-radius:50%;left:2px;top:1px
}
.mobile-search-icon:after,.head-search-icon:after{
 content:"";position:absolute;width:7px;height:2px;background:currentColor;transform:rotate(45deg);right:1px;bottom:3px;border-radius:2px
}
.notification-bell:before{
 content:"";position:absolute;left:4px;top:2px;width:10px;height:11px;border:2px solid currentColor;border-radius:7px 7px 4px 4px;border-bottom-width:1px
}
.notification-bell:after{
 content:"";position:absolute;left:8px;bottom:1px;width:4px;height:2px;background:currentColor;border-radius:0 0 4px 4px
}

@media(max-width:900px){
 .nf-header{
   display:grid!important;
   grid-template-columns:auto minmax(0,1fr) auto auto auto!important;
   grid-template-areas:
     "menu logo spacer search account"
     "searchbox searchbox searchbox searchbox searchbox"!important;
   align-items:center!important;
   gap:8px!important;
   min-height:72px!important;
   padding:10px 14px!important;
 }
 .nf-header .nav-toggle{grid-area:menu!important;margin:0!important}
 .nf-header .site-logo{grid-area:logo!important;display:flex!important;align-items:center!important;margin:0!important;min-width:0!important}
 .nf-header .site-logo-img{max-width:150px!important;height:auto!important}
 .nf-header .header-spacer{grid-area:spacer!important;display:block!important}
 .mobile-search-toggle{
   grid-area:search!important;
   display:inline-flex!important;
   align-items:center!important;
   justify-content:center!important;
   width:44px!important;height:44px!important;
   border:1px solid #2b3440!important;
   border-radius:12px!important;
   background:#11161e!important;
   color:#fff!important;
   padding:0!important;
 }
 .notification-chip{
   grid-area:search!important;
   display:none!important;
 }
 .account-chip{
   grid-area:account!important;
   width:44px!important;height:44px!important;min-width:44px!important;
   padding:0!important;margin:0!important;
   justify-content:center!important;
   border-radius:12px!important;
 }
 .account-chip .account-label{display:none!important}
 .account-chip .account-user-icon{margin:0!important}

 /* when logged in, notification sits just before profile */
 body:has(.notification-chip) .nf-header{
   grid-template-columns:auto minmax(0,1fr) auto auto auto auto!important;
   grid-template-areas:
     "menu logo spacer search notify account"
     "searchbox searchbox searchbox searchbox searchbox searchbox"!important;
 }
 body:has(.notification-chip) .notification-chip{
   grid-area:notify!important;
   display:inline-flex!important;
   width:44px!important;height:44px!important;
   margin:0!important;
   border-radius:12px!important;
 }
 .search-wrap{
   grid-area:searchbox!important;
   display:none!important;
   width:100%!important;
   max-width:none!important;
   margin:0!important;
   padding-top:2px!important;
 }
 body.mobile-search-open .search-wrap{display:block!important}
 .head-search{
   display:flex!important;
   align-items:center!important;
   width:100%!important;
   height:46px!important;
   border:1px solid #303947!important;
   border-radius:12px!important;
   background:#10151c!important;
   overflow:hidden!important;
 }
 .head-search input{
   flex:1!important;
   min-width:0!important;
   height:44px!important;
   padding:0 14px!important;
   background:transparent!important;
   border:0!important;
   outline:0!important;
   font-size:15px!important;
   color:#fff!important;
 }
 .head-search button{
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   width:46px!important;height:46px!important;
   border:0!important;
   background:transparent!important;
   color:#fff!important;
   font-size:0!important;
   padding:0!important;
 }
 .search-suggest{top:50px!important}
}

@media(max-width:380px){
 .nf-header{padding-left:10px!important;padding-right:10px!important;gap:6px!important}
 .nf-header .site-logo-img{max-width:126px!important}
 .mobile-search-toggle,.notification-chip,.account-chip{width:40px!important;height:40px!important;min-width:40px!important}
}

/* =========================================================
   V6.1.23.5 — Mobile Wide Search Bar Fix
   Search gets its own full-width row, never overlaps logo.
   ========================================================= */
@media(max-width:900px){
  .nf-header{
    grid-template-columns:auto minmax(0,1fr) auto auto auto!important;
    grid-template-areas:
      "menu logo spacer notify account"
      "searchbox searchbox searchbox searchbox searchbox"!important;
    row-gap:10px!important;
  }

  body:has(.notification-chip) .nf-header{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "menu logo notify account"
      "searchbox searchbox searchbox searchbox"!important;
  }

  /* no separate tiny search icon on mobile */
  .mobile-search-toggle{display:none!important}

  .search-wrap{
    grid-area:searchbox!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    z-index:5!important;
  }

  .head-search{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:48px!important;
    border:1px solid #303947!important;
    border-radius:14px!important;
    background:#11161e!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .head-search input{
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    padding:0 14px!important;
    font-size:15px!important;
    line-height:46px!important;
  }

  .head-search button{
    flex:0 0 48px!important;
    width:48px!important;
    height:46px!important;
  }

  .search-suggest{
    left:0!important;
    right:0!important;
    top:54px!important;
    width:100%!important;
    max-width:none!important;
    z-index:10020!important;
  }

  .notification-chip{
    display:inline-flex!important;
    grid-area:notify!important;
  }
}

@media(max-width:380px){
  .nf-header{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    grid-template-areas:
      "menu logo notify account"
      "searchbox searchbox searchbox searchbox"!important;
  }
  .head-search{height:46px!important}
  .head-search input{height:44px!important;line-height:44px!important}
}

/* =========================================================
   V6.1.23.6 — Mobile Header Search replaces logo
   ========================================================= */
@media(max-width:900px){
  .nf-header{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    grid-template-areas:"menu searchbox notify account"!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:0!important;
    min-height:68px!important;
    padding:10px 14px!important;
  }

  /* Logo already exists in mobile drawer, so hide header logo */
  .nf-header .site-logo{display:none!important}
  .nf-header .header-spacer{display:none!important}
  .mobile-search-toggle{display:none!important}

  .search-wrap{
    grid-area:searchbox!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  .head-search{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:44px!important;
    margin:0!important;
    border:1px solid #303947!important;
    border-radius:14px!important;
    background:#11161e!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .head-search input{
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    padding:0 12px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:42px!important;
  }

  .head-search button{
    display:flex!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
  }

  .notification-chip{
    grid-area:notify!important;
    display:inline-flex!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    margin:0!important;
  }
  .account-chip{
    grid-area:account!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    margin:0!important;
  }

  .search-suggest{
    left:0!important;
    right:0!important;
    top:50px!important;
    width:100%!important;
    max-width:none!important;
  }

  /* override previous :has layout */
  body:has(.notification-chip) .nf-header{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    grid-template-areas:"menu searchbox notify account"!important;
  }
}
@media(max-width:380px){
  .nf-header{padding-left:10px!important;padding-right:10px!important;gap:6px!important}
  .notification-chip,.account-chip{width:40px!important;height:40px!important;min-width:40px!important}
  .head-search{height:42px!important}
  .head-search input{height:40px!important;line-height:40px!important;padding-left:10px!important}
  .head-search button{width:40px!important;height:40px!important;flex-basis:40px!important}
}

/* =========================================================
   V6.1.23.7 — Mobile Search Clear / One Row
   ========================================================= */
@media(max-width:900px){
  .nf-header,
  body:has(.notification-chip) .nf-header{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) 44px 44px!important;
    grid-template-areas:"menu searchbox notify account"!important;
    align-items:center!important;
    gap:8px!important;
    min-height:66px!important;
    height:auto!important;
    padding:10px 14px!important;
  }

  .nf-header .nav-toggle{
    grid-area:menu!important;
    width:48px!important;height:48px!important;
    margin:0!important;
  }
  .nf-header .site-logo,
  .nf-header .header-spacer,
  .mobile-search-toggle{display:none!important}

  .nf-header .search-wrap{
    grid-area:searchbox!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
  }

  .nf-header .head-search{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    margin:0!important;
    padding:0 3px 0 0!important;
    box-sizing:border-box!important;
    border:2px solid #394453!important;
    border-radius:14px!important;
    background:#151a22!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
    overflow:hidden!important;
  }

  .nf-header .head-search:focus-within{
    border-color:#e50914!important;
    box-shadow:0 0 0 2px rgba(229,9,20,.15)!important;
  }

  .nf-header .head-search input{
    display:block!important;
    flex:1 1 auto!important;
    width:1px!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
    padding:0 10px 0 14px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:44px!important;
  }

  .nf-header .head-search input::placeholder{
    color:#aab1bc!important;
    opacity:1!important;
  }

  .nf-header .head-search button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 40px!important;
    width:40px!important;height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:#202733!important;
    color:#fff!important;
  }

  .nf-header .notification-chip{
    grid-area:notify!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    margin:0!important;padding:0!important;
    border-radius:12px!important;
  }

  .nf-header .account-chip{
    grid-area:account!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    margin:0!important;padding:0!important;
    border-radius:12px!important;
  }

  .nf-header .search-suggest{
    position:absolute!important;
    top:54px!important;
    left:0!important;right:0!important;
    width:100%!important;
    max-width:none!important;
    z-index:10020!important;
  }
}

@media(max-width:420px){
  .nf-header,
  body:has(.notification-chip) .nf-header{
    grid-template-columns:48px minmax(0,1fr) 42px 42px!important;
    gap:6px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .nf-header .nav-toggle{width:44px!important;height:44px!important}
  .nf-header .notification-chip,
  .nf-header .account-chip{width:42px!important;height:42px!important;min-width:42px!important}
  .nf-header .head-search{height:44px!important;border-radius:12px!important}
  .nf-header .head-search input{height:40px!important;line-height:40px!important;padding-left:11px!important;font-size:13px!important}
  .nf-header .head-search button{width:36px!important;height:36px!important;flex-basis:36px!important}
}

/* Phase 6.1.24 — Continue Watching */
.continue-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:10px!important;scrollbar-width:none}
.continue-row::-webkit-scrollbar{display:none}
.continue-card-wrap{position:relative;flex:0 0 auto}
.continue-card-wrap .nf-card{display:block}
.continue-episode{position:absolute;left:6px;bottom:6px;z-index:4;background:#e50914;color:#fff;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:900}
.continue-remove-form{position:absolute;right:5px;top:5px;z-index:8;margin:0}
.continue-remove-form button{width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.76);color:#fff;font-size:19px;line-height:1;cursor:pointer}
.continue-remove-form button:hover{background:#e50914}
@media(max-width:700px){.continue-remove-form button{width:24px;height:24px;font-size:16px}.continue-episode{font-size:8px;padding:3px 5px}}

/* Phase 6.1.25 — Watch History */
.history-page{max-width:1100px;margin:32px auto;padding:0 22px}.history-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.history-head h1{margin:4px 0;font-size:34px}.history-head p{margin:0;color:#8f99a7}.history-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:16px}.history-filters::-webkit-scrollbar{display:none}.history-filters a{flex:0 0 auto;padding:8px 12px;border:1px solid #2d3642;border-radius:999px;color:#b8c1cc;text-decoration:none;font-size:12px}.history-filters a.active{background:#e50914;border-color:#e50914;color:#fff}.history-list{display:grid;gap:10px}.history-item{position:relative;display:flex;align-items:center;border:1px solid #252e3a;border-radius:12px;background:#10151c;overflow:hidden}.history-main{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;flex:1;color:#fff;text-decoration:none;padding:10px 48px 10px 10px}.history-main img,.history-poster-fallback{width:72px;height:100px;border-radius:8px;object-fit:cover;background:#1a2029}.history-poster-fallback{display:grid;place-items:center}.history-type{font-size:9px;color:#ff4a55;font-weight:900;letter-spacing:.6px}.history-copy h3{margin:4px 0;font-size:17px}.history-copy p{margin:0;color:#8e99a8;font-size:12px}.history-play{font-size:18px}.history-remove{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin:0}.history-remove button{width:30px;height:30px;border:0;border-radius:50%;background:#202732;color:#fff;font-size:19px;cursor:pointer}.history-remove button:hover{background:#e50914}.account-quick-grid-5{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.account-quick-grid-5{grid-template-columns:repeat(2,1fr)}.account-quick-grid-5>div:last-child{grid-column:1/-1}}
@media(max-width:700px){.history-page{margin:20px auto;padding:0 14px}.history-head{align-items:flex-start;flex-direction:column}.history-head h1{font-size:27px}.history-main{grid-template-columns:56px minmax(0,1fr);gap:10px;padding-right:44px}.history-main img,.history-poster-fallback{width:56px;height:78px}.history-play{display:none}.history-copy h3{font-size:14px}.history-copy p{font-size:11px}}

/* V6.1.25.1 — Sidebar final menu spacing */
.public-sidebar nav,
.public-sidebar .sidebar-nav{padding-bottom:14px!important}
.public-sidebar nav a:last-child,
.public-sidebar .sidebar-nav a:last-child{margin-bottom:0!important}

/* =========================================================
   V6.1.25.2 — Guest Mobile Header Fix
   Logged-out: Menu | Search | Masuk
   Logged-in : Menu | Search | Notification | Profile
   ========================================================= */
@media(max-width:900px){
  .nf-header.is-guest,
  body:has(.notification-chip) .nf-header.is-guest{
    grid-template-columns:52px minmax(0,1fr) 48px!important;
    grid-template-areas:"menu searchbox account"!important;
  }
  .nf-header.is-guest .account-chip{
    grid-area:account!important;
    display:inline-flex!important;
    width:48px!important;height:48px!important;min-width:48px!important;
  }
  .nf-header.is-guest .account-label{display:none!important}
  .nf-header.is-guest .search-wrap{grid-area:searchbox!important}
  .nf-header.is-guest .head-search{width:100%!important}
}
@media(max-width:420px){
  .nf-header.is-guest,
  body:has(.notification-chip) .nf-header.is-guest{
    grid-template-columns:48px minmax(0,1fr) 42px!important;
    grid-template-areas:"menu searchbox account"!important;
    gap:6px!important;
  }
  .nf-header.is-guest .account-chip{
    width:42px!important;height:42px!important;min-width:42px!important;
  }
}

/* Phase 6.1.26 — Account Security */
.account-security-page{max-width:720px;margin:34px auto;padding:0 18px}.security-card{background:#10151c;border:1px solid #28313d;border-radius:16px;padding:24px}.security-card h1{margin:5px 0 4px;font-size:30px}.security-lead{margin:0 0 20px;color:#929dab}.security-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.security-info>div{padding:13px;background:#0b1016;border:1px solid #252e39;border-radius:10px}.security-info small,.security-info strong{display:block}.security-info small{color:#7f8a99;margin-bottom:5px}.security-form{display:grid;gap:13px;margin-top:18px}.security-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.security-form input{width:100%;height:44px;border:1px solid #303a47;border-radius:9px;background:#0b1016;color:#fff;padding:0 12px;box-sizing:border-box}.security-form input:focus{outline:0;border-color:#e50914}.security-form small{color:#778291;font-weight:400}.security-form .watch-btn{justify-self:start}.security-google-note{margin-top:18px;padding:15px;border:1px solid #293747;border-radius:11px;background:#0d141d}.security-google-note strong{color:#fff}.security-google-note p{margin:5px 0 0;color:#929dab;font-size:13px}.security-actions{margin-top:20px;padding-top:18px;border-top:1px solid #252e39}
@media(max-width:600px){.account-security-page{margin:20px auto;padding:0 12px}.security-card{padding:18px}.security-card h1{font-size:25px}.security-info{grid-template-columns:1fr}}

/* Phase 6.1.27 — Account Activity */
.account-activity-page{max-width:760px;margin:34px auto;padding:0 18px}.activity-card{background:#10151c;border:1px solid #28313d;border-radius:16px;padding:24px}.activity-card h1{margin:5px 0 4px;font-size:30px}.activity-lead{margin:0 0 20px;color:#929dab}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.activity-grid>div{padding:14px;background:#0b1016;border:1px solid #252e39;border-radius:10px;min-width:0}.activity-grid small,.activity-grid strong{display:block}.activity-grid small{color:#7f8a99;margin-bottom:5px}.activity-grid strong{overflow-wrap:anywhere}.current-session{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;margin-top:18px;padding:15px;background:#0b1016;border:1px solid #293747;border-radius:11px}.session-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#18231c;font-weight:900}.current-session p{margin:3px 0 0;color:#929dab;font-size:13px}.session-active{font-size:12px;font-weight:800;padding:5px 9px;border:1px solid #34483a;border-radius:999px}.activity-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #252e39}
@media(max-width:600px){.account-activity-page{margin:20px auto;padding:0 12px}.activity-card{padding:18px}.activity-card h1{font-size:25px}.activity-grid{grid-template-columns:1fr}.current-session{grid-template-columns:38px 1fr}.session-active{grid-column:2;justify-self:start}}


/* =========================================================
   V6.1.28 — Exact Account/Footer UI + Active Red + Top Fix
   ========================================================= */

/* Header overlap fix for account screens */
.account-activity-page,
.account-security-page,
.profile-edit-page,
.account-page{
  scroll-margin-top:96px;
}
.account-activity-page{
  max-width:1040px!important;
  margin:0 auto!important;
  padding:108px 28px 34px!important;
}
.account-activity-page .activity-card{
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
.activity-card h1{font-size:34px!important}
.activity-grid{
  background:#0d1218;
  border:1px solid #28313d;
  border-radius:14px;
  padding:14px;
}
.activity-grid>div{
  min-height:78px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:15px 18px!important;
}
.current-session{
  margin-top:10px!important;
  min-height:72px;
}
.activity-action-cards{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:10px!important;
  padding-top:0!important;
  margin-top:10px!important;
  border-top:0!important;
}
.activity-action-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:72px;
  padding:12px 16px;
  border:1px solid #29323e;
  border-radius:11px;
  background:#0b1016;
  color:#fff;
}
.activity-action-card:hover{border-color:#485565;background:#101721}
.activity-action-card small{display:block;color:#8f99a7;font-size:12px;margin-top:4px}
.activity-action-card>b{font-size:24px;color:#aab3bf;font-weight:400}
.activity-action-icon{
  width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;
  background:#1a212b;
  font-size:20px;
}
.activity-action-card.danger strong,
.activity-action-card.danger .activity-action-icon{color:#ff3540}

/* Active sidebar: full red, like approved mockup */
.public-sidebar .sidebar-nav a.active{
  color:#fff!important;
  background:linear-gradient(90deg,#cf0710 0%,#ed1520 100%)!important;
  box-shadow:0 8px 22px rgba(229,9,20,.18);
}
.public-sidebar .sidebar-nav a.active:before{display:none!important}
.public-sidebar .sidebar-nav a.active .side-icon,
.public-sidebar .sidebar-nav a.active .side-label{color:#fff!important}

/* Complete footer */
.site-footer-v2{
  display:block!important;
  padding:0!important;
  background:linear-gradient(180deg,#0a0d11,#090b0e)!important;
  color:#a9b1bc!important;
  border-top:1px solid #242b34!important;
}
.footer-main{
  display:grid;
  grid-template-columns:1.45fr .75fr .75fr .85fr 1fr;
  gap:34px;
  padding:38px 5vw 30px;
}
.footer-brand{min-width:0}
.footer-logo{display:inline-block;font-size:25px;font-weight:950;letter-spacing:-1px;color:#fff!important}
.footer-logo span{color:#e50914}
.footer-brand>p{margin:11px 0 0}
.footer-desc{max-width:320px!important;color:#8d97a5;line-height:1.65;font-size:13px}
.footer-social{display:flex;gap:9px;margin-top:18px}
.footer-social a{
  width:34px;height:34px;border-radius:50%;
  border:1px solid #2a323d;background:#111720;
  display:grid;place-items:center;color:#fff!important;font-weight:800;
}
.footer-social a:hover{background:#e50914;border-color:#e50914}
.footer-col{border:0}
.footer-col summary{
  list-style:none;cursor:default;
  color:#ff3540;font-size:12px;font-weight:900;letter-spacing:.3px;
  margin:4px 0 15px;
}
.footer-col summary::-webkit-details-marker{display:none}
.footer-col>div{display:flex;flex-direction:column;gap:9px}
.footer-col a,.footer-col span{font-size:13px;color:#abb4c0}
.footer-col a:hover{color:#fff}
.footer-bottom{
  border-top:1px solid #202731;
  min-height:66px;
  padding:0 5vw;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  color:#8d96a3;font-size:12px;
}
.footer-bottom>div{display:flex;gap:25px}

/* Back to top: fixed, visible after scroll, actually clickable */
.to-top{
  position:fixed!important;
  right:22px!important;
  bottom:20px!important;
  z-index:10050!important;
  width:44px!important;height:44px!important;
  border:0!important;border-radius:50%!important;
  background:#ed1c27!important;color:#fff!important;
  display:grid!important;place-items:center!important;
  cursor:pointer!important;
  font-size:22px!important;font-weight:900!important;
  box-shadow:0 10px 28px rgba(229,9,20,.3)!important;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.2s ease;
  pointer-events:none;
}
.to-top.show{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.to-top:hover{transform:translateY(-2px)!important;background:#ff2934!important}

/* Mobile footer = compact accordion */
@media(max-width:700px){
  .account-activity-page{
    padding:82px 12px 24px!important;
  }
  .activity-card h1{font-size:27px!important}
  .activity-lead{font-size:13px}
  .activity-grid{grid-template-columns:1fr!important;padding:8px}
  .activity-grid>div{min-height:66px;padding:12px 14px!important}
  .current-session{grid-template-columns:36px minmax(0,1fr) auto!important}
  .session-active{grid-column:auto!important}
  .activity-action-cards{grid-template-columns:1fr!important}
  .activity-action-card{min-height:66px;padding:11px 13px}

  .footer-main{
    display:block!important;
    padding:28px 18px 18px!important;
  }
  .footer-brand{padding-bottom:18px}
  .footer-desc{font-size:12px}
  .footer-col{
    border-top:1px solid #202731!important;
    padding:0!important;
  }
  .footer-col summary{
    cursor:pointer!important;
    margin:0!important;
    padding:15px 0!important;
    position:relative;
  }
  .footer-col summary:after{
    content:"⌄";position:absolute;right:2px;top:14px;
    color:#d4d9df;font-size:16px;
  }
  .footer-col[open] summary:after{transform:rotate(180deg)}
  .footer-col>div{padding:0 0 15px!important}
  .footer-col:not([open])>div{display:none!important}
  .footer-bottom{
    min-height:100px!important;
    padding:18px!important;
    flex-direction:column!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .footer-bottom>div{gap:18px!important;flex-wrap:wrap;justify-content:center}
  .to-top{
    right:14px!important;
    bottom:82px!important;
    width:42px!important;height:42px!important;
  }
}


/* =========================================================
   V6.1.29 — Continue Watching Desktop + Mobile
   ========================================================= */
.section-kicker{display:block;color:#ff3540;font-size:9px;font-weight:900;letter-spacing:1px;margin-bottom:4px}
.continue-section .section-head{align-items:flex-end!important}
.continue-row-v2{
  display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;
  padding:3px 2px 10px;scrollbar-width:none;scroll-snap-type:x proximity;
}
.continue-row-v2::-webkit-scrollbar{display:none}
.continue-tile{
  position:relative;flex:0 0 270px;min-width:0;
  border:1px solid #252e39;border-radius:10px;background:#0d1218;
  overflow:hidden;scroll-snap-align:start;transition:.2s ease;
}
.continue-tile:hover{transform:translateY(-3px);border-color:#47515e;box-shadow:0 10px 28px rgba(0,0,0,.26)}
.continue-tile-main{display:block;color:#fff}
.continue-tile-media{position:relative;aspect-ratio:16/9;background:#151b22;overflow:hidden}
.continue-tile-media img{width:100%;height:100%;object-fit:cover;transition:.25s ease}
.continue-tile:hover img{transform:scale(1.035)}
.continue-fallback{width:100%;height:100%;display:grid;place-items:center;background:#171d25;font-size:44px;font-weight:900;color:#46505d}
.continue-play,.continue-big-play{
  position:absolute;display:grid;place-items:center;border-radius:50%;
  background:rgba(229,9,20,.94);color:#fff;box-shadow:0 7px 20px rgba(229,9,20,.28);
}
.continue-play{left:12px;bottom:10px;width:34px;height:34px;font-size:13px}
.continue-episode-v2{
  position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:6px;
  background:rgba(0,0,0,.78);backdrop-filter:blur(5px);color:#fff;font-size:10px;font-weight:850
}
.continue-tile-copy{padding:11px 12px 12px}
.continue-tile-copy h3{margin:0 28px 5px 0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.continue-tile-copy>div{display:flex;gap:6px;color:#8e98a6;font-size:10px}
.continue-remove-v2{position:absolute;right:7px;top:7px;z-index:5;margin:0}
.continue-remove-v2 button,.continue-page-remove button{
  width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:50%;
  background:rgba(5,8,12,.82);color:#fff;font-size:19px;line-height:1;cursor:pointer;
  display:grid;place-items:center;backdrop-filter:blur(5px)
}
.continue-remove-v2 button:hover,.continue-page-remove button:hover{background:#e50914;border-color:#e50914}

/* full page */
.continue-page{max-width:1220px;margin:0 auto;padding:108px 30px 42px}
.continue-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.continue-page-head h1{margin:5px 0 5px;font-size:36px;letter-spacing:-1px}
.continue-page-head p{margin:0;color:#8f99a7}
.continue-count{flex:0 0 auto;padding:7px 11px;border:1px solid #303946;border-radius:999px;color:#aeb7c3;font-size:11px}
.continue-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.continue-page-card{
  position:relative;min-width:0;background:#0d1218;border:1px solid #252e39;border-radius:12px;overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.continue-page-card:hover{transform:translateY(-3px);border-color:#485462;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.continue-page-link{display:block;color:#fff}
.continue-page-media{position:relative;aspect-ratio:16/9;background:#151b22;overflow:hidden}
.continue-page-media img{width:100%;height:100%;object-fit:cover;transition:.3s}
.continue-page-card:hover .continue-page-media img{transform:scale(1.035)}
.continue-page-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 62%)}
.continue-big-play{left:16px;bottom:14px;width:42px;height:42px;font-size:15px}
.continue-page-ep{
  position:absolute;right:13px;bottom:14px;padding:6px 9px;border-radius:7px;
  background:rgba(0,0,0,.75);color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(5px)
}
.continue-page-copy{padding:14px 15px 16px}
.continue-page-copy h2{margin:0 32px 8px 0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.continue-page-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#8894a3;font-size:10px}
.continue-page-meta span+span:before{content:"•";margin-right:7px;color:#4f5a67}
.continue-resume{display:inline-flex;margin-top:12px;color:#fff;font-size:11px;font-weight:850}
.continue-page-remove{position:absolute;right:9px;top:9px;z-index:6;margin:0}
.continue-empty{text-align:center;padding:80px 20px;border:1px dashed #303946;border-radius:14px;background:#0c1117}
.continue-empty>div{font-size:38px;color:#e50914}.continue-empty h2{margin:12px 0 5px}.continue-empty p{margin:0 0 18px;color:#8d98a6}

@media(max-width:1050px){
  .continue-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .continue-section{padding-left:12px!important;padding-right:0!important}
  .continue-section .section-head{padding-right:12px!important;margin-bottom:12px!important}
  .continue-section .section-head h2{font-size:20px!important}
  .continue-section .section-head a{font-size:10px!important}
  .continue-row-v2{gap:8px;padding-right:12px}
  .continue-tile{flex-basis:76vw;max-width:300px;border-radius:9px}
  .continue-tile-copy{padding:9px 10px 10px}
  .continue-tile-copy h3{font-size:12px}
  .continue-play{width:31px;height:31px;left:9px;bottom:8px}
  .continue-episode-v2{right:8px;bottom:8px;font-size:9px;padding:4px 6px}
  .continue-remove-v2{right:6px;top:6px}
  .continue-remove-v2 button{width:27px;height:27px;font-size:17px}

  .continue-page{padding:82px 12px 28px}
  .continue-page-head{align-items:flex-start;flex-direction:column;margin-bottom:14px}
  .continue-page-head h1{font-size:28px}
  .continue-page-head p{font-size:12px;line-height:1.5}
  .continue-count{font-size:10px;padding:5px 8px}
  .continue-page-grid{grid-template-columns:1fr;gap:10px}
  .continue-page-card{display:grid;grid-template-columns:128px minmax(0,1fr);border-radius:10px}
  .continue-page-link{display:contents}
  .continue-page-media{aspect-ratio:auto;height:100%;min-height:116px}
  .continue-big-play{width:32px;height:32px;left:8px;bottom:8px;font-size:12px}
  .continue-page-ep{left:8px;right:auto;top:8px;bottom:auto;font-size:8px;padding:4px 5px}
  .continue-page-copy{padding:13px 38px 12px 12px;align-self:center;min-width:0}
  .continue-page-copy h2{font-size:14px;margin-right:0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .continue-page-meta{font-size:9px;gap:4px}
  .continue-page-meta span:last-child{width:100%;margin-top:2px}
  .continue-page-meta span:last-child:before{display:none}
  .continue-resume{font-size:10px;margin-top:8px;color:#ff3944}
  .continue-page-remove{right:7px;top:50%;transform:translateY(-50%)}
  .continue-page-remove button{width:27px;height:27px;font-size:17px}
  .continue-empty{padding:55px 18px}
}
@media(max-width:380px){
  .continue-page-card{grid-template-columns:112px minmax(0,1fr)}
  .continue-page-media{min-height:108px}
}


/* =========================================================
   V6.1.29.1 — Continue Watching FORCE LIST (no grid)
   ========================================================= */
.continue-page-grid{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:10px!important;
  max-width:1050px!important;
}
.continue-page-card{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  width:100%!important;
  min-height:146px!important;
  border-radius:11px!important;
}
.continue-page-link{display:contents!important}
.continue-page-media{
  width:260px!important;
  height:146px!important;
  min-height:146px!important;
  aspect-ratio:auto!important;
}
.continue-page-copy{
  align-self:center!important;
  min-width:0!important;
  padding:18px 54px 18px 18px!important;
}
.continue-page-copy h2{
  font-size:18px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.continue-page-remove{
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
@media(max-width:700px){
  .continue-page-grid{display:flex!important;flex-direction:column!important;gap:8px!important}
  .continue-page-card{
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr)!important;
    min-height:108px!important;
  }
  .continue-page-media{
    width:116px!important;
    height:108px!important;
    min-height:108px!important;
  }
  .continue-page-copy{padding:10px 38px 10px 11px!important}
  .continue-page-copy h2{
    font-size:13px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .continue-page-remove{right:6px!important}
}


/* V6.1.29.2 — Continue Watching actual renderer fix */
.continue-section .continue-row-v2{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
}
.continue-section .continue-tile{
  flex:0 0 270px!important;
}
@media(max-width:700px){
  .continue-section .continue-tile{
    flex:0 0 76vw!important;
    max-width:300px!important;
  }
}


/* =========================================================
   V6.1.30 — My List responsive list + mobile scroll fix
   ========================================================= */
.mylist-page-v2{max-width:1180px;margin:0 auto;padding:108px 30px 42px;overflow:visible}
.mylist-head-v2{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.mylist-head-v2 h1{font-size:38px;margin:5px 0 4px;letter-spacing:-1px}
.mylist-head-v2 p{margin:0;color:#8f99a7}.mylist-count{padding:6px 10px;border:1px solid #303946;border-radius:999px;color:#9fa9b6;font-size:11px}
.mylist-filter-bar{display:flex;gap:8px;overflow-x:auto;padding:19px 0 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mylist-filter-bar::-webkit-scrollbar{display:none}
.mylist-filter-bar button{flex:0 0 auto;border:1px solid #303946;background:#11161d;color:#d7dce3;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:800;cursor:pointer}
.mylist-filter-bar button.active{background:#e50914;border-color:#e50914;color:#fff}
.mylist-list-v2{display:flex;flex-direction:column;gap:10px}
.mylist-item-v2{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;background:#0d1218;border:1px solid #252e39;border-radius:11px;overflow:hidden;min-height:144px}
.mylist-main-v2{display:grid;grid-template-columns:250px minmax(0,1fr);color:#fff;min-width:0}
.mylist-media-v2{position:relative;width:250px;min-height:144px;background:#151b22;overflow:hidden}
.mylist-media-v2 img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.mylist-fallback{height:100%;display:grid;place-items:center;font-size:44px;font-weight:900;color:#4b5664}
.mylist-hd,.mylist-season,.mylist-episode{position:absolute;bottom:8px;padding:4px 6px;border-radius:5px;background:rgba(5,8,12,.85);font-size:9px;font-weight:900}
.mylist-hd,.mylist-season{left:8px}.mylist-episode{left:45px}.mylist-season+.mylist-episode{left:45px}
.mylist-copy-v2{align-self:center;padding:16px 54px 16px 18px;min-width:0}
.mylist-copy-v2 h2{font-size:17px;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mylist-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.mylist-badges span{background:#202731;border-radius:5px;padding:4px 7px;font-size:9px;color:#d8dde4}
.mylist-badges .mylist-type{background:#e50914;color:#fff;font-weight:850}
.mylist-status{display:block;font-size:11px;margin:0 0 7px}.mylist-status.completed{color:#31d56d}.mylist-status.ongoing{color:#35d66e}
.mylist-meta{display:flex;gap:7px;color:#8994a2;font-size:10px}
.mylist-remove-v2{position:absolute;right:11px;top:11px;z-index:4;margin:0}
.mylist-remove-v2 button{width:31px;height:31px;border-radius:50%;border:1px solid #394351;background:#0a0e13;color:#fff;font-size:19px;display:grid;place-items:center;cursor:pointer}
.mylist-remove-v2 button:hover{background:#e50914;border-color:#e50914}
.mylist-empty-v2{text-align:center;padding:70px 20px;border:1px dashed #303946;border-radius:13px}.mylist-empty-v2>div{font-size:42px}.mylist-empty-v2 p{color:#8f99a7;margin:5px 0 18px}

@media(max-width:700px){
  html,body{overflow-x:hidden!important;max-width:100%!important}
  body.with-left-rail{touch-action:pan-y!important;overscroll-behavior-y:auto!important}
  .site-main,.mylist-page-v2{overflow:visible!important}
  .mylist-page-v2{padding:82px 10px 104px!important;width:auto!important;max-width:none!important}
  .mylist-head-v2{align-items:flex-start}.mylist-head-v2 h1{font-size:29px}.mylist-head-v2 p{font-size:12px}.mylist-count{font-size:9px}
  .mylist-filter-bar{margin:0 -10px;padding:16px 10px 11px;gap:6px;touch-action:pan-x}
  .mylist-filter-bar button{padding:7px 11px;font-size:10px}
  .mylist-list-v2{gap:7px;touch-action:pan-y}
  .mylist-item-v2{min-height:108px;border-radius:9px;display:block}
  .mylist-main-v2{grid-template-columns:112px minmax(0,1fr);min-height:108px}
  .mylist-media-v2{width:112px;min-height:108px}
  .mylist-copy-v2{padding:10px 37px 10px 10px}
  .mylist-copy-v2 h2{font-size:13px;margin-bottom:7px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .mylist-badges{gap:4px;margin-bottom:6px}.mylist-badges span{font-size:8px;padding:3px 5px}
  .mylist-status{font-size:10px;margin-bottom:5px}.mylist-meta{font-size:9px}
  .mylist-remove-v2{right:6px;top:50%;transform:translateY(-50%)}.mylist-remove-v2 button{width:27px;height:27px;font-size:17px}
  .mylist-hd,.mylist-season,.mylist-episode{bottom:5px;left:5px;font-size:7px;padding:3px 4px}.mylist-episode{left:37px!important}
}


/* =========================================================
   V6.1.30.1 — Mobile scroll + Continue arrows
   ========================================================= */
.continue-head-actions{display:flex;align-items:center;gap:7px}
.continue-head-actions>a{margin-left:2px}
.continue-shift{
  width:31px;height:31px;border-radius:50%;
  border:1px solid #343d49;background:#121820;color:#fff;
  display:grid;place-items:center;font-size:22px;line-height:1;
  cursor:pointer;transition:.18s ease;
}
.continue-shift:hover{background:#e50914;border-color:#e50914}
.continue-row-v2{
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:smooth;
}

@media(max-width:700px){
  html{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:auto!important;
  }
  body,
  body.with-left-rail{
    position:static!important;
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    overscroll-behavior-y:auto!important;
    touch-action:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .public-main,.site-main,.mylist-page-v2,.mylist-list-v2,.mylist-item-v2{
    touch-action:auto!important;
    overflow-y:visible!important;
  }
  .mylist-filter-bar{
    touch-action:auto!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch!important;
  }
  .mylist-main-v2,.mylist-media-v2,.mylist-copy-v2,
  .mylist-main-v2 img{
    touch-action:auto!important;
  }

  .continue-head-actions{gap:5px}
  .continue-shift{width:29px;height:29px;font-size:20px}
  .continue-head-actions>a{font-size:9px!important}
  .continue-row-v2{
    touch-action:auto!important;
    scroll-snap-type:none!important;
    overscroll-behavior-x:contain;
  }
  .continue-tile{scroll-snap-align:none!important}
}

/* give mobile page enough free space above bottom navigation */
@media(max-width:700px){
  .mylist-page-v2{padding-bottom:130px!important}
  .site-footer-v2{padding-bottom:74px!important}
}


/* =========================================================
   V6.1.31 — My List Management
   ========================================================= */
.mylist-toolbar{
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;margin-top:4px
}
.mylist-toolbar .mylist-filter-bar{flex:1;min-width:0}
.mylist-tools{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.mylist-tools label{
  display:flex;align-items:center;gap:7px;
  color:#8f99a7;font-size:10px;font-weight:750
}
.mylist-tools select{
  height:34px;border:1px solid #303946;border-radius:8px;
  background:#11161d;color:#fff;padding:0 28px 0 9px;
  font-size:10px;outline:0
}
.mylist-clear-btn{
  height:34px;border:1px solid #5b2730;border-radius:8px;
  background:#171014;color:#ff5b65;padding:0 11px;
  font-size:10px;font-weight:850;cursor:pointer
}
.mylist-clear-btn:hover{background:#e50914;border-color:#e50914;color:#fff}

@media(max-width:700px){
  .mylist-toolbar{display:block;margin-top:0}
  .mylist-tools{
    display:flex;justify-content:space-between;gap:7px;
    margin:0 0 12px
  }
  .mylist-tools label{flex:1;min-width:0}
  .mylist-tools select{flex:1;min-width:0;width:100%}
  .mylist-clear-btn{white-space:nowrap}
}


/* =========================================================
   V6.1.32 — Following Management
   ========================================================= */
.following-page-v2{max-width:1180px;margin:0 auto;padding:108px 30px 42px}
.following-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.following-head h1{font-size:38px;margin:5px 0 4px}.following-head p{margin:0;color:#8f99a7}
.following-count{padding:6px 10px;border:1px solid #303946;border-radius:999px;color:#9fa9b6;font-size:11px}
.following-filter{display:flex;gap:8px;overflow-x:auto;padding:18px 0 14px;scrollbar-width:none}
.following-filter::-webkit-scrollbar{display:none}
.following-filter button{flex:0 0 auto;border:1px solid #303946;background:#11161d;color:#d7dce3;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:800;cursor:pointer}
.following-filter button.active{background:#e50914;border-color:#e50914;color:#fff}
.following-list{display:flex;flex-direction:column;gap:10px}
.following-item{position:relative;background:#0d1218;border:1px solid #252e39;border-radius:11px;overflow:hidden;min-height:148px}
.following-main{display:grid;grid-template-columns:260px minmax(0,1fr);color:#fff}
.following-media{position:relative;width:260px;min-height:148px;background:#151b22;overflow:hidden}
.following-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.following-fallback{height:100%;display:grid;place-items:center;font-size:44px;font-weight:900;color:#4b5664}
.following-season,.following-episode{position:absolute;bottom:8px;padding:4px 6px;border-radius:5px;background:#e50914;color:#fff;font-size:9px;font-weight:900}
.following-season{left:8px}.following-episode{left:47px}
.following-copy{align-self:center;padding:16px 190px 16px 18px;min-width:0}
.following-copy h2{font-size:18px;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.following-badges{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px}.following-badges span{background:#202731;border-radius:5px;padding:4px 7px;font-size:9px}
.following-badges .following-type{background:#e50914;font-weight:850}
.following-status{display:block;color:#35d66e;font-size:11px;margin-bottom:6px}
.following-copy p{margin:0;color:#8d98a5;font-size:11px}.following-open{display:inline-block;margin-top:9px;font-size:10px;font-weight:850;color:#ff3944}
.following-remove{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:5;margin:0}
.following-remove button{border:1px solid #5b2730;background:#171014;color:#ff5b65;border-radius:8px;padding:9px 11px;font-size:10px;font-weight:850;cursor:pointer}
.following-remove button:hover{background:#e50914;border-color:#e50914;color:#fff}
.following-empty{text-align:center;padding:75px 20px;border:1px dashed #303946;border-radius:13px}.following-empty>div{font-size:40px}.following-empty p{color:#8f99a7;margin:5px 0 18px}

@media(max-width:700px){
  .following-page-v2{padding:82px 10px 118px}
  .following-head{align-items:flex-start}.following-head h1{font-size:29px}.following-head p{font-size:12px}.following-count{font-size:9px}
  .following-filter{margin:0 -10px;padding:15px 10px 10px;gap:6px;-webkit-overflow-scrolling:touch}
  .following-filter button{padding:7px 11px;font-size:10px}
  .following-list{gap:7px}
  .following-item{min-height:108px;border-radius:9px}
  .following-main{grid-template-columns:112px minmax(0,1fr);min-height:108px}
  .following-media{width:112px;min-height:108px}
  .following-copy{padding:10px 10px 40px 10px}
  .following-copy h2{font-size:13px;margin-bottom:7px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .following-badges{gap:4px;margin-bottom:5px}.following-badges span{font-size:8px;padding:3px 5px}
  .following-status{font-size:9px}.following-copy p{font-size:9px}.following-open{display:none}
  .following-remove{left:122px;right:8px;top:auto;bottom:7px;transform:none}
  .following-remove button{width:100%;padding:6px 8px;font-size:9px}
  .following-season,.following-episode{bottom:5px;font-size:7px;padding:3px 4px}.following-season{left:5px}.following-episode{left:37px}
}


/* =========================================================
   V6.1.33 — Overall Public UI Polish
   ========================================================= */

/* global spacing / sticky header safety */
:root{--bs-header-h:72px}
.public-main{min-width:0}
.archive-head,.listing-page,.notifications-page,.account-page,.search-page{
  scroll-margin-top:calc(var(--bs-header-h) + 16px);
}
.archive-head,.listing-page,.notifications-page{
  padding-top:108px!important;
}
.site-main,.public-main,.content-section,.listing-page,.notifications-page{
  max-width:100%!important;
}

/* active sidebar stronger and consistent */
.public-sidebar .sidebar-nav a.active{
  background:linear-gradient(90deg,#cf0710,#ed1520)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(229,9,20,.18)!important;
}
.public-sidebar .sidebar-nav a:hover:not(.active){
  background:#171d25!important;color:#fff!important;
}

/* forms/buttons */
.outline-btn,.watch-btn,.info-btn{
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.outline-btn:hover,.watch-btn:hover,.info-btn:hover{transform:translateY(-1px)}
button{touch-action:manipulation}

/* Notifications v2 */
.notifications-page-v2{max-width:1040px;margin:0 auto;padding-left:30px!important;padding-right:30px!important;padding-bottom:44px!important}
.notifications-head-v2{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.notifications-head-v2 h1{font-size:36px;margin:5px 0 4px}.notifications-head-v2 p{margin:0;color:#8f99a7}
.notification-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.notification-count{padding:6px 10px;border:1px solid #303946;border-radius:999px;color:#9fa9b6;font-size:11px}
.notification-list-v2{display:flex;flex-direction:column;gap:9px}
.notification-item-v2{position:relative;background:#0d1218;border:1px solid #252e39;border-radius:11px;overflow:hidden}
.notification-card-v2{display:grid!important;grid-template-columns:92px minmax(0,1fr) 28px!important;gap:13px!important;align-items:center;padding:10px 135px 10px 10px!important;border:0!important;background:transparent!important}
.notification-card-v2 img,.notification-card-v2 .notification-fallback{width:92px!important;height:72px!important;border-radius:7px!important;object-fit:cover!important}
.notification-copy-v2{min-width:0}.notification-copy-v2 h3{margin:3px 0 4px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-copy-v2 p{margin:0;color:#a4adb9;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-copy-v2 small{display:block;margin-top:6px;color:#ff4650;font-size:9px;font-weight:800}
.notification-read-form-v2{position:absolute;right:11px;top:50%;transform:translateY(-50%);margin:0}
.notification-read-form-v2 button{border:1px solid #394351;background:#11161d;color:#dce1e8;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800;cursor:pointer}
.notification-read-form-v2 button:hover{background:#e50914;border-color:#e50914;color:#fff}
.notification-empty-v2{text-align:center;padding:70px 20px!important}.notification-empty-v2>div{font-size:38px;margin-bottom:8px}

/* account page tool cards */
.account-tools{margin-top:18px}
.account-tools>div{background:#0d1218;border:1px solid #252e39;border-radius:12px;padding:16px}
.account-tools h2{margin:0 0 5px;font-size:16px}.account-tools p{color:#8f99a7;margin:0 0 12px;font-size:12px}

/* footer desktop alignment */
.site-footer-v2 .footer-main{max-width:1500px;margin:0 auto}
.site-footer-v2 .footer-bottom{max-width:1500px;margin:0 auto}

/* mobile universal scrolling */
@media(max-width:700px){
  :root{--bs-header-h:64px}
  html{
    height:auto!important;min-height:100%!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    scroll-behavior:auto!important;
  }
  body,body.with-left-rail{
    position:static!important;
    width:100%!important;max-width:100%!important;
    height:auto!important;min-height:100%!important;
    overflow-x:hidden!important;overflow-y:visible!important;
    touch-action:auto!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .public-main,.site-main,.listing-page,.notifications-page,.content-section{
    overflow:visible!important;touch-action:auto!important;
  }
  .archive-head,.listing-page,.notifications-page{
    padding-top:82px!important;
  }

  /* notification mobile row */
  .notifications-page-v2{padding-left:10px!important;padding-right:10px!important;padding-bottom:118px!important}
  .notifications-head-v2{align-items:flex-start;flex-direction:column;margin-bottom:12px}
  .notifications-head-v2 h1{font-size:28px}.notifications-head-v2 p{font-size:12px;line-height:1.5}
  .notification-head-actions{width:100%;justify-content:space-between}
  .notification-card-v2{
    grid-template-columns:82px minmax(0,1fr) 18px!important;
    gap:9px!important;padding:8px 8px 38px 8px!important;
  }
  .notification-card-v2 img,.notification-card-v2 .notification-fallback{width:82px!important;height:66px!important}
  .notification-copy-v2 h3{font-size:12px}.notification-copy-v2 p{font-size:9px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .notification-copy-v2 small{font-size:8px}
  .notification-read-form-v2{left:99px;right:8px;bottom:6px;top:auto;transform:none}
  .notification-read-form-v2 button{width:100%;padding:6px;font-size:9px}
  .notification-count{font-size:9px}

  /* footer compact and safe above bottom nav */
  .site-footer-v2{padding-bottom:78px!important}
  .footer-main{padding-left:16px!important;padding-right:16px!important}
  .footer-social{flex-wrap:wrap}
  .footer-bottom{padding-left:16px!important;padding-right:16px!important}

  /* floating nav never blocks page scroll */
  .public-mobile-float-nav{
    touch-action:manipulation!important;
    overscroll-behavior:contain;
  }

  /* all horizontal rows remain swipeable without trapping vertical gesture */
  .nf-row,.nf-top20,.continue-row-v2,.mylist-filter-bar,.following-filter{
    -webkit-overflow-scrolling:touch!important;
    touch-action:auto!important;
  }
}

/* ultra-small phones */
@media(max-width:380px){
  .nf-header{padding-left:7px!important;padding-right:7px!important;gap:5px!important}
  .public-mobile-float-nav small{font-size:8px!important}
  .footer-bottom>div{gap:10px!important}
}


/* =========================================================
   V6.1.34 — Search + Explore UX
   ========================================================= */
.search-page-v2{max-width:1180px;margin:0 auto;padding:108px 30px 46px!important}
.search-head-v2{padding:0!important;margin-bottom:16px}.search-head-v2 h1{font-size:36px;margin:4px 0}.search-head-v2 p{margin:0;color:#8f99a7}
.search-large-v2{display:grid!important;grid-template-columns:minmax(0,1fr) 170px 88px;gap:8px;max-width:none!important;margin:0 0 10px!important}
.search-input-v2{display:flex;align-items:center;background:#10151c;border:1px solid #303946;border-radius:9px;padding:0 11px}
.search-input-v2 span{color:#788493;font-size:19px}.search-input-v2 input{border:0!important;background:transparent!important;width:100%;height:43px!important;color:#fff!important;outline:0;padding:0 9px!important}
.search-large-v2 select{border:1px solid #303946;border-radius:9px;background:#10151c;color:#fff;padding:0 10px}
.search-large-v2 button{border:0;border-radius:9px;background:#e50914;color:#fff;font-weight:850;cursor:pointer}
.search-quick-chips{display:flex;gap:7px;overflow-x:auto;padding:3px 0 18px;scrollbar-width:none}.search-quick-chips::-webkit-scrollbar{display:none}
.search-quick-chips a{flex:0 0 auto;border:1px solid #303946;background:#11161d;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800}
.search-quick-chips a:hover{background:#e50914;border-color:#e50914}
.search-empty-v2{text-align:center;padding:62px 20px!important}.search-empty-v2 p{color:#8f99a7}

.explore-head-v2{padding-bottom:16px!important}
.explore-body-v2{max-width:1500px;margin:0 auto}
.explore-filter-v2{display:block!important;background:#0d1218;border:1px solid #252e39;border-radius:12px;padding:14px!important;margin-bottom:18px}
.explore-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.explore-filter-grid label{display:grid;gap:6px}.explore-filter-grid label>span{font-size:9px;font-weight:850;color:#8994a2;text-transform:uppercase;letter-spacing:.6px}
.explore-filter-grid input,.explore-filter-grid select{width:100%;height:38px;border:1px solid #303946!important;border-radius:8px!important;background:#11161d!important;color:#fff!important;padding:0 9px!important;min-width:0}
.explore-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:11px}
.explore-actions a{padding:9px 13px;border:1px solid #303946;border-radius:8px;font-size:10px;font-weight:800;color:#c7ced7}
.explore-actions button{padding:10px 15px!important;border:0!important;border-radius:8px!important;background:#e50914!important;color:#fff!important;font-size:10px!important;font-weight:850!important}
.explore-results-head{display:flex!important;align-items:center!important;justify-content:space-between!important}
.explore-results-head span{font-size:10px;color:#ff424c}
.explore-mobile-bar{display:none}

@media(max-width:900px){
  .explore-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .search-page-v2{padding:82px 10px 118px!important}
  .search-head-v2 h1{font-size:27px}
  .search-large-v2{grid-template-columns:minmax(0,1fr) 76px!important}
  .search-large-v2 select{grid-column:1/-1;height:38px;order:3}
  .search-input-v2{min-width:0}.search-large-v2 button{min-height:42px}
  .search-quick-chips{margin:0 -10px;padding:3px 10px 14px;-webkit-overflow-scrolling:touch}

  .explore-head-v2{padding-bottom:8px!important}
  .explore-body-v2{padding-left:10px!important;padding-right:10px!important;padding-bottom:115px!important}
  .explore-mobile-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
  .explore-mobile-bar button{border:1px solid #303946;background:#11161d;color:#fff;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:850}
  .explore-mobile-bar button b{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:5px;background:#e50914;border-radius:999px;font-size:8px}
  .explore-mobile-bar span{color:#8994a2;font-size:10px}
  .explore-filter-v2{display:none!important;padding:10px!important;margin-bottom:12px}
  .explore-filter-v2.is-open{display:block!important}
  .explore-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .explore-actions{justify-content:space-between}.explore-actions a,.explore-actions button{flex:1;text-align:center}
  .explore-results-head{margin-top:5px!important}
}
@media(max-width:380px){
  .explore-filter-grid{grid-template-columns:1fr}
}


/* =========================================================
   V6.1.35 — Detail + Episode Watching UX
   ========================================================= */
.detail-primary-watch{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 17px;border-radius:8px;
  background:#e50914;color:#fff;font-size:11px;font-weight:900;
  box-shadow:0 8px 22px rgba(229,9,20,.18);
  transition:.18s ease
}
.detail-primary-watch:hover{background:#ff1722;transform:translateY(-1px)}
#watch-content{scroll-margin-top:88px}
.detail-actions{flex-wrap:wrap}

/* detail info readability */
.detail-info .synopsis{max-width:760px}
.detail-meta,.genres{flex-wrap:wrap}
.detail-meta span,.genres span{white-space:nowrap}

/* season/episode browser */
.episode-browser{max-width:1500px;margin-left:auto;margin-right:auto}
.season-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}
.season-tabs::-webkit-scrollbar{display:none}
.episode-card{transition:transform .16s ease,border-color .16s ease}
.episode-card:hover{transform:translateY(-2px);border-color:#3b4654}

/* episode player header */
.episode-watch-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px}
.episode-watch-head h1{margin-bottom:0}
.episode-top-nav{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.episode-top-nav a{
  min-width:34px;height:34px;padding:0 9px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #343d49;border-radius:8px;background:#11161d;
  color:#fff;font-size:21px;font-weight:800
}
.episode-top-nav a:hover{background:#e50914;border-color:#e50914}
.episode-top-nav .episode-list-btn{font-size:9px;min-width:auto;padding:0 11px;text-transform:uppercase;letter-spacing:.4px}
.episode-step-nav a{border-radius:8px}
.episode-pills{-webkit-overflow-scrolling:touch}

/* player area visual hierarchy */
.watch-area{scroll-margin-top:88px}
.watch-area>.section-head{margin-bottom:11px}
.episode-description{max-width:1000px;line-height:1.65}

@media(max-width:700px){
  #watch-content,.watch-area{scroll-margin-top:72px}
  .detail-hero{min-height:520px!important}
  .detail-shade{padding-top:92px!important;padding-bottom:32px!important}
  .detail-info h1{font-size:34px!important;line-height:1.02!important}
  .detail-info .synopsis{
    font-size:12px!important;line-height:1.55!important;
    display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;
    overflow:hidden
  }
  .detail-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}
  .detail-primary-watch{grid-column:1/-1;min-height:42px;font-size:12px}
  .detail-actions .outline-btn{width:100%;min-height:38px;padding:8px!important;font-size:10px!important}

  .episode-browser{padding-bottom:10px}
  .season-tabs{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  .season-tab{flex:0 0 auto!important}

  .episode-page{padding-left:10px!important;padding-right:10px!important;padding-bottom:118px!important}
  .episode-breadcrumb{overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .episode-breadcrumb::-webkit-scrollbar{display:none}
  .episode-watch-head{align-items:flex-start!important}
  .episode-watch-head h1{font-size:18px!important;line-height:1.2!important}
  .episode-top-nav{gap:4px}
  .episode-top-nav a{min-width:31px;height:31px;font-size:18px;padding:0 7px}
  .episode-top-nav .episode-list-btn{display:none}
  .episode-step-nav{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:5px!important}
  .episode-step-nav a{font-size:9px!important;padding:8px 5px!important;text-align:center}
  .episode-step-nav a:last-child{text-align:right}
  .episode-pills{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:7px!important;scrollbar-width:none}
  .episode-pills::-webkit-scrollbar{display:none}
  .episode-pills a{flex:0 0 auto!important}
}


/* =========================================================
   V6.1.36 — Archive Sort + Pagination
   ========================================================= */
.archive-head-v2{padding-bottom:16px!important}
.archive-body-v2{max-width:1500px;margin:0 auto}
.archive-toolbar-v2{
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;margin:0 0 18px
}
.archive-sort-chips{
  display:flex;align-items:center;gap:7px;overflow-x:auto;
  scrollbar-width:none;-webkit-overflow-scrolling:touch
}
.archive-sort-chips::-webkit-scrollbar{display:none}
.archive-sort-chips a{
  flex:0 0 auto;padding:8px 12px;border:1px solid #303946;
  border-radius:999px;background:#11161d;color:#c8d0d9;
  font-size:10px;font-weight:850;transition:.16s ease
}
.archive-sort-chips a:hover{background:#181f28;color:#fff}
.archive-sort-chips a.active{
  background:#e50914;border-color:#e50914;color:#fff;
  box-shadow:0 6px 18px rgba(229,9,20,.16)
}
.archive-page-info{flex:0 0 auto;color:#7f8a98;font-size:10px}

.pagination-v2{
  display:grid!important;grid-template-columns:150px minmax(0,1fr) 150px;
  align-items:center;gap:10px;margin:28px auto 6px!important
}
.pagination-v2 .page-numbers{
  display:flex;align-items:center;justify-content:center;gap:6px;min-width:0
}
.pagination-v2 a,.pagination-v2 .page-nav,.pagination-v2 .dots{
  min-width:34px;height:34px;display:inline-flex;align-items:center;
  justify-content:center;border-radius:8px
}
.pagination-v2 a{
  border:1px solid #303946;background:#11161d;color:#d9dee5;
  font-size:10px;font-weight:800
}
.pagination-v2 a:hover{border-color:#e50914;color:#fff}
.pagination-v2 a.active{background:#e50914;border-color:#e50914;color:#fff}
.pagination-v2 .page-nav{min-width:0;padding:0 12px;gap:6px}
.pagination-v2 .page-prev{justify-self:start}.pagination-v2 .page-next{justify-self:end}
.pagination-v2 .disabled{
  border:1px solid #242b34;color:#59616b;background:#0d1116;
  font-size:10px;opacity:.7
}
.pagination-v2 .dots{color:#697482;font-size:12px}

@media(max-width:700px){
  .archive-head-v2{padding-bottom:8px!important}
  .archive-body-v2{padding-left:10px!important;padding-right:10px!important;padding-bottom:116px!important}
  .archive-toolbar-v2{display:block;margin:0 -10px 14px}
  .archive-sort-chips{padding:0 10px 8px}
  .archive-sort-chips a{padding:7px 11px;font-size:9px}
  .archive-page-info{padding:0 10px;font-size:9px}

  .pagination-v2{
    grid-template-columns:38px minmax(0,1fr) 38px;
    gap:5px;margin-top:22px!important
  }
  .pagination-v2 .page-nav{
    width:38px;min-width:38px;height:34px;padding:0;font-size:18px
  }
  .pagination-v2 .page-nav span{display:none}
  .pagination-v2 .page-numbers{gap:4px;overflow:hidden}
  .pagination-v2 .page-numbers a,.pagination-v2 .dots{min-width:31px;height:31px;font-size:9px}
}


/* =========================================================
   V6.1.37 — Card Performance Optimization
   ========================================================= */
.poster-card{contain:layout paint style}
.poster-media img{
  content-visibility:auto;
  backface-visibility:hidden;
}
.poster-grid{align-items:start}
@media(max-width:700px){
  .poster-card{contain:layout paint}
}


/* =========================================================
   V6.1.38 — Homepage Row Performance
   ========================================================= */
.nf-row-section{
  content-visibility:auto;
  contain-intrinsic-size:auto 390px;
}
.nf-card,.nf-top-card{
  contain:layout paint style;
}
.nf-card-media img,.nf-top-poster img{
  content-visibility:auto;
  backface-visibility:hidden;
}
.nf-row,.nf-top20{
  overscroll-behavior-inline:contain;
}
@media(max-width:700px){
  .nf-row-section{contain-intrinsic-size:auto 300px}
  .nf-card,.nf-top-card{contain:layout paint}
}


/* =========================================================
   V6.1.39 — Account Dashboard Polish
   ========================================================= */
.account-dashboard-v2{max-width:1450px;margin:0 auto}
.profile-hero-v2{
  border:1px solid #27303a;background:
  radial-gradient(circle at 90% 10%,rgba(229,9,20,.12),transparent 26%),
  linear-gradient(145deg,#11161d,#0b0f14);
  border-radius:16px;padding:22px
}
.profile-actions-v2{align-self:flex-start}
.account-stat-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;margin:14px 0
}
.account-stat-grid>a{
  min-height:104px;display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;padding:16px;border:1px solid #29323d;border-radius:12px;
  background:#0e1319;transition:.16s ease
}
.account-stat-grid>a:hover{transform:translateY(-2px);border-color:#e50914;background:#121820}
.account-stat-icon{font-size:15px;color:#ff313c;margin-bottom:10px}
.account-stat-grid strong{font-size:25px;line-height:1;color:#fff}
.account-stat-grid small{margin-top:6px;font-size:9px;font-weight:850;color:#8893a0;text-transform:uppercase;letter-spacing:.5px}

.account-shortcuts-v2{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;margin-bottom:22px
}
.account-shortcuts-v2>a{
  position:relative;display:grid;gap:4px;padding:14px 38px 14px 14px;
  background:#10151b;border:1px solid #28313b;border-radius:11px
}
.account-shortcuts-v2>a:hover{border-color:#475363;background:#141a22}
.account-shortcuts-v2 span{font-size:11px;font-weight:850;color:#fff}
.account-shortcuts-v2 small{font-size:9px;color:#818c99;line-height:1.4}
.account-shortcuts-v2 b{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;color:#6d7885}

.account-tools-v2{margin-top:22px!important;border-radius:12px!important}

@media(max-width:1050px){
  .account-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .account-shortcuts-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .account-dashboard-v2{padding-left:10px!important;padding-right:10px!important;padding-bottom:118px!important}
  .profile-hero-v2{padding:15px!important;border-radius:12px!important}
  .profile-actions-v2{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:7px!important}
  .profile-actions-v2 a{width:100%;text-align:center;justify-content:center;font-size:9px!important;padding:9px 6px!important}
  .profile-actions-v2 .watch-btn{grid-column:1/-1}
  .account-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0
  }
  .account-stat-grid>a{min-height:86px;padding:12px}
  .account-stat-grid strong{font-size:21px}
  .account-stat-icon{margin-bottom:7px}
  .account-stat-grid>a:last-child{grid-column:1/-1}
  .account-shortcuts-v2{grid-template-columns:1fr;gap:7px;margin-bottom:18px}
  .account-shortcuts-v2>a{padding:12px 36px 12px 12px}
  .account-tools-v2{display:block!important}
  .account-tools-v2 form{margin-top:10px}
  .account-tools-v2 button{width:100%}
}


/* =========================================================
   V6.1.39.1 — Account Header Overlap Fix
   ========================================================= */
/* Account dashboard must start below the fixed public header. */
.account-dashboard-v2{
  padding-top:92px!important;
}

/* Keep profile actions inside the hero instead of sliding under header. */
.profile-hero-v2{
  position:relative;
  overflow:hidden;
}
.profile-actions-v2{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  transform:none!important;
  z-index:1;
}

@media(max-width:700px){
  .account-dashboard-v2{
    padding-top:76px!important;
  }
}


/* =========================================================
   V6.1.39.2 — Account Subpages Header Spacing Fix
   ========================================================= */
.profile-edit-page,
.account-security-page,
.account-activity-page,
.account-page{
  padding-top:92px!important;
}

/* Keep the account cards below the fixed public header. */
.profile-edit-card,
.security-card,
.activity-card,
.account-card{
  position:relative;
  top:auto!important;
  transform:none!important;
}

/* Anchor/account pages remain safely readable on narrow screens. */
@media(max-width:700px){
  .profile-edit-page,
  .account-security-page,
  .account-activity-page,
  .account-page{
    padding-top:76px!important;
    padding-bottom:118px!important;
  }
}


/* =========================================================
   V6.1.40 — Personal Lists Performance & Accuracy
   ========================================================= */
.mylist-item-v2,.following-item{contain:layout paint style}
.mylist-media-v2 img,.following-media img{backface-visibility:hidden}
@media(max-width:700px){
  .mylist-item-v2,.following-item{contain:layout paint}
}


/* =========================================================
   V6.1.41 — History + Continue Watching Polish
   ========================================================= */
.history-page-v2{max-width:1450px;margin:0 auto}
.history-head-v2{align-items:flex-end!important}
.history-count{
  flex:0 0 auto;padding:7px 10px;border:1px solid #303946;
  border-radius:999px;background:#11161d;color:#9ca7b4;
  font-size:9px;font-weight:850
}
.history-item,.continue-page-card{contain:layout paint style}
.history-main img,.continue-page-media img{backface-visibility:hidden}
.history-copy p{color:#8994a2!important}
.history-filters{
  overflow-x:auto;flex-wrap:nowrap!important;
  scrollbar-width:none;-webkit-overflow-scrolling:touch
}
.history-filters::-webkit-scrollbar{display:none}
.history-filters a{flex:0 0 auto}

/* Keep personal pages safely below fixed header. */
.history-page-v2,.continue-page{
  padding-top:92px!important;
}

@media(max-width:700px){
  .history-page-v2,.continue-page{
    padding-top:76px!important;
    padding-bottom:118px!important
  }
  .history-head-v2{align-items:flex-start!important;gap:10px!important}
  .history-count{margin-top:4px}
  .history-filters{
    margin-left:-10px!important;margin-right:-10px!important;
    padding-left:10px!important;padding-right:10px!important
  }
  .history-item,.continue-page-card{contain:layout paint}
}


/* =========================================================
   V6.1.42 — Trailer System
   ========================================================= */
.detail-trailer-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}
.trailer-modal{
  position:fixed;inset:0;z-index:99999;display:none;
  align-items:center;justify-content:center;padding:24px
}
.trailer-modal.open{display:flex}
.trailer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}
.trailer-dialog{
  position:relative;z-index:1;width:min(1100px,94vw);
  border:1px solid #30343b;border-radius:16px;background:#050607;
  box-shadow:0 28px 90px rgba(0,0,0,.7);overflow:visible
}
.trailer-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#000}
.trailer-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.trailer-close{
  position:absolute;right:-12px;top:-12px;z-index:3;width:38px;height:38px;
  border:1px solid #424850;border-radius:50%;background:#11151a;color:#fff;
  font-size:24px;line-height:1;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.45)
}
.trailer-close:hover{background:#e50914;border-color:#e50914}
body.trailer-open{overflow:hidden!important}
@media(max-width:700px){
  .trailer-modal{padding:12px}
  .trailer-dialog{width:100%;border-radius:12px}
  .trailer-frame{border-radius:12px}
  .trailer-close{right:5px;top:-46px}
  .detail-actions .detail-trailer-btn{min-height:42px}
}


/* =========================================================
   V6.1.43 — Download Page + Settings
   ========================================================= */
.download-page-v2{
  max-width:1100px;margin:0 auto;padding:92px 20px 70px
}
.download-card-v2{
  display:grid;grid-template-columns:minmax(260px,42%) 1fr;
  overflow:hidden;border:1px solid #252c35;border-radius:20px;
  background:linear-gradient(145deg,#11161d,#090c10);
  box-shadow:0 24px 80px rgba(0,0,0,.38)
}
.download-cover-v2{min-height:430px;background:#080a0d;overflow:hidden}
.download-cover-v2 img{width:100%;height:100%;object-fit:cover;display:block}
.download-copy-v2{padding:42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.download-copy-v2 h1{font-size:32px;line-height:1.08;margin:7px 0 4px}
.download-copy-v2 h2{font-size:18px;color:#b8c0ca;margin:0 0 16px}
.download-copy-v2 p{color:#929daa;line-height:1.7;max-width:650px}
.download-meta-v2{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.download-meta-v2 span,.download-quality-v2{
  padding:6px 10px;border-radius:999px;background:#171d25;border:1px solid #2a333e;
  color:#cbd3dc;font-size:11px;font-weight:800
}
.download-quality-v2{margin-bottom:7px}
.download-countdown-v2{width:100%;margin:16px 0 12px;padding:13px 15px;border-radius:12px;background:#151a21;color:#aeb7c2;text-align:center}
.download-countdown-v2 strong{color:#fff}
.download-countdown-v2.ready{color:#7ee2a8;border:1px solid rgba(74,222,128,.22)}
.download-final-btn{
  width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;
  border-radius:12px;background:#e50914;color:#fff!important;font-weight:900;text-decoration:none;
  transition:.2s ease
}
.download-final-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.download-final-btn.disabled{background:#343b45;color:#77818d!important;cursor:not-allowed;pointer-events:auto}
.download-back-v2{margin-top:16px;color:#8994a2!important;text-decoration:none}
.download-ad-slot{display:flex;justify-content:center;align-items:center;text-align:center;margin:18px auto}
.download-ad-top{margin-top:0;margin-bottom:18px}
.download-ad-bottom{margin-top:18px}
@media(max-width:700px){
  .download-page-v2{padding:76px 12px 120px}
  .download-card-v2{grid-template-columns:1fr;border-radius:15px}
  .download-cover-v2{min-height:0;aspect-ratio:16/9}
  .download-copy-v2{padding:24px 18px 22px}
  .download-copy-v2 h1{font-size:25px}
  .download-copy-v2 h2{font-size:16px}
}


/* V6.1.43.1 — Download Ads Manager integration */
.download-ad-slot{
  width:100%;
  min-height:0;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:visible
}
.download-ad-slot > *{margin-left:auto!important;margin-right:auto!important}
.download-ad-slot iframe,.download-ad-slot img{
  max-width:100%!important
}


/* V6.1.46 — Static Information Pages */
.static-page-v2{padding:44px 24px 70px}
.static-page-shell{max-width:1040px;margin:0 auto}
.static-page-head{max-width:760px;margin-bottom:24px}
.static-page-head h1{font-size:clamp(30px,5vw,48px);margin:7px 0 10px}
.static-page-head p{color:var(--muted,#aaa);font-size:16px;line-height:1.7}
.static-page-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:26px}
.static-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.static-grid article{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px}
.static-grid h2,.static-legal h2{font-size:19px;margin:0 0 10px}
.static-grid p,.static-legal p,.static-legal li{color:#c9c9c9;line-height:1.75}
.static-page-card a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.static-legal h2{margin-top:26px}
.static-legal h2:first-child{margin-top:0}
.static-legal ul{padding-left:22px}
.report-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.report-chip-row span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.static-contact-box{margin:22px 0;padding:18px;border-radius:14px;background:rgba(229,9,20,.08);border:1px solid rgba(229,9,20,.28);display:flex;align-items:center;justify-content:space-between;gap:14px}
.static-contact-box .watch-btn{text-decoration:none;white-space:nowrap}
@media(max-width:720px){
 .static-page-v2{padding:28px 14px 96px}
 .static-page-card{padding:17px}
 .static-grid{grid-template-columns:1fr}
 .static-contact-box{align-items:flex-start;flex-direction:column}
}


/* V6.1.47 — Report System */
.report-form-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);gap:18px;align-items:start}
.report-public-form{display:grid;gap:16px}
.report-public-form label{display:grid;gap:7px;font-weight:700}
.report-public-form label small{font-weight:400;color:#999}
.report-public-form input,.report-public-form select,.report-public-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);background:#111318;color:#fff;border-radius:10px;padding:12px 13px;font:inherit;outline:none}
.report-public-form textarea{resize:vertical;min-height:150px}
.report-public-form input:focus,.report-public-form select:focus,.report-public-form textarea:focus{border-color:rgba(229,9,20,.75);box-shadow:0 0 0 3px rgba(229,9,20,.1)}
.report-context{padding:13px 14px;border-radius:11px;background:rgba(229,9,20,.07);border:1px solid rgba(229,9,20,.22);display:grid;gap:3px}
.report-context small{color:#aaa}.report-context strong{font-size:15px}
.report-submit-btn{border:0;cursor:pointer;justify-content:center;min-height:44px}
.report-help-card{position:sticky;top:86px}
.report-help-card h2{margin-top:0}
.report-public-alert{padding:14px 16px;border-radius:12px;margin-bottom:16px;display:grid;gap:3px}
.report-public-alert.success{background:rgba(30,160,80,.1);border:1px solid rgba(30,160,80,.3)}
.report-public-alert.error{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.3)}
.detail-report-btn{text-decoration:none!important}
.episode-report-btn{font-size:17px}
@media(max-width:760px){
 .report-form-layout{grid-template-columns:1fr}
 .report-help-card{position:static}
 .detail-actions .detail-report-btn{flex:1 1 auto}
}


/* V6.1.48 — Final rendering performance */
.nf-row-section,.episode-browser,.site-section{content-visibility:auto;contain-intrinsic-size:1px 560px}
.nf-card,.episode-card{contain:layout paint style}
img{height:auto}


/* BSSTUDIO V7.0.1.2 — Branding public visibility */
.sidebar-brand-logo{
  display:block;
  width:min(var(--bs-logo-desktop,190px),128px);
  max-width:128px;
  max-height:36px;
  object-fit:contain;
  object-position:left center;
  opacity:0;
  transform:translateX(-5px);
  transition:opacity .18s ease,transform .18s ease;
}
.public-sidebar:hover .sidebar-brand-logo,
body.bs-sidebar-expanded .public-sidebar .sidebar-brand-logo{
  opacity:1;
  transform:none;
}
.public-sidebar:hover .sidebar-brand-mark,
body.bs-sidebar-expanded .public-sidebar .sidebar-brand-mark{
  display:none;
}
.footer-logo-img{
  display:block;
  width:min(var(--bs-logo-desktop,190px),170px);
  max-width:100%;
  max-height:46px;
  object-fit:contain;
  object-position:left center;
}
@media (max-width:760px){
  .footer-logo-img{
    width:min(var(--bs-logo-mobile,135px),145px);
    max-height:38px;
  }
}

/* BSSTUDIO V7.0.1.3 — custom BS sidebar mark */
.sidebar-brand-mark{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible;
}
.sidebar-brand-mark img{
  display:block;
  width:38px;
  height:38px;
  object-fit:contain;
}
/* BSSTUDIO TurboVid Zeta-adapted layout v1.7.13 */
.player-frame#mainPlayerHost{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  max-height:min(72vh,720px);
  overflow:hidden !important;
  background:#000 !important;
}
.player-frame#mainPlayerHost .bsstudio-turbovid-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  background:#000 !important;
}
@media(max-width:767px){
  .player-frame#mainPlayerHost{max-height:none;aspect-ratio:16/9 !important;}
}


/* =========================================================
   BSSTUDIO — My List mobile horizontal row
   Desktop tetap list; mobile menjadi 1 baris geser horizontal.
   ========================================================= */
@media(max-width:700px){
  .mylist-list-v2{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 10px 14px!important;
    margin-left:-10px!important;
    margin-right:-10px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pan-y!important;
  }
  .mylist-list-v2::-webkit-scrollbar{display:none!important}
  .mylist-item-v2{
    flex:0 0 145px!important;
    width:145px!important;
    min-width:145px!important;
    min-height:0!important;
    display:block!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    scroll-snap-align:start!important;
  }
  .mylist-main-v2{
    display:block!important;
    min-height:0!important;
  }
  .mylist-media-v2{
    width:145px!important;
    height:216px!important;
    min-height:216px!important;
    border-radius:9px!important;
    overflow:hidden!important;
    background:#151b22!important;
  }
  .mylist-media-v2 img{
    width:100%!important;height:100%!important;
    object-fit:cover!important;
  }
  .mylist-copy-v2{
    padding:8px 1px 0!important;
  }
  .mylist-copy-v2 h2{
    font-size:12px!important;
    line-height:1.25!important;
    margin:0 0 5px!important;
    white-space:nowrap!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mylist-badges{display:none!important}
  .mylist-status{
    display:inline!important;
    font-size:9px!important;
    color:#8994a2!important;
    margin:0!important;
  }
  .mylist-meta{
    display:inline-flex!important;
    gap:4px!important;
    font-size:9px!important;
  }
  .mylist-remove-v2{
    right:5px!important;
    top:5px!important;
    transform:none!important;
  }
  .mylist-remove-v2 button{
    width:25px!important;height:25px!important;font-size:15px!important;
    background:rgba(5,8,12,.86)!important;
  }
  .mylist-hd,.mylist-season,.mylist-episode{
    z-index:3!important;
  }
}


/* =========================================================
   BSSTUDIO — My List horizontal on desktop too
   ========================================================= */
@media(min-width:701px){
  .mylist-list-v2{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 2px 18px!important;
    scroll-behavior:smooth!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .mylist-item-v2{
    flex:0 0 190px!important;
    width:190px!important;
    min-width:190px!important;
    min-height:0!important;
    display:block!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    scroll-snap-align:start!important;
  }
  .mylist-main-v2{display:block!important;min-height:0!important}
  .mylist-media-v2{
    width:190px!important;
    height:285px!important;
    min-height:285px!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }
  .mylist-media-v2 img{width:100%!important;height:100%!important;object-fit:cover!important}
  .mylist-copy-v2{padding:10px 2px 0!important}
  .mylist-copy-v2 h2{
    font-size:14px!important;line-height:1.3!important;margin:0 0 6px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .mylist-badges{display:none!important}
  .mylist-status{display:inline!important;font-size:10px!important;color:#8994a2!important;margin:0!important}
  .mylist-meta{display:inline-flex!important;gap:5px!important;font-size:10px!important}
  .mylist-remove-v2{right:6px!important;top:6px!important;transform:none!important}
  .mylist-remove-v2 button{width:28px!important;height:28px!important;font-size:16px!important;background:rgba(5,8,12,.86)!important}
}


/* =========================================================
   BSSTUDIO — Homepage My List: one horizontal row
   Targets ONLY site_section("My List"), not /my-list page.
   ========================================================= */
.home-my-list-section .poster-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  grid-template-columns:none!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 16px!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.home-my-list-section .poster-grid::-webkit-scrollbar{display:none!important}
.home-my-list-section .poster-card{
  flex:0 0 180px!important;
  width:180px!important;
  min-width:180px!important;
  max-width:180px!important;
  scroll-snap-align:start!important;
}
.home-my-list-section .poster-media{
  width:100%!important;
  aspect-ratio:2/3!important;
}
@media(max-width:700px){
  .home-my-list-section .poster-grid{
    gap:10px!important;
    margin-right:-14px!important;
    padding-right:14px!important;
  }
  .home-my-list-section .poster-card{
    flex-basis:145px!important;
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
  }
}


/* V7.0.3 FORCE — Homepage My List horizontal */
section[data-bs-home-mylist="1"] .poster-grid{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
  grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;
}
section[data-bs-home-mylist="1"] .poster-grid>.poster-card{
  flex:0 0 180px!important;width:180px!important;min-width:180px!important;max-width:180px!important;
}
@media(max-width:700px){
  section[data-bs-home-mylist="1"] .poster-grid>.poster-card{
    flex-basis:145px!important;width:145px!important;min-width:145px!important;max-width:145px!important;
  }
}

/* V7.0.4 — Homepage My List desktop arrow controls */
.home-mylist-head-actions{display:flex;align-items:center;gap:8px}
.home-mylist-shift{width:34px;height:34px;border-radius:50%;border:1px solid #343d49;background:#121820;color:#fff;display:grid;place-items:center;font-size:25px;line-height:1;cursor:pointer;padding:0}
.home-mylist-shift:hover{background:#e50914;border-color:#e50914}
@media(max-width:700px){.home-mylist-shift{display:none!important}}

/* V7.0.5.14 — BSSTUDIO App Download integration */
.bs-app-promo{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.55fr) minmax(250px,.72fr);gap:26px;align-items:center;margin:22px 28px 30px;padding:28px 30px;border:1px solid rgba(239,18,31,.7);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 63% 50%,rgba(229,9,20,.22),transparent 31%),linear-gradient(112deg,#10090b 0%,#080a0e 52%,#12080b 100%);box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)}
.bs-app-promo:after{content:"";position:absolute;inset:auto -5% -75% 38%;height:220px;background:radial-gradient(ellipse,rgba(229,9,20,.22),transparent 65%);pointer-events:none}.bs-app-promo-copy,.bs-app-promo-visual,.bs-app-promo-actions{position:relative;z-index:1}.bs-app-kicker{display:block;color:#ff2531;font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:8px}.bs-app-promo h2{font-size:clamp(25px,2.25vw,38px);line-height:1.08;margin:0 0 10px;color:#fff}.bs-app-promo h2 strong{color:#f20d1b}.bs-app-promo-copy>p{max-width:650px;color:#b8bec8;line-height:1.6;margin:0}.bs-app-features{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px}.bs-app-features span{font-size:12px;color:#e8ebef}.bs-app-features span::first-letter{color:#f20d1b}.bs-app-promo-visual{display:flex;align-items:center;justify-content:center;gap:13px}.bs-app-promo-visual img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 15px 28px rgba(229,9,20,.25))}.bs-app-promo-visual b{display:block;font-size:24px;color:#fff}.bs-app-promo-visual small{color:#9ba2ad}.bs-app-promo-actions{display:grid;gap:9px}.bs-app-promo-actions>small{color:#9ba2ad}.bs-device-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #2a3039;border-radius:11px;background:#0b0e13;color:#76d947;text-decoration:none}.bs-device-link span{display:flex;flex:1;flex-direction:column;color:#fff}.bs-device-link b{font-size:13px}.bs-device-link small{font-size:10px;color:#8f96a1;margin-top:2px}.bs-download-main{display:block;text-align:center;padding:13px 16px;border-radius:11px;background:linear-gradient(135deg,#f20d1b,#b70610);color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 10px 26px rgba(229,9,20,.2)}.bs-app-promo-actions em{text-align:center;color:#8f96a1;font-size:11px;font-style:normal}.footer-new-logo{width:190px!important;max-height:58px!important;object-fit:contain}.footer-mini-contact{display:grid;gap:5px;margin-top:16px}.footer-mini-contact a,.footer-mini-contact span{font-size:11px;color:#818995;text-decoration:none}.footer-apps{border:1px solid rgba(229,9,20,.24);border-radius:12px;padding:12px!important;background:rgba(229,9,20,.025)}.footer-download-btn{padding:10px 12px!important;border-radius:9px;background:linear-gradient(135deg,#e50914,#a9050d);color:#fff!important;font-weight:800;margin-bottom:5px}.footer-bottom a{color:inherit;text-decoration:none}
@media(max-width:1100px){.bs-app-promo{grid-template-columns:1fr .7fr}.bs-app-promo-actions{grid-column:1/-1;grid-template-columns:1fr 1fr 1.15fr;align-items:end}.bs-app-promo-actions>small,.bs-app-promo-actions>em{display:none}}
@media(max-width:760px){.bs-app-promo{margin:14px 12px 22px;padding:20px 17px;grid-template-columns:1fr;gap:17px}.bs-app-promo-visual{justify-content:flex-start}.bs-app-promo-visual img{width:72px;height:72px}.bs-app-promo-visual b{font-size:20px}.bs-app-promo-actions{grid-column:auto;grid-template-columns:1fr 1fr}.bs-download-main{grid-column:1/-1}.bs-app-features{gap:8px 12px}.bs-app-features span{font-size:11px}.footer-apps{padding:0!important;border:0;background:none}.footer-apps[open]>div{padding:8px 0 4px}.footer-mini-contact{margin-top:12px}}
@media(max-width:460px){.bs-device-link{padding:9px}.bs-device-link small{display:none}.bs-app-promo h2{font-size:25px}}

/* === BSSTUDIO v7.0.5.17 — final premium app banner === */
.bs-app-promo-v717{
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  min-height:0!important;
  background:
    radial-gradient(760px 300px at 72% 36%,rgba(220,0,18,.16),transparent 64%),
    linear-gradient(120deg,#08090c,#0b0c10 58%,#140508)!important;
  border:1px solid rgba(235,10,25,.38)!important;
}
.bs-app-promo-v717 .bs-app-promo-main{
  display:grid;grid-template-columns:minmax(330px,.85fr) minmax(470px,1.3fr);
  gap:22px;align-items:center;padding:23px 30px 17px;min-height:205px;
}
.bs-app-promo-v717 .bs-app-promo-copy{min-width:0}
.bs-app-promo-v717 .bs-app-kicker{font-size:10px;letter-spacing:.17em;color:#f32734;font-weight:900}
.bs-app-promo-v717 h2{font-size:31px;line-height:1.06;margin:7px 0 8px;max-width:520px}
.bs-app-promo-v717 h2 strong{color:#f10d1b}
.bs-app-promo-v717 .bs-app-promo-copy>p{font-size:14px;color:#b0b4bc;margin:0 0 15px}
.bs-app-promo-v717 .bs-download-main{
  display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;
  min-width:190px;padding:11px 20px!important;border-radius:10px!important;font-size:15px!important
}
.bs-app-promo-v717 .bs-app-promo-visual{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-width:0;text-decoration:none}
.bs-app-promo-v717 .bs-app-promo-visual>img{width:min(100%,560px)!important;height:auto!important;max-height:205px!important;object-fit:contain!important;filter:none!important}
.bs-app-benefits{
  display:grid;grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(3,4,7,.54);
}
.bs-app-benefit{
  min-width:0;display:flex;align-items:center;gap:10px;
  padding:12px 14px;border-right:1px solid rgba(255,255,255,.07)
}
.bs-app-benefit:last-child{border-right:0}
.bs-app-benefit>span{
  flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;
  border:1px solid rgba(235,10,25,.55);border-radius:50%;
  color:#f10d1b;background:rgba(235,10,25,.07);font-size:16px;font-weight:900
}
.bs-app-benefit b{display:block;font-size:12px;color:#fff;margin-bottom:2px}
.bs-app-benefit small{display:block;font-size:8px;line-height:1.35;color:#9399a4}
@media(max-width:980px){
  .bs-app-promo-v717 .bs-app-promo-main{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);padding:18px 20px 14px;min-height:180px}
  .bs-app-promo-v717 h2{font-size:25px}
  .bs-app-promo-v717 .bs-app-promo-visual>img{max-height:175px!important}
  .bs-app-benefit{padding:10px 8px;gap:7px}
  .bs-app-benefit>span{width:29px;height:29px;flex-basis:29px;font-size:13px}
  .bs-app-benefit b{font-size:10px}.bs-app-benefit small{font-size:7px}
}
@media(max-width:760px){
  .bs-app-promo-v717{margin:10px 8px 14px!important;border-radius:13px!important}
  .bs-app-promo-v717 .bs-app-promo-main{
    grid-template-columns:minmax(0,1fr) 128px!important;gap:8px!important;
    padding:10px 10px 8px!important;min-height:116px!important
  }
  .bs-app-promo-v717 .bs-app-kicker{font-size:6px!important;letter-spacing:.11em}
  .bs-app-promo-v717 h2{font-size:15px!important;line-height:1.08!important;margin:3px 0 4px!important}
  .bs-app-promo-v717 .bs-app-promo-copy>p{font-size:8px!important;margin:0 0 7px!important}
  .bs-app-promo-v717 .bs-download-main{min-width:0!important;padding:6px 10px!important;font-size:9px!important;border-radius:7px!important}
  .bs-app-promo-v717 .bs-app-promo-visual>img{width:128px!important;max-height:103px!important}
  .bs-app-benefits{
    display:flex!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    border-top:1px solid rgba(255,255,255,.07)
  }
  .bs-app-benefits::-webkit-scrollbar{display:none}
  .bs-app-benefit{flex:0 0 88px;padding:7px 7px;gap:5px;border-right:1px solid rgba(255,255,255,.06)}
  .bs-app-benefit>span{width:24px;height:24px;flex-basis:24px;font-size:10px}
  .bs-app-benefit b{font-size:8px;margin:0}
  .bs-app-benefit small{display:none}
}
@media(max-width:430px){
  .bs-app-promo-v717 .bs-app-promo-main{grid-template-columns:minmax(0,1fr) 108px!important;padding:8px!important;min-height:104px!important}
  .bs-app-promo-v717 h2{font-size:13px!important}
  .bs-app-promo-v717 .bs-app-promo-copy>p{font-size:7px!important}
  .bs-app-promo-v717 .bs-download-main{font-size:8px!important;padding:5px 8px!important}
  .bs-app-promo-v717 .bs-app-promo-visual>img{width:108px!important;max-height:90px!important}
  .bs-app-benefit{flex-basis:78px;padding:6px}
}




/* === BSSTUDIO v7.0.5.22 — single final mobile banner layout === */
@media(max-width:760px){
  .bs-app-promo-v717 .bs-app-promo-main{
    position:relative!important;
    display:block!important;
    height:116px!important;
    min-height:116px!important;
    padding:9px 9px 7px 14px!important;
    box-sizing:border-box!important;
  }
  .bs-app-promo-v717 .bs-app-promo-copy{
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:56%!important;
    max-width:56%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    z-index:3!important;
  }
  .bs-app-promo-v717 .bs-download-main{margin:0!important;width:auto!important}
  .bs-app-promo-v717 .bs-app-promo-visual{
    position:absolute!important;
    right:7px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:154px!important;
    height:108px!important;
    margin:0!important;
    z-index:1!important;
  }
  .bs-app-promo-v717 .bs-app-promo-visual>img{
    width:154px!important;
    max-width:none!important;
    max-height:108px!important;
  }
  .bs-app-promo-v717 .bs-app-benefits{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    overflow:hidden!important;
  }
  .bs-app-promo-v717 .bs-app-benefit{
    min-width:0!important;
    width:auto!important;
    padding:7px 2px!important;
    gap:2px!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .bs-app-promo-v717 .bs-app-benefit>span{
    width:20px!important;height:20px!important;flex:0 0 20px!important;font-size:9px!important;
  }
  .bs-app-promo-v717 .bs-app-benefit b{font-size:6.8px!important;white-space:nowrap!important;margin:0!important}
  .bs-app-promo-v717 .bs-app-benefit small{display:none!important}
}
@media(max-width:430px){
  .bs-app-promo-v717 .bs-app-promo-main{
    height:108px!important;
    min-height:108px!important;
    padding:8px!important;
  }
  .bs-app-promo-v717 .bs-app-promo-copy{
    left:12px!important;
    width:55%!important;
    max-width:55%!important;
  }
  .bs-app-promo-v717 .bs-app-promo-visual{
    right:5px!important;
    width:136px!important;
    height:98px!important;
  }
  .bs-app-promo-v717 .bs-app-promo-visual>img{
    width:136px!important;
    max-height:98px!important;
  }
}


/* === BSSTUDIO v7.0.5.23 — Premium footer with SVG icons === */
.footer-premium-v3{
  background:
    radial-gradient(620px 260px at 6% 0%,rgba(229,9,20,.055),transparent 66%),
    linear-gradient(180deg,#0a0d11,#07090c)!important;
}
.footer-premium-v3 .footer-main{
  grid-template-columns:minmax(280px,1.4fr) repeat(4,minmax(150px,.72fr))!important;
  gap:34px!important;
  padding:42px 4.5vw 34px!important;
}
.footer-premium-v3 .footer-logo-img{width:195px!important;max-height:62px!important}
.footer-tagline{
  display:block;margin-top:5px;color:#fff;font-size:8px;font-weight:700;
  letter-spacing:.28em;opacity:.82
}
.footer-premium-v3 .footer-desc{
  max-width:310px!important;margin-top:18px!important;
  color:#a0a8b3!important;line-height:1.7!important;font-size:12px!important
}
.footer-premium-v3 .footer-social{margin-top:17px}
.footer-premium-v3 .footer-social a{
  width:36px;height:36px;background:#0d1117;border-color:#2b323d;
  transition:.18s ease
}
.footer-premium-v3 .footer-social a:hover{
  transform:translateY(-2px);background:#141922;border-color:#e50914;color:#fff!important
}
.footer-premium-v3 .footer-col summary{
  position:relative;color:#ff2b36!important;font-size:12px!important;
  margin:7px 0 18px!important;padding-bottom:8px
}
.footer-premium-v3 .footer-col summary:before{
  content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;
  border-radius:2px;background:#e50914
}
.footer-premium-v3 .footer-col>div{gap:7px!important}
.footer-premium-v3 .footer-col a{
  display:flex!important;align-items:center;gap:10px;
  min-height:34px;padding:5px 7px!important;margin-left:-7px;
  border-radius:8px;text-decoration:none!important;
  color:#c4cbd4!important;transition:.17s ease
}
.footer-premium-v3 .footer-col a:hover{
  color:#fff!important;background:rgba(255,255,255,.035);transform:translateX(2px)
}
.footer-link-icon{
  width:22px;height:22px;flex:0 0 22px;
  display:grid;place-items:center;color:#e7ebef
}
.footer-link-icon svg{
  width:19px;height:19px;display:block;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round
}
.footer-premium-v3 .footer-apps{
  border:1px solid rgba(229,9,20,.36)!important;
  background:linear-gradient(145deg,rgba(229,9,20,.045),rgba(255,255,255,.012))!important;
  border-radius:14px!important;padding:14px 15px!important;margin-top:-5px
}
.footer-premium-v3 .footer-apps summary{margin-top:0!important}
.footer-premium-v3 .footer-apps a{margin-left:0!important}
.footer-premium-v3 .footer-apps .footer-link-icon{color:#7bdd48}
.footer-premium-v3 .footer-download-btn{
  min-height:42px!important;margin:1px 0 6px!important;padding:9px 12px!important;
  background:linear-gradient(135deg,#ee1420,#bd0711)!important;
  box-shadow:0 8px 24px rgba(229,9,20,.16);
  color:#fff!important;font-weight:800!important
}
.footer-premium-v3 .footer-download-btn .footer-link-icon{color:#fff}
.footer-trust{
  display:flex;align-items:center;gap:10px;
  max-width:270px;margin-top:18px;padding:11px 12px;
  border:1px solid #29313b;border-radius:11px;background:#0c1015
}
.footer-trust>.footer-link-icon{
  width:34px;height:34px;flex-basis:34px;color:#f01925;
  border:1px solid rgba(229,9,20,.4);border-radius:9px
}
.footer-trust>.footer-link-icon svg{width:22px;height:22px}
.footer-trust b{display:block;color:#f0f2f5;font-size:11px}
.footer-trust small{display:block;color:#7f8996;font-size:9px;margin-top:2px}
.footer-premium-v3 .footer-mini-contact{display:none!important}
.footer-premium-v3 .footer-bottom{
  min-height:70px!important;padding:0 4.5vw!important;
  display:grid!important;grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;gap:20px!important
}
.footer-bottom-note{
  display:flex;align-items:center;gap:8px;min-width:0;
  color:#89929e
}
.footer-bottom-note>.footer-link-icon{color:#f01925}
.footer-premium-v3 .footer-bottom>div{justify-self:end}
.server-status{display:inline-flex;align-items:center;gap:7px}
.server-status i{
  width:7px;height:7px;border-radius:50%;background:#45d36b;
  box-shadow:0 0 10px rgba(69,211,107,.42)
}

@media(max-width:1050px){
  .footer-premium-v3 .footer-main{
    grid-template-columns:1.25fr repeat(2,1fr)!important;
  }
  .footer-premium-v3 .footer-brand{grid-row:span 2}
  .footer-premium-v3 .footer-apps{margin-top:0}
}

@media(max-width:700px){
  .footer-premium-v3 .footer-main{
    display:block!important;padding:25px 16px 15px!important
  }
  .footer-premium-v3 .footer-brand{
    padding:0 0 20px!important;text-align:left
  }
  .footer-premium-v3 .footer-logo-img{width:162px!important;max-height:50px!important}
  .footer-tagline{font-size:7px;margin-top:3px}
  .footer-premium-v3 .footer-desc{
    max-width:310px!important;font-size:11px!important;line-height:1.6!important;margin-top:13px!important
  }
  .footer-premium-v3 .footer-social{margin-top:14px}
  .footer-premium-v3 .footer-social a{width:34px;height:34px}
  .footer-trust{
    max-width:none;margin-top:14px;padding:9px 10px
  }
  .footer-premium-v3 .footer-col{
    border:1px solid #242b34!important;border-radius:9px!important;
    margin:8px 0!important;background:#0b0e12!important;overflow:hidden
  }
  .footer-premium-v3 .footer-col summary{
    padding:13px 12px!important;margin:0!important;font-size:11px!important;
    color:#e7ebef!important
  }
  .footer-premium-v3 .footer-col summary:before{display:none}
  .footer-premium-v3 .footer-col summary:after{right:12px!important;top:11px!important}
  .footer-premium-v3 .footer-col[open] summary{color:#ff2632!important;background:rgba(229,9,20,.035)}
  .footer-premium-v3 .footer-col>div{padding:4px 8px 10px!important}
  .footer-premium-v3 .footer-col a{
    min-height:34px!important;padding:5px 7px!important;margin:0!important;font-size:11px!important
  }
  .footer-premium-v3 .footer-apps{
    padding:0!important;border:1px solid rgba(229,9,20,.58)!important;
    background:#0b0e12!important
  }
  .footer-premium-v3 .footer-apps[open]>div{padding:4px 8px 10px!important}
  .footer-premium-v3 .footer-download-btn{
    min-height:39px!important;margin:3px 0 6px!important;padding:8px 10px!important
  }
  .footer-premium-v3 .footer-bottom{
    min-height:118px!important;padding:16px 14px 84px!important;
    display:flex!important;flex-direction:column!important;gap:9px!important;text-align:center!important
  }
  .footer-bottom-note{justify-content:center}
  .footer-premium-v3 .footer-bottom>div{justify-self:auto!important;gap:10px!important}
  .footer-link-icon{width:20px;height:20px;flex-basis:20px}
  .footer-link-icon svg{width:17px;height:17px}
}


/* BSSTUDIO V7.0.5.31 — Anime-only compact episode browser
   Series/TV episode cards keep the existing layout. */
.anime-episode-browser .season-panel{
  background:linear-gradient(180deg,rgba(17,19,24,.72),rgba(10,11,14,.42));
  border:1px solid #20242c;
  border-radius:12px;
  padding:16px;
}
.anime-episode-browser .season-panel-head{
  margin:0 0 14px;
  padding:0 2px 12px;
  border-bottom:1px solid #242933;
}
.anime-episode-browser .episode-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  padding:0;
}
.anime-episode-browser .anime-episode-card{
  grid-template-columns:48px minmax(0,1fr);
  gap:0;
  min-height:62px;
  background:#171a20;
  border:1px solid #242a33;
  border-radius:9px;
  overflow:hidden;
  box-shadow:none;
}
.anime-episode-browser .anime-episode-card:hover{
  transform:translateY(-1px);
  border-color:#ef303a;
  background:#1b1f26;
}
.anime-episode-browser .anime-ep-play{
  width:48px;
  min-height:60px;
  display:grid;
  place-items:center;
  background:#242933;
  color:#fff;
  font-size:14px;
  transition:background .16s ease,color .16s ease;
}
.anime-episode-browser .anime-episode-card:hover .anime-ep-play{
  background:var(--red);
}
.anime-episode-browser .anime-episode-card>div:last-child{
  padding:10px 10px 8px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.anime-episode-browser .anime-episode-card .ep-no{
  display:block;
  margin:0 0 3px;
  color:#ff3540;
  font-size:9px;
  line-height:1;
  font-weight:900;
}
.anime-episode-browser .anime-episode-card h4{
  margin:0;
  font-size:12px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.anime-episode-browser .anime-episode-card small{
  display:none;
}
.anime-episode-browser .season-tabs{
  gap:7px;
  margin-bottom:12px;
  overflow-x:auto;
  flex-wrap:nowrap;
  scrollbar-width:thin;
}
.anime-episode-browser .season-tab{
  flex:0 0 auto;
}

@media(max-width:1250px){
  .anime-episode-browser .episode-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1050px){
  .anime-episode-browser .episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .anime-episode-browser .season-panel{padding:12px}
  .anime-episode-browser .episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .anime-episode-browser .anime-episode-card{grid-template-columns:40px minmax(0,1fr);min-height:56px}
  .anime-episode-browser .anime-ep-play{width:40px;min-height:54px;font-size:12px}
  .anime-episode-browser .anime-episode-card>div:last-child{padding:8px}
  .anime-episode-browser .anime-episode-card h4{font-size:11px}
}
@media(max-width:520px){
  .anime-episode-browser .episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .anime-episode-browser .anime-episode-card h4{font-size:10.5px}
}


/* BSSTUDIO V7.0.5.32 — Anime episode range groups */
.anime-episode-browser .anime-episode-groups{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:0 0 12px;
  margin:0 0 12px;
  border-bottom:1px solid #242933;
  scrollbar-width:thin;
}
.anime-episode-browser .anime-ep-group-tab{
  flex:0 0 auto;
  min-width:78px;
  height:34px;
  padding:0 12px;
  border:1px solid #2b313c;
  border-radius:8px;
  background:#171a20;
  color:#c9ced8;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.anime-episode-browser .anime-ep-group-tab:hover{
  border-color:#ef303a;
  color:#fff;
}
.anime-episode-browser .anime-ep-group-tab.active{
  background:#ef1f31;
  border-color:#ef1f31;
  color:#fff;
}
.anime-episode-browser .anime-ep-group-hidden{
  display:none !important;
}
.anime-episode-browser .season-panel-head span b{
  color:#ff3540;
}
@media(max-width:760px){
  .anime-episode-browser .anime-episode-groups{
    margin-left:-2px;
    margin-right:-2px;
  }
  .anime-episode-browser .anime-ep-group-tab{
    min-width:72px;
    height:32px;
    padding:0 10px;
    font-size:10px;
  }
}


/* =========================================================
   BSSTUDIO v7.0.5.47 — Homepage Premium Episode Badge + Actions
   ========================================================= */
.nf-card-v547{
  position:relative!important;
  overflow:visible!important;
}
.nf-card-v547 .nf-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.nf-card-v547 .nf-card-media{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#13161b;
  box-shadow:0 10px 32px rgba(0,0,0,.24);
}
.nf-card-v547 .nf-card-shade{
  position:absolute;
  inset:auto 0 0;
  height:36%;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(4,5,7,.96) 0%,rgba(5,6,8,.54) 46%,rgba(5,6,8,0) 100%);
  z-index:2;
}
.nf-card-v547 .nf-latest-ep-v547{
  left:8px!important;
  top:8px!important;
  bottom:auto!important;
  right:auto!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:25px;
  padding:0 9px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,70,79,.62)!important;
  background:linear-gradient(135deg,rgba(151,9,19,.98),rgba(71,5,10,.94))!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.18px!important;
  line-height:1!important;
  box-shadow:0 5px 16px rgba(229,9,20,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(8px);
}
.nf-card-v547 .nf-latest-ep-v547 b{
  color:#ff9298;
  font-size:8px;
}
.nf-card-controls-v547{
  position:absolute;
  z-index:7;
  left:10px;
  right:10px;
  bottom:52px;
  display:flex;
  align-items:center;
  gap:7px;
  pointer-events:none;
}
.nf-card-action-v547{
  pointer-events:auto;
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(9,11,15,.76);
  color:#fff;
  box-shadow:0 5px 14px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(9px);
  cursor:pointer;
  text-decoration:none;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
.nf-card-action-v547 svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.nf-card-play-v547{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-color:#ff3440;
  background:linear-gradient(145deg,#f21725,#a9000b);
  box-shadow:0 7px 20px rgba(229,9,20,.34),inset 0 1px 0 rgba(255,255,255,.22);
}
.nf-card-play-v547 svg{
  width:17px;
  height:17px;
  fill:#fff;
  stroke:none;
  transform:translateX(1px);
}
.nf-card-action-v547:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.66);
  background:rgba(28,31,38,.94);
}
.nf-card-play-v547:hover{
  background:linear-gradient(145deg,#ff2533,#c0000d);
  box-shadow:0 9px 24px rgba(229,9,20,.46);
}
.nf-card-follow-v547.is-following{
  border-color:#ff3944;
  color:#ff4b55;
  background:rgba(77,9,14,.88);
}
.nf-card-follow-v547.is-following svg{fill:currentColor;stroke:currentColor}
.nf-card-list-v547.is-fav{
  border-color:#ff3944;
  color:#fff;
  background:linear-gradient(145deg,#d20c18,#77070d);
}
.nf-card-list-v547.is-fav svg{fill:currentColor;stroke:currentColor}
.nf-card-v547:hover .nf-card-media{
  border-color:rgba(255,62,72,.32);
  box-shadow:0 14px 40px rgba(0,0,0,.38),0 0 0 1px rgba(229,9,20,.08);
}
/* Legacy hover overlay is replaced by the real functional controls. */
.nf-card-v547 .nf-card-overlay{display:none!important}

@media(max-width:1100px){
  .nf-card-controls-v547{left:8px;right:8px;bottom:49px;gap:5px}
  .nf-card-action-v547{width:30px;height:30px;flex-basis:30px}
  .nf-card-play-v547{width:34px;height:34px;flex-basis:34px}
}
@media(max-width:700px){
  .nf-card-v547 .nf-card-media{border-radius:7px}
  .nf-card-v547 .nf-latest-ep-v547{
    left:4px!important;top:4px!important;min-height:19px!important;padding:0 5px!important;
    border-radius:5px!important;font-size:6.8px!important;gap:2px!important;letter-spacing:0!important;
  }
  .nf-card-v547 .nf-latest-ep-v547 b{font-size:6px}
  .nf-card-controls-v547{left:4px;right:4px;bottom:38px;gap:3px}
  .nf-card-action-v547{width:22px;height:22px;flex-basis:22px;border-width:1px}
  .nf-card-play-v547{width:25px;height:25px;flex-basis:25px}
  .nf-card-action-v547 svg{width:11px;height:11px}
  .nf-card-play-v547 svg{width:12px;height:12px}
}