html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:10px;height:100%}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#000;border-left:0}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px}::-webkit-scrollbar-thumb:hover{background-color:#aaa}.tableform ::-webkit-input-placeholder{color:#000}.tableform ::-moz-placeholder{color:#000}.tableform :-moz-placeholder{color:#000}.tableform :-ms-input-placeholder{color:#000}body{font:12px/16px Tahoma,verdana,sans-serif;height:100%;margin:0;background:#000}.wrapper{width:100%;min-width:320px;min-height:100%;height:auto!important}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}select{height:20px}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}body.adblock .adblock{display:none!important}.banner-sidebar{position:relative}.banner-sidebar .close-banner{position:absolute;top:0;right:0;width:20px;height:20px;display:block;font-size:16px;font-weight:700;background-color:#202020;border-radius:20px;color:#E0DFDC;text-align:center;line-height:17px;cursor:pointer}.is_stuck{margin:60px 0 10px}@media print{*,*:before,*:after{text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.table{border-collapse:collapse!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}figure{margin:0}img{vertical-align:middle;max-width: 100%}input,textarea{outline:0}input:active,textarea:active{outline:0}:focus{outline:0}h1{font-size:16px}h2{font-size:15px}h2 a{text-decoration:none}h3{font-size:14px}a{text-decoration:none}a:hover,a:focus{text-decoration:none}.clr{clear:both}.inner{opacity:.8;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}.inner:hover{opacity:1}.inner a img{width:138px;height:207px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.fbutton,span.fbutton{text-decoration:none;padding:2px 7px 3px 7px;cursor:pointer}.fbutton-img,span.fbutton-img{text-decoration:none;padding:4px 7px 0 7px;cursor:pointer}.f_input{height:22px;margin:4px 0;padding:0 10px}.fbutton a{text-decoration:none}#comments{margin:4px 0}#dle-captcha{float:left;width:230px;position:relative}#dle-captcha a{position:absolute;background:url(../images/refresh-sec-code.png) center center no-repeat;height:40px;width:40px;text-indent:-99999px;display:block;border:1px solid #404040;margin:0 0 0 4px;top:0;right:5px}#dle-captcha img{float:left;height:90px;width:auto}.sec-code-img{float:left}.sec-code-input{float:left}.sec-code-input input{height:40px;margin:0}.btn-default,span.btn-default{text-decoration:none;padding:2px 7px 3px 7px;cursor:pointer;font-size:14px;border-radius:3px}.btn-default:hover,.btn-default:focus{text-decoration:none}.btn-modal{display:block;height:30px;line-height:30px;padding:0;text-align:center;margin:4px 0}.button.b-close{position:absolute;right:-30px;display:block;top:50%;width:50px;height:50px;margin:-25px 0 0 0;border-radius:50%;background-color:#000;text-align:center;line-height:40px;font-size:18px;font-weight:700;color:#BA0606;border:5px solid #252525;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;cursor:pointer}.button.b-close:hover{color:#FFF}.contentm,.simplemodal-container{width:520px;height:300px;background-color:#212121;padding:10px;border-radius:10px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.simplemodal-container{z-index:100000!important;height:370px;width:270px}.simplemodal-overlay{background-color:#000;z-index:99999!important}.contentm iframe{width:100%;height:100%}.comment-block{padding:5px 10px 0;overflow:auto}.comment-block .comm-num{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5NTg1NUE2QUVFQjExRTQ4NUNGQkRCRDFBMzZCN0M2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5NTg1NUE3QUVFQjExRTQ4NUNGQkRCRDFBMzZCN0M2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTk1ODU1QTRBRUVCMTFFNDg1Q0ZCREJEMUEzNkI3QzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTk1ODU1QTVBRUVCMTFFNDg1Q0ZCREJEMUEzNkI3QzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4KVx34AAAB9ElEQVR42oxSz2sTQRR+M/M2m023hhITf6SkogcPPShV8KZUBM/iyYsX8RAED/4HInrwDxDBg+BBwaIXf4En/4Eqoqc1VQyxm3brlqZms8nuzPhmraht0vrB7LL7vu+bN/M9Nnf1/Gml1GXO+SwAKFoMRkATGGNcK+0xzq4hfd/aU6uV0bKufGs02lyIkWKZJKoyNZXPWfZ1/+uXG0j/qrZtP+11oydkBNuBCQG99XWwy/lJ6uAm0kM3PY8znkFtJxYk7nY60F1bQ9MhzxxJtfEedtB/Pg11g69/iRjL1mYoJcEZ37XF9DeXww4QlgWThw5CkiRbaplYSqkpLhh1YbmcBcWJouGB4UmZ6uyUxqBS3T+Y2F2iLuWQ1hWMjbswPXME+r0YHLcA5eq+2NSQtuw4rjuLKI6Gy8HSpiHhdL6IOgpTapuM7GKptLcw5p777i83TVS3W42FOlq5lxRF928x1dggigKaprpW8h1d60zYDu6sSL9MpToS4wE5vxrE8UkueNFE8EfMZb8XXWp6C/dPnDl19vDxYwXv7fx03nEuUM7PzIQpclligs0NuywivQ789ouP8+/vVWoHHrY8z0/6cdNEjbAzFhHxYuvT58erQfhIoHijUrGoKBn+H2IzJB+0Vnd/rIYrMk2fc0Tf7PxTgAEAA3POLlPqWQUAAAAASUVORK5CYII=) no-repeat;background-size:15px 15px;padding-left:20px}.comment-block a{text-decoration:none}.comment-block .ava{float:left;width:60px;margin:0 15px 10px 0;position:relative}.comment-block .ava-overflow{float:left;width:60px;height:60px;overflow:hidden;margin:2px 0 0}.comment-block .ava .lvl{width:32px;height:30px;display:block;position:absolute;right:-7px;bottom:-10px}.comment-block.l3 .ava .lvl,.comment-block.l4 .ava .lvl,.comment-block.l5 .ava .lvl{bottom:auto;top:-10px;right:-4px}.comment-block.l1 .ava .lvl{background:url(../images/lvl.png) 0 0 no-repeat}.comment-block.l2 .ava .lvl{background:url(../images/lvl.png) 0 -30px no-repeat}.comment-block.l3 .ava .lvl{background:url(../images/lvl.png) 0 -60px no-repeat}.comment-block.l4 .ava .lvl{background:url(../images/lvl.png) 0 -90px no-repeat}.comment-block.l5 .ava .lvl{background:url(../images/lvl.png) 0 -120px no-repeat}.comment-block .ava img{max-width:100%;float:left;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}.comment-block .comment{text-align:left;margin-left:75px;margin-top:10px;margin-bottom:10px}.comment-block .selectmass .menu-comment{margin:0 10px 0 0}.comment-block .dark-grey{color:#414243}.comment-block .selectmass .menu-comment a:hover{text-decoration:underline}.comment-block .comment{text-align:left;margin-left:75px;margin-top:10px;margin-bottom:10px}.user-info{padding:15px 0 0 0}.user-info .lcol{float:left;width:120px}.user-info .lcol img{width:100px;height:auto;border-radius:2px}.user-info .rcol{padding:0 0 0 120px}.user-info .rcol ul{margin:0;padding:0}.user-info .rcol ul li{list-style:none}.search-block{border-bottom:1px solid #454545}.search{padding:15px;position:relative;border-bottom:1px solid #0f0f0f}.search-input-box{padding:0 150px 0 0}.search #searchinput{border:0 none;border-radius:5px 0 0 5px;font-size:18px;height:34px;margin:0;width:100%;padding:3px 12px}.search #dosearch{border:0 none;border-radius:0 5px 5px 0;font-size:18px;height:34px;cursor:pointer;padding:0 12px;float:right;width:148px;position:absolute;top:15px;right:15px}.viewed-title{padding:10px;font-size:16px;font-weight:700;color:#787b7d;text-align:center;border-bottom:1px solid #0f0f0f}.viewed-subtitle{padding:10px 20px;font-size:14px;font-weight:700;color:#ffa936;border-top:1px solid #454545;border-bottom:1px solid #0f0f0f}.viwed-block{padding:20px 0;border-top:1px solid #454545}.viewed-box{border-top:1px solid #262626;border-bottom:1px solid #1d1d1d;padding:10px 20px}.viewed-box:first-child{border-top:0}.viewed-box:last-child{border-bottom:0}.viewed-col-1,.viewed-col-2{width:65%;position:relative;min-height:1px;float:left}.viewed-col-2{width:35%}.viewed-poster{float:left;width:30px;height:40px}.viewed-poster img{width:30px;height:auto;border:1px solid #000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.viewed-item{padding:0 10px 0 40px}.viewed-item p{margin:0}.viewed-item p.viewed-item-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;margin:3px 0 5px 0}.viewed-item p.viewed-item-title a{color:#CCC}.viewed-item p.viewed-item-title a:hover{color:#ffe000}.viewed-item p.viewd-date-time{font-size:11px;color:#6a6c6e}.viewed-item p.viewd-date-time i{font-size:16px;color:#505050;position:relative;top:2px}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.viewed-progress{position:relative}.progress-bar,.viewed-progress .play-viewed{-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}.viewed-progress:hover .progress .progress-bar{opacity:.2}.viewed-progress:hover .play-viewed{opacity:1}.viewed-progress .play-viewed{opacity:0;position:absolute;top:-8px;left:50%;margin:0 0 0 -20px;font-size:40px;color:#de9432}.progress{height:24px;margin-bottom:10px;overflow:hidden;background-color:#272727;border-radius:4px;-webkit-box-shadow:0 5px 29px -1px rgba(0,0,0,.3);-moz-box-shadow:0 5px 29px -1px rgba(0,0,0,.3);box-shadow:0 5px 29px -1px rgba(0,0,0,.3);display:inline-block;vertical-align:baseline;width:100%}.progress-bar{float:left;width:0;height:100%;font-size:18px;font-weight:700;line-height:24px;color:#BDBDBD;text-align:center;text-shadow:1px 1px 4px rgba(0,0,0,.3);background-color:#4e4e4e;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.premiere-title{width:100%;padding:10px 0 5px 0;text-align:center}.premiere-title h1{margin:0 10px;font-size:16px}.premiere .selectbox{padding:15px}.premiere .month{padding:12px 0 12px 20px}.premiere .month span{font-size:15px;font-weight:700}.premiere .month span a{text-decoration:none;outline:none}.prem,.top-rating{position:relative}.prem:last-child,.top-rating:last-child{border-bottom:0}.prem .title h2,.top-rating .title h2{margin:0 0 12px}.prem .info,.top-rating .info{padding:10px 160px 10px 10px}.prem .info .poster,.top-rating .info .poster{float:left;position:relative;margin:0 0 10px}.prem .databox{padding:0 0 0 110px}.top-rating .databox{padding:0 0 0 130px}.prem .databox h2 a,.top-rating .databox h2 a{text-decoration:none}.prem .poster .poster-box{width:100px;height:150px;position:relative;display:inline-block}.prem .poster img{float:left;width:100px;height:auto;border-radius:4px}.top-rating .poster img{float:left;width:120px;height:auto;border-radius:4px}.prem-right,.top-rating-right{position:absolute;right:0;top:0}.prem-right-box,.top-rating-right-box{position:relative;width:160px;display:block;height:150px}.top-rating-right-box{height:190px}.prem .premdate,.top-rating .num{width:100%;position:absolute;text-align:center;top:50%;left:0;margin:-25px 0 0}.top-rating .num{margin:-47px 0 0}.top-rating .num .n{display:block;font-size:40px;line-height:84px;width:95px;height:95px;border-radius:50%}.prem .premdate .d{display:block;font-size:50px;line-height:60px;width:100%}.prem .premdate .m{font-size:20px;width:100%}.prem .rating,.top-rating .rating{margin:0 0 10px}.prem .favorite,.top-rating .favorite{float:right;margin:0 6px 0 0}.prem .lenta{right:0;bottom:3px;top:auto}.prem .lenta .cont{font-size:10px;height:15px}.prem .lenta .edge-left{border-width:8px}.prem ul.list,.top-rating ul.list{margin:0;padding:0;display:inline}.prem ul.list li,.top-rating ul.list li{list-style:none;display:inline-block}.playTrailer{bottom:3px;left:3px;width:19px;height:14px;overflow:hidden;position:absolute;cursor:pointer;display:none}.catlink,.country,.mpaa-rating{display:inline-block;cursor:default}.mpaa-rating-1 span,.mpaa-rating-2 span,.mpaa-rating-3 span,.mpaa-rating-4 span,.mpaa-rating-5 span{display:block;height:11px;text-indent:-99999px;position:relative;top:3px}.mpaa-rating-1 span{background:url(../images/mpaa/G.gif) 0 0 no-repeat;width:12px}.mpaa-rating-2 span{background:url(../images/mpaa/PG.gif) 0 0 no-repeat;width:21px}.mpaa-rating-3 span{background:url(../images/mpaa/PG-13.gif) 0 0 no-repeat;width:35px}.mpaa-rating-4 span{background:url(../images/mpaa/R.gif) 0 0 no-repeat;width:12px}.mpaa-rating-5 span{;background:url(../images/mpaa/NC-17.gif) 0 0 no-repeat;width:36px}.header-fixed{position:fixed;width:100%;left:0;top:0;height:52px;z-index:99999}.logo{float:left;margin:4px 0 0 4px}.logo .logotype{background:url(../images/logo.png) 0 0 no-repeat;float:left;width:208px;height:52px;overflow:hidden;display:block;background-size:contain}.top-search-box{float:left;margin:3px 0 0 20px}.top-search-box input{width:210px;float:left;height:22px;box-sizing:border-box;padding:0 40px 0 8px;margin:1px 0 0 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn-dark{text-decoration:none;height:20px;padding:0 11px 0 11px;line-height:0;font-size:14px;border-top:0;border-right:0;border-bottom:0;cursor:pointer;text-transform:uppercase;background:rgba(241,241,241,1);background:-moz-linear-gradient(top,rgba(241,241,241,1) 0%,rgba(245,245,245,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(241,241,241,1)),color-stop(100%,rgba(245,245,245,1)));background:-webkit-linear-gradient(top,rgba(241,241,241,1) 0%,rgba(245,245,245,1) 100%);background:-o-linear-gradient(top,rgba(241,241,241,1) 0%,rgba(245,245,245,1) 100%);background:-ms-linear-gradient(top,rgba(241,241,241,1) 0%,rgba(245,245,245,1) 100%);background:linear-gradient(to bottom,rgba(241,241,241,1) 0%,rgba(245,245,245,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#f5f5f5',GradientType=0);-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.btn-dark:hover{background:rgba(249,249,249,1);background:-moz-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(212,212,212,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(249,249,249,1)),color-stop(100%,rgba(212,212,212,1)));background:-webkit-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(212,212,212,1) 100%);background:-o-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(212,212,212,1) 100%);background:-ms-linear-gradient(top,rgba(249,249,249,1) 0%,rgba(212,212,212,1) 100%);background:linear-gradient(to bottom,rgba(249,249,249,1) 0%,rgba(212,212,212,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#d4d4d4',GradientType=0)}.top-search-box .btn-dark{margin:2px 0 0 -37px}.user-panel{float:right;font-size:13px;margin:0 10px 0 0;text-align:right}.user-panel .log-in{float:left;padding:5px 0 0 10px}.user-panel .log-in a{margin:0 3px}.user-panel .log-in i{color:#555;margin:0 3px 0 0}.btn-user i,.btn-reg i{font-size:16px;position:relative;top:1px}.btn-fav i{font-size:14px;color:#FF0!important}.btn-fav i{color:#ffae00!important}.btn-pm i{font-size:14px}.btn-pm.active,.btn-pm.active i{color:#00E013!important}.btn-sing i{font-size:18px;position:relative;top:2px}.authorization-box{padding:2px 0 0 10px}.authorization-box input[type="text"],.authorization-box input[type="password"]{height:30px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:3px;padding:0 10px;width:240px}.authorization-box .message{color:#fff;display:none;border-radius:3px;background-color:#b52b38;border:1px solid #6B0D1C;margin:0 8px 10px;padding:7px 10px}.authorization-box p{text-align:center;margin:0}.authorization-box p.lost-pass{text-align:center;margin:8px 0 0 0}.modal-ava-block{text-align:center}.modal-ava{overflow:hidden;height:150px;width:150px;border-radius:100%;display:inline-block;border:4px solid #101010}.modal-ava img{max-width:100%}.modal-list{margin:0;padding:0}.modal-list li{list-style:none;border-bottom:1px dashed #656565;padding:8px 0}.modal-list li b{color:#ccc}.save-pass{color:#ccc;margin:0 10px 0 0}.save-pass input[type="checkbox"]{position:relative;top:2px}.prelouder{display:none;position:absolute;width:100%;height:101%;left:0;top:-1px;z-index:100;background-color:#454545;border-top:1px solid #656565}.prelouder i{position:absolute;left:50%;top:50%;margin:-25px 0 0 -25px;color:#656565;font-size:50px}.user-hover{position:absolute;bottom:20px;left:0;display:block;background:#505050;width:400px;padding:7px;border:1px solid rgba(0,0,0,.05);box-shadow:0 5px 40px rgba(0,0,0,.3),0 5px 20px rgba(0,0,0,.3);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:1}.head-user-hover{background:#333;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;position:relative;float:left;width:100%}.head-user-hover h2,.head-user-hover p{padding:0 0 0 100px}.head-user-hover h2{font-size:22px;font-weight:400;margin:20px 0 0 0}.head-user-hover p{margin:5px 0 15px 0;color:#fff}.ava-user-hover{position:absolute;left:10px;top:15px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:76px;height:76px;overflow:hidden;display:block}.ava-user-hover img{width:76px;height:auto}.body-user-hover{padding:0 0 0 100px}.body-user-hover ul{margin:0;padding:80px 0 8px 0}.body-user-hover ul li{list-style:none;padding:2px 0;color:#E2DCDC}.body-user-hover ul strong{color:#868686}.footer-user-hover{background:#5A5A5A}.footer-user-hover ul{margin:0;padding:0;width:100%;float:left}.footer-user-hover ul li{list-style:none;padding:10px}.footer-user-hover ul li:first-child{float:left}.footer-user-hover ul li:last-child{float:right}.footer-user-hover a{color:#CFD6D6}.footer-user-hover a:hover{color:#ffe000}.caret-user-hover{position:absolute;bottom:-28px;left:27px;font-size:46px;color:#505050}.header-absolute{position:absolute;top:0;width:100%}.header-absolute-box{position:relative}.branding .header{padding:300px 0 0 0}.skinstyle-top{position:absolute;top:-26px;right:0;margin:0;padding:0;border-spacing:0;list-style-type:none;z-index:1;opacity:.3;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}.skinstyle-top.player{top:3px;right:164px}.skinstyle-top:hover{opacity:1}.footer-menu li.skinstyle-bottom{display:none;margin:10px 0 0 0}.over-slider-menu{position:absolute;top:-28px;left:0;margin:0;padding:0;border-spacing:0;list-style-type:none;z-index:1}.over-slider-menu li{float:left;margin:0 2px 0 0}.over-slider-menu li a{display:block;padding:4px 20px 0 20px;height:28px;border-top-left-radius:7px;border-top-right-radius:7px;text-decoration:none;font-size:12px;font-weight:700;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}.slider-main-box{height:227px;border-radius:0 10px 10px 10px;overflow:hidden;padding:0 9px;position:relative}.slider-hide{display:block;min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2001;border-radius:0 10px 10px 10px}.slider-main-box .slide a{width:138px;height:auto;display:block;border-radius:5px;position:relative}.slider-main-box .slider{position:relative}.slider-main-box .quality{position:absolute;bottom:4px;right:5px;height:18px;padding:0 4px;text-align:center;line-height:18px;border-radius:5px;font-weight:700;font-size:12px}.slider-main-box .playTrailer{bottom:4px;left:4px;width:19px;height:14px;overflow:hidden;position:absolute;cursor:pointer}.horizontal-menu ul{position:absolute;width:670px;left:-1px;top:-35px;z-index:1}.horizontal-menu ul{float:left;margin:0;padding:0}.horizontal-menu ul li{float:left;list-style:none;position:relative}.horizontal-menu ul li a{display:block;padding:8px 13px 9px;border-top-left-radius:7px;border-top-right-radius:7px;text-decoration:none;font-size:13px;font-weight:700;border-bottom:1px solid #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}.hotnum{background-color:#fc000f;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;display:block;padding:0 4px;text-align:center;line-height:15px;position:absolute;right:-5px;top:-5px;color:#fff;z-index:1;-moz-box-shadow:0 0 5px 5px #888;-webkit-box-shadow:0 0 5px 5px #888;box-shadow:0 0 5px 2px rgba(0,0,0,.5);text-shadow:1px 1px 2px #000}.social-likes-block{position:absolute;top:-34px;right:-1px}.social-likes-box{height:33px;display:block;padding:5px 14px;float:right;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius:7px;border-top-right-radius:7px;text-decoration:none}.btn-mobile-menu,.btn-mobile-search,.btn-mobile-user{float:left;font-size:24px;height:30px;width:30px;line-height:29px;text-align:center;margin:0 10px;cursor:pointer;display:none}.btn-mobile-search{font-size:20px;margin:0}.btn-mobile-user{float:right}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:6px;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{min-height:16.42857143px;padding:15px}.modal-header h4{font-size:16px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:center}.modal-footer .btn + .btn{margin-bottom:0;margin-left:5px}.modal-footer a + a{margin-top:5px}.modal-footer .btn-group .btn + .btn{margin-left:-1px}.modal-footer .btn-block + .btn-block{margin-left:0}.modal-footer button,.modal-footer a{padding:4px 10px;font-size:14px;letter-spacing:1px;border-radius:5px;display:inline-block}.modal-footer button:hover,.modal-footer a:hover{text-decoration:none}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-sm{width:300px}}@media (min-width:992px){.modal-md{width:500px}.modal-lg{width:600px}}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.close{float:right;font-size:21px;font-weight:700;line-height:1}.close:hover,.close:focus{text-decoration:none;cursor:pointer}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:transparent;border:0}.col-half{float:left;width:50%}.allf{text-align:center;line-height:18px;color:#eb4646;margin:0 10px 10px 10px}.right-priv{background-color:#202020;padding:15px;border-radius:10px;margin:10px}.right-priv p{font-size:16px;color:#fca736;margin:0 10px 10px 10px}.right-priv ul{color:#adadad;padding:0 0 0 7px;margin:0 0 0 10px}.right-priv ul li{padding:3px 0}.content{padding:281px 0 40px;position:relative}body.showfull .content{padding:40px 0}.content-box{-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px}.column-left{width:308px;float:left}.column-right{width:637px;float:right;-webkit-border-radius:0 0 10px 0;-moz-border-radius:0 0 10px 0;border-radius:0 0 10px 0;position:relative}.bestMoviesNav{font-family:Arial,sans-serif;font-size:12px;margin:0 0 0 0;padding:0}.bestMoviesNav *{list-style:none;margin:0;padding:0}.bestMoviesNav span{display:block;padding-left:12px}.bestMoviesNav span .list{display:none}.bestMoviesNav .small{font-size:10px;display:inline;position:absolute;margin-top:7px}.bestMoviesNav .smallFrom{margin-left:-12px}.bestMoviesNav .smallFrom2{margin-left:-17px}.bestMoviesNav .smallTo{margin-left:-18px}.bestMoviesNav .smallIn{margin-left:-9px}.bestMoviesNav .small2{font-size:10px}.bestMoviesNav .perc{display:inline;margin-left:-30px}.bestMoviesNav .title{font-size:23px;margin-bottom:20px;padding-left:42px}.bestMoviesNav .title s{text-decoration:none;position:absolute;margin:-4px 0 0 -42px;padding:4px 4px 5px 6px}.bestMoviesNav .left{width:225px;float:left;padding-right:55px}.bestMoviesNav .right{width:225px;float:left}.bestMoviesNav .descr{display:none}.bestMoviesNav .check{padding-left:18px}.bestMoviesNav .check input{position:absolute;margin:2px 0 0 -7px}.bestMoviesNav .checks{position:relative;padding-right:98px}.bestMoviesNav .checks label{margin-right:10px;padding-left:18px}.bestMoviesNav .checks input{position:absolute;margin:1px 0 0 -18px}.bestMoviesNav .checks .right{width:90px;position:absolute;right:0;margin:0}.bestMoviesNav .checks .blu{top:20px}.bestMoviesNav .checks .release3d{top:40px}.bestMoviesNav .checks .MyKP_Folder_Select{position:absolute;margin:-18px 0 0 184px}.bestMoviesNav .checks .MyKP_Folder_Select .select{margin:0}.bestMoviesNav .checks .MyKP_Folder_Select .title{font-size:11px}.bestMoviesNav .checks .clear{height:10px}.bestMoviesNav .wide{width:224px;font-family:Arial,sans-serif;font-size:12px;margin:3px 0;padding:1px}.bestMoviesNav .narrow{width:60px;font-family:Arial,sans-serif;font-size:12px;margin:3px 34px 3px 0;padding:1px}.bestMoviesNav .selectCustom{width:222px;background-position:-2px 0;height:24px;font-size:12px;cursor:pointer;margin-bottom:10px;padding:3px 0 3px 7px}.bestMoviesNav .infoGray{border:none;display:inline;position:absolute;margin:6px 0 0 -30px}.bestMoviesNav .clear{height:20px}.bestMoviesNav .clear2{height:25px}.bestMoviesNav .clear3{height:45px}.bestMoviesNav .text{width:150px;height:20px;font-family:Arial,sans-serif;font-size:12px;line-height:20px;margin-top:3px;padding-left:5px}.bestMoviesNav .selectList,.bestMoviesNav .selectList *{list-style:none;margin:0;padding:0}.bestMoviesNav .selectList{width:222px;max-height:200px;font-size:12px;overflow:auto;display:none;position:absolute;z-index:20;margin-top:-11px}.bestMoviesNav .selectList li{min-height:1px;position:relative;padding:3px 10px 3px 33px}.bestMoviesNav .selectList li label{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bestMoviesNav .selectList li input{position:absolute;top:4px;left:10px}.bestMoviesNav .selectList li.act{font-weight:700}.bestMoviesNav .title s{width:34px;height:31px;font-weight:700;text-align:center;border-radius:17px;padding:3px 0 0 0}.bestMoviesNav .title .wrapper{width:24px;height:24px;display:inline;cursor:pointer;overflow:hidden;position:absolute;margin:2px 0 0 10px}.bestMoviesNav .titleGray{margin-bottom:38px}.bestMoviesNav .titleGray .wrapper{background-position:-25px 0}.bestMoviesNav .selectList{margin-top:-1px}.bestMoviesNav .selectCustom{margin:0}.bestMoviesNav .checkBoxes{margin-top:-5px;padding-bottom:66px}.bestMoviesNav .checkBoxes .item{width:107px;min-height:1px;float:left;position:relative;margin-bottom:9px;padding-left:18px}.bestMoviesNav .checkBoxes .item2{width:245px}.bestMoviesNav .checkBoxes .item input{position:absolute;top:2px;left:0}.bestMoviesNav .actorTitle input{height:24px;width:222px;font-size:12px;padding:2px 7px 2px 7px}.bestMoviesNav #searchField{font-size:13px;height:20px;width:220px;margin-bottom:5px;padding:1px;font-weight:700}.autocomplete-suggestions{overflow:auto}.autocomplete-suggestion{padding:2px 5px;white-space:nowrap;overflow:hidden}.autocomplete-selected{background:#F0F0F0;cursor:pointer}.autocomplete-suggestions strong{font-weight:400}.autocomplete-group{padding:2px 5px}.autocomplete-group strong{display:block}.click{cursor:pointer}.descr.check{width:222px;padding:4px 0 2px 10px}.title-column{padding:10px 20px 0 20px}.filterbox{padding:10px 20px}#filtersearch{border-radius:3px;display:block;position:relative;float:left}#filtersearch span{padding:0}#filtersearch span#btntextfilter{padding:3px 10px 3px 10px}#filterload{display:none;float:left;position:relative;width:14px;height:14px;margin:3px 0 0 0}#filterload .fa-li{left:0}#btntextfilter{float:left}.lineinput{width:100%;float:left;margin:9px 0}.lineinputform{margin:0 0 9px}.lineinput .boxfilter{float:left;width:105px}.lineinput .boxfilter:nth-child(2n){width:134px}.lineinput .boxfilter label{bottom:2px;position:relative}.lineinput select{float:left;margin:0 10px 0 0}.lineinput b{float:left;margin:0 10px 0 0}.lineinput input[type="checkbox"]{float:left;margin:2px 8px 0 0;cursor:pointer}.lineinput .fbutton,.lineinput span.fbutton{text-decoration:none;padding:0;cursor:pointer;outline:none;font-weight:700}.mobile-menu{display:none}.genres,.sort-box{width:100%;margin:0;padding:10px 20px}.genres li,.sort-box li{list-style:none;width:49%;margin:1px 0;display:inline-block}.sort-box li{width:20%}.genres li span{float:right;margin-right:14px;font-size:9px;position:relative;top:1px;color:#8D9092}.genres li:nth-child(even) span{margin-right:0}.genres li a,.sort-box li a{text-decoration:underline}.genres li a:hover,.sort-box li a:hover{text-decoration:none}.bp{padding:20px 20px 0 20px}.bf{font-size:15px}.serials-soon{padding:10px 0 10px 15px;margin:0}.serials-soon li{list-style:none;width:135px;margin:0 1px 15px 1px;text-align:center;display:inline-block;vertical-align:top;position:relative}.serials-soon a{opacity:.8;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}.serials-soon a:hover{opacity:1}.serials-soon img{width:133px;border-radius:8px}#vk_groups{margin:20px 0 15px 15px}.last-comment-block{float:left}.last-comment{float:left;padding:10px;display:block;width:275px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin:0 0 10px 0}.last-comment p{float:left;width:100%;font-size:12px;text-decoration:none;line-height:13px;padding:5px 0}.last-comment-ava{float:left;width:60px;position:relative}.last-comment-ava img{float:left;width:50px;height:50px}.ava-top{background:url(../images/avafon.png) 0 0 no-repeat;display:block;position:absolute;height:50px;width:50px;left:0;top:0;text-indent:-99999px}.last-comment-film{float:left;width:188px}.last-comment-film a{float:left;text-decoration:none}.last-comment-film a:hover{text-decoration:underline}.last-comment-film a.title{width:188px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden}.fieldsubmit{margin:10px 0}.collect-content{padding:0 0 30px}.collect-block{display:inline-block;vertical-align:bottom;width:179px;margin:0 0 5px 20px;position:relative}.collect-title{margin:15px 0 5px 30px;float:left;text-align:left}.collect-title img{float:left;margin:4px 0 0 -15px}.collect-img-block{background:url(../images/bg-collect.png) 0 0 no-repeat;width:179px;display:block;height:105px;position:relative;float:left}.collect-img{width:160px;height:80px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;left:17px;top:2px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;opacity:.6}.collect-block:hover .collect-img{opacity:1}.collect-numm{position:absolute;display:block;left:28px;bottom:34px;background:rgba(0,0,0,.8);width:58px;height:58px;text-align:center;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;color:#e2e2e2;line-height:52px;font-size:16px;font-weight:700;border:3px solid #202020}hr{border:0;border-top:1px solid #0f0f0f;border-bottom:1px solid #454545}hr.collect-hr{margin:10px 0 0;border-bottom:0}.bug-comment{font-size:16px;display:inline-block;position:relative;top:1px;color:#464646}.bug-comment:hover{color:#A2654B}.banner-top{text-align:center;display:block;padding:16px 0 0 0}.decor{padding:10px 15px 15px 15px;position:relative}.tableform{max-width:100%}.tableform td{padding:2px}.main-title{width:100%;padding:10px 0 0;text-align:center}.main-title h1{margin:0 10px;font-size:16px}.best-cat-block{padding:0 18px}.btn-best-cat{display:inline-block;height:26px;padding:0 8px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;line-height:23px;font-weight:700;margin:8px 3px 0 3px}.btn-best-cat i{margin:0 0 0 5px}.sortn-box{display:none}.sortn{width:100%;padding:16px 0 31px 11px;height:30px;display:block;text-align:-moz-left}.filter .sortn{padding:7px 0 7px 11px}.sortn .left{float:left}.sortn .right{padding-right:5px;text-align:right;float:right}.sortn .sort-select{display:inline-block;position:relative;margin:0 6px 0 0}.sortn .sort-select b{font-weight:100;cursor:pointer;padding:5px 25px 6px 10px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;position:relative}.sortn .sort-select b span{position:absolute;right:8px;top:4px;font-size:18px}.sortn .sort-select ul{display:none;position:absolute;top:5px;left:0;padding:0;z-index:18;-moz-box-shadow:0 0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:0 0 1px 2px rgba(0,0,0,.5);box-shadow:0 0 1px 2px rgba(0,0,0,.5);-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.sortn .right .sort-select ul{left:auto;right:0}.sortn .sort-select ul li{list-style:none}.sortn .sort-select ul li span{white-space:nowrap;cursor:pointer;padding:4px 18px;display:block}.sortn .sort-select ul li:first-child span{-webkit-border-radius:12px 12px 0 0;-moz-border-radius:12px 12px 0 0;border-radius:12px 12px 0 0}.sortn .sort-select ul li:last-child span{border:0;-webkit-border-radius:0 0 12px 12px;-moz-border-radius:0 0 12px 12px;border-radius:0 0 12px 12px}.sortn form{margin:0 10px}.sortn i.fa{margin-right:4px}.sortn .right select{position:relative;width:60px;top:0}.sortn .left select{position:relative;top:2px}.sbHolder{background-color:transparent;position:relative;display:inline}.sbSelector{top:0;left:0;outline:none;overflow:hidden;text-indent:5px}.sbSelector:link,.sbSelector:visited,.sbSelector:hover{text-decoration:underline}.sbToggle{display:none}.sbOptions{list-style:none;margin:0;padding:0;top:30px;z-index:100;position:absolute;overflow:hidden;text-align:center}.sbOptions li{padding:0 7px;text-align:left}.sbOptions li:last-child{border-bottom:0}.sbOptions a{display:block;outline:none;padding:0 0 4px}.sbOptions li.last a{border-bottom:none}.sbOptions .sbDisabled{display:block;padding:7px 0 7px 3px}.sbOptions .sbGroup{display:block;font-weight:700;padding:7px 0 7px 3px}.sbOptions .sbSub{padding-left:17px}.category-text{background:#000;text-align:justify;max-width:950px;width:100%;padding:10px 10px 5px 10px;margin:0 auto}.category-text img{opacity:.7;float:left;max-width:100%;height:auto!important;margin:8px 20px 8px 0;border-radius:3px;overflow:hidden}.category-text h3{margin-bottom:10px}.category-text a{text-decoration:underline}.navigation-block{float:left;width:100%}.navigation{font-size:12px;padding:15px 20px;position:relative;text-align:center}.navigation a:link,.navigation a:visited{text-decoration:none;padding:2px 6px;line-height:24px;border-radius:2px}.navigation span{font-size:12px;padding:2px 6px;border-radius:2px}.lastview{padding:5px 0 0;float:left;width:100%;position:relative;border-radius:0 0 10px 10px}.close-lastview{position:absolute;top:5px;right:5px;color:#202020;font-size:16px;cursor:pointer}.close-lastview:hover{color:#ffa936;text-shadow:1px 1px #000}.lvbg{display:block;height:10px;width:10px;position:absolute;right:0;top:-11px}.lastview p{font-size:14px;font-style:normal;margin:0 0 5px 12px}.lastview ul{border-radius:5px;box-sizing:border-box;height:auto;margin:10px 15px;overflow:hidden;padding:0 0 4px;text-align:left;white-space:nowrap}.lastview ul li{display:inline-block;list-style:none;margin:0 2px 0 1px;height:auto}.lastview a img{height:auto;min-height:128px;width:85px}.ajaxloader{height:40px;width:100%;background:url(../images/ajax-loader.gif) no-repeat scroll center center transparent}.personehover{cursor:pointer;display:inline-block;border-bottom:1px dashed #8d9092}.personehover:hover{border-bottom:1px dashed transparent}#personepopup{padding:3px;border-radius:3px;z-index:1000}.personed{min-width:200px;min-height:60px}.personed .pimage{background:url(../images/ajax-loader.gif) no-repeat scroll center center transparent;border-radius:3px;height:auto;width:60px;float:left}.personed .ptitle,.personed .altname{margin-left:70px}.personed .ptitle{font-size:14px;font-weight:700}.personed .altname{font-size:11px}.casts{width:100%}.casts .head{font-size:11px;padding:10px 10px 10px 20px;margin:0}.casts .head .altname{font-size:11px}.casts .head .fast{margin:15px 0;padding:3px 5px}.casts .list>div{position:relative;float:left;width:100%;clear:both}.casts .list>a{float:left;width:100%}.casts .list .ptype{font-size:16px;padding:10px 20px}.casts .list .persone{padding:10px}.casts .list .persone .num{float:left;font-size:11px;width:25px}.casts .list .persone .photo{float:left;padding-right:10px}.casts .list .persone .photo img{width:60px;height:auto;min-height:90px;max-height:120px;background:url(../images/ajax-loader.gif) no-repeat scroll center center transparent;border-radius:3px}.casts .list .persone .info{float:left}.casts .list .persone .info .name{font-size:13px;font-weight:700}.casts .list .persone .info span{font-size:11px;font-weight:400}.form-block{float:left;width:100%;border-top:1px solid #404040}.form-box{padding:20px}.sh-block,.full-block{float:left;position:relative;width:100%}.column-right .sh-block:last-child,.column-right .full-block{border-bottom:0}.column-right .full-block{border-bottom:0;border-top:0}.sh-block .poster,.full-block .poster{float:left;position:relative;width:200px;margin:0 20px 15px 0}.sh-block .poster .poster-box,.full-block .poster .poster-box{width:200px;height:100%;position:relative;display:inline-block}.full-block .poster{margin:0 20px 0 0}.trailer-bg:before{content:"трейлер";position:absolute;bottom:70px;left:-43px;display:block;height:16px;padding:0 35px 0 7px;color:#FFF;line-height:10px;font-size:12px;background:#299200 url(../images/trailer-blik.png) -15px 0 no-repeat;letter-spacing:1px;border:1px solid #000;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);border-radius:0 0 5px 5px}.soon-bg:before{content:"Ожидается";padding:0 7px;background:#980808 url(../images/trailer-blik.png) -15px 0 no-repeat;position:absolute;bottom:70px;left:-38px;display:block;height:16px;color:#FFF;line-height:10px;font-size:12px;letter-spacing:1px;border:1px solid #000;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);border-radius:0 0 5px 5px}.serial-info{padding:0 7px 0 0;background:#0159a2;position:absolute;bottom:15px;right:-1px;display:block;height:20px;color:#fff;line-height:18px;font-size:11px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.serial-info.sidebar{bottom:auto;top:164px;right:2px;height:18px;line-height:16px}.serial-info.related{bottom:auto;top:135px;right:-1px;height:20px;line-height:19px;font-size:9px}.serial-info em{font-style:normal;position:relative;z-index:1}.serial-info i:after{content:"";position:absolute;top:0;left:-20px;display:block;height:0;width:0;border:10px solid transparent;border-right:10px solid #0159a2;border-bottom:10px solid #0159a2}.serial-info i:before{content:"";position:absolute;top:0;left:-20px;display:block;height:0;width:0;border:10px solid transparent;border-right:10px solid #0159a2;border-top:10px solid #0159a2}.serial-info.sidebar i:after{left:-17px;border:9px solid transparent;border-right:9px solid #0159a2;border-bottom:9px solid #0159a2}.serial-info.sidebar i:before{left:-17px;border:9px solid transparent;border-right:9px solid #0159a2;border-top:9px solid #0159a2}.sh-block .playTrailer{left:10px;bottom:10px}.sh-block.top{padding:0;width:100%}.sh-block.top .title{padding:10px 10px 0;float:left;width:100%;margin-left:48px}.sh-block.top .info{width:100%}.sh-block.top .num{float:left;font-weight:700;padding:80px 0 80px 24px;width:25px}.sh-block.top .poster{float:left;padding:10px;width:130px}.sh-block.top .playTrailer{left:15px;bottom:16px}.sh-block.top .databox{float:left;max-width:430px}.sh-block.top .poster img{width:120px}.sh-block.top .rating{padding:0;height:30px;margin-top:5px;margin-bottom:10px}.sh-title-block,.full-title-block{margin:15px 0 8px 0;padding:0 220px 0 35px;position:relative}.sh-block .favorite-block,.full-block .favorite-block{position:absolute;right:1px;top:-15px;z-index:999}.sh-block .favorite-block .favorite,.full-block .favorite-block .favorite{position:relative}.plus-fav{background:rgba(0,0,0,0) url(../dleimages/plus_fav.gif) no-repeat scroll 0 0;display:block;height:54px;width:41px}.minus-fav{background:rgba(0,0,0,0) url(../dleimages/minus_fav.gif) no-repeat scroll 0 0;display:block;height:54px;width:41px}.sh-title-block .po,.full-title-block .po{float:left;margin:3px 0 0 -20px}.sh-title-block h1,.sh-title-block h2,.full-title-block h1,.full-title-block h2{width:100%;margin:0}.sh-title-block .fader,.full-title-block .fader{background:url(../images/grad.png) 0 0 no-repeat;height:20px;position:absolute;right:28px;top:10px;width:15px;z-index:20}.sh-title-block .rating-block,.full-title-block .rating-block{position:absolute;right:5px;top:3px;width:130px}.sh-title-block .rating-info,.full-title-block .rating-info{position:absolute;left:-15px;width:150px;top:0}.rating-info{display:inline-block;position:relative;width:14px;height:14px}.rating-info .fa{color:#8d9092;font-size:14px;cursor:pointer;position:absolute;left:0;top:0}.rating-info .fa:hover{color:#ffe000}.rating-info .fa ul{display:none;background-color:#505050;border:1px solid #828282;border-radius:3px;font:12px/16px Tahoma,verdana,sans-serif;list-style:outside none none;color:#8d9092;margin:5px 0 0;padding:3px;width:170px;z-index:2;position:relative;box-shadow:0 2px 5px 1px rgba(0,0,0,.8)}.rating-info .fa:hover>ul{display:block}.title-main{font-size:16px}.title-main a:hover{text-decoration:underline}.slogan{font-size:12px;font-style:italic;font-family:Verdana,sans-serif;clear:both}.editable{float:left;z-index:1;position:absolute}.editable a i{background-color:#000;border-radius:5px;font-size:25px;line-height:27px;opacity:.9;padding:0 3px 1px 2px;transition:all 0.3s ease-out}.editable a:hover i{opacity:1;transition:all 0.3s ease-out}.sh-block .editable,.full-block .editable{left:8px;top:8px}.sh-content,.full-content{margin-top:15px;margin-left:15px}.full-content{margin-bottom:25px}.sh-content img,.full-content img{float:left;border-radius:5px}.sh-content a img:hover,.full-content a img:hover{opacity:.75}.sh-content .sh-description,.full-content .full-description{margin-right:10px}.full-content .full-description{min-height:310px}.full-content .matrix{width:100%;float:right;padding-right:10px}.full-content .matrix b{float:left;margin-right:5px;font-size:13px}.full-content a{text-decoration:underline}.full-content a:hover{text-decoration:none}.full-content ul.list{display:inline;padding:0;margin:0}.full-content ul.list li,.full-content ul.list li div{display:inline-block}.full-content ul.list li:not(:last-child) div:after{content:","}li.persone:last-child{margin-right:0}.sh-content .quality,.full-content .quality,.top-rating .quality{height:18px;padding:0 4px;text-align:center;line-height:18px;border-radius:5px;font-weight:700;font-size:12px;display:inline-block;position:relative;top:0;right:auto;margin:0 0 0 5px}.all-episodes,.all-seasons{margin:15px;padding:4px 10px 0;overflow:auto;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.all-episodes h4,.all-seasons h4{margin:0}.all-episodes .episodes{list-style-type:square;margin:5px 14px;padding:0}.all-seasons .seasons{margin:5px 0;padding:0}.all-seasons .seasons li{list-style:none;display:inline-block;padding:0 20px 0 0}.all-seasons .seasons li:before{display:inline-block;content:"•";padding:0 5px 0 0;font-size:14px;position:relative;top:1px}.repost-title:before{float:left;width:100%;color:#ff9000;text-align:center;font-weight:700;padding:0 0 7px;text-shadow:1px 1px #000}.rating-left{float:left;padding:5px 20px 5px 10px}.rating-left b.title{margin:-2px 5px 0 0;color:#ffa936;font-weight:100}.rating-left b.title,.rating-left div{float:left}.share-right{float:right;padding:2px 10px 0 0}.seo-text{text-align:center;padding:0;margin:0 0 5px 0}hr.sline{margin:0;padding:0;width:100%;border:0}.screens{text-align:center;margin:20px 0 15px 0}.screens a{display:inline-block;max-width:195px;opacity:.75;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}.screens img{max-width:193px;border-radius:8px}.screens a:hover{opacity:1}.uppod-warning{padding:70px;text-align:center;font-size:2em;line-height:2em;height:300px}.player-block{float:left;width:100%;position:relative}.player-block ul.tabs{float:left;line-height:26px;list-style:none;padding:0;margin:0}.player-block ul.tabs li{float:left;display:inline;list-style:none;cursor:pointer;padding:0 20px;position:relative;text-align:center;font-weight:700;height:28px;margin:0 4px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}.player-block ul.tabs li.current:hover{text-shadow:none}.player-block .subscribe{float:left;cursor:pointer;position:relative;text-align:center;font-weight:700;height:28px;margin:0 6px 0 0;border:0;color:#fff;background-color:#0d0d0d;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}.player-block .subscribe .fa{font-size:14px}.player-block .qrcode{float:right;padding:0 10px;height:28px;line-height:26px;text-align:center;text-decoration:none;border-radius:5px 5px 0 0;font-weight:700;margin-left:5px;display:none}.player-block .box{float:left;width:100%}.player-block .box iframe{height:100%;width:100%}.player-block .box object{height:408px;width:100%}.player-block .btn-error{float:right;padding:0 20px;height:28px;line-height:26px;text-align:center;text-decoration:none;border-radius:8px 8px 0 0;font-weight:700}.player-block .btn-idea{float:right;padding:2px 20px 0;height:28px;line-height:26px;text-align:center;text-decoration:none;border-radius:8px 8px 0 0;font-weight:700;margin:0 4px 0 0}.player-block .btn-idea .fa{font-size:2em;-ms-transform:rotate(35deg);-webkit-transform:rotate(35deg);transform:rotate(35deg)}.icons{overflow:hidden;position:relative}.share-block{float:left;padding:7px 0 5px 0;width:100%}.share-block .recom{float:left;margin:0 12px 0 5px;padding:1px 0}.share-block .social-likes{float:left;margin:-2px 0 0 0}.tags-block{float:left;width:100%;padding:5px 0;text-align:center}.related-news-block{float:left;width:100%}.related-news-title{padding:17px 22px 2px 22px}.related-news-title i{font-size:14px;font-weight:700;font-style:normal}.related-news-title .right{float:right}.related-news ul{display:block;list-style:none;text-align:center;overflow:hidden;padding:5px 0;vertical-align:top}.related-news ul li{position:relative;display:-moz-inline-box;display:inline-block;vertical-align:top;text-align:center;width:116px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;opacity:.8}.related-news ul li:hover{opacity:1}.related-news ul li img{border-radius:5px}.related-news ul.recom_you{text-align:left}.related-news ul.recom_you li{display:block;text-align:left;width:auto;padding:5px 0;border-bottom:1px dashed #454545}.related-news ul.recom_you .right{float:right}#recomendation{cursor:pointer;text-decoration:underline;font-size:11px}.related-news .rec_wrapper{position:relative;padding:10px 20px}.related-news .rec_wrapper .row{width:100%}.related-news .rec_wrapper .hl{margin-top:15px}.related-news .rec_wrapper .attent{font-size:11px}.related-news .rec_wrapper input#recac{width:100%;padding:3px 2px 4px;border-radius:2px;margin:5px 0}.related-news .rec_wrapper .close{width:14px;height:14px;top:10px;right:10px;position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAnUExURf///7S0tOvr6/r6+r6+vs3Nzdzc3MPDw9LS0tfX18jIyObm5vX19cx/o70AAACZSURBVHjaYmBEAQABxMDIgAQYAQIIyOXhZAYxmTl5GBgBAgjI5WZkAfKZWRi5GRgBAgikmJWRBcRjBSoGCCCwXlZGVi4Qj4ERIIAgRrEzMnKBjQIIIAiXg5GRA8wFCCAwl42RhYWRDcQFCCAQl42RkZmJEcRnBAggIBfIYmKAkIwAAQTisjOB9IEoRoAAQnMkQAAxoHoBIMAAiZsBL7HKxvsAAAAASUVORK5CYII=)}.related-news .rec_wrapper ul.recom_other{list-style-type:none}.related-news .rec_wrapper ul.recom_you{list-style-type:none}.related-news .rec_wrapper .btn{margin:0;height:15px;width:auto;float:right;line-height:10px;font-size:11px;padding:0 2px;background-color:transparent;border:0}.related-news .rec_wrapper .btn:hover{text-decoration:underline}.autocomplete-suggestions{overflow:auto}.autocomplete-suggestion{padding:2px 5px;white-space:nowrap;overflow:hidden}.autocomplete-selected{cursor:pointer}.autocomplete-suggestions strong{font-weight:400}.autocomplete-group{padding:2px 5px}.autocomplete-group strong{display:block}.click{cursor:pointer}#wnmobile{display:none;background-color:#000;text-align:center;padding:10px;color:#FFF}#wnmobile:before{content:"Загрузка видео ";font-weight:700;color:#FF0B00}#wnmobile:after{content:"может длиться до 1 минуты для планшетов, iPad, iPhone, Android"}.dateicon{float:right;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAAEhcmxxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpiYEAGRcVF/wECCMxg3r1793+AAGIEsUAMEA0QQAxQjgOM8d/P3+8/iGYCCaioqIAlAAIIpmc+kEpAMjmQCaoXLDh5ymSYxHqYjgAQB0mHIEAAIduqgOxKTHcBgaurKyPIjvto5oMUFoCciGIEFPiDJA6AWGZmZgzbd2xnePfuHYi7EGbHeyAlAFV9AGiHI0CAMSLrB5kNpPLRjAeZWAhUfAHZtSCF/TAVT58+BdPS0tLI5n0AYkUmqH/7kWXWrV8HxmgA5LT1TECrHmDxHcPtO7cZ8grywPjOnTsw4QcwJxkAqfMM+AFWTwtAI9IfZiIQHwQqXABTAwCvkGRV5aMSugAAAABJRU5ErkJggg==) no-repeat 0 2px;padding:0 0 0 17px}.table-first-width{width:100px}.btn-addcom-block{padding:20px 20px 0 20px;text-align:center}.addcomm-block{padding:0 20px}.add-comm-title{float:left;font-size:14px;margin:0 0 8px 8px;color:#fff}.editorcomm{position:relative}.bb-editor textarea{padding:10px 40px 10px 10px}.btn-add-smile{background:url(../images/addcomm-smile.png) 0 0 no-repeat;position:absolute;top:12px;right:8px;height:22px;width:22px;cursor:pointer}.add-smile-block{position:absolute;bottom:35px;right:-20px;height:90px;width:290px;display:none;background-color:#FFF;border-radius:7px;padding:10px;-moz-box-shadow:0 0 2px 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 2px 3px rgba(0,0,0,.2);box-shadow:0 0 2px 3px rgba(0,0,0,.2);text-align:right}.btn-add-smile.show-block .add-smile-block{display:block}.add-smile-block span{display:inline-block;vertical-align:middle;margin:3px}.add-smile-block i{position:absolute;bottom:-13px;right:20px;height:13px;width:20px;background:url(../images/add-smile-shadow.png);display:block}.berror-full{text-align:center;padding:0 20px 20px 20px}.over-black{position:absolute;left:0;top:0;width:100%;height:100%;display:block;opacity:0;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:rgba(0,0,0,.7)}.poster:hover .over-black{opacity:1}.btn-tosee{position:absolute;left:50%;top:50%;width:120px;height:120px;font-size:80px;padding:13px 0 0 31px;text-decoration:none;display:block;opacity:0;color:#fff;margin:-60px 0 0 -60px;background-color:rgba(0,0,0,.5);border:6px solid #fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-box-shadow:0 0 15px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 0 15px 5px rgba(0,0,0,.5);box-shadow:0 0 15px 5px rgba(0,0,0,.5);-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}.slider-main .slide{-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}.slider-main .slide .btn-tosee{width:90px;height:90px;font-size:60px;padding:11px 0 0 24px;margin:-45px 0 0 -45px;background-color:rgba(0,0,0,.5);border:5px solid #fff}.slider-main .slide:hover .btn-tosee{border:5px solid #c85500;color:#ff7713}.slider-main .slide:hover .btn-tosee,.slider-main .slide:hover .over-black{opacity:1}.tosee-poster{position:absolute;top:10px;left:147px;width:44px;height:44px;font-size:32px;padding:5px 0 0 8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;opacity:0;color:#fff;background-color:#000;z-index:1;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease}.poster:hover .tosee-poster,.poster:hover .btn-tosee{opacity:.3}.poster .btn-tosee:hover{opacity:1;color:#ff7713;border:6px solid #c85500}.poster .tosee-poster:hover{opacity:1;color:#ff7713;background-color:rgba(0,0,0,.7)}.data-block{position:absolute;bottom:15px;right:15px}.dateicon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAAEhcmxxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAP9JREFUeNpiYEAGRcVF/wECCMxg3r1793+AAGIEsUAMEA0QQAxQjgOM8d/P3+8/iGYCCaioqIAlAAIIpmc+kEpAMjmQCaoXLDh5ymSYxHqYjgAQB0mHIEAAIduqgOxKTHcBgaurKyPIjvto5oMUFoCciGIEFPiDJA6AWGZmZgzbd2xnePfuHYi7EGbHeyAlAFV9AGiHI0CAMSLrB5kNpPLRjAeZWAhUfAHZtSCF/TAVT58+BdPS0tLI5n0AYkUmqH/7kWXWrV8HxmgA5LT1TECrHmDxHcPtO7cZ8grywPjOnTsw4QcwJxkAqfMM+AFWTwtAI9IfZiIQHwQqXABTAwCvkGRV5aMSugAAAABJRU5ErkJggg==) no-repeat 0 2px;padding-left:17px;float:right}.berror-block{width:100%;float:left}.filter .berror-block{float:none}.berror{padding:10px 20px 20px 20px}#GoUpWrapper{width:100px;height:100%;position:fixed;display:none;z-index:0;left:0;top:0}#GoUpClickZone{width:100px;height:100%;opacity:0;filter:alpha(opacity=0);position:relative}#GoUpButton{opacity:0;filter:alpha(opacity=0);width:27px;height:27px;cursor:pointer;position:fixed;left:10px;top:35px;z-index:1}#GoUpText{opacity:0;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:12px;position:fixed;line-height:25px;text-align:center;left:37px;top:35px;width:63px;height:27px;padding:0;margin:0;background-color:#1D1D1D;z-index:1}#GoPrevButton{z-index:110;width:50px;height:100%;position:fixed;left:0;top:0;display:none;cursor:pointer}#GoPrevButton span{width:100px;height:27px;position:absolute;left:10px;top:35px;display:block}#GoPrevButton i{width:27px;height:27px;cursor:pointer;display:block}#GOWrapper{-webkit-user-select:none;-moz-user-select:none}#GOWrapper .toggleButton{font-size:9px;position:fixed;left:10px;bottom:15px;z-index:120;cursor:pointer;display:none;width:39px;height:18px;-webkit-user-select:none;-moz-user-select:none}#GOWrapper #closeButton{padding:4px 0 0 16px;opacity:0;filter:alpha(opacity=0)}#GOWrapper:hover #closeButton{opacity:1;filter:alpha(opacity=100)}#GOWrapper #closeButton i{background:url(../images/goButtonBg.png) no-repeat -5px -50px;width:10px;height:10px;position:absolute;left:0;top:6px}#GOWrapper #openButton{padding:4px 0 0 20px;left:0;overflow:hidden;height:0;width:0;opacity:0;filter:alpha(opacity=0);z-index:110}.activeUpB #openButton{display:none!important}.disabledUpB div{display:none!important}.disabledUpB p{width:39px!important;height:18px!important;opacity:1!important;filter:alpha(opacity=100)!important}.footer{margin:-40px auto 0;height:40px;position:relative}.footer-box{height:40px;padding:10px;background-color:#000}.footer-menu{float:left;padding:0;margin:0}.footer-menu li{float:left;margin:0 25px 0 0}.footer-menu li:first-child{list-style:none;font-weight:700}.footer-box .count{float:right}#doregister{display:none}.full-content a.doregister{text-decoration:none}.full-content a.doregister:hover{text-decoration:underline}.skin-block a:last-child{display:none}.kinoproplayer{position:relative!important;padding-bottom:56.25%;padding-top:25px;height:0}.kinoproplayer iframe{position:absolute;top:0;left:0;width:100%;height:100%}.kinoproplayer:fullscreen{padding:0!important}.kinoproplayer:-ms-fullscreen{padding:0!important}.kinoproplayer:-webkit-full-screen{padding:0!important}.kinoproplayer:-moz-full-screen{padding:0!important}.ads-fix{border-bottom:1px solid #454545}#login_form,#login_form ul{margin:0;padding:0}#login_form li{list-style:none;margin:0 0 15px}#login_form li:last-child{margin-bottom:0}#login_form ul.left li:nth-child(2){margin:-10px 0 0}#login_form .ipsField_title{color:#ffa936;text-shadow:1px 1px #000}#login_form .ipsType_smaller{display:block;text-align:center}#login_form .ipsType_smaller a{display:block}#login_form h2,#login_form h3{display:none}#login_form hr{border:0;border-bottom:1px dashed #2B2B2B}#login_form p{margin:0;color:#A7A7A7}#login_form p .lighter{font-size:9px;color:#777}#login_form fieldset{border:0;padding:0 0 5px}#login_form fieldset.submit{text-align:center;border-top:1px dashed #2B2B2B;padding:14px 0 0}#login_form .input_submit,#login_form fieldset.submit a{padding:4px 10px;font-size:14px;letter-spacing:1px;border-radius:5px;border:1px solid #0c0c0c;color:#ccc;background:#333;background:-moz-linear-gradient(top,#333333 0%,#232323 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#232323));background:-webkit-linear-gradient(top,#333333 0%,#232323 100%);background:-o-linear-gradient(top,#333333 0%,#232323 100%);background:-ms-linear-gradient(top,#333333 0%,#232323 100%);background:linear-gradient(to bottom,#333333 0%,#232323 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@blackBg5',endColorstr='@blackBg15',GradientType=0)}#login_form .input_submit:hover,#login_form fieldset.submit a:hover{text-decoration:none;border:1px solid #181818;color:#eee;background:#3f3f3f;background:-moz-linear-gradient(top,#3f3f3f 0%,#2b2b2b 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3f3f3f),color-stop(100%,#2b2b2b));background:-webkit-linear-gradient(top,#3f3f3f 0%,#2b2b2b 100%);background:-o-linear-gradient(top,#3f3f3f 0%,#2b2b2b 100%);background:-ms-linear-gradient(top,#3f3f3f 0%,#2b2b2b 100%);background:linear-gradient(to bottom,#3f3f3f 0%,#2b2b2b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@blackBg7',endColorstr='@blackBg19',GradientType=0)}#login_form legend{display:none}#signin_options .input_check{float:left;margin:4px 0 0}#signin_options p.ipsField_content{margin:0 0 0 26px}#login_form .input_text{width:100%;border:1px solid #000;-webkit-box-shadow:0 5px 10px rgba(65,65,65,.3) inset;box-shadow:0 5px 10px rgba(65,65,65,.3) inset;color:#333;background-color:#fff;height:30px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:3px;padding:0 10px}.disclamer{max-width:948px;margin:0 auto}.disclamer .cc-section{background:#8C1320;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.disclamer .cc-body{width:auto;background:#500A12;color:#bbb}.disclamer a.cc-mail--black{color:#D8FF02}h1.cc-header{color:#e2e2e2}input[type=range]{-webkit-appearance:none;border:0;width:222px}input[type=range]::-webkit-slider-runnable-track{width:auto;height:0;background:transparent;border:none;border-radius:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;border:1px solid #F0C518;background:#ffa84c;background:-moz-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa84c),color-stop(100%,#ff7b0d));background:-webkit-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:-o-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:-ms-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:linear-gradient(to bottom,#ffa84c 0,#ff7b0d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c',endColorstr='#ff7b0d',GradientType=0);margin-top:-6px}input[type=range]::-moz-range-track{width:auto;height:0;background:transparent;border:none;border-radius:0}input[type=range]::-moz-range-thumb{height:14px;width:14px;border-radius:50%;border:1px solid #F0C518;background:#ffa84c;background:-moz-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa84c),color-stop(100%,#ff7b0d));background:-webkit-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:-o-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:-ms-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:linear-gradient(to bottom,#ffa84c 0,#ff7b0d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c',endColorstr='#ff7b0d',GradientType=0)}input[type=range]:-moz-focusring{outline:1px solid white;outline-offset:-1px}input[type=range]::-ms-track{width:auto;height:0;background:transparent;border:0;color:transparent}input[type=range]::-ms-thumb{height:14px;width:14px;border-radius:50%;border:1px solid #F0C518;background:#ffa84c;background:-moz-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffa84c),color-stop(100%,#ff7b0d));background:-webkit-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:-o-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:-ms-linear-gradient(top,#ffa84c 0,#ff7b0d 100%);background:linear-gradient(to bottom,#ffa84c 0,#ff7b0d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c',endColorstr='#ff7b0d',GradientType=0)}.vote-people{color:#e0dfdc;float:left}.vote-people input{background-color:transparent;height:23px;position:relative;z-index:2}.vote-people ul{padding:11px 0 0 0;margin:-17px 0 0 -13px;width:248px}.vote-people ul li{text-align:center;float:left;font-size:10px;width:16.66%;position:relative;color:#8A8A8A}.vote-people ul li:first-child:after{content:"";height:2px;width:207px;display:block;position:absolute;left:20px;top:-9px;background:#999;z-index:1}.vote-people ul li i,.vote-people ul li b{height:7px;width:1px;display:block;position:absolute;left:20px;top:-9px;background:#999;z-index:0}.vote-people ul li b{height:5px;left:41px}.fullimg img{padding-right:20px;padding-top:3px;padding-bottom:2px;position:relative}.ep{text-align:center;margin:1px 0;background:#000;display:block;padding:3px 10px 3px 10px;-moz-border-radius:2px;border-radius:2px;border:1px solid #292929;color:#fff!important;margin-left:-15px}#ScrollBlock{margin:0 auto;height:75px!important;width:640px;overflow:auto;overflow-x:hidden;border:1px solid #CBC5C5;list-style-type:none;border-radius:2px}.poloska_bloka{border-bottom:1px solid #848480;border-top:1px solid #3f413f;position:relative}.poloska_bloka_no{border-top:1px solid #3f413f;position:relative}.li_serial img{border:1px solid #464646;width:133px}.li_serial img:hover{border:1px solid #8B8B8B}.li_serial a:hover{color:#fff}.li_serial{text-align:center}.mimiser{border-top:1px solid #848480;overflow:auto;padding:20px 0 0 20px;margin-bottom:-5px}.xsort-area{margin-bottom:5px;padding:0 15px;font:normal 12px/32px Arial;-ms-user-select:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}.xsort-area:after{content:"";display:table;clear:both}.xsort-area>div{float:left;margin:0 10px 10px 0}.xsort-div{height:30px;line-height:30px;padding:0 10px;border:1px solid #ccc;border-radius:3px;background:#fff;position:relative;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.xsort-div:hover{box-shadow:0 0 0 2px rgba(0,0,0,.2)}.xsort-active{box-shadow:0 0 0 2px #FFB114}.xsort-selected{cursor:pointer;padding-right:15px;position:relative}.xsort-selected:after{position:absolute;top:50%;margin-top:-2px;right:0;border:4px solid transparent;border-top-color:#777;content:""}.xsort-div-filler{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAvklEQVR42o3KsUqCYRiA0RPVZg6Fg2NgU0ME7g0KTg0SLtHaFYQ0VjRFDUGjEAhBi1vQ1Fx2BVJ4Aa4FQWT6tn38llTnWR//t+7MjY6mgh9mXYjUi4ZvzoVnDUXL9r35VJWxaqxvEcCGkSczkmNhR1ZHKEuuhZKsPWFbcimsyToS6pJd4YRkTs9IUZIzMLQFmNcSbk2oeBfuHDrVF8KHugllj0IIQ23daQsrNtUsIe9BWqbLuxde/WLBlQN/+wLDfD9iwnIihwAAAABJRU5ErkJggg==);background-position:50% 50%;width:32px;padding:0;background-repeat:no-repeat;cursor:pointer}.xsort-ul{display:none;background:#fff;position:absolute;top:100%;left:0;margin:0;padding:0;max-height:400px;overflow:auto;list-style:none;z-index:999;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 0 3px rgba(0,0,0,.1);box-sizing:content-box}.xsort-ul li{display:block;border-bottom:1px solid #eee;padding:0 35px 0 18px;line-height:30px;white-space:nowrap;cursor:pointer;color:#fff}.xsort-ul li:last-child{border:none}.xsort-ul li.current{color:#333;font-weight:700;background:#f5f5f7;position:relative}.xsort-ul li.current:after{position:absolute;top:0;right:5px;bottom:0;width:5px;content:"";display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAQAAAAnZu5uAAAAJUlEQVQY01XIMQEAIAwDsDivroGe6Sg3OQNxBGLVCldVzbfECA+g/g9v8ooTNAAAAABJRU5ErkJggg==) no-repeat 50% 50%}.xsort-ul li:hover{background:#eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAHElEQVQImWP4+vUrEwMDA9P///+ZGBgY4JjGfAByHhgFbrteLwAAAABJRU5ErkJggg==) repeat-x 0 0;color:#000}.xsort-ul li.xdesc,.xsort-ul li.xasc{background-position:6px 50%;background-repeat:no-repeat}.xsort-ul li.xdesc,.xdesc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAQAAACfDS2NAAAAIElEQVQY02NgYGBgSPsPggwwQDQXwoRBFAHsekECEBoASUcnDSh9+RUAAAAASUVORK5CYII=)}.xsort-ul li.xasc,.xasc{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAQAAACfDS2NAAAAHklEQVQYV2NgAIO0/xAaygFBFA5UAMGBq0BRTDwXAPWMJw0b8PLnAAAAAElFTkSuQmCC)}span.xasc,span.xdesc{padding-left:10px;background-position:0 50%;background-repeat:no-repeat}.xsort_empty{margin-top:15px;background:#fff;border:1px solid #ccc;padding:15px;text-align:center;color:#444;border-radius:3px;box-shadow:0 2px 7px rgba(0,0,0,.1)}.xsort-admin-area{padding:0 0 0 210px}.xsort-admin-area:after{content:"";display:block;clear:both}.xsort-admin-area ul{list-style:none;margin:0 0 0 -210px;padding:0;float:left;width:200px;border-right:1px solid #ddd}.xsort-admin-area ul.loading{background:url(data:image/GIF;base64,R0lGODlhFAAUAPUEAPz6/PT29Pz+/PTy9Hx+fHx6fIyKjLSytISChOzq7MTCxJyanOTm5NTS1Nza3MzOzKSmpJyenOTi5Ozu7IyOjMTGxMzKzJSWlLy6vKyurLS2tLy+vJSSlNze3KSipKyqrNTW1P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAEACwAAAAAFAAUAAAGY0CCcAgIDI6DAGDIJCKfyGWTYHwGqshAExsQMAVc51E7JQiyQqS3LMQSAGM2s3o9ruXmMRI/t/KHWEl/bX6DWXZ/Z0l0f4xqeIoDhIhlcHGTSXdmloJ9WVeBklOhUGRsdYVMQQAh+QQFBQACACwKAAAABwAGAAAGHECCAfIACASFZMHgEBwihAJBEjgGFIqjdssNBIIAIfkEBQUAAwAsAAABABQAEwAABjvAgXBILD6KyGShcBAknwMCgQlNJgzLY7WYkBoA26LiYgmbz+hnIj1YpwMDOHsNPtfTd7Z+75bvt31JQQAh+QQFBQAAACwPAAUABQALAAAGI0CAEBAQFgoPIoEAEUYKBuHhKC0QhBKFZjgQFhMAgXeYEAcBACH5BAUFAAcALAEAAQATABMAAAZWwINQODkUh8hkMqBsGp0HREE5CQicR2QVAH1Gr90kgcgMC6XCsnmYXQsHbm08UjDEAdJIu6soFB5uE1IGAQB7TRMLf3JciBOASYdeTQABe5JJjVmNSEEAIfkEBQUADQAsAQABABMAEwAABlbAhlA4aBSHyGTyqFQylQSCcxBoNhJTgVXIQBQM1a2yQHyKo0Rx06wWYttLuFwZNs7vV2SAnUwYyHF1QgAKUQUHTkoLBYwHWnoDZgcEBg9bYW8MD4INQQAh+QQFBQAAACwHAAUACwAPAAAGI0CAcChMEAjEpHLJbDqf0Kh0upREDocIkogpeL9cw9EASQYBACH5BAUFAAIALAIADwAMAAUAAAYhQMGDkxAYj8YOoYBQBJBGwKFAJUCQBOPDQIUiAw8IFxkEACH5BAUFAAMALAAACwASAAkAAAY1wA3kMCgaj0hIgQBAOouER6GgeDqZCAIiYXU2poYu1HiYEhRNY0CBQArGA48RUVCL79e6MwgAIfkEBQUAAQAsAAAEABQAEAAABkDAgHBILFKIgkCiyBwWhA+KokkVQgoEQLVpKES2xCuiUDiAiwRC+UwsdL/sOHMMkQuf9vyQgrf3q3VNSXpnWFVBACH5BAUFAAMALAAAAQASABEAAAY1wIFwwBgaj0PBoeBAOgfLwuJ5bBQKhgTVcAUgCAQtVUgYEAqKsXrNbrvf8Lh8/jSU3Xd4IAgAIfkECQUAAwAsBAAAABAADwAABjbAAeABMRAGyKSyYSg4C8oo0kmIHKRRgiIgRUCx4DAWQUAIxMojOvldRwiGNVuOVNPvkTtdHQQAIfkECQUACwAsBAAAABAAFAAABm3ABeABMRAGgwBgwWw2DIVoYTKgVpsLKSFyCASQDMRBwCwQFAGsIPCJHpiGCRbLgBYeC/kcOyEQEGR7cwpmeIJYAQQFEIdzEAUGjVhtBJJNB1GWTBGQmgEIi5qEdwmSfX9pmqpZjR+CgauClY1BACH5BAkFAAsALAQAAAAQABQAAAaGwAXgATEQBoMAYMFsNgyFaAFJXTalhMghEBgkkIErQRFuCrhgpiHRbC8E1DDb3YYjBXR6wHJ55N0BBAUQf24RBQaFbQcFBIpNjAWPTIeJjwEIg5MKUQ9zfwmZBgFroEYFfo0KVkwBCgiCB0yNjRAHBxGZUVtMD1BSwAZ+bQFEUAQGEA9lTUEAIfkECQUACwAsAQAAABMAFAAABozAhXABeEAMhMEgABg6hQ1DYVpQWpvPBZUQyQQCg4QykC0QFOSh4Dt+GhJZocCaFsLjciseD17us3N+f099BRmDQ4WHiAtgd4wLGREYkI0IBBCVClMPUgSPcQkIBQYBDwSkoE4JSAUPTgUIaE4ACpeGThlbEBkHEaNTGQJPnVTGpK9xRUcEBAYQD3VCQQAh+QQJBQALACwBAAAAEwAUAAAGlsCFcAF4QAyEwSAAGDqFDUNhWlBam07BgUqIHAKBQUIZcG4LhEp5KACToVND4sm2lhEEwpxeVy4IBRV8T2FLaFiDQgJkBRGJhAkBBQePToWTlUOXjpkLlwSIiYuGBQqZhQF4CHuDAFYLDXGsTwkUFUtCZ2mhARV5BQ9sZ2gQBwcRCFQHAk8PUlTQBsF8AUZSBAYRD2tDQQAh+QQFBQALACwBAAAAEwAUAAAGjMCFcAF4QAyEwSAAGDqFDUNhWlBam07BgUqIZAKBQUIZcG4LBEV5KACToVND4sm2lhEEwpxeVy4IBQp8T2FLaFiDQgJkBRGJhEoFGY9OhZKUQ2EJjZhCYQGHmIuRgZiFAVJ6j6MDCw+AcoOsa2cIalkAdmwZXBAZBxENY0t0D1JUUxCfg0VHeQYZiENBACH5BAkFAAIALAEAAgANABIAAAYxQIFwKDwQj8ikcslsOptG6HNKVSIICGajQCUIAMdAUeA1BM6BwQAJUbvXQ7FDnUgHggAh+QQJBQALACwAAAIAFAASAAAGasDFQnAoGAmRQyAwSAifz2KBUAlABVaosGE0OLXgJ4JA+IbDhELlzJ4C2OdCBK5NWAsHehivhw4Wcn1Pf26CC3cFCoZCYwhmfVwUDAJnb2AVCQMDAZRPApZhTJqbS0yPYEujqn90qZmkYEEAIfkEBQUACwAsAAACABQAEgAABoDAxUJwKBgJkUMgMEgMBgGhtFggKKJSwfKJXTSMhoR0PHxCFwAEgSAmjwXmxYNQULjdTCikCriT4VAGBRF+eE9GB4VkeXSJilJMCRobEo+QUHkClnAJAQBOXYUAXAuZiqNPQqgDmncAeV15UK1CAqidi2aYW05nhrrAoXiRXMILQQAh+QQJBQAAACwAAAIAFAAPAAAGNkCAcEgsGouVo3LJNBSYxwAokoQSA4OBwErMBrjdwRecyCbG4KwYLBywh25AnJuAv4foe3oYBAAh+QQFBQAFACwAAAEAFAATAAAGecCCsCAZCicD5ABgHAYmCAIhcggEBslBoHkdNBTboQCQDRfIk4CgKb5OmIVkAM4WkrFnrLkudAOeanxGAnp6glxpcodGaIaLfViKjwVPWlhri4RaAEh7fGhMkZifkpyXn110bkujBWNlXFlaVqtpdX9KkUp0t6ubbEEAOw==) no-repeat 50% 50%}.xsort-admin-area ul li{display:block;color:#f43;cursor:pointer;padding:1px 0}.xsort-admin-area ul li.current,.xsort-admin-area ul li:hover{color:#000}.xsort-admin-area ul li.current{font-weight:700}.xsort-admin-area p{margin:0;padding:7px 0 0}.xsort-admin-area code{max-height:400px;overflow:auto}.xsort-div-clearall{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAKklEQVQoz2NgGATA4L/Bf3QWmrTBfwSNQwEOSWQT8EjiNRqnCQRcPgAAAG+mJxC7ICdhAAAAAElFTkSuQmCC);background-position:50% 50%;width:32px;padding:0;background-repeat:no-repeat;cursor:pointer}
/* ==========================================================================
   Non-Destructive Modern UI & Performance Enhancements for anime-share3
   ========================================================================== */
:root {
  --as-bg-main: #0c0d10;
  --as-bg-card: #18191e;
  --as-bg-card-hover: #20222a;
  --as-accent: #ff4757;
  --as-accent-hover: #ff6b81;
  --as-gold: #ffa500;
  --as-border: rgba(255, 255, 255, 0.08);
  --as-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
  --as-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
  --as-radius-sm: 5px;
  --as-radius-md: 8px;
  --as-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.sh-block, .full-block {
  border-radius: var(--as-radius-md) !important;
  transition: var(--as-transition) !important;
}

.sh-block:hover {
  border-color: rgba(255, 71, 87, 0.25) !important;
  box-shadow: var(--as-shadow-lg) !important;
}

.poster-box img {
  border-radius: var(--as-radius-sm) !important;
  transition: var(--as-transition) !important;
}

.poster-box:hover img {
  transform: scale(1.02);
}

.btn-tosee {
  transition: var(--as-transition) !important;
}

.btn-tosee:hover {
  transform: scale(1.1);
  background: var(--as-accent) !important;
}

.quality {
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}

.player-block {
  border-radius: var(--as-radius-md) !important;
  overflow: hidden;
}

.player-block ul.tabs li {
  transition: var(--as-transition) !important;
}

.player-block ul.tabs li:hover,
.player-block ul.tabs li.current {
  color: var(--as-accent) !important;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #090a0d;
}

::-webkit-scrollbar-thumb {
  background: #333642;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--as-accent);
}

img {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   Deep Dark Mode & Fast GPU Performance Overrides (anime-share3)
   ========================================================================== */
.wrapper::before {
  background: linear-gradient(to bottom, rgba(7, 8, 11, 0.88), rgba(7, 8, 11, 0.95)), url(../images/bg.jpg) no-repeat center center !important;
  background-size: cover !important;
  will-change: transform;
  transform: translateZ(0);
}

body {
  background-color: #07080b !important;
  color: #e1e3ea !important;
}

.header-fixed,
.column-left,
.column-right,
.column-right-border,
.genre-block,
.sortn,
.sh-block,
.full-block,
.player-block,
.related-news-block,
.btn-addcom-block {
  background-color: #121318 !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  color: #e1e3ea !important;
}

.sh-block {
  content-visibility: auto;
  contain-intrinsic-size: 1px 280px;
  background: #15171e !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 8px !important;
  transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.2s ease, border-color 0.2s ease !important;
  will-change: transform;
}

.sh-block:hover {
  transform: translateY(-2px) translateZ(0) !important;
  background: #1a1c25 !important;
  border-color: rgba(255, 71, 87, 0.35) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
}

.sh-title-block h2.title-main a,
.full-title-block h1,
.title-column,
.horizontal-menu ul li a {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.horizontal-menu ul li a {
  background: #181920 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.horizontal-menu ul li a:hover,
.horizontal-menu ul li.active a {
  background: #ff4757 !important;
  color: #ffffff !important;
}

.sh-description,
.meta-details,
.genres li a,
.data-block {
  color: #a0a4b0 !important;
}

.genres li a:hover {
  color: #ff4757 !important;
}

.quality {
  background: #ff4757 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(255, 71, 87, 0.4);
}

::-webkit-scrollbar {
  width: 9px;
}

::-webkit-scrollbar-track {
  background: #08090c;
}

::-webkit-scrollbar-thumb {
  background: #252834;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff4757;
}



/* ==========================================================================
   #343434 Dark Graphite Palette & Soft Rounded Borders (anime-share3)
   ========================================================================== */
body {
  background: #000 url(../images/bg.jpg) no-repeat center top fixed !important;
  background-size: cover !important;
  color: #e2e2e2 !important;
}

.wrapper::before {
  display: none !important;
}

.header-fixed,
.column-left,
.column-right,
.column-right-border,
.genre-block,
.sortn,
.sh-block,
.full-block,
.player-block,
.related-news-block,
.btn-addcom-block {
  background-color: #343434 !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  color: #e2e2e2 !important;
}

.sh-block,
.full-block,
.genre-block,
.player-block,
.sortn {
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

.sh-block {
  background-color: #343434 !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.sh-block:hover {
  background-color: #3a3a3a !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
  transform: translateY(-2px) !important;
}

.poster-box img,
.poster-img {
  border-radius: 8px !important;
}

.sh-title-block h2.title-main a,
.full-title-block h1,
.title-column {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.sh-title-block h2.title-main a:hover {
  color: #ffa500 !important;
}

.horizontal-menu ul li a {
  background: #383838 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
}

.horizontal-menu ul li a:hover,
.horizontal-menu ul li.active a {
  background: #444444 !important;
  border-color: #ffa500 !important;
  color: #ffa500 !important;
}

.quality {
  background: #2a2a2a !important;
  color: #ffa500 !important;
  border: 1px solid rgba(255, 165, 0, 0.4) !important;
  border-radius: 6px !important;
}

::-webkit-scrollbar-track {
  background: #242424 !important;
}

::-webkit-scrollbar-thumb {
  background: #4a4a4a !important;
  border-radius: 6px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #606060 !important;
}

/* ==========================================================================
   Cyrillic Modern Typography, Contrast & Rounded Filter Dropdowns
   ========================================================================== */

body, button, input, select, textarea {
  font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  color: #f0f2f5 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

.sh-title-block h2.title-main a,
.full-title-block h1,
.title-column {
  font-family: 'Rubik', sans-serif !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
}

.sh-title-block h2.title-main a:hover {
  color: #ffaa00 !important;
}

.sh-description, .full-description {
  color: #e2e8f0 !important;
}

.meta-details, .genres li a, .data-block, .lineinput {
  color: #cbd5e1 !important;
}

.meta-details b, .genres li a, .lineinput b {
  color: #f1f5f9 !important;
  font-weight: 600 !important;
}

.title-column {
  padding: 10px 20px 4px 20px !important;
}

.lineinput, .lineinputform, .filterbox, .boxfilter {
  width: 100% !important;
  padding: 0 20px !important;
  margin: 4px 0 12px 0 !important;
  float: none !important;
  box-sizing: border-box !important;
  clear: both !important;
}

select,
.lineinput select,
.boxfilter select,
.sortn select {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  height: 38px !important;
  line-height: 24px !important;
  background-color: #282828 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  padding: 6px 12px !important;
  font-family: 'Rubik', sans-serif !important;
  font-size: 13.5px !important;
  outline: none !important;
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

select:hover,
select:focus,
.lineinput select:hover,
.boxfilter select:hover {
  background-color: #323232 !important;
  border-color: #ffaa00 !important;
  box-shadow: 0 0 8px rgba(255, 170, 0, 0.25) !important;
}

.genres li a {
  padding: 2px 6px !important;
  border-radius: 6px !important;
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.genres li a:hover {
  background: rgba(255, 170, 0, 0.15) !important;
  color: #ffaa00 !important;
}

/* ==========================================================================
   Liquid Glass & Floating Glassmorphism Cards (anime-share3)
   ========================================================================== */
.sh-block,
.full-block,
.genre-block,
.player-block,
.column-left,
.column-right,
.sortn,
.horizontal-menu ul li a {
  background: rgba(50, 50, 50, 0.72) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

.sh-block {
  border-radius: 14px !important;
  transition: transform 0.3s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease !important;
}

.sh-block:hover {
  background: rgba(58, 58, 58, 0.85) !important;
  transform: translateY(-4px) translateZ(0) !important;
  box-shadow: 0 16px 40px -6px rgba(0, 0, 0, 0.55), 0 0 12px rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

select,
.lineinput select,
.boxfilter select,
.sortn select {
  background: rgba(40, 40, 40, 0.8) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  border-radius: 12px !important;
}

select:hover,
select:focus,
.lineinput select:hover,
.boxfilter select:hover {
  background: rgba(50, 50, 50, 0.9) !important;
  border-color: rgba(255, 170, 0, 0.4) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35), 0 0 10px rgba(255, 170, 0, 0.2) !important;
}

.horizontal-menu ul li a {
  border-radius: 10px !important;
}

.horizontal-menu ul li a:hover,
.horizontal-menu ul li.active a {
  background: rgba(255, 170, 0, 0.18) !important;
  border-color: rgba(255, 170, 0, 0.35) !important;
  box-shadow: 0 4px 14px rgba(255, 170, 0, 0.2) !important;
}

/* ==========================================================================
   Informative & Light Animated Cards (.sh-block)
   ========================================================================== */
@keyframes shSlideUp {
  from {
    opacity: 0.85;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.sh-block {
  animation: shSlideUp 0.35s ease-out !important;
  border-radius: 14px !important;
  padding: 18px !important;
  transition: transform 0.3s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease !important;
}

.sh-block:hover {
  transform: translateY(-4px) translateZ(0) !important;
  box-shadow: 0 16px 36px -6px rgba(0, 0, 0, 0.6), 0 0 16px rgba(255, 170, 0, 0.12) !important;
  border-color: rgba(255, 170, 0, 0.3) !important;
  background: rgba(56, 56, 56, 0.85) !important;
}

.poster-box {
  overflow: hidden !important;
  border-radius: 10px !important;
}

.poster-box img {
  transition: transform 0.4s cubic-bezier(0.2, 0, 0.2, 1) !important;
}

.sh-block:hover .poster-box img {
  transform: scale(1.06) !important;
}

.btn-tosee {
  transition: transform 0.3s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.2, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.2, 0, 0.2, 1), color 0.3s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.2, 0, 0.2, 1) !important;
}

.sh-block:hover .btn-tosee {
  transform: scale(1.18) !important;
  background: #ffaa00 !important;
  color: #111111 !important;
  box-shadow: 0 0 18px rgba(255, 170, 0, 0.6) !important;
}

.sh-description {
  margin-bottom: 12px !important;
  line-height: 1.65 !important;
}

.meta-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 10px 0 !important;
}

.meta-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.meta-chip:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

.meta-chip.quality-chip {
  background: rgba(255, 170, 0, 0.15) !important;
  color: #ffaa00 !important;
  border-color: rgba(255, 170, 0, 0.3) !important;
  font-weight: 600 !important;
}

.meta-chip.year-chip {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   Monolithic Body Container with Minimal Subtle Gradient (anime-share3)
   ========================================================================== */
.column-left,
.column-right,
.content-box {
  background: linear-gradient(180deg, #383838 0%, #2e2e2e 100%) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4) !important;
  overflow: hidden !important;
}

.sortn {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 14px 20px 6px 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.sortn + hr,
.sortn hr,
.sortn-box hr {
  display: none !important;
}

.sh-block {
  background: linear-gradient(180deg, rgba(62, 62, 62, 0.6) 0%, rgba(50, 50, 50, 0.6) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  margin: 14px !important;
  width: calc(100% - 28px) !important;
  box-sizing: border-box !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

.sh-block:hover {
  background: linear-gradient(180deg, rgba(70, 70, 70, 0.75) 0%, rgba(56, 56, 56, 0.75) 100%) !important;
  border-color: rgba(255, 170, 0, 0.3) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
}



/* ==========================================================================
   Dark Purple Selection & Highlight Accents (anime-share3)
   ========================================================================== */
::selection {
  background: #581c87 !important;
  color: #ffffff !important;
}

::-moz-selection {
  background: #581c87 !important;
  color: #ffffff !important;
}

.horizontal-menu ul li a:hover,
.horizontal-menu ul li.active a {
  background: #4c1d95 !important;
  border-color: #6b21a8 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(76, 29, 149, 0.4) !important;
}

a:hover,
a:focus,
.sh-title-block h2.title-main a:hover,
.genres li a:hover {
  color: #c084fc !important;
}

.genres li a:hover {
  background: rgba(88, 28, 135, 0.3) !important;
}

select:hover,
select:focus,
.lineinput select:hover,
.boxfilter select:hover {
  border-color: #7e22ce !important;
  box-shadow: 0 0 10px rgba(126, 34, 206, 0.4) !important;
}

.btn-tosee:hover {
  background: #581c87 !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(126, 34, 206, 0.6) !important;
}

.meta-chip.quality-chip,
.quality {
  background: rgba(88, 28, 135, 0.4) !important;
  color: #e9d5ff !important;
  border-color: #7e22ce !important;
}

/* ==========================================================================
   Modernized Poster Carousel (.screens-c / #owl-scr) - anime-share3
   ========================================================================== */
@keyframes owlPosterFlipIn {
  0% {
    opacity: 0.5;
    transform: scale(0.93) rotateY(-6deg) translateY(4px);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotateY(0deg) translateY(0);
  }
}

.screens1,
.screens-c,
#owl-scr {
  border-radius: 14px !important;
  position: relative !important;
  perspective: 1000px !important;
}

.screens-c {
  background: rgba(35, 35, 35, 0.65) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
  padding: 10px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  overflow: hidden !important;
}

.screens-c .owl-item img {
  border-radius: 10px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
  transition: transform 0.35s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.35s ease !important;
  will-change: transform;
}

.screens-c .owl-item:hover img {
  transform: scale(1.04) translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55), 0 0 14px rgba(206, 16, 37, 0.25) !important;
}

.screens-c .owl-item.active {
  animation: owlPosterFlipIn 0.45s cubic-bezier(0.2, 0, 0.2, 1) !important;
}

.screens-c .owl-buttons .owl-prev,
.screens-c .owl-buttons .owl-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  text-align: center !important;
  background: rgba(30, 30, 30, 0.8) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  font-size: 16px !important;
  opacity: 0.85 !important;
  transition: transform 0.25s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1), background-color 0.25s cubic-bezier(0.2, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.2, 0, 0.2, 1), color 0.25s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
  z-index: 10 !important;
}

.screens-c .owl-buttons .owl-prev {
  left: 12px !important;
}

.screens-c .owl-buttons .owl-next {
  right: 12px !important;
}

.screens-c .owl-buttons .owl-prev:hover,
.screens-c .owl-buttons .owl-next:hover {
  opacity: 1 !important;
  background: rgba(206, 16, 37, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  transform: translateY(-50%) scale(1.1) !important;
  box-shadow: 0 8px 20px rgba(206, 16, 37, 0.5) !important;
}

.screens-c .owl-pagination {
  text-align: center !important;
  margin-top: 10px !important;
}

.screens-c .owl-pagination .owl-page {
  display: inline-block !important;
  margin: 0 4px !important;
}

.screens-c .owl-pagination .owl-page span {
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.25) !important;
  transition: transform 0.3s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.2, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.2, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.2, 0, 0.2, 1), color 0.3s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.2, 0, 0.2, 1) !important;
}

.screens-c .owl-pagination .owl-page.active span {
  width: 24px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #ce1025 0%, #920010 100%) !important;
  box-shadow: 0 0 12px rgba(206, 16, 37, 0.6) !important;
}

/* ==========================================================================
   Readable Dark Sorting Block & Liquid Glass Pagination Modernization
   ========================================================================== */
.xsort-area,
.lineinput,
.lineinputform,
.filterbox,
.sortn {
  color: #ffffff !important;
}

.xsort-div,
.xsort-ul,
.lineinput select,
.lineinput input[type="text"],
.filterbox select,
.filterbox input,
.sortn select {
  background: rgba(35, 35, 35, 0.85) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  padding: 6px 12px !important;
  outline: none !important;
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

.xsort-div:hover,
.lineinput select:focus,
.filterbox select:focus,
.sortn select:focus {
  border-color: #ce1025 !important;
  box-shadow: 0 0 12px rgba(206, 16, 37, 0.35) !important;
  color: #ffffff !important;
}

.xsort-selected,
.xsort-div span,
.xsort-ul li {
  color: #ffffff !important;
}

.xsort-ul {
  background: #25272e !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

.xsort-ul li:hover,
.xsort-ul li.current {
  background: #ce1025 !important;
  color: #ffffff !important;
}

.xsort-div-filler,
.xsort-div-clearall,
.lineinput .fbutton,
.lineinput button,
.filterbox button,
.sort-box button {
  background-color: rgba(50, 50, 50, 0.85) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.xsort-div-filler:hover,
.xsort-div-clearall:hover,
.lineinput button:hover {
  background-color: #ce1025 !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

.lineinput button[type="submit"],
.lineinput .btn-filter,
#dosearch {
  background: linear-gradient(135deg, #ce1025 0%, #920010 100%) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(206, 16, 37, 0.4) !important;
}

.navigation,
.navigation-block {
  text-align: center !important;
  padding: 16px 0 !important;
}

.navigation a,
.navigation span,
.navigation a:link,
.navigation a:visited,
.page-nav a,
.page-nav span {
  display: inline-block !important;
  background: rgba(45, 45, 45, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  margin: 0 3px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: transform 0.2s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1), background-color 0.2s cubic-bezier(0.2, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.2, 0, 0.2, 1), color 0.2s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.2, 0, 0.2, 1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

.navigation a:hover,
.page-nav a:hover {
  background: rgba(70, 70, 70, 0.9) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

.navigation span:not(.nav_ext),
.navigation .current,
.page-nav span.current {
  background: linear-gradient(135deg, #ce1025 0%, #920010 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-color: rgba(206, 16, 37, 0.5) !important;
  box-shadow: 0 6px 18px rgba(206, 16, 37, 0.45) !important;
}

.navigation span.nav_ext {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #94a3b8 !important;
}

/* ==========================================================================
   Fix: Restored Icons in Sorting Block & Compact Single-Line Pagination
   ========================================================================== */
.xsort-div-filler,
.xsort-div-clearall {
  width: 32px !important;
  height: 32px !important;
  line-height: 30px !important;
  display: inline-block !important;
  background-color: rgba(45, 45, 45, 0.85) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  vertical-align: middle !important;
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.xsort-div-filler:hover,
.xsort-div-clearall:hover {
  background-color: #ce1025 !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 10px rgba(206, 16, 37, 0.4) !important;
}

.navigation,
.navigation-block {
  text-align: center !important;
  padding: 10px 0 !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
}

.navigation a,
.navigation span,
.navigation a:link,
.navigation a:visited,
.page-nav a,
.page-nav span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(45, 45, 45, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 3px 9px !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  height: 28px !important;
  min-width: 28px !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

.navigation a:hover,
.page-nav a:hover {
  background: rgba(70, 70, 70, 0.9) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  transform: translateY(-1px) !important;
}

.navigation span:not(.nav_ext),
.navigation .current,
.page-nav span.current {
  background: linear-gradient(135deg, #ce1025 0%, #920010 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-color: rgba(206, 16, 37, 0.5) !important;
  box-shadow: 0 4px 12px rgba(206, 16, 37, 0.45) !important;
}

.navigation span.nav_ext {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #94a3b8 !important;
  padding: 0 4px !important;
  min-width: auto !important;
}

/* ==========================================================================
   Fix: FontAwesome Icons for Sorting Buttons & Single Row Flex Fit
   ========================================================================== */
.xsort-area {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
  padding: 0 10px !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

.xsort-area > div {
  float: none !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.xsort-div {
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
}

.xsort-div-filler,
.xsort-div-clearall {
  width: 32px !important;
  height: 32px !important;
  line-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: rgba(45, 45, 45, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  position: relative !important;
  flex-shrink: 0 !important;
}

.xsort-div-filler::before {
  content: "\f002" !important;
  font-family: "FontAwesome" !important;
  font-size: 13px !important;
  color: #ffffff !important;
}

.xsort-div-clearall::before {
  content: "\f00d" !important;
  font-family: "FontAwesome" !important;
  font-size: 13px !important;
  color: #ffffff !important;
}

.xsort-div-filler:hover,
.xsort-div-clearall:hover {
  background-color: #ce1025 !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: 0 0 10px rgba(206, 16, 37, 0.5) !important;
}

/* ==========================================================================
   Fix: Dropdown Z-Index & Visible Overflow (Unclip Dropdowns)
   ========================================================================== */
.xsort-area,
.xsort-div,
.sorting,
.lineinput,
.lineinputform,
.filterbox,
.sortn {
  overflow: visible !important;
}

.xsort-area {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  position: relative !important;
  z-index: 100 !important;
  margin-bottom: 12px !important;
  padding: 0 5px !important;
}

.xsort-div {
  position: relative !important;
  z-index: 101 !important;
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
}

.xsort-div:hover {
  z-index: 105 !important;
}

.xsort-ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 999999 !important;
  background: #25272e !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.75) !important;
  min-width: 140px !important;
}

/* ==========================================================================
   Fix: Stacking Context & Stacking Order for Dropdown Menu OVER Pagination
   ========================================================================== */
.xsort-area,
.lineinput,
.lineinputform,
.filterbox,
.sortn {
  position: relative !important;
  z-index: 99999 !important;
}

.xsort-div {
  position: relative !important;
  z-index: 999999 !important;
}

.xsort-ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 99999999 !important;
  background: #25272e !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85) !important;
}

.navigation,
.navigation-block,
.page-nav {
  position: relative !important;
  z-index: 1 !important;
}

.navigation a,
.navigation span,
.page-nav a,
.page-nav span {
  position: relative !important;
  z-index: 2 !important;
}

/* ==========================================================================
   Liquid Glass Dark Gray Metal Gradient Cards with #920010 Hover (anime-share3)
   ========================================================================== */
.sh-block,
.full-block,
.short-story,
.collect-block {
  background: linear-gradient(180deg, rgba(58, 61, 68, 0.75) 0%, rgba(42, 45, 52, 0.8) 100%) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
  padding: 16px !important;
  margin-bottom: 20px !important;
  transition: transform 0.25s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.25s ease, border-color 0.25s ease !important;
  will-change: transform;
}

.sh-block:hover,
.short-story:hover,
.collect-block:hover {
  transform: translateY(-3px) translateZ(0) !important;
  background: linear-gradient(180deg, rgba(68, 71, 78, 0.88) 0%, rgba(50, 53, 60, 0.9) 100%) !important;
  border-color: #920010 !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55), 0 0 18px rgba(146, 0, 16, 0.45) !important;
}

.sh-block .poster-box img,
.sh-block .poster img {
  border-radius: 10px !important;
  transition: transform 0.35s cubic-bezier(0.2, 0, 0.2, 1) !important;
}

.sh-block:hover .poster-box img,
.sh-block:hover .poster img {
  transform: scale(1.05) !important;
}

/* ==========================================================================
   Rating Block & Favorites Bookmark Modernization with Smooth Micro-Animations
   ========================================================================== */
.rating-block,
.rating-info,

.rating-info .fa {
  color: #94a3b8 !important;
  font-size: 15px !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.rating-info .fa:hover {
  color: #ffffff !important;
  transform: scale(1.15) !important;
}

.rating-info ul {
  background: rgba(30, 32, 38, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
  color: #e2e8f0 !important;
  padding: 8px 12px !important;
}



.favorite-block,
.favorite,
.plus-fav,
.minus-fav,
.k-fav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(45, 45, 45, 0.75) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
  transition: transform 0.25s cubic-bezier(0.2, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.2, 0, 0.2, 1), background-color 0.25s cubic-bezier(0.2, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.2, 0, 0.2, 1), color 0.25s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.2, 0, 0.2, 1) !important;
  cursor: pointer !important;
  will-change: transform;
}

.favorite-block:hover,
.favorite:hover,
.plus-fav:hover,
.minus-fav:hover,
.k-fav:hover {
  transform: translateY(-2px) scale(1.05) !important;
  background: rgba(65, 65, 65, 0.9) !important;
  border-color: #920010 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45), 0 0 14px rgba(146, 0, 16, 0.4) !important;
}

.minus-fav,
.k-fav-added {
  border-color: rgba(206, 16, 37, 0.6) !important;
  background: rgba(206, 16, 37, 0.2) !important;
  box-shadow: 0 0 14px rgba(206, 16, 37, 0.4) !important;
}

/* ==========================================================================
   Speed Optimization & Hardware GPU Acceleration (anime-share3)
   ========================================================================== */
.sh-block,
.full-block,
.short-story,
.collect-block {
  content-visibility: auto;
  contain-intrinsic-size: 1px 360px;
  will-change: transform;
  transform: translateZ(0);
}

img {
  will-change: transform;
  transform: translateZ(0);
}

.screens-c .owl-item img {
  will-change: transform;
  transform: translateZ(0);
}

/* ==========================================================================




/* Prevent DLE Tooltip ("????", "????") from shifting or breaking layout */
.unit-rating-title,


/* Liquid Glass styling for player block buttons */
.player-block ul.tabs li,
.player-block .btn-error,
.player-block .btn-idea {
  background: linear-gradient(180deg, rgba(58, 61, 68, 0.75) 0%, rgba(42, 45, 52, 0.8) 100%) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
  color: #e2e2e2 !important;
  transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important;
  text-shadow: none !important;
}

.player-block ul.tabs li.current {
  background: linear-gradient(180deg, rgba(68, 71, 78, 0.88) 0%, rgba(50, 53, 60, 0.9) 100%) !important;
  border-color: #920010 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(146, 0, 16, 0.4) !important;
}

.player-block ul.tabs li:hover,
.player-block .btn-error:hover,
.player-block .btn-idea:hover {
  background: linear-gradient(180deg, rgba(68, 71, 78, 0.88) 0%, rgba(50, 53, 60, 0.9) 100%) !important;
  border-color: #920010 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(146, 0, 16, 0.4) !important;
}

/* --- Кнопка "Скачать" в ряду вкладок --- */
/* Это действие, а не вкладка: не подсвечивается как .current и уводит по ссылке,
   поэтому отделяем её визуально акцентным цветом. */
.player-block ul.tabs li.btn-download-tab {
  background: linear-gradient(180deg, rgba(146, 0, 16, 0.9) 0%, rgba(110, 0, 12, 0.95) 100%) !important;
  border-color: rgba(255, 90, 90, 0.45) !important;
  padding: 0 !important;
}

.player-block ul.tabs li.btn-download-tab:hover {
  background: linear-gradient(180deg, rgba(178, 0, 20, 0.95) 0%, rgba(140, 0, 16, 1) 100%) !important;
  border-color: #ff5a5a !important;
}

/* Ссылка должна повторять метрику обычной вкладки (padding 0 20px / line-height 26px),
   иначе она выше своего <li> и текст съезжает вниз относительно блока. */
.player-block ul.tabs li.btn-download-tab > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 100% !important;
  padding: 0 20px !important;
  line-height: 26px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

/* Запас под точки owl-карусели нужен только там, где карусель есть
   (полная новость с заполненным poster2). Раньше правило висело на всех
   .poster-box и срезало 25px у обычных постеров в карточках. */
.poster-box.has-carousel {
  aspect-ratio: auto !important;
  overflow: visible !important;
  padding-bottom: 25px !important;
}

/* overflow:visible выше был нужен только для точек owl-карусели, но заодно
   освобождал декоративный блик (.poster-box::after, см. ниже): вместо того
   чтобы обрезаться рамкой постера, он растягивался через всю статью при
   наведении. У постера с каруселью и так живая смена кадров — статичный
   блик поверх неё лишний, поэтому на has-carousel просто отключаем его. */
.poster-box.has-carousel::after {
  display: none !important;
}

/* Принудительная фиксация Outstream блоков ExoClick в правом нижнем углу */
div[class*="_main_outstream"] {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;
    max-width: 400px !important;
    z-index: 99999 !important;
}

/* Ограничение ширины внутреннего оберточного блока */
div[class*="_effect_exo_wrapper"] {
    max-width: 100% !important;
}

/* ==========================================================================
   HIGH-END VISUAL DESIGN SYSTEM (ANIME-SHARE 3.0)
   ========================================================================== */

:root {
  --font-main: 'Manrope', 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --bg-deep: #090c14;
  --bg-card: rgba(22, 28, 42, 0.75);
  --bg-card-hover: rgba(30, 39, 58, 0.9);
  --border-glass: rgba(255, 255, 255, 0.08);
  --border-glass-hover: rgba(99, 102, 241, 0.35);
  --accent-primary: #6366f1;
  --accent-secondary: #a855f7;
  --accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);
  --accent-glow: rgba(99, 102, 241, 0.4);
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --radius-card: 14px;
  --radius-badge: 6px;
  --radius-btn: 8px;
}
/* --- 2-Column Grid / Float Layout Protection --- */
.content-box {
  width: 950px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
}

.column-left {
  width: 308px !important;
  float: left !important;
}

.column-right {
  width: 637px !important;
  float: right !important;
}

@media (max-width: 960px) {
  .content-box {
    width: 100% !important;
    padding: 0 10px !important;
  }
  .column-left, .column-right {
    width: 100% !important;
    float: none !important;
  }
}

body {
  font-family: var(--font-main) !important;
  background-color: var(--bg-deep) !important;
  color: var(--text-primary) !important;
  -webkit-font-smoothing: antialiased;
}

/* --- Smooth Custom Scrollbar --- */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #06080e;
}
::-webkit-scrollbar-thumb {
  background: rgba(99, 102, 241, 0.35);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(99, 102, 241, 0.7);
}

/* --- Anime Card Modernization (shortstory.tpl) --- */
.sh-block {
  background: var(--bg-card) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--border-glass) !important;
  border-radius: var(--radius-card) !important;
  padding: 16px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.sh-block:hover {
  transform: translateY(-4px) !important;
  border-color: var(--border-glass-hover) !important;
  box-shadow: 0 14px 40px rgba(99, 102, 241, 0.18) !important;
}

.title-column,
.title-column i {
  font-family: var(--font-main) !important;
  font-style: normal !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
}

.sh-title-block {
  padding: 0 0 12px 0 !important;
}

.title-main a, h2.title-main a {
  font-family: var(--font-main) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
  transition: color 0.2s ease !important;
}

.title-main a:hover, h2.title-main a:hover {
  color: #fbbf24 !important;
}

.sh-content {
  display: flex !important;
  gap: 18px !important;
}

.poster-box {
  display: block !important;
  aspect-ratio: 2/3 !important;
  width: 100% !important;
  /* height:auto обязателен: в минифицированном блоке выше есть правило
     ".sh-block .poster .poster-box{height:100%}" с большей специфичностью,
     из-за него постер тянулся по высоте текста и ломал пропорции 2:3. */
  height: auto !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Ширину постера задаёт колонка, а .poster-box её заполняет.
   Одинаково в карточке списка и на странице новости.
   --poster-w используется ещё и для ограничения высоты описания. */
:root {
  --poster-w: 220px;
}

.sh-block .poster,
.poster-col {
  width: var(--poster-w) !important;
  flex-shrink: 0 !important;
}

.anime-poster-img,
.full-poster-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  transition: transform 0.4s ease !important;
}

.poster-box:hover .anime-poster-img {
  transform: scale(1.06) !important;
}

.poster-box .quality-badge {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  background: var(--accent-gradient) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: var(--radius-badge) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
  z-index: 5 !important;
}

.renew-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(245, 158, 11, 0.15) !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
  color: #fbbf24 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

.sh-details {
  flex: 1 !important;
}

.sh-description {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: var(--text-secondary) !important;
  margin-bottom: 14px !important;
}

.meta-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 8px 14px !important;
  margin-bottom: 14px !important;
  padding: 10px 14px !important;
  background: rgba(0, 0, 0, 0.25) !important;
  border-radius: 8px !important;
}

.meta-item {
  font-size: 12px !important;
  color: var(--text-secondary) !important;
}

.meta-label {
  color: var(--text-muted) !important;
  font-weight: 500 !important;
}

.meta-val {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
}

.meta-val.highlight {
  color: #ec4899 !important;
}

/* --- Fullstory Modern Layout (fullstory.tpl) --- */
.full-main-grid {
  display: flex !important;
  align-items: flex-start !important;
  gap: 22px !important;
  margin-bottom: 16px !important;
}

/* Ширина .poster-col задана выше вместе с .sh-block .poster */

.full-poster-img {
  box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
}

/* .details-col задан ниже, вместе с правилами сворачивания описания */

/* Размер заголовка совпадает с .title-main карточки (см. ~1500),
   чтобы список и страница новости читались как одно оформление. */
.full-main-title {
  font-family: var(--font-main) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: #ffffff !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6) !important;
  border-left: 4px solid var(--accent-primary) !important;
  padding-left: 14px !important;
  margin: 0 0 16px 0 !important;
}

.details-col {
  flex: 1 !important;
  min-width: 0 !important;
}

/* Описание не должно уходить ниже постера: колонка ограничена его высотой
   (ширина постера × 3/2), лишний текст скрывается и разворачивается кнопкой.
   Класс .is-clamped вешает fullstory.js — только когда текст реально не влез. */
.full-description {
  display: flex !important;
  flex-direction: column !important;
  max-height: calc(var(--poster-w, 220px) * 1.5) !important;
  position: relative !important;
}

.full-description.is-expanded {
  max-height: none !important;
}

.full-story-text {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #cbd5e1 !important;
  margin-bottom: 0 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Плавное затухание у обрезанного текста */
.full-description.is-clamped:not(.is-expanded) .full-story-text {
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 42px), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 calc(100% - 42px), transparent 100%);
}

.desc-toggle {
  display: none;
  flex: 0 0 auto;
  align-self: flex-start;
  margin-top: 6px;
  padding: 4px 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  color: var(--accent-primary, #6366f1);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.1));
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

.full-description.is-clamped .desc-toggle {
  display: block;
}

.desc-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.desc-toggle::before {
  content: 'Показать полностью';
}

.full-description.is-expanded .desc-toggle::before {
  content: 'Свернуть';
}

/* Характеристики под постером — на всю ширину карточки */
.meta-grid.full-meta {
  margin-bottom: 20px !important;
}

/* Блок характеристик полной новости намеренно без собственных правил:
   он использует общий .meta-grid / .meta-item карточки shortstory,
   поэтому выглядит одинаково на списке и на странице новости. */

.highlight-orange { color: #f59e0b !important; font-weight: 600 !important; }
.highlight-red { color: #ef4444 !important; font-weight: 600 !important; }

.player-responsive-wrap {
  aspect-ratio: 16/9 !important;
  width: 100% !important;
  background: #000 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.player-responsive-wrap iframe,
.player-responsive-wrap video {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* RalodePlayer рисует свою обвязку (переключатель источников сверху/снизу,
   промо-оверлеи) поверх видео и сам считает итоговую высоту через JS —
   она заметно больше «чистого» 16:9. Строгий aspect-ratio+overflow:hidden
   обрезал эту обвязку снизу. .has-ralode вешает fullstory.js, когда находит
   .RalodePlayer внутри обёртки, и даём ей расти по высоте без обрезки. */
.player-responsive-wrap.has-ralode {
  aspect-ratio: auto !important;
  overflow: visible !important;
}

.player-responsive-wrap.has-ralode iframe,
.player-responsive-wrap.has-ralode video {
  
}

.tg-banner-wrap {
  text-align: center !important;
  margin: 16px 0 !important;
}

.tg-full-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 24px !important;
  background: linear-gradient(135deg, #0088cc 0%, #24a1de 100%) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: var(--radius-btn) !important;
  box-shadow: 0 8px 20px rgba(0, 136, 204, 0.4) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.tg-full-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(0, 136, 204, 0.6) !important;
}

/* --- Comments Card Modernization (comments.tpl) --- */
.comment-card {
  background: var(--bg-card) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid var(--border-glass) !important;
  border-radius: var(--radius-card) !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

.comment-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-bottom: 1px solid var(--border-glass) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
}

.comment-id {
  color: var(--accent-primary) !important;
  font-weight: 700 !important;
  margin-right: 8px !important;
}

.comment-author {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--text-primary) !important;
}

.comment-date {
  font-size: 12px !important;
  color: var(--text-muted) !important;
}

.comment-main {
  display: flex !important;
  gap: 16px !important;
}

.comment-user-sidebar {
  width: 110px !important;
  flex-shrink: 0 !important;
  text-align: center !important;
}

.comment-avatar img {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  border: 2px solid var(--accent-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  margin-bottom: 8px !important;
}

.comment-user-details {
  font-size: 11px !important;
  color: var(--text-muted) !important;
  line-height: 1.5 !important;
}

.comment-content {
  flex: 1 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #e2e8f0 !important;
}

.comment-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--border-glass) !important;
}

.btn-comm-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--border-glass) !important;
  border-radius: 6px !important;
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
}

.btn-comm-action:hover {
  background: var(--accent-primary) !important;
  color: #fff !important;
  border-color: var(--accent-primary) !important;
}

.btn-comm-del:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
}

.comment-ip {
  font-size: 11px !important;
  color: var(--text-muted) !important;
}

/* --- Add Comments Form Modernization (addcomments.tpl) --- */
.add-comment-box {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-glass) !important;
  border-radius: var(--radius-card) !important;
  padding: 20px !important;
  margin-top: 24px !important;
}

.add-comment-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--text-primary) !important;
  margin: 0 0 16px 0 !important;
}

.form-row-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.form-field label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--text-secondary) !important;
  margin-bottom: 6px !important;
}

.f_input {
  width: 100% !important;
  height: 38px !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid var(--border-glass) !important;
  border-radius: 8px !important;
  padding: 0 12px !important;
  color: #fff !important;
  font-size: 13px !important;
  transition: border-color 0.2s ease !important;
}

.f_input:focus {
  border-color: var(--accent-primary) !important;
  outline: none !important;
}

.btn-submit-comm {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  background: var(--accent-gradient) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: var(--radius-btn) !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px var(--accent-glow) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.btn-submit-comm:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px var(--accent-glow) !important;
}

/* ==========================================================================
   HIGH-END VISUAL POLISH & MICRO-INTERACTIONS
   ========================================================================== */

/* --- Glassmorphism Sticky Header --- */
.header-fixed {
  background: rgba(9, 12, 20, 0.88) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.5) !important;
}

/* --- Category Navigation Chips (.best-cat-block) --- */
.best-cat-block {
  background: rgba(15, 21, 33, 0.7) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3) !important;
}

.btn-best-cat {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #94a3b8 !important;
  border-radius: 20px !important;
  padding: 8px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-best-cat:hover {
  background: var(--accent-gradient) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(99, 102, 241, 0.45) !important;
}

/* --- Poster Light Streak Shimmer Sweep Effect --- */
.poster-box {
  position: relative !important;
  overflow: hidden !important;
}

/* Блик по постеру. Едет через transform, а не left: left — layout-свойство,
   и браузер пересчитывал раскладку на каждом кадре свипа. */
.poster-box::after {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  left: 0 !important;
  width: 45% !important;
  height: 200% !important;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.25) 50%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  transform: translateX(-200%) rotate(25deg) !important;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1),
              opacity 0.25s ease-out !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

.poster-box:hover::after {
  transform: translateX(300%) rotate(25deg) !important;
  opacity: 1 !important;
}

/* --- Sidebar Glass Widgets --- */
.block, .blocklite, #leftmenu, #news-arch, #popular, #news-partner {
  background: var(--bg-card) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--border-glass) !important;
  border-radius: var(--radius-card) !important;
  padding: 16px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

.btl h4, .block h4 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--text-primary) !important;
  border-left: 3px solid var(--accent-primary) !important;
  padding-left: 10px !important;
  margin: 0 0 12px 0 !important;
}

/* --- Screenshot Gallery Hover Zoom --- */
.screens img, .screens-c img {
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.screens img:hover, .screens-c img:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 10px 25px rgba(99, 102, 241, 0.35) !important;
  border-color: rgba(99, 102, 241, 0.6) !important;
}

/* ==========================================================================
   DESIGN TASTE FRONTEND: POLISHED UI DETAILS & COMPONENT STYLING
   ========================================================================== */

/* --- Top Search Bar (.top-search-box) --- */
.top-search-box input#story {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px 0 0 20px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  padding: 0 16px !important;
  height: 34px !important;
  line-height: 34px !important;
  transition: transform 0.25s ease, opacity 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important;
}

.top-search-box input#story:focus {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--accent-primary) !important;
  box-shadow: 0 0 16px rgba(99, 102, 241, 0.35) !important;
  outline: none !important;
}

.top-search-box .btn-dark {
  border-radius: 0 20px 20px 0 !important;
  background: var(--accent-gradient) !important;
  color: #ffffff !important;
  height: 34px !important;
  padding: 0 16px !important;
  border: none !important;
  margin: 0 !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.top-search-box .btn-dark:hover {
  opacity: 0.9 !important;
  transform: scale(1.03) !important;
}

/* --- Genre List Tag Pills (.genres) --- */
.genres {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 8px !important;
  padding: 14px 16px !important;
}

.genres li {
  width: auto !important;
  display: inline-block !important;
  margin: 0 !important;
}

.genres li span {
  display: none !important;
}

.genres li a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 16px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--text-secondary) !important;
  text-decoration: none !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.genres li a:hover {
  background: rgba(99, 102, 241, 0.25) !important;
  border-color: rgba(99, 102, 241, 0.5) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.25) !important;
}

/* --- Year Selection Dropdown (.sorting-data) --- */
select.sorting-data {
  background: rgba(18, 24, 38, 0.9) !important;
  border: 1px solid var(--border-glass) !important;
  color: var(--text-primary) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

select.sorting-data:focus, select.sorting-data:hover {
  border-color: var(--accent-primary) !important;
  box-shadow: 0 0 12px rgba(99, 102, 241, 0.3) !important;
}

/* --- Pagination Pills (.navigation) --- */
.navigation-block {
  margin: 28px 0 !important;
  text-align: center !important;
}

.navigation a, .navigation span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 14px !important;
  margin: 0 4px !important;
  background: var(--bg-card) !important;
  border: 1px solid var(--border-glass) !important;
  border-radius: 10px !important;
  color: var(--text-secondary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.navigation a:hover {
  background: rgba(99, 102, 241, 0.25) !important;
  border-color: var(--accent-primary) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.3) !important;
}

.navigation span {
  background: var(--accent-gradient) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px var(--accent-glow) !important;
}

/* --- Modern Footer (.footer) --- */
.footer {
  background: rgba(6, 8, 14, 0.95) !important;
  border-top: 1px solid var(--border-glass) !important;
  padding: 30px 0 !important;
  margin-top: 40px !important;
}

.footer-menu li a {
  color: var(--text-secondary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.footer-menu li a:hover {
  color: var(--accent-primary) !important;
}

/* ==========================================================================
   SHORTSTORY & FULLSTORY HEADER FLEXBOX LAYOUT (NO OVERLAPS)
   ========================================================================== */

/* --- Shortstory Card Header (.sh-card-header) --- */
.sh-card-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 12px !important;
  position: relative !important;
  width: 100% !important;
}

.sh-card-header .title-main,
.sh-card-header h2.title-main {
  flex: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sh-header-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
  position: static !important;
}

.sh-header-actions .favorite-block {
  position: static !important;
  margin: 0 !important;
}

.sh-header-actions .rating-block,
.full-header-actions .rating-block {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.sh-header-actions .rating-info,
.full-header-actions .rating-info {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.sh-header-actions .rating,
.full-header-actions .rating {
  display: inline-flex !important;
  align-items: center !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
}

@media (max-width: 640px) {
  .sh-card-header,
  .full-card-header {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .sh-header-actions {
    width: 100% !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
}

/* --- Fullstory Header (.full-card-header) --- */
.full-card-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
  position: relative !important;
  width: 100% !important;
}

.full-header-main {
  flex: 1 !important;
  min-width: 0 !important;
}

/* Заголовок полной новости ведёт себя в шапке так же, как заголовок карточки */
.full-card-header .full-main-title {
  flex: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.poster-box .quality-badge {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 5 !important;
}

.full-header-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  position: static !important;
}

.full-header-actions .favorite-block {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
}

.sh-block .favorite-block, .full-block .favorite-block {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
}

.plus-fav, .minus-fav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  color: #fbbf24 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hide text inside bookmark button, show ONLY icon */
.plus-fav font, .plus-fav span,
.minus-fav font, .minus-fav span {
  display: none !important;
}

.plus-fav:hover, .minus-fav:hover {
  background: rgba(251, 191, 36, 0.2) !important;
  border-color: #fbbf24 !important;
  transform: scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3) !important;
}

.plus-fav, .minus-fav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  color: #fbbf24 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.plus-fav:hover, .minus-fav:hover {
  background: rgba(251, 191, 36, 0.2) !important;
  border-color: #fbbf24 !important;
  transform: scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.3) !important;
}

/* --- Rating Info Icon (i) & Tooltip Popup --- */
.rating-info {
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  cursor: pointer !important;
}

.rating-info .fa-info-circle,
.rating-info .fa {
  font-size: 16px !important;
  color: #94a3b8 !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.rating-info:hover .fa-info-circle,
.rating-info:hover .fa {
  color: var(--accent-primary) !important;
  transform: scale(1.2) !important;
}

/* Hide tooltip by default */
.rating-info ul,
.rating-info .rating-tooltip {
  display: block !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(8px) !important;
  background: rgba(12, 16, 26, 0.96) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  width: 170px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 15px rgba(99, 102, 241, 0.25) !important;
  z-index: 99999 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s !important;
  margin: 0 !important;
  list-style: none !important;
}

/* Show tooltip ONLY on hover over .rating-info */
.rating-info:hover ul,
.rating-info:hover .rating-tooltip {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(4px) !important;
}

.rating-info ul li,
.rating-info .rating-tooltip li {
  font-size: 12px !important;
  color: #cbd5e1 !important;
  line-height: 1.6 !important;
  margin-bottom: 2px !important;
  list-style: none !important;
  white-space: nowrap !important;
}

.rating-info ul li b,
.rating-info .rating-tooltip li b {
  color: #fbbf24 !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   MOBILE UI REDESIGN & ADAPTIVE OPTIMIZATION (@media max-width: 768px)
   ========================================================================== */

/* ==========================================================================
   HEADER ABSOLUTE & SLIDER OVERLAY FIX (ELIMINATE FULL PAGE BLOCKING)
   ========================================================================== */

.slider-hide {
  display: none !important;
}

.header-absolute {
  position: relative !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 10 !important;
}

.content {
  padding: 20px 0 40px !important;
  position: relative !important;
}

body.showfull .content {
  padding: 20px 0 40px !important;
}

/* ==========================================================================
   MOBILE UI REDESIGN & ADAPTIVE OPTIMIZATION (@media max-width: 768px)
   ========================================================================== */

/* Hide legacy broken over-slider menu tabs on mobile */
@media (max-width: 768px) {
  .slider-hide {
    display: none !important;
  }

  .header-absolute {
    position: relative !important;
    top: 0 !important;
  }

  .over-slider-menu, .horizontal-menu ul {
    display: none !important;
  }

  .slider-main-box {
    height: auto !important;
    min-height: 190px !important;
    padding: 8px !important;
    border-radius: 12px !important;
  }

  .slider-main-box .slide a img {
    width: 110px !important;
    height: 165px !important;
    object-fit: cover !important;
  }

  /* --- Mobile Layout & Container --- */
  .wrapper {
    padding-top: 56px !important;
  }
  
  .content {
    padding: 10px 0 30px 0 !important;
  }
  
  .content-box {
    width: 100% !important;
    padding: 0 10px !important;
  }
  
  .column-left, .column-right {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
  }

  /* --- Mobile Header App Bar --- */
  .header-fixed {
    height: 56px !important;
    padding: 0 12px !important;
    background: rgba(9, 12, 20, 0.95) !important;
  }

  .header-fixed-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 56px !important;
  }

  .logo .logotype {
    width: 140px !important;
    height: 40px !important;
    background-size: contain !important;
  }

  .btn-mobile-menu, .btn-mobile-search {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    margin: 0 !important;
  }

  .top-search-box {
    display: none !important;
  }

  /* --- Mobile Category Horizontal Swipe Scroller --- */
  .best-cat-block {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    margin-bottom: 16px !important;
    border-radius: 12px !important;
    background: rgba(22, 28, 42, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  .best-cat-block::-webkit-scrollbar {
    display: none !important;
  }

  .btn-best-cat {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    padding: 7px 16px !important;
    font-size: 12px !important;
  }

  /* --- Mobile Anime Cards (.sh-block) --- */
  .sh-block {
    background: #111622 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    padding: 14px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .sh-title-block {
    padding: 0 !important;
    margin-bottom: 10px !important;
    position: relative !important;
    float: none !important;
    width: 100% !important;
  }

  .sh-block .favorite-block {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 10 !important;
  }

  .title-main, h2.title-main {
    width: 100% !important;
    margin: 0 !important;
    padding-right: 44px !important;
  }

  .title-main a, h2.title-main a {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    display: block !important;
  }

  .rating-block {
    position: static !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 6px !important;
    margin-bottom: 4px !important;
  }

  .sh-content {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  /* Селектор должен быть не слабее базового ".sh-block .poster, .poster-col",
     иначе десктопная ширина 220px протечёт на мобильные. */
  .poster,
  .sh-block .poster,
  .poster-col {
    float: none !important;
    width: 105px !important;
    min-width: 105px !important;
    margin: 0 !important;
  }

  .poster-box {
    width: 105px !important;
    min-width: 105px !important;
    aspect-ratio: 2/3 !important;
    height: auto !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .sh-details {
    flex: 1 !important;
    min-width: 0 !important;
    float: none !important;
  }

  .sh-description {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #94a3b8 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
  }

  .meta-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
  }

  .meta-item {
    font-size: 11px !important;
    color: #cbd5e1 !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    /* nowrap здесь распирал чип шире колонки: значения вроде
       «En название: Jujutsu Kaisen Season 2» вылезали за карточку.
       Разрешаем перенос внутри чипа и ограничиваем ширину контейнером. */
    white-space: normal !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .desktop-meta-item {
    display: none !important;
  }

  /* Дата в легаси-стилях позиционирована абсолютно (bottom/right) и после
     переноса чипов налезала на них. На узких экранах возвращаем её в поток. */
  .sh-block .data-block {
    position: static !important;
    margin-top: 8px !important;
    text-align: right !important;
  }

  .quality-badge {
    font-size: 9px !important;
    padding: 2px 6px !important;
    top: 6px !important;
    left: 6px !important;
  }

  .renew-badge {
    font-size: 11px !important;
    padding: 3px 8px !important;
    margin-bottom: 8px !important;
  }

  /* --- Mobile Fullstory Page (.fullstory.tpl) --- */
  .full-main-grid {
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
  }

  .poster-col {
    width: 150px !important;
  }

  /* На мобильных постер и описание идут друг под другом,
     привязывать высоту текста к постеру незачем. */
  .full-description {
    max-height: none !important;
  }

  .full-description .desc-toggle {
    display: none !important;
  }

  /* Заголовок остаётся слева с акцентной планкой — как в карточке,
     а не по центру: иначе переход в новость выглядит другой страницей. */
  .full-main-title {
    font-size: 18px !important;
    text-align: left !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
  }


  .player-block .tabs {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
    gap: 6px !important;
  }

  .player-block .tabs::-webkit-scrollbar {
    display: none !important;
  }

  .player-block .tabs li {
    flex-shrink: 0 !important;
    font-size: 12px !important;
    padding: 8px 14px !important;
  }

  /* --- Mobile Comments Layout --- */
  .comment-card {
    padding: 12px !important;
  }

  .comment-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
  }

  .comment-main {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .comment-user-sidebar {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-align: left !important;
  }

  .comment-avatar img {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 0 !important;
  }

  .form-row-group {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* ==========================================================================
   NATIVE APP-STYLE MOBILE BOTTOM DOCK BAR & ULTRA-CLEAN CARDS
   ========================================================================== */

.mobile-bottom-dock {
  display: none;
}

@media (max-width: 768px) {
  body {
    padding-bottom: 66px !important;
  }

  .mobile-bottom-dock {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 60px !important;
    background: rgba(9, 12, 20, 0.96) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    z-index: 999999 !important;
    align-items: center !important;
    justify-content: space-around !important;
    padding: 0 4px !important;
    box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.5) !important;
  }

  .mobile-bottom-dock .dock-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
    height: 100% !important;
    color: #94a3b8 !important;
    text-decoration: none !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
  }

  .mobile-bottom-dock .dock-item i,
  .mobile-bottom-dock .dock-item .tg-icon {
    font-size: 18px !important;
    margin-bottom: 3px !important;
    transition: transform 0.2s ease !important;
  }

  /* Логотип Telegram — инлайн-SVG (в font-awesome.css темы нет .fa-telegram) */
  .mobile-bottom-dock .dock-item .tg-icon {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  .mobile-bottom-dock .dock-item:hover,
  .mobile-bottom-dock .dock-item.active {
    color: #6366f1 !important;
  }

  .mobile-bottom-dock .dock-item:hover i,
  .mobile-bottom-dock .dock-item.active i {
    transform: translateY(-2px) scale(1.1) !important;
    color: #6366f1 !important;
  }

  .mobile-bottom-dock .dock-item.tg {
    color: #0088cc !important;
  }
}

@media (max-width: 520px) {
  /* Extra mobile polish for small phone screens */
  .sh-block {
    background: #111622 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
  }
  
  .sh-content {
    align-items: flex-start !important;
  }

  .poster-box {
    width: 100px !important;
    border-radius: 8px !important;
  }

  .meta-grid {
    background: transparent !important;
    padding: 0 !important;
  }

  .meta-item {
    display: inline-block !important;
    margin-right: 8px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
  }
}

/* ==========================================================================
   Unified Interaction Bar (Rating + Favorites)
   ========================================================================== */
.unified-interaction-bar {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(20, 21, 26, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 4px 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.uib-rating-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 4px;
  cursor: pointer;
}

.uib-rating-stars {
  display: flex;
  align-items: center;
  transform: scale(0.9);
  transform-origin: center;
}

/* {rating} — это только интерактивный виджет из 5 звёзд без числа рядом;
   среднюю оценку показывает {rate}, добавленный отдельно в шаблоне. Раньше
   этот числовой бейдж существовал только в моках dev_server.js для превью,
   а в реальном fullstory.tpl/shortstory.tpl рядом со звёздами не выводился
   вообще ничего. */
.uib-rate-value {
  font-size: 12px;
  font-weight: 700;
  color: var(--as-gold, #ffa500);
  margin-left: 4px;
}

/* Tooltip (Glassmorphism) */
.uib-tooltip {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  left: auto;
  transform: translateY(-10px);
  /* Фон именно непрозрачный: backdrop-filter в этом стеке не применяется,
     и на полупрозрачной подложке сквозь подсказку читался текст описания. */
  background: #1e2028;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  padding: 8px 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s cubic-bezier(0.25, 0.8, 0.25, 1),
              visibility 0.25s cubic-bezier(0.25, 0.8, 0.25, 1),
              transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 9999;
  pointer-events: none;
  min-width: 120px;
}

/* Tooltip Arrow */
.uib-tooltip::after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 24px;
  left: auto;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #1e2028 transparent;
}

.uib-rating-wrapper:hover .uib-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.sh-card-header .unified-interaction-bar {
  margin-left: auto;
}

.uib-tooltip-item {
  font-size: 12px;
  color: #e2e8f0;
  margin-bottom: 4px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
}

.uib-tooltip-item:last-child {
  margin-bottom: 0;
}

.uib-tooltip-item i {
  color: var(--as-gold, #ffa500);
  width: 14px;
  text-align: center;
}

.uib-tooltip-item b {
  color: #fff;
  font-weight: 600;
  margin-left: auto;
}

.uib-fav-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

.uib-fav-wrapper .plus-fav, 
.uib-fav-wrapper .minus-fav {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  margin: 0 !important;
}
/* ==========================================================================
   Точечная замена `transition: all` из легаси-таблицы темы
   `all` анимирует и layout-свойства (width/height/padding), из-за чего
   браузер пересчитывает раскладку на каждом кадре. Перечисляем только
   композитные и дешёвые в отрисовке свойства; исходный минифицированный
   блок при этом не правим — переопределяем те же селекторы здесь.
   ========================================================================== */
.over-black,
.btn-tosee,
.tosee-poster,
.collect-img,
.screens a,
.related-news ul li,
.serials-soon a,
.horizontal-menu ul li a,
.over-slider-menu li a,
.slider-main .slide,
.skinstyle-top,
.button.b-close {
  transition: transform 0.2s ease-out,
              opacity 0.2s ease-out,
              background-color 0.2s ease-out,
              border-color 0.2s ease-out,
              color 0.2s ease-out,
              box-shadow 0.2s ease-out;
}

/* ==========================================================================
   Виджет "Последние комментарии" (engine/modules/icomm.php, .last-comment-block)
   Разметка целиком отдаётся движком (main.tpl только вставляет {include}) —
   в теме не было НИ ОДНОГО правила под её классы. .lcomm-hidden по названию
   явно задумана как всплывающая по наведению (аватар+текст), но без display:none
   рендерилась всегда открытой: неограниченная по ширине .last-comment-block
   (float:left без width) и картинки в натуральную величину наезжали на
   соседнюю колонку. Ставим тот же паттерн всплывающей карточки, что и
   у .uib-tooltip.
   ========================================================================== */
.last-comment-block {
  float: none !important;
  width: 100% !important;
}

.lastcomm {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.lastcomm > li {
  list-style: none !important;
}

.lcomm-item {
  position: relative !important;
  display: block !important;
  padding: 10px 12px !important;
  margin-bottom: 6px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 8px !important;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out !important;
}

.lcomm-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.lcomm-user {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.lcomm-date {
  float: right !important;
  color: #64748b !important;
  font-size: 11px !important;
}

.lcomm-item > a {
  display: block !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.lcomm-item > a:hover {
  color: #ffffff !important;
}

.lcomm-item > a span {
  color: var(--as-gold, #ffa500) !important;
}

/* Превью аватара и полного текста — скрыто, всплывает по наведению на строку */
.lcomm-hidden {
  position: absolute !important;
  /* Родной icomm/style.css задаёт этому же классу width:450px без !important.
     При явном width браузер по спецификации CSS считает систему
     left+width+right переопределённой и отбрасывает right — !important
     на right это не спасает, побеждает именно width. Перебиваем явно. */
  width: auto !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  gap: 10px !important;
  padding: 10px !important;
  background: #1e2028 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-6px) !important;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s ease-out !important;
  pointer-events: none !important;
}

.lcomm-hidden img {
  /* Родной icomm/style.css: .lastcomm li .lcomm-hidden img{max-width:450px} —
     без сброса аватар мог бы растягиваться шире отведённых 40px. */
  max-width: none !important;
}

.lcomm-item:hover .lcomm-hidden {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

/* Последние строки списка: попап вниз вылезал за нижний край виджета
   и накрывал контент под сайдбаром. Разворачиваем его вверх — растёт
   от строки к уже показанным выше комментариям, а не в пустоту снизу. */
.lastcomm > li:nth-last-child(-n+2) .lcomm-hidden {
  top: auto !important;
  bottom: calc(100% + 6px) !important;
  transform: translateY(6px) !important;
}

.lastcomm > li:nth-last-child(-n+2) .lcomm-item:hover .lcomm-hidden {
  transform: translateY(0) !important;
}

.lcomm-user-foto {
  /* Родной icomm/style.css: float:left; margin:4px 10px 10px 0; background:#fff.
     float игнорируется во flex-контексте, но margin — нет, и вместе с нашим
     gap:10px давал двойной отступ. Обнуляем явно. */
  float: none !important;
  margin: 0 !important;
  background: transparent !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}

.lcomm-text {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #cbd5e1 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  /* Флекс-элемент по умолчанию min-width:auto — отказывается сжиматься
     уже своего контента и раздувал .lcomm-hidden (450px вместо 276px
     контейнера) вместо того, чтобы перенести текст по строкам. */
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

/* Наведение на тач-экранах залипает — превью там просто не показываем,
   строка со ссылкой и так кликабельна и ведёт к комментарию */
@media (hover: none), (pointer: coarse) {
  .lcomm-hidden {
    display: none !important;
  }
}

/* ==========================================================================
   Ховер-анимации только для настоящего курсора
   На тач-экранах :hover «залипает» после тапа: элемент остаётся приподнятым
   или увеличенным, пока пользователь не тапнет в другом месте. Гасим смещения
   и масштабирование там, где указатель грубый; цвет и фон при этом остаются.
   ========================================================================== */
@media (hover: none), (pointer: coarse) {
  .sh-block:hover,
  .sh-block:hover .poster-box img,
  .sh-block:hover .poster img,
  .sh-block:hover .btn-tosee,
  .poster-box:hover img,
  .poster-box:hover .anime-poster-img,
  .btn-tosee:hover,
  .short-story:hover,
  .collect-block:hover,
  .screens img:hover,
  .screens-c img:hover,
  .screens-c .owl-item:hover img,
  .screens-c .owl-buttons .owl-prev:hover,
  .screens-c .owl-buttons .owl-next:hover,
  .navigation a:hover,
  .page-nav a:hover,
  .genres li a:hover,
  .btn-best-cat:hover,
  .btn-submit-comm:hover,
  .tg-full-btn:hover,
  .top-search-box .btn-dark:hover,
  .player-block ul.tabs li:hover,
  .player-block .btn-error:hover,
  .player-block .btn-idea:hover,
  .favorite-block:hover,
  .favorite:hover,
  .plus-fav:hover,
  .minus-fav:hover,
  .k-fav:hover,
  .rating-info .fa:hover,
  .rating-info:hover .fa,
  .rating-info:hover .fa-info-circle,
  .mobile-bottom-dock .dock-item:hover i {
    transform: none !important;
  }

  /* Блик по постеру рассчитан на проводку курсором — на тапе он бессмыслен */
  .poster-box::after {
    display: none !important;
  }
}

/* ==========================================================================
   Уважение к prefers-reduced-motion
   Часть пользователей от анимаций укачивает и дезориентирует. Гасим движение
   и бесконечные циклы, но оставляем обратную связь через прозрачность —
   полностью убирать отклик интерфейса нельзя.
   Блок намеренно последний в файле: перекрывает объявления выше.
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  /* Смещения и масштабирование убираем совсем — именно они вызывают дискомфорт */
  .sh-block:hover,
  .poster-box:hover .anime-poster-img,
  .poster-box:hover .full-poster-img,
  .btn-best-cat:hover,
  .player-block ul.tabs li:hover,
  .telegram-button:hover,
  .mobile-bottom-dock .dock-item.active i {
    transform: none !important;
  }

  /* Пульсация вокруг плавающей кнопки и блик по постеру — чистая декорация */
  .telegram-button::before,
  .telegram-button::after,
  .poster-box::after {
    display: none !important;
  }
}

/* ==========================================================================
   CINEMATIC PLAYER BLOCK (fullstory.tpl)
   ========================================================================== */

.player-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  margin-bottom: 10px !important;
}

.player-topbar ul.tabs {
  float: none !important;
}

.player-topbar ul.tabs li {
  margin: 0 6px 0 0 !important;
  border-radius: 10px 10px 0 0 !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

.player-topbar .btn-error {
  float: none !important;
  border-radius: 8px !important;
  margin: 0 0 0 auto !important;
}

.player-cinema {
  position: relative !important;
  width: 100% !important;
  background: #000 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55) !important;
  margin-bottom: 4px !important;
}

.click-for-video {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  background: radial-gradient(ellipse at center, rgba(30, 36, 52, 0.92) 0%, rgba(5, 8, 14, 0.97) 70%) !important;
  z-index: 10 !important;
  transition: opacity 0.3s ease, background-color 0.3s ease !important;
}

.click-for-video:hover {
  background: radial-gradient(ellipse at center, rgba(42, 50, 70, 0.94) 0%, rgba(5, 8, 14, 0.97) 70%) !important;
}

.cfv-play {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  background: var(--accent-gradient, linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%)) !important;
  color: #fff !important;
  font-size: 26px !important;
  padding-left: 5px !important;
  box-shadow: 0 10px 30px var(--accent-glow, rgba(99, 102, 241, 0.45)) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cfv-play::after {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  border-radius: 50%;
  border: 2px solid rgba(168, 85, 247, 0.35);
  animation: cfv-pulse 2.2s ease-out infinite;
  pointer-events: none;
}

@keyframes cfv-pulse {
  0% { transform: scale(0.92); opacity: 1; }
  70% { transform: scale(1.18); opacity: 0; }
  100% { transform: scale(1.18); opacity: 0; }
}

.click-for-video:hover .cfv-play {
  transform: scale(1.08) !important;
}

.cfv-label {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
}

/* --- Sidebar titles (main.tpl .sb-title) --- */
.sb-title {
  padding: 7px 20px !important;
  position: relative !important;
  border-bottom: 1px solid #3f413f !important;
  font-family: var(--font-main) !important;
  font-style: normal !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
}

/* --- Cinematic player: mobile --- */
@media (max-width: 767px) {
  .player-topbar {
    gap: 6px !important;
  }
  .player-topbar ul.tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    max-width: 100% !important;
  }
  .player-topbar ul.tabs::-webkit-scrollbar {
    display: none !important;
  }
  .player-topbar ul.tabs li {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    padding: 0 14px !important;
  }
  .player-cinema {
    border-radius: 12px !important;
  }
  .cfv-play {
    width: 60px !important;
    height: 60px !important;
    font-size: 22px !important;
  }
  .cfv-label {
    font-size: 11px !important;
  }
}

/* ==========================================================================
   POSTER SLIDER REDESIGN (fullstory.tpl #owl-scr)
   ========================================================================== */

.screens1 {
  position: relative !important;
  width: 100% !important;
}

.screens1 .screens-c {
  padding-top: 150% !important;
  background: rgba(10, 12, 18, 0.9) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55) !important;
  overflow: hidden !important;
}

@supports (aspect-ratio: 2 / 3) {
  .screens1 .screens-c {
    aspect-ratio: 2 / 3 !important;
    padding-top: 0 !important;
  }
}

.screens-c .owl-wrapper-outer {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 13px !important;
}

.screens-c .owl-wrapper,
.screens-c .owl-item {
  height: 100% !important;
}

.screens-c .owl-item > a {
  display: block !important;
  height: 100% !important;
}

.screens-c .owl-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.screens-c .owl-item.active {
  animation: owlPosterFlipIn 0.5s cubic-bezier(0.2, 0, 0.2, 1) !important;
}

.screens-c::after {
  content: '';
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 64px !important;
  background: linear-gradient(to top, rgba(5, 8, 14, 0.65), rgba(5, 8, 14, 0)) !important;
  pointer-events: none !important;
  z-index: 11 !important;
}

.screens-c .owl-buttons .owl-prev,
.screens-c .owl-buttons .owl-next {
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  font-size: 15px !important;
  background: rgba(10, 12, 18, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35) !important;
  opacity: 0 !important;
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease, border-color 0.25s ease !important;
}

.screens-c:hover .owl-buttons .owl-prev,
.screens-c:hover .owl-buttons .owl-next {
  opacity: 1 !important;
}

.screens-c .owl-buttons .owl-prev:hover,
.screens-c .owl-buttons .owl-next:hover {
  background: var(--accent-gradient) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  transform: translateY(-50%) scale(1.08) !important;
  box-shadow: 0 8px 22px var(--accent-glow) !important;
}

.screens-c .owl-pagination {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 10px !important;
  margin: 0 !important;
  z-index: 12 !important;
}

.screens-c .owl-pagination .owl-page {
  margin: 0 3px !important;
}

.screens-c .owl-pagination .owl-page span {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

.screens-c .owl-pagination .owl-page.active span {
  width: 26px !important;
  background: var(--accent-gradient) !important;
  box-shadow: 0 0 12px var(--accent-glow) !important;
}

.screens-count {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 13 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: rgba(8, 10, 16, 0.72) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  font-variant-numeric: tabular-nums !important;
  pointer-events: none !important;
  user-select: none !important;
}

.screens-count .sc-current {
  color: #ffffff !important;
}

.screens-count .sc-sep {
  color: #64748b !important;
  margin: 0 3px !important;
}

@media (hover: none), (pointer: coarse) {
  .screens-c .owl-buttons .owl-prev,
  .screens-c .owl-buttons .owl-next {
    opacity: 1 !important;
  }
}

/* ==========================================================================
   PLAYER: MIN-WIDTH 360px + ADAPTIVE, MOBILE ORDER, MOBILE POLISH
   ========================================================================== */

.player-responsive-wrap {
  min-width: 360px !important;
  width: 100% !important;
}

@media (max-width: 379px) {
  .player-cinema {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .player-cinema .player-responsive-wrap {
    min-width: 360px !important;
  }
}

@media (max-width: 767px) {
  .full-content {
    display: flex !important;
    flex-direction: column !important;
  }
  .player-block {
    order: -1 !important;
  }

  .poster-col {
    width: 170px !important;
  }
  .full-main-grid {
    align-items: flex-start !important;
  }

  .poster-box.has-carousel {
    padding-bottom: 6px !important;
  }

  .screens {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    margin: 14px -10px 0 !important;
    padding: 0 10px 4px !important;
    text-align: left !important;
  }
  .screens::-webkit-scrollbar {
    display: none !important;
  }
  .screens a {
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
    max-width: none !important;
  }
  .screens img {
    max-width: 132px !important;
    max-height: none !important;
  }

  .unified-interaction-bar {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .mobile-bottom-dock {
    padding-bottom: env(safe-area-inset-bottom) !important;
  }
  body {
    padding-bottom: calc(66px + env(safe-area-inset-bottom)) !important;
  }
}

/* ==========================================================================
   PERFORMANCE: MOBILE GPU/SCROLL OPTIMIZATIONS
   ========================================================================== */

/* Убираем принудительные GPU-слои с изображений owl-слайдеров:
   translateZ(0)+will-change создавали слой на каждый из 34 слайдов
   главного слайдера — лишняя нагрузка на мобильных видеокартах. */
.owl-item img {
  will-change: auto !important;
  transform: none !important;
}

/* backdrop-filter на скролл-контейнерах — основной источник jank на
   мобильных (постоянный re-blur при прокрутке). Отключаем на телефонах,
   оставляя blur только на мелких статичных элементах. */
@media (max-width: 767px) {
  .sh-block,
  .full-block,
  .comment-card,
  .best-cat-block,
  .genre-block,
  .last-comment-block,
  .screens-c,
  .btn-error,
  .btn-idea,
  .uib-tooltip,
  .lcomm-hidden {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* ==========================================================================
   DESIGN TASTE POLISH ROUND 2: a11y, accents, modal, micro-interactions
   ========================================================================== */

/* Keyboard focus ring (a11y) */
:focus-visible {
  outline: 2px solid var(--accent-primary) !important;
  outline-offset: 2px !important;
}

/* Active category button state (main.tpl best-cat block) */
.btn-best-cat.active {
  background: var(--accent-gradient) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 6px 18px var(--accent-glow) !important;
}

/* Tactile push on press (premium micro-interaction) */
.btn-best-cat:active,
.btn-submit-comm:active,
.tg-full-btn:active,
.top-search-box .btn-dark:active,
.mobile-bottom-dock .dock-item:active,
.player-topbar ul.tabs li:active,
.slider-arrow:active,
.screens-c .owl-buttons .owl-prev:active,
.screens-c .owl-buttons .owl-next:active {
  transform: scale(0.97) !important;
}

/* Scroll-snap strips: stop scroll chaining into the page */
.modern-slider-scroll,
.screens {
  overscroll-behavior-inline: contain !important;
}

/* --- Login modal: glassmorphism (grey.css gives it legacy gray) --- */
.modal-content {
  background: var(--bg-card) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid var(--border-glass) !important;
  border-radius: var(--radius-card) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5) !important;
}

.modal-header {
  border-bottom: 1px solid var(--border-glass) !important;
  padding: 18px 20px !important;
}

.modal-header h4 {
  color: var(--text-primary) !important;
  text-shadow: none !important;
  font-family: var(--font-main) !important;
  font-weight: 700 !important;
}

.modal-body {
  border: 0 !important;
  padding: 20px !important;
}

.modal-footer {
  border-top: 1px solid var(--border-glass) !important;
  padding: 16px 20px !important;
}

.modal-footer button,
.modal-footer a {
  border-radius: var(--radius-btn) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--border-glass) !important;
  color: var(--text-primary) !important;
  text-shadow: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

.modal-footer button:hover,
.modal-footer a:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--border-glass-hover) !important;
  color: #ffffff !important;
}

.modal-footer .btnm-enter {
  background: var(--accent-gradient) !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px var(--accent-glow) !important;
}

.modal-footer .btnm-enter:hover {
  background: var(--accent-gradient) !important;
  color: #ffffff !important;
}

.btn-default.btn-modal {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  padding: 10px 14px !important;
  margin-bottom: 8px !important;
  border-radius: var(--radius-btn) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--border-glass) !important;
  color: var(--text-primary) !important;
  text-align: center !important;
  line-height: 1.3 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

.btn-default.btn-modal:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--border-glass-hover) !important;
  color: #ffffff !important;
}

.authorization-box input[type="text"],
.authorization-box input[type="password"] {
  width: 100% !important;
  height: 40px !important;
  margin: 4px 0 !important;
  border-radius: var(--radius-btn) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--border-glass) !important;
  color: var(--text-primary) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.authorization-box input:focus {
  border-color: var(--accent-primary) !important;
  box-shadow: 0 0 0 3px var(--accent-glow) !important;
  outline: none !important;
}

.authorization-box .message {
  background: rgba(220, 38, 38, 0.15) !important;
  border: 1px solid rgba(220, 38, 38, 0.4) !important;
  color: #fca5a5 !important;
  border-radius: var(--radius-badge) !important;
}

.authorization-box .login-input p {
  text-align: center !important;
  margin: 4px 0 !important;
}

.authorization-box .lost-pass a {
  color: var(--accent-primary) !important;
}

/* --- Mobile: hide the redundant 34-item header slider (modern slider covers it) --- */
@media (max-width: 767px) {
  .header-absolute {
    display: none !important;
  }
}

/* ==========================================================================
   FIX: BEST-CAT BUTTONS VERTICAL CENTERING
   (base height:26px + line-height:23px конфликтуют с padding 8px 18px) */
.btn-best-cat {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  line-height: 1.2 !important;
  text-align: center !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

/* ==========================================================================
   BACKGROUND: DEEP NAVY, MATCHES MAIN BLOCKS (photo bg.jpg removed)
   ========================================================================== */
body {
  background:
    radial-gradient(ellipse 95% 60% at 50% -10%, rgba(99, 102, 241, 0.12) 0%, rgba(99, 102, 241, 0) 60%),
    linear-gradient(180deg, #0d1322 0%, #0a0e19 48%, #080b12 100%) fixed !important;
  background-size: cover !important;
}

.wrapper::before {
  background: none !important;
}