/*
Theme Name: Movie Box HD V46.46
Theme URI: https://example.com/
Author: Original implementation
Description: Standalone WordPress movie theme recreated from the supplied screen recording's visible layout.
Version: 46.46
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}
}

/* 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;top:7px;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{left:6px!important;right:auto!important;}
.side-rate{right:6px!important;left:auto!important;min-width:40px;justify-content:center;}
.side-card .caption{z-index:4;left:6px;right:6px;bottom:8px;font-size:11px;line-height:14px;color:#fff;white-space:normal;}
.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{left:0;top:100%;width:min(300px,calc(100vw - 20px));max-width:calc(100vw - 20px);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;}.mbx-newsletter-media img{content-visibility:auto;}
img[loading="lazy"]{content-visibility:auto;}
@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}}
