/* MOVEXA V3.5 • Cinema Experience — responsive redesign */
:root{--max:1440px;--bg:#090b0e;--red:#fb365b;--red2:#ff6d77;--text:#faf7f5;--muted:#aab0bb;--stroke:rgba(255,255,255,.105)}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{font-family:'Noto Sans',system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;background:#090b0e!important;color:var(--text)}
.pagebg{background:radial-gradient(1000px 440px at 12% -10%,rgba(233,54,95,.13),transparent 73%),linear-gradient(180deg,#12151a 0%,#090b0e 68%)!important}
.wrap{max-width:1440px;padding:0 28px 36px}
.topbar{border:1px solid rgba(255,255,255,.09)!important;border-radius:22px!important;background:rgba(18,21,26,.9)!important;box-shadow:none!important;backdrop-filter:blur(28px);padding:14px 24px!important;margin:17px 0 24px!important;gap:22px;min-height:72px}
.brand span{font-size:23px!important;letter-spacing:-.9px!important;font-weight:900!important;color:#f9f8f8!important}
.brand span::after{color:#ff5471!important;content:' / CINEMA'!important;font-size:10px!important;letter-spacing:2px!important}
.brand img{width:34px;height:34px;border-radius:10px}
.typeTabs{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.07)!important;padding:4px;border-radius:999px!important}
.typeTabs .tab,.typeTabs .tab.on{border-radius:999px!important;padding:9px 23px!important;font-size:13px!important}
.typeTabs .tab.on{background:#ff4567!important;color:#fff!important;box-shadow:0 8px 20px rgba(255,53,93,.14)}
.iconbtn,.langbtn{background:#1d232c!important;border-color:#333c49!important;border-radius:50%!important}
.langbtn.on{border-color:#ff5471!important;color:#fff!important;background:#822840!important}
.topbar button,.cinema-home button,.movie-view button{cursor:pointer}
/* feature movie backdrop, inspired by premium streaming homepages */
.cinema-home{margin-top:0}
.cinema-home-hero.hero{border-radius:27px!important;border:1px solid rgba(255,255,255,.1)!important;overflow:hidden;position:relative;min-height:550px!important;box-shadow:0 27px 66px rgba(0,0,0,.35)!important;background:#14191f!important}
.cinema-home-hero .heroBg{position:absolute;inset:0;background-position:center 29%!important;background-size:cover;filter:saturate(.9)}
.cinema-home-hero .heroBg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,13,.97) 0%,rgba(5,8,13,.88) 31%,rgba(5,8,13,.36) 69%,rgba(5,8,13,.07)),linear-gradient(0deg,rgba(6,8,11,.85),transparent 55%)}
.cinema-home-hero .heroInner{min-height:550px!important;padding:58px!important;position:relative;align-items:center!important;justify-content:flex-start!important}
.cinema-home-hero .heroInfo{max-width:680px}
.home-feature-label,.cinema-kicker,.cinema-tag,.cinema-section-label{font-size:11px;font-weight:850;letter-spacing:2px;color:#ff8da1;text-transform:uppercase}
.red-dot{display:inline-block;width:7px;height:7px;background:#ff4669;box-shadow:0 0 15px rgba(255,69,105,.65);border-radius:50%;margin-right:8px;vertical-align:middle}
.cinema-home-hero .heroTitle{font-size:clamp(36px,5.5vw,74px)!important;letter-spacing:-3px!important;line-height:1.09!important;margin:22px 0!important;max-width:700px!important;color:#fff;font-weight:900!important;text-wrap:balance}
.cinema-home-hero .heroLead{font-size:15px;line-height:1.9;color:#c8cbd1;max-width:520px!important;margin:12px 0 26px}
.cinema-home-hero .heroMeta{display:flex;gap:9px;flex-wrap:wrap}
.cinema-home-hero .pill{border-color:rgba(255,255,255,.23);background:rgba(0,0,0,.35);color:#f5f5f5}
.cinema-home-hero .heroBtns{display:flex!important;align-items:center;gap:12px;margin-top:26px!important}
.cinema-home-hero .btnPrimary{background:#ff4267!important;color:#fff!important;border:0!important;font-weight:800;box-shadow:0 10px 35px rgba(234,44,87,.28);border-radius:100px!important;padding:16px 26px}
.cinema-home-hero .btnAlt{border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.08)!important;border-radius:100px!important;padding:15px 24px!important;color:white}
.home-categories{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px}
.home-categories a{border:1px solid #292d37;border-radius:999px;background:#171b22;padding:12px 22px;color:#c6cbd5;text-decoration:none;font-size:12px;transition:.2s}
.home-categories a:hover{background:#252d38;color:#fff;border-color:#ff4869}
.cinema-home .status{padding:0!important;margin:8px 0!important;border:0!important;background:none!important;min-height:0!important;opacity:.6;font-size:11px}
.cinema-rail-section{margin:27px 0 34px!important;border:0!important;background:none!important;padding:0!important}
.cinema-rail-section .sectionHead{display:flex;align-items:end;margin-bottom:16px}
.cinema-rail-section .sectionTitle{color:white;font-size:25px!important;margin:5px 0 0!important;letter-spacing:-1px!important}
.cinema-rail-section .seeAll{color:#f3a6b6;border:1px solid #414149;background:#1c2129;border-radius:100px;padding:9px 17px;text-decoration:none;font-size:12px}
.cinema-home .rail{gap:16px!important;scrollbar-width:thin;scrollbar-color:#3b4251 transparent}
.cinema-home .card,.detail-extra-rail .card{flex:0 0 178px;width:178px!important;background:none;border:0!important;box-shadow:none!important;overflow:visible}
.cinema-home .card .poster,.detail-extra-rail .card .poster{border:1px solid rgba(255,255,255,.08);border-radius:16px;aspect-ratio:2/3;overflow:hidden;background:#202833}
.cinema-home .card img,.detail-extra-rail .card img{height:100%!important;width:100%!important;object-fit:cover;transition:transform .3s}
.cinema-home .card:hover img,.detail-extra-rail .card:hover img{transform:scale(1.045)}
.cinema-home .cap .t{font-size:13px!important;color:#f0f0f2}
.cinema-home .cap .s{font-size:11px!important;color:#a4aab5}
/* detail streaming experience */
.movie-view{padding-bottom:28px;margin-top:0}
.movie-breadcrumb{display:flex;align-items:center;gap:9px;color:#929ba9;font-size:11px;padding:2px 4px 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.movie-breadcrumb a{color:#ff98ae;text-decoration:none;font-weight:800;letter-spacing:.8px}
.movie-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cinema-feature{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(365px,1fr);align-items:stretch;gap:0;background:linear-gradient(145deg,#1a1f28,#101319 80%);border:1px solid #2c323e;border-radius:25px;overflow:hidden;min-height:460px;box-shadow:0 25px 75px rgba(0,0,0,.27)}
.cinema-player{position:relative;background:#080b10;width:100%;height:100%;min-height:460px;min-width:0;overflow:hidden;align-self:stretch}
.cinema-player-cover{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.94)}
.cinema-player-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,7,12,.93),rgba(4,7,12,.05) 40%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 56%)}
.cinema-player-video,.cinema-player-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cinema-player-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:2;pointer-events:none}
.cinema-player-overlay button{pointer-events:auto}
.cinema-kicker{position:absolute;top:23px;left:24px;background:rgba(0,0,0,.36);backdrop-filter:blur(12px);padding:9px 12px;border:1px solid #ffffff2c;border-radius:100px;font-size:10px}
.cinema-play-button{width:90px;height:90px;border-radius:50%;border:1px solid rgba(255,255,255,.78);background:linear-gradient(135deg,#ff5272,#ff224f);box-shadow:0 0 0 12px #ff54752b,0 18px 60px #000a;color:#fff;display:grid;place-items:center;transition:transform .2s,box-shadow .2s}
.cinema-play-button:hover{transform:scale(1.075);box-shadow:0 0 0 15px #ff547532,0 18px 60px #000a}
.cinema-play-button span{font-size:30px;margin-left:6px}
.cinema-player-footer{position:absolute;bottom:20px;left:26px;right:24px;display:flex;justify-content:space-between;gap:16px;font-size:12px;font-weight:700;text-shadow:0 1px 4px #000}
.cinema-hd{color:#cdd3dd;opacity:.85;white-space:nowrap}
.cinema-no-trailer:not([hidden]){display:block;position:absolute;bottom:65px;left:25px;z-index:3;font-size:13px;background:#0a101acb;padding:8px 12px;border-radius:8px}
.cinema-player.video-playing .cinema-player-overlay{display:none}
.cinema-player.video-playing .cinema-player-cover{display:none}
.cinema-info{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3.7vw,46px);min-width:0}
.cinema-heading-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cinema-tag{font-size:10px;letter-spacing:2px;color:#ff9cac}
.cinema-score{border:1px solid #53634a;background:#253529;color:#baf0bb;border-radius:100px;padding:7px 12px;font-size:12px;font-weight:800;white-space:nowrap}
.movie-view .guideTitle{font-size:clamp(27px,2.85vw,42px)!important;color:#fff;line-height:1.18!important;letter-spacing:-1.2px!important;margin:13px 0 7px!important;overflow-wrap:anywhere}
.movie-view .guideMeta{color:#9ea7b5;margin:4px 0 10px;font-size:12px}
.movie-view .guideBadges{margin:8px 0 12px!important;display:flex;flex-wrap:wrap;gap:8px}
.movie-view .pill{border:1px solid #343c4b;background:#202633;border-radius:100px;padding:6px 10px;font-size:11px}
.movie-view .guideChips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.movie-view .guideChips .pill{background:transparent;border-color:#3b4351;color:#cdd0d6}
.movie-view .guideTagline{margin:8px 0!important;color:#ffb0c1;font-size:13px}
.movie-view .guideOverview{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:5!important;overflow:hidden!important;color:#c0c7d3;font-size:13px;line-height:1.8;margin:8px 0 14px!important}
.movie-view .player-tv-controls{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 10px}
.movie-view .sel{min-width:120px;background:#202633;border:1px solid #414a59;color:#fff;padding:9px 11px;border-radius:10px;font-size:12px}
.cinema-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:12px}
.cinema-watch-btn,.cinema-secondary-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;padding:14px 20px;font-size:13px;font-weight:850;border-radius:100px;border:1px solid transparent;min-height:49px;white-space:nowrap}
.cinema-watch-btn{background:#ff3f65;color:#fff;border-color:#ff7390;box-shadow:0 12px 36px #e92e4d2c}
.cinema-watch-btn:hover{background:#ff5e7e}
.cinema-copy-small{font-weight:500;font-size:11px;opacity:.84}
.cinema-secondary-btn{background:#ffffff12;color:#eef1f5;border:1px solid #4a4d58}
.cinema-secondary-btn:hover{background:#ffffff20}
.movie-view .copyUrlHint{font-size:11px;line-height:1.65;color:#979fac;margin:13px 0 0;overflow-wrap:anywhere}
/* clean info + discreet dedicated ads */
.movie-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 314px;gap:23px;align-items:start;margin-top:25px}
.movie-body-grid:not(:has(.movie-ad-sidebar .ad-filled)){grid-template-columns:minmax(0,1fr)}
.movie-main-content{min-width:0;display:grid;gap:20px}
.movie-ad-sidebar{border:1px solid #29303a;border-radius:19px;padding:16px;background:#12171f;display:block;min-width:0;position:absolute;left:-10000px;top:0;opacity:0;pointer-events:none}
.movie-ad-sidebar:has(.ad-filled){display:block;position:sticky;left:auto;top:96px;opacity:1;pointer-events:auto}
.movie-sidebar-head{font-size:10px;letter-spacing:2px;color:#9b9eaa;font-weight:800;padding:2px 0 12px}
.movie-sidebar-fine{color:#727d8b;font-size:10px;margin-top:12px;text-align:center}
.cinema-section{padding:26px!important;background:#141920!important;border:1px solid #2b323e!important;border-radius:21px!important;box-shadow:none!important;min-width:0}
.cinema-intro{padding:30px 32px!important;background:linear-gradient(135deg,#171d26,#11161e)!important}
.cinema-section-top{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.cinema-section-label{color:#fd738d;font-size:10px;letter-spacing:2px;white-space:nowrap}
.cinema-section-rule{height:1px;flex:1;background:#ffffff1a}
.movie-view .watchWhereTitle,.movie-view .lowerPanelTitle{font-size:22px!important;letter-spacing:-.6px;color:#f5f5f8;margin:9px 0 15px}
.movie-view .watchWhereText,.movie-view .aboutBody{font-size:13px;line-height:1.9;color:#c0c7d1}
.movie-view .watchWhereNote{font-size:11px;line-height:1.6;color:#8893a2;margin:10px 0 0}
.cinema-information-grid.detailLowerGrid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr)!important;gap:18px;margin:0!important}
.cinema-information-grid .lowerPanel{padding:24px!important;margin:0!important;min-width:0}
.cinema-information-grid .lowerKv{font-size:12px}
.movie-view .detail-extra{display:grid;gap:19px}
.movie-view .detail-rail-panel{padding:24px!important;background:#141920!important}
.movie-view .detail-extra-title{font-size:20px}
/* slots hide until an ad actually reports inserted visual creative; no empty gutters */
.ad-mount{display:block!important;height:0;visibility:hidden;width:100%;margin:0!important;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.ad-mount.ad-filled{display:flex!important;height:auto;visibility:visible}
.ad-mount.ad-filled::before{content:'ADVERTISEMENT';display:block;font-size:9px;letter-spacing:1.5px;color:#7c8795;margin-right:12px;flex-shrink:0}
.ad-mount iframe{display:block;border:0;max-width:none;flex-shrink:0}
.ad-home-banner.ad-filled{margin:20px auto 16px!important;max-width:920px}
.ad-home-mid.ad-filled{margin:14px auto 24px!important;max-width:700px}
.ad-sidebar-box.ad-filled,.ad-sidebar-tall.ad-filled{flex-direction:column;gap:8px;margin:0 auto 14px!important}
.ad-sidebar-box.ad-filled::before,.ad-sidebar-tall.ad-filled::before{margin:0}
.ad-inline-468.ad-filled{background:#141920;border:1px solid #2c343e;border-radius:16px;padding:14px;margin:0 auto!important;max-width:720px}
.ad-mobile-only{display:none!important}
/* explore/collection overlays */
#seeGrid{gap:20px}
#seeGrid .card{border-radius:15px;overflow:hidden}
#trailerPlayerWrap{aspect-ratio:16/9;min-height:250px}
#trailerPlayerWrap iframe{width:100%;height:100%;border:0}
@media(max-width:1200px){
  .cinema-feature{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)}
  .cinema-info{padding:26px}
  .cinema-player{min-height:480px}
  .cinema-information-grid.detailLowerGrid{grid-template-columns:1fr!important}
  .movie-view .guideTitle{font-size:30px!important}
}
@media(max-width:980px){
  .wrap{padding:0 18px 28px}
  .topbar{padding:12px 16px!important}
  .cinema-feature{grid-template-columns:1fr;}
  .cinema-player{aspect-ratio:16/9;height:auto;min-height:0}
  .cinema-info{padding:27px 30px}
  .movie-body-grid{grid-template-columns:minmax(0,1fr) 314px}
  .cinema-information-grid.detailLowerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cinema-home-hero.hero,.cinema-home-hero .heroInner{min-height:480px!important}
}
@media(max-width:760px){
  .wrap{padding:0 12px 24px}
  .topbar{gap:8px!important;min-height:66px!important;padding:9px 11px!important;margin:10px 0 15px!important;border-radius:17px!important;flex-wrap:wrap}
  .brand span{font-size:18px!important}
  .brand span::after{display:none!important}
  .brand img{width:29px;height:29px}
  .centerbar{flex:1 1 auto;justify-content:flex-end}
  .typeTabs .tab,.typeTabs .tab.on{padding:7px 12px!important;font-size:12px!important}
  .topActions{flex:0 1 auto;max-width:100%;gap:6px!important}
  .langbar{max-width:160px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
  .iconbtn{width:33px!important;height:33px!important;flex-shrink:0}
  .cinema-home-hero.hero,.cinema-home-hero .heroInner{min-height:480px!important}
  .cinema-home-hero .heroInner{padding:30px 22px!important;align-items:flex-end!important}
  .cinema-home-hero .heroBg::after{background:linear-gradient(0deg,rgba(7,9,14,.99),rgba(7,9,14,.72) 50%,rgba(7,9,14,.1)),linear-gradient(90deg,rgba(7,9,14,.2),transparent)}
  .cinema-home-hero .heroTitle{font-size:clamp(31px,8.3vw,49px)!important;letter-spacing:-1.6px!important;margin:12px 0!important}
  .cinema-home-hero .heroLead{font-size:12px;line-height:1.7;margin-bottom:14px}
  .cinema-home-hero .heroBtns{gap:9px!important;margin-top:15px!important}
  .cinema-home-hero .heroBtns .btn{padding:12px 17px!important;font-size:12px}
  .home-categories{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:7px;margin:18px 0 20px;scrollbar-width:none}
  .home-categories a{padding:10px 13px;flex-shrink:0;font-size:11px}
  .cinema-rail-section{margin:22px 0 27px!important}
  .cinema-rail-section .sectionTitle{font-size:21px!important}
  .cinema-rail-section .seeAll{font-size:11px;padding:8px 11px}
  .cinema-home .card,.detail-extra-rail .card{width:144px!important;flex-basis:144px}
  .movie-breadcrumb{padding:2px 2px 12px;font-size:10px}
  .cinema-feature{border-radius:19px}
  .cinema-player{aspect-ratio:16/9;height:auto;min-height:0}
  .cinema-kicker{top:12px;left:12px;font-size:9px;padding:6px 9px}
  .cinema-play-button{width:66px;height:66px;box-shadow:0 0 0 9px #ff547529}
  .cinema-play-button span{font-size:23px}
  .cinema-player-footer{bottom:10px;left:14px;right:12px;font-size:10px}
  .cinema-info{padding:21px 19px 23px}
  .movie-view .guideTitle{font-size:clamp(25px,6vw,35px)!important;margin-top:10px!important}
  .movie-view .guideOverview{font-size:12px;line-height:1.75;-webkit-line-clamp:5!important}
  .cinema-actions{gap:8px}
  .cinema-watch-btn,.cinema-secondary-btn{padding:12px 15px;font-size:12px;min-height:45px}
  .movie-body-grid,.movie-body-grid:not(:has(.movie-ad-sidebar .ad-filled)){display:block;margin-top:16px}
  .movie-ad-sidebar{display:none!important}
  .movie-main-content{gap:14px}
  .cinema-section{padding:20px!important;border-radius:16px!important}
  .cinema-intro{padding:22px!important}
  .cinema-information-grid.detailLowerGrid{grid-template-columns:1fr!important;gap:14px}
  .movie-view .watchWhereTitle,.movie-view .lowerPanelTitle{font-size:20px!important}
  .ad-mobile-only.ad-mount{display:block!important;height:0;visibility:hidden}
  .ad-mobile-only.ad-filled{display:flex!important;height:auto;visibility:visible;margin:4px auto!important}
  .ad-mobile-rect.ad-filled{border-radius:14px;padding:8px 0;background:#141920}
  .ad-mount.ad-filled::before{display:none}
  .ad-desktop-only{display:none!important}
}
@media(max-width:380px){
 .topbar{justify-content:space-between}.centerbar{order:3;flex-basis:100%;justify-content:center}.topActions{margin-left:auto}
 .cinema-watch-btn,.cinema-secondary-btn{flex:1}.cinema-copy-small{font-size:9px}
 .cinema-home-hero.hero,.cinema-home-hero .heroInner{min-height:440px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema-home .card img,.cinema-play-button{transition:none}}