/*! CSS */
*{margin:0;padding:0;outline:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-mos-box-sizing:border-box;}
body{font-family: "Segoe UI", Arial, sans-serif;box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0;border:0;vertical-align:baseline;line-height:1;font-weight:400;background:#000;color:#fff;}

/*---containers---*/
#data-container{width:100%;float:left;background-position:50% 0;background-attachment:fixed;background-size:cover;}
#data-container{background-color:rgba(0, 0, 0, 0.35);}
#container{width:100%;margin:53px auto 0;}

/*---common---*/
article,footer,header{display:block;}
ul{list-style:none;}
a,article,body,div,footer,form,h3,header,i,img,li,span,ul{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
input:focus{outline:0;}
input:disabled{cursor:wait!important;opacity:.4;}
.animation-2{-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;-ms-animation:fadeIn 2s;animation:fadeIn 2s;}
a{text-decoration:none;color:#fff;font-size:100%;cursor:pointer;}
ul{margin:0;padding:0;}
ul li{list-style:none;}
.clearfix{clear:both;}
.clr{clear:both;}
#container,footer.main .fbox{max-width:100%;}
a,.module .content .items .item .data h3 a:hover{color:#c100ae;}
p{margin:15px 0;line-height:1.5;color:#242424;}

/*---header---*/
header.responsive{background-color:rgba(15,15,15,.99);box-shadow:0 1px 5px rgb(0 0 0 / 40%);border-bottom:1px solid #3c2b2b;width:100%;float:left;position:relative;display:block}
header.responsive .nav,header.responsive .search{border-color:#212121;}
header.responsive .nav{position:absolute;top:0;left:0;}
header.responsive a.aresp{font-size:20px;font-weight:300;padding:18px;cursor:pointer;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
header.responsive a{color:#fff;}
header.responsive .search{position:absolute;right:0;top:0;}
header.responsive .logo{width:100%;margin:0 auto;text-align:center;padding:10px 0;}
header.responsive .logo img{width:auto;height:32px;}
header.responsive a.aresp:hover{color:#c100ae;}

/*---search---*/
.search_responsive{display:block;position:relative;float:left;width:100%;}
.search_responsive .live-search{border-top:0;margin-left:0;margin-top:0;float:left;position:absolute;top:54px;z-index:104;width:100%;}
form.form-resp-ab{background:rgba(0, 0, 0, .95);border:0;border-color:rgba(255, 255, 255, .08);display:none;width:100%;float:left;position:relative;-moz-transition:top .4s ease-in-out;-o-transition:top .4s ease-in-out;-webkit-transition:top .4s ease-in-out;-ms-transition:top .4s ease-in-out;transition:top .4s ease-in-out;}
form.form-resp-ab input[type=text]{color:#fff;background:0 0;border:0;width:100%;padding:15px;font-size:20px;}
.live-search ul {background: rgba(0, 0, 0, .95);float: left;width: 100%;box-shadow: 0 10px 20px -3px rgb(0 0 0 / 52%);margin-top: 0;}
.live-search ul li{border-bottom:solid 1px rgb(46 42 42);float:left;width:33.3%;display:block;padding:12px;border-right:solid 1px rgb(46 42 42)}
.live-search ul li a:hover {color: #c100ae;}
.ss-title{color:#FFF;font-size:14px;font-weight:bold;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tpe{margin-right: 5px;border:solid 1px #8181816e;width:33px;float:left;border-radius:5px;background:#000000;text-align:center;text-transform:uppercase;font-size:8px;line-height:.9rem;color:#c100ae;font-weight:900}

/*---menu---*/
.menuresp{display:none;float:left;width:100%;position:relative;}
.menuresp .menu{position:absolute;top:0;left:0;width:100%;z-index:103;box-shadow:0 10px 20px -3px rgba(0, 0, 0, .52);padding:0;background:rgba(10, 10, 10, .98);min-height: 100vh;}
.menuresp .menu ul.resp li:last-child{border-bottom:0;}
.menuresp .menu ul.resp{float:left;width:100%;border-bottom:solid 3px #282828;border-top:solid 3px #282828;}
.menuresp .menu ul.resp li{padding:0;float:left;width:33.3%;font-weight:500;border-bottom:1px solid rgba(255, 255, 255, .08);border-right:solid 1px #282828;}
.menuresp .menu ul.resp li a{color:rgba(255, 255, 255, .8);display:inline-block;width:100%;padding:18px 0px;}
.menuresp .menu ul.resp li a i{font-size:6rem;text-align:center;width:100%;}
.menuresp .menu ul.resp li a:hover{color:#c100ae;}
.mvs{text-align:center;font-size:2rem;line-height:2.2rem;padding:10px 0px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/*---headings---*/
h1.heading-archive{overflow:hidden;text-align:center;font-size:2rem;margin:15px 0 25px 0;padding: 4px;}
h1.heading-archive:after,h1.heading-archive:before{content:"";display:inline-block;height:3px;position:relative;vertical-align:middle;width:50%;}
h1.heading-archive:before{right:.5em;margin-left:-50%;}
h1.heading-archive:after{left:.5em;margin-right:-50%;}
h1.heading-archive{color:#fff;}
h1.heading-archive:after,h1.heading-archive:before{background-color:rgba(255, 255, 255, .08);}

/*---featured-title---*/
h1.Featured{background:#a7239d33;border-left:8px solid rgba(0,0,0,.2);color:#FFF;margin:10px 0 10px 0;padding:13px 10px 14px 10px;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:14px;}
h2.Featured{background:#a7239d33;border-left:8px solid rgba(0,0,0,.2);color:#FFF;margin:10px 0 10px 0;padding:13px 10px 14px 10px;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:14px;}

/*---see-all---*/
.Featured span{ float: right; font-weight: 500; font-size: 11px; line-height: 1rem;}
.Featured span a.see-all{background: linear-gradient(90deg,rgb(153 51 0) 0%,rgb(116 38 0) 50%,rgb(147 61 0) 100%); color: #fff; border-radius: 5px; padding: 2px 10px;}
.Featured span a:hover{background: linear-gradient(90deg,rgba(223,11,0,1) 0%,rgba(249,125,0,1) 52%,rgba(223,11,0,1) 100%); font-weight: 100%; transition: all 0.3s linear 0s;}

/*---module---*/
.module{background:rgba(15, 15, 15, .98);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:solid 1px rgba(255, 255, 255, .07);border-top:solid 1px rgba(255, 255, 255, .07);float:left;width:100%;min-height:812px;margin-top:-2px;padding:0;position:relative;margin-bottom:0;}
.module .content{ width: 100%; float: left; margin-left: 0; padding: 10px 40px 0 40px; border-right: 0;}
.module .content .items{width:100%;float:left;}
.module .content .arch{margin-bottom:25px;border-bottom:solid 1px;border-color:rgba(255,255,255,.08);}
.module .content .items .item{ width: calc(100%/2); float: left; margin: 0; padding: 10px; position: relative;}
.module .content .items.full .item{width:calc(100%/ 8);}
.module .content .items.bbt .item{width:calc(100%/ 6);}
.module .content .items .item .poster{ width: 100%; height: 100%; float: left; position: relative; overflow: hidden; margin: 0; padding-top: 150%; border-radius: 7px;}
.module .content .items .item .poster a .see{background:url(/CSS/img/play1.svg) 50% 50% no-repeat;background-size:40% 40%;width:100%;height:100%;position:absolute;top:0;right:0;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out;opacity:0;}
.module .content .items .item .poster a:hover>.see{-webkit-transform:scale(.75);transform:scale(.75);opacity:1;}
.module .content .items .item .poster a .see.play3{background:url(/CSS/img/play3.svg) 50% 50% no-repeat;background-size:40% 40%;}
.module .content .items .item .poster .rating{background: #ffa500a1;color:#fff;text-shadow:1px 0 #000;position:absolute;bottom:0;right:0;padding:3px 8px;line-height:18px;font-size:12px;font-weight:600;margin-bottom:0;overflow:hidden;transition:.2s;}
.module .content .items .item .poster:hover>.rating{margin-bottom:0;}
.module .content .items .item .poster img{width:100%;height:auto;margin-top:-150%;position:absolute;-o-object-fit:cover;object-fit:cover;/*-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;*/}
.module .content .items .item .poster:hover>img{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-filter:blur(2px) brightness(.3);filter:blur(2px) brightness(.3);}
.module .content .items .item .data{float:left;width:100%;margin-bottom:10px;margin-top:15px;}
.module .content .items .item .data{display:block;}
.module .content .items .item .data h3{font-weight:500;font-size:14px;line-height:20px;margin-bottom:1px;width:100%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.module .content .items .item .data span{float:left;width:100%;line-height:1.5;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.module .content{border-color:rgba(255, 255, 255, .08);}
.module .content.right{border-right:solid 1px rgba(255, 255, 255, .08);}
.module .content .items{border-color:rgba(255, 255, 255, .08);}
.module .content .items .item .data span{color:rgba(255, 255, 255, .5);}
.module .content .items .item .data h3,.module .content .items .item .data h3 a{color:#fff;}
.module .content .items .item .data h3 a:hover{color:#c100ae;}
.module .content .items .item .poster{background:#000;}

/*---video-module-left---*/
.video-info-left{ float: left; width: 75%; padding: 0 14px;}
.watch_play{margin:0px 0;background-color: #000;}
.play-video{position:relative;padding-bottom:56.25%;height:0;width:100%;min-height:260px;background:url(https://wtsmovies.com/img/double_ring_loader.svg) center center no-repeat;/*background-size: cover;*/}
.play-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999;}
.bbt{border-bottom: solid 1px rgba(255,255,255,.08);}

/*--download-button--*/
.dst{display: flex;justify-content: center;margin-top: 0;}
.dst a{text-decoration: none !important;padding: 10px 16px;margin: 3px;color: #fff;background: #5e5e5e;border-bottom: 3px solid #dfdfdf;font-weight: 600;display: inline-block;border-radius: 3px;font-size: 18px;line-height: 1.3333333;width: 33.33%;text-align: center;}
.dst a:hover{color: #000000;background: #dfdfdf;border-bottom: 3px solid #5e5e5e;}

/*---description---*/
.post-entry{margin-bottom:28px;}
.content-more-js{ border-bottom: solid 1px rgba(255,255,255,.08); background: 0 0; width: 100%; float: left; padding: 0; overflow: hidden;}
.content-more-js img{ display: block; margin-left: auto; margin-right: auto; width: 140px; background: #000; box-shadow: 2px 1px 9px 3px rgb(201 23 23); border-radius: 7px; float: left;}
.content-more-js p{ text-align: left;}
.hidden-div p{ text-align: center;}
.lft{float: left; padding: 20px;}
.rgt{text-align: left !important;width: 100%;float: right;margin-bottom: 10px;border-bottom: 3px solid #dfdfdf;}
.rgtp {margin-top: 0;display: inline-block;padding: 0 10px;background: #26262696;width: 100%;}
.rgtp h1 {font-size: 20px;line-height: 28px;margin: 10px 10px 10px 0;}
.rgt a{ text-decoration: none!important; padding: 7px 10px; margin: 10px; color: #fff; background: #382121c7; font-weight: 600; display: inline-block; border-radius: 7px; box-shadow: 2px 1px 9px 3px rgb(201 23 23);}
.rgt a:hover{ color: #fff; background: #382121c7; box-shadow: 2px 1px 9px 3px rgb(245 245 245); transition: all .3s linear 0s;}
.ratingstar{border-color:rgba(255, 255, 255, .08);/*margin-top:5%;*/}
.rgtp p{margin:15px 0;line-height:1.5;color:#cdcdcd;}
.stars{color:orange;}
.genre{ color: #cdcdcd; text-align: left;}
.genre>li{ display: inline-block;}
.genre>li+li:before{ content: "/ "; color: #7f7f7f; padding: 0 6px;}

/*---episodes---*/
.widget-title{ background: #a7239d33; border-left: 8px solid rgba(0,0,0,.2); color: #FFF; margin: 0; padding: 13px 10px 14px 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 14px;}
.widget-title-se{background:#2346a733;border-left:8px solid rgba(0,0,0,.2);color:#FFF;margin-bottom: 5px;padding:13px 10px 14px 10px;font-weight:400;text-transform:uppercase;letter-spacing:1px;font-size:14px;}

/*---module-episodes---*/
.module .content .items .iteme{width:calc(100%/ 6);float:left;margin:0;padding:10px;position:relative;}
.module .content .items .iteme .posterm{background:#000;width:100%;height:100%;float:left;position:relative;overflow:hidden;margin:0;padding-top:56%;border-radius: 7px;}
.module .content .items .iteme .posterm a .see{background:url(/CSS/img/play1.svg) 50% 50% no-repeat;background-size:40% 40%;width:100%;height:100%;position:absolute;top:0;right:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;}
.module .content .items .iteme .posterm a:hover>.see{-webkit-transform:scale(.75);transform:scale(.75);opacity:1;}
.module .content .items .iteme .posterm a .see.play3{background:url(/CSS/img/play3.svg) 50% 50% no-repeat;background-size:40% 40%;}
.module .content .items .iteme .posterm .rating{background:#ffa500a1;color:#fff;text-shadow:1px 0 #000;position:absolute;bottom:0;right:0;padding:3px 8px;line-height:18px;font-size:12px;font-weight:600;margin-bottom:0;overflow:hidden;transition:.2s;}
.module .content .items .iteme .posterm:hover>.rating{margin-bottom:0;}
.module .content .items .iteme .posterm img{width:100%;height:auto;margin-top:-56%;position:absolute;-o-object-fit:cover;object-fit:cover;/*-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;*/}
.module .content .items .iteme .posterm:hover>img{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-filter:blur(2px) brightness(.3);filter:blur(2px) brightness(.3);}
/*---module-episodes-data---*/
.module .content .items .iteme .data{float:left;width:100%;margin-bottom:10px;margin-top:15px;display:block;}
.module .content .items .iteme .data h3{color:#fff;font-weight:500;font-size:14px;line-height:20px;margin-bottom:1px;width:100%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.module .content .items .iteme .data h3 a{color:#fff;}
.module .content .items .iteme .data h3 a:hover{color:#c100ae;text-decoration:none;transition:all 0.3s linear 0s;font-size:100%;}
.module .content .items .iteme .data span{color:rgba(255, 255, 255, .5);float:left;width:100%;line-height:1.5;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/*---latest-right---*/
.video-info-right{ float: right; width: 25%;}

/*--breadcrumbs--*/
.breadcrumb{ padding: 10px 40px; list-style: none; background: rgba(15, 15, 15, .95); border-bottom: solid 1px rgba(255,255,255,.08);}
.breadcrumb li {display: inline;font-size: 14px;}
.breadcrumb li+li:before {padding: 8px;color: #fff9;content: ">";}
.breadcrumb li a {color: #fff9;text-decoration: none;}
.breadcrumb li a:hover {color: #c100ae;text-decoration: none;}

/*---pagination---*/
.pagination ul{text-align:center;padding:45px 0 25px 0;}
.pagination ul li{display:inline-block;list-style:none;}
.pagination ul li:first-child a{border-left:1px solid #ddd;}
.pagination ul li a{color:#999;display:block;padding:8px 12px;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.pagination ul li a:hover,.pagination ul li.active a{background-color:#E73737;color:#FFF;background-image:none;border:1px solid #ff6600;}

/*---footer---*/
footer.main{color:rgba(255, 255, 255, .6);width:100%;float:left;background-color: rgb(15 15 15 / 50%);}
footer.main .fbox{margin:0 auto;font-size:13px;}
footer.main .fbox .fmenu{float:right;padding:20px 0;}
footer.main .fbox .fmenu ul{margin:0;float:left;width:100%;}
footer.main .fbox .fmenu ul li{float:left;padding:0 20px;border-left:solid 1px;}
footer.main .fbox .fmenu ul li:first-child{border-left:0;}
footer.main .fbox .fmenu ul li:last-child{border-right:0;}
footer.main .fbox .fmenu ul li a{font-size:13px;font-weight:500;}
footer.main .fbox .copy{float:left;padding:20px 0;}
footer.main .fcmpbox{width:100%;float:left;padding:0 40px;background:rgba(15, 15, 15, .9);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);box-shadow:0 10px 25px -7px rgba(0, 0, 0, .7);}
footer.main,footer.main .fbox .fmenu ul li,footer.main .fbox .fmenu ul li:last-child{border-color:rgba(255, 255, 255, .08);}
footer.main .fbox .fmenu ul li a{color:#fff;}
footer.main .fbox .fmenu ul li a:hover{color:#c100ae;}
span.top-page{float:right;padding:10px 0;}
span.top-page a{background:rgba(255, 255, 255, .2);color:#fff;padding:6px 15px;float:left;font-size:18px;border-radius:6px;}

/* scrollbar*/
::-webkit-scrollbar{ width: 5px;}
::-webkit-scrollbar-track{ box-shadow: inset 0 0 30px black; border-radius: 0;}
::-webkit-scrollbar-thumb{ background: orange; border-radius: 0;}
::-webkit-scrollbar-thumb:hover{ background: #c100ae; transition: all 0.3s linear 0s;}

/*---@media---*/
@media only screen and (max-width:1024px){
    .live-search ul li{width:50%}
    .menuresp .menu ul.resp li a i{font-size:5rem;text-align:center;width:100%}
    .mvs{text-align:center;font-size:1.6rem;line-height:2.2rem;padding:10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
    .module .content .items .item{width:calc(100%/ 2);float:left;margin:0;padding:7px;position:relative}
    .module .content{padding: 5px 5px 0 5px;}
    .module .content .items .itemvid{ width: calc(100%/ 3); padding: 15px;}
    .module .content .items .iteme{width:calc(100%/ 6);float:left;margin:0;padding:7px;position:relative}
    .module .content .items.full .item{width:calc(100%/ 6);}
    .module .content .items.bbt .item{width:calc(100%/ 5);}
    footer.main .fbox .fmenu {display: none;}
    .rgt{width:100%;float:none;padding: 0;}
}

@media only screen and (max-width:890px){
   .menuresp .menu ul.resp li a{color:rgba(255,255,255,.8);display:inline-block;width:100%;padding:10px 0}
   .menuresp .menu ul.resp li a i{font-size:4rem;text-align:center;width:100%}
   .mvs{text-align:center;font-size:1.1rem;line-height:1.2rem;padding:10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
   .video-info-right{float:right;width:100%}
   .video-info-left{float:left;width:100%;}
   .module .content .items{width:100%;float:left;margin-bottom:0;border-bottom: solid 1px #5050506b;}
   .module .content{width:100%;float:left;margin-left:0;padding:4px 8px;border-right:0}
   .watch_play{margin:0 0;background-color: #000;padding:0;}
   .module .content .items .item{width:calc(100%/ 5);float:left;margin:0;padding:5px;position:relative}
   .module .content .items .iteme{width:calc(100%/ 5);float:left;margin:0;padding:5px;position:relative}
   .module .content .items.full .item{width:calc(100%/ 5);}
   .module .content .items.bbt .item{width:calc(100%/ 5);}
   .rgt{width:100%;float:none;padding: 0;}
}

@media only screen and (max-width:655px){
    .live-search ul li{width:100%}
   .menuresp .menu ul.resp li a{color:rgba(255,255,255,.8);display:inline-block;width:100%;padding:13px 0}
   .menuresp .menu ul.resp li{padding:0;float:left;width:50%;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08);border-right:solid 1px #282828}
   .mvs{text-align:center;font-size:1.2rem;line-height:2rem;padding:5px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
   .module .content{width:100%;float:left;margin-left:0;padding:0 4px;border-right:0}
   .watch_play{margin:0 0;background-color: #000;padding:0;}
   .lft{width:100%;float:none;padding:20px}
   .video-info-left{padding: 0;}
   .content-more-js img{float: none;}
   .dst{display: block;}
   .dst a{margin: 5px 0;width: 100%;}
   .rgt{width:100%;float:none;padding: 0;}
   .rgt a{margin: 10px;}
   .module .content .items .itemvid{width:calc(100%/ 2); padding: 5px;}
   .ratingstar{border-color:rgba(255,255,255,.08);}
   .play-video{position:relative;padding-bottom:56.25%;height:0;width:100%;min-height:225px;background:url(/img/double_ring_loader.svg) center center no-repeat;/*background-size:cover*/}
   .module .content .items .item{width:calc(100%/ 3);float:left;margin:0;padding:4px;position:relative}
   .module .content .items.full .item{width:calc(100%/ 3);}
   .module .content .items .iteme{width:calc(100%/ 3);float:left;margin:0;padding:4px;position:relative}
   .module .content .items.bbt .item{width:calc(100%/ 3);}
   h1.heading-archive{font-size:1.5rem;}
   footer.main .fcmpbox{ padding: 0 10px;}
   .breadcrumb{ padding: 5px 10px;}
}

/*! CSS Used from: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css */
.fa,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fa-angle-up:before{content:"\f106";}
.fa-arrow-alt-circle-left:before{content:"\f359";}
.fa-arrow-alt-circle-right:before{content:"\f35a";}
.fa-bars:before{content:"\f0c9";}
.fa-chart-line:before{content:"\f201";}
.fa-film:before{content:"\f008";}
.fa-arrow-down:before{content:"\f063";}
.fa-play-circle:before{content:"\f144";}
.fa-download:before{content:"\f019";}
.fa-home:before{content:"\f015";}
.fa-link:before{content:"\f0c1";}
.fa-search:before{content:"\f002";}
.fa-star:before{content:"\f005";}
.fa-star-half-alt:before{content:"\f5c0";}
.fa-tv:before{content:"\f26c";}
.far{font-weight:400;}
.fa,.far,.fas{font-family:"Font Awesome 5 Free";}
.fa,.fas{font-weight:900;}
/*! CSS Used fontfaces */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.eot#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-regular-400.svg#fontawesome) format("svg");}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-solid-900.eot#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-solid-900.svg#fontawesome) format("svg");}

/* ===== TStream WATCH visual upgrade ===== */
:root{--ts-gold:#f6b800;--ts-gold-light:#ffe36a;--ts-bg:#090a0d;--ts-panel:#111318;--ts-panel-2:#171a20;--ts-line:rgba(255,255,255,.09);--ts-muted:#a7aab2;--ts-text:#f5f6f8}
html{scroll-behavior:smooth;background:var(--ts-bg)}
body{background:radial-gradient(ellipse at 50% -20%,rgba(246,184,0,.11),transparent 48%),var(--ts-bg);color:var(--ts-text);line-height:1.5}
a,.module .content .items .item .data h3 a:hover{color:var(--ts-gold)}
a:hover{color:var(--ts-gold-light)}
header.responsive.tstream-header{position:sticky;top:0;z-index:1000;float:none;display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:8px clamp(14px,4vw,54px);background:rgba(9,10,13,.94);border-bottom:1px solid var(--ts-line);backdrop-filter:blur(18px)}
.tstream-header .nav,.tstream-header .search{position:static;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ts-line);border-radius:12px;background:var(--ts-panel);color:#fff;font-size:18px;cursor:pointer}
.tstream-header .logo{width:auto;padding:0;margin:0}
.tstream-header .logo img{width:190px;height:48px;object-fit:contain}
.tstream-header button:hover{border-color:var(--ts-gold);color:var(--ts-gold)}
#container{float:none;margin:0 auto;max-width:1600px}
.module{float:none;min-height:60vh;margin:0;padding:0;background:transparent;border:0;backdrop-filter:none}
.module .content{padding:clamp(16px,3vw,42px);float:none}
.menuresp{float:none;position:absolute;top:68px;left:0;z-index:999;background:transparent}
.menuresp .menu{position:static;min-height:0;padding:16px clamp(14px,4vw,54px);background:rgba(13,15,19,.98);border-bottom:1px solid var(--ts-line)}
.menuresp .menu ul.resp{display:flex;flex-wrap:wrap;gap:8px;border:0}
.menuresp .menu ul.resp li{width:auto;float:none;border:0}
.menuresp .menu ul.resp li a{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid var(--ts-line);border-radius:11px}
.menuresp .menu ul.resp li a i{width:auto;font-size:16px}
.mvs{font-size:13px;line-height:1.2;padding:0}
.menuresp .menu ul.resp li a:hover{color:var(--ts-gold);border-color:rgba(246,184,0,.45);background:rgba(246,184,0,.06)}
form.form-resp-ab{display:flex;align-items:center;gap:10px;padding:10px clamp(14px,4vw,54px);background:#0e1015;border-bottom:1px solid var(--ts-line)}
form.form-resp-ab input[type=search],form.form-resp-ab input[type=text]{display:block;min-width:0;max-width:760px;margin:auto;color:#fff;background:#181b22;border:1px solid var(--ts-line);border-radius:12px;padding:14px 16px;font-size:16px}
.search-submit{padding:13px 20px;color:#111;background:var(--ts-gold);border:0;border-radius:11px;font-weight:800;cursor:pointer}
.search_responsive .live-search{position:relative;top:auto}
.live-search ul{background:#151820;border:1px solid var(--ts-line);border-radius:0 0 14px 14px}
.live-search ul li{width:100%;float:none;border:0;border-bottom:1px solid var(--ts-line)}
.live-search ul li a:hover{color:var(--ts-gold)}
.tstream-page .module .content{padding:clamp(16px,3vw,38px)}
h1.Featured,h2.Featured{background:linear-gradient(90deg,rgba(246,184,0,.13),rgba(246,184,0,0));border-left:4px solid var(--ts-gold);border-radius:0 10px 10px 0;color:#fff;font-weight:750;letter-spacing:.4px;font-size:16px;text-transform:none;padding:14px 16px}
.Featured span a.see-all{background:var(--ts-gold);color:#111;border-radius:8px;padding:7px 12px;font-weight:800}
.module .content .items .item .data h3 a{color:#f2f2f2}
.module .content .items .item .data h3 a:hover{color:var(--ts-gold)}
.module .content .items .item .poster img{border-radius:12px}
.module .content .items .item .poster{overflow:hidden;border-radius:12px}
.module .content .items .item .rating{background:rgba(8,9,12,.88);border:1px solid rgba(246,184,0,.35);border-radius:7px;color:var(--ts-gold)}
.module .content .items .item{padding-bottom:15px}
.pagination li a{background:#171a20;border:1px solid var(--ts-line);border-radius:8px;padding:9px 13px}
.pagination li.active a,.pagination li a:hover{background:var(--ts-gold);color:#111}
.tstream-footer{float:none;background:#0b0d11;border-top:1px solid var(--ts-line);color:var(--ts-muted);padding:24px clamp(14px,4vw,54px)}
.tstream-footer .fbox{float:none;margin:auto}
.tstream-footer .fcmpbox{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.tstream-footer .fmenu{margin-left:auto}
.tstream-footer .fmenu ul{display:flex;flex-wrap:wrap;gap:18px}
.tstream-footer .fmenu a{color:var(--ts-muted)}
.tstream-footer .fmenu a:hover{color:var(--ts-gold)}
.tstream-player-shell{width:100%;overflow:hidden;background:#000;border:1px solid rgba(246,184,0,.2);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.play-video{position:relative;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.play-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tstream-watch-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}
.watch-main{min-width:0}
.watch-sidebar{position:sticky;top:90px;padding:18px;background:var(--ts-panel);border:1px solid var(--ts-line);border-radius:14px}
.watch-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin:0 0 18px}
.watch-heading h1{font-size:clamp(22px,3vw,34px);line-height:1.15;margin:5px 0 0;color:#fff}
.eyebrow{color:var(--ts-gold);font-size:11px;font-weight:850;letter-spacing:1.5px}
.content-rating{flex:none;background:rgba(246,184,0,.1);border:1px solid rgba(246,184,0,.25);border-radius:9px;padding:8px 11px;color:var(--ts-gold);font-weight:800}
.muted,.episode-subtitle{color:var(--ts-muted)}
.player-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:13px 0 26px}
.player-sources{display:flex;gap:8px;flex-wrap:wrap}
.player-source,.trailer-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:#171a20;border:1px solid var(--ts-line);border-radius:10px;color:#f5f6f8;font-weight:750;font-size:13px;cursor:pointer}
.player-source.is-active,.player-source:hover{background:rgba(246,184,0,.13);border-color:var(--ts-gold);color:var(--ts-gold)}
.player-source span{font-size:9px;padding:3px 5px;border-radius:4px;background:var(--ts-gold);color:#111;text-transform:uppercase}
.trailer-link{color:var(--ts-gold)}
.media-details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;padding:22px;background:var(--ts-panel);border:1px solid var(--ts-line);border-radius:14px}
.detail-poster img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:10px}
.detail-copy h2{font-size:16px;margin:15px 0 7px;color:#fff}
.detail-copy p{margin:8px 0 13px;color:#c3c6ce;line-height:1.7}
.meta-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.meta-pills span{padding:6px 9px;background:#1a1d24;border:1px solid var(--ts-line);border-radius:7px;color:#d5d7dc;font-size:12px}
.genre{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.genre li{padding:6px 9px;background:rgba(246,184,0,.08);border:1px solid rgba(246,184,0,.2);border-radius:20px;color:var(--ts-gold);font-size:11px}
.watch-sidebar .widget-title,.widget-title-se{color:#fff;border-bottom:1px solid var(--ts-line);padding-bottom:12px;margin-bottom:12px}
.side-title-list{display:grid;gap:12px}
.side-title{display:flex;align-items:center;gap:11px;color:#f1f2f5;font-weight:700;font-size:13px;line-height:1.3}
.side-title img{flex:none;object-fit:cover;border-radius:7px;background:#20232a}
.side-title small{display:block;margin-top:5px;color:var(--ts-gold);font-size:11px}
.episode-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:15px 0 22px}
.episode-nav-link{padding:10px 13px;background:#171a20;border:1px solid var(--ts-line);border-radius:9px;color:#fff;font-size:12px;font-weight:750}
.episode-nav-link:hover{border-color:var(--ts-gold);color:var(--ts-gold)}
.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:15px 0}
.episode-card{overflow:hidden;background:var(--ts-panel);border:1px solid var(--ts-line);border-radius:11px;color:#eee}
.episode-card.current{border-color:var(--ts-gold);box-shadow:0 0 0 1px rgba(246,184,0,.18)}
.episode-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#171a20}
.episode-card span{display:grid;gap:5px;padding:10px;font-size:12px}
.episode-card small{color:var(--ts-muted)}
.breadcrumb{float:none;margin:0;padding:12px clamp(16px,3vw,40px);border-top:1px solid var(--ts-line)}
.breadcrumb ul{display:flex;flex-wrap:wrap;gap:9px;color:var(--ts-muted);font-size:12px}
.breadcrumb li+li:before{content:"/";margin-right:9px;color:#666}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.tstream-watch-layout{grid-template-columns:minmax(0,1fr)}.watch-sidebar{position:static}.side-title-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media(max-width:640px){header.responsive.tstream-header{min-height:60px;padding:7px 12px}.tstream-header .logo img{width:155px;height:42px}.menuresp{top:60px}.menuresp .menu ul.resp li{width:calc(50% - 4px)}.tstream-watch-layout{gap:18px}.watch-heading{align-items:center}.watch-heading h1{font-size:23px}.media-details{grid-template-columns:86px minmax(0,1fr);gap:13px;padding:13px}.detail-copy p{font-size:13px}.player-toolbar{align-items:stretch}.player-sources{width:100%}.player-source{flex:1;justify-content:center;padding:10px 8px;font-size:11px}.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tstream-footer .fmenu{margin-left:0;width:100%}.tstream-footer .fcmpbox{align-items:flex-start}.side-title-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* ===== TSTREAM WATCH NAVIGATION REPAIR v2.1 ===== */
:root{--ts-gold:#EAB308;--ts-gold-light:#FACC15}

header.responsive.tstream-header{
 position:sticky;top:0;z-index:1200;display:flex;align-items:center;justify-content:space-between;
 gap:16px;width:100%;min-height:68px;padding:8px clamp(14px,4vw,54px);
 background:rgba(9,10,13,.97);border-bottom:1px solid var(--ts-line);float:none
}
.tstream-header .nav,.tstream-header .search{
 position:static;display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;
 border:1px solid var(--ts-line);border-radius:12px;background:var(--ts-panel);color:#fff;font-size:17px;cursor:pointer
}
.tstream-header .logo{width:auto;margin:0 auto 0 0;padding:0;text-align:left}
.tstream-header .logo img{display:block;width:190px;height:48px;object-fit:contain}
.tstream-header button:hover,.tstream-header button:focus-visible{color:var(--ts-gold);border-color:var(--ts-gold)}

.search_responsive{position:relative;z-index:1150;display:block;float:none;width:100%}
form.form-resp-ab{
 display:none!important;align-items:center;gap:10px;width:min(760px,calc(100% - 28px));
 margin:12px auto;padding:0;border:0;background:transparent
}
form.form-resp-ab.is-open{display:flex!important}
form.form-resp-ab input[type=search],form.form-resp-ab input[type=text]{
 flex:1 1 auto;width:100%;min-width:0;max-width:none;margin:0;padding:13px 15px;
 border:1px solid var(--ts-line);border-radius:11px;background:var(--ts-panel);color:#fff;font-size:15px
}
form.form-resp-ab .search-submit{
 flex:0 0 auto;padding:13px 18px;border:0;border-radius:10px;background:var(--ts-gold);
 color:#111;font-weight:800;cursor:pointer
}
.search_responsive .live-search{
 position:absolute;top:100%;left:50%;z-index:1250;width:min(760px,calc(100% - 28px));
 margin:0;transform:translateX(-50%)
}

/* Desktop: visible horizontal navigation. */
@media(min-width:901px){
 .tstream-header .nav{display:none!important}
 .menuresp{
  position:relative;top:auto;left:auto;z-index:1100;display:block!important;float:none;width:100%;
  background:rgba(13,15,19,.98);border-bottom:1px solid var(--ts-line)
 }
 .menuresp .menu{
  position:static;width:100%;min-height:0;padding:9px clamp(14px,4vw,54px);
  background:transparent;box-shadow:none
 }
 .menuresp .menu ul.resp{
  display:flex;float:none;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  gap:7px;width:100%;max-width:1600px;margin:0 auto;padding:0;border:0
 }
 .menuresp .menu ul.resp li{float:none;flex:0 0 auto;width:auto;padding:0;border:0}
 .menuresp .menu ul.resp li a{
  display:flex;align-items:center;gap:8px;width:auto;padding:10px 13px;
  border:1px solid transparent;border-radius:9px;color:#d5d7dc;font-size:13px;line-height:1.2
 }
 .menuresp .menu ul.resp li a i{width:auto;font-size:15px}
 .menuresp .menu ul.resp li a:hover{
  color:var(--ts-gold);border-color:rgba(234,179,8,.3);background:rgba(234,179,8,.07)
 }
 .menuresp .mvs{display:block;padding:0;font-size:13px;line-height:1.2}
}

/* Mobile/tablet: accessible collapsible two-column navigation. */
@media(max-width:900px){
 .tstream-header .nav{display:grid!important}
 .tstream-header .logo{margin:0 auto}
 .tstream-header .logo img{width:165px;height:44px}
 .menuresp{
  position:relative;top:auto;left:auto;z-index:1100;display:none!important;
  float:none;width:100%;background:rgba(9,10,13,.98)
 }
 .menuresp.is-open{display:block!important}
 .menuresp .menu{
  position:static;width:100%;min-height:0;padding:12px 14px 16px;
  background:rgba(13,15,19,.98);border-bottom:1px solid var(--ts-line);
  box-shadow:0 12px 25px rgba(0,0,0,.3)
 }
 .menuresp .menu ul.resp{
  display:grid;float:none;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;width:100%;padding:0;border:0
 }
 .menuresp .menu ul.resp li{float:none;width:auto;padding:0;border:0}
 .menuresp .menu ul.resp li a{
  display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 12px;
  border:1px solid var(--ts-line);border-radius:10px;background:var(--ts-panel);
  color:#e5e7eb;font-size:13px;line-height:1.3
 }
 .menuresp .menu ul.resp li a i{flex:0 0 18px;width:18px;font-size:16px;text-align:center}
 .menuresp .mvs{padding:0;font-size:13px;line-height:1.3;text-align:left;white-space:normal}
 .menuresp .menu ul.resp li a:hover{color:var(--ts-gold);border-color:rgba(234,179,8,.4)}
}
@media(max-width:640px){
 header.responsive.tstream-header{min-height:60px;padding:7px 11px;gap:9px}
 .tstream-header .nav,.tstream-header .search{flex-basis:40px;width:40px;height:40px}
 .tstream-header .logo img{width:145px;height:40px}
 .menuresp .menu{padding:10px}
 .menuresp .menu ul.resp{gap:7px}
 .menuresp .menu ul.resp li a{min-height:44px;padding:9px;font-size:12px}
}
/* ===== END NAVIGATION REPAIR ===== */


/* =========================================================
   TSTREAM WATCH — CINEMATIC OTT REDESIGN v2.2
   Inspired by the supplied Dribbble OTT Platform reference.
   ========================================================= */
:root{
 --ott-bg:#08090d;
 --ott-panel:#111319;
 --ott-line:rgba(255,255,255,.12);
 --ott-text:#f7f7f8;
 --ott-muted:#b7bbc4;
 --ott-accent:#EAB308;
}
html,body{background:var(--ott-bg);color:var(--ott-text)}
body{line-height:1.5}
#data-container{float:none;min-height:100vh;background:var(--ott-bg)}
/* The header becomes a single integrated navigation bar. */
header.responsive.tstream-header{
 position:relative;z-index:1300;display:flex;align-items:center;gap:clamp(12px,2vw,30px);
 width:100%;min-height:78px;padding:12px clamp(18px,4.4vw,68px);float:none;
 background:rgba(7,8,12,.94);border-bottom:1px solid rgba(255,255,255,.1);
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.home-page header.responsive.tstream-header{
 position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(4,5,9,.82),rgba(4,5,9,.16));
 border-bottom-color:rgba(255,255,255,.08);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)
}
.tstream-header .logo{flex:0 0 auto;width:auto;margin:0;padding:0;text-align:left}
.tstream-header .logo img{display:block;width:174px;height:48px;object-fit:contain}
.tstream-header .nav,.tstream-header .search{
 display:none;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;
 border:1px solid var(--ott-line);border-radius:50%;background:rgba(255,255,255,.06);
 color:#fff;font-size:16px;cursor:pointer
}
.tstream-header button:hover,.tstream-header button:focus-visible{color:var(--ott-accent);border-color:var(--ott-accent)}
.tstream-header .menuresp{
 display:block!important;position:static;flex:1 1 auto;float:none;width:auto;min-width:0;
 background:transparent
}
.tstream-header .menuresp .menu{
 position:static;min-height:0;width:100%;padding:0;background:transparent;box-shadow:none
}
.tstream-header .menuresp .menu ul.resp{
 display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(14px,2.1vw,30px);
 float:none;width:auto;margin:0;padding:0;border:0
}
.tstream-header .menuresp .menu ul.resp li{float:none;flex:0 0 auto;width:auto;padding:0;border:0}
.tstream-header .menuresp .menu ul.resp li a{
 display:inline-flex;align-items:center;width:auto;padding:8px 0;border:0;border-radius:0;
 background:transparent;color:rgba(255,255,255,.82);font-size:13px;font-weight:650;white-space:nowrap
}
.tstream-header .menuresp .menu ul.resp li a[aria-current=page],
.tstream-header .menuresp .menu ul.resp li a:hover{color:#fff}
.tstream-header .menuresp .menu ul.resp li a[aria-current=page]:after{
 content:"";position:absolute;bottom:-7px;left:0;right:0;height:2px;background:var(--ott-accent)
}
.tstream-header .menuresp .menu ul.resp li a{position:relative}
.tstream-header .search_responsive{position:relative;flex:0 1 245px;width:245px;min-width:165px;float:none;margin:0}
.tstream-header .search_responsive form.form-resp-ab{
 display:flex!important;align-items:center;gap:0;width:100%;margin:0;padding:0;background:rgba(255,255,255,.08);
 border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden
}
.tstream-header .search_responsive form.form-resp-ab input[type=search]{
 display:block;flex:1 1 auto;width:100%;min-width:0;max-width:none;margin:0;padding:10px 14px;
 border:0;border-radius:22px;background:transparent;color:#fff;font-size:12px;box-shadow:none
}
.tstream-header .search_responsive form.form-resp-ab input::placeholder{color:rgba(255,255,255,.62)}
.tstream-header .search_responsive .search-submit{
 display:grid;flex:0 0 38px;place-items:center;width:38px;height:36px;padding:0;margin:2px;
 border:0;border-radius:50%;background:var(--ott-accent);color:#171717;cursor:pointer
}
.tstream-header .search_responsive .live-search{
 position:absolute;top:calc(100% + 8px);left:0;z-index:1400;width:100%;margin:0;transform:none
}
.tstream-header .search_responsive .live-search ul{
 overflow:hidden;background:#14161d;border:1px solid var(--ott-line);border-radius:12px
}
.tstream-header .search_responsive .live-search ul li{float:none;width:100%;padding:0;border:0;border-bottom:1px solid var(--ott-line)}
.tstream-header .search_responsive .live-search ul li a{display:block;padding:12px;color:#fff}
.tstream-header .search_responsive .live-search ul li a:hover{color:var(--ott-accent)}
/* Cinematic home spotlight. */
.ott-home{width:100%;max-width:none!important;margin:0!important;padding:0!important}
.ott-hero{
 position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;
 min-height:690px;width:100%;padding:145px clamp(22px,5.2vw,82px) 28px;overflow:hidden;
 background:#090a0f
}
.ott-hero-backdrop{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.ott-hero-shade{
 position:absolute;z-index:-2;inset:0;
 background:
  linear-gradient(90deg,rgba(5,6,10,.97) 0%,rgba(5,6,10,.83) 27%,rgba(5,6,10,.38) 58%,rgba(5,6,10,.12) 100%),
  linear-gradient(0deg,#08090d 0%,rgba(8,9,13,.82) 13%,rgba(8,9,13,.06) 55%,rgba(8,9,13,.27) 100%)
}
.ott-hero-copy{position:relative;z-index:1;width:min(610px,58vw);margin:0 0 44px; padding-top:12px}
.ott-hero-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:17px;color:var(--ott-accent);font-size:10px;font-weight:850;letter-spacing:2.2px}
.ott-hero-kicker:before{content:"";width:24px;height:2px;background:var(--ott-accent)}
.ott-hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;color:rgba(255,255,255,.76);font-size:12px;font-weight:650;letter-spacing:.35px}
.ott-hero-meta span+span:before{content:"•";margin-right:12px;color:rgba(255,255,255,.42)}
.ott-hero-meta .ott-hero-rating{color:#fff}
.ott-hero-copy h1{
 max-width:680px;margin:0 0 16px;color:#fff;font-size:clamp(36px,5vw,68px);
 font-weight:850;line-height:.99;letter-spacing:-1.6px;text-transform:uppercase;
 text-shadow:0 3px 24px rgba(0,0,0,.25)
}
.ott-hero-copy p{
 max-width:465px;margin:0;color:rgba(255,255,255,.8);font-size:14px;font-weight:400;line-height:1.72;
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.ott-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.ott-watch-button,.ott-info-button{
 display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:0 20px;
 border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.15px;transition:transform .2s,background .2s,border-color .2s
}
.ott-watch-button{background:var(--ott-accent);color:#151515;border:1px solid var(--ott-accent);box-shadow:0 7px 25px rgba(234,179,8,.16)}
.ott-watch-button:hover{background:#facc15;color:#111;transform:translateY(-2px)}
.ott-info-button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.52);color:#fff}
.ott-info-button:hover{background:rgba(255,255,255,.17);color:#fff;border-color:#fff}
.ott-hero-rail{position:relative;z-index:2;width:100%;margin-top:auto}
.ott-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 13px}
.ott-section-heading h2{margin:2px 0 0;color:#fff;font-size:clamp(18px,2vw,22px);font-weight:800;letter-spacing:-.25px;line-height:1.2}
.ott-section-eyebrow{color:var(--ott-accent);font-size:9px;font-weight:850;letter-spacing:1.7px}
.ott-section-heading>a{flex:none;color:rgba(255,255,255,.74);font-size:11px;font-weight:700}
.ott-section-heading>a:hover{color:var(--ott-accent)}
.ott-section-heading>a span{margin-left:5px;color:var(--ott-accent)}
.ott-movie-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-auto-columns:calc((100% - 5*14px)/6);gap:14px;width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(234,179,8,.5) transparent}
.ott-movie-card{
 position:relative;isolation:isolate;display:block;min-width:0;aspect-ratio:1.48/1;overflow:hidden;
 border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#171920;color:#fff;
 scroll-snap-align:start;box-shadow:0 8px 25px rgba(0,0,0,.22)
}
.ott-movie-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ott-movie-card:hover img{transform:scale(1.07)}
.ott-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.04) 68%)}
.ott-card-title{position:absolute;right:12px;bottom:11px;left:12px;color:#fff;font-size:12px;font-weight:800;line-height:1.25;text-shadow:0 1px 7px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ott-card-rating{position:absolute;top:9px;left:9px;padding:4px 7px;border-radius:5px;background:rgba(8,9,13,.78);color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(6px)}
.ott-home-sections{width:min(1600px,100%);margin:0 auto;padding:30px clamp(22px,5.2vw,82px) 60px}
.ott-home-row+.ott-home-row{margin-top:35px}
.ott-tv-track .ott-movie-card{aspect-ratio:1.48/1}
/* Apply the same polished card treatment to the catalogue pages. */
.module{background:transparent;border:0;box-shadow:none}
.module .content{padding:clamp(18px,3.5vw,52px)}
.module .content .items.full .item{width:calc(100%/6);padding:9px}
.module .content .items .item .poster{border:1px solid rgba(255,255,255,.08);border-radius:10px}
.module .content .items .item .poster img{transition:transform .35s ease}
.module .content .items .item .poster:hover img{transform:scale(1.045);filter:brightness(.75)}
.module .content .items .item .data h3 a{font-weight:700}
h1.Featured,h2.Featured{border-left-color:var(--ott-accent);background:linear-gradient(90deg,rgba(234,179,8,.13),transparent)}
/* Tablet and compact laptop navigation. */
@media(max-width:1180px){
 header.responsive.tstream-header{gap:14px}
 .tstream-header .nav{display:grid}
 .tstream-header .menuresp{
  display:none!important;position:absolute;top:calc(100% - 1px);left:18px;right:18px;z-index:1500;
  width:auto;min-width:0;float:none;border:1px solid var(--ott-line);border-radius:0 0 13px 13px;
  background:rgba(10,11,15,.98);box-shadow:0 20px 40px rgba(0,0,0,.4)
 }
 .tstream-header .menuresp.is-open{display:block!important}
 .tstream-header .menuresp .menu{padding:14px;background:transparent}
 .tstream-header .menuresp .menu ul.resp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .tstream-header .menuresp .menu ul.resp li{width:auto}
 .tstream-header .menuresp .menu ul.resp li a{display:flex;justify-content:center;padding:11px 9px;border:1px solid var(--ott-line);border-radius:8px;background:rgba(255,255,255,.04);font-size:12px}
 .tstream-header .search_responsive{flex:0 1 290px}
}
@media(max-width:760px){
 header.responsive.tstream-header{min-height:66px;padding:8px 14px;gap:12px}
 .tstream-header .logo{margin:0 auto}
 .tstream-header .logo img{width:150px;height:42px}
 .tstream-header .nav,.tstream-header .search{display:grid;flex-basis:40px;width:40px;height:40px}
 .tstream-header .search_responsive{position:absolute;top:100%;right:12px;z-index:1450;width:min(360px,calc(100vw - 24px));min-width:0;margin:0}
 .tstream-header .search_responsive form.form-resp-ab{display:none!important;margin:10px 0;padding:0}
 .tstream-header .search_responsive form.form-resp-ab.is-open{display:flex!important}
 .tstream-header .search_responsive .live-search{top:calc(100% + 4px)}
 .tstream-header .menuresp{left:12px;right:12px}
 .tstream-header .menuresp .menu ul.resp{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ott-hero{min-height:750px;padding:116px 18px 23px}
 .ott-hero-backdrop{object-position:62% center}
 .ott-hero-shade{background:linear-gradient(90deg,rgba(5,6,10,.93),rgba(5,6,10,.44)),linear-gradient(0deg,#08090d 0%,rgba(8,9,13,.72) 25%,rgba(8,9,13,.1) 100%)}
 .ott-hero-copy{width:min(570px,100%);margin-bottom:35px;padding-top:16px}
 .ott-hero-copy h1{font-size:clamp(34px,8.5vw,52px);letter-spacing:-.8px}
 .ott-hero-copy p{font-size:13px;-webkit-line-clamp:4}
 .ott-movie-track{grid-auto-columns:calc((100% - 2*10px)/3);gap:10px}
 .ott-movie-card{aspect-ratio:.93/1}
 .ott-card-title{right:8px;bottom:8px;left:8px;font-size:11px}
 .ott-home-sections{padding:28px 18px 45px}
 .module .content .items.full .item{width:calc(100%/3);padding:6px}
}
@media(max-width:430px){
 .ott-hero{min-height:735px}
 .ott-hero-meta{gap:8px;font-size:10px}
 .ott-hero-meta span+span:before{margin-right:8px}
 .ott-hero-actions{gap:8px;margin-top:18px}
 .ott-watch-button,.ott-info-button{min-height:40px;padding:0 14px}
 .ott-movie-track{grid-auto-columns:calc((100% - 10px)/2)}
 .ott-movie-card{aspect-ratio:1.08/1}
 .module .content .items.full .item{width:50%;padding:5px}
}
@media(prefers-reduced-motion:reduce){
 .ott-movie-card img,.ott-watch-button{transition:none}
}


/* =========================================================
   TSTREAM WATCH — DRIBBBLE OTT REFERENCE REBUILD v2.3
   Homepage composition follows the supplied OTT Platform shot:
   integrated top navigation, large cinematic feature, left copy,
   and a six-card Popular Collections shelf over the hero.
   ========================================================= */
:root{
  --ott-bg:#08090d;
  --ott-panel:#11141b;
  --ott-line:rgba(255,255,255,.13);
  --ott-text:#f7f7f8;
  --ott-muted:#aeb4c0;
  --ott-accent:#EAB308;
}
html,body{background:var(--ott-bg);color:var(--ott-text)}
body{line-height:1.5}
#data-container{float:none;min-height:100vh;background:var(--ott-bg)}
#container.ott-home{width:100%;max-width:none;margin:0 auto;padding:0}

/* Homepage navigation sits inside the cinematic canvas, not in a separate bar. */
.home-page header.responsive.tstream-header{
  position:absolute;top:0;left:0;right:0;z-index:1300;
  display:flex;align-items:center;justify-content:space-between;gap:clamp(14px,2.4vw,38px);
  width:100%;min-height:104px;padding:20px clamp(22px,5.4vw,88px);
  float:none;background:linear-gradient(180deg,rgba(5,6,10,.82),rgba(5,6,10,.28));
  border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none
}
.home-page .tstream-header .logo{flex:0 0 auto;width:auto;margin:0;padding:0;text-align:left}
.home-page .tstream-header .logo img{display:block;width:174px;height:50px;object-fit:contain}
.home-page .tstream-header .nav,
.home-page .tstream-header .search{
  display:none;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;
  border:1px solid var(--ott-line);border-radius:50%;background:rgba(255,255,255,.07);
  color:#fff;font-size:16px;cursor:pointer
}
.home-page .tstream-header .menuresp{
  display:block!important;position:static;flex:1 1 auto;float:none;width:auto;min-width:0;background:transparent
}
.home-page .tstream-header .menuresp .menu{
  position:static;width:100%;min-height:0;padding:0;background:transparent;box-shadow:none
}
.home-page .tstream-header .menuresp .menu ul.resp{
  display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(15px,2.25vw,34px);
  float:none;width:auto;margin:0;padding:0;border:0
}
.home-page .tstream-header .menuresp .menu ul.resp li{float:none;flex:0 0 auto;width:auto;padding:0;border:0}
.home-page .tstream-header .menuresp .menu ul.resp li a{
  position:relative;display:inline-flex;align-items:center;width:auto;padding:9px 0;
  border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.82);
  font-size:13px;font-weight:650;white-space:nowrap
}
.home-page .tstream-header .menuresp .menu ul.resp li a[aria-current=page],
.home-page .tstream-header .menuresp .menu ul.resp li a:hover{color:#fff}
.home-page .tstream-header .menuresp .menu ul.resp li a[aria-current=page]:after{
  content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--ott-accent)
}
.home-page .tstream-header .search_responsive{
  position:relative;z-index:1350;flex:0 1 218px;width:218px;min-width:150px;margin:0;float:none
}
.home-page .tstream-header .search_responsive form.form-resp-ab{
  display:flex!important;align-items:center;gap:0;width:100%;margin:0;padding:0;
  overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(15,17,23,.48)
}
.home-page .tstream-header .search_responsive form.form-resp-ab input[type=search]{
  display:block;flex:1 1 auto;width:100%;min-width:0;max-width:none;margin:0;padding:10px 14px;
  border:0;border-radius:24px;background:transparent;color:#fff;font-size:12px;box-shadow:none
}
.home-page .tstream-header .search_responsive form.form-resp-ab input::placeholder{color:rgba(255,255,255,.65)}
.home-page .tstream-header .search_responsive .search-submit{
  display:grid;flex:0 0 36px;place-items:center;width:36px;height:34px;margin:2px;padding:0;
  border:0;border-radius:50%;background:var(--ott-accent);color:#161616;cursor:pointer
}
.home-page .tstream-header .search_responsive .live-search{
  position:absolute;top:calc(100% + 8px);left:0;z-index:1400;width:100%;margin:0;transform:none
}
.home-page .tstream-header .search_responsive .live-search ul{
  overflow:hidden;border:1px solid var(--ott-line);border-radius:12px;background:#141720
}

/* Full-width feature backdrop and strong left-to-right cinematic contrast. */
.ott-hero{
  position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;
  width:100%;min-height:clamp(790px,100svh,1080px);padding:150px clamp(22px,7.1vw,116px) 48px;
  overflow:hidden;background:#090a0f
}
.ott-hero-backdrop{
  position:absolute;z-index:-3;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center 34%
}
.ott-hero-shade{
  position:absolute;z-index:-2;inset:0;
  background:
    linear-gradient(90deg,rgba(5,6,10,.96) 0%,rgba(5,6,10,.84) 25%,rgba(5,6,10,.51) 48%,rgba(5,6,10,.08) 82%),
    linear-gradient(0deg,#08090d 0%,rgba(8,9,13,.78) 12%,rgba(8,9,13,.06) 43%,rgba(8,9,13,.2) 100%)
}
.ott-hero-copy{
  position:relative;z-index:1;width:min(560px,48vw);margin-top:auto;margin-bottom:clamp(54px,7vh,86px);
  padding:0
}
.ott-hero-kicker{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;
  color:var(--ott-accent);font-size:11px;font-weight:850;letter-spacing:2.3px;text-transform:uppercase
}
.ott-hero-kicker:before{content:"";width:25px;height:2px;background:var(--ott-accent)}
.ott-hero-meta{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:0 0 17px;
  color:rgba(255,255,255,.78);font-size:12px;font-weight:650;letter-spacing:.35px
}
.ott-hero-meta>span+span:before{content:"•";margin-right:13px;color:rgba(255,255,255,.5)}
.ott-hero-meta .ott-hero-rating{
  display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:3px;
  background:var(--ott-accent);color:#141414;font-weight:850
}
.ott-hero-meta .ott-hero-rating:before{content:none}
.ott-hero-meta .ott-hero-rating strong{font-size:9px;letter-spacing:.3px}
.ott-hero-copy h1{
  max-width:620px;margin:0 0 17px;color:#fff;font-size:clamp(42px,5.25vw,76px);
  font-weight:900;line-height:.98;letter-spacing:-1.7px;text-transform:uppercase;
  text-shadow:0 3px 24px rgba(0,0,0,.35)
}
.ott-hero-copy p{
  max-width:455px;margin:0;color:rgba(255,255,255,.83);font-size:14px;line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.ott-hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:25px}
.ott-watch-button,.ott-info-button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;
  border-radius:4px;font-size:12px;font-weight:850;letter-spacing:.35px;
  transition:transform .2s ease,background .2s ease,border-color .2s ease
}
.ott-watch-button{
  border:1px solid var(--ott-accent);background:var(--ott-accent);color:#151515;
  box-shadow:0 8px 25px rgba(234,179,8,.18)
}
.ott-watch-button:hover{transform:translateY(-2px);background:#facc15;color:#111}
.ott-info-button{border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.07);color:#fff}
.ott-info-button:hover{border-color:#fff;background:rgba(255,255,255,.16);color:#fff}

/* The Popular Collections cards are part of the feature composition, not a detached row. */
.ott-collection-shelf{position:relative;z-index:2;width:100%;margin-top:auto}
.ott-collection-heading,.ott-content-heading{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px
}
.ott-collection-heading h2,.ott-content-heading h2{
  margin:3px 0 0;color:#fff;font-size:clamp(21px,2.25vw,29px);font-weight:850;
  letter-spacing:-.55px;line-height:1.15
}
.ott-section-eyebrow{color:var(--ott-accent);font-size:9px;font-weight:850;letter-spacing:1.8px}
.ott-collection-heading>a,.ott-content-heading>a{
  flex:none;color:rgba(255,255,255,.77);font-size:11px;font-weight:750
}
.ott-collection-heading>a:hover,.ott-content-heading>a:hover{color:var(--ott-accent)}
.ott-collection-heading>a span,.ott-content-heading>a span{margin-left:6px;color:var(--ott-accent)}
.ott-collection-grid{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(10px,1.3vw,20px);width:100%
}
.ott-collection-card{
  position:relative;isolation:isolate;display:block;min-width:0;aspect-ratio:1.12/1;
  overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;
  background:#171a22;color:#fff;box-shadow:0 9px 25px rgba(0,0,0,.25)
}
.ott-collection-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;
  transition:transform .35s ease
}
.ott-collection-card:hover img{transform:scale(1.07)}
.ott-collection-overlay{
  position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.02) 73%)
}
.ott-collection-info{position:absolute;right:12px;bottom:10px;left:12px;display:flex;flex-direction:column;gap:4px}
.ott-collection-info strong{
  overflow:hidden;color:#fff;font-size:12px;font-weight:850;line-height:1.25;
  text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 7px #000
}
.ott-collection-info small{color:rgba(255,255,255,.78);font-size:10px;font-weight:650}

/* Additional movie and series rows continue below the screenshot-like first screen. */
.ott-home-sections{
  width:min(1600px,100%);margin:0 auto;padding:42px clamp(22px,5.4vw,88px) 72px
}
.ott-home-row+.ott-home-row{margin-top:45px}
.ott-content-heading{margin-bottom:18px}
.ott-content-heading h2{font-size:clamp(20px,2vw,26px)}
.ott-poster-track{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 9*17px)/10);
  gap:17px;width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 2px 13px;
  scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(234,179,8,.5) transparent
}
.ott-poster-card{display:block;min-width:0;color:#fff;scroll-snap-align:start}
.ott-poster-image{
  position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border:1px solid rgba(255,255,255,.1);
  border-radius:8px;background:#171a22
}
.ott-poster-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ott-poster-card:hover .ott-poster-image img{transform:scale(1.055)}
.ott-poster-rating{
  position:absolute;top:8px;left:8px;padding:4px 6px;border-radius:4px;
  background:rgba(7,8,11,.82);color:#fff;font-size:10px;font-weight:850
}
.ott-poster-card>strong{
  display:block;overflow:hidden;margin-top:10px;color:#fff;font-size:12px;font-weight:750;
  line-height:1.35;text-overflow:ellipsis;white-space:nowrap
}
.ott-poster-card>small{display:block;margin-top:3px;color:var(--ott-muted);font-size:10px}

/* Leave catalogue/detail page styling intact; the reference rebuild is homepage-only. */
@media(min-width:1181px){
  .home-page .tstream-header .nav{display:none!important}
  .home-page .tstream-header .menuresp{display:block!important}
}
@media(max-width:1180px){
  .home-page header.responsive.tstream-header{min-height:86px;padding:15px 24px;gap:14px}
  .home-page .tstream-header .nav{display:grid!important}
  .home-page .tstream-header .menuresp{
    display:none!important;position:absolute;top:calc(100% - 1px);left:18px;right:18px;z-index:1500;
    width:auto;min-width:0;float:none;border:1px solid var(--ott-line);border-radius:0 0 13px 13px;
    background:rgba(10,11,15,.98);box-shadow:0 20px 40px rgba(0,0,0,.4)
  }
  .home-page .tstream-header .menuresp.is-open{display:block!important}
  .home-page .tstream-header .menuresp .menu{padding:14px;background:transparent}
  .home-page .tstream-header .menuresp .menu ul.resp{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px
  }
  .home-page .tstream-header .menuresp .menu ul.resp li a{
    display:flex;justify-content:center;padding:11px 9px;border:1px solid var(--ott-line);
    border-radius:8px;background:rgba(255,255,255,.04);font-size:12px
  }
  .home-page .tstream-header .search_responsive{flex:0 1 220px}
}
@media(max-width:760px){
  .home-page header.responsive.tstream-header{min-height:66px;padding:8px 14px;gap:12px}
  .home-page .tstream-header .logo{margin:0 auto}
  .home-page .tstream-header .logo img{width:150px;height:42px}
  .home-page .tstream-header .nav,.home-page .tstream-header .search{
    display:grid!important;flex-basis:40px;width:40px;height:40px
  }
  .home-page .tstream-header .search_responsive{
    position:absolute;top:100%;right:12px;z-index:1450;width:min(360px,calc(100vw - 24px));min-width:0;margin:0
  }
  .home-page .tstream-header .search_responsive form.form-resp-ab{display:none!important;margin:10px 0;padding:0}
  .home-page .tstream-header .search_responsive form.form-resp-ab.is-open{display:flex!important}
  .home-page .tstream-header .menuresp{left:12px;right:12px}
  .home-page .tstream-header .menuresp .menu ul.resp{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ott-hero{min-height:970px;padding:115px 18px 27px}
  .ott-hero-backdrop{object-position:62% center}
  .ott-hero-shade{
    background:linear-gradient(90deg,rgba(5,6,10,.94),rgba(5,6,10,.4)),
      linear-gradient(0deg,#08090d 0%,rgba(8,9,13,.8) 22%,rgba(8,9,13,.12) 100%)
  }
  .ott-hero-copy{width:min(560px,100%);margin-top:auto;margin-bottom:48px}
  .ott-hero-copy h1{font-size:clamp(36px,9vw,54px);letter-spacing:-.9px}
  .ott-hero-copy p{font-size:13px;-webkit-line-clamp:4}
  .ott-collection-heading h2{font-size:22px}
  .ott-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .ott-collection-card{aspect-ratio:1/1}
  .ott-collection-info{right:8px;bottom:8px;left:8px}
  .ott-collection-info strong{font-size:10px}
  .ott-collection-info small{font-size:9px}
  .ott-home-sections{padding:32px 16px 52px}
  .ott-poster-track{grid-auto-columns:calc((100% - 4*12px)/5);gap:12px}
}
@media(max-width:430px){
  .ott-hero{min-height:920px;padding-right:14px;padding-left:14px}
  .ott-hero-meta{gap:8px;font-size:10px}
  .ott-hero-meta>span+span:before{margin-right:8px}
  .ott-hero-actions{gap:8px;margin-top:18px}
  .ott-watch-button,.ott-info-button{min-height:42px;padding:0 14px}
  .ott-collection-heading{align-items:center}
  .ott-collection-heading h2{font-size:20px}
  .ott-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ott-poster-track{grid-auto-columns:calc((100% - 3*10px)/4);gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .ott-collection-card img,.ott-poster-image img,.ott-watch-button{transition:none}
}