/* Cine Focus – final overrides (loaded last). */
/* 16:9 banners everywhere (home, videos, drama); capped width so they are never oversized */
.banner,.home-page .banner,.video-page .banner,.drama-hero-wrap .banner{aspect-ratio:16/9!important;max-height:none!important;height:auto!important}
.banner .slide{aspect-ratio:16/9!important}
.home-page .banner{margin:0 -14px 12px;width:calc(100% + 28px);border-radius:0 0 16px 16px}
@media(min-width:640px){
  .banner,.home-page .banner,.video-page .banner{width:100%;max-width:780px;margin-left:auto;margin-right:auto;border-radius:16px}
  .home-page .banner{margin-top:6px}
}
@media(min-width:1024px){.banner,.home-page .banner,.video-page .banner{max-width:820px}}
.slide-ov{padding:14px 16px 26px}
.slide-ov h2{font-size:clamp(16px,3.6vw,30px);max-width:80%}
.slide-ov p{font-size:clamp(11px,2vw,15px);max-width:70%}
@media(min-width:760px){.slide-ov{padding:22px 28px 34px}}
/* smoothness: skip off-screen work, cheaper effects */
.sec{content-visibility:auto;contain-intrinsic-size:auto 280px}
.row,.slides,.drama-poster-track{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.slides,.row{will-change:transform}
.bnav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(14,14,19,.98)!important}
img{content-visibility:auto}
/* Red theme */
:root{--cyan:#ff263f;--blue:#ff263f;--accent:#ff263f}
.feature-mini>b,.btn.primary,.btn.cyan{color:#fff}
.searchbar{border-color:#ff263f!important}
.empty-ic{color:#ff263f}
/* Featured rail (drama page) */
.fs{margin:2px -14px 18px;overflow:hidden}
.fs-h{display:flex;align-items:center;gap:10px;padding:6px 18px 12px;font-size:clamp(22px,6vw,34px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.fs-h .ic{width:30px;height:30px;color:#ff263f;fill:#ff263f;stroke:none}
.fs-h b{color:#ff263f}
.fs-track{display:flex;align-items:center;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px calc(50% - min(31vw,150px)) 26px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.fs-track::-webkit-scrollbar{display:none}
.fs-card{position:relative;flex:0 0 min(62vw,300px);aspect-ratio:2/3;scroll-snap-align:center;border-radius:20px;overflow:hidden;background:#14090c;border:2px solid rgba(255,38,63,.25);transform:scale(.84);opacity:.55;transition:transform .35s ease,opacity .35s ease,border-color .35s,box-shadow .35s;color:#fff}
.fs-card.on{transform:scale(1);opacity:1;border:3px solid #ff1f3a;box-shadow:0 0 0 4px rgba(255,31,58,.18),0 0 38px rgba(255,31,58,.55)}
.fs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fs-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,3,5,.96) 0%,rgba(6,3,5,.7) 34%,transparent 62%)}
.fs-info{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 12px 14px;text-align:center}
.fs-t{font-size:clamp(14px,4vw,18px);font-weight:900;text-transform:uppercase;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fs-m{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}
.fs-badge{font-style:normal;background:#e50914;color:#fff;padding:3px 10px;border-radius:7px;font-size:12px;font-weight:900;letter-spacing:.03em}
.fs-r{display:inline-flex;align-items:center;gap:3px;color:#ffb3bb}.fs-r .ic{width:14px;height:14px;fill:#ff5468;stroke:none}
.fs-y{color:#e6c9cd}
.fs-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;border-radius:10px;background:#e50914;color:#fff;font-weight:900;letter-spacing:.08em;font-size:13px;box-shadow:0 6px 18px rgba(229,9,20,.45)}
.fs-btn .ic{width:16px;height:16px;fill:#fff;stroke:none}
@media(min-width:760px){.fs{margin-left:0;margin-right:0}.fs-card{flex-basis:280px}.fs-track{padding-left:calc(50% - 140px);padding-right:calc(50% - 140px)}}