/*
Theme Name: Movie Box
Author: Hamza Ahmad
Description: Movie and TV catalog theme with responsive browsing, clean URLs, editorial pages and MovieBox TMDB integration.
Version: 47.51
License: GPL-2.0-or-later
Text Domain: moviebox
*/
:root{--bg:#24212a;--bg2:#211e26;--rail:#3d2a45;--rail2:#34263e;--panel:#302c35;--panel2:#37323c;--line:rgba(255,255,255,.055);--text:#eee;--muted:#aaa5ad;--yellow:#ffd400;--blue:#49adff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:13px Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.left-rail{position:fixed;z-index:1000;left:0;top:0;bottom:0;width:94px;background:linear-gradient(#402b48,#33253e);padding:8px 9px;box-shadow:2px 0 10px rgba(0,0,0,.22)}
.logo{height:68px;display:flex;align-items:center;justify-content:center}.logo img{width:76px;height:57px;object-fit:contain}.rail-menu{display:flex;flex-direction:column;gap:6px}.rail-item{height:66px;border-radius:3px;background:rgba(0,0,0,.10);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#fff;font-weight:700}.rail-item:hover,.rail-item.active{background:#fff;color:#2b2530}.ico{font-size:18px;line-height:18px;font-weight:400}.rail-item span:last-child{font-size:12px}.rail-bottom{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#777;font-size:10px}
.page{margin-left:94px;min-height:100vh}.wrap{width:calc(100% - 30px);max-width:1170px;margin:auto}.topbar{height:94px;display:flex;align-items:flex-end;padding-bottom:13px;justify-content:space-between}.search{width:485px;height:42px;border-bottom:1px solid #5b5760;color:#999;display:flex;align-items:center;font-size:15px}.search .glass{margin-left:auto;font-size:21px;color:#777}.user{font-size:22px;margin-right:9px;color:#eee}
.hero{height:235px;position:relative;overflow:hidden;background:#17151a}.hero-window{height:100%;display:flex;transform:translateX(0);transition:transform .55s ease}.hero-slide{height:100%;flex:0 0 33.333333%;position:relative;overflow:hidden}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.03)}.hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);border:0;background:none;color:#45aaff;font-size:61px;font-weight:200;cursor:pointer;line-height:1;text-shadow:0 0 5px rgba(0,0,0,.2)}.hero-arrow.left{left:4px}.hero-arrow.right{right:4px}.loader-ring{position:absolute;z-index:6;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.18);border-top-color:#08a8ef;border-radius:50%;opacity:.55}.loader-ring:after{content:"GO";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#00a9ee;font-size:38px}.dots{height:47px;display:flex;align-items:center;justify-content:center;gap:6px}.dots button{border:0;padding:0;width:7px;height:7px;border-radius:50%;background:#8c8a8e;cursor:pointer}.dots button.active{background:var(--yellow)}
.columns{display:grid;grid-template-columns:minmax(0,755px) 365px;gap:25px;align-items:start}.notice{height:43px;background:#343039;margin-bottom:15px;padding:0 15px;display:flex;align-items:center;color:#ddd}.notice .symbol{color:#999;font-size:17px;margin-right:10px}.notice .x{margin-left:auto;color:#aaa;font-size:18px}.section-title{font:18px Georgia,serif;font-weight:400;border-left:3px solid var(--yellow);padding:7px 0 8px 13px;margin:0 0 13px}
.movie-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.movie{position:relative;min-width:0}.poster{height:178px;position:relative;overflow:hidden;background:#3a353d}.poster img{width:100%;height:100%;object-fit:cover}.age{position:absolute;z-index:3;left:2px;top:2px;background:var(--yellow);color:#111;padding:2px 5px;font-size:10px}.mname{text-align:center;font-size:12px;line-height:14px;min-height:33px;padding:6px 2px 0}.score{position:absolute;z-index:4;left:5px;bottom:4px;color:var(--yellow);font-size:11px}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 54%,rgba(0,0,0,.72));pointer-events:none}.details{position:absolute;z-index:30;left:0;top:205px;width:320px;background:#37323c;border:1px solid #4a454d;padding:12px;box-shadow:0 8px 22px rgba(0,0,0,.5);visibility:hidden;opacity:0;transform:translateY(-5px);transition:.15s}.movie:hover .details{visibility:visible;opacity:1;transform:none}.details h3{margin:0 0 5px;font-size:17px;font-weight:400}.stars{color:var(--yellow);font-size:16px}.votes{font-size:10px;color:#aaa}.meta{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:6px 0}.meta span{background:#4a454d;padding:4px 3px;text-align:center;font-size:8px}.meta b{display:block;font-size:9px}.desc{font-size:10px;line-height:14px;color:#ddd}.buttons{display:flex;gap:4px;margin-top:7px}.btn{background:var(--yellow);color:#111;padding:7px 10px;font-size:11px;font-weight:700}.btn.alt{background:#fff;color:#444}
.widget{background:#302d35;padding:16px 18px;margin-bottom:16px}.widget h3{font-size:13px;text-transform:uppercase;margin:0 0 8px}.u{width:28px;height:2px;background:#777;margin-bottom:10px}.socials{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.soc{height:48px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:19px;border-radius:2px}.fb{background:#3f73c2}.tw{background:#3ca7ed}.dr{background:#e14b82}.ig{background:#4b84a8}.yt{background:#e84935;font-size:9px}.rss{background:#ff7600}.side-posters{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;overflow:hidden}.side-card{height:215px;position:relative;overflow:hidden;background:#444}.side-card img{width:100%;height:100%;object-fit:cover}.side-card .caption{position:absolute;left:5px;right:5px;bottom:7px;text-align:center;font-size:10px;text-shadow:0 1px 5px #000}.rank{height:57px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line)}.rank img{width:48px;height:49px;object-fit:cover}.rank .num{width:18px;color:#aaa;text-align:center}.rinfo{flex:1}.rinfo b{font-weight:400;font-size:11px}.rinfo span{display:block;color:var(--yellow);font-size:11px;margin-top:4px}.listrow{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center}.listrow:before{content:'›';color:#aaa;margin-right:8px}.listrow .count{margin-left:auto;color:#aaa}.years{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.year{background:#3a353e;text-align:center;padding:10px 4px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{background:#3a353e;padding:6px 8px;font-size:10px;color:#ddd}
.two-ranks{display:grid;grid-template-columns:1fr 1fr;gap:28px}.movie-box-list{display:flex;flex-direction:column;gap:20px}.box-item{background:#302d35;padding:15px;display:grid;grid-template-columns:174px 1fr;gap:15px}.box-cover{height:250px}.box-cover img{width:100%;height:100%;object-fit:cover}.box-info h3{margin:0 0 5px;font-size:18px;font-weight:400}.box-info .stars{font-size:16px}.box-meta{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:7px 0}.box-meta span{background:#4a454d;padding:4px;text-align:center;font-size:9px}.box-meta b{display:block}.box-info p{line-height:17px;color:#ddd;margin:8px 0}.blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:hidden}.blog-card{background:#302d35;padding:14px}.blog-card img{width:100%;height:180px;object-fit:cover;border-radius:4px}.blog-card h3{font-size:17px;font-weight:400;margin:13px 0 8px}.blog-card .rule{width:27px;height:2px;background:#777;margin-bottom:11px}.blog-card .by{font-size:11px;margin-bottom:11px}.blog-card p{line-height:17px;color:#ddd}.read{display:inline-block;background:var(--yellow);color:#111;padding:9px 12px;margin-top:6px}.blog-dots{display:flex;justify-content:center;gap:7px;padding:14px}.blog-dots i{width:8px;height:8px;border-radius:50%;background:#999}.blog-dots i.active{background:#fff}.blog-list{display:flex;flex-direction:column;gap:15px}.blog-list-item{background:#302d35;padding:14px;display:grid;grid-template-columns:290px 1fr;gap:15px}.blog-list-item img{width:100%;height:165px;object-fit:cover}.blog-list-item h3{font-size:18px;font-weight:400;margin:0 0 9px}.blog-list-item p{line-height:17px;color:#ddd}.footer{margin-top:30px;padding:44px 0 0;background:#201d25;border-top:1px solid rgba(255,255,255,.05);position:relative}.footer .wrap{position:relative}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.35fr;gap:36px;padding-bottom:30px}.footer h4{font-size:13px;text-transform:uppercase;margin:0 0 13px;color:#f2f0f2;font-weight:700}.footer h4:after{content:"";display:block;width:28px;height:2px;background:#ffd400;margin-top:9px}.footer a{display:block;color:#aaa;padding:4px 0;font-size:11px;transition:.15s}.footer a:hover{color:#fff}.foot-about p{max-width:360px;color:#aaa;line-height:18px;font-size:11px;margin:0 0 15px}.foot-logo{width:150px;height:auto;margin-bottom:13px}.foot-socials{display:flex;gap:5px}.foot-socials .soc{width:39px;height:39px;font-size:16px}.foot-socials .yt{font-size:7px}.footer-tags{display:flex;flex-wrap:wrap;gap:5px}.footer-tags a{border:1px solid #625d65;border-radius:2px;padding:6px 7px;color:#aaa;font-size:10px;line-height:1;display:inline-block}.footer-tags a:hover{border-color:#ffd400;color:#ffd400}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:17px 0 20px;color:#777;font-size:10px;display:flex;gap:20px;flex-wrap:wrap}.up{position:fixed;z-index:999;right:8px;bottom:20px;width:34px;height:34px;background:#40364a;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:21px}
@media(max-width:1100px){.columns{grid-template-columns:minmax(0,1fr) 310px}.movie-grid{grid-template-columns:repeat(5,1fr)}.poster{height:175px}.search{width:400px}.side-posters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.left-rail{position:relative;width:100%;height:auto;padding:8px}.logo{width:90px;margin:auto}.rail-menu{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.rail-item{height:58px}.rail-bottom{display:none}.page{margin-left:0}.wrap{width:calc(100% - 16px)}.topbar{height:65px}.hero{height:210px}.hero-slide{flex-basis:100%}.columns{grid-template-columns:1fr}.movie-grid{grid-template-columns:repeat(4,1fr)}.poster{height:185px}.details{display:none}.two-ranks{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rail-menu{grid-template-columns:repeat(4,1fr)}.topbar{height:55px}.search{width:75%}.hero{height:185px}.movie-grid{grid-template-columns:repeat(3,1fr)}.poster{height:190px}.socials{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:1fr}.blog-list-item{grid-template-columns:1fr}.box-item{grid-template-columns:120px 1fr}.box-cover{height:180px}.footgrid{grid-template-columns:1fr}}
.breadcrumb{background:#343039;padding:12px 14px;margin-bottom:12px;color:#eee;font-size:13px}
.intro{color:#eee;line-height:1.7;margin:0 0 18px}
.az-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 16px}.az-tab{background:#302c35;padding:8px 10px;font-size:12px}.az-tab.active,.az-tab:hover{background:#ffd400;color:#17131a}
.az-table{border:1px solid rgba(255,255,255,.07)}.az-head,.az-row{display:grid;grid-template-columns:58px 1.35fr .55fr 1.45fr 1.25fr 55px;align-items:center}.az-head{background:#38333d;color:#fff;font-weight:700;font-size:12px;padding:13px}.az-row{min-height:88px;border-top:1px solid rgba(255,255,255,.07);padding:10px 13px;color:#ddd;font-size:12px}.az-movie{display:flex;align-items:center;gap:12px}.az-movie img{width:40px;height:58px;object-fit:cover}.az-row .mpaa{background:#1688f5;color:#fff;border-radius:3px;padding:2px 5px;font-style:normal;font-size:9px}.rate{background:#ffd400;color:#111;padding:3px 6px;border-radius:3px;justify-self:start}
.single-blog{background:#302c35;padding:18px}.single-blog>img{width:100%;max-height:360px;object-fit:cover;margin-bottom:18px}.single-blog h1{font-size:28px;margin:0 0 10px}.single-blog p{color:#c3bec6;line-height:1.8;font-size:14px}.single-blog .btn{display:inline-block;background:#ffd400;color:#16131a;padding:9px 13px;font-weight:700}
.blog-slider{overflow:hidden;position:relative}.blog-track{display:flex;transition:transform .55s ease}.blog-card{flex:0 0 50%;padding-right:12px}.blog-card img{width:100%;height:170px;object-fit:cover}.blog-card h3{font-size:18px;margin:10px 0}.blog-card p{font-size:12px;line-height:18px;color:#aaa}.blog-card .read{display:inline-block;background:#ffd400;color:#17131a;padding:7px 11px;font-size:11px;font-weight:700}.blog-dots{display:flex;justify-content:center;gap:6px;margin:12px 0}.blog-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#777;padding:0}.blog-dots button.active{background:#ffd400}
@media(max-width:700px){.az-head,.az-row{grid-template-columns:35px 1.3fr .5fr 1fr}.az-head span:nth-child(4),.az-head span:nth-child(5),.az-head span:nth-child(6),.az-row>span:nth-child(4),.az-row>span:nth-child(5),.az-row>strong{display:none}.blog-card{flex-basis:100%;padding-right:0}}

/* V11 precision fixes */
.az-summary{display:flex;gap:34px;background:#302c35;border:1px solid rgba(255,255,255,.07);border-bottom:0;padding:11px 13px;color:#eee;font-size:12px}.az-summary strong{width:58px}.az-summary span{font-weight:700}.az-table{background:#302c35}.az-head,.az-row{grid-template-columns:58px 1.35fr .55fr 1.45fr 1.25fr 55px}.az-head{min-height:44px}.az-row{min-height:91px}.az-row>span:nth-child(4),.az-row .actors{line-height:18px}.az-movie img{width:40px;height:60px}.az-movie b{font-size:12px}.mpaa{font-weight:700}.rate{font-weight:700}
.blog-slider-wrap{position:relative;padding:0 34px}.blog-slider{overflow:hidden;position:relative}.blog-track{display:flex;will-change:transform;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.blog-card{box-sizing:border-box;flex:0 0 50%;padding:0 7px}.blog-card:first-child{padding-left:0}.blog-card:last-child{padding-right:0}.blog-card img{height:180px}.blog-arrow{position:absolute;top:44%;transform:translateY(-50%);z-index:5;width:34px;height:55px;border:1px solid #aaa;background:rgba(35,31,40,.86);color:#fff;font-size:40px;line-height:45px;cursor:pointer}.blog-arrow:hover{background:#ffd400;color:#111}.blog-prev{left:0}.blog-next{right:0}.blog-dots{min-height:20px}.blog-dots button{cursor:pointer}.blog-dots button.active{background:#ffd400}
@media(max-width:700px){.blog-slider-wrap{padding:0 28px}.blog-card{flex-basis:100%}.blog-arrow{width:28px;height:48px;font-size:34px}.az-summary{gap:10px}.az-summary strong{width:35px}}
/* V12 final visual + interaction pass */
.search input{border:0;outline:0;background:transparent;color:#eee;font:15px Arial;width:calc(100% - 38px);height:40px}.search input::placeholder{color:#8d8990}.search button{border:0;background:none;color:#ddd;font-size:24px;cursor:pointer;width:38px}.user{font-size:25px}
.hero{height:235px}.hero-slide{flex:0 0 33.333333%;}.hero-overlay-title{position:absolute;left:0;right:0;bottom:10px;text-align:center;color:#fff;font-size:14px;text-shadow:0 2px 7px #000;z-index:2}.go-loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:91px;height:91px;border:3px solid rgba(255,255,255,.18);border-top-color:#00a9ef;border-radius:50%;z-index:8;pointer-events:none}.go-loader span,.go-loader b{position:absolute;top:20px;font-size:40px;line-height:40px;font-weight:400}.go-loader span{left:22px;color:#00a9ef}.go-loader b{left:51px;color:#2769d9}.settings{position:absolute;right:-1px;top:58%;transform:translateY(-50%);z-index:9;border:0;background:#fff;color:#333;width:39px;height:42px;font-size:21px;cursor:pointer}.hero-arrow{font-size:62px}.columns{grid-template-columns:minmax(0,755px) 365px;gap:25px}.side-posters{display:none}
.side-slider{position:relative;overflow:hidden}.side-track{display:flex;gap:7px;transition:transform .5s ease;will-change:transform}.side-card{flex:0 0 calc(50% - 4px);height:207px;position:relative;overflow:hidden;background:#444}.side-card img{width:100%;height:100%;object-fit:cover}.side-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.8))}.side-year,.side-rate{position:absolute;z-index:3;top:7px;background:#eee;color:#444;padding:3px 5px;font-size:10px}.side-year{left:5px}.side-rate{right:5px;background:#3c4147;color:#ffd400}.side-card .caption{position:absolute;z-index:3;left:7px;right:7px;bottom:9px;text-align:center;font-size:11px;text-shadow:0 2px 5px #000}.side-prev,.side-next{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:31px;height:47px;border:1px solid #fff;background:rgba(25,23,28,.7);color:#fff;font-size:36px;line-height:35px;cursor:pointer}.side-prev{left:4px}.side-next{right:4px}.side-prev:hover,.side-next:hover{background:#ffd400;color:#111}
.latest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.latest-card{height:185px;position:relative;overflow:hidden;background:#444}.latest-card img{width:100%;height:100%;object-fit:cover}.latest-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.78))}.latest-card span{position:absolute;z-index:2;left:3px;top:3px;background:#ffd400;color:#111;padding:2px 5px;font-size:10px}.latest-card b{position:absolute;z-index:2;left:5px;right:5px;bottom:8px;text-align:center;font-size:10px;text-shadow:0 2px 5px #000}.empty{padding:35px;text-align:center;color:#aaa;background:#302c35}.page-title{font-size:26px;margin:8px 0 24px}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.link-grid a{background:#302c35;padding:14px;color:#ddd}.link-grid a b{float:right;color:#ffd400}.empty-box{background:#302c35;padding:60px;text-align:center;color:#aaa}.big-heart{font-size:60px;color:#ffd400}.contact-form{background:#302c35;padding:20px;display:flex;flex-direction:column;gap:10px}.contact-form input,.contact-form textarea{background:#3a353e;border:1px solid #4b4650;color:#fff;padding:12px}.contact-form textarea{min-height:160px}.movie-single{background:#302c35;padding:18px;display:grid;grid-template-columns:230px 1fr;gap:20px}.movie-single>img{width:230px;height:330px;object-fit:cover}.movie-single h1{font-size:27px;font-weight:400}.movie-single p{line-height:1.7;color:#ccc}.movie-single .btn{border:0;cursor:pointer}
.footer p{color:#aaa;line-height:18px}.footer{min-height:280px}.up{cursor:pointer}
@media(max-width:1100px){.columns{grid-template-columns:minmax(0,1fr) 310px}.movie-grid{grid-template-columns:repeat(5,1fr)}.poster{height:175px}.movie-single{grid-template-columns:190px 1fr}.movie-single>img{width:190px;height:280px}}
@media(max-width:820px){.left-rail{position:relative;width:100%;height:auto}.page{margin-left:0}.wrap{width:calc(100% - 16px)}.hero{height:210px}.hero-slide{flex-basis:100%}.columns{grid-template-columns:1fr}.movie-grid{grid-template-columns:repeat(4,1fr)}.poster{height:185px}.details{display:none}.topbar{height:65px}.movie-single{grid-template-columns:1fr}.movie-single>img{width:190px;height:280px}.settings{display:none}}
@media(max-width:560px){.movie-grid{grid-template-columns:repeat(3,1fr)}.poster{height:190px}.socials{grid-template-columns:repeat(3,1fr)}.latest-grid{grid-template-columns:repeat(2,1fr)}.movie-single>img{width:150px;height:220px}.link-grid{grid-template-columns:1fr}}

@media(max-width:800px){.footgrid{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:6px}}
@media(max-width:480px){.footgrid{grid-template-columns:1fr}.foot-socials{margin-bottom:10px}}

/* V14 footer: demo-inspired compact blocks, crisp vector logo and circular social icons */
.footer{
  margin-top:30px;padding:29px 0 0;min-height:324px;position:relative;overflow:hidden;
  background:linear-gradient(rgba(31,26,37,.91),rgba(31,26,37,.94)),url('assets/images/footer-bg.jpg') center/cover no-repeat;
  border-top:0;
}
.footer .wrap{position:relative;z-index:1}
.footgrid{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:28px;padding-bottom:27px}
.foot-logo{width:160px;height:auto;margin:0 0 11px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
.foot-about p{max-width:285px;color:#eee;line-height:18px;font-size:11px;margin:0 0 17px}
.footer h4{font-size:13px;text-transform:uppercase;margin:4px 0 16px;color:#fff;font-weight:700}
.footer h4:after{content:"";display:block;width:29px;height:2px;background:#7b737e;margin-top:9px}
.foot-socials{display:flex;align-items:center;gap:7px}
.foot-social{width:35px!important;height:35px!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;color:#fff!important;flex:0 0 35px}
.foot-social svg{width:17px;height:17px;fill:currentColor;display:block}
.foot-social.fb{background:#3b6db7}.foot-social.tw{background:#3ba9ec}.foot-social.dr{background:#e84e87}.foot-social.ig{background:#4282ad}.foot-social.yt{background:#e74737}.foot-social.rss{background:#ff7600}
.foot-social.yt svg path:first-child{fill:#fff}.foot-social.yt svg path:last-child{fill:#e74737}
.foot-block-grid{display:grid;gap:5px}
.movies-blocks{grid-template-columns:repeat(3,minmax(0,1fr))}
.tv-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}
.foot-block-grid a{height:36px!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;background:rgba(75,68,79,.34);color:#fff!important;border:0;font-size:11px!important;line-height:1!important}
.foot-block-grid a:hover{background:rgba(255,212,0,.88);color:#16131a!important}
.footer-tags{display:flex;flex-wrap:wrap;gap:5px 5px}
.footer-tags a{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #817b84;border-radius:2px;padding:6px 6px!important;color:#eee!important;font-size:10px!important;line-height:1!important;background:rgba(34,30,39,.18)}
.footer-tags a:hover{border-color:#ffd400;color:#ffd400!important;background:rgba(255,212,0,.08)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0 20px;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-bottom span{white-space:nowrap}
@media(max-width:1100px){.footgrid{grid-template-columns:1.2fr 1fr 1fr}.tags-col{grid-column:1/-1}.footer{min-height:390px}}
@media(max-width:820px){.footgrid{grid-template-columns:1fr 1fr}.foot-about{grid-column:1/-1}.tags-col{grid-column:1/-1}.footer-bottom{justify-content:flex-start}}
@media(max-width:480px){.footgrid{grid-template-columns:1fr}.foot-about,.tags-col{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:7px}.movies-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V16 FINAL FOOTER — compact like the supplied reference */
footer.footer .footgrid{display:grid!important;grid-template-columns:1.08fr 1fr 1fr 1.08fr!important;gap:24px!important;align-items:start!important}
footer.footer .foot-logo{width:158px!important;max-width:158px!important;height:auto!important;display:block!important;margin:0 0 12px!important}
footer.footer .foot-about p{max-width:285px!important;font-size:11px!important;line-height:18px!important;margin:0 0 16px!important;color:#eee!important}
footer.footer .foot-socials{display:flex!important;align-items:center!important;gap:7px!important;height:34px!important}
footer.footer .mas-footer-social{display:flex!important;width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:0!important;box-sizing:border-box!important;color:#fff!important;line-height:1!important}
footer.footer .mas-footer-social svg{display:block!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;fill:currentColor!important}
footer.footer .mas-footer-social.fb{background:#3b6db7!important}.mas-footer-social.tw{background:#3ba9ec!important}.mas-footer-social.dr{background:#e84e87!important}.mas-footer-social.ig{background:#4282ad!important}.mas-footer-social.yt{background:#e74737!important}.mas-footer-social.rss{background:#ff7600!important}
footer.footer .mas-footer-block-grid{display:grid!important;gap:5px!important}
footer.footer .mas-footer-block-grid.movies-blocks{grid-template-columns:repeat(3,minmax(0,1fr))!important}
footer.footer .mas-footer-block-grid.tv-blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
footer.footer .mas-footer-block-grid a{display:flex!important;align-items:center!important;justify-content:center!important;height:36px!important;min-height:36px!important;box-sizing:border-box!important;padding:0 4px!important;margin:0!important;background:rgba(74,68,79,.34)!important;border:0!important;border-radius:0!important;color:#fff!important;font-size:11px!important;font-weight:400!important;line-height:1!important;text-decoration:none!important}
footer.footer .mas-footer-block-grid a:hover{background:rgba(255,212,0,.9)!important;color:#16131a!important}
footer.footer .footer-tags{display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:flex-start!important}
footer.footer .footer-tags a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-height:0!important;padding:6px 6px!important;margin:0!important;background:rgba(34,30,39,.18)!important;border:1px solid #817b84!important;border-radius:2px!important;color:#eee!important;font-size:10px!important;line-height:1!important;text-decoration:none!important}
footer.footer .footer-bottom{border-top:1px solid rgba(255,255,255,.12)!important;padding:18px 0 20px!important;color:#fff!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
@media(max-width:1100px){footer.footer .footgrid{grid-template-columns:1.1fr 1fr 1fr!important}footer.footer .tags-col{grid-column:1/-1!important}}
@media(max-width:820px){footer.footer .footgrid{grid-template-columns:1fr 1fr!important}footer.footer .foot-about,footer.footer .tags-col{grid-column:1/-1!important}}
@media(max-width:480px){footer.footer .footgrid{grid-template-columns:1fr!important}footer.footer .foot-about,footer.footer .tags-col{grid-column:auto!important}footer.footer .mas-footer-block-grid.movies-blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}footer.footer .footer-bottom{display:block!important}}

/* V17 - footer social icons locked to the compact reference size */
footer.footer .foot-socials,
footer.footer .foot-socials.mas-footer-socials{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
}
footer.footer .foot-socials > .mas-footer-social,
footer.footer .foot-socials > a.mas-footer-social{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  flex:0 0 36px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  line-height:1!important;
  overflow:hidden!important;
}
footer.footer .foot-socials > .mas-footer-social svg,
footer.footer .foot-socials > a.mas-footer-social svg{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  max-width:17px!important;
  min-height:17px!important;
  max-height:17px!important;
  display:block!important;
  margin:0!important;
}
footer.footer .foot-socials > .mas-footer-social.yt svg{width:18px!important;height:18px!important}


/* V18 hero cleanup: no baked/interactive GO or gear overlay */
.hero .go-loader,.hero .settings{display:none!important;}

/* V18 Blog Slider: equal button size and aligned bottoms */
.blog-slider .blog-card{display:flex!important;flex-direction:column!important;min-height:380px!important;}
.blog-slider .blog-card .read{margin-top:auto!important;width:87px!important;height:28px!important;min-width:87px!important;max-width:87px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:28px!important;font-size:11px!important;font-weight:700!important;}
@media(max-width:700px){.blog-slider .blog-card{min-height:360px!important;}}


/* V19 - Movie Box branding + compact footer legal navigation */
.footer-pagebar{margin:0 0 18px;padding:10px 12px;background:rgba(66,66,66,.92);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(0,0,0,.28);min-height:58px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.footer-pagebar-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;width:100%}
.footer-pagebar a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;background:rgba(39,34,43,.48);border:1px solid rgba(255,255,255,.09);border-radius:2px;color:#fff!important;font-size:12px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.footer-pagebar a:hover{background:#ffd400;color:#17131a!important;border-color:#ffd400}
footer.footer .foot-logo{width:166px!important;max-width:166px!important}
@media(max-width:700px){.footer-pagebar{padding:9px 8px}.footer-pagebar a{padding:0 9px;font-size:11px;min-height:32px}}

/* V19 defensive cleanup: no hero GO/loading/settings overlay */
.hero .go,.hero .go-loader,.hero .hero-go,.hero .settings,.hero .hero-settings,.hero .gear{display:none!important}


/* V20 - 15-card latest sections: five compact cards per row */
.home .movie-grid, .page .movie-grid, .movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
@media(max-width:1100px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:820px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:560px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}

/* V21 — responsive layout pass: desktop / laptop / tablet / mobile */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

@media (max-width:1200px){
  .wrap{width:calc(100% - 24px)}
  .columns{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
  .movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .poster{height:170px}
  .hero{height:220px}
  .footgrid{gap:18px!important}
}

@media (max-width:900px){
  .left-rail{position:relative;top:auto;left:auto;bottom:auto;width:100%;height:auto;min-height:0;padding:8px 10px;box-sizing:border-box;display:flex;align-items:center;gap:10px}
  .logo{width:82px!important;height:62px!important;flex:0 0 82px;margin:0!important}
  .logo img{width:78px!important;height:auto!important}
  .rail-menu{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
  .rail-item{height:58px;min-width:0}
  .rail-item span:last-child{font-size:10px;white-space:nowrap}
  .ico{font-size:16px}
  .page{margin-left:0}
  .topbar{height:62px;padding-bottom:8px}
  .search{width:min(70%,430px)}
  .columns{grid-template-columns:1fr;gap:0}
  .side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .side .widget{margin-bottom:0}
  .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .poster{height:180px}
  .details{display:none}
  .two-ranks{grid-template-columns:1fr 1fr}
  .hero{height:210px}
  .hero-slide{flex-basis:100%!important}
  .blog-card{flex-basis:50%}
  .movie-single{grid-template-columns:190px 1fr}
  footer.footer .footgrid{grid-template-columns:1.2fr 1fr 1fr!important}
  footer.footer .tags-col{grid-column:1/-1!important}
}

@media (max-width:700px){
  .left-rail{display:block;padding:7px 8px}
  .logo{width:100%!important;height:54px!important;margin:0 auto 6px!important;display:flex}
  .logo img{width:82px!important}
  .rail-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .rail-item{height:56px}
  .rail-item span:last-child{font-size:10px}
  .topbar{height:55px;align-items:center;padding:0}
  .search{width:100%;height:38px}
  .user{display:none}
  .wrap{width:calc(100% - 12px)}
  .hero{height:190px}
  .hero-arrow{font-size:46px}
  .hero-arrow.left{left:0}.hero-arrow.right{right:0}
  .dots{height:34px}
  .notice{height:auto;min-height:42px;padding:8px 10px;font-size:11px}
  .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}
  .poster{height:180px}
  .mname{font-size:11px;line-height:13px}
  .two-ranks{grid-template-columns:1fr}
  .side{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .blog-card{flex-basis:100%;padding:0}
  .blog-card img{height:165px}
  .blog-slider-wrap{padding:0 25px}
  .movie-box-list{gap:12px}
  .box-item{grid-template-columns:125px 1fr;padding:10px;gap:10px}
  .box-cover{height:185px}
  .movie-single{grid-template-columns:1fr;gap:12px}
  .movie-single>img{width:150px;height:220px}
  .az-table{overflow-x:auto}
  .az-head,.az-row{min-width:610px}
  .footer{padding-top:30px}
  footer.footer .footgrid{grid-template-columns:1fr 1fr!important;gap:20px!important}
  footer.footer .foot-about,footer.footer .tags-col{grid-column:1/-1!important}
  .footer-pagebar{min-height:0;padding:8px}
  .footer-pagebar-inner{justify-content:flex-start}
  .footer-pagebar a{min-height:32px;padding:0 9px;font-size:10px}
  .footer-bottom{display:block!important}
  .footer-bottom span{display:block;margin-bottom:7px;white-space:normal}
}

@media (max-width:480px){
  .rail-menu{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rail-item{height:54px}
  .hero{height:175px}
  .hero-arrow{font-size:40px}
  .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .poster{height:210px}
  .section-title{font-size:16px}
  .blog-card h3{font-size:16px}
  .blog-card img{height:155px}
  .box-item{grid-template-columns:105px 1fr}
  .box-cover{height:160px}
  footer.footer .footgrid{grid-template-columns:1fr!important}
  footer.footer .foot-about,footer.footer .tags-col{grid-column:auto!important}
  footer.footer .mas-footer-block-grid.movies-blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  footer.footer .mas-footer-block-grid.tv-blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  footer.footer .mas-footer-block-grid a{height:32px!important;min-height:32px!important;font-size:10px!important}
  footer.footer .foot-logo{width:145px!important}
  footer.footer .mas-footer-social{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;flex-basis:32px!important}
  footer.footer .mas-footer-social svg{width:15px!important;height:15px!important}
  .footer-pagebar a{font-size:10px;min-height:30px;padding:0 8px}
}

@media (max-width:360px){
  .rail-item span:last-child{font-size:9px}
  .hero{height:155px}
  .poster{height:185px}
  .footer-pagebar-inner{gap:4px}
  .footer-pagebar a{padding:0 6px;font-size:9px}
}


/* V22 — final layout corrections from supplied screenshots */
.movie-grid .movie{min-height:0!important;overflow:visible!important}
.movie-grid .mname{display:block!important;width:100%!important;min-height:33px!important;height:auto!important;box-sizing:border-box!important;position:relative!important;z-index:2!important;white-space:normal!important;overflow:visible!important}
.home section.space{margin-top:30px!important;clear:both!important}
.two-ranks{gap:42px!important;align-items:start!important;margin-top:6px!important}
.two-ranks>div{min-width:0!important;overflow:visible!important}
.two-ranks .section-title{margin-bottom:13px!important}
.rank{min-width:0!important;overflow:hidden!important}
.rinfo{min-width:0!important;overflow:hidden!important}
.rinfo b{display:block!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Footer legal page strip: always horizontal on desktop/tablet */
footer.footer .footer-pagebar{width:100%!important;min-height:54px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;overflow:hidden!important}
footer.footer .footer-pagebar-inner{width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important}
footer.footer .footer-pagebar a{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;height:34px!important;min-height:34px!important;width:auto!important;padding:0 12px!important;margin:0!important;white-space:nowrap!important;box-sizing:border-box!important}

/* Cleaner Movie Box logo with visible separation between movie and box */
footer.footer .foot-logo{width:166px!important;height:auto!important;max-width:166px!important;object-fit:contain!important}
.left-rail .logo img{width:78px!important;height:auto!important;object-fit:contain!important}

@media(max-width:700px){
  footer.footer .footer-pagebar{padding:7px 8px!important;min-height:50px!important}
  footer.footer .footer-pagebar-inner{justify-content:flex-start!important;flex-wrap:nowrap!important;gap:5px!important}
  footer.footer .footer-pagebar a{height:32px!important;min-height:32px!important;padding:0 9px!important;font-size:10px!important}
  .two-ranks{gap:30px!important}
}
@media(max-width:480px){
  footer.footer .footer-pagebar a{height:30px!important;min-height:30px!important;padding:0 8px!important;font-size:10px!important}
  .home section.space{margin-top:24px!important}
}

/* V47.21 — demo-matched Movie Slider layouts and interactive Swiper details. */
.mbx-slider-section{min-width:0!important;overflow:visible!important}
.mbx-slider-section .mbx-slider-shell{position:relative!important;display:block!important;min-width:0!important}
.mbx-slider-section .mbx-slider-viewport{width:100%!important;min-width:0!important;overflow:hidden!important}
.mbx-poster-shell .mbx-slider-track,
.mbx-backdrop-shell .mbx-slider-track{gap:10px!important}
.mbx-swiper-shell .mbx-slider-track{gap:0!important}
.mbx-slider-section .mbx-slider-track{align-items:stretch!important}
.mbx-slider-section .mbx-slider-arrow{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
  z-index:30!important;margin:0!important;border:0!important;border-radius:0!important;
  background:rgba(18,16,21,.34)!important;color:#1597ef!important;
  width:34px!important;min-width:34px!important;height:54px!important;
  font-size:39px!important;line-height:1!important;
}
.mbx-slider-section .mbx-slider-arrow:hover,
.mbx-slider-section .mbx-slider-arrow:focus-visible{background:rgba(18,16,21,.78)!important;color:#ffd400!important}
.mbx-slider-section .mbx-slider-arrow.prev{left:0!important}
.mbx-slider-section .mbx-slider-arrow.next{right:0!important}
.mbx-poster-shell .mbx-poster-slide{
  position:relative!important;flex:0 0 calc((100% - 40px)/5)!important;
  width:calc((100% - 40px)/5)!important;height:auto!important;
  aspect-ratio:2/3!important;overflow:hidden!important;background:#17151a!important;
}
.mbx-poster-shell .mbx-poster-slide img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
}
.mbx-poster-shell .mbx-poster-slide:before{display:none!important}
.mbx-poster-shell .mbx-poster-slide:after{
  display:block!important;height:50%!important;background:linear-gradient(transparent,rgba(0,0,0,.88))!important;
}
.mbx-poster-shell .mbx-meta{left:0!important;right:0!important;top:0!important;padding:6px!important;z-index:12!important}
.mbx-poster-shell .mbx-slide-title{left:8px!important;right:8px!important;bottom:8px!important;z-index:12!important}
.mbx-backdrop-shell .mbx-backdrop-slide{
  position:relative!important;flex:0 0 calc((100% - 10px)/2)!important;
  width:calc((100% - 10px)/2)!important;height:auto!important;
  aspect-ratio:500/264!important;overflow:hidden!important;background:#17151a!important;
}
.mbx-backdrop-shell .mbx-backdrop-slide img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
}
.mbx-backdrop-shell .mbx-backdrop-slide:before{display:none!important}
.mbx-backdrop-shell .mbx-backdrop-gradient{z-index:1!important;background:linear-gradient(transparent 38%,rgba(0,0,0,.9))!important}
.mbx-backdrop-shell .mbx-backdrop-copy{z-index:3!important;left:13px!important;right:82px!important;bottom:12px!important}
.mbx-backdrop-shell .mbx-type-badge{
  z-index:4!important;right:0!important;top:0!important;padding:7px 10px!important;
  background:#ffd400!important;color:#17131a!important;font-size:10px!important;font-weight:800!important;
}
.mbx-swiper-shell .mbx-swiper-slide{
  position:relative!important;flex:0 0 33.333333%!important;width:33.333333%!important;
  height:auto!important;aspect-ratio:16/9!important;margin:0!important;overflow:hidden!important;background:#17151a!important;
}
.mbx-swiper-shell .mbx-swiper-slide img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  transition:filter .22s ease,transform .28s ease!important;
}
.mbx-swiper-shell .mbx-swiper-slide:before,
.mbx-swiper-shell .mbx-swiper-slide:after{display:none!important}
.mbx-swiper-hover{
  position:absolute!important;inset:0!important;z-index:12!important;display:flex!important;
  flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;
  gap:5px!important;padding:16px 18px!important;color:#fff!important;
  background:linear-gradient(180deg,rgba(8,7,9,.18) 0%,rgba(8,7,9,.7) 56%,rgba(8,7,9,.94) 100%)!important;
  opacity:0!important;transform:translateY(8px)!important;transition:opacity .2s ease,transform .2s ease!important;
  pointer-events:none!important;
}
.mbx-swiper-hover strong{font-size:17px!important;font-weight:500!important;line-height:1.2!important}
.mbx-swiper-rating{color:#777!important;font-size:15px!important;letter-spacing:1px!important;line-height:1!important}
.mbx-swiper-rating span{color:#ffd400!important}
.mbx-swiper-hover small{color:#f0f0f0!important;font-size:10px!important;line-height:1.3!important}
.mbx-swiper-hover em{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;
  overflow:hidden!important;color:#ddd!important;font-size:10px!important;line-height:1.45!important;font-style:normal!important;
}
.mbx-swiper-shell .mbx-swiper-slide:hover img,
.mbx-swiper-shell .mbx-swiper-slide:focus-visible img{filter:brightness(.56)!important;transform:scale(1.025)!important}
.mbx-swiper-shell .mbx-swiper-slide:hover .mbx-swiper-hover,
.mbx-swiper-shell .mbx-swiper-slide:focus-visible .mbx-swiper-hover{opacity:1!important;transform:none!important}
.mbx-slider-section .mbx-slider-dots{padding:12px 0 0!important;gap:7px!important}
.mbx-slider-section .mbx-slider-dots button{width:8px!important;height:8px!important}
.mbx-slider-blog-list>.section-title{display:none!important}
@media(max-width:1100px){
  .mbx-poster-shell .mbx-poster-slide{flex-basis:calc((100% - 30px)/4)!important;width:calc((100% - 30px)/4)!important}
}
@media(max-width:820px){
  .mbx-poster-shell .mbx-poster-slide{flex-basis:calc((100% - 20px)/3)!important;width:calc((100% - 20px)/3)!important}
  .mbx-swiper-shell .mbx-swiper-slide{flex-basis:50%!important;width:50%!important}
}
@media(max-width:700px){
  .mbx-backdrop-shell .mbx-backdrop-slide{flex-basis:100%!important;width:100%!important}
}
@media(max-width:560px){
  .mbx-poster-shell .mbx-slider-track,.mbx-backdrop-shell .mbx-slider-track{gap:8px!important}
  .mbx-poster-shell .mbx-poster-slide{flex-basis:calc((100% - 8px)/2)!important;width:calc((100% - 8px)/2)!important;max-height:none!important}
  .mbx-swiper-shell .mbx-swiper-slide{flex-basis:100%!important;width:100%!important}
  .mbx-swiper-hover{padding:12px 14px!important}
  .mbx-slider-section .mbx-slider-arrow{width:30px!important;min-width:30px!important;height:46px!important;font-size:31px!important}
}

/* V23 — hard fixes: card rows, logo spacing, footer legal strip */
.movie-grid{display:grid!important;grid-auto-flow:row!important;grid-auto-rows:auto!important;row-gap:12px!important;column-gap:7px!important;align-items:start!important}
.movie-grid .movie{display:flex!important;flex-direction:column!important;align-self:start!important;height:auto!important;min-height:0!important;position:relative!important;overflow:visible!important}
.movie-grid .movie .poster{display:block!important;flex:0 0 178px!important;height:178px!important;min-height:178px!important;overflow:hidden!important}
.movie-grid .movie .mname{display:block!important;flex:0 0 auto!important;height:auto!important;min-height:36px!important;margin:0!important;padding:7px 2px 3px!important;line-height:14px!important;white-space:normal!important;overflow-wrap:anywhere!important;position:relative!important;z-index:2!important}
.movie-grid .movie .details{top:205px!important}

/* Keep the two ranked columns visually separated and prevent title collisions. */
.two-ranks{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:42px!important;row-gap:20px!important;align-items:start!important}
.two-ranks>div{min-width:0!important;position:relative!important}
.rank{min-height:57px!important;height:auto!important;overflow:hidden!important}
.rinfo{min-width:0!important}
.rinfo b{display:block!important;line-height:14px!important;white-space:normal!important;overflow:hidden!important}

/* Movie Box logo: deliberate vertical separation between the two words. */
.logo img,.left-rail .logo img,footer.footer .foot-logo{object-fit:contain!important}
.left-rail .logo img{width:78px!important;height:60px!important}
footer.footer .foot-logo{width:166px!important;height:96px!important;max-width:166px!important}

/* Footer legal navigation: one horizontal compact strip on desktop/tablet. */
footer.footer .footer-pagebar{display:block!important;width:100%!important;min-height:54px!important;height:auto!important;margin:0 0 18px!important;padding:9px 12px!important;background:rgba(66,66,66,.92)!important;box-sizing:border-box!important;overflow:hidden!important}
footer.footer .footer-pagebar-inner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;width:100%!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important}
footer.footer .footer-pagebar a{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;height:34px!important;min-height:34px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 12px!important;background:rgba(39,34,43,.48)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:2px!important;color:#fff!important;font-size:11px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important}
footer.footer .footer-pagebar a:hover{background:#ffd400!important;color:#17131a!important;border-color:#ffd400!important}

@media(max-width:900px){
  .movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:14px!important}
  .movie-grid .movie .poster{height:180px!important;min-height:180px!important;flex-basis:180px!important}
  .movie-grid .movie .mname{min-height:36px!important}
}
@media(max-width:700px){
  .movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:14px!important}
  .movie-grid .movie .poster{height:180px!important;min-height:180px!important;flex-basis:180px!important}
  .two-ranks{grid-template-columns:1fr!important;row-gap:26px!important}
  footer.footer .footer-pagebar{padding:8px!important;min-height:50px!important}
  footer.footer .footer-pagebar-inner{justify-content:flex-start!important;gap:5px!important}
  footer.footer .footer-pagebar a{height:32px!important;min-height:32px!important;padding:0 9px!important;font-size:10px!important}
}
@media(max-width:480px){
  .movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:14px!important}
  .movie-grid .movie .poster{height:210px!important;min-height:210px!important;flex-basis:210px!important}
  footer.footer .foot-logo{width:145px!important;height:84px!important}
}

/* V24 — crisp Movie Box logo: no overlap, no distortion, vector-first */
.logo img,
.left-rail .logo img,
footer.footer .foot-logo{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.left-rail .logo img{width:82px!important;height:auto!important;}
footer.footer .foot-logo{width:170px!important;height:auto!important;}
@media(max-width:820px){
  .left-rail .logo img{width:84px!important;height:auto!important;}
  footer.footer .foot-logo{width:155px!important;height:auto!important;}
}
@media(max-width:520px){
  .left-rail .logo img{width:82px!important;}
  footer.footer .foot-logo{width:145px!important;}
}

/* V26 — Blog Slider -> full Blog Post experience, based on the supplied recording */
.blog-single-layout{margin-top:0}
.full-blog-post{background:transparent}
.full-blog-post .blog-hero-image{width:100%;height:390px;object-fit:cover;background:#302d35;display:block}
.full-blog-post>h1{font-size:25px;font-weight:400;margin:18px 0 10px;color:#f1f1f1}
.blog-meta-line{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#eee;font-size:12px;margin-bottom:16px}
.share-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}
.share{display:inline-flex!important;align-items:center;justify-content:center;height:34px;padding:0 14px!important;color:#fff!important;font-size:12px!important;font-weight:600;line-height:1!important;border-radius:1px}
.share.facebook{background:#3d6fb7}.share.twitter{background:#25a9df}.share.pinterest{background:#cf3447}.share.linkedin{background:#1888ae}
.blog-content{font-size:13px;color:#eee;line-height:1.7}
.blog-content p{margin:0 0 20px}
.blog-content blockquote{margin:20px 16px 20px;border-left:3px solid var(--yellow);padding:8px 22px;font-style:italic;color:#eee}



.post-nav{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:16px 10px;display:flex;justify-content:space-between;gap:20px;margin:15px 0 22px}
.post-nav a{display:flex!important;flex-direction:column;gap:5px;max-width:48%;color:#ddd!important}.post-nav a.next{text-align:right;margin-left:auto}.post-nav small{font-size:10px;color:#777}.post-nav b{font-size:12px;font-weight:400}
.related-posts{background:#302d35;padding:0 14px 14px;margin-bottom:25px}.related-posts .section-title{margin:0 -14px 14px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-grid article{min-width:0}.related-grid img{width:100%;height:120px;object-fit:cover}.related-grid h3{font-size:13px;font-weight:400;line-height:1.35;margin:9px 0 7px}.related-date{font-size:10px;color:#ddd}
.comment-box{background:#302d35;padding:22px;margin-bottom:30px}.comment-box h2{font-size:18px;margin:0 0 10px}.comment-box>p{color:#ddd;font-size:12px;margin:0 0 20px}.comment-box form{display:flex;flex-direction:column;gap:8px}.comment-box label{font-size:12px;color:#ddd}.comment-box input,.comment-box textarea{width:100%;background:#29262e;border:1px solid #45414a;color:#fff;padding:11px;font:inherit;outline:none}.comment-box textarea{min-height:150px;resize:vertical}.comment-box .check{display:flex;align-items:flex-start;gap:7px;margin:5px 0 10px}.comment-box .check input{width:auto;margin-top:2px}.comment-box .btn{border:0;cursor:pointer;align-self:flex-start}.comment-success{background:#374d32;border-left:3px solid #82bd4b;padding:10px;margin-bottom:15px;color:#e9f5df;font-size:12px}
.newsletter-popup{position:fixed;z-index:1200;right:18px;top:165px;width:305px;background:#25232a;box-shadow:0 10px 35px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.06)}
.newsletter-popup>img{width:100%;height:198px;object-fit:cover}.newsletter-body{padding:16px 18px 22px;background:#26333b;text-align:center}.newsletter-body h2{font-size:22px;line-height:1.15;margin:0 0 10px}.newsletter-body p{font-size:12px;line-height:1.5;color:#ddd;margin:0 0 20px}.newsletter-body form{display:flex;flex-direction:column;gap:9px}.newsletter-body input{height:37px;border:0;padding:0 10px;font-size:12px}.newsletter-body button{height:37px;border:0;background:#ffbd00;color:#fff;font-weight:700;cursor:pointer}.newsletter-close{position:absolute;z-index:2;left:-9px;top:-11px;width:24px;height:24px;border:0;border-radius:50%;background:#333;color:#fff;font-size:19px;line-height:22px;cursor:pointer}.newsletter-popup.closed{display:none}
@media(max-width:1100px){.full-blog-post .blog-hero-image{height:330px}.newsletter-popup{width:285px;right:8px}}
@media(max-width:820px){.full-blog-post .blog-hero-image{height:280px}.newsletter-popup{position:relative;top:auto;right:auto;width:min(100%,360px);margin:0 auto 25px}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.full-blog-post .blog-hero-image{height:210px}.full-blog-post>h1{font-size:21px}.blog-meta-line{gap:9px;font-size:10px}.share{height:32px;padding:0 10px!important;font-size:10px!important}.related-grid{grid-template-columns:1fr}.post-nav b{font-size:11px}.comment-box{padding:16px}}

/* V28 MOVIE / TV DETAIL WINDOW — inspired by the supplied reference */
.movie-detail-layout{align-items:start}
.watch-box{background:#302c35;margin-bottom:0}
.player-frame{height:380px;position:relative;overflow:hidden;background:#15131a}
.player-frame img{width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
.player-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.55));pointer-events:none}
.player-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;border:7px solid rgba(255,255,255,.92);background:rgba(70,70,75,.55);color:#fff;cursor:pointer;box-shadow:0 2px 20px rgba(0,0,0,.35)}
.player-play span{font-size:58px;margin-left:8px}
.player-tools{height:38px;background:#4a3550;display:flex;align-items:center;gap:25px;padding:0 15px}
.player-tools a,.player-tools button{border:0;background:none;color:#eee;font-size:13px;cursor:pointer;padding:0}
.server-panel{background:#4a3550;border-top:1px solid rgba(255,255,255,.05);padding:20px 18px 21px;color:#eee}
.server-panel>b{display:block;margin-bottom:12px;font-size:13px}
.server-buttons{display:flex;gap:4px}.server{width:28px;height:30px;border:0;background:#fff;color:#444;cursor:pointer;font-size:13px}.server.active{background:var(--yellow);color:#111}
.movie-detail-card{background:#302d35;padding:22px 18px 15px}
.movie-primary{display:grid;grid-template-columns:155px 1fr;gap:28px}.detail-poster{width:155px;height:228px;object-fit:cover;border:4px solid #eee;border-radius:2px}
.movie-main-info h1{margin:0 0 10px;font-size:27px;font-weight:700}.detail-rating{margin-bottom:12px}.detail-rating>span{color:var(--yellow);font-size:18px;letter-spacing:1px}.detail-rating .empty-star{color:#aaa}.detail-rating em{font-style:normal;color:#aaa;font-size:11px;margin-left:5px}
.detail-actions{display:flex;align-items:center;gap:16px;color:#eee;font-size:12px;margin-bottom:13px}.detail-actions a,.detail-actions button{color:#eee;background:none;border:0;padding:0;cursor:pointer}.detail-actions a:hover,.detail-actions button:hover{color:var(--yellow)}
.share-row{display:flex;gap:5px;margin-bottom:12px}.share{display:inline-flex!important;align-items:center;justify-content:center;height:34px;padding:0 12px!important;color:#fff!important;font-size:11px!important}.share.fb{background:#3b70bb}.share.tw{background:#31a9e8}.share.pin{background:#d33b35}.share.in{background:#277ba7}
.detail-description{color:#ccc;line-height:18px;margin:0;max-width:760px}
.detail-facts{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;margin-top:18px}.detail-facts>div{border-top:1px solid var(--line);padding:10px 0;min-height:47px}.detail-facts b{display:block;font-size:12px;margin-bottom:3px}.detail-facts span{color:#aaa;font-size:11px}.keywords{border-top:1px solid var(--line);padding-top:12px;color:#aaa;font-size:11px;margin:4px 0 0}
.related-movies{margin-top:25px}.related-movie-grid{grid-template-columns:repeat(6,1fr)!important;gap:7px}.comment-box{background:#302d35;padding:16px 18px;margin-top:25px}.comment-box>p{color:#ccc;font-size:11px}.comment-box label{display:block;color:#ddd;font-size:11px;margin:10px 0}.comment-box textarea,.comment-box input{width:100%;background:#3a353e;border:1px solid #4b4650;color:#fff;padding:10px;outline:0}.comment-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.save-comment{display:flex!important;align-items:center;gap:7px}.save-comment input{width:auto}.lights-off:after{content:"";position:fixed;z-index:900;inset:0;background:rgba(0,0,0,.72);pointer-events:none}.lights-off .left-rail,.lights-off .topbar,.lights-off .watch-box,.lights-off .movie-detail-card{position:relative;z-index:901}
@media(max-width:1100px){.player-frame{height:330px}.related-movie-grid{grid-template-columns:repeat(5,1fr)!important}}
@media(max-width:820px){.player-frame{height:300px}.player-play{width:110px;height:110px;border-width:5px}.player-play span{font-size:43px}.movie-primary{grid-template-columns:150px 1fr;gap:18px}.movie-main-info h1{font-size:22px}.related-movie-grid{grid-template-columns:repeat(4,1fr)!important}.detail-facts{column-gap:18px}}
@media(max-width:560px){.player-frame{height:220px}.player-play{width:82px;height:82px;border-width:4px}.player-play span{font-size:31px}.player-tools{gap:15px;padding:0 10px}.server-panel{padding:15px 12px}.movie-detail-card{padding:15px 12px}.movie-primary{grid-template-columns:1fr;gap:14px}.detail-poster{width:145px;height:215px}.movie-main-info h1{font-size:20px}.detail-actions{flex-wrap:wrap;gap:10px}.share-row{flex-wrap:wrap}.detail-facts{grid-template-columns:1fr}.related-movie-grid{grid-template-columns:repeat(2,1fr)!important}.comment-fields{grid-template-columns:1fr}}

/* V29: listing and sidebar blog slider */
.listing-grid{row-gap:16px}
.side-blog-slider{position:relative;overflow:hidden;height:215px}
.side-blog-track{display:flex;gap:6px;height:100%;transition:transform .45s ease}
.side-blog-card{position:relative;flex:0 0 calc(50% - 3px);height:215px;overflow:hidden;background:#403b43}
.side-blog-card img{width:100%;height:100%;object-fit:cover}
.side-blog-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(0,0,0,.78));pointer-events:none}
.side-blog-card span{position:absolute;z-index:2;left:7px;right:7px;bottom:9px;text-align:center;color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 4px #000}
.side-blog-prev,.side-blog-next{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:32px;height:48px;border:1px solid rgba(255,255,255,.8);background:rgba(0,0,0,.55);color:#fff;font-size:32px;line-height:38px;cursor:pointer}
.side-blog-prev{left:2px}.side-blog-next{right:2px}
@media(max-width:700px){
 .side-blog-slider,.side-blog-card{height:200px}
 .side-blog-card{flex-basis:100%}
}

/* V30: Home Blog List below the main Blog Slider; compact reference-style rows */
.blog-list-section{margin-top:22px}
.blog-list{display:flex;flex-direction:column;gap:12px}
.blog-list-item{display:grid;grid-template-columns:250px 1fr;gap:16px;background:#302d35;padding:10px;min-height:145px;overflow:hidden}
.blog-list-image{display:block;height:145px;overflow:hidden;background:#24212a}
.blog-list-image img{width:100%;height:100%;object-fit:cover;display:block}
.blog-list-body{min-width:0;padding:2px 4px 4px 0}
.blog-list-body h3{margin:0 0 5px;font-size:18px;line-height:1.25;font-weight:500}
.blog-list-body h3 a{color:#fff;text-decoration:none}
.blog-list-body h3 a:hover{color:var(--yellow)}
.blog-list-body .rule{width:28px;height:2px;background:#777;margin:8px 0 10px}
.blog-list-body .by{font-size:10px;color:#ddd;margin-bottom:10px}
.blog-list-body p{font-size:12px;line-height:1.55;color:#cfcbd2;margin:0 0 11px;max-width:720px}
.blog-list-body .read{display:inline-flex!important;align-items:center;height:32px;padding:0 13px!important;background:var(--yellow);color:#111!important;text-decoration:none;font-size:11px;font-weight:600}
@media(max-width:820px){.blog-list-item{grid-template-columns:190px 1fr;min-height:125px}.blog-list-image{height:125px}.blog-list-body h3{font-size:16px}.blog-list-body p{font-size:11px}}
@media(max-width:560px){.blog-list-item{grid-template-columns:1fr;gap:10px;padding:8px}.blog-list-image{height:190px}.blog-list-body{padding:0 2px 5px}.blog-list-body h3{font-size:17px}.blog-list-body p{font-size:11px}}

/* V32: listing age/MPAA corner badges are intentionally hidden; detail metadata remains visible. */
.movie-grid .age,.latest-grid .age,.movie .age,.poster .age,.latest-card>span{display:none!important}

/* V32: compact sidebar/footer social icons. RSS is replaced by Pinterest. */
.socials .rss{background:#bd081c!important}
.socials .rss svg{width:18px;height:18px}

/* V32 newsletter: do not show on initial page load; show only after scrolling, then 2.5s delay. */
.newsletter-popup{display:none!important}
.newsletter-popup.show{display:block!important}
@media(max-width:820px){.newsletter-popup.show{display:block!important}}

/* V32 Pinterest icon in Follow Us: compact, centered, no RSS glyph. */
.socials .soc.rss{background:#bd081c!important}
.socials .soc.rss svg{width:18px;height:18px;display:block;fill:currentColor}

/* V33 hard fixes */
.movie-grid .age,.latest-card>span{display:none!important;visibility:hidden!important;width:0!important;height:0!important;padding:0!important;margin:0!important}
.socials .soc{cursor:pointer;text-decoration:none!important}
.socials .soc.rss{background:#bd081c!important}
.socials .soc.rss svg{fill:#fff!important}
.newsletter-popup{display:none!important;visibility:hidden;opacity:0;pointer-events:none}
.newsletter-popup.show{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}

/* V34 hard fixes: global delayed newsletter, clean poster artwork, real SVG socials */
.newsletter-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.newsletter-overlay.is-visible{display:flex;opacity:1;visibility:visible;pointer-events:auto}
.newsletter-popup-v34{position:relative;width:min(720px,94vw);background:#25232b;box-shadow:0 18px 55px rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.newsletter-close-v34{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:#333;color:#fff;font-size:23px;line-height:1;cursor:pointer;z-index:3}
.newsletter-media-v34{height:245px;overflow:hidden}
.newsletter-media-v34 img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.65)}
.newsletter-body-v34{padding:22px;background:#26333b}.newsletter-body-v34 h2{margin:0 0 8px;color:#fff;font-size:27px}.newsletter-body-v34 p{margin:0 0 18px;color:#ddd;font-size:13px;line-height:1.5}.newsletter-form-v34{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.newsletter-form-v34 input,.newsletter-form-v34 button{height:42px;border:0;box-sizing:border-box;padding:0 12px;font-size:12px}.newsletter-form-v34 button{background:#ffd400;color:#111;font-weight:800;cursor:pointer}.newsletter-form-v34 button:disabled{opacity:.75;cursor:default}
.socials .soc{display:flex!important;align-items:center;justify-content:center;text-decoration:none!important}.socials .soc svg{width:18px!important;height:18px!important;display:block!important;fill:currentColor}.socials .soc.fb{background:#3b6db7}.socials .soc.tw{background:#3ba9ec}.socials .soc.dr{background:#e84e87}.socials .soc.ig{background:#4282ad}.socials .soc.yt{background:#e74737}.socials .soc.pin{background:#bd081c}.socials .soc.yt svg path:last-child{fill:#e74737}
@media(max-width:700px){.newsletter-popup-v34{width:min(420px,94vw)}.newsletter-media-v34{height:170px}.newsletter-body-v34 h2{font-size:22px}.newsletter-form-v34{grid-template-columns:1fr}.newsletter-form-v34 button{width:100%}}

/* V35: footer is rendered on every content route, not only the home route. */
/* V35: medium newsletter, one-time-per-browser behavior is controlled by JS/localStorage. */
.newsletter-popup-v35{position:relative;width:min(620px,92vw);background:#25232b;box-shadow:0 18px 55px rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.newsletter-close-v35{position:absolute;right:8px;top:8px;width:30px;height:30px;border:0;border-radius:50%;background:#333;color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:3}
.newsletter-media-v35{height:190px;overflow:hidden}
.newsletter-media-v35 img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.65)}
.newsletter-body-v35{padding:18px 20px;background:#26333b}.newsletter-body-v35 h2{margin:0 0 7px;color:#fff;font-size:24px}.newsletter-body-v35 p{margin:0 0 15px;color:#ddd;font-size:12px;line-height:1.5}.newsletter-form-v35{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.newsletter-form-v35 input,.newsletter-form-v35 button{height:40px;border:0;box-sizing:border-box;padding:0 11px;font-size:12px}.newsletter-form-v35 button{background:#ffd400;color:#111;font-weight:800;cursor:pointer}
/* V35: Top Rated labels sit on translucent gray chips so the poster remains visible underneath. */
.side-year,.side-rate{background:rgba(74,74,74,.88)!important;color:#bdbdbd!important;border:0!important;box-shadow:none!important}
.side-rate{color:#bdbdbd!important}
.side-rate::first-letter{color:#bdbdbd!important}
.side-card:after{background:linear-gradient(transparent 48%,rgba(0,0,0,.78))!important}
@media(max-width:700px){.newsletter-popup-v35{width:min(430px,94vw)}.newsletter-media-v35{height:155px}.newsletter-body-v35 h2{font-size:21px}.newsletter-form-v35{grid-template-columns:1fr}.newsletter-form-v35 button{width:100%}}


/* V36: permanent compact newsletter widget between Follow Us and Top Rated. */
.newsletter-widget-v36{padding:12px 12px 13px!important;margin-bottom:16px!important;background:#302d35!important}
.newsletter-widget-v36 h3{font-size:12px!important;margin-bottom:6px!important}
.newsletter-banner-v36{position:relative;min-height:168px;overflow:hidden;background:#25232b;border:1px solid rgba(255,255,255,.08)}
.newsletter-banner-v36>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;filter:brightness(.72)}
.newsletter-banner-v36:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,29,37,.96),rgba(31,29,37,.62),rgba(31,29,37,.3))}
.newsletter-banner-content-v36{position:relative;z-index:2;padding:16px 13px 13px;min-height:168px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.newsletter-banner-content-v36 strong{font-size:14px;line-height:1.2;color:#fff;display:block;margin-bottom:6px}
.newsletter-banner-content-v36 span{font-size:10px;line-height:1.45;color:#ddd;display:block;margin-bottom:10px}
.newsletter-inline-form-v36{display:flex;gap:5px;width:100%}
.newsletter-inline-form-v36 input{min-width:0;flex:1;height:30px;border:0;background:#fff;color:#333;padding:0 8px;font-size:10px;box-sizing:border-box}
.newsletter-inline-form-v36 button{height:30px;border:0;background:#ffd400;color:#17131a;padding:0 8px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}
.newsletter-inline-form-v36 button:disabled{opacity:.8;cursor:default}
/* Exactly 15 cards in the main listing pages. */
.listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:auto!important;row-gap:12px!important}
@media(max-width:1100px){.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:820px){.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.newsletter-banner-v36{min-height:150px}.newsletter-banner-content-v36{min-height:150px}}
@media(max-width:560px){.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.newsletter-inline-form-v36{flex-direction:column}.newsletter-inline-form-v36 input,.newsletter-inline-form-v36 button{width:100%}}


/* V37: guaranteed 15-card listing layout */
.latest-listing-grid,
.movie-grid.listing-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  grid-auto-flow:row;
  grid-auto-rows:auto;
  column-gap:8px;
  row-gap:14px;
  overflow:visible;
}
.latest-listing-grid .movie,
.movie-grid.listing-grid .movie{min-width:0;overflow:visible;}
.latest-listing-grid .mname,
.movie-grid.listing-grid .mname{min-height:34px;display:block;}
@media(max-width:1100px){
  .latest-listing-grid,.movie-grid.listing-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .latest-listing-grid,.movie-grid.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:480px){
  .latest-listing-grid,.movie-grid.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

/* V37: one-time delayed newsletter popup */
.mbx-newsletter-overlay{
  position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;
  padding:16px;background:rgba(0,0,0,.64);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease;
}
.mbx-newsletter-overlay.is-visible{display:flex;opacity:1;visibility:visible;pointer-events:auto;}
.mbx-newsletter-modal{
  width:min(620px,94vw);background:#25232b;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 20px 60px rgba(0,0,0,.7);position:relative;overflow:hidden;
}
.mbx-newsletter-close{
  position:absolute;right:8px;top:8px;z-index:3;width:30px;height:30px;border:0;border-radius:50%;
  background:rgba(0,0,0,.62);color:#fff;font-size:21px;cursor:pointer;
}
.mbx-newsletter-media{height:175px;overflow:hidden;position:relative;}
.mbx-newsletter-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.6);}
.mbx-newsletter-content{padding:18px 20px;background:#26333b;}
.mbx-newsletter-content h2{margin:0 0 6px;font-size:23px;color:#fff;}
.mbx-newsletter-content p{margin:0 0 14px;color:#ddd;line-height:1.45;font-size:12px;}
.mbx-newsletter-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;}
.mbx-newsletter-form input,.mbx-newsletter-form button{height:40px;border:0;padding:0 11px;font-size:12px;box-sizing:border-box;}
.mbx-newsletter-form input{background:#fff;color:#333;}
.mbx-newsletter-form button{background:#ffd400;color:#111;font-weight:800;cursor:pointer;}
@media(max-width:600px){
 .mbx-newsletter-modal{width:min(430px,94vw);}
 .mbx-newsletter-media{height:145px;}
 .mbx-newsletter-form{grid-template-columns:1fr;}
}

/* Movie Box V41 editable system */
.socials{display:flex;gap:6px;flex-wrap:wrap}.socials .soc{width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.socials .soc svg{width:16px!important;height:16px!important}.foot-socials{display:flex;gap:7px;flex-wrap:wrap}.foot-socials .mas-footer-social{width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.foot-socials .mas-footer-social svg{width:16px!important;height:16px!important}.mbx-newsletter-modal{max-width:720px!important;width:calc(100% - 32px)!important}.mbx-newsletter-media img{object-fit:cover}.footer-pagebar-inner{overflow-x:auto}

/* Movie Box V39 definitive fixes */
.socials .soc{width:34px!important;height:34px!important;border-radius:3px!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)!important}
.socials .soc svg,.foot-socials .mas-footer-social svg{width:17px!important;height:17px!important;display:block!important;fill:currentColor!important}
.socials .soc-facebook,.foot-socials .soc-facebook{background:#3b67a8!important}
.socials .soc-twitter,.foot-socials .soc-twitter{background:#3aa8ed!important}
.socials .soc-dribbble,.foot-socials .soc-dribbble{background:#e64c87!important}
.socials .soc-instagram,.foot-socials .soc-instagram{background:#4b86a8!important}
.socials .soc-youtube,.foot-socials .soc-youtube{background:#e73d32!important}
.socials .soc-pinterest,.foot-socials .soc-pinterest{background:#e60023!important}
.socials .soc-linkedin,.foot-socials .soc-linkedin{background:#1685a7!important}
.socials .soc-tiktok,.foot-socials .soc-tiktok{background:#111!important}
.socials .soc-telegram,.foot-socials .soc-telegram{background:#229ed9!important}
.socials .soc-whatsapp,.foot-socials .soc-whatsapp{background:#20b85a!important}
.socials .soc-youtube svg path:first-child,.foot-socials .soc-youtube svg path:first-child{fill:#fff!important}
.socials .soc-youtube svg path:last-child,.foot-socials .soc-youtube svg path:last-child{fill:#e73d32!important}

/* Never allow old badge spans to occupy space */
.movie-grid .age,.movie-grid .mpaa-badge,.movie-grid .badge,.latest-grid .age,.latest-card .age{display:none!important}

/* Exactly 15 listing cards on desktop: 5 x 3. */
.latest-listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;row-gap:18px!important}
@media(max-width:1100px){.latest-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:820px){.latest-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:560px){.latest-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* One-time newsletter popup: medium, not oversized. */
.mbx-newsletter-overlay{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.mbx-newsletter-overlay.is-visible{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.mbx-newsletter-modal{width:min(560px,92vw)!important;max-width:560px!important}
.mbx-newsletter-media{height:135px!important}
.mbx-newsletter-content{padding:16px 18px!important}
.mbx-newsletter-content h2{font-size:21px!important}
@media(max-width:600px){.mbx-newsletter-modal{width:min(420px,94vw)!important}.mbx-newsletter-media{height:125px!important}}


/* Movie Box V40: HD Movie Box logo + reliable newsletter modal */
.logo img, footer.footer .foot-logo{image-rendering:auto;}
.mbx-newsletter-overlay{z-index:2147483000!important;}
html.newsletter-open{overflow:hidden;}
.mbx-newsletter-overlay.is-visible{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.mbx-newsletter-modal{width:min(680px,92vw)!important;max-width:680px!important;}
.mbx-newsletter-media{height:170px!important;}
.mbx-newsletter-content{padding:20px 22px!important;}
@media(max-width:600px){.mbx-newsletter-modal{width:min(430px,94vw)!important}.mbx-newsletter-media{height:135px!important}}

/* V41 image quality pass: preserve crispness of the high-resolution theme assets. */
.mbx-main img, .content img, .sidebar img, .left-rail img, .foot-logo, .hero-slide img, .blog-card img, .movie-card img, .tv-card img {
  image-rendering: auto;
  backface-visibility: hidden;
}
.movie-card img, .tv-card img, .blog-card img, .hero-slide img {
  width: 100%;
  object-fit: cover;
}


/* V42 — functional fixes: Top Rated, sidebar Tag Cloud, pagination, Turn Off Lights */
.side-slider{position:relative;overflow:hidden;width:100%;padding:0 1px 1px;box-sizing:border-box;}
.side-track{display:flex;gap:8px;align-items:stretch;transition:transform .5s ease;will-change:transform;width:100%;margin:0;padding:0;}
.side-card{flex:0 0 calc((100% - 8px)/2);width:calc((100% - 8px)/2);min-width:0;height:207px;position:relative;overflow:hidden;background:#444;box-sizing:border-box;}
.side-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.side-card:after{z-index:1;}
.side-year,.side-rate{z-index:5;display:inline-flex;align-items:center;height:23px;box-sizing:border-box;background:rgba(72,72,72,.90)!important;color:#c7c7c7!important;padding:0 7px!important;font-size:10px!important;line-height:23px!important;white-space:nowrap;border-radius:1px;}
.side-year{top:7px;left:6px!important;right:auto!important;}
.side-rate{top:auto!important;bottom:12px!important;left:50%!important;right:auto!important;transform:translateX(-50%);min-width:40px;justify-content:center;padding:0 9px!important;}
.side-card .caption{display:none!important;}
.side-prev,.side-next{z-index:8;width:31px;height:47px;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;}
.side-prev{left:4px!important}.side-next{right:4px!important}
.sidebar-tag-cloud{margin-top:16px;}
.sidebar-tags{display:flex;flex-wrap:wrap;gap:5px;}
.sidebar-tags a{display:inline-flex!important;align-items:center;justify-content:center;background:#3a353e;border:1px solid #5b5660;border-radius:2px;padding:6px 7px!important;color:#ddd!important;font-size:10px!important;line-height:1!important;margin:0!important;}
.sidebar-tags a:hover{border-color:#ffd400;color:#ffd400!important;}
.mbx-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin:20px 0 8px;flex-wrap:wrap;}
.mbx-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 9px;background:#302d35;border:1px solid #4b4650;color:#ddd!important;font-size:12px;line-height:1;text-decoration:none;}
.mbx-pagination a.current{background:#ffd400!important;border-color:#ffd400!important;color:#17131a!important;font-weight:700;}
.mbx-pagination a.next{min-width:52px;}
.mbx-pagination a:hover{background:#4a454d;color:#fff!important;}
.blog-pagination{margin-top:18px;}
/* Turn Off Lights: only the video/watch area stays above the dim layer. */
.lights-off:after{content:"";position:fixed;z-index:9998;inset:0;background:rgba(0,0,0,.90);pointer-events:none;}
.lights-off .watch-box{position:relative;z-index:9999;}
.lights-off .left-rail,.lights-off .topbar{z-index:100!important;}
.lights-off .side,.lights-off .movie-detail-card,.lights-off .footer,.lights-off .hero,.lights-off .columns>main>section:not(.watch-box){position:relative;z-index:1;}
@media(max-width:700px){.side-card{height:207px;}.side-rate{right:5px!important}.side-year{left:5px!important}}


/* V43 — Turn Off Lights: keep the video exactly where it is; hide/dim everything else. */
body.lights-off:after{
  content:"";
  position:fixed;
  z-index:9998;
  inset:0;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,.94);
  pointer-events:none;
}
/* Only the actual video frame is lifted above the blackout. Controls, server panel,
   header, navigation, sidebar and movie information remain behind it. */
body.lights-off .player-frame{
  position:relative!important;
  z-index:10001!important;
}
body.lights-off .player-frame img{
  position:relative;
  z-index:1;
}
body.lights-off .player-play{
  z-index:3;
}
/* Do not move the video or create a second top/header gap while lights are off. */
body.lights-off .watch-box{
  position:static!important;
  z-index:auto!important;
  margin-top:0!important;
}
body.lights-off .player-tools,
body.lights-off .server-panel,
body.lights-off .movie-detail-card,
body.lights-off .side,
body.lights-off .topbar,
body.lights-off .left-rail,
body.lights-off .footer{
  position:relative;
  z-index:1!important;
}

/* V44 — demo-style hover mega menus for Pages, Movies and TV Shows */
.left-rail{overflow:visible!important}
.rail-menu{overflow:visible!important}
.rail-has-submenu{position:relative;display:block}
.rail-has-submenu>.rail-item{position:relative;z-index:2;width:100%}
.rail-submenu{position:absolute;left:calc(100% + 0px);top:0;z-index:1100;display:none;background:#fff;color:#333;box-shadow:0 8px 24px rgba(0,0,0,.28);border:1px solid rgba(0,0,0,.08);padding:9px 10px;min-width:300px;grid-auto-rows:minmax(0,1fr)}
.rail-has-submenu:hover>.rail-submenu,.rail-has-submenu:focus-within>.rail-submenu,.rail-has-submenu.is-open>.rail-submenu{display:grid}
.rail-submenu a{display:flex!important;align-items:center;min-height:30px;padding:5px 8px!important;margin:0!important;color:#333!important;background:#fff!important;font-size:12px!important;font-weight:400!important;line-height:20px!important;white-space:nowrap;text-decoration:none!important}
.rail-submenu a:hover,.rail-submenu a:focus{background:#f3f3f3!important;color:#111!important}
.pages-submenu{grid-template-columns:1fr 1fr;width:300px}
.movies-submenu{grid-template-columns:1fr 1fr;width:300px}
.tv-submenu{grid-template-columns:1fr 1fr;width:300px}
@media(max-width:820px){
 .rail-has-submenu{position:relative}
 .rail-submenu{position:fixed!important;left:8px!important;right:8px!important;top:var(--mbx-submenu-top,120px)!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100dvh - var(--mbx-submenu-top,120px) - 8px);overflow-y:auto;overscroll-behavior:contain;z-index:1200}
 .pages-submenu,.movies-submenu,.tv-submenu{grid-template-columns:1fr 1fr}
}

/* V45: functional Pages submenu destinations */
.page-tag-cloud{display:flex;flex-wrap:wrap;gap:7px;background:#302d35;padding:16px;margin-bottom:18px}.page-tag-cloud a{display:inline-block;border:1px solid #777;padding:7px 9px;color:#ddd;font-size:11px;background:#3a3540}.page-tag-cloud a:hover{border-color:#ffd400;color:#ffd400}.custom-404-page{text-align:center;background:#302d35;padding:70px 20px;margin-bottom:20px}.custom-404-number{font-size:90px;line-height:1;color:#ffd400;font-weight:800}.custom-404-page h1{font-size:28px;margin:12px 0}.custom-404-page p{color:#aaa;margin-bottom:20px}.movie-feature-slider{display:flex;gap:10px;overflow:hidden;padding:4px 0 14px}.movie-feature-slide{position:relative;flex:0 0 calc(20% - 8px);height:260px;background:#302d35;overflow:hidden}.movie-feature-slide img{width:100%;height:100%;object-fit:cover}.movie-feature-slide:after{content:' ';position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(0,0,0,.8))}.movie-feature-slide span{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;text-align:center;color:#fff;font-size:12px;font-weight:700}.movie-notice-page{margin-bottom:18px}.movie-list-page .blog-list-image{height:170px}.movie-list-page .blog-list-item{min-height:170px}
@media(max-width:820px){.movie-feature-slide{flex-basis:calc(33.333% - 7px)}}
@media(max-width:560px){.movie-feature-slide{flex-basis:calc(50% - 5px);height:220px}}

/* V46 — final functional cleanup */
.side-slider{width:100%!important;box-sizing:border-box!important;overflow:hidden!important;padding:0 1px!important;position:relative!important}
.side-track{width:100%!important;min-width:100%!important;box-sizing:border-box!important;display:flex!important;gap:8px!important;align-items:stretch!important;will-change:transform!important}
.side-card{position:relative!important;flex:0 0 calc(50% - 4px)!important;width:calc(50% - 4px)!important;max-width:calc(50% - 4px)!important;min-width:0!important;height:207px!important;box-sizing:border-box!important;overflow:hidden!important}
.side-year,.side-rate{z-index:20!important;top:7px!important;height:24px!important;min-width:38px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 6px!important;white-space:nowrap!important;line-height:1!important;border-radius:1px!important}
.side-year{left:6px!important}.side-rate{right:6px!important;min-width:43px!important;background:#3c4147!important;color:#ddd!important}
.side-prev{left:5px!important}.side-next{right:5px!important}
/* Tag Cloud belongs in the footer only. */
.sidebar-tag-cloud{display:none!important}
/* Turn Off Lights: only the video frame is above the blackout. */
body.lights-off:after{z-index:99990!important;background:rgba(0,0,0,.94)!important}
body.lights-off .player-frame{position:relative!important;z-index:99991!important}
body.lights-off .player-tools,body.lights-off .server-panel,body.lights-off .movie-detail-card,body.lights-off .side,body.lights-off .topbar,body.lights-off .left-rail,body.lights-off .footer{z-index:1!important}
/* Keep page links and pagination visually consistent. */
.mbx-pagination{clear:both!important}
@media(max-width:700px){.side-card{height:207px!important}.side-rate{right:5px!important}.side-year{left:5px!important}}

/* V46.5 — demo-style Movie Slider page */
.mbx-slider-section{margin:0 0 26px}.mbx-slider-section .section-title{margin-bottom:12px}
.mbx-slider-shell{position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.mbx-slider-viewport{overflow:hidden;flex:1;min-width:0}
.mbx-slider-track{display:flex;gap:10px;transition:transform .45s ease;will-change:transform}
.mbx-slider-arrow{flex:0 0 34px;width:34px;height:48px;border:1px solid rgba(255,255,255,.75);background:rgba(20,18,24,.82);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;border-radius:2px}
.mbx-slider-arrow:hover{background:#ffd400;color:#17131a;border-color:#ffd400}
.mbx-poster-slide{position:relative;display:block;flex:0 0 calc(20% - 8px);height:260px;overflow:hidden;background:#302d35;text-decoration:none}
.mbx-poster-slide img{width:100%;height:100%;object-fit:cover;display:block}
.mbx-poster-slide:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}
.mbx-meta{position:absolute;z-index:2;left:5px;right:5px;top:5px;display:flex;justify-content:space-between;gap:5px;font-size:10px}.mbx-meta b{background:rgba(70,70,70,.82);padding:4px 6px;color:#eee;font-weight:500}.mbx-meta b:last-child{color:#ffd400}
.mbx-slide-title{position:absolute;z-index:2;left:8px;right:8px;bottom:10px;text-align:center;color:#fff;font-size:12px;font-weight:700;line-height:1.25}
.mbx-backdrop-slide{position:relative;display:block;flex:0 0 calc(50% - 5px);height:185px;overflow:hidden;background:#302d35;text-decoration:none}.mbx-backdrop-slide img{width:100%;height:100%;object-fit:cover;display:block}.mbx-backdrop-gradient{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.88));}.mbx-backdrop-copy{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;color:#fff}.mbx-backdrop-copy strong{display:block;font-size:15px;font-weight:500}.mbx-backdrop-copy small{display:block;font-size:11px;margin-top:5px}.mbx-type-badge{position:absolute;z-index:3;right:10px;top:8px;background:#ffd400;color:#17131a;font-size:10px;font-weight:700;padding:6px 8px}
.mbx-swiper-slide{position:relative;display:block;flex:0 0 calc(33.333% - 7px);height:235px;overflow:hidden;background:#302d35}.mbx-swiper-slide img{width:100%;height:100%;object-fit:cover;display:block}.mbx-swiper-slide:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}
.mbx-slider-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0 0;min-height:12px}.mbx-slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#999;cursor:pointer}.mbx-slider-dots button.active{background:#ffd400}
@media(max-width:1100px){.mbx-poster-slide{flex-basis:calc(25% - 8px)}.mbx-swiper-slide{flex-basis:calc(50% - 5px)}}
@media(max-width:820px){.mbx-poster-slide{flex-basis:calc(33.333% - 7px)}.mbx-backdrop-slide{flex-basis:100%}.mbx-swiper-slide{flex-basis:100%}.mbx-slider-arrow{flex-basis:32px;width:32px;height:44px}}
@media(max-width:560px){.mbx-slider-track{gap:8px}.mbx-poster-slide{flex-basis:calc(50% - 4px);height:230px}.mbx-backdrop-slide{height:170px}.mbx-swiper-slide{height:200px}.mbx-meta{font-size:9px}.mbx-slide-title{font-size:11px}.mbx-slider-arrow{flex-basis:29px;width:29px;height:40px;font-size:25px}}

/* V46.6 — Blog Slider interaction + full Blog List below slider */
.blog-card-clickable{position:relative;cursor:pointer;transition:background .18s ease,transform .18s ease;outline:none;overflow:hidden}
.blog-card-clickable:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28);opacity:0;transition:opacity .18s ease;pointer-events:none;z-index:1}
.blog-card-clickable:hover:after,.blog-card-clickable:focus-visible:after{opacity:1}
.blog-card-clickable:hover{background:#37343c}
.blog-card-clickable .blog-card-image,.blog-card-clickable h3,.blog-card-clickable .rule,.blog-card-clickable .by,.blog-card-clickable p,.blog-card-clickable .read{position:relative;z-index:2}
.blog-card-clickable .blog-card-image{display:block}
.blog-card-clickable h3 a{color:#fff;text-decoration:none}
.blog-card-clickable h3 a:hover{color:var(--yellow)}
.blog-slider-list-section{margin-top:28px;padding-top:6px}
.blog-slider-list-section .intro{margin-bottom:14px}
.blog-slider-list{gap:12px}
.blog-slider-list .blog-list-item{min-height:150px}
.blog-slider-pagination{margin-top:22px;margin-bottom:10px}
@media(max-width:700px){.blog-slider-list-section{margin-top:22px}.blog-slider-list .blog-list-item{min-height:0}}

/* V46.7 — universal listing hover/click treatment + complete Blog Slider listing pagination */
.mbx-hoverable{position:relative;cursor:pointer;transition:box-shadow .16s ease,filter .16s ease,transform .16s ease;}
.mbx-hoverable:after{content:"";position:absolute;inset:0;background:rgba(128,128,128,.18);opacity:0;pointer-events:none;z-index:5;transition:opacity .16s ease;}
.mbx-hoverable:hover:after,.mbx-hoverable:focus-visible:after{opacity:1;}
.mbx-hoverable:hover{box-shadow:inset 0 0 0 1px rgba(190,190,190,.42),0 5px 16px rgba(0,0,0,.28);}
.mbx-hoverable > *{position:relative;}
.mbx-hoverable > a,.mbx-hoverable > img,.mbx-hoverable > .poster,.mbx-hoverable > .box-cover{z-index:6;}
.movie.mbx-hoverable .details{z-index:30;}
.movie.mbx-hoverable .poster img{transition:filter .16s ease;}
.movie.mbx-hoverable:hover .poster img,.blog-list-item.mbx-hoverable:hover img,.blog-card-clickable:hover img,.side-card.mbx-hoverable:hover img,.latest-card:hover img,.mbx-poster-slide:hover img,.mbx-backdrop-slide:hover img,.mbx-swiper-slide:hover img{filter:brightness(.72);}
.blog-list-item.mbx-hoverable{overflow:hidden;}
.blog-list-item.mbx-hoverable:after{z-index:1;}
.blog-list-item.mbx-hoverable > *{z-index:2;}
.rank.mbx-hoverable{display:flex;text-decoration:none;color:inherit;}
.rank.mbx-hoverable:after{z-index:1;}
.rank.mbx-hoverable > *{z-index:2;}
.side-card.mbx-hoverable{display:block;text-decoration:none;color:inherit;}
.side-card.mbx-hoverable:after{z-index:2;}
.side-card.mbx-hoverable > *{z-index:3;}
.box-item.mbx-hoverable:after{z-index:1;}
.box-item.mbx-hoverable > *{z-index:2;}
.latest-card{position:relative;overflow:hidden;transition:box-shadow .16s ease,filter .16s ease;}
.latest-card:after,.mbx-poster-slide:before,.mbx-backdrop-slide:before,.mbx-swiper-slide:before{content:"";position:absolute;inset:0;background:rgba(128,128,128,.18);opacity:0;pointer-events:none;z-index:8;transition:opacity .16s ease;}
.latest-card:hover:after,.mbx-poster-slide:hover:before,.mbx-backdrop-slide:hover:before,.mbx-swiper-slide:hover:before{opacity:1;}
.mbx-poster-slide,.mbx-backdrop-slide,.mbx-swiper-slide{cursor:pointer;}
.blog-card-clickable{box-shadow:none;}
.blog-card-clickable:hover{box-shadow:inset 0 0 0 1px rgba(190,190,190,.35),0 5px 16px rgba(0,0,0,.25);}
.blog-slider-list-section,.blog-list-section{margin-bottom:8px;}
.mbx-pagination{position:relative;z-index:10;}
@media(max-width:700px){.mbx-hoverable:hover{transform:none;}.mbx-hoverable:after{background:rgba(128,128,128,.12);}}

/* V46.7 correction: preserve Top Rated gradient while adding the gray hover layer. */
.side-card.mbx-hoverable:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.8));opacity:1;pointer-events:none;z-index:2;}
.side-card.mbx-hoverable:before{content:"";position:absolute;inset:0;background:rgba(128,128,128,.20);opacity:0;pointer-events:none;z-index:4;transition:opacity .16s ease;}
.side-card.mbx-hoverable:hover:before,.side-card.mbx-hoverable:focus-visible:before{opacity:1;}

/* V46.8: blog list appended below catalog/list pages */
.blog-appendix{margin-top:28px;padding-top:4px}.blog-appendix .section-title{margin-bottom:14px}.blog-appendix .blog-list{margin-bottom:4px}

/* V46.9 — Demo-style compact Movie List */
.compact-movie-list{display:flex;flex-direction:column;background:transparent;margin:8px 0 18px;}
.compact-movie-row{position:relative;display:grid;grid-template-columns:52px 30px 62px minmax(0,1fr);align-items:center;gap:9px;min-height:69px;padding:7px 8px;background:#242029;border-bottom:1px solid rgba(255,255,255,.08);box-sizing:border-box;transition:background .15s ease,box-shadow .15s ease;}
.compact-movie-row:hover{background:#34303a;box-shadow:inset 3px 0 0 rgba(255,255,255,.16);}
.compact-movie-thumb{display:block;width:52px;height:52px;overflow:hidden;background:#35313a;}
.compact-movie-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .15s ease,transform .15s ease;}
.compact-movie-row:hover .compact-movie-thumb img{filter:brightness(.72);transform:scale(1.02);}
.compact-movie-num{height:34px;display:flex;align-items:center;justify-content:center;background:#2f2a34;color:#eee;font-size:11px;}
.compact-movie-rating{color:#ffd400!important;font-size:12px;text-decoration:none!important;white-space:nowrap;}
.compact-movie-info{min-width:0;}
.compact-movie-title{display:block;color:#fff!important;font-size:13px;line-height:17px;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.compact-movie-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px;color:#8f8a93;font-size:9px;line-height:12px;}
.compact-movie-meta span{white-space:nowrap;}
.compact-movie-list + .mbx-pagination{margin-top:12px;margin-bottom:20px;}
.compact-movie-list .compact-movie-row.mbx-hoverable:after{display:none;}
@media(max-width:700px){
 .compact-movie-row{grid-template-columns:46px 28px 55px minmax(0,1fr);gap:7px;min-height:63px;padding:6px;}
 .compact-movie-thumb{width:46px;height:48px}.compact-movie-title{font-size:12px}.compact-movie-meta{font-size:8px;gap:5px}.compact-movie-rating{font-size:11px}
}
@media(max-width:480px){
 .compact-movie-row{grid-template-columns:44px 25px 52px minmax(0,1fr);gap:6px}.compact-movie-thumb{width:44px;height:46px}.compact-movie-num{height:30px;font-size:10px}.compact-movie-meta span:nth-child(n+3){display:none;}
}

/* V46.10 — Movie List: compact demo-style rows matching the supplied reference */
.movie-list-page-wrap{margin-top:8px}
.compact-movie-list{margin:8px 0 18px!important}
.compact-movie-row{grid-template-columns:52px 30px 54px minmax(0,1fr)!important;min-height:70px!important;padding:7px 8px!important;background:#242029!important}
.compact-movie-thumb{width:52px!important;height:52px!important}
.compact-movie-num{width:30px!important;height:34px!important;background:#2f2a34!important;color:#eee!important}
.compact-movie-rating{font-size:13px!important;color:#ffd400!important}
.compact-movie-title{font-size:13px!important;line-height:18px!important;color:#fff!important}
.compact-movie-meta{font-size:9px!important;color:#8f8a93!important}
.compact-movie-row:hover{background:#34303a!important;box-shadow:inset 3px 0 0 rgba(190,190,190,.35),0 3px 10px rgba(0,0,0,.18)!important}
@media(max-width:820px){.compact-movie-row{grid-template-columns:48px 28px 54px minmax(0,1fr)!important}.compact-movie-thumb{width:48px!important;height:50px!important}}
@media(max-width:560px){.compact-movie-row{grid-template-columns:44px 26px 50px minmax(0,1fr)!important;gap:6px!important}.compact-movie-thumb{width:44px!important;height:46px!important}.compact-movie-meta span:nth-child(n+3){display:none!important}}

/* V46.11 — Demo parity: home submenu, colorful social icons, stable Top Rated cards and working account/color controls. */
.home-submenu{grid-template-columns:1fr!important;width:190px!important;min-width:190px!important}
.topbar{position:relative;z-index:20}.user{border:0;background:none;padding:0;cursor:pointer;line-height:1;color:#eee}
.socials .soc-facebook{background:#3f73c2!important}.socials .soc-twitter{background:#3ca7ed!important}.socials .soc-dribbble{background:#e14b82!important}.socials .soc-instagram{background:#4b84a8!important}.socials .soc-youtube{background:#e84935!important}.socials .soc-pinterest{background:#d12f3f!important}.socials .soc-rss{background:#ff7600!important}.socials .soc-linkedin{background:#2d75a8!important}.socials .soc-telegram{background:#249fd0!important}.socials .soc-whatsapp{background:#27b65b!important}.socials .soc-tiktok{background:#222!important}
.socials .soc svg{width:17px!important;height:17px!important;fill:currentColor!important}
.side-slider{padding:0!important}.side-track{transform:translate3d(0,0,0);overflow:visible!important}.side-card{height:207px!important;flex-basis:calc((100% - 8px)/2)!important;width:calc((100% - 8px)/2)!important}.side-card img{object-position:50% 50%!important}.side-year,.side-rate{background:#3d4146!important;color:#d5d5d5!important;font-size:10px!important;font-weight:400!important;box-shadow:none!important}.side-rate{color:#d5d5d5!important}.side-card .caption{font-weight:700;color:#fff!important}
.mbx-login-modal{display:none;position:fixed;inset:0;z-index:2147482000;background:rgba(0,0,0,.72);align-items:center;justify-content:center;padding:18px}.mbx-login-modal.is-visible{display:flex}.mbx-login-box{width:min(390px,94vw);background:#302c35;padding:24px;box-shadow:0 12px 40px rgba(0,0,0,.55);position:relative}.mbx-login-box h2{margin:0 0 6px}.mbx-login-box p{color:#aaa;margin:0 0 16px}.mbx-login-box form{display:grid;gap:9px}.mbx-login-box input{height:42px;border:1px solid #555;background:#3b3740;color:#fff;padding:0 11px}.mbx-login-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#fff;font-size:25px;cursor:pointer}.login-direct{display:block;margin-top:12px;color:#ffd400;font-size:11px}
.mbx-color-switcher{position:fixed;right:0;top:52%;z-index:1200}.mbx-color-switcher>button{width:40px;height:42px;border:0;background:#fff;color:#333;font-size:19px;cursor:pointer}.mbx-color-panel{display:none;background:#302c35;padding:8px;box-shadow:0 8px 25px rgba(0,0,0,.35)}.mbx-color-switcher.open .mbx-color-panel{display:grid;gap:5px}.mbx-color-panel button{border:0;background:#45404a;color:#fff;padding:6px 10px;font-size:10px;cursor:pointer}.mbx-color-panel button:hover{background:#ffd400;color:#111}
body.mbx-theme-blue{--yellow:#49adff;--blue:#ffd400}body.mbx-theme-gold{--yellow:#ffb300;--blue:#ffd400}
@media(max-width:820px){.mbx-color-switcher{display:none}.home-submenu{width:190px!important}.topbar{height:65px}}
/* V46.11 footer social palette */
footer.footer .mas-footer-social.soc-facebook{background:#3f73c2!important}
footer.footer .mas-footer-social.soc-twitter{background:#3ca7ed!important}
footer.footer .mas-footer-social.soc-dribbble{background:#e14b82!important}
footer.footer .mas-footer-social.soc-instagram{background:#4b84a8!important}
footer.footer .mas-footer-social.soc-youtube{background:#e84935!important}
footer.footer .mas-footer-social.soc-pinterest{background:#d12f3f!important}
footer.footer .mas-footer-social.soc-linkedin{background:#2d75a8!important}
footer.footer .mas-footer-social.soc-rss{background:#ff7600!important}
footer.footer .mas-footer-social.soc-telegram{background:#249fd0!important}
footer.footer .mas-footer-social.soc-whatsapp{background:#27b65b!important}
footer.footer .mas-footer-social.soc-tiktok{background:#222!important}


/* V46.13 — Movie Slider with Swiper: match the supplied demo video.
   The demo shows one full-width swiper containing exactly 3 equal landscape panels. */
.mbx-slider-section .mbx-slider-shell{width:100%;max-width:100%;margin:0;position:relative;display:block;padding:0;}
.mbx-slider-section .mbx-slider-viewport{width:100%;overflow:hidden;}
.mbx-slider-section .mbx-slider-track{gap:0!important;}
.mbx-slider-section .mbx-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:48px;min-width:34px;padding:0;margin:0;z-index:20;background:rgba(20,18,24,.30);border:0;color:#168fe9;font-size:38px;line-height:1;box-shadow:none;}
.mbx-slider-section .mbx-slider-arrow.prev{left:8px;}
.mbx-slider-section .mbx-slider-arrow.next{right:8px;}
.mbx-poster-slide{flex:0 0 160px!important;width:160px;height:225px;}
.mbx-poster-slide img{object-fit:cover;}
.mbx-backdrop-slide{flex:0 0 500px!important;width:500px;height:264px;}
.mbx-backdrop-slide img{object-fit:cover;}
.mbx-backdrop-copy{left:14px;right:14px;bottom:14px;}
.mbx-backdrop-copy strong{font-size:15px;}
.mbx-backdrop-copy small{font-size:11px;margin-top:5px;}
.mbx-type-badge{right:5px;top:5px;padding:7px 10px;}
.mbx-swiper-shell .mbx-swiper-slide{flex:0 0 calc(33.333333%);width:calc(33.333333%);height:235px!important;margin:0!important;overflow:hidden;}
.mbx-swiper-shell .mbx-swiper-slide img{width:100%;height:235px!important;object-fit:cover;display:block;}
.mbx-swiper-shell .mbx-swiper-slide:after{display:none;}
.mbx-slider-section .mbx-slider-dots{width:100%;max-width:100%;gap:8px;padding:12px 0 0;}
.mbx-slider-section .mbx-slider-dots button{width:10px;height:10px;}
@media(max-width:820px){
  .mbx-swiper-shell .mbx-swiper-slide{flex-basis:50%;width:50%;height:220px!important;}
  .mbx-swiper-shell .mbx-swiper-slide img{height:220px!important;}
}
@media(max-width:560px){
  .mbx-slider-section .mbx-slider-shell{width:100%;}
  .mbx-poster-slide{flex:0 0 calc((100% - 8px)/2)!important;width:calc((100% - 8px)/2);height:225px;}
  .mbx-backdrop-slide{flex:0 0 100%!important;width:100%;height:auto;aspect-ratio:500/264;}
  .mbx-swiper-shell .mbx-swiper-slide{flex-basis:100%;width:100%;height:200px!important;}
  .mbx-swiper-shell .mbx-swiper-slide img{height:200px!important;}
  .mbx-slider-section .mbx-slider-arrow{width:30px;height:44px;min-width:30px;font-size:30px;}
}

/* V46.14 — Movie Tag Cloud page matched to the supplied demo recording. */
.movie-tag-section{margin:0 0 22px;background:#28252d;padding:0 0 2px}
.movie-tag-heading{position:relative;margin:0 0 10px;padding:0 0 0 12px;font-family:Georgia,serif;font-size:16px;font-weight:400;line-height:30px;color:#f1f1f1}
.movie-tag-heading:before{content:"";position:absolute;left:0;top:0;width:3px;height:30px;background:#ffd400}
.movie-tag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#28252d}
.movie-tag-grid a{display:flex;align-items:center;justify-content:center;min-height:28px;padding:6px 8px;background:#343139;color:#ddd;text-decoration:none;font-size:11px;line-height:16px;transition:background .2s,color .2s}
.movie-tag-grid a:hover{background:#3b3741;color:#ffd400}
.movie-tag-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px;row-gap:0}
.movie-tag-count-grid a{display:grid;grid-template-columns:10px 1fr auto;align-items:center;min-height:31px;padding:0 4px;color:#ddd;text-decoration:none;font-size:10px;border-bottom:1px solid rgba(255,255,255,.025)}
.movie-tag-count-grid a:hover{color:#ffd400}
.movie-tag-count-grid a span{color:#aaa;font-size:12px}
.movie-tag-count-grid a b{font-weight:400;white-space:nowrap}
.movie-tag-count-grid a em{font-style:normal;color:#ddd;text-align:right;min-width:14px}
@media(max-width:760px){.movie-tag-grid,.movie-tag-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.movie-tag-grid,.movie-tag-count-grid{grid-template-columns:1fr}}

/* V46.16 — Rebuilt Movie Tag Cloud DOM to match the demo: fixed 3-column rows. */
.demo-tag-section{width:100%;margin:0 0 28px!important;padding:0!important;background:transparent!important}
.demo-tag-section .movie-tag-heading{position:relative;margin:0 0 12px!important;padding:0 0 0 14px!important;height:40px!important;display:flex;align-items:center;box-sizing:border-box;font-family:Georgia,serif!important;font-size:18px!important;font-weight:400!important;line-height:40px!important;color:#f3f3f3!important}
.demo-tag-section .movie-tag-heading:before{content:"";position:absolute;left:0!important;top:0!important;width:3px!important;height:40px!important;background:#ffd400!important}
.movie-tag-rows,.movie-tag-count-rows{width:100%;box-sizing:border-box}
.movie-tag-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 6px!important;width:100%;box-sizing:border-box}
.movie-tag-cell{height:38px!important;min-height:38px!important;box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 8px!important;background:#343139!important;color:#f0f0f0!important;border:0!important;text-decoration:none!important;font-size:12px!important;line-height:38px!important;font-weight:400!important}
.movie-tag-cell:hover{background:#3b3741!important;color:#ffd400!important}
.movie-tag-count-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;margin:0;width:100%;box-sizing:border-box}
.movie-tag-count-cell{height:49px!important;min-height:49px!important;box-sizing:border-box;display:grid!important;grid-template-columns:14px minmax(0,1fr) 24px!important;align-items:center!important;margin:0!important;padding:0 7px!important;background:transparent!important;color:#f0f0f0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;text-decoration:none!important;font-size:12px!important;line-height:1!important}
.movie-tag-count-cell .tag-arrow{display:block;color:#aaa!important;font-size:14px!important;line-height:1!important}
.movie-tag-count-cell b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0f0f0!important;font-weight:400!important}
.movie-tag-count-cell em{display:block;min-width:24px;text-align:right;color:#f0f0f0!important;font-style:normal!important;font-size:12px!important}
.movie-tag-count-cell:hover b,.movie-tag-count-cell:hover em,.movie-tag-count-cell:hover .tag-arrow{color:#ffd400!important}
@media(max-width:760px){.movie-tag-row,.movie-tag-count-row{grid-template-columns:repeat(2,minmax(0,1fr))}.movie-tag-row{gap:6px}.movie-tag-count-row{column-gap:12px}.movie-tag-count-row:nth-child(odd) .movie-tag-count-cell:last-child{display:none}}
@media(max-width:480px){.movie-tag-row,.movie-tag-count-row{grid-template-columns:1fr}.movie-tag-count-row:nth-child(odd) .movie-tag-count-cell:last-child{display:grid}}

/* V46.17: tag result + blog list spacing */
.tag-result-intro{margin-top:-4px;margin-bottom:18px;color:#cfcbd2}
.tag-result-intro strong{color:var(--yellow)}
.blog-list-section{margin-bottom:24px}
.blog-list-section .blog-list{margin-bottom:0}
.blog-list-section .blog-pagination{margin-bottom:0}


/* V46.18 — force fresh assets and remove the blank gap before Movie Slider Blog List */
.mbx-slider-section + section.space.blog-list-section{margin-top:8px!important;padding-top:0!important;clear:both!important}
section.space.blog-list-section .section-title{margin-top:0!important}
section.space.blog-list-section .blog-list{margin-top:0!important}
section.space.blog-list-section .mbx-pagination{margin-top:12px!important}
@media(max-width:700px){.mbx-slider-section + section.space.blog-list-section{margin-top:6px!important}}

/* V46.19 — real bug-fix pass: no stale asset cache, no empty tag result, and content below Blog List. */
.blog-fill-section{margin-top:28px!important;padding-top:0!important;clear:both!important}
.blog-fill-section .section-title{margin-top:0!important}
.blog-fill-grid{margin-bottom:0!important}
.tag-result-intro{background:#302c35;border-left:3px solid #ffd400;padding:10px 12px;margin:0 0 16px!important}
@media(max-width:820px){.blog-fill-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.blog-fill-grid{grid-template-columns:repeat(2,1fr)}}


/* V46.21 — dedicated tag landing pages + fill content directly below Blog List. */
.tag-related-section{margin-top:8px!important;margin-bottom:20px!important}
.tag-related-section .section-title{margin-bottom:14px!important}
.blog-list + .blog-fill-section{margin-top:26px!important}
.blog-fill-section + *{margin-top:0}

/* V46.21: fill the area below Blog Page/Blog List with a full 15-item movie grid. */
.blog-fill-section{margin-top:24px!important;clear:both!important;}
.blog-fill-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;row-gap:18px!important;column-gap:7px!important;}
@media(max-width:1100px){.blog-fill-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:820px){.blog-fill-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:560px){.blog-fill-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}


/* V46.23 — Blog List only: remove post-list fill/movie appendices below Blog List. The Blog List and its pagination now flow directly to the footer. */
.blog-list-section + .blog-fill-section, .blog-list + .blog-fill-section, .blog-slider-list-section + .blog-fill-section { display:none!important; }
.blog-list-section, .blog-slider-list-section { margin-bottom:0!important; padding-bottom:0!important; }
.blog-list-section .mbx-pagination, .blog-slider-list-section .mbx-pagination { margin-bottom:24px!important; }

/* V46.23 — Blog Page: blog posts only, 10 per page, pagination immediately before footer; no movie fill. */
.blog-page-list{margin-bottom:18px}.blog-page-list .blog-list-item{margin-bottom:18px}.blog-page-list + .blog-pagination{margin-top:10px;margin-bottom:22px}


/* V46.24 — FIX MOVIE/TV GRID BLACK GAPS: keep every poster card row at the same fixed height.
   Hover detail panels are overlays and must never expand a CSS grid row or create a black gap. */
.movie-grid{grid-auto-rows:220px!important;align-items:start!important;grid-auto-flow:row!important;row-gap:12px!important;}
.movie-grid .movie{height:214px!important;min-height:214px!important;max-height:214px!important;align-self:start!important;overflow:visible!important;box-sizing:border-box!important;}
.movie-grid .movie .poster{height:178px!important;min-height:178px!important;max-height:178px!important;flex:0 0 178px!important;box-sizing:border-box!important;}
.movie-grid .movie .mname{height:36px!important;min-height:36px!important;max-height:36px!important;overflow:hidden!important;box-sizing:border-box!important;}
/* The hover details are an overlay; they are never allowed to participate in card sizing. */
.movie-grid .movie .details{position:absolute!important;display:block!important;height:auto!important;max-height:none!important;box-sizing:border-box!important;}
@media(max-width:1100px){
  .movie-grid{grid-auto-rows:217px!important;row-gap:12px!important;}
  .movie-grid .movie{height:211px!important;min-height:211px!important;max-height:211px!important;}
  .movie-grid .movie .poster{height:175px!important;min-height:175px!important;max-height:175px!important;flex-basis:175px!important;}
  .movie-grid .movie .mname{height:36px!important;min-height:36px!important;max-height:36px!important;}
}
@media(max-width:820px){
  .movie-grid{grid-auto-rows:222px!important;row-gap:14px!important;}
  .movie-grid .movie{height:216px!important;min-height:216px!important;max-height:216px!important;}
  .movie-grid .movie .poster{height:180px!important;min-height:180px!important;max-height:180px!important;flex-basis:180px!important;}
  .movie-grid .movie .mname{height:36px!important;min-height:36px!important;max-height:36px!important;}
}
@media(max-width:560px){
  .movie-grid{grid-auto-rows:252px!important;row-gap:14px!important;}
  .movie-grid .movie{height:246px!important;min-height:246px!important;max-height:246px!important;}
  .movie-grid .movie .poster{height:210px!important;min-height:210px!important;max-height:210px!important;flex-basis:210px!important;}
  .movie-grid .movie .mname{height:36px!important;min-height:36px!important;max-height:36px!important;}
}


/* V46.26 — Mobile + Tablet responsive pass.
   Keep the demo proportions but prevent banners, sliders, cards and footer blocks
   from being clipped or creating horizontal overflow on touch widths. */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
.page,.wrap,.columns,main,.side,.footer,.footer .wrap{min-width:0;max-width:100%;}
.hero,.hero-window,.hero-slide,.mbx-slider-section,.mbx-slider-shell,.mbx-slider-viewport,.mbx-slider-track{max-width:100%;min-width:0;}
.hero-slide img,.mbx-backdrop-slide img,.mbx-swiper-shell .mbx-swiper-slide img{max-width:100%;}

@media (max-width:900px){
  .wrap{width:calc(100% - 20px)!important;max-width:none!important}
  .columns{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .side{width:100%;min-width:0}
  .hero{height:auto!important;aspect-ratio:1800/1110;max-height:360px;background:#17151a}
  .hero-window,.hero-slide{height:100%!important}
  .hero-slide img{height:100%!important;width:100%!important;object-fit:contain!important;background:#17151a}
  .movie-grid,.latest-listing-grid,.movie-grid.listing-grid{width:100%;min-width:0}
  .movie-grid .movie{min-width:0!important}
  .movie-grid .poster{width:100%!important}
  .blog-grid,.blog-list,.blog-list-item,.movie-box-list,.box-item,.two-ranks{min-width:0;max-width:100%}
  .blog-list-item{grid-template-columns:minmax(150px,32%) minmax(0,1fr)!important}
  .box-item{grid-template-columns:minmax(120px,32%) minmax(0,1fr)!important}
  .mbx-slider-section .mbx-slider-shell{overflow:hidden!important}
  .mbx-backdrop-slide{height:auto!important;aspect-ratio:500/264!important}
  .mbx-backdrop-slide img{height:100%!important;width:100%!important;object-fit:contain!important;background:#302d35}
  .mbx-swiper-shell .mbx-swiper-slide{height:auto!important;aspect-ratio:16/9!important}
  .mbx-swiper-shell .mbx-swiper-slide img{height:100%!important;width:100%!important;object-fit:contain!important;background:#302d35}
}

@media (max-width:700px){
  .left-rail{width:100%!important;overflow:hidden!important}
  .rail-menu{width:100%!important;min-width:0!important}
  .rail-item{min-width:0!important;overflow:hidden!important}
  .rail-item span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .topbar{width:100%!important}
  .search{min-width:0!important}
  .wrap{width:calc(100% - 16px)!important}
  .hero{aspect-ratio:1800/1110;max-height:none!important}
  .hero-arrow{z-index:8!important}
  .notice{max-width:100%;overflow:hidden}
  .notice>*{min-width:0}
  .side{grid-template-columns:1fr!important}
  .side .widget{min-width:0;width:100%!important;overflow:hidden}
  .side-posters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .side-card{width:100%!important;min-width:0}
  .movie-grid{width:100%!important}
  .movie-grid .movie .details{display:none!important}
  .blog-list-item{grid-template-columns:1fr!important;gap:10px!important;padding:10px!important}
  .blog-list-item .blog-list-image{width:100%!important}
  .blog-list-item img{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover}
  .box-item{grid-template-columns:105px minmax(0,1fr)!important}
  .box-cover{height:160px!important}
  .movie-primary{min-width:0!important}
  .detail-poster{max-width:100%}
  .footer{overflow:hidden!important}
  .footgrid{min-width:0!important}
  footer.footer .footer-pagebar{overflow:hidden!important}
  footer.footer .footer-pagebar-inner{white-space:normal!important;overflow:visible!important;flex-wrap:wrap!important;justify-content:flex-start!important}
  footer.footer .footer-pagebar a{flex:0 1 auto!important;max-width:100%!important;white-space:normal!important;text-align:center!important}
  .footer-tags{max-width:100%!important;overflow:hidden}
  .footer-tags a{max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
  .mbx-slider-section .mbx-slider-dots{padding-left:28px!important;padding-right:28px!important;flex-wrap:wrap}
}

@media (max-width:560px){
  .hero{aspect-ratio:1800/1110!important}
  .hero-slide img{object-fit:contain!important}
  .mbx-poster-slide{height:225px!important;max-height:225px!important}
  .mbx-backdrop-slide{height:auto!important;aspect-ratio:500/264!important}
  .mbx-swiper-shell .mbx-swiper-slide{height:auto!important;aspect-ratio:16/9!important}
  .mbx-swiper-shell .mbx-swiper-slide img{height:100%!important;object-fit:contain!important}
  .movie-grid .movie .poster{height:210px!important;min-height:210px!important;max-height:210px!important}
  .movie-grid .movie .mname{min-height:36px!important;height:36px!important;max-height:36px!important}
  .newsletter-banner-v36{width:100%!important;min-width:0!important}
  .newsletter-banner-content-v36{min-width:0!important}
}

@media (max-width:380px){
  .wrap{width:calc(100% - 12px)!important}
  .rail-menu{gap:4px!important}
  .rail-item{height:52px!important}
  .hero{aspect-ratio:1800/1110!important}
  .movie-grid{gap:5px!important}
  .movie-grid .movie .poster{height:185px!important;min-height:185px!important;max-height:185px!important}
  .movie-grid .movie .mname{font-size:10px!important;line-height:12px!important}
  .footer-pagebar a{font-size:9px!important;padding:0 7px!important}
}

/* V46.27 — Two posters per row on MOBILE ONLY.
   Tablet keeps the existing four-column layout; desktop is unchanged. */
@media (max-width:560px){
  .movie-grid,
  .latest-listing-grid,
  .movie-grid.listing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    row-gap:12px!important;
  }
  .movie-grid .movie,
  .latest-listing-grid .movie{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  .movie-grid .movie .poster,
  .latest-listing-grid .movie .poster{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:2/3!important;
  }
  .movie-grid .movie .mname,
  .latest-listing-grid .movie .mname{
    height:auto!important;
    min-height:34px!important;
    max-height:none!important;
    line-height:15px!important;
    padding:6px 3px 2px!important;
  }
}

/* V46.28 — FINAL MOBILE OVERRIDE: exactly 2 movie/TV posters per row.
   This rule is intentionally placed last so older responsive rules cannot override it. */
@media (max-width:560px){
  .movie-grid,
  .home .movie-grid,
  .page .movie-grid,
  .listing-grid,
  .latest-listing-grid,
  .movie-grid.listing-grid,
  .movie-grid.related-movie-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
    row-gap:16px!important;
    column-gap:10px!important;
  }
  .movie-grid .movie,
  .latest-listing-grid .movie{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .movie-grid .movie .poster,
  .latest-listing-grid .movie .poster{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:2/3!important;
    overflow:hidden!important;
  }
  .movie-grid .movie .poster img,
  .latest-listing-grid .movie .poster img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .movie-grid .movie .mname,
  .latest-listing-grid .movie .mname{
    height:auto!important;
    min-height:34px!important;
    max-height:40px!important;
    overflow:hidden!important;
    font-size:10px!important;
    line-height:13px!important;
    padding:5px 2px 2px!important;
  }
}


/* V46.29 — Featured banner + tablet edge-to-edge fix.
   Keep the featured artwork visible while scrolling/repainting and remove the
   tablet side gutters around the header banner. */
.hero,
.hero-window,
.hero-slide{background:transparent!important;}
.hero-slide img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:transparent!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
@media (min-width:701px) and (max-width:900px){
  .left-rail{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;}
  .page{margin-left:0!important;}
  .wrap{width:100%!important;max-width:none!important;margin:0!important;}
  .topbar,.hero,.dots,.columns{width:100%!important;max-width:none!important;}
  .hero{height:auto!important;aspect-ratio:1800/1110!important;max-height:none!important;}
  .hero-window,.hero-slide{height:100%!important;}
  .hero-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
}
@media (max-width:700px){
  .hero-slide img{object-fit:cover!important;object-position:center!important;}
}
@media (max-width:560px){
  .hero-slide img{object-fit:cover!important;object-position:center!important;}
}


/* V46.30 — keep featured/hero artwork visible during slide transitions.
   The slide itself carries the same image as a fallback, while JS preloads all
   hero images before autoplay starts. This prevents a black flash between slides. */
.hero-slide{background-color:#17151a!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform:translateZ(0)!important;}
.hero-slide img{background:transparent!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transform:translateZ(0)!important;}
.hero-window{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;will-change:transform;}


/* V46.32 — robust Top Rated sidebar slider: never leave a blank viewport during transitions. */
.side-slider{overflow:hidden!important;position:relative!important;width:100%!important;min-width:0!important;}
.side-track{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;will-change:transform!important;min-height:207px!important;}
.side-card{flex-shrink:0!important;display:block!important;visibility:visible!important;opacity:1!important;height:207px!important;min-width:0!important;background:#444!important;}
.side-card img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#444!important;}
.side-slider .side-prev,.side-slider .side-next{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:30!important;}
@media(max-width:700px){.side-card{height:207px!important;}}


/* V46.32 — Demo-style Turn Off Lights bar and reliable dimmer */
.player-tools{height:38px!important;min-height:38px!important;background:#000!important;display:flex!important;align-items:center!important;gap:24px!important;padding:0 14px!important;box-sizing:border-box!important;border-top:1px solid #111!important;border-bottom:1px solid #111!important;}
.player-tools a,.player-tools button{display:inline-flex!important;align-items:center!important;height:38px!important;border:0!important;background:transparent!important;color:#eee!important;font-size:12px!important;line-height:38px!important;padding:0!important;text-decoration:none!important;cursor:pointer!important;}
.player-tools a:hover,.player-tools button:hover{color:#ffd400!important;}
.light-toggle{font-weight:400!important;}
body.lights-off:after{content:""!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.92)!important;z-index:99990!important;pointer-events:none!important;}
body.lights-off .player-frame{position:relative!important;z-index:99992!important;}
body.lights-off .player-frame img{position:relative!important;z-index:1!important;display:block!important;}
body.lights-off .player-play{position:absolute!important;z-index:3!important;}
body.lights-off .player-tools{position:relative!important;z-index:99993!important;background:#000!important;}
body.lights-off .player-tools .light-toggle{color:#ffd400!important;}
body.lights-off .server-panel,body.lights-off .movie-detail-card,body.lights-off .side,body.lights-off .topbar,body.lights-off .left-rail,body.lights-off .footer{position:relative!important;z-index:1!important;}
@media(max-width:560px){.player-tools{height:36px!important;min-height:36px!important;padding:0 10px!important;gap:16px!important}.player-tools a,.player-tools button{height:36px!important;line-height:36px!important;font-size:11px!important;}}


/* V46.34 — Turn Off Lights hard fix.
   Raise the complete watch container above the blackout so the player is not trapped
   in a lower stacking context, while hiding every watch-box child except the player
   and the black control strip. */
body.lights-off{background:#000!important;}
body.lights-off::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  background:#000!important;
  opacity:.97!important;
  z-index:2147483000!important;
  pointer-events:none!important;
}
body.lights-off .watch-box{
  position:relative!important;
  z-index:2147483001!important;
  background:transparent!important;
  isolation:isolate!important;
}
body.lights-off .player-frame{
  position:relative!important;
  z-index:2!important;
  visibility:visible!important;
  opacity:1!important;
  background:#000!important;
}
body.lights-off .player-frame img,
body.lights-off .player-frame video,
body.lights-off .player-frame iframe,
body.lights-off .player-play{
  visibility:visible!important;
  opacity:1!important;
}
body.lights-off .player-tools{
  position:relative!important;
  z-index:3!important;
  background:#000!important;
  visibility:visible!important;
  opacity:1!important;
}
body.lights-off .player-tools > *:not(.light-toggle){display:none!important;}
body.lights-off .server-panel{visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body.lights-off .light-toggle{color:#ffd400!important;pointer-events:auto!important;}


/* V46.35 — Keep Turn Off Lights player at its exact screen position.
   The player is temporarily fixed using its measured viewport coordinates, so raising it
   above the blackout cannot make it jump below the header or move down the page. */
body.lights-off .watch-box{
  position:fixed!important;
  top:var(--light-top)!important;
  left:var(--light-left)!important;
  width:var(--light-width)!important;
  height:var(--light-height)!important;
  margin:0!important;
  z-index:2147483001!important;
  transform:none!important;
  overflow:visible!important;
}
body.lights-off .watch-box .player-frame{
  width:100%!important;
  transform:none!important;
}
body.lights-off .watch-box .player-tools{
  width:100%!important;
  transform:none!important;
}


/* V46.36 — Robust Movie Tag Cloud category routes.
   Tag Cloud links use mas_tag and are handled before WordPress can fall through to 404. */
.tag-related-section{margin-top:18px;}
.tag-related-section .listing-grid{margin-bottom:18px;}
.tag-result-intro{margin-bottom:20px;}
.tag-pagination{margin-top:22px;margin-bottom:26px;}

/* V46.37 — Tag Cloud links use the stable mas_page=tag route so every category opens in the theme preview and live site. */
.movie-tag-cell,.movie-tag-count-cell,.footer-tags a{cursor:pointer;}

/* V46.39 - safe clickable tag/genre listing routes */
.genre-link.listrow{display:flex!important;align-items:center!important;color:#f0f0f0!important;text-decoration:none!important;cursor:pointer!important;width:100%!important;box-sizing:border-box!important;}
.genre-link.listrow:hover{color:#ffd400!important;background:rgba(255,255,255,.025)!important;}
.genre-link.listrow:before{content:'›';color:#aaa;margin-right:8px;}
.movie-tag-cell,.movie-tag-count-cell{pointer-events:auto!important;position:relative!important;z-index:3!important;}

/* V46.40 — Real two-server player switch.
   Both server slots share the exact player box dimensions; only the active source is visible. */
.server-player[hidden]{display:none!important}
.server-player{position:relative!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:260px!important;background:#050505!important;overflow:hidden!important}
.server-player.active{display:block!important}
.server-player>img,.server-video,.server-iframe{display:block!important;width:100%!important;height:100%!important;min-height:260px!important;object-fit:cover!important;border:0!important;background:#050505!important}
.server-video{object-fit:contain!important}
.server-iframe{position:absolute!important;inset:0!important}
.server-demo-label{position:absolute!important;left:12px!important;bottom:12px!important;background:rgba(0,0,0,.72)!important;color:#fff!important;padding:6px 9px!important;font-size:11px!important;letter-spacing:.3px!important;z-index:5!important}
.server-player .player-play{z-index:6!important}
.server-buttons .server{min-width:24px!important;height:24px!important;line-height:24px!important;padding:0 7px!important;margin-right:4px!important;cursor:pointer!important}
.server-buttons .server.active{background:#ffd400!important;color:#17131a!important;border-color:#ffd400!important}
body.lights-off .server-player.active{position:relative!important;z-index:99992!important}
body.lights-off .server-player:not(.active){display:none!important}
@media(max-width:700px){.server-player{min-height:190px!important}.server-player>img,.server-video,.server-iframe{min-height:190px!important}}
@media(max-width:560px){.server-player{min-height:175px!important}.server-player>img,.server-video,.server-iframe{min-height:175px!important}}
\n\n/* V46.41: notice bar + permanent gear/color-switcher removal */\n.notice .happy-notice{margin-left:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#ffd400!important;font-size:20px!important;line-height:1!important;width:auto!important;height:auto!important;padding:0 2px!important;cursor:pointer!important;filter:none!important}\n.notice .happy-notice:hover{transform:scale(1.08);background:transparent!important}\n.mbx-color-switcher,.mbx-color-panel,#mbxColorSwitcher,#mbxColorToggle,.hero .settings,.hero .gear,.settings{display:none!important;visibility:hidden!important;pointer-events:none!important}\n
/* V46.42 — Notice bar: centered message, left close, right transparent HD-style emoji. */
.notice{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:43px!important;height:43px!important;padding:0 52px!important;box-sizing:border-box!important;overflow:hidden!important;}
.notice .notice-text{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100% - 120px)!important;text-align:center!important;white-space:nowrap!important;color:#e8e6ea!important;font-size:12px!important;line-height:1.2!important;font-weight:400!important;z-index:2!important;}
.notice .notice-close{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:25px!important;height:25px!important;padding:0!important;border:0!important;background:transparent!important;color:#d9d6dc!important;font-size:21px!important;font-weight:400!important;line-height:25px!important;text-align:center!important;cursor:pointer!important;z-index:4!important;box-shadow:none!important;border-radius:0!important;}
.notice .notice-close:hover{color:#fff!important;background:transparent!important;transform:translateY(-50%)!important;}
.notice .happy-notice{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:21px!important;line-height:1!important;filter:none!important;z-index:4!important;}
.notice .happy-notice:hover{transform:translateY(-50%) scale(1.08)!important;background:transparent!important;}
.notice .symbol{display:none!important;}
@media(max-width:560px){.notice{min-height:42px!important;height:42px!important;padding:0 42px!important}.notice .notice-text{width:calc(100% - 84px)!important;font-size:11px!important}.notice .notice-close{left:7px!important}.notice .happy-notice{right:7px!important;font-size:20px!important;}}


/* V46.43 — Notice strip hard layout fix: left close, perfectly centered text, right transparent emoji. */
.notice,
.movie-notice-page{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  margin:0 0 15px 0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:#343039!important;
  overflow:hidden!important;
}
.notice .notice-close,
.movie-notice-page .notice-close{
  position:static!important;
  grid-column:1!important;
  justify-self:center!important;
  align-self:center!important;
  transform:none!important;
  margin:0!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f1eef3!important;
  font:400 22px/28px Arial,sans-serif!important;
  text-align:center!important;
  cursor:pointer!important;
  z-index:3!important;
}
.notice .notice-close:hover,
.movie-notice-page .notice-close:hover{
  transform:none!important;
  color:#fff!important;
  background:transparent!important;
}
.notice .notice-text,
.movie-notice-page .notice-text{
  position:static!important;
  grid-column:2!important;
  justify-self:stretch!important;
  align-self:center!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#f5f2f6!important;
  font-size:12px!important;
  line-height:42px!important;
  font-weight:500!important;
  z-index:2!important;
}
.notice .happy-notice,
.movie-notice-page .happy-notice{
  position:static!important;
  grid-column:3!important;
  justify-self:center!important;
  align-self:center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:inherit!important;
  font-size:22px!important;
  line-height:1!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:3!important;
}
.notice .happy-notice:hover,
.movie-notice-page .happy-notice:hover{transform:none!important;background:transparent!important;}
.notice .symbol{display:none!important;}
@media (max-width:560px){
  .notice,.movie-notice-page{grid-template-columns:38px minmax(0,1fr) 38px!important;height:40px!important;min-height:40px!important;}
  .notice .notice-text,.movie-notice-page .notice-text{font-size:11px!important;line-height:40px!important;padding:0 4px!important;}
  .notice .notice-close,.movie-notice-page .notice-close{width:26px!important;height:26px!important;font-size:20px!important;line-height:26px!important;}
  .notice .happy-notice,.movie-notice-page .happy-notice{width:26px!important;height:26px!important;font-size:20px!important;}
}


/* V46.44 — Notice bar: HD animated emoji on the LEFT, close button on the RIGHT. */
.notice .notice-close,
.movie-notice-page .notice-close{
  left:auto!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:6!important;
}
.notice .notice-text,
.movie-notice-page .notice-text{
  left:50%!important;
  right:auto!important;
  top:50%!important;
  width:calc(100% - 110px)!important;
  transform:translate(-50%,-50%)!important;
  text-align:center!important;
  z-index:3!important;
}
.notice .happy-notice,
.movie-notice-page .happy-notice{
  position:absolute!important;
  left:10px!important;
  right:auto!important;
  top:50%!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateY(-50%)!important;
  z-index:6!important;
}
.notice .happy-notice img,
.movie-notice-page .happy-notice img{
  display:block!important;
  width:30px!important;
  height:30px!important;
  max-width:none!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))!important;
  transform-origin:50% 50%!important;
  animation:mbxHappyNoticeMotion 2.4s ease-in-out infinite!important;
  will-change:transform!important;
}
@keyframes mbxHappyNoticeMotion{
  0%,100%{transform:rotate(-6deg) scale(.94)}
  25%{transform:rotate(-2deg) scale(1.01)}
  50%{transform:rotate(6deg) scale(1.07)}
  75%{transform:rotate(2deg) scale(1.01)}
}
@media(max-width:560px){
  .notice .notice-close,
  .movie-notice-page .notice-close{right:7px!important}
  .notice .happy-notice,
  .movie-notice-page .happy-notice{left:7px!important;width:27px!important;height:27px!important}
  .notice .happy-notice img,
  .movie-notice-page .happy-notice img{width:27px!important;height:27px!important}
  .notice .notice-text,
  .movie-notice-page .notice-text{width:calc(100% - 88px)!important;font-size:11px!important}
}


/* V46.45 — FINAL NOTICE BAR LAYOUT: emoji LEFT, centered text, close RIGHT. */
.notice,
.movie-notice-page{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  justify-items:stretch!important;
  width:100%!important;
  min-height:43px!important;
  height:43px!important;
  margin-bottom:15px!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#343039!important;
}
.notice .happy-notice,
.movie-notice-page .happy-notice{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:5!important;
  pointer-events:none!important;
  transform:none!important;
}
.notice .happy-notice img,
.movie-notice-page .happy-notice img{
  display:block!important;
  width:30px!important;
  height:30px!important;
  object-fit:contain!important;
  max-width:none!important;
  background:transparent!important;
  border:0!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))!important;
  transform-origin:50% 50%!important;
  animation:mbxHappyNoticeMotion45 2.4s ease-in-out infinite!important;
  will-change:transform!important;
}
.notice .notice-text,
.movie-notice-page .notice-text{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  justify-self:stretch!important;
  align-self:center!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#f5f2f6!important;
  font-size:12px!important;
  line-height:43px!important;
  font-weight:500!important;
  z-index:2!important;
  transform:none!important;
}
.notice .notice-close,
.movie-notice-page .notice-close{
  position:static!important;
  grid-column:3!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:center!important;
  width:27px!important;
  height:27px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e7e4e9!important;
  font-size:22px!important;
  line-height:27px!important;
  font-weight:400!important;
  text-align:center!important;
  cursor:pointer!important;
  z-index:6!important;
  transform:none!important;
  box-shadow:none!important;
}
.notice .notice-close:hover,
.movie-notice-page .notice-close:hover{
  color:#fff!important;
  background:transparent!important;
  transform:scale(1.08)!important;
}
.notice .symbol{display:none!important;}
@keyframes mbxHappyNoticeMotion45{
  0%,100%{transform:rotate(-7deg) scale(.96)}
  25%{transform:rotate(-2deg) scale(1.02)}
  50%{transform:rotate(7deg) scale(1.07)}
  75%{transform:rotate(2deg) scale(1.02)}
}
@media(max-width:560px){
  .notice,.movie-notice-page{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    min-height:40px!important;
    height:40px!important;
  }
  .notice .happy-notice,.movie-notice-page .happy-notice{width:27px!important;height:27px!important;}
  .notice .happy-notice img,.movie-notice-page .happy-notice img{width:27px!important;height:27px!important;}
  .notice .notice-text,.movie-notice-page .notice-text{font-size:11px!important;line-height:40px!important;padding:0 4px!important;}
  .notice .notice-close,.movie-notice-page .notice-close{width:25px!important;height:25px!important;font-size:20px!important;line-height:25px!important;}
}

/* V46.46: category browser on Movies / TV Shows landing windows */
.category-browser{background:#302d35;padding:14px 16px;margin:0 0 20px;border-left:3px solid var(--yellow)}
.category-browser-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.category-browser-head h2{margin:0;font-size:17px;font-weight:400;color:#fff}
.category-browser-head span{font-size:11px;color:#999}
.category-browser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.category-browser-item{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:7px 10px;background:#3a3540;color:#ddd;text-decoration:none;border:1px solid transparent;font-size:12px;transition:.15s}
.category-browser-item b{font-size:18px;line-height:1;color:#ffd400;font-weight:400}
.category-browser-item:hover,.category-browser-item:focus,.category-browser-item.active{background:#46404b;border-color:#ffd400;color:#fff}
@media(max-width:820px){
 .category-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .category-browser-head{align-items:flex-start;flex-direction:column;gap:3px}
}
@media(max-width:560px){
 .category-browser{padding:12px;margin-bottom:16px}
 .category-browser-grid{grid-template-columns:1fr}
}


/* Movie Box V46.47: newsletter controls, real subscription feedback and performance. */
.mbx-newsletter-status{display:block;grid-column:1/-1;min-height:16px;margin-top:4px;font-size:11px;color:#ffd400}.newsletter-inline-form-v36{position:relative}.newsletter-inline-form-v36 .mbx-newsletter-status{grid-column:auto;margin-top:3px}.newsletter-inline-form-v36 input{min-width:0}.mbx-newsletter-modal{contain:layout paint;}
@media(max-width:600px){.mbx-newsletter-form{grid-template-columns:1fr!important}.newsletter-inline-form-v36{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.newsletter-inline-form-v36 .mbx-newsletter-status{grid-column:1}.newsletter-inline-form-v36 button{width:100%!important}}


/* Movie Box V46.48: sidebar newsletter bell + hide after successful subscription. */
.newsletter-bell-v48{display:flex;align-items:center;justify-content:center;height:34px;margin:0 0 5px;line-height:1;}
.newsletter-bell-v48 span{display:inline-flex;align-items:center;justify-content:center;font-size:25px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));animation:mbxBellPulse48 1.9s ease-in-out infinite;}
@keyframes mbxBellPulse48{0%,100%{transform:rotate(0deg) scale(1)}18%{transform:rotate(-7deg) scale(1.05)}36%{transform:rotate(7deg) scale(1.08)}54%{transform:rotate(-4deg) scale(1.03)}72%{transform:rotate(0deg) scale(1)}}
.newsletter-subscribed-hidden{display:none!important;}
.newsletter-banner-content-v36 strong{text-align:center;}
.newsletter-banner-content-v36>span{text-align:center;}
@media(max-width:700px){.newsletter-bell-v48{height:30px}.newsletter-bell-v48 span{font-size:22px}}

/* V46.53 — surgical sidebar spacing fix. Remove only the empty inner strip below Follow Us and Top Rated; preserve inter-widget spacing. */
.side > .widget.widget-follow-us{padding-bottom:0!important;}
.side > .widget.widget-top-rated{padding-bottom:0!important;}
.side > .widget.widget-follow-us .socials{margin-bottom:0!important;padding-bottom:0!important;}
.side > .widget.widget-top-rated .side-slider{margin-bottom:0!important;padding-bottom:0!important;}

/* V46.54 — remove only the extra black space AFTER Follow Us and Top Rated. */
.side > .widget.widget-follow-us,
.side > .widget.widget-top-rated{margin-bottom:0!important;}
@media (max-width:900px){
  .side > .widget.widget-follow-us,
  .side > .widget.widget-top-rated{margin-bottom:-12px!important;}
}

/* V46.55 — TABLET ONLY: prevent two-column sidebar grid rows from stretching shorter widgets
   to the height of their taller neighbour. This removes the false black area below
   Follow Us and Top Rated while leaving desktop/mobile and widget content untouched. */
@media (min-width:701px) and (max-width:900px){
  .side{
    align-items:start!important;
    grid-auto-rows:max-content!important;
  }
  .side > .widget{
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
  }
  .side > .widget.widget-follow-us,
  .side > .widget.widget-top-rated{
    margin-bottom:0!important;
    padding-bottom:16px!important;
  }
}

/* Movie Box V46.56 — TABLET masonry sidebar.
   At 701–900px, use two independent vertical columns so a short widget does not
   inherit the height of the taller widget beside it. Widgets touch vertically:
   no artificial black strip between Follow Us -> Top Rated -> Latest or
   Newsletter -> Genres -> Release Year. Desktop/mobile keep original sequence. */
.mbx-side-column{display:contents;}
.side > .mbx-side-column > .widget{width:100%;box-sizing:border-box;}
@media (min-width:701px) and (max-width:900px){
  .side{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:start!important;
  }
  .side > .mbx-side-column{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    min-width:0!important;
    align-self:start!important;
  }
  .side > .mbx-side-column > .widget{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    align-self:stretch!important;
  }
  .side > .mbx-side-column > .widget + .widget{
    margin-top:0!important;
  }
  .side > .mbx-side-column > .widget.widget-follow-us,
  .side > .mbx-side-column > .widget.widget-top-rated{
    padding-bottom:0!important;
  }
}
@media (max-width:700px), (min-width:901px){
  .side{display:flex;flex-direction:column;}
  .side > .mbx-side-column{display:contents;}
  .side .widget-follow-us{order:1;}
  .side .newsletter-widget-v36{order:2;}
  .side .widget-top-rated{order:3;}
  .side .widget-genres{order:4;}
  .side .widget-latest{order:5;}
}


/* Movie Box V46.57 — Top Rated mobile slider JS now matches the existing two-card mobile CSS. Blog output is controlled server-side by Customizer toggles, both OFF by default. */


/* Movie Box V46.59: self-hosted browser push notification panel; no email or external notification account. */
.mbx-push-widget .newsletter-banner-content-v36{align-items:stretch;text-align:center}
.mbx-push-enable{height:34px;border:0;background:#ffd400;color:#17131a;font-size:10px;font-weight:900;letter-spacing:.2px;cursor:pointer;padding:0 10px;width:100%}
.mbx-push-enable:disabled{cursor:default;opacity:.82}
.mbx-push-status{display:block;min-height:16px;margin-top:7px;color:#ffd400;font-size:10px;line-height:1.35;text-align:center}


/* V46.61: Trailer / Teaser buttons matched to MovieBox TMDB Importer. */
.server-buttons .server{width:auto!important;min-width:76px!important;height:30px!important;line-height:30px!important;padding:0 12px!important;font-weight:700!important;text-transform:none!important;white-space:nowrap!important}
@media(max-width:560px){.server-buttons .server{min-width:70px!important;padding:0 10px!important}}


/* Movie Box V46.62 Performance + HD artwork */
.mbx-hd-poster{image-rendering:auto;backface-visibility:hidden;transform:translateZ(0);}
.movie .poster,.compact-movie-thumb,.box-cover,.side-card,.latest-card{contain:layout paint;}
.movie .poster img,.compact-movie-thumb img,.box-cover img,.side-card img,.latest-card img{display:block;width:100%;height:100%;object-fit:cover;}
.hero-window,.side-track,.blog-track,.mbx-slider-track{will-change:transform;}


/* Movie Box V46.64 — single player with Trailer / Teaser switching only. */
.server-panel-switcher{padding:12px 14px 14px!important;background:#4a3550!important;border-top:1px solid rgba(255,255,255,.05)!important}
.server-panel-switcher .server-buttons{display:flex!important;align-items:center!important;gap:6px!important}
.server-panel-switcher .server{min-width:86px!important;height:32px!important;line-height:32px!important;padding:0 14px!important;border:0!important;border-radius:2px!important;font-weight:800!important}
.server-panel-switcher .server.active{background:#ffd400!important;color:#17131a!important}
@media(max-width:560px){.server-panel-switcher{padding:10px!important}.server-panel-switcher .server{min-width:80px!important;height:30px!important;line-height:30px!important;padding:0 12px!important}}


/* V46.67 — fuller archive flow + ratings positioned like the main poster score. */
.archive-pagination{
  margin-top:22px!important;
  margin-bottom:18px!important;
  padding-top:2px!important;
  width:100%!important;
  justify-content:center!important;
}
.archive-pagination a.prev,.archive-pagination a.next{min-width:68px!important}

/* Latest: rating sits at the lower-left of the cover, above the title overlay. */
.latest-card .latest-rating{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  z-index:30!important;
  top:auto!important;
  right:auto!important;
  left:6px!important;
  bottom:25px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  color:#ffd400!important;
  border-radius:0!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px #000,0 0 2px #000!important;
  box-shadow:none!important;
}

/* Top Rated: same lower-left score treatment as the main movie posters. */
.widget-top-rated .side-card .side-rate{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:35!important;
  top:auto!important;
  right:auto!important;
  left:6px!important;
  bottom:25px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  color:#ffd400!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.15!important;
  text-shadow:0 1px 4px #000,0 0 2px #000!important;
  box-shadow:none!important;
}
.widget-top-rated .side-card .side-year{
  z-index:34!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:700px){
  .latest-card .latest-rating,
  .widget-top-rated .side-card .side-rate{
    left:5px!important;
    bottom:24px!important;
  }
}


/* V46.68 — detail page: full related rows, compact footer hand-off, viewport-safe hover details. */
.mbx-detail-view .related-movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;}
.mbx-detail-view .comment-box{margin-bottom:0!important;}
.mbx-detail-view .footer{margin-top:8px!important;}
.movie-grid .movie .details.mbx-details-up{top:auto!important;bottom:calc(100% + 7px)!important;margin:0!important;}
.movie-grid .movie .details.mbx-details-left{left:auto!important;right:0!important;}
@media(max-width:1100px){.mbx-detail-view .related-movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:700px){.mbx-detail-view .related-movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:560px){.mbx-detail-view .related-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.mbx-detail-view .footer{margin-top:4px!important;}}

/* V46.69 — Movie/TV detail pages: comments removed; related catalog carries the page to the footer. */
.mbx-detail-view .related-movies{margin-bottom:0!important;}
@media(min-width:821px){.mbx-detail-view .related-movie-grid{grid-auto-rows:auto;}}


/* V46.70 — Movies/TV listing pagination + TV detail cleanup. */
.archive-pagination-primary{margin:22px 0 8px!important;gap:7px!important;justify-content:center!important;}
.archive-pagination-primary a{min-width:31px!important;height:31px!important;font-weight:700!important;}
.archive-pagination-primary a.prev,.archive-pagination-primary a.next{min-width:58px!important;padding:0 12px!important;}
.archive-pagination-primary a.current{box-shadow:0 0 0 1px rgba(255,212,0,.22)!important;}
.mbx-detail-view .movie-detail-layout main > .movie-detail-card:last-child{margin-bottom:0!important;}


/* V46.71 — denser Movie/TV archive flow: 24 posters per page, pagination remains last. */
.archive-pagination-primary{margin-top:20px!important;margin-bottom:8px!important;}


/* V46.73 — Restore the original V46.71 poster/card sizing on Movies & TV listings.
   V46.72 stretched poster height to match sidebar height, visibly distorting
   portrait covers. No forced row heights/flex-grow on archive content. */
body.mbx-catalog-archive .columns > main { min-width:0; }
body.mbx-catalog-archive .movie-grid.listing-grid {
  align-content:start !important;
  align-items:start !important;
}
/* Keep the original responsive poster dimensions from the earlier releases. */
/* Pagination stays directly below the final real poster, never absolutely positioned. */
body.mbx-catalog-archive .archive-pagination-primary {
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  width:100%;
  gap:7px;
  margin:20px 0 10px !important;
}
body.mbx-catalog-archive .archive-pagination-primary a {
  min-width:34px;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.mbx-catalog-archive .archive-pagination-primary a.current {
  background:#ffd400 !important;
  color:#16131a !important;
  cursor:default;
}
body.mbx-catalog-archive .archive-pagination-primary a:focus-visible {
  outline:2px solid #ffd400;
  outline-offset:2px;
}


/* V46.74 — Restore the original narrow portrait poster proportions on
   MOVIES and TV SHOWS archives only (not homepage/related sliders).
   High-specificity rules intentionally override Customizer inline CSS. */
@media (min-width:1201px) {
  body.mbx-catalog-archive .movie-grid.listing-grid {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}
@media (min-width:901px) and (max-width:1200px) {
  body.mbx-catalog-archive .movie-grid.listing-grid {
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}
@media (min-width:701px) and (max-width:900px) {
  body.mbx-catalog-archive .movie-grid.listing-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (min-width:481px) and (max-width:700px) {
  body.mbx-catalog-archive .movie-grid.listing-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:480px) {
  body.mbx-catalog-archive .movie-grid.listing-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
body.mbx-catalog-archive .movie-grid.listing-grid {
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  align-content:start!important;
}
@media (min-width:901px) {
  body.mbx-catalog-archive .movie-grid.listing-grid .movie .poster {
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2 / 3!important;
    flex:0 0 auto!important;
  }
}
body.mbx-catalog-archive .movie-grid.listing-grid .movie .poster img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#17151a!important;
}
body.mbx-catalog-archive .archive-pagination-primary {
  position:static!important;
  margin:18px 0 8px!important;
  clear:both;
}


/* V46.76 — Movie detail recommendations: match the narrow portrait proportions
   used by the regular Movie/TV listing cards. This only targets movie details;
   the TV detail page intentionally has no recommendations. */
.mbx-detail-view .related-movie-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  column-gap:7px!important;
  row-gap:12px!important;
}
.mbx-detail-view .related-movie-grid .movie{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
}
.mbx-detail-view .related-movie-grid .movie .poster{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:0 0 auto!important;
  aspect-ratio:2 / 3!important;
  overflow:hidden!important;
}
.mbx-detail-view .related-movie-grid .movie .poster img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#17151a!important;
}
@media (max-width:1100px){
  .mbx-detail-view .related-movie-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}
@media (max-width:820px){
  .mbx-detail-view .related-movie-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:700px){
  .mbx-detail-view .related-movie-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:560px){
  .mbx-detail-view .related-movie-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* V46.76 — Top Rated: prevent long movie titles from colliding with the
   gold star/score. Keep the score above the title in the bottom-left corner. */
.widget-top-rated .side-card .caption{
  left:5px!important;
  right:5px!important;
  bottom:6px!important;
  height:auto!important;
  min-height:0!important;
  max-height:30px!important;
  line-height:14px!important;
  overflow:hidden!important;
  text-align:center!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.widget-top-rated .side-card .side-rate{
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  left:6px!important;
  bottom:47px!important;
  z-index:35!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:calc(100% - 12px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#ffd400!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:14px!important;
  white-space:nowrap!important;
  text-shadow:0 1px 4px #000,0 0 2px #000!important;
  box-shadow:none!important;
}
@media(max-width:700px){
  .widget-top-rated .side-card .side-rate{
    left:5px!important;
    bottom:47px!important;
  }
}

/* V46.77 — prevent the related hover preview from covering the footer.
   Keep the normal hover details elsewhere intact. */
.mbx-detail-view .related-movie-grid .movie .details.mbx-details-up {
  top:auto!important; bottom:calc(100% + 7px)!important;
}
@media (hover:none), (pointer:coarse) {
  .mbx-detail-view .related-movie-grid .movie .details {display:none!important;}
}


/* V46.78 — two strictly scoped adjustments: move the gold Top Rated score
   8px down without touching its title; the missing fifth Movie recommendation
   is filled by the real additional item in index.php (25/page). */
.widget-top-rated .side-card .side-rate{
  bottom:39px!important;
}
@media(max-width:700px){
  .widget-top-rated .side-card .side-rate{
    bottom:39px!important;
  }
}


/* V46.80 — Top Rated sidebar card cleanup */
.widget-top-rated .side-slider{position:relative;overflow:hidden;width:100%;}
.widget-top-rated .side-track{display:flex;gap:8px;align-items:flex-start;transition:transform .5s ease;will-change:transform;width:100%;margin:0;padding:0;}
.widget-top-rated .side-card{flex:0 0 calc((100% - 8px)/2);width:calc((100% - 8px)/2);min-width:0;height:auto;min-height:0;position:relative;overflow:hidden;background:transparent;box-sizing:border-box;display:flex;flex-direction:column;text-decoration:none;}
.widget-top-rated .side-card:after{display:none!important;content:none!important;}
.widget-top-rated .side-card img{display:block;width:100%;height:170px;object-fit:cover;object-position:center center;}
.widget-top-rated .side-year{position:absolute;top:7px;left:6px!important;right:auto!important;z-index:6;display:inline-flex;align-items:center;height:23px;box-sizing:border-box;background:rgba(72,72,72,.90)!important;color:#c7c7c7!important;padding:0 7px!important;font-size:10px!important;line-height:23px!important;white-space:nowrap;border-radius:1px;}
.widget-top-rated .side-rate{position:static!important;display:block!important;width:100%;margin:6px 0 2px;padding:0!important;min-width:0!important;height:auto!important;line-height:1.1!important;text-align:center;background:transparent!important;color:#ffd400!important;border-radius:0!important;transform:none!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;font-size:12px!important;font-weight:700;}
.widget-top-rated .side-card .caption{position:static!important;display:block!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0;padding:0 4px 2px;text-align:center;color:#fff;font-size:11px;line-height:14px;white-space:normal;text-shadow:none;z-index:auto;}
.widget-top-rated .side-prev,.widget-top-rated .side-next{position:absolute;z-index:8;top:85px;transform:translateY(-50%);width:31px;height:47px;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;}
.widget-top-rated .side-prev{left:4px!important;}
.widget-top-rated .side-next{right:4px!important;}
@media(max-width:700px){.widget-top-rated .side-card img{height:160px}.widget-top-rated .side-prev,.widget-top-rated .side-next{top:80px}}


/* V46.81 — Demo-matched Top Rated slider: entire poster remains one card.
   The year / rating are corner badges and the title is overlaid at the bottom. */
.widget-top-rated .side-slider{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
  padding:0!important;
}
.widget-top-rated .side-track{
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
  padding:0!important;
  margin:0!important;
}
.widget-top-rated .side-card.mbx-hoverable{
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  flex:0 0 calc((100% - 8px)/2)!important;
  width:calc((100% - 8px)/2)!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:5 / 7!important;
  overflow:hidden!important;
  background:#333!important;
  text-decoration:none!important;
  margin:0!important;
  padding:0!important;
}
.widget-top-rated .side-card.mbx-hoverable > img,
.widget-top-rated .side-card.mbx-hoverable > picture,
.widget-top-rated .side-card.mbx-hoverable > picture > img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  z-index:1!important;
}
.widget-top-rated .side-card.mbx-hoverable:after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  opacity:1!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom, rgba(0,0,0,.14) 0%, transparent 35%, transparent 57%, rgba(22,20,25,.42) 69%, rgba(22,20,25,.94) 79%, rgba(22,20,25,.98) 100%)!important;
}
.widget-top-rated .side-card.mbx-hoverable .side-year,
.widget-top-rated .side-card.mbx-hoverable .side-rate{
  position:absolute!important;
  top:6px!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:calc(100% - 10px)!important;
  width:auto!important;
  height:22px!important;
  padding:0 6px!important;
  margin:0!important;
  border:0!important;
  border-radius:1px!important;
  box-shadow:none!important;
  background:rgba(38,38,39,.78)!important;
  color:#eee!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:22px!important;
  white-space:nowrap!important;
  text-shadow:0 1px 2px rgba(0,0,0,.8)!important;
  transform:none!important;
  z-index:7!important;
}
.widget-top-rated .side-card.mbx-hoverable .side-year{
  left:5px!important;
  right:auto!important;
}
.widget-top-rated .side-card.mbx-hoverable .side-rate{
  left:auto!important;
  right:5px!important;
  color:#ffd400!important;
  font-weight:700!important;
  background:rgba(35,35,36,.82)!important;
}
.widget-top-rated .side-card.mbx-hoverable .caption{
  position:absolute!important;
  display:block!important;
  left:5px!important;
  right:5px!important;
  top:auto!important;
  bottom:11px!important;
  width:auto!important;
  height:auto!important;
  max-height:34px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:15px!important;
  text-align:center!important;
  text-shadow:0 1px 4px #000,0 1px 2px #000!important;
  white-space:normal!important;
  -webkit-line-clamp:2;
  z-index:8!important;
}
.widget-top-rated .side-prev,
.widget-top-rated .side-next{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:9!important;
}
.widget-top-rated .side-prev{left:4px!important;}
.widget-top-rated .side-next{right:4px!important;}

/* V46.82 — TV-only Seasons & Episodes guide (TMDB companion data). */
.mbx-tv-seasons{margin:24px 0 22px;background:#2e2a33;border:1px solid rgba(255,255,255,.065);padding:22px 22px 24px;color:#f6f3f7;box-shadow:0 8px 26px rgba(0,0,0,.08)}
.mbx-tv-topline{display:flex;gap:15px;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:20px;margin-bottom:16px}
.mbx-tv-kicker,.mbx-tv-current{color:#ffd400;font-size:10px;letter-spacing:1.5px;font-weight:800}
.mbx-tv-topline h2{margin:5px 0 6px;font:normal 26px/1.2 Georgia,serif}
.mbx-tv-topline h2 span{color:#ffd400}
.mbx-tv-topline p{margin:0;color:#aaa5ad;font-size:12px;line-height:1.5}
.mbx-tv-totals{display:flex;gap:8px;flex-shrink:0}
.mbx-tv-totals>span{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#3b3540;min-width:83px;padding:10px 9px;color:#aaa5ad;font-size:10px;text-align:center;border-radius:3px}
.mbx-tv-totals b{display:block;font-size:20px;color:#fff;line-height:1.25}
.mbx-tv-demo-label{margin:0 0 14px;border-left:3px solid #ffd400;padding:8px 11px;background:#3b3540;color:#ddd;font-size:11px}
.mbx-tv-season-tabs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:3px 1px 12px;margin-bottom:16px;white-space:nowrap}
.mbx-tv-season-tab{display:inline-flex;flex-shrink:0;gap:9px;align-items:center;justify-content:center;min-height:39px;border:1px solid #504a56;background:#38333c;padding:9px 14px;font-size:12px;font-weight:700;border-radius:3px;color:#ded8e0;transition:background .16s,border-color .16s}
.mbx-tv-season-tab small{font-size:9px;font-weight:700;color:#b3aeba}
.mbx-tv-season-tab:hover{background:#48414d;border-color:#ffd400;color:#fff}
.mbx-tv-season-tab.is-active{background:#ffd400;color:#211c26;border-color:#ffd400}
.mbx-tv-season-tab.is-active small{color:#393035}
.mbx-tv-season-intro{display:flex;gap:18px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#403643,#302b34);border:1px solid rgba(255,255,255,.045);padding:18px;margin-bottom:21px;border-radius:4px;min-height:116px}
.mbx-tv-season-copy{flex:1;min-width:0}
.mbx-tv-season-copy h3{font:normal 23px/1.2 Georgia,serif;margin:7px 0}
.mbx-tv-season-copy p{font-size:12px;line-height:1.6;color:#c0bbc4;margin:10px 0 0}
.mbx-tv-season-chips{display:flex;flex-wrap:wrap;gap:7px}
.mbx-tv-season-chips span{font-size:10px;color:#e4dfe5;padding:4px 8px;border-radius:2px;background:#504653}
.mbx-tv-season-cover{width:86px;max-height:122px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:3px;flex-shrink:0}
.mbx-tv-episode-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 13px}
.mbx-tv-episode-heading h3{font:normal 19px Georgia,serif;margin:0;border-left:3px solid #ffd400;padding-left:10px}
.mbx-tv-episode-heading span{font-size:11px;color:#a9a3ae}
.mbx-tv-episodes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mbx-tv-episode-card{background:#38333d;overflow:hidden;border:1px solid rgba(255,255,255,.045);border-radius:4px;min-width:0;transition:border-color .15s,transform .15s}
.mbx-tv-episode-card:hover{border-color:rgba(255,212,0,.40)}
.mbx-tv-episode-art{height:142px;overflow:hidden;position:relative;background:#211e26}
.mbx-tv-episode-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.mbx-tv-episode-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(transparent,rgba(0,0,0,.68));pointer-events:none}
.mbx-tv-episode-num,.mbx-tv-episode-rating{position:absolute;z-index:2;bottom:9px;padding:5px 8px;background:rgba(16,14,20,.82);font-weight:800;font-size:11px;border-radius:2px}
.mbx-tv-episode-num{left:9px;color:#fff}
.mbx-tv-episode-rating{right:9px;color:#ffd400}
.mbx-tv-episode-body{padding:12px 13px 13px}
.mbx-tv-episode-body h4{font:700 13px/1.35 Arial,sans-serif;margin:0 0 8px;color:#fff}
.mbx-tv-episode-meta{display:flex;flex-wrap:wrap;gap:7px;color:#bab4bf;font-size:10px;min-height:13px}
.mbx-tv-episode-meta span+span:before{content:"•";color:#ffd400;padding-right:7px}
.mbx-tv-episode-body details{margin-top:12px;border-top:1px solid rgba(255,255,255,.09);padding-top:9px}
.mbx-tv-episode-body summary{cursor:pointer;color:#ffd400;font-size:11px;list-style:none;display:flex;align-items:center;gap:6px;font-weight:700}
.mbx-tv-episode-body summary::before{content:"+";font-weight:bold;font-size:14px}
.mbx-tv-episode-body details[open] summary::before{content:"−"}
.mbx-tv-episode-body summary::-webkit-details-marker{display:none}
.mbx-tv-episode-body details p{font-size:11px;color:#c7c1ca;line-height:1.65;margin:9px 0 0}
.mbx-tv-no-episodes{display:flex;align-items:center;gap:16px;background:#37323c;border:1px dashed #5e5862;border-radius:4px;padding:22px 20px}
.mbx-tv-no-episodes>span{font-size:32px;color:#ffd400}
.mbx-tv-no-episodes strong{font-size:14px}
.mbx-tv-no-episodes p{font-size:12px;line-height:1.6;color:#bdb5c0;margin:6px 0 0}
.mbx-tv-episode-pagination{margin:18px 0 0}
@media(max-width:1050px){.mbx-tv-topline h2{font-size:23px}.mbx-tv-season-intro{padding:14px}.mbx-tv-episode-art{height:124px}}
@media(max-width:640px){.mbx-tv-seasons{padding:17px 12px 20px;margin:18px 0}.mbx-tv-topline{flex-direction:column;align-items:flex-start;gap:12px}.mbx-tv-totals{width:100%}.mbx-tv-totals>span{flex:1}.mbx-tv-episodes-grid{grid-template-columns:1fr;gap:12px}.mbx-tv-episode-art{height:auto;aspect-ratio:16/8.5}.mbx-tv-season-intro{align-items:flex-start}.mbx-tv-season-copy h3{font-size:21px}.mbx-tv-season-cover{width:70px}.mbx-tv-season-tab{padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.mbx-tv-episode-card,.mbx-tv-season-tab{transition:none}}
/* Narrow content column inside a wider Customizer/tablet viewport. */
@supports (container-type: inline-size){
  .mbx-tv-seasons{container-type:inline-size}
  @container (max-width: 505px){
    .mbx-tv-episodes-grid{grid-template-columns:1fr}
    .mbx-tv-episode-art{height:auto;aspect-ratio:16/8.7}
    .mbx-tv-topline{flex-wrap:wrap}
    .mbx-tv-totals{width:100%}
    .mbx-tv-totals>span{flex:1}
  }
}


/* Movie Box V46.83 — centered, configurable push reminder. */
.mbx-push-reminder[hidden]{display:none!important;}
.mbx-push-reminder{position:fixed;inset:0;z-index:120000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(12,9,17,.55);box-sizing:border-box;}
.mbx-push-reminder-card{position:relative;width:min(100%,385px);max-height:min(88vh,550px);overflow:auto;box-sizing:border-box;padding:29px 25px 24px;border:1px solid rgba(255,212,0,.4);border-radius:12px;background:#2e2933;color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.52);text-align:center;}
.mbx-push-reminder-close{position:absolute;top:7px;right:9px;width:33px;height:33px;display:flex;align-items:center;justify-content:center;color:#e8e5e9;border:0;background:transparent;cursor:pointer;font-size:27px;line-height:1;border-radius:5px;}
.mbx-push-reminder-close:hover,.mbx-push-reminder-close:focus-visible{background:#49434f;color:#ffd400;outline:2px solid transparent;}
.mbx-push-reminder-bell{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#443944;font-size:25px;}
.mbx-push-reminder-card h2{font-size:19px;color:#fff;margin:0 0 9px;font-weight:700;line-height:1.35;}
.mbx-push-reminder-card p{font-size:13px;color:#d1cbd4;line-height:1.6;margin:0 0 20px;}
.mbx-push-reminder-enable{display:block!important;width:100%!important;min-height:43px!important;font-size:12px!important;border-radius:5px!important;}
.mbx-push-reminder-status{margin-top:8px;}
@media(max-width:480px){.mbx-push-reminder{padding:12px}.mbx-push-reminder-card{padding:27px 19px 22px;max-width:350px}.mbx-push-reminder-card h2{font-size:17px;}}
@media(prefers-reduced-motion:reduce){.mbx-push-reminder *{animation:none!important;transition:none!important;}}

/* V46.86 – demo mode OFF shows a clean, truthful empty catalog. */
.mbx-catalog-empty,.mbx-sidebar-empty{color:#bcb8c0;font-size:12px;line-height:1.6;margin:10px 0 22px}.mbx-sidebar-empty{margin:8px 0;font-size:11px}

/* V46.88 — preserve Hero Slider layout while enabling click-through custom slides. */
.hero-slide{position:relative}
.hero-slide .mbx-hero-card-link{position:absolute;inset:0;z-index:4;display:block}
.hero .hero-arrow{z-index:6}
.hero-slide .hero-overlay-title{pointer-events:none}


/* V46.89: reference-style hover metadata for the large header / hero slider. */
.hero-slide .mbx-hero-hover-info{position:absolute;inset:auto 0 0 0;z-index:3;padding:38px 16px 15px;background:linear-gradient(to top,rgba(10,9,12,.95) 0%,rgba(10,9,12,.80) 50%,transparent 100%);color:#fff;opacity:0;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease;pointer-events:none;overflow:hidden}
.hero-slide:hover .mbx-hero-hover-info,.hero-slide:focus-within .mbx-hero-hover-info{opacity:1;transform:translateY(0)}
.hero-slide .hero-overlay-title{transition:opacity .18s ease}
.hero-slide:hover .hero-overlay-title,.hero-slide:focus-within .hero-overlay-title{opacity:0}
.mbx-hero-hover-title{display:block;font-size:14px;font-weight:700;line-height:1.25;color:#fff;text-shadow:0 2px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.mbx-hero-hover-rating{display:flex;align-items:center;gap:8px;line-height:1.3;margin-bottom:5px}
.mbx-hero-stars{display:inline-block;color:#7b777a;font-size:14px;letter-spacing:0;position:relative;white-space:nowrap}
.mbx-hero-stars-fill{display:block;position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden;color:#ffd400}
.mbx-hero-rating-number{font-size:11px;font-weight:700;color:#ffd400}
.mbx-hero-rating-number small{font-size:9px;color:#ddd;font-weight:400}
.mbx-hero-hover-desc{font-size:10px;line-height:1.4;color:#e2dfe1;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px #000}
@media(hover:none){.hero-slide .mbx-hero-hover-info{opacity:1;transform:none;padding:24px 12px 10px}.mbx-hero-hover-title{font-size:12px}.mbx-hero-hover-desc{font-size:9px;-webkit-line-clamp:2}}
@media(prefers-reduced-motion:reduce){.hero-slide .mbx-hero-hover-info{transition:none;transform:none}}

/* V46.89: fully configurable footer columns, row and credits. */
footer.footer.mbx-editable-footer{padding-top:var(--mbx-footer-padding,44px)!important}
footer.footer.mbx-editable-footer .footgrid{grid-template-columns:repeat(var(--mbx-footer-count,4),minmax(0,1fr))!important}
footer.footer.mbx-editable-footer .footgrid>*{min-width:0;grid-column:auto!important}
footer.footer.mbx-editable-footer .footer-bottom span{white-space:normal;overflow-wrap:anywhere}
footer.footer.mbx-editable-footer .footer-bottom span a{display:inline;color:inherit;font-size:inherit;padding:0;text-decoration:none}
footer.footer.mbx-editable-footer .footer-bottom span a:hover{color:#ffd400}
footer.footer.mbx-editable-footer .foot-about h4{margin:0 0 10px}
@media(max-width:900px){footer.footer.mbx-editable-footer .footgrid{grid-template-columns:repeat(min(var(--mbx-footer-count,4),2),minmax(0,1fr))!important}}
@media(max-width:520px){footer.footer.mbx-editable-footer .footgrid{grid-template-columns:1fr!important}}

footer.footer.mbx-editable-footer .footer-pagebar-inner .mbx-footer-wp-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
footer.footer.mbx-editable-footer .footer-pagebar-inner .mbx-footer-wp-menu li{list-style:none;margin:0;padding:0}
@media(max-width:820px){footer.footer.mbx-editable-footer .footer-pagebar-inner .mbx-footer-wp-menu{justify-content:flex-start}}

footer.footer.mbx-editable-footer h4{color:var(--mbx-footer-heading-color,#f2f0f2)!important}
footer.footer.mbx-editable-footer h4:after{background:var(--mbx-footer-accent-color,#ffd400)!important}
footer.footer.mbx-editable-footer .foot-about p{color:var(--mbx-footer-text-color,#aaa4ad)!important}
footer.footer.mbx-editable-footer .foot-links a,
footer.footer.mbx-editable-footer .footer-tags a{color:var(--mbx-footer-link-color,#eee)!important}
footer.footer.mbx-editable-footer a:hover{color:var(--mbx-footer-accent-color,#ffd400)!important}
footer.footer.mbx-editable-footer .footer-tags a:hover{border-color:var(--mbx-footer-accent-color,#ffd400)!important}
footer.footer.mbx-editable-footer .footer-pagebar{background:var(--mbx-footer-pagebar-color,#424242)!important}
footer.footer.mbx-editable-footer .footer-bottom{color:var(--mbx-footer-bottom-color,#fff)!important}
footer.footer.mbx-editable-footer .footer-bottom span a{color:inherit!important}
footer.footer.mbx-editable-footer .footer-bottom span a:hover{color:var(--mbx-footer-accent-color,#ffd400)!important}

footer.footer.mbx-editable-footer{background-image:var(--mbx-footer-bg-image,none)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}
footer.footer.mbx-editable-footer .footer-pagebar a:hover{background:var(--mbx-footer-accent-color,#ffd400)!important;color:#17131a!important;border-color:var(--mbx-footer-accent-color,#ffd400)!important}

/* Social brand artwork remains visible even before profile URLs are configured. */
.socials .soc svg,.foot-socials .soc svg{display:block!important;visibility:visible!important;opacity:1!important;color:#fff;flex-shrink:0}

/* Upcoming episodes use an honest release notice instead of demo artwork. */
.mbx-tv-episode-art.mbx-tv-episode-placeholder{background:#050505!important}
.mbx-tv-episode-placeholder:after{display:none}
.mbx-tv-release-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:20px 18px 32px;text-align:center;color:#e6bd58;font-size:clamp(15px,1.5vw,20px);font-weight:700;line-height:1.35}
.mbx-tv-release-message small{font-size:12px;font-weight:400;color:#c4a55e}

/* Footer rows must fit their column and reserve their actual height. */
footer.footer.mbx-editable-footer .foot-socials{
  flex-wrap:nowrap!important;height:auto!important;min-height:36px;
  gap:5px!important;max-width:100%;overflow-x:auto;
}
footer.footer.mbx-editable-footer .foot-socials > a.mas-footer-social{
  flex:0 1 36px!important;width:36px!important;min-width:24px!important;
  height:auto!important;min-height:0!important;max-height:36px!important;
  aspect-ratio:1;align-self:center;
}
footer.footer.mbx-editable-footer .footer-bottom{
  padding-right:44px!important;box-sizing:border-box;flex-wrap:wrap!important;
}
footer.footer.mbx-editable-footer .footer-bottom span{
  min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;
}
footer.footer.mbx-editable-footer .footer-pagebar-inner{
  justify-content:flex-start!important;
}
footer.footer.mbx-editable-footer .footer-pagebar-inner > :first-child{margin-inline-start:auto!important}
footer.footer.mbx-editable-footer .footer-pagebar-inner > :last-child{margin-inline-end:auto!important}
footer.footer.mbx-editable-footer .foot-about p,
footer.footer.mbx-editable-footer .footer-tags a{overflow-wrap:anywhere;max-width:100%}

/* V46.97 — complete poster artwork with the same year/rating badges everywhere. */
.movie .poster{height:auto!important;aspect-ratio:2 / 3!important;background:#17151a!important}
.movie .poster img{object-fit:contain!important;object-position:center!important;background:#17151a!important}
.movie .poster .poster-year,.movie .poster .score{
  position:absolute!important;z-index:5!important;top:6px!important;bottom:auto!important;
  display:inline-flex;align-items:center;min-height:23px;padding:0 6px;
  background:rgba(45,48,53,.92);color:#f2f2f2;font-size:10px;line-height:1;box-sizing:border-box
}
.movie .poster .poster-year{left:6px!important}.movie .poster .score{left:auto!important;right:6px!important;color:#ffd400}
.widget-top-rated .side-card{height:auto!important;aspect-ratio:2 / 3!important;background:#17151a!important}
.widget-top-rated .side-card img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#17151a!important}
.widget-top-rated .side-prev,.widget-top-rated .side-next{top:50%!important}

/* Missing media is explicit; demo artwork is never shown as a real trailer. */
.server-player.is-unreleased:after{display:none!important}
.mbx-video-unreleased{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:24px;background:#050505;text-align:center}
.mbx-video-unreleased:before{content:"";display:block;width:48px;height:3px;background:#e6bd58}
.mbx-video-unreleased strong{max-width:560px;color:#fff;font-size:clamp(17px,2.3vw,27px);line-height:1.35;font-weight:700}

.fav.is-favorite,.fav[aria-pressed="true"]{color:#ffd400!important}

/* Mobile submenu stays inside the visible preview and can scroll in full. */
@media(max-width:820px){
  .rail-submenu{box-sizing:border-box!important}
  .rail-submenu a{white-space:normal!important;overflow-wrap:anywhere}
}

/* V46.98 — complete Top Movies/TV and Latest poster artwork. */
.two-ranks .rank{height:84px!important;gap:8px!important}
.two-ranks .rank img{
  flex:0 0 50px!important;width:50px!important;height:75px!important;
  object-fit:contain!important;object-position:center!important;background:#17151a!important
}
.widget-latest .latest-card{height:auto!important;aspect-ratio:2 / 3!important;background:#17151a!important}
.widget-latest .latest-card img{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;background:#17151a!important
}
.widget-latest .latest-card .latest-year,
.widget-latest .latest-card .latest-rating{
  position:absolute!important;z-index:32!important;top:6px!important;bottom:auto!important;
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
  align-items:center!important;min-height:22px!important;width:auto!important;height:auto!important;
  margin:0!important;padding:0 6px!important;border-radius:2px!important;
  background:rgba(45,48,53,.92)!important;font-size:10px!important;font-weight:700!important;
  line-height:1!important;box-sizing:border-box!important;white-space:nowrap!important
}
.widget-latest .latest-card .latest-year{left:6px!important;right:auto!important;color:#f2f2f2!important}
.widget-latest .latest-card .latest-rating{left:auto!important;right:6px!important;color:#ffd400!important}
@media(max-width:560px){
  .two-ranks .rank{height:80px!important}
  .two-ranks .rank img{width:48px!important;height:72px!important;flex-basis:48px!important}
}

/* V46.99 — TMDB certification badge, lower year, and edge-to-edge Home posters. */
.movie .poster .poster-cert{
  position:absolute!important;z-index:7!important;left:0!important;top:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:27px!important;min-height:20px!important;margin:0!important;
  padding:2px 6px!important;box-sizing:border-box!important;border-radius:0 0 2px 0!important;
  background:rgba(255,212,0,.68)!important;color:#111!important;font-size:10px!important;font-weight:800!important;
  line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;
  box-shadow:none!important
}
.movie .poster .poster-year{
  left:0!important;right:auto!important;top:auto!important;bottom:0!important;
  min-height:21px!important;padding:0 6px!important;
  border-radius:0 2px 0 0!important;background:rgba(24,27,31,.48)!important;
  color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.9)!important;box-shadow:none!important
}
.movie .poster .score{
  left:auto!important;right:0!important;top:0!important;bottom:auto!important;
  border-radius:0 0 0 2px!important;background:rgba(24,27,31,.48)!important;
  color:#ffd400!important;text-shadow:0 1px 2px rgba(0,0,0,.95)!important;box-shadow:none!important
}
.movie-grid .movie .mname{padding-top:10px!important}

/* Imported artwork of different proportions fills Home cards without side bars. */
.latest-listing-grid .movie .poster img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  background:transparent!important
}

/* V47.01 — polished trust pages and accessible contact form. */
.mbx-trust-page-wrap{padding:0;overflow:hidden;background:#2d2932;border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.mbx-trust-page-wrap>h1{margin:0;padding:22px 28px 0;font:600 13px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ffd400}
.mbx-policy-page{color:#d8d4da}.mbx-policy-hero{position:relative;padding:25px 28px 28px;background:linear-gradient(135deg,#393340 0%,#27232d 72%);border-bottom:1px solid rgba(255,212,0,.22);overflow:hidden}
.mbx-policy-hero:after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-85px;border:32px solid rgba(255,212,0,.055);border-radius:50%}
.mbx-policy-hero span{display:inline-block;margin-bottom:9px;color:#ffd400;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.mbx-policy-hero h2{position:relative;z-index:1;margin:0 0 10px;font:400 30px/1.18 Georgia,serif;color:#fff;max-width:650px}.mbx-policy-hero p{position:relative;z-index:1;margin:0;max-width:690px;color:#c8c2cc;font-size:14px;line-height:1.75}
.mbx-policy-page>section,.mbx-policy-summary{margin:0;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.065)}.mbx-policy-page>section h3{margin:0 0 10px;color:#fff;font-size:16px;line-height:1.35}.mbx-policy-page>section h3:before{content:"";display:inline-block;width:3px;height:15px;margin-right:9px;vertical-align:-2px;background:#ffd400;border-radius:2px}
.mbx-policy-page p,.mbx-policy-page li{color:#c7c2ca;font-size:14px;line-height:1.8}.mbx-policy-page p{margin:0 0 10px}.mbx-policy-page p:last-child{margin-bottom:0}.mbx-policy-page ol,.mbx-policy-page ul{margin:9px 0 0;padding-left:22px}.mbx-policy-page li{padding:3px 0 3px 4px}.mbx-policy-page a{display:inline;color:#ffd400;text-decoration:underline;text-decoration-color:rgba(255,212,0,.42);text-underline-offset:3px}
.mbx-policy-summary{background:rgba(255,212,0,.055);border-left:3px solid #ffd400}.mbx-policy-summary strong{display:block;margin-bottom:6px;color:#fff;font-size:14px}.mbx-policy-note{padding:17px 28px;background:#25212a;color:#918b95;font-size:11px;letter-spacing:.04em}
.mbx-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.065)}.mbx-contact-cards section{padding:17px;background:#37323c;border:1px solid rgba(255,255,255,.07);border-top:2px solid #ffd400;border-radius:4px}.mbx-contact-cards h3{margin:0 0 7px;color:#fff;font-size:13px}.mbx-contact-cards p{font-size:12px;line-height:1.65}
.mbx-contact-form{margin-top:18px;padding:20px;background:#27232c;border:1px solid rgba(255,255,255,.08);border-radius:5px}.mbx-contact-form label{display:block;margin-bottom:14px}.mbx-contact-form label>span{display:block;margin-bottom:7px;color:#eee;font-size:12px;font-weight:700}.mbx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mbx-contact-form input,.mbx-contact-form select,.mbx-contact-form textarea{width:100%;border:1px solid #554f59;border-radius:3px;background:#343039;color:#fff;padding:11px 12px;font:13px Arial,sans-serif;outline:none}.mbx-contact-form input:focus,.mbx-contact-form select:focus,.mbx-contact-form textarea:focus{border-color:#ffd400;box-shadow:0 0 0 2px rgba(255,212,0,.12)}.mbx-contact-form textarea{resize:vertical;min-height:150px}.mbx-contact-form .btn{border:0;cursor:pointer;min-width:145px}.mbx-contact-form .mbx-consent{display:flex;align-items:flex-start;gap:8px}.mbx-contact-form .mbx-consent input{width:auto;margin-top:3px}.mbx-contact-form .mbx-consent span{margin:0;color:#bbb;font-weight:400;line-height:1.5}.mbx-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.mbx-form-success{margin:0 0 15px;padding:13px 15px;border-left:3px solid #ffd400;background:rgba(255,212,0,.08);color:#eee}
@media(max-width:700px){.mbx-trust-page-wrap>h1{padding:18px 18px 0}.mbx-policy-hero,.mbx-policy-page>section,.mbx-policy-summary{padding:20px 18px}.mbx-policy-hero h2{font-size:24px}.mbx-contact-cards{grid-template-columns:1fr;padding:18px}.mbx-form-grid{grid-template-columns:1fr;gap:0}.mbx-policy-note{padding:15px 18px}}

/* V47.18 — fluid Desktop, Tablet and Mobile layout.
   Never let the content/sidebar tracks exceed the real preview viewport. */
html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important}
.page{
  width:auto!important;
  max-width:calc(100% - 94px)!important;
  min-width:0!important;
}
.page>.wrap{
  width:calc(100% - 30px)!important;
  max-width:var(--mbx-content-width,1250px)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.mbx-site-content,.columns,.columns>main,.columns>.side,.mbx-side-column{
  width:100%;min-width:0!important;max-width:100%;box-sizing:border-box
}
.columns{
  grid-template-columns:minmax(0,1fr) minmax(240px,var(--mbx-sidebar-width,300px))!important;
  gap:clamp(14px,2vw,25px)!important;
  overflow:visible!important;
}
.side,.side>.widget,.side>.mbx-side-column>.widget{
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important
}
.side>.widget,.side>.mbx-side-column>.widget{width:100%!important;overflow:hidden}
.widget *,.single-blog *,.mbx-policy-page *{max-width:100%;box-sizing:border-box}
.single-blog,.mbx-trust-page-wrap,.mbx-policy-page,.mbx-policy-page p,.mbx-policy-page li{
  min-width:0;overflow-wrap:anywhere;word-break:normal
}
.newsletter-banner-v36,.newsletter-banner-content-v36,.mbx-push-enable{
  width:100%!important;min-width:0!important;max-width:100%!important
}

@media (min-width:901px) and (max-width:1100px){
  .columns{grid-template-columns:minmax(0,1fr) minmax(230px,280px)!important;gap:18px!important}
  .widget{padding-left:14px!important;padding-right:14px!important}
}
@media (max-width:900px){
  .left-rail{position:relative!important;inset:auto!important;width:100%!important;height:auto!important}
  .page{margin-left:0!important;width:100%!important;max-width:100%!important}
  .page>.wrap{width:calc(100% - 20px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  .columns{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
  .side{width:100%!important}
}
@media (max-width:560px){
  .page>.wrap{width:calc(100% - 16px)!important}
  .columns{gap:14px!important}
  .widget{padding-left:13px!important;padding-right:13px!important}
}
@media (max-width:380px){.page>.wrap{width:calc(100% - 12px)!important}}

/* V47.19 — Home Latest Movies/TV use the exact archive poster footprint.
   The extra selector weight intentionally overrides the older Customizer
   column count and fixed-height card rules without changing other grids. */
body .movie-grid.latest-listing-grid{
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  align-content:start!important;
}
body .movie-grid.latest-listing-grid .movie{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
}
body .movie-grid.latest-listing-grid .movie .poster{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:0 0 auto!important;
  aspect-ratio:2 / 3!important;
  overflow:hidden!important;
}
body .movie-grid.latest-listing-grid .movie .poster img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#17151a!important;
}
body .movie-grid.latest-listing-grid .movie .mname{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding-top:10px!important;
  overflow:hidden!important;
}
@media (min-width:1201px){
  body .movie-grid.latest-listing-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media (min-width:901px) and (max-width:1200px){
  body .movie-grid.latest-listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media (min-width:701px) and (max-width:900px){
  body .movie-grid.latest-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (min-width:481px) and (max-width:700px){
  body .movie-grid.latest-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:480px){
  body .movie-grid.latest-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body .movie-grid.latest-listing-grid .movie .mname{
    min-height:34px!important;
    height:34px!important;
    max-height:34px!important;
    padding-top:6px!important;
  }
}

/* V47.20 — complete demo-style Movie Box information rows. */
.movie-box-list{gap:20px!important}
.movie-box-list .box-item{
  display:grid!important;
  grid-template-columns:minmax(150px,185px) minmax(0,1fr)!important;
  gap:15px!important;
  align-items:start!important;
  min-width:0!important;
  height:auto!important;
  padding:15px!important;
  background:#302d35!important;
  border:1px solid rgba(255,255,255,.045);
}
.movie-box-list .box-cover{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:2 / 3!important;
  overflow:hidden!important;
  border:4px solid #f4f4f4;
  border-radius:4px;
  background:#17151a;
}
.movie-box-list .box-cover img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#17151a!important;
}
.movie-box-list .box-info{min-width:0!important}
.movie-box-list .box-info h3{margin:0 0 5px!important;font-size:18px!important;font-weight:400!important}
.movie-box-list .box-info h3 a{color:#fff}
.movie-box-list .box-rating{display:flex;align-items:center;gap:7px;min-height:21px;margin-bottom:7px}
.movie-box-list .box-rating .stars{font-size:16px;letter-spacing:1px;line-height:1}
.movie-box-list .box-stars-filled{color:#ffd400}
.movie-box-list .box-stars-empty{color:#77727a}
.movie-box-list .box-votes{color:#eee;font-size:10px}
.movie-box-list .box-meta{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:3px!important;
  margin:7px 0 11px!important;
}
.movie-box-list .box-meta span{
  min-width:0;padding:4px 3px!important;text-align:center!important;
  background:#4a454d!important;color:#fff;font-size:8px!important;line-height:1.15;
  border-top:1px solid #ffd400;
}
.movie-box-list .box-meta b{display:block;margin-top:3px;font-size:9px!important;overflow-wrap:anywhere}
.movie-box-list .box-facts{display:grid;gap:4px;margin:0 0 8px}
.movie-box-list .box-facts p{margin:0!important;color:#eee!important;font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere}
.movie-box-list .box-description{
  margin:0 0 10px!important;color:#ddd!important;font-size:12px!important;
  line-height:1.55!important;overflow-wrap:anywhere;
}
.movie-box-list .buttons{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;margin-top:7px!important}
.movie-box-list .buttons .btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:38px!important;padding:8px 13px!important;border:1px solid transparent!important;
  border-radius:2px!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;
  cursor:pointer!important;
}
.movie-box-list .buttons .box-more{background:var(--mbx-button,#ffd400)!important;color:#17131a!important}
.movie-box-list .buttons .box-favorite{
  background:#fff!important;color:#343039!important;border-color:#fff!important;
}
.movie-box-list .buttons .box-favorite.is-favorite,
.movie-box-list .buttons .box-favorite[aria-pressed="true"]{
  background:#fff!important;color:#a51f2d!important;border-color:#fff!important;
}
.movie-grid .movie .details .meta{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:700px){
  .movie-box-list .box-item{grid-template-columns:minmax(105px,30%) minmax(0,1fr)!important;gap:10px!important;padding:10px!important}
  .movie-box-list .box-cover{border-width:3px}
  .movie-box-list .box-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .movie-box-list .box-info h3{font-size:16px!important}
}
@media(max-width:480px){
  .movie-box-list .box-item{grid-template-columns:100px minmax(0,1fr)!important}
  .movie-box-list .box-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .movie-box-list .box-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
  .movie-box-list .buttons .btn{width:100%!important}
}

/* V47.21 cascade guard: keep the slider rules above authoritative over legacy responsive declarations. */
.mbx-poster-shell .mbx-slider-track,.mbx-backdrop-shell .mbx-slider-track{gap:10px!important}
.mbx-swiper-shell .mbx-slider-track{gap:0!important}
.mbx-slider-section .mbx-slider-arrow{
  width:34px!important;min-width:34px!important;height:54px!important;
  background:rgba(18,16,21,.34)!important;color:#1597ef!important;
}
.mbx-swiper-shell .mbx-swiper-slide{height:auto!important;aspect-ratio:16/9!important}
.mbx-swiper-shell .mbx-swiper-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(max-width:560px){
  .mbx-poster-shell .mbx-slider-track,.mbx-backdrop-shell .mbx-slider-track{gap:8px!important}
  .mbx-slider-section .mbx-slider-arrow{width:30px!important;min-width:30px!important;height:46px!important}
}

/* V47.23 — expanded Popular posters, gold Movie Box labels and taller reliable Swiper. */
.widget.widget-top-rated{padding:14px 10px 16px!important}
.widget-top-rated .side-slider{width:100%!important;margin:0!important}
.widget-top-rated .side-track{gap:6px!important;width:100%!important}
.widget-top-rated .side-card.mbx-hoverable{
  flex:0 0 calc((100% - 6px)/2)!important;width:calc((100% - 6px)/2)!important;
  max-width:calc((100% - 6px)/2)!important;aspect-ratio:2/3!important;
  border:1px solid rgba(255,255,255,.045)!important;background:#17151a!important
}
.widget-top-rated .side-card.mbx-hoverable>img,
.widget-top-rated .side-card.mbx-hoverable>picture,
.widget-top-rated .side-card.mbx-hoverable>picture>img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important
}
.widget-top-rated .side-card.mbx-hoverable .side-year{left:0!important;top:0!important}
.widget-top-rated .side-card.mbx-hoverable .side-rate{right:0!important;top:0!important}
.widget-top-rated .side-card.mbx-hoverable .caption{
  left:0!important;right:0!important;bottom:0!important;padding:9px 5px 7px!important;
  background:linear-gradient(transparent,rgba(15,13,17,.92))!important
}
.widget-top-rated .side-prev{left:0!important}.widget-top-rated .side-next{right:0!important}
.movie-box-list .box-facts p>b{color:#ffd400!important;font-weight:700!important}
.mbx-swiper-shell .mbx-swiper-slide{
  height:auto!important;min-height:0!important;aspect-ratio:4/3!important;background:#201d25!important
}
.mbx-swiper-shell .mbx-swiper-slide img{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#201d25!important
}
.mbx-swiper-shell .mbx-swiper-slide.mbx-image-fallback img,
.mbx-backdrop-shell .mbx-backdrop-slide.mbx-image-fallback img{object-fit:contain!important;background:linear-gradient(135deg,#302b34,#17151a)!important}
.footer .tags-col{display:none!important}
@media(max-width:560px){
  .widget.widget-top-rated{padding-left:8px!important;padding-right:8px!important}
  .mbx-swiper-shell .mbx-swiper-slide{aspect-ratio:5/4!important}
}

/* V47.24 — cleaner Genres page and a brighter, richer cinema presentation. */
:root{
  --bg:#292530;
  --bg2:#25212b;
  --panel:#35303b;
  --panel2:#3c3642;
}
body{
  background:
    radial-gradient(circle at 52% -12%,rgba(121,82,139,.13),transparent 38%),
    linear-gradient(180deg,var(--bg),var(--bg2));
}
.widget,.box-item,.blog-card,.blog-list-item,.single-blog,.contact-form,
.category-browser,.movie-tag-section,.empty,.empty-box{
  border:1px solid rgba(255,255,255,.055);
  box-shadow:0 8px 24px rgba(7,5,9,.13);
}
.hero-slide img,.poster img,.side-card img,.latest-card img,.rank img,
.mbx-poster-slide img,.mbx-backdrop-slide img,.mbx-swiper-slide img,
.movie-box-list .box-cover img,.movie-single>img,.blog-card img,
.blog-list-item img,.compact-movie-thumb img{
  filter:saturate(1.12) contrast(1.055) brightness(1.045);
  image-rendering:auto;
  transition:filter .2s ease,transform .2s ease;
}
.poster:after{background:linear-gradient(transparent 62%,rgba(0,0,0,.58))!important}
.side-card.mbx-hoverable:after{background:linear-gradient(transparent 61%,rgba(0,0,0,.64))!important}
.latest-card:after{background:linear-gradient(transparent 56%,rgba(0,0,0,.61))!important}
.movie.mbx-hoverable:hover .poster img,.blog-list-item.mbx-hoverable:hover img,
.blog-card-clickable:hover img,.side-card.mbx-hoverable:hover img,.latest-card:hover img,
.mbx-poster-slide:hover img,.mbx-backdrop-slide:hover img,.mbx-swiper-slide:hover img{
  filter:saturate(1.16) contrast(1.065) brightness(.94)!important;
}
.poster,.side-card,.latest-card,.mbx-poster-slide,.mbx-backdrop-slide,.mbx-swiper-slide{
  box-shadow:0 5px 14px rgba(5,4,7,.2);
}

/* V47.25 — Countries belong to the footer only; no sidebar/header duplicate. */
.side .widget-countries{display:none!important}

/* V47.26 — the redundant Countries footer column is permanently removed. */
.footer .countries-links{display:none!important}

/* V47.27 — inline TV season/episode accordion with clean nested URLs. */
.mbx-tv-season-panel[hidden],.mbx-tv-season-prompt[hidden]{display:none!important}
.mbx-tv-season-prompt{
  display:flex;align-items:center;gap:14px;padding:20px 18px;border:1px dashed #5e5862;
  border-radius:4px;background:#37323c;color:#d8d3da
}
.mbx-tv-season-prompt>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffd400;color:#211c26;font-size:22px;font-weight:800;flex:0 0 34px}
.mbx-tv-season-prompt strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}
.mbx-tv-season-prompt p{margin:0;color:#bdb5c0;font-size:12px;line-height:1.5}
.mbx-tv-season-panel{min-width:0}
.mbx-tv-episode-card.has-details{cursor:pointer}
.mbx-tv-episode-card.has-details:focus-visible{outline:2px solid #ffd400;outline-offset:2px}
.mbx-tv-episode-card.is-expanded{border-color:rgba(255,212,0,.72);box-shadow:0 6px 18px rgba(0,0,0,.17)}
.mbx-tv-episode-card.is-expanded .mbx-tv-episode-body{background:#3d3742}
.mbx-tv-episode-body details p{cursor:text}
@media(max-width:640px){.mbx-tv-season-prompt{padding:16px 13px}}

/* V47.28 — Release Year moved permanently from the sidebar to the footer. */
footer.footer .mas-footer-block-grid.years-blocks{grid-template-columns:repeat(3,minmax(0,1fr))!important}
footer.footer .years-links{justify-self:stretch;min-width:0}
footer.footer .years-links .years-blocks a{font-variant-numeric:tabular-nums}
@media(max-width:560px){footer.footer .mas-footer-block-grid.years-blocks{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V47.29 — TMDB-rich Movie/TV facts, cast/crew and person profiles. */
.mbx-tmdb-info{margin-top:24px;background:#302d35;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden}
.mbx-tmdb-heading h2,.mbx-person-page h2{margin:0 0 12px;font-size:18px;color:#fff}
.mbx-tmdb-content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 22px}.mbx-tmdb-main{min-width:0}.mbx-tmdb-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.mbx-tmdb-heading span{font-size:10px;color:#a8a2aa}.mbx-cast-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mbx-cast-card{display:block!important;min-width:0;background:#fff;color:#19171b!important;padding:0 0 12px!important;border-radius:6px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.3)}.mbx-cast-photo{display:flex;width:100%;aspect-ratio:2/3;background:#4a454d;align-items:center;justify-content:center;font-size:38px}.mbx-cast-photo img{display:block;width:100%;height:100%;object-fit:cover}.mbx-cast-card strong,.mbx-cast-card small{display:block;padding:0 10px}.mbx-cast-card strong{font-size:11px;line-height:1.35;margin-top:10px}.mbx-cast-card small{font-size:10px;color:#5f5961;line-height:1.4;margin-top:4px}
.mbx-full-credits{margin-top:18px;border-top:1px solid #4d4851}.mbx-full-credits>summary{cursor:pointer;padding:13px 0;color:#ffd400;font-size:12px;font-weight:800}.mbx-full-credit-body h3{font-size:14px;margin:14px 0 8px}.mbx-credit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}.mbx-credit-list a{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:8px;padding:7px 0!important;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px}.mbx-credit-list strong{color:#fff;overflow-wrap:anywhere}.mbx-credit-list span{color:#aaa;overflow-wrap:anywhere}
.mbx-keyword-tags{display:flex!important;flex-wrap:wrap;gap:5px}.mbx-keyword-tags>span{background:#e5e2e6;color:#252128;padding:5px 7px;border-radius:3px;font-size:9px;line-height:1}.mbx-tmdb-attribution{border-top:1px solid rgba(255,255,255,.06);margin:0;padding:10px 22px;color:#8f8992;font-size:9px}
.mbx-person-columns{align-items:start}.mbx-person-page{background:#302d35;border:1px solid rgba(255,255,255,.07);padding:20px}.mbx-person-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px}.mbx-person-sidebar>img,.mbx-person-placeholder{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:5px;background:#4a454d}.mbx-person-placeholder{display:flex;align-items:center;justify-content:center;font-size:64px}.mbx-person-sidebar h2{margin-top:20px}.mbx-person-sidebar dl{margin:0}.mbx-person-sidebar dt{font-size:10px;font-weight:800;color:#fff;margin-top:12px}.mbx-person-sidebar dd{font-size:10px;color:#bbb4be;line-height:1.45;margin:3px 0 0}.mbx-person-main{min-width:0}.mbx-person-main h1{font-size:28px;margin:0 0 20px}.mbx-person-main section+section{margin-top:26px}.mbx-person-biography{font-size:12px;line-height:1.75;color:#ddd}.mbx-known-for{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:hidden}.mbx-known-card{display:block!important;min-width:0;color:#fff!important;padding:0!important}.mbx-known-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#4a454d;border-radius:3px}.mbx-known-card strong,.mbx-known-card small{display:block}.mbx-known-card strong{font-size:9px;line-height:1.3;margin-top:6px}.mbx-known-card small{font-size:8px;color:#aaa;margin-top:3px}.mbx-person-credits{border-top:1px solid #4b4650}.mbx-person-credits>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;border-bottom:1px solid #49444d;padding:9px 0}.mbx-person-credits time{font-size:10px;color:#aaa}.mbx-person-credits p{margin:0}.mbx-person-credits a,.mbx-person-credits strong{font-size:11px;color:#fff}.mbx-person-credits small{display:block;color:#aaa;font-size:9px;margin-top:3px}
@media(max-width:1050px){.mbx-cast-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.mbx-known-for{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.mbx-tmdb-content-grid{grid-template-columns:1fr}.mbx-person-layout{grid-template-columns:150px minmax(0,1fr)}.mbx-known-for{grid-template-columns:repeat(3,minmax(0,1fr))}.mbx-cast-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.mbx-tmdb-content-grid{padding:18px 13px}.mbx-cast-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.mbx-cast-card{flex:0 0 132px;scroll-snap-align:start}.mbx-credit-list{grid-template-columns:1fr}.mbx-person-page{padding:13px}.mbx-person-layout{grid-template-columns:1fr}.mbx-person-sidebar>img,.mbx-person-placeholder{width:150px}.mbx-person-main h1{font-size:23px}.mbx-known-for{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V47.30 — name-only person URLs, biography/personal-info profiles, no public TMDB keywords. */
/* V47.31 — video review: clean credits, linked people, useful TV runtime and clean biography. */
.detail-facts .mbx-person-fact-link{color:#d9d3dc;text-decoration:none;border-bottom:1px solid rgba(255,212,0,.3)}
.detail-facts .mbx-person-fact-link:hover,.detail-facts .mbx-person-fact-link:focus{color:var(--yellow);border-bottom-color:var(--yellow)}
.detail-facts>.detail-fact-wide{grid-column:1/-1}
.detail-facts>.detail-money-fact>b{color:#ffd400!important}
/* V47.32 — complete cast grid, real rating stars and actor awards. */
.detail-rating .empty-star{color:#777}.detail-rating .mbx-rating-filled{color:var(--yellow)}
.detail-facts .mbx-full-cast-link{color:var(--yellow);white-space:nowrap}
.mbx-person-awards{margin-top:22px;padding-top:2px;border-top:1px solid rgba(255,255,255,.08)}
.mbx-person-awards h2{margin-top:18px!important}.mbx-person-awards-list{display:grid;gap:8px}.mbx-person-awards-list p{margin:0;color:#aaa;font-size:10px;line-height:1.5}
.mbx-person-awards-list article{position:relative;background:#3a3640;border-left:2px solid var(--yellow);padding:8px 30px 8px 9px;border-radius:2px}
.mbx-person-awards-list strong,.mbx-person-awards-list span,.mbx-person-awards-list time{display:block}.mbx-person-awards-list strong{font-size:10px;line-height:1.35;color:#fff}.mbx-person-awards-list span{font-size:9px;line-height:1.4;color:#c2bcc5;margin-top:3px}.mbx-person-awards-list time{position:absolute;right:7px;top:8px;color:var(--yellow);font-size:9px}.mbx-person-awards-list>small{font-size:8px;color:#817b84}
@media(max-width:480px){.mbx-person-awards{max-width:280px}}

/* V47.37 — biography translation control shared by every person profile. */
.mbx-person-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 20px}.mbx-person-title-row h1{flex:1;min-width:0;margin:0!important}.mbx-person-translate{position:relative;flex:0 0 auto;z-index:12}.mbx-translate-toggle,.mbx-translate-go{border:0;border-radius:3px;background:#ffd400;color:#17151a;font-weight:800;cursor:pointer}.mbx-translate-toggle{display:flex;align-items:center;gap:7px;min-height:38px;padding:9px 13px;font-size:11px;white-space:nowrap}.mbx-translate-toggle:hover,.mbx-translate-toggle:focus,.mbx-translate-go:hover,.mbx-translate-go:focus{background:#ffe14d;outline:2px solid rgba(255,212,0,.3);outline-offset:2px}.mbx-translate-panel{position:absolute;right:0;top:calc(100% + 8px);width:260px;padding:13px;background:#242129;border:1px solid #56505b;border-radius:5px;box-shadow:0 12px 30px rgba(0,0,0,.45)}.mbx-translate-panel[hidden]{display:none!important}.mbx-translate-panel label,.mbx-translate-panel small{display:block}.mbx-translate-panel label{margin-bottom:7px;color:#fff;font-size:10px;font-weight:800}.mbx-translate-language{display:block;width:100%;height:38px;margin:0 0 9px;padding:0 9px;border:1px solid #625c68;border-radius:3px;background:#35313a;color:#fff;font-size:11px}.mbx-translate-go{width:100%;min-height:36px;padding:8px 10px;font-size:11px}.mbx-translate-panel small{margin-top:8px;color:#aaa;font-size:8px;line-height:1.4}.mbx-person-biography{scroll-margin-top:24px}
@media(max-width:600px){.mbx-person-title-row{align-items:stretch;flex-direction:column;gap:11px}.mbx-person-translate{align-self:flex-start}.mbx-translate-panel{left:0;right:auto;width:min(260px,calc(100vw - 48px))}}

/* V47.41 — clearer People typography and inline Biography-only translation. */
.mbx-person-sidebar>h2,.mbx-person-awards h2{font-size:18px!important;line-height:1.3!important;color:#fff!important}
.mbx-person-sidebar dt{font-size:12px!important;line-height:1.45!important;margin-top:15px!important}.mbx-person-sidebar dd{font-size:13px!important;line-height:1.6!important;color:#d1cbd3!important;margin-top:4px!important}
#mbx-biography>h2{font-size:20px!important;line-height:1.3!important}.mbx-person-biography{font-size:15px!important;line-height:1.85!important;color:#eee!important;white-space:pre-line;overflow-wrap:anywhere;transition:background-color .2s,border-color .2s}
.mbx-person-biography.is-translated{padding:13px 15px;border-left:3px solid #ffd400;background:rgba(255,212,0,.055)}
.mbx-person-awards-list p{font-size:12px!important;line-height:1.65!important}.mbx-person-awards-list article{padding:10px 38px 10px 11px!important}.mbx-person-awards-list strong{font-size:12px!important;line-height:1.5!important}.mbx-person-awards-list span{font-size:11px!important;line-height:1.55!important;margin-top:4px!important}.mbx-person-awards-list time{font-size:11px!important;top:10px!important}.mbx-person-awards-list>small{font-size:10px!important;line-height:1.5!important}
.mbx-translate-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mbx-translate-original{min-height:36px;padding:8px 9px;border:1px solid #77717b;border-radius:3px;background:#403b45;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.mbx-translate-original:hover,.mbx-translate-original:focus{border-color:#ffd400;color:#ffd400;outline:2px solid rgba(255,212,0,.2);outline-offset:2px}.mbx-translate-original[hidden]{display:none!important}.mbx-translate-status{min-height:30px;font-size:10px!important;line-height:1.5!important}.mbx-translate-go:disabled,.mbx-translate-language:disabled{cursor:wait;opacity:.65}
@media(max-width:480px){.mbx-person-sidebar dt{font-size:12px!important}.mbx-person-sidebar dd{font-size:13px!important}.mbx-person-biography{font-size:14px!important;line-height:1.8!important}.mbx-person-awards-list strong{font-size:12px!important}.mbx-person-awards-list span{font-size:11px!important}}

/* V47.38 — crawlable episode links retain the card design. */
.mbx-tv-episode-body h4 .mbx-tv-episode-link{color:inherit!important;text-decoration:none!important}.mbx-tv-episode-body h4 .mbx-tv-episode-link:hover,.mbx-tv-episode-body h4 .mbx-tv-episode-link:focus{color:#ffd400!important;text-decoration:underline!important;text-underline-offset:2px}

/* V47.43: readable, language-aware fonts for the translated Biography only. */
.mbx-person-biography.is-translated{font-family:var(--mbx-biography-font,"Noto Sans",Arial,sans-serif)!important;font-size:16px!important;line-height:1.9!important;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.mbx-person-biography.is-translated[dir="rtl"]{text-align:right;border-left:0;border-right:3px solid #ffd400;overflow-wrap:normal;word-break:normal}
.mbx-person-biography.is-translated[lang="ur"]{font-family:var(--mbx-biography-font,"Noto Nastaliq Urdu","Noto Naskh Arabic",serif)!important;font-size:19px!important;line-height:2.25!important;font-weight:500;padding-top:17px;padding-bottom:17px}
.mbx-person-biography.is-translated[lang="ar"],.mbx-person-biography.is-translated[lang="fa"]{font-size:18px!important;line-height:2.05!important}
.mbx-person-biography.is-translated[lang="hi"],.mbx-person-biography.is-translated[lang="pa"],.mbx-person-biography.is-translated[lang="bn"],.mbx-person-biography.is-translated[lang="ta"],.mbx-person-biography.is-translated[lang="te"]{font-size:17px!important;line-height:2!important}
@media(max-width:480px){.mbx-person-biography.is-translated{font-size:15px!important;line-height:1.85!important}.mbx-person-biography.is-translated[lang="ur"]{font-size:18px!important;line-height:2.2!important}.mbx-person-biography.is-translated[lang="ar"],.mbx-person-biography.is-translated[lang="fa"]{font-size:17px!important;line-height:2!important}}

/* V47.44 — dense poster grids, reliable artwork and complete responsive rows. */
.movie-grid.latest-listing-grid,.movie-grid.listing-grid{grid-auto-flow:row dense!important}
.movie-grid img.mbx-poster-fallback-used,.side img.mbx-poster-fallback-used{
  object-fit:contain!important;object-position:center!important;padding:12%!important;
  background:linear-gradient(145deg,#3a3440,#211e26)!important;filter:none!important
}
@media (min-width:901px) and (max-width:1200px){
  body .movie-grid.latest-listing-grid,
  body.mbx-catalog-archive .movie-grid.listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* V47.45 — every 30-card Home/Movies/TV batch ends on a complete row. */
@media (min-width:701px) and (max-width:900px){
  body .movie-grid.latest-listing-grid,
  body.mbx-catalog-archive .movie-grid.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* V47.48 — visible artwork-backed information, transparent User Score and collection layout. */
.movie-main-info{
  position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:228px;
  display:grid;grid-template-columns:minmax(0,1fr) 132px;
  grid-template-areas:"title score" "rating score" "actions score" "shares shares" "overview overview";
  align-content:start;column-gap:18px;padding:18px;border:1px solid rgba(255,255,255,.08);background:#242129
}
.movie-main-info:before{content:"";position:absolute;z-index:0;inset:-4px;background-image:var(--mbx-detail-card-backdrop,none);background-repeat:no-repeat;background-position:center;background-size:cover;filter:saturate(.9) contrast(1.03);transform:scale(1.025);opacity:.86}
.movie-main-info:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(35,20,27,.76) 0%,rgba(38,22,29,.63) 57%,rgba(18,15,20,.7) 100%)}
.movie-main-info>*{position:relative;z-index:2}.movie-main-info h1{grid-area:title;margin:0 0 10px!important;text-shadow:0 2px 7px rgba(0,0,0,.9)}
.movie-main-info .detail-rating{grid-area:rating}.movie-main-info .detail-actions{grid-area:actions}.movie-main-info .share-row{grid-area:shares}.movie-main-info .detail-description{grid-area:overview;max-width:none;text-shadow:0 1px 4px rgba(0,0,0,.88)}
.mbx-user-score{grid-area:score;align-self:start;justify-self:end;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;width:124px;min-height:68px;padding:0;background:transparent;box-shadow:none}
.mbx-user-score-ring{position:relative;display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:conic-gradient(#20d6a1 var(--mbx-user-score),#16443f 0);box-shadow:0 0 0 3px rgba(4,42,39,.95)}
.mbx-user-score-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#092d30;box-shadow:inset 0 0 0 2px rgba(255,255,255,.04)}
.mbx-user-score-ring strong{position:relative;z-index:1;color:#fff;font-size:20px;line-height:1;font-weight:900;text-shadow:0 1px 3px #000}.mbx-user-score-ring sup{position:relative;font-size:9px;top:-.65em;margin-left:1px}.mbx-user-score>b{color:#fff;font-size:12px;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.8)}
@media(max-width:560px){.movie-main-info{grid-template-columns:1fr;grid-template-areas:"title" "score" "rating" "actions" "shares" "overview";padding:15px;min-height:0}.mbx-user-score{justify-self:start;margin:0 0 12px}.movie-main-info h1{font-size:20px!important}}

.mbx-collection-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.09)}
.mbx-collection-intro h2{margin:0 0 7px;font-size:22px;color:#fff}.mbx-collection-intro p{max-width:760px;margin:0;color:#c5bec8;font-size:11px;line-height:1.65}.mbx-collection-intro>span{flex:0 0 auto;padding:6px 9px;border-radius:3px;background:#ffd400;color:#1c1920;font-size:10px;font-weight:900}
.mbx-featured-crew-section,.mbx-collection-movies-section{margin-top:27px}.mbx-cast-section .mbx-tmdb-heading h2,.mbx-featured-crew-section .mbx-tmdb-heading h2{font-size:20px}.mbx-featured-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}
.mbx-featured-person{display:grid!important;grid-template-columns:72px minmax(0,1fr);align-items:center;min-width:0;min-height:72px;padding:0!important;background:#39353e;border:1px solid rgba(255,255,255,.07);color:#fff!important;overflow:hidden;transition:border-color .16s,background .16s}
.mbx-featured-person:hover,.mbx-featured-person:focus{background:#413c46;border-color:rgba(255,212,0,.55)}.mbx-featured-person-photo{display:flex;width:72px;height:72px;align-items:center;justify-content:center;background:#4a454d;font-size:26px}.mbx-featured-person-photo img{width:100%;height:100%;object-fit:cover}.mbx-featured-person-copy{display:block;min-width:0;padding:8px 10px}.mbx-featured-person-copy strong,.mbx-featured-person-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbx-featured-person-copy strong{font-size:12px;line-height:1.4}.mbx-featured-person-copy small{margin-top:4px;color:#c2bbc5;font-size:10px;line-height:1.4}
.mbx-collection-movies{display:grid;gap:11px}.mbx-collection-movie{display:grid;grid-template-columns:105px minmax(0,1fr);gap:17px;min-height:176px;padding:11px;background:#39353e;border:1px solid rgba(255,255,255,.07)}.mbx-collection-poster{display:flex;width:105px;height:158px;align-items:center;justify-content:center;background:#4a454d;font-size:30px;overflow:hidden}.mbx-collection-poster img{width:100%;height:100%;object-fit:cover}.mbx-collection-copy{min-width:0;padding:4px 8px 4px 0}.mbx-collection-copy h3{margin:0;font-size:16px;line-height:1.45}.mbx-collection-copy h3 a:hover,.mbx-collection-copy h3 a:focus{color:#ffd400}.mbx-collection-copy time{display:block;margin-top:5px;color:#bcb5bf;font-size:11px}.mbx-collection-copy p{margin:11px 0 0;color:#e0d9e3;font-size:12px;line-height:1.7}
@media(max-width:800px){.mbx-featured-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.mbx-collection-intro{display:block}.mbx-collection-intro>span{display:inline-block;margin-top:10px}.mbx-featured-people-grid{grid-template-columns:1fr}.mbx-featured-person{grid-template-columns:64px minmax(0,1fr);min-height:64px}.mbx-featured-person-photo{width:64px;height:64px}.mbx-collection-movie{grid-template-columns:88px minmax(0,1fr);min-height:146px;padding:8px;gap:12px}.mbx-collection-poster{width:88px;height:132px}.mbx-collection-copy h3{font-size:14px}.mbx-collection-copy time{font-size:10px}.mbx-collection-copy p{font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}}
