.error-block{display:none;color:red}.jw-skin-seven .jw-overlay .jw-playlist-container{width:400px;left:-20%}.jwplayer .jw-playlist{height:250px}.jwplayer .jw-playlist .jw-option{padding:0 15px;margin:auto;text-align:left}.jw-playlist .jw-name{width:30em!important}#content-embed iframe{width:100%!important;height:100%!important}.bp-btn-like.active i{color:#b23a3a}.qtip{max-width:320px;}.qtip .qtip-content{font-size:12px;padding:12px;overflow:visible}.qtip .qtip-content .f-desc{line-height:1.3em!important;font-size:12px!important}.qtip .qtip-title{margin-right:60px;background:#fff;color:#71B43E;font-size:16px;font-weight:600;padding:0 0 12px;line-height:normal}.qtip .qtip-titlebar{background:none!important;padding:0!important}.jtip-quality{top:13px;right:12px}#media-player{position:relative}.loading-film{position:absolute;top:0;right:0;bottom:0;left:50%;color:#fff;width:200px;text-align:center;height:180px;margin-left:-100px;top:50%;margin-top:-90px}.content-kus{overflow:hidden}.content-kus div{margin:0 auto!important}.cssload-center{position:relative;text-align:center;width:100%;min-height:70px;background:transparent}.cssload-2x{min-height:100px}.cssload-3x{min-height:160px}.cssload{width:40px;height:40px;position:absolute;left:0;right:0;top:0;bottom:0;display:inline-block;margin:auto}.cssload-2x .cssload{width:60px;height:60px}.cssload-3x .cssload{width:120px;height:120px}.cssload-3x .cssload span,.cssload-3x .cssload span:before,.cssload-3x .cssload span:after{border-width:3px!important}.cssload *{box-sizing:content-box}.cssload span,.cssload span:before,.cssload span:after{top:0;left:0;position:absolute;border-bottom:2px solid transparent!important;border:2px solid #b23a3a;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;width:100%!important;height:100%!important;display:inline-block}.cssload span{margin:-2px 0 0 -2px;animation:cssload-rotate 1150ms linear infinite;-o-animation:cssload-rotate 1150ms linear infinite;-ms-animation:cssload-rotate 1150ms linear infinite;-webkit-animation:cssload-rotate 1150ms linear infinite;-moz-animation:cssload-rotate 1150ms linear infinite}.cssload span:before{content:"";margin:5% 0 0 5%;height:90%!important;width:90%!important;animation:cssload-rotate 1150ms linear infinite;-o-animation:cssload-rotate 1150ms linear infinite;-ms-animation:cssload-rotate 1150ms linear infinite;-webkit-animation:cssload-rotate 1150ms linear infinite;-moz-animation:cssload-rotate 1150ms linear infinite}.cssload span:after{content:"";position:absolute;top:15%;left:15%;height:70%!important;width:70%!important;animation:cssload-rotate 2300ms linear infinite;-o-animation:cssload-rotate 2300ms linear infinite;-ms-animation:cssload-rotate 2300ms linear infinite;-webkit-animation:cssload-rotate 2300ms linear infinite;-moz-animation:cssload-rotate 2300ms linear infinite}.cssload-2x .cssload span::after,.cssload-3x .cssload span::after{top:13%;left:13%;height:74%!important;width:74%!important}@keyframes cssload-rotate{100%{transform:rotate(360deg)}}@-o-keyframes cssload-rotate{100%{-o-transform:rotate(360deg)}}@-ms-keyframes cssload-rotate{100%{-ms-transform:rotate(360deg)}}@-webkit-keyframes cssload-rotate{100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes cssload-rotate{100%{-moz-transform:rotate(360deg)}}.ps-container{-ms-touch-action:none;overflow:hidden!important}.ps-container.ps-active-x > .ps-scrollbar-x-rail,.ps-container.ps-active-y > .ps-scrollbar-y-rail{display:block}.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y{background-color:#999}.ps-container > .ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container > .ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:6px}.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{position:absolute;background-color:#555;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:6px}.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail{background-color:#888;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y{background-color:#999}.ps-container:hover > .ps-scrollbar-x-rail,.ps-container:hover > .ps-scrollbar-y-rail{opacity:.6}.ps-container:hover > .ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x{background-color:#999}.ps-container:hover > .ps-scrollbar-y-rail:hover{background-color:#888;opacity:.9}.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y{background-color:#999}@media screen and (min-width: 640px) and (max-width: 800px) { .movieplay, .movieplay .wp-video .mejs-container{height: 300px!important; }} @media screen and (min-width: 480px) and (max-width: 639px) { .movieplay, .movieplay .wp-video .mejs-container{height: 300px!important; }} @media screen and (max-width: 479px) { .movieplay, .movieplay .wp-video .mejs-container {height: 200px!important;}} @media screen and (min-width: 801px) and (max-width: 899px) {.movieplay, .movieplay .wp-video .mejs-container{height: 400px!important; }} @media screen and (min-width: 900px) { .movieplay, .movieplay .wp-video .mejs-container{/*height: 500px!important;*/height: 675px!important;}} .movieplay .wp-video .mejs-container {width: 100%!important;/*max-height: 500px!important;*/max-height: 675px!important;} .movieplay .wp-video { width: 100%!important;}@media screen and (max-width: 480px){.qtip{display:none!important;}}
.dtloadpage {
    background:rgba(0, 0, 0, 0.95)
}
.dtloadpage .dtloadbox span {
    color:#FFF
}
.dtloadpage .dtloadbox p {
    color:#A7A7A7
}



.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#openloadIframe{border:0;}

#menu .sub-container ul.sub-menu li{float: none;display: inline-block;vertical-align: middle;}
#menu .sub-container ul.sub-menu li a{line-height:1em;height:auto;padding-top:5px;padding-bottom:5px;}
@media screen and (max-width: 479px){#menu .sub-container ul.sub-menu li {width: 32.0%;}}
@media screen and (max-width: 640px){#menu .sub-container ul.sub-menu li {width: 30.0%;}}
@media screen and (max-width: 991px){#menu .sub-container ul.sub-menu li {width: 22.0%;}}
@media screen and (min-width: 992px){#menu .sub-container ul.sub-menu li{width: 30%;float: none;vertical-align: middle;min-height:28px;}}
@media screen and (min-width: 1200px){#menu .sub-container ul.sub-menu li{width: 29%;float: none;vertical-align: middle;min-height:28px;}}

.mv-keywords {margin-bottom: 20px;padding: 20px;display: block;clear: both;background: #f5f5f5;}
.mv-keywords nav{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mv-keywords nav h2{font-size: 18px;margin-top:0;width:100%;flex:100%;}
.mv-keywords nav ul{padding-left:0;width:calc((100% / 3) - 40px);margin-left:40px;min-width: 200px;margin-bottom:0;}
.mv-keywords nav ul li{}
.mv-keywords nav a:before,
#mv-keywords nav a:before {content: '';}
.mv-keywords a{margin: 5px 15px 5px 0;color: #888;text-transform: capitalize;}

.content-kuss:empty{display:none;}

.mt-1{margin-top:0.25rem!important;}
.mt-2{margin-top:0.5rem!important;}
.mt-3{margin-top:1rem!important;}

.text-start {text-align: left !important;}
.text-center {text-align: center !important;}
.text-end {text-align: right !important;}
.smallest{font-size:8px;line-height:normal;}

#mv-latest-episodes{margin-bottom: 20px;padding: 20px;display: block;clear: both;background: #f5f5f5;}
#mv-latest-episodes nav h2 {font-size: 18px;margin-top: 0;}
#mv-latest-episodes nav ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left:0;flex-direction: column;}
@media(min-width:768px){#mv-latest-episodes nav ul{max-height: 450px;}}
@media(min-width:1024px){#mv-latest-episodes nav ul{max-height: 270px;}}
@media(min-width:1440px){#mv-latest-episodes nav ul{max-height: 260px;}}
#mv-latest-episodes nav ul li{width:calc((100% / 3) - 40px);margin-left:40px;min-width: 200px;}
#mv-latest-episodes a{color: #888;text-transform: capitalize;}
#mv-latest-episodes a:hover {color: #79C142;}

.content-kuss-m0{margin:0;padding:0!important;}

a.adsbutt_green,
a.adsbutt_green:active {
    -moz-box-shadow: inset 0px 1px 0px 0px #caefab !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #caefab !important;
    box-shadow: inset 0px 1px 0px 0px #caefab !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811)) !important;
    background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
    background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
    background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
    background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
    background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0) !important;
    background-color: #77d42a !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #268a16 !important;
    display: inline-block !important;
    cursor: pointer !important;
    color: #ffffff !important;
    font-family: Arial !important;
    font-size: 25px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    text-shadow: 0px -1px 0px #528009 !important;
    width: 246px !important;
    height: 72px !important;
    line-height: 72px !important;
	box-sizing: border-box;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.adsbutt_green:active {
    position: relative !important;
    top: 1px !important;
}
a.adsbutt_green:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a.adsbutt_green:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a)) !important;
    background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
    background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
    background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
    background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
    background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0) !important;
    background-color: #5cb811 !important;
	outline: 0;
}

.page-watching .hm-button .btn-successful {font-size: 26px;padding: 15px 25px;border-radius: 5px;height: auto;white-space: normal;}
.watching-button{display:none;margin-top: 105px;margin-bottom: 105px;}
.watching-container .watching-fb{display:flex;justify-content:center;}
.watching-container .watching-fb a{display:block;width:280px;margin:5px 8px;}
.watching-container .watching-fb-top{margin-top: 100px;}
.watching-container .watching-fb-bottom{margin-top: 40px;}
.watching-container .watching-text{margin-top: 40px;}
.watching-container h1 {font-size: 140px;font-family: "Montserrat";}
.watching-container{text-align:center;}
.page-watching{background: #fff;margin-bottom: -30px;width: 100%;height: 315px;position: absolute;}

.content-kuss{text-align:center;margin:20px 0;}
a.adsbutt_green,
a.adsbutt_green:active {
    -moz-box-shadow: inset 0px 1px 0px 0px #caefab !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #caefab !important;
    box-shadow: inset 0px 1px 0px 0px #caefab !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811)) !important;
    background: -moz-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
    background: -webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
    background: -o-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
    background: -ms-linear-gradient(top, #77d42a 5%, #5cb811 100%) !important;
    background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0) !important;
    background-color: #77d42a !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #268a16 !important;
    display: inline-block !important;
    cursor: pointer !important;
    color: #ffffff !important;
    font-family: Arial !important;
    font-size: 25px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    text-shadow: 0px -1px 0px #528009 !important;
    width: 164px !important;
    height: 48px !important;
    line-height: 48px !important;
	box-sizing: border-box;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.adsbutt_green:active {
    position: relative !important;
    top: 1px !important;
}
a.adsbutt_green:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a.adsbutt_green:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a)) !important;
    background: -moz-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
    background: -webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
    background: -o-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
    background: -ms-linear-gradient(top, #5cb811 5%, #77d42a 100%) !important;
    background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0) !important;
    background-color: #5cb811 !important;
	outline: 0;
}
@media screen and (max-width: 767px){
	a.adsbutt_green{margin-top:15px;}
	a.adsbutt_green:first-of-type{margin-top:0px;}
}
@media screen and (min-width: 768px){
	a.adsbutt_green{margin-left:15px;}
	a.adsbutt_green:first-of-type{margin-left:0px;}
}
.mlw-viewed .movies-list .ml-item {width: 14.6%;margin: 1%;height: 280px;}


.faq-block {
    background: #f5f5f5;
    margin-bottom: 15px;
}

.faq-block > div {
    padding: 10px 20px;
}

.faq-block > div:nth-of-type(1) {
    padding-top: 20px;
}

.faq-block > div:nth-last-of-type(1) {
    padding-bottom: 20px;
}

.faq-block div.faq-block__title {
    font-weight: 600;
    font-size: 1.125em;
    margin-bottom: 0.5rem;
}

#mv-info .mvi-content {
    min-height: 430px;
}

@media (min-width: 800px) {
    .qr-code-mobile {
        display: none;
    }
}

.movies-list .ml-item .mli-info .h2 {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 2px rgb(0 0 0 / 60%);
}

.selections-list{display:flex;margin:.5rem 0;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-evenly;}
.selection-block{display:block;width:300px;position:relative;overflow:hidden;padding:300px 0 0;}
.selection-block-background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;transition: all 0.3s ease-in-out;}
.selection-block:hover .selection-block-background,
.selection-block:focus .selection-block-background,
.selection-block:active .selection-block-background{top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);transition: all 0.3s ease-in-out;}
.selection-block-count{color:#49a4a0;display:block;position:absolute;top:0;left:0;font-size: 4.72rem;line-height: 60px;padding: 5px 10px 5px 20px;border-left:5px solid;}
.selection-block-title{color:white;font-size: 1.7rem;font-weight: bold;text-decoration: none;padding:10px;width:100%;max-height:calc(100% - 20px - 70px);display:block;position:absolute;bottom:0;left:0;background: url(../images/mask-title.png) top repeat-x;}

.movies-list .ml-item .mli-add{position: absolute;top: 10px;left: 10px;z-index: 5;display:flex;flex-direction: column;justify-content: flex-start;align-items:flex-start;gap:.25rem;}
.movies-list .ml-item .mli-add:empty{display:none;}
.movies-list .ml-item .mli-add > span{display:block;}
.movies-list .ml-item .mli-add .runtime{display:block;padding:0 .5rem;border-radius:5px;flex:0;color:var(--wp--preset--color--black);background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray);}
.movies-list .ml-item .mli-add .imdb{display:block;padding:0 .5rem;border-radius:5px;flex:0;color:#fff;font-weight:bold;text-shadow: 0 0 2px rgba(0,0,0,0.3);background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red);}
.movies-list .ml-item .mli-add .imdb.imdb_red{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red);}
.movies-list .ml-item .mli-add .imdb.imdb_orange{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange);}
.movies-list .ml-item .mli-add .imdb.imdb_green{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan);}
.movies-list .ml-item .mli-eps{z-index:10;}

.movies-list-center{display: flex;flex-wrap: wrap;justify-content: center;}
.search_examples{margin: 0 0 40px;text-align: left;display:flex;flex-wrap:wrap;gap: 10px 7px;align-items: baseline;height:290px;overflow:hidden;position:relative;}
@media(min-width:768px){
  .search_examples{height:260px;}
}
.search_examples:before{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:45px;
  background: linear-gradient(0deg, #e8ebf5 0%, #e8ebf5 50%, transparent 100%);
}
.search_examples:after{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:45px;
  background-position: center 24px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNjY2IiBkPSJNMjU2IDQyOS4zbDIyLjYtMjIuNiAxOTItMTkyTDQ5My4zIDE5MiA0NDggMTQ2LjdsLTIyLjYgMjIuNkwyNTYgMzM4LjcgODYuNiAxNjkuNCA2NCAxNDYuNyAxOC43IDE5MmwyMi42IDIyLjYgMTkyIDE5MkwyNTYgNDI5LjN6Ii8+PC9zdmc+);
}
.search_examples.opened{height:auto;padding-bottom:40px;}
.search_examples.opened:after{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNjY2IiBkPSJNMjU2IDgyLjdsMjIuNiAyMi42IDE5MiAxOTJMNDkzLjMgMzIwIDQ0OCAzNjUuM2wtMjIuNi0yMi42TDI1NiAxNzMuMyA4Ni42IDM0Mi42IDY0IDM2NS4zIDE4LjcgMzIwbDIyLjYtMjIuNiAxOTItMTkyTDI1NiA4Mi43eiIvPjwvc3ZnPg==);}
.search_examples .chatgpt_example{display: inline-block;line-height: 1.8;border: 1px solid;border-radius: 16px;color: #333;padding: 0 8px;}
.search_examples .chatgpt_example:hover,
.search_examples .chatgpt_example:active,
.search_examples .chatgpt_example:focus{color:#6cddd7;}

#searchformai .form-control {height: 56px;background: #fff;font-size: 20px;padding-left: 20px;padding-right: 90px;box-shadow: none;color: #111;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 5px;}
#searchformai .search-submit {transition: 0.5s;position: absolute;top: 0;right: 0;bottom: 0;height: 56px;width: 80px;display: inline-block;background: #6cddd7;color: #fff;font-size: 26px;line-height: 54px;border-radius: 0 5px 5px 0;}
#searchformai .search-submit span{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMjE0LjYgNDEuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBsLTE2MCAxNjBjLTEyLjUgMTIuNS0xMi41IDMyLjggMCA0NS4zczMyLjggMTIuNSA0NS4zIDBMMTYwIDE0MS4yVjQ0OGMwIDE3LjcgMTQuMyAzMiAzMiAzMnMzMi0xNC4zIDMyLTMyVjE0MS4yTDMyOS40IDI0Ni42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwczEyLjUtMzIuOCAwLTQ1LjNsLTE2MC0xNjB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  background-color: #6cddd7;
  border-radius: 0 5px 5px 0;
}
#searchformai .search-submit:hover span{
  /* background-image: url(data:image/svg+xml;base64,...); */
  background-color: #000;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
#searchformai.disabled .search-submit span{background: var(--wp--preset--color--cyan-bluish-gray);}
#searchformai .search-submit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 5px 5px 0;
  background: linear-gradient(
    45deg,
    var(--wp--preset--color--vivid-purple),
    var(--wp--preset--color--pale-pink),
    var(--wp--preset--color--vivid-red),
    var(--wp--preset--color--luminous-vivid-orange),
    var(--wp--preset--color--luminous-vivid-amber),
    var(--wp--preset--color--light-green-cyan),
    var(--wp--preset--color--vivid-green-cyan),
    var(--wp--preset--color--pale-cyan-blue),
    var(--wp--preset--color--vivid-cyan-blue),
    var(--wp--preset--color--vivid-purple)
  );
  background-size: 800%;
  opacity: 0;
  transition: 2.5s;
  animation: eff 40s linear infinite;
}
#searchformai:not(.disabled) .search-submit:hover::before,
#searchformai:not(.disabled) .search-submit:hover::after {opacity: 1;}
#searchformai .search-submit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 5px 5px 0;
  background: linear-gradient(
    45deg,
    var(--wp--preset--color--vivid-purple),
    var(--wp--preset--color--pale-pink),
    var(--wp--preset--color--vivid-red),
    var(--wp--preset--color--luminous-vivid-orange),
    var(--wp--preset--color--luminous-vivid-amber),
    var(--wp--preset--color--light-green-cyan),
    var(--wp--preset--color--vivid-green-cyan),
    var(--wp--preset--color--pale-cyan-blue),
    var(--wp--preset--color--vivid-cyan-blue),
    var(--wp--preset--color--vivid-purple)
  );
  background-size: 800%;
  opacity: 0;
  filter: blur(20px);
  transition: 0.5s;
  animation: eff 40s ease infinite;
}

@keyframes eff {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 800% 0;
  }
  100% {
    background-position: 0 0;
  }
}

/* AI Search fun loader */
.chatgpt_fun_loader {
  width: min(720px, calc(100% - 32px));
  margin: 34px auto 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: #26343f;
  text-align: left;
}
.chatgpt_fun_icon {
  position: relative;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(108, 221, 215, 0.18);
  border: 1px solid rgba(108, 221, 215, 0.38);
  box-shadow: 0 0 0 1px rgba(108, 221, 215, 0.08), 0 18px 42px rgba(108, 221, 215, 0.16);
  overflow: hidden;
}
.chatgpt_fun_icon:before {
  content: '';
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle, rgba(108,221,215,0.35), transparent 58%);
  animation: chatgpt_fun_orb 2.8s ease-in-out infinite;
}
.chatgpt_fun_icon span {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid rgba(108, 221, 215, 0.95);
  box-shadow: inset 0 0 0 6px rgba(108, 221, 215, 0.15);
}
.chatgpt_fun_icon span:before,
.chatgpt_fun_icon span:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #6cddd7;
  transform: translate(-50%, -50%);
  box-shadow: 12px 0 0 rgba(108, 221, 215, 0.92), -12px 0 0 rgba(108, 221, 215, 0.92);
}
.chatgpt_fun_icon span:after {
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid rgba(108, 221, 215, 0.18);
  box-shadow: none;
  animation: chatgpt_fun_spin 3.8s linear infinite;
}
.chatgpt_fun_body {
  min-width: 0;
  flex: 1 1 auto;
  max-width: 560px;
}
.chatgpt_fun_text {
  min-height: 24px;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #26343f;
  transition: opacity .22s ease, transform .22s ease, filter .22s ease;
}
.chatgpt_fun_loader.is-changing .chatgpt_fun_text {
  opacity: 0;
  transform: translateY(5px);
  filter: blur(5px);
}
.chatgpt_fun_line {
  position: relative;
  width: min(360px, 100%);
  height: 3px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(108, 221, 215, 0.12);
}
.chatgpt_fun_line span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 38%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(108, 221, 215, 0.95), transparent);
  animation: chatgpt_fun_line 1.35s ease-in-out infinite;
}
html.night-mode .chatgpt_fun_loader,
body.night-mode .chatgpt_fun_loader {
  color: #dbe7ef;
}
html.night-mode .chatgpt_fun_text,
body.night-mode .chatgpt_fun_text {
  color: #e8f5f4;
  text-shadow: 0 0 18px rgba(108, 221, 215, 0.16);
}
html.night-mode .chatgpt_fun_icon,
body.night-mode .chatgpt_fun_icon {
  background: rgba(108, 221, 215, 0.12);
  border-color: rgba(108, 221, 215, 0.32);
  box-shadow: 0 0 0 1px rgba(108, 221, 215, 0.08), 0 18px 42px rgba(0, 0, 0, 0.28);
}
@keyframes chatgpt_fun_line {
  0% { transform: translateX(-110%); }
  100% { transform: translateX(280%); }
}
@keyframes chatgpt_fun_orb {
  0%, 100% { transform: scale(0.9) rotate(0deg); opacity: .6; }
  50% { transform: scale(1.1) rotate(18deg); opacity: 1; }
}
@keyframes chatgpt_fun_spin {
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@media screen and (max-width: 640px) {
  .chatgpt_fun_loader {
    width: calc(100% - 24px);
    margin: 26px auto 20px;
    gap: 12px;
    align-items: flex-start;
  }
  .chatgpt_fun_icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    border-radius: 15px;
  }
  .chatgpt_fun_icon span {
    width: 22px;
    height: 22px;
  }
  .chatgpt_fun_icon span:before {
    box-shadow: 9px 0 0 rgba(108, 221, 215, 0.92), -9px 0 0 rgba(108, 221, 215, 0.92);
  }
  .chatgpt_fun_icon span:after {
    width: 36px;
    height: 36px;
  }
  .chatgpt_fun_text {
    font-size: 13px;
    line-height: 1.45;
  }
}

.moreplayers_li .chatgpt_loader_text{border-bottom-left-radius: 1rem;}
.moreplayers_li .les-content{display: none;}
.moreplayers_li .les-title{display: none;}
.moreplayers_div{display: flex;justify-content: center;}
.moreplayers_li.extended .les-content{display: block;}
.moreplayers_li.extended .les-title{display: block;}
.moreplayers_li.extended .moreplayers_div{display: none;}

#moreplayers{
    display: block;
    border: 0;
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan);
    padding: 10px 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#moreplayers:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    background: linear-gradient(135deg,#107ead 0%,#6cddd7 100%);
}

#moreplayers:active {
    transform: scale(0.95);
}

/* === Мобильная версия: постер над аннотацией, QR по центру === */
@media screen and (max-width: 799px) {

  /* Показываем постер на мобиле (был скрыт в main.css) */
  #mv-info .mvi-content .mvic-thumb {
    display: block !important;
    float: none;
    width: auto;
    height: auto;
    margin: 0 auto 15px;
    text-align: center;
  }

  /* Размер изображения постера (перекрываем inline style) */
  #mv-info .mvi-content .mvic-thumb img {
    width: 140px !important;
    height: 210px !important;
    min-height: 0 !important;
    display: inline-block;
  }

  /* QR-код по центру колонки */
  .qr-code-mobile {
    text-align: center;
    margin: 0 auto 15px;
  }
}

/* single-tvshows2: без splash/light + центрирование сезонов */
.single-tvshows2-layout #content-embed {
  display: block !important;
}

.single-tvshows2-layout #bar-player .bp-btn-light {
  display: none !important;
}

@media screen and (min-width: 641px) {
  .single-tvshows2-layout #seasons .tvseason {
    display: flex;
    align-items: center;
  }

  .single-tvshows2-layout #seasons .tvseason .les-title {
    float: none;
    flex: 0 0 130px;
    margin: 0;
    display: flex;
    align-items: center;
  }

  .single-tvshows2-layout #seasons .tvseason .les-content {
    flex: 1;
    padding-left: 0;
  }
}

@media screen and (max-width: 640px) {
  .single-tvshows2-layout #seasons .tvseason {
    display: flex;
    align-items: center;
  }

  .single-tvshows2-layout #seasons .tvseason .les-title {
    float: none;
    display: flex;
    align-items: center;
    margin: 0 12px 0 0;
    min-height: 34px;
  }

  .single-tvshows2-layout #seasons .tvseason .les-content {
    flex: 1;
    margin: -5px 0;
  }
}


/* PsyPlay fix: keep top single-page ad slot but remove its mobile layout gap above title/player */
@media screen and (max-width: 991px) {
  #main.page-detail .single-top-ad {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  #main.page-detail .single-top-ad #content-kuss-title {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }
}


/* =============================================================
   PsyPlay v11 fixes: popular overflow, AI examples, ratings, QR
   ============================================================= */
#main.page-category {
  overflow-x: clip;
}
@supports not (overflow: clip) {
  #main.page-category {
    overflow-x: hidden;
  }
}

.page-category .movies-list-wrap .psyplay-api-popular-block {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: isolate;
}
.page-category .movies-list-wrap .psyplay-api-popular-block::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(140deg, rgba(72, 87, 116, 0.92) 0%, rgba(53, 64, 88, 0.88) 55%, rgba(40, 48, 66, 0.85) 100%) !important;
  border-top: 1px solid rgba(108, 221, 215, 0.12) !important;
  border-bottom: 1px solid rgba(108, 221, 215, 0.12) !important;
  box-shadow: 0 18px 35px rgba(12, 17, 27, 0.22) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}


.page-category .movies-list-wrap .psyplay-api-popular-block .psyplay-api-popular-inner,
.page-category .movies-list-wrap .psyplay-api-popular-block .movies-list {
  position: relative !important;
  z-index: 1 !important;
}

.search_examples {
  max-height: 118px !important;
  height: auto !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  position: relative !important;
}
.search_examples.opened {
  max-height: none !important;
  height: auto !important;
  padding-bottom: 0 !important;
}
.search_examples:before,
.search_examples:after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.search-examples-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 136px;
  height: 34px;
  margin: 2px 0 34px;
  padding: 0 22px;
  border: 1px solid rgba(108, 221, 215, 0.65);
  border-radius: 3px;
  background: rgba(108, 221, 215, 0.14);
  color: #6cddd7;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
}
.search-examples-toggle:hover,
.search-examples-toggle:focus {
  background: rgba(108, 221, 215, 0.24);
  color: #ffffff;
  outline: none;
}
.search_examples .chatgpt_example {
  color: #35424c !important;
  border-color: rgba(53, 66, 76, 0.35) !important;
  background: rgba(255,255,255,0.35) !important;
}
.search_examples .chatgpt_example:hover,
.search_examples .chatgpt_example:active,
.search_examples .chatgpt_example:focus {
  color: #119d99 !important;
  border-color: rgba(108, 221, 215, 0.85) !important;
}
html.night-mode .search_examples .chatgpt_example,
body.night-mode .search_examples .chatgpt_example {
  color: #dbe7ef !important;
  border-color: rgba(108, 221, 215, 0.35) !important;
  background: rgba(108, 221, 215, 0.06) !important;
}
html.night-mode .search_examples .chatgpt_example:hover,
html.night-mode .search_examples .chatgpt_example:active,
html.night-mode .search_examples .chatgpt_example:focus,
body.night-mode .search_examples .chatgpt_example:hover,
body.night-mode .search_examples .chatgpt_example:active,
body.night-mode .search_examples .chatgpt_example:focus {
  color: #6cddd7 !important;
  border-color: rgba(108, 221, 215, 0.85) !important;
  background: rgba(108, 221, 215, 0.12) !important;
}
html.night-mode .search-examples-toggle,
body.night-mode .search-examples-toggle {
  background: rgba(108, 221, 215, 0.12) !important;
  color: #bff8f5 !important;
  border-color: rgba(108, 221, 215, 0.45) !important;
}
html.night-mode .search-examples-toggle:hover,
html.night-mode .search-examples-toggle:focus,
body.night-mode .search-examples-toggle:hover,
body.night-mode .search-examples-toggle:focus {
  background: rgba(108, 221, 215, 0.22) !important;
  color: #ffffff !important;
}

#mv-info .mvi-content .imdb-r.rating-green {
  background: #22b86f !important;
  color: #ffffff !important;
}
#mv-info .mvi-content .imdb-r.rating-orange {
  background: #f9a302 !important;
  color: #ffffff !important;
}
#mv-info .mvi-content .imdb-r.rating-red {
  background: #e53935 !important;
  color: #ffffff !important;
}

/* =============================================================
   PsyPlay v12: QR variants and mobile QR visibility
   - light theme: default black QR from plugin
   - dark theme: white QR generated by shortcode on transparent PNG bg
   ============================================================= */
.psyplay-qr {
  display: inline-block !important;
  line-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 8px auto !important;
}
.psyplay-qr-dark {
  display: none !important;
}
html.night-mode .psyplay-qr-light,
body.night-mode .psyplay-qr-light {
  display: none !important;
}
html.night-mode .psyplay-qr-dark,
body.night-mode .psyplay-qr-dark {
  display: inline-block !important;
}
.psyplay-qr .wpkqcg_qrcode_wrapper,
.psyplay-qr [class*="wpkqcg"] {
  display: inline-block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
}
.psyplay-qr .wpkqcg_qrcode {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  filter: none !important;
}
html.night-mode .psyplay-qr,
html.night-mode .psyplay-qr .wpkqcg_qrcode_wrapper,
html.night-mode .psyplay-qr [class*="wpkqcg"],
body.night-mode .psyplay-qr,
body.night-mode .psyplay-qr .wpkqcg_qrcode_wrapper,
body.night-mode .psyplay-qr [class*="wpkqcg"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
@media screen and (max-width: 991px) {
  .qr-code-mobile {
    display: block !important;
    text-align: center !important;
    margin: 0 auto 15px !important;
  }
  .qr-code-mobile .psyplay-qr,
  .qr-code-mobile .wpkqcg_qrcode_wrapper,
  .qr-code-mobile [class*="wpkqcg"],
  .qr-code-mobile .wpkqcg_qrcode {
    display: inline-block !important;
  }
  .qr-code-mobile .wpkqcg_qrcode {
    display: block !important;
  }
}

/* PsyPlay v12: keep only one QR variant visible on mobile */
.qr-code-mobile .psyplay-qr-dark {
  display: none !important;
}
html.night-mode .qr-code-mobile .psyplay-qr-light,
body.night-mode .qr-code-mobile .psyplay-qr-light {
  display: none !important;
}
html.night-mode .qr-code-mobile .psyplay-qr-dark,
body.night-mode .qr-code-mobile .psyplay-qr-dark {
  display: inline-block !important;
}


/* =============================================================
   PsyPlay v13: stable edge-to-edge Most Popular background
   Keeps overflow fix, restores visible background layer.
   ============================================================= */
#main.page-category {
  overflow-x: clip !important;
}
@supports not (overflow: clip) {
  #main.page-category {
    overflow-x: hidden !important;
  }
}

.page-category .movies-list-wrap .psyplay-api-popular-block {
  position: relative !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.page-category .movies-list-wrap .psyplay-api-popular-block::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 100vw !important;
  height: auto !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(140deg, rgba(72, 87, 116, 0.92) 0%, rgba(53, 64, 88, 0.88) 55%, rgba(40, 48, 66, 0.85) 100%) !important;
  border-top: 1px solid rgba(108, 221, 215, 0.12) !important;
  border-bottom: 1px solid rgba(108, 221, 215, 0.12) !important;
  box-shadow: 0 18px 35px rgba(12, 17, 27, 0.22) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.page-category .movies-list-wrap .psyplay-api-popular-block .psyplay-api-popular-inner,
.page-category .movies-list-wrap .psyplay-api-popular-block .psyplay-api-popular-grid,
.page-category .movies-list-wrap .psyplay-api-popular-block .movies-list {
  position: relative !important;
  z-index: 1 !important;
}

/* PsyPlay v13: final QR variant visibility. Dark mode must not show light QR. */
html.night-mode .psyplay-qr-light,
body.night-mode .psyplay-qr-light,
html.night-mode .psyplay-qr-light *,
body.night-mode .psyplay-qr-light * {
  display: none !important;
}
html.night-mode .psyplay-qr-dark,
body.night-mode .psyplay-qr-dark {
  display: inline-block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}


/* AI TMDB Search media selector: compact radio style */
.search-content .psyplay-ai-media-mode {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: nowrap;
    width: 100%;
    margin: 12px 0 0;
    line-height: 1;
    text-align: center;
    font-size: 13px;
}

.search-content .psyplay-ai-media-mode .psyplay-ai-media-label {
    display: inline-flex;
    align-items: center;
    margin: 0 2px 0 0;
    padding: 0;
    line-height: 1.2;
    white-space: nowrap;
    opacity: .78;
}

.search-content .psyplay-ai-media-mode .psyplay-ai-media-option {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    color: inherit;
    font-weight: 600;
}

.search-content .psyplay-ai-media-mode .psyplay-ai-media-radio {
    position: static !important;
    float: none !important;
    right: auto !important;
    top: auto !important;
    display: inline-block !important;
    flex: 0 0 auto;
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(108, 221, 215, .62) !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.search-content .psyplay-ai-media-mode .psyplay-ai-media-radio:checked {
    border-color: #6cddd7 !important;
    background: radial-gradient(circle at center, #6cddd7 0 38%, transparent 43%) !important;
    box-shadow: 0 0 10px rgba(108, 221, 215, .22) !important;
}

.search-content .psyplay-ai-media-mode .psyplay-ai-media-radio:focus-visible {
    outline: 2px solid rgba(108, 221, 215, .55);
    outline-offset: 2px;
}

.search-content .psyplay-ai-media-mode .psyplay-ai-media-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 8px;
    line-height: 1.1;
    white-space: nowrap;
    color: inherit;
    transition: background .16s ease, box-shadow .16s ease, color .16s ease;
}

.search-content .psyplay-ai-media-mode .psyplay-ai-media-option:hover .psyplay-ai-media-text {
    background: rgba(108, 221, 215, .08);
}

.search-content .psyplay-ai-media-mode .psyplay-ai-media-radio:checked + .psyplay-ai-media-text {
    background: rgba(108, 221, 215, .14);
    box-shadow: 0 0 18px rgba(108, 221, 215, .18);
    color: #eafefe;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

html:not(.night-mode) .search-content .psyplay-ai-media-mode .psyplay-ai-media-radio:checked + .psyplay-ai-media-text,
body:not(.night-mode) .search-content .psyplay-ai-media-mode .psyplay-ai-media-radio:checked + .psyplay-ai-media-text {
    color: #143332;
    background: rgba(108, 221, 215, .22);
}

.psyplay-aitmdb-section-title {
    flex: 0 0 100%;
    width: 100%;
    grid-column: 1 / -1;
    margin: 8px 0 6px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .02em;
    color: #6cddd7;
}

@media screen and (max-width: 767px) {
    .search-content .psyplay-ai-media-mode {
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 10px;
        font-size: 12px;
    }

    .search-content .psyplay-ai-media-mode .psyplay-ai-media-label {
        flex: 0 0 100%;
        justify-content: center;
        width: 100%;
        margin: 0;
    }

    .search-content .psyplay-ai-media-mode .psyplay-ai-media-option {
        gap: 5px;
    }

    .search-content .psyplay-ai-media-mode .psyplay-ai-media-text {
        padding: 4px 7px;
    }
}

/* Regional homepage copy alignment. */
.home-main .s2d-home-content-uk,
.home-main .s2d-home-content-au {
    text-align: left;
}
/* Ranked cards: render the final order immediately, without the temporary 01. */
html.s2d-featured-v3 .psyplay-api-popular-grid > .ml-item::before,
html.s2d-featured-v4 .psyplay-api-popular-grid > .ml-item::before {
  content: counter(s2d-featured, decimal-leading-zero) !important;
}

/* Soap2Day TV listing cards: title + up to three real genres. */
.page-category .movies-list .ml-item-tvshows .mli-info .s2d-card-genres {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 3px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.82);
  white-space: nowrap;
}

/*
 * Featured variant 3/style 2 reserves 29px (27px on phones) below the title.
 * Match that selector's specificity so the card metadata really reaches the
 * bottom edge instead of leaving a visible empty strip under the genres.
 */
html.s2d-featured-v3.s2d-featured-style-2 .page-category .psyplay-api-popular-grid > .ml-item-tvshows .mli-info,
.page-category .psyplay-api-popular-grid > .ml-item-tvshows .mli-info {
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  padding-bottom: 6px !important;
  transform: none !important;
}

.page-category .psyplay-api-popular-grid > .ml-item-tvshows .mli-info .s2d-card-genres {
  color: rgba(184, 255, 249, 0.86);
  text-align: left;
}

/* Regular TV listing: clamp long names to two lines and align all text left. */
.page-category .movies-list-full > .ml-item-tvshows .mli-info .h2 {
  display: -webkit-box;
  width: 100%;
  max-width: 100%;
  max-height: 2.4em;
  overflow: hidden;
  line-height: 1.2;
  text-align: left;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.page-category .movies-list-full > .ml-item-tvshows .mli-info .s2d-card-genres {
  text-align: left;
}

/* Disable the old single-genre node added by display-controls. */
.page-category .psyplay-api-popular-grid > .ml-item > .s2d-featured-genre,
.page-category .psyplay-api-popular-grid > .ml-item > .ml-mask > .s2d-featured-genre {
  display: none !important;
}

@media (max-width: 520px) {
  .page-category .movies-list .ml-item-tvshows .mli-info .s2d-card-genres {
    font-size: 9px;
  }
}

/* ========================================================================
   Installed PWA shell fixes. Native APK and the regular mobile website are
   deliberately excluded from this block.
   ======================================================================== */
.s2d-app-home-link {
  display: none;
}

@media screen and (max-width: 1599px) {
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) body > header .header-logo {
    position: absolute !important;
    inset: auto !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 143px !important;
    min-width: 143px !important;
    max-width: 143px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
    contain: none !important;
    line-height: 0 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) body > header .header-logo #logo {
    position: static !important;
    inset: auto !important;
    display: block !important;
    flex: 0 0 143px !important;
    width: 143px !important;
    min-width: 143px !important;
    max-width: 143px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: -1px 0 0 !important;
    padding: 0 !important;
    float: none !important;
    background-position: center center !important;
    background-size: contain !important;
    overflow: visible !important;
    clip-path: none !important;
    line-height: 0 !important;
    transform: none !important;
    pointer-events: none !important;
    cursor: default !important;
    z-index: 1 !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-menu,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-search {
    position: fixed !important;
    top: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #eeeeee !important;
    color: #222b35 !important;
    line-height: 34px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    z-index: 10001 !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link {
    left: 8px !important;
    right: auto !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-menu {
    left: 48px !important;
    right: auto !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-search {
    left: auto !important;
    right: 8px !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) #switch-mode {
    left: auto !important;
    right: 48px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    z-index: 10001 !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) #menu,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) #search {
    pointer-events: auto !important;
    z-index: 10000 !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link i,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-menu i,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-search i {
    margin: 0 !important;
    color: inherit !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk).night-mode .s2d-app-home-link,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk).night-mode .mobile-menu,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk).night-mode .mobile-search,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) body.night-mode .s2d-app-home-link,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) body.night-mode .mobile-menu,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) body.night-mode .mobile-search {
    background: transparent !important;
    color: #f4f8fb !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link {
    overflow: visible !important;
    transition: color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link:active,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link.s2d-home-link-pressed {
    background: rgba(108, 221, 215, .16) !important;
    color: #6cddd7 !important;
    box-shadow: 0 0 0 1px rgba(108, 221, 215, .18), 0 0 14px rgba(108, 221, 215, .22) !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link:active i,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link.s2d-home-link-pressed i {
    animation: s2d-pwa-home-tap .24s cubic-bezier(.34, 1.56, .64, 1) both !important;
  }

  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-menu.active,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-menu[aria-expanded="true"],
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-search.active,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .mobile-search[aria-expanded="true"] {
    background: #6cddd7 !important;
    color: #102326 !important;
    box-shadow: 0 0 0 1px rgba(184, 255, 249, .28), 0 0 16px rgba(108, 221, 215, .28) !important;
  }

  /* Restore the successful 50px header + 8px breathing-room model. */
  html.s2d-app-surface.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) #main.page-detail {
    margin-top: 0 !important;
    padding-top: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  /* Force a real two-column PWA homepage grid after every plugin override. */
  html.s2d-app-surface.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-main .s2d-pwa-popular .psyplay-api-popular-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  html.s2d-app-surface.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-main .s2d-pwa-popular .psyplay-api-popular-grid > .ml-item {
    display: block !important;
    float: none !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

@media screen and (max-width: 639px) {
  /* Collection cards: keep the caption inside the tile and allow two lines. */
  html.s2d-app-surface.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk).s2d-best-ui-v2 .selections-list .selection-block-title {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 8px 12px 7px !important;
    overflow: hidden !important;
    color: #fff !important;
    background: linear-gradient(180deg, transparent 0%, rgba(5, 12, 15, .86) 44%, rgba(5, 12, 15, .96) 100%) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }
}

/* ========================================================================
   Native Android APK shell. Kept separate from the installed PWA and the
   regular responsive website so the PsyPlay browser header stays untouched.
   ======================================================================== */
@media screen and (max-width: 1599px) {
  html.s2d-apk-shell body > header,
  html.s2d-apk-shell body > header .container {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }

  html.s2d-apk-shell body > header .container {
    position: relative !important;
  }

  html.s2d-apk-shell body > header .header-logo {
    position: absolute !important;
    inset: auto !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 143px !important;
    min-width: 143px !important;
    max-width: 143px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
    contain: none !important;
    line-height: 0 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  html.s2d-apk-shell body > header .header-logo #logo {
    position: static !important;
    inset: auto !important;
    display: block !important;
    flex: 0 0 143px !important;
    width: 143px !important;
    min-width: 143px !important;
    max-width: 143px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: -1px 0 0 !important;
    padding: 0 !important;
    float: none !important;
    background-position: center center !important;
    background-size: contain !important;
    overflow: visible !important;
    clip-path: none !important;
    line-height: 0 !important;
    transform: none !important;
    pointer-events: none !important;
    cursor: default !important;
    z-index: 1 !important;
  }

  html.s2d-apk-shell .s2d-app-home-link,
  html.s2d-apk-shell .mobile-menu,
  html.s2d-apk-shell .mobile-search {
    position: fixed !important;
    top: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #e9eef1 !important;
    color: #1e2932 !important;
    line-height: 34px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    z-index: 10001 !important;
  }

  html.s2d-apk-shell .s2d-app-home-link {
    left: 8px !important;
    right: auto !important;
    overflow: visible !important;
    transition: color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
  }

  html.s2d-apk-shell .mobile-menu {
    left: 48px !important;
    right: auto !important;
  }

  html.s2d-apk-shell .mobile-search {
    left: auto !important;
    right: 8px !important;
  }

  html.s2d-apk-shell #switch-mode {
    left: auto !important;
    right: 48px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    z-index: 10001 !important;
  }

  html.s2d-apk-shell #menu,
  html.s2d-apk-shell #search {
    pointer-events: auto !important;
    z-index: 10000 !important;
  }

  html.s2d-apk-shell .s2d-app-home-link i,
  html.s2d-apk-shell .mobile-menu i,
  html.s2d-apk-shell .mobile-search i {
    margin: 0 !important;
    color: inherit !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  html.s2d-apk-shell.night-mode .s2d-app-home-link,
  html.s2d-apk-shell.night-mode .mobile-menu,
  html.s2d-apk-shell.night-mode .mobile-search,
  html.s2d-apk-shell body.night-mode .s2d-app-home-link,
  html.s2d-apk-shell body.night-mode .mobile-menu,
  html.s2d-apk-shell body.night-mode .mobile-search {
    background: transparent !important;
    color: #f4f8fb !important;
  }

  html.s2d-apk-shell .s2d-app-home-link:active,
  html.s2d-apk-shell .s2d-app-home-link.s2d-home-link-pressed {
    background: rgba(108, 221, 215, .16) !important;
    color: #6cddd7 !important;
    box-shadow: 0 0 0 1px rgba(108, 221, 215, .18), 0 0 14px rgba(108, 221, 215, .22) !important;
  }

  html.s2d-apk-shell .s2d-app-home-link:active i,
  html.s2d-apk-shell .s2d-app-home-link.s2d-home-link-pressed i {
    animation: s2d-pwa-home-tap .24s cubic-bezier(.34, 1.56, .64, 1) both !important;
  }

  html.s2d-apk-shell .mobile-menu.active,
  html.s2d-apk-shell .mobile-menu[aria-expanded="true"],
  html.s2d-apk-shell .mobile-search.active,
  html.s2d-apk-shell .mobile-search[aria-expanded="true"] {
    background: #6cddd7 !important;
    color: #102326 !important;
    box-shadow: 0 0 0 1px rgba(184, 255, 249, .28), 0 0 16px rgba(108, 221, 215, .28) !important;
  }

  html.s2d-app-surface.s2d-apk-shell #main.page-detail {
    margin-top: 0 !important;
    padding-top: 58px !important;
  }

  html.s2d-apk-shell.s2d-apk-page-loading body > header .header-logo #logo {
    animation: s2d-apk-header-loading 1.15s ease-in-out infinite alternate !important;
    will-change: opacity, filter;
  }
}

/* Keep broken/empty lazy-load sources invisible until a real poster paints. */
html.s2d-apk-shell .s2d-app-home-main .psyplay-api-popular-grid .ml-mask {
  background-color: #141b1d !important;
}

html.s2d-apk-shell .s2d-app-home-main .psyplay-api-popular-grid img.mli-thumb {
  transition: opacity .18s ease !important;
}

html.s2d-apk-shell .s2d-app-home-main .psyplay-api-popular-grid img.mli-thumb:not(.s2d-listing-image-ready) {
  opacity: 0 !important;
  color: transparent !important;
}

html.s2d-apk-shell .s2d-app-home-main .psyplay-api-popular-grid img.mli-thumb.s2d-listing-image-ready {
  opacity: 1 !important;
}

/*
 * App homepage TV cards: use the same compact caption geometry as the
 * "Most popular TV shows" block on the TV listing page.
 */
html.s2d-app-surface.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info,
html.s2d-apk-shell .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info {
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding-bottom: 6px !important;
  transform: none !important;
}

html.s2d-app-surface.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info .h2,
html.s2d-apk-shell .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info .h2 {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

html.s2d-app-surface.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info .s2d-card-genres,
html.s2d-apk-shell .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info .s2d-card-genres {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 3px !important;
  overflow: hidden !important;
  color: rgba(184, 255, 249, .86) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .82) !important;
  white-space: nowrap !important;
}

@media screen and (max-width: 520px) {
  html.s2d-app-surface.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info .h2,
  html.s2d-apk-shell .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info .h2 {
    font-size: 12px !important;
  }

  html.s2d-app-surface.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info .s2d-card-genres,
  html.s2d-apk-shell .s2d-app-home-main .s2d-pwa-popular .psyplay-api-type-tv .psyplay-api-popular-grid > .ml-item-tvshows .mli-info .s2d-card-genres {
    font-size: 9px !important;
  }
}

@media screen and (max-width: 639px) {
  html.s2d-app-surface.s2d-apk-shell.s2d-best-ui-v2 .selections-list .selection-block-title {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: -webkit-box !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 9px 12px 8px !important;
    overflow: hidden !important;
    color: #fff !important;
    background: linear-gradient(180deg, transparent 0%, rgba(5, 12, 15, .86) 42%, rgba(5, 12, 15, .97) 100%) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}

@keyframes s2d-apk-header-loading {
  0% { opacity: .78; filter: brightness(.92) drop-shadow(0 0 0 rgba(108, 221, 215, 0)); }
  100% { opacity: 1; filter: brightness(1.12) drop-shadow(0 0 6px rgba(108, 221, 215, .34)); }
}

@keyframes s2d-pwa-home-tap {
  0% { transform: translateY(0) scale(1); }
  36% { transform: translateY(2px) scale(.82); }
  72% { transform: translateY(-1px) scale(1.12); }
  100% { transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link,
  html.s2d-pwa-standalone:not(.s2d-native-app):not(.s2d-display-apk) .s2d-app-home-link i {
    animation: none !important;
    transition: none !important;
  }

  html.s2d-apk-shell .s2d-app-home-link,
  html.s2d-apk-shell .s2d-app-home-link i,
  html.s2d-apk-shell.s2d-apk-page-loading body > header .header-logo #logo {
    animation: none !important;
    transition: none !important;
  }
}

/* Footer-only override for Display Controls' global replaced-logo rule. */
@media screen and (max-width: 991px) {
  #footer .col-lg-4.footer-copyright {
    text-align: center !important;
  }

  html.s2d-raster-logo-on #footer .footer-copyright > p.s2d-raster-footer-logo {
    float: none !important;
    text-align: center !important;
  }

  html.s2d-raster-logo-on #footer .footer-copyright #logo-footer.s2d-logo-img-replaced {
    display: inline-block !important;
    float: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    vertical-align: middle !important;
  }
}

/*
 * Regular mobile website only: the menu lives inside the fixed header, so it
 * must own its vertical scroll instead of extending below the viewport.
 * App surfaces keep their existing PWA/APK menu behavior.
 */
@media screen and (max-width: 991px) {
  html:not(.s2d-app-surface):not(.s2d-pwa-standalone):not(.s2d-native-app):not(.s2d-display-apk):not(.s2d-apk-shell) body > header #menu.active {
    position: fixed !important;
    top: 50px !important;
    right: 15px !important;
    bottom: auto !important;
    left: 15px !important;
    width: auto !important;
    height: calc(100vh - 50px) !important;
    max-height: calc(100vh - 50px) !important;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    box-sizing: border-box !important;
    z-index: 9999 !important;
  }
}

@supports (height: 100dvh) {
  @media screen and (max-width: 991px) {
    html:not(.s2d-app-surface):not(.s2d-pwa-standalone):not(.s2d-native-app):not(.s2d-display-apk):not(.s2d-apk-shell) body > header #menu.active {
      height: calc(100dvh - 50px) !important;
      max-height: calc(100dvh - 50px) !important;
    }
  }
}

/* ========================================================================
   Menu geometry and URL-selectable transition previews (build v2).

   Shared:  ?s2d_menu_fx=1..5
   Mobile:  ?s2d_menu_mobile_fx=1..5
   Desktop: ?s2d_menu_desktop_fx=1..5
   ======================================================================== */

/* Mobile menu: occupy the full header column and draw separators edge-to-edge. */
@media screen and (max-width: 991px) {
  body > header #menu {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    box-sizing: border-box !important;
  }

  body > header #menu > ul.top-menu {
    width: 100% !important;
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body > header #menu > ul.top-menu > li {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  body > header #menu > ul.top-menu > li > a {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  body > header #menu .sub-container {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    box-sizing: border-box !important;
  }

  /* Keep the previously fixed regular-browser menu scroll geometry full-width. */
  html:not(.s2d-app-surface):not(.s2d-pwa-standalone):not(.s2d-native-app):not(.s2d-display-apk):not(.s2d-apk-shell) body > header #menu.active {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }

  /* Animation previews keep the closed menu rendered so exit transitions play. */
  html.s2d-menu-mobile-fx body > header #menu {
    position: fixed !important;
    top: 50px !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: calc(100vh - 50px) !important;
    max-height: calc(100vh - 50px) !important;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    box-sizing: border-box !important;
    will-change: opacity, transform;
    z-index: 9999 !important;
  }

  html.s2d-menu-mobile-fx body > header #menu.active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto !important;
  }

  /* Mobile 1: soft fade and lift. */
  html.s2d-menu-mobile-fx-1 body > header #menu {
    transform: translate3d(0, -10px, 0);
    transition: opacity .22s ease, transform .28s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .28s;
  }
  html.s2d-menu-mobile-fx-1 body > header #menu.active {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
  }

  /* Mobile 2: horizontal drawer. */
  html.s2d-menu-mobile-fx-2 body > header #menu {
    transform: translate3d(-100%, 0, 0);
    transition: opacity .18s ease, transform .34s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .34s;
  }
  html.s2d-menu-mobile-fx-2 body > header #menu.active {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
  }

  /* Mobile 3: drop from beneath the header. */
  html.s2d-menu-mobile-fx-3 body > header #menu {
    transform: translate3d(0, -100%, 0);
    transition: opacity .18s ease, transform .36s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .36s;
  }
  html.s2d-menu-mobile-fx-3 body > header #menu.active {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
  }

  /* Mobile 4: compact zoom. */
  html.s2d-menu-mobile-fx-4 body > header #menu {
    transform: scale(.92);
    transform-origin: 50% 0;
    transition: opacity .24s ease, transform .3s cubic-bezier(.16, 1, .3, 1), visibility 0s linear .3s;
  }
  html.s2d-menu-mobile-fx-4 body > header #menu.active {
    transform: scale(1);
    transition-delay: 0s;
  }

  /* Mobile 5: vertical curtain reveal. */
  html.s2d-menu-mobile-fx-5 body > header #menu {
    clip-path: inset(0 0 100% 0);
    transform: translate3d(0, -6px, 0);
    transition: opacity .2s ease, clip-path .38s cubic-bezier(.22, 1, .36, 1), transform .38s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .38s;
  }
  html.s2d-menu-mobile-fx-5 body > header #menu.active {
    clip-path: inset(0 0 0 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
  }
}

@supports (height: 100dvh) {
  @media screen and (max-width: 991px) {
    html.s2d-menu-mobile-fx body > header #menu {
      height: calc(100dvh - 50px) !important;
      max-height: calc(100dvh - 50px) !important;
    }
  }
}

/* Desktop submenu previews. !important safely overrides the legacy JS display toggle. */
@media screen and (min-width: 992px) {
  html.s2d-menu-desktop-fx #menu ul.top-menu > li.menu-item-has-children > .sub-container {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    will-change: opacity, transform;
  }

  html.s2d-menu-desktop-fx #menu ul.top-menu > li.menu-item-has-children:hover > .sub-container,
  html.s2d-menu-desktop-fx #menu ul.top-menu > li.menu-item-has-children:focus-within > .sub-container {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  /* Desktop 1: fade and settle. */
  html.s2d-menu-desktop-fx-1 #menu ul.top-menu > li.menu-item-has-children > .sub-container {
    transform: translate3d(0, 10px, 0);
    transition: opacity .18s ease, transform .24s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .24s;
  }
  html.s2d-menu-desktop-fx-1 #menu ul.top-menu > li.menu-item-has-children:hover > .sub-container,
  html.s2d-menu-desktop-fx-1 #menu ul.top-menu > li.menu-item-has-children:focus-within > .sub-container {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
  }

  /* Desktop 2: slide from the navigation edge. */
  html.s2d-menu-desktop-fx-2 #menu ul.top-menu > li.menu-item-has-children > .sub-container {
    transform: translate3d(-18px, 0, 0);
    transition: opacity .2s ease, transform .28s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .28s;
  }
  html.s2d-menu-desktop-fx-2 #menu ul.top-menu > li.menu-item-has-children:hover > .sub-container,
  html.s2d-menu-desktop-fx-2 #menu ul.top-menu > li.menu-item-has-children:focus-within > .sub-container {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
  }

  /* Desktop 3: anchored zoom. */
  html.s2d-menu-desktop-fx-3 #menu ul.top-menu > li.menu-item-has-children > .sub-container {
    transform: scale(.94);
    transform-origin: 12% 0;
    transition: opacity .2s ease, transform .26s cubic-bezier(.16, 1, .3, 1), visibility 0s linear .26s;
  }
  html.s2d-menu-desktop-fx-3 #menu ul.top-menu > li.menu-item-has-children:hover > .sub-container,
  html.s2d-menu-desktop-fx-3 #menu ul.top-menu > li.menu-item-has-children:focus-within > .sub-container {
    transform: scale(1);
    transition-delay: 0s;
  }

  /* Desktop 4: shallow 3D fold. */
  html.s2d-menu-desktop-fx-4 #menu ul.top-menu > li.menu-item-has-children {
    perspective: 900px;
  }
  html.s2d-menu-desktop-fx-4 #menu ul.top-menu > li.menu-item-has-children > .sub-container {
    transform: rotateX(-13deg) translate3d(0, 7px, 0);
    transform-origin: 50% 0;
    backface-visibility: hidden;
    transition: opacity .2s ease, transform .3s cubic-bezier(.16, 1, .3, 1), visibility 0s linear .3s;
  }
  html.s2d-menu-desktop-fx-4 #menu ul.top-menu > li.menu-item-has-children:hover > .sub-container,
  html.s2d-menu-desktop-fx-4 #menu ul.top-menu > li.menu-item-has-children:focus-within > .sub-container {
    transform: rotateX(0) translate3d(0, 0, 0);
    transition-delay: 0s;
  }

  /* Desktop 5: curtain reveal. */
  html.s2d-menu-desktop-fx-5 #menu ul.top-menu > li.menu-item-has-children > .sub-container {
    clip-path: inset(0 0 100% 0);
    transform: translate3d(0, -5px, 0);
    transition: opacity .18s ease, clip-path .32s cubic-bezier(.22, 1, .36, 1), transform .32s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .32s;
  }
  html.s2d-menu-desktop-fx-5 #menu ul.top-menu > li.menu-item-has-children:hover > .sub-container,
  html.s2d-menu-desktop-fx-5 #menu ul.top-menu > li.menu-item-has-children:focus-within > .sub-container {
    clip-path: inset(0 0 0 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.s2d-menu-mobile-fx body > header #menu,
  html.s2d-menu-desktop-fx #menu ul.top-menu > li.menu-item-has-children > .sub-container {
    transition: none !important;
  }
}

/*
 * Phone/tablet landscape can cross the theme's 991px desktop breakpoint while
 * still using the touch menu. Keep submenu labels identical to portrait light
 * mode and override the desktop sticky-hover color (#333) only in that case.
 */
@media screen and (orientation: landscape) and (hover: none) and (pointer: coarse) {
  html:not(.night-mode) body:not(.night-mode) > header #menu .sub-container ul.sub-menu li a,
  html:not(.night-mode) body:not(.night-mode) > header #menu ul.top-menu li:hover .sub-container ul.sub-menu li a {
    color: #ccc !important;
    opacity: 1 !important;
  }
}

/* ========================================================================
   Listing poster geometry and desktop column-count preview.
   ======================================================================== */
@media screen and (max-width: 991px), screen and (hover: none) and (pointer: coarse) {
  .page-category .movies-list-full > .ml-item {
    height: auto !important;
    aspect-ratio: 2 / 3;
    background: #111;
  }

  .page-category .movies-list-full > .ml-item > .ml-mask,
  .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb {
    width: 100% !important;
    height: 100% !important;
  }

  .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb {
    display: block !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

@media screen and (min-width: 992px) {
  html.s2d-listing-cols-5 .page-category .movies-list-full,
  html.s2d-listing-cols-6 .page-category .movies-list-full,
  html.s2d-listing-cols-7 .page-category .movies-list-full {
    display: grid !important;
    align-items: start;
    gap: 28px 24px;
    margin: 0 !important;
  }

  html.s2d-listing-cols-5 .page-category .movies-list-full {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  html.s2d-listing-cols-6 .page-category .movies-list-full {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  html.s2d-listing-cols-7 .page-category .movies-list-full {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  html.s2d-listing-cols-5 .page-category .movies-list-full > .ml-item,
  html.s2d-listing-cols-6 .page-category .movies-list-full > .ml-item,
  html.s2d-listing-cols-7 .page-category .movies-list-full > .ml-item {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    aspect-ratio: 2 / 3;
    background: #111;
  }

  html.s2d-listing-cols-5 .page-category .movies-list-full > .ml-item > .ml-mask,
  html.s2d-listing-cols-6 .page-category .movies-list-full > .ml-item > .ml-mask,
  html.s2d-listing-cols-7 .page-category .movies-list-full > .ml-item > .ml-mask,
  html.s2d-listing-cols-5 .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb,
  html.s2d-listing-cols-6 .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb,
  html.s2d-listing-cols-7 .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb {
    width: 100% !important;
    height: 100% !important;
  }

  html.s2d-listing-cols-5 .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb,
  html.s2d-listing-cols-6 .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb,
  html.s2d-listing-cols-7 .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb {
    display: block !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  html.s2d-listing-cols-5 .page-category .movies-list-full > .clearfix,
  html.s2d-listing-cols-6 .page-category .movies-list-full > .clearfix,
  html.s2d-listing-cols-7 .page-category .movies-list-full > .clearfix {
    display: none !important;
  }

  html.s2d-listing-cols-5 .page-category .movies-list-full > .filters_loader,
  html.s2d-listing-cols-6 .page-category .movies-list-full > .filters_loader,
  html.s2d-listing-cols-7 .page-category .movies-list-full > .filters_loader {
    grid-column: 1 / -1;
  }
}

/* Series hero: keep faces at the top; losing a little of the bottom is safer. */
#mv-info.single-tvshows2-layout #content-cover,
.single-tvshows2-layout #content-cover {
  background-position: 50% 0 !important;
}
/* Desktop listing pages use the viewport instead of Bootstrap's fixed box. */
@media screen and (min-width: 992px) {
  html.s2d-listing-cols-5 #main.page-category > .container,
  html.s2d-listing-cols-6 #main.page-category > .container,
  html.s2d-listing-cols-7 #main.page-category > .container {
    width: 100% !important;
    max-width: none !important;
    padding-right: clamp(18px, 2.25vw, 44px) !important;
    padding-left: clamp(18px, 2.25vw, 44px) !important;
  }

  html.s2d-listing-cols-5 .page-category .movies-list-full,
  html.s2d-listing-cols-6 .page-category .movies-list-full,
  html.s2d-listing-cols-7 .page-category .movies-list-full {
    width: 100% !important;
    max-width: none !important;
    gap: clamp(18px, 1.45vw, 28px) clamp(14px, 1.2vw, 24px) !important;
  }
}

/* Poster-edge preview base. It never changes the 2:3 card geometry. */
html[class*="s2d-poster-edge-"] .page-category .movies-list-full > .ml-item {
  box-sizing: border-box !important;
  isolation: isolate;
  transition: transform .28s cubic-bezier(.2,.75,.25,1),
              box-shadow .28s ease,
              filter .28s ease !important;
}

html[class*="s2d-poster-edge-"] .page-category .movies-list-full > .ml-item > .ml-mask,
html[class*="s2d-poster-edge-"] .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb {
  border-radius: inherit !important;
}

@media (hover: hover) and (pointer: fine) {
  html[class*="s2d-poster-edge-"] .page-category .movies-list-full > .ml-item:hover {
    transform: none !important;
  }
}

/* 1 — quiet elevated glass edge. */
html.s2d-poster-edge-1 .page-category .movies-list-full > .ml-item {
  border: 1px solid rgba(255, 255, 255, .34) !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .24) inset,
              0 14px 34px rgba(14, 24, 38, .18) !important;
}

/* 2 — restrained Soap2Day cyan aura. */
html.s2d-poster-edge-2 .page-category .movies-list-full > .ml-item {
  border: 1px solid rgba(88, 224, 218, .7) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 0 1px rgba(88, 224, 218, .14),
              0 0 24px rgba(52, 203, 197, .24),
              0 16px 30px rgba(13, 27, 39, .2) !important;
}

/* 3 — aurora gradient ring without a pseudo-element overlay. */
html.s2d-poster-edge-3 .page-category .movies-list-full > .ml-item {
  border: 2px solid transparent !important;
  border-radius: 16px !important;
  background:
    linear-gradient(#101417, #101417) padding-box,
    linear-gradient(135deg, #6cddd7 0%, #7c8cff 48%, #e56ed8 100%) border-box !important;
  box-shadow: 0 15px 34px rgba(25, 31, 54, .24) !important;
}

html.s2d-poster-edge-3 .page-category .movies-list-full > .ml-item > .ml-mask {
  top: 2px !important;
  left: 2px !important;
  width: calc(100% - 4px) !important;
  height: calc(100% - 4px) !important;
  border-radius: 13px !important;
}

/* 4 — squircle-style soft shell, with a safe radius fallback. */
html.s2d-poster-edge-4 .page-category .movies-list-full > .ml-item {
  border: 1px solid rgba(120, 139, 160, .38) !important;
  border-radius: 26px !important;
  box-shadow: 0 20px 42px rgba(10, 18, 30, .22),
              0 1px 0 rgba(255, 255, 255, .28) inset !important;
}

@supports (corner-shape: squircle) {
  html.s2d-poster-edge-4 .page-category .movies-list-full > .ml-item {
    corner-shape: squircle;
  }
}

/* 5 — compact chamfered tech edge. */
html.s2d-poster-edge-5 .page-category .movies-list-full > .ml-item {
  border: 1px solid rgba(108, 221, 215, .5) !important;
  border-radius: 0 !important;
  clip-path: polygon(
    0 12px, 12px 0,
    calc(100% - 12px) 0, 100% 12px,
    100% calc(100% - 12px), calc(100% - 12px) 100%,
    12px 100%, 0 calc(100% - 12px)
  );
  box-shadow: 0 16px 34px rgba(8, 19, 28, .25) !important;
}

html.s2d-poster-edge-5 .page-category .movies-list-full > .ml-item > .ml-mask,
html.s2d-poster-edge-5 .page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb {
  border-radius: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  html[class*="s2d-poster-edge-"] .page-category .movies-list-full > .ml-item {
    transition: none !important;
  }

  html[class*="s2d-poster-edge-"] .page-category .movies-list-full > .ml-item:hover {
    transform: none !important;
  }
}

/* ========================================================================
   Listing headings, motionless poster hover, and temporarily disabled qTip.
   ======================================================================== */

/* Match the exact horizontal inset already used by Most popular... content. */
.page-category .movies-list-wrap {
  --s2d-listing-heading-inset: max(0px, calc(50% - 650px));
}

@media screen and (min-width: 1600px) {
  .page-category .movies-list-wrap {
    --s2d-listing-heading-inset: max(0px, calc(50% - 790px));
  }
}

@media screen and (min-width: 1200px) and (max-width: 1325px) {
  .page-category .movies-list-wrap {
    --s2d-listing-heading-inset: max(0px, calc(50% - 585px));
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .page-category .movies-list-wrap {
    --s2d-listing-heading-inset: max(0px, calc(50% - 485px));
  }
}

@media screen and (max-width: 991px) {
  .page-category .movies-list-wrap {
    --s2d-listing-heading-inset: 15px;
  }
}

.page-category .movies-list-wrap .ml-title-page {
  box-sizing: border-box !important;
  padding-right: var(--s2d-listing-heading-inset) !important;
  padding-left: var(--s2d-listing-heading-inset) !important;
}

.page-category .movies-list-wrap h2.movies-list-subtitle {
  margin-right: var(--s2d-listing-heading-inset) !important;
  margin-left: var(--s2d-listing-heading-inset) !important;
}

/* Poster hover may darken through .ml-mask::before, but must never move. */
.page-category .movies-list .ml-item,
.page-category .movies-list .ml-item:hover,
.page-category .movies-list .ml-item .ml-mask,
.page-category .movies-list .ml-item .ml-mask:hover,
.page-category .movies-list .ml-item .ml-mask img,
.page-category .movies-list .ml-item .ml-mask:hover img,
.page-category .movies-list .ml-item img.mli-thumb,
.page-category .movies-list .ml-item:hover img.mli-thumb {
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  transform: none !important;
}

html[class*="s2d-poster-edge-"] .page-category .movies-list-full > .ml-item {
  transition: box-shadow .28s ease, filter .18s ease, opacity .18s ease !important;
}

/* qTip is intentionally disabled until its behaviour is redesigned. */
.qtip,
div.qtip {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ========================================================================
   Zero-shift category cards.

   The grid item owns the final 2:3 geometry from the first paint. Every real
   card child is absolutely positioned inside that reserved box, so image
   decode, lazy-load callbacks, skeleton state and font/image timing cannot
   change a row height or move the rating/caption. Ready state is visual only.
   ======================================================================== */
.page-category .movies-list-full > .ml-item,
.page-category .movies-list-full > .ml-item.s2d-skeleton-card,
.page-category .movies-list-full > .ml-item.s2d-skeleton-loading,
.page-category .movies-list-full > .ml-item.s2d-skeleton-ready {
  --s2d-listing-card-radius: 5px;
  position: relative !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 2 / 3 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: var(--s2d-listing-card-radius) !important;
  outline: 0 !important;
  overflow: hidden !important;
  background: #111 !important;
  box-shadow: none !important;
  align-self: start !important;
  justify-self: stretch !important;
  contain: layout paint !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* The retired edge-preview classes can remain on <html> in cached markup.
   Neutralise them with equal/higher specificity so they cannot add a border,
   glow, padding-box background or clip-path after the first paint. */
html[class*="s2d-poster-edge-"] .page-category .movies-list-full > .ml-item,
html.s2d-poster-edge-1 .page-category .movies-list-full > .ml-item,
html.s2d-poster-edge-2 .page-category .movies-list-full > .ml-item,
html.s2d-poster-edge-3 .page-category .movies-list-full > .ml-item,
html.s2d-poster-edge-4 .page-category .movies-list-full > .ml-item,
html.s2d-poster-edge-5 .page-category .movies-list-full > .ml-item {
  border: 0 !important;
  border-radius: var(--s2d-listing-card-radius) !important;
  clip-path: none !important;
  corner-shape: initial !important;
  background: #111 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

html.s2d-poster-edge-3 .page-category .movies-list-full > .ml-item > .ml-mask {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
}

.page-category .movies-list-full > .ml-item > .ml-mask,
.page-category .movies-list-full > .ml-item.s2d-skeleton-card > .ml-mask,
.page-category .movies-list-full > .ml-item.s2d-skeleton-loading > .ml-mask,
.page-category .movies-list-full > .ml-item.s2d-skeleton-ready > .ml-mask {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  outline: 0 !important;
  overflow: hidden !important;
  background: #111 !important;
  box-shadow: none !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

.page-category .movies-list-full > .ml-item > .ml-mask > img.mli-thumb,
.page-category .movies-list-full > .ml-item > .ml-mask > img.thumb.mli-thumb {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  outline: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  vertical-align: top !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  transform: none !important;
  animation: none !important;
  transition: opacity .18s ease !important;
}

/* Caption and badges use the card box, never the image's intrinsic box. */
.page-category .movies-list-full > .ml-item > .ml-mask > .mli-info {
  position: absolute !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 0 var(--s2d-listing-card-radius) var(--s2d-listing-card-radius) !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  transform: none !important;
  animation: none !important;
  transition: opacity .18s ease !important;
}

.page-category .movies-list-full > .ml-item > .ml-mask > .mli-info > .h2,
.page-category .movies-list-full > .ml-item > .ml-mask > .mli-info > h2,
.page-category .movies-list-full > .ml-item > .ml-mask > .mli-info > .s2d-card-genres {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

.page-category .movies-list-full > .ml-item > .ml-mask > .mli-add {
  position: absolute !important;
  top: 10px !important;
  right: auto !important;
  bottom: auto !important;
  left: 10px !important;
  box-sizing: border-box !important;
  width: max-content !important;
  max-width: calc(100% - 20px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  translate: none !important;
  rotate: none !important;
  scale: none !important;
  transform: none !important;
  animation: none !important;
  transition: opacity .18s ease !important;
}

.page-category .movies-list-full > .ml-item > .ml-mask > .mli-add > span {
  box-sizing: border-box !important;
  margin: 0 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* Older cached Display Controls may still append a skeleton node. It remains
   a paint-only overlay and can never participate in grid sizing. */
.page-category .movies-list-full > .ml-item > .s2d-skeleton-layer {
  display: none !important;
  position: absolute !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* Keep only the existing darkening interaction. */
.page-category .movies-list-full > .ml-item > .ml-mask::before {
  border-radius: inherit !important;
  transform: none !important;
  transition: opacity .18s ease !important;
}

@media screen and (min-width: 992px) {
  html.s2d-listing-cols-5 .page-category .movies-list-full,
  html.s2d-listing-cols-6 .page-category .movies-list-full,
  html.s2d-listing-cols-7 .page-category .movies-list-full {
    grid-auto-flow: row !important;
    align-items: start !important;
  }

  html.s2d-listing-cols-5 .page-category .movies-list-full > .ml-item,
  html.s2d-listing-cols-6 .page-category .movies-list-full > .ml-item,
  html.s2d-listing-cols-7 .page-category .movies-list-full > .ml-item {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}