*{background:transparent;margin:0;padding:0;outline:none;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
table{border-collapse:collapse;border-spacing:0;}
input, select{vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main{display:block;}
body{font:14px GothamProRegular, Arial, Helvetica, sans-serif;line-height:normal;font-weight:normal;padding:0;margin:0;height:100%;width:100%;color:#333;background:#81a7b2;}
img{max-width:100%;}
.clr{clear:both;}
.clearfix:after{content:"";display:table;clear:both;}
a{color:#3c3c3c;text-decoration:none;}
a:hover, a:focus{color:#84c5d0;text-decoration:none;}
h1, h2, h3, h4, h5{font-weight:normal;font-size:18px;}
::-webkit-scrollbar-track{box-shadow:none;border:0;}
.form-wrap{}
.sub-title h1{margin-bottom:15px;font-size:24px;font-weight:700;}
.pm-page, .search-page, .static-page, .tags-page, .form-wrap{}
@font-face{font-family:"GothamProRegular";src:url("../fonts/GothamProRegular/GothamProRegular.eot");src:url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix") format("embedded-opentype"),
url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");font-style:normal;font-weight:normal;font-display:swap;}

@font-face{font-family:"GothamProBold";src:url("../fonts/GothamProBold/GothamProBold.eot");src:url("../fonts/GothamProBold/GothamProBold.eot?#iefix") format("embedded-opentype"),
url("../fonts/GothamProBold/GothamProBold.woff") format("woff"),
url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");font-style:normal;font-weight:normal;font-display:swap;}
.button, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button, button:not(.color-btn):not([class*=fr]):not([class*=plyr]):not(.video-player-start),
html input[type="button"], input[type="reset"], input[type="submit"], .meta-fav a, .usp-btn a{padding:0 20px;display:inline-block;height:40px;line-height:40px;border-radius:20px;cursor:pointer;text-align:center;background-color:#81a7b3;color:#fff;font:14px/40px GothamProBold !important;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
button[disabled], input[disabled]{cursor:default;}
.button:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover, .usp-btn a:hover,
button:not(.color-btn):not([class*=plyr]):not(.video-player-start):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover{background-color:#048592;color:#fff;}
button:not([class*=plyr]):not(.video-player-start):active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active{box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button{font-size:12px !important;height:30px !important;line-height:30px !important;padding:0px 10px;border-radius:3px;}
input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px; color:#000000; background-color:#f8f8f8; border-radius:4px; -webkit-appearance: none; box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1);font:14px/40px GothamProRegular !important;}
input[type="text"]:focus{}
input:focus::-webkit-input-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
select {height:40px; border:1px solid #e3e3e3; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #e3e3e3; background-color:#F8F8F8; border-radius:0; overflow:auto; vertical-align:top; resize:vertical; box-shadow:0 0 0 1px #EDEDED,inset 1px 1px 3px 0 rgba(0,0,0,0.1); font:14px/20px GothamProRegular !important;}
.img-box, .img-wide, .img-resp-h, .img-resp-v{overflow:hidden;position:relative;background-color:#000;}
.img-resp-h{padding-top:60%;}
.img-resp-v{padding-top:130%;}
.img-box img, .img-resp-h img, .img-resp-v img{width:100%;min-height:100%;display:block;}
.img-resp-h img, .img-resp-v img{position:absolute;left:0;top:0;}
.img-wide img{width:100%;display:block;}
.img-square img{width:150%;max-width:150%;margin-left:-25%;}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
button, .th-img, .rate-plus, .rate-minus{transition:all .2s;}
.button, a, li span, .search-box input{transition:color .2s, background-color .2s, opacity .2s;}
.ps-link{cursor:pointer;}
.icon-l .fa{margin-right:10px;}
.icon-r .fa{margin-left:10px;}
.fx-row{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fx-center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-between{-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.fx-stretch{-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}
.fx-top{-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.fx-middle{-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-bottom{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}
.fx-col{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.fx-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
h1, h2, h3, .th-time, .th-title, .th-rate, .m-title, .m-menu, .m-menu-block, .side-bt, .pt-title, .ft-title, .comm-author, .b-post__lastepisodeout{font-family:"GothamProBold";}
.th-title, .th-title:hover, .th-time, .m-title, .side-bt{color:#000;}
.th-title:hover, .site-desc a, .speedbar a, .f-tags a, .comm-author a, .comm-author{color:#84c5d0;}
.wrap{min-width:320px;overflow:hidden;position:relative;}
.wrap:before{content:"";background-color:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute;left:0;top:0;}
.center{max-width:1500px;margin:0 auto;position:relative;z-index:20;}
.block{background:#fff;box-shadow:0 0 40px 0 rgba(0,0,0,1);}
.side{width:200px;background-color:#f3f7f8;padding-bottom:30px;}
.cont{width:calc(100% - 200px);width:-webkit-calc(100% - 200px);box-shadow: -40px 0 40px -40px rgba(0,0,0,0.4);}
.header{height:70px;background-color:#81a7b2;padding:0 0 0 30px;}
.main{padding:30px;min-height:600px;}
.footer{padding:30px;padding-bottom:15px;background-color:#81a7b2;}
.footer a {color:#fff;}
#gotop{position:fixed;width:40px;height:40px;line-height:36px;right:10px;bottom:10px;cursor:pointer;font-size:20px;z-index:9998;display:none;opacity:0.7;background-color:#000;color:#FFF;border-radius:50%;text-align:center;}
.logo{display:block;float:left;width:250px;height:70px;}
.logo img{display:block;}
.h-menu{margin:27px 0 0 30px;font-size:13px;line-height:16px;float:left;}
.h-menu li{display:inline-block;vertical-align:top;position:relative;margin-right:12px;padding-right:15px;border-right:2px solid #e3e3e3;}
.h-menu a{color:#fff;}
.h-menu a:hover{color:#e8f2f4;}
.search-box{width:330px;float:right;}
.search-field{width:100%;position:relative;}
.search-field input, .search-field input:focus{width:100%;padding:0 30px 0 40px;background-color:transparent;color:#fff;height:70px;line-height:70px !important;box-shadow:none;border-radius: 0;}
.search-field input:focus{background-color:#84c5d0;}
.search-box button{position:absolute;left:0;top:15px;padding:0 !important;width:40px;background:transparent !important;color:#fff !important;}
.search-box .fa{font-size:18px;}
.search-field input::-webkit-input-placeholder{color:#e8f2f4;}.search-field input::-moz-placeholder{color:#e8f2f4;}.search-field input:-moz-placeholder{color:#e8f2f4;}.search-field input:-ms-input-placeholder{color:#e8f2f4;}
.search-field input:focus::-webkit-input-placeholder{color:transparent}.search-field input:focus::-moz-placeholder{color:transparent}.search-field input:focus:-moz-placeholder{color:transparent}.search-field input:focus:-ms-input-placeholder{color:transparent}
.side-bc{padding:10px;}
.side-bt{font-size:16px;padding:10px;background-color:#e8f2f4;}
.side-nav .side-bc{padding:10px 0;}
.side-nav .side-bt2{padding:0 10px;background-color:#81a7b3;height:70px;line-height:70px;}
.side-nav a{border-bottom:1px solid #000;box-shadow:0 1px #333;display:block;padding:10px 50px 10px 10px;}
.side-nav li:last-child a{border-bottom:0;box-shadow:none;}
.side-nav a:hover, .side-nav li.active a{color:#fff;background-color:#f73859;}
.side-nav li:hover span, .side-nav li.active span{color:#fff;opacity:1;}
.side-nav li{position:relative;}
.side-nav li span{position:absolute;right:10px;top:10px;opacity:0.8;font-size:12px;}
.m-menu{margin-bottom:30px;font-size:13px;}
.m-menu li{display:inline-block;vertical-align:top;position:relative;margin-right:15px;}
.m-menu li a{display:block;padding:0 15px;height:40px;line-height:40px;box-shadow:inset 0 0 0 2px #e8f2f4;border-radius:20px;}
.m-menu li a.active{box-shadow:inset 0 0 0 2px #f73859;color:#111;}
.m-title{padding-bottom:15px;margin-bottom:30px;position:relative;font-size:18px;}
.m-title:before{content:"";height:3px;width:100px;background-color:#f73859;position:absolute;left:0;bottom:0;}
.floats{margin:0 -5px;}
.sorter{display:inline-block;position:absolute;right:0;top:0;cursor:pointer;color:#3c3c3c;padding:0 10px;line-height:30px;background-color:#f3f7f8;border-radius:15px;font-size:13px;}
.sorter:before{content:attr(data-label);float:left;padding:0 10px 0 0;}
.sorter form{display:none;background-color:#f3f7f8;padding:10px;line-height:26px;box-shadow:0 0 15px 0 rgb(206, 211, 212);position:absolute;right:0;top:100%;width:160px;z-index:999;}
.sorter a:hover{text-decoration:underline;}
.sort li.asc a:after, .sort li.desc a:after{content:"\f063";font-family:FontAwesome;display:inline-block;margin-left:10px;}
.sort li.desc a:after{content:"\f062"}
.speedbar{font-size:12px;margin-bottom:15px;}
.speedbar a:hover{text-decoration:underline;}
.thumb{width:25%;float:left;padding:0 5px 30px 5px;}
.th-in{position:relative;}
.th-in a{display:block;}
.th-img{border:1px solid #F6F8F5;}
.th-time, .th-edit, .th-fav{display:inline-block;padding:3px 5px;background-color:rgba(0,0,0,0.5);position:absolute;right:10px;bottom:10px;z-index:20;font-size:12px;color: #fff;}
.th-text{padding:10px 0 0 0;position:relative;}
.th-title{line-height:18px;height:36px;overflow:hidden;padding-right:50px;margin-bottom:10px;}
.th-meta > span{font-size:12px;margin-right:10px;opacity:0.8;}
.th-meta > span[data-text]:after{content:attr(data-text);margin-left:3px;}
.th-rate{display:inline-block;padding:3px 5px;background-color:#f3f7f8;position:absolute;right:0;top:10px;font-size:12px;}
.th-rate.high{background-color:#81a7b2; color:#fff;}
.th-rate.low{background-color:#f73859; color:#fff;}
.th-edit{right:auto;bottom:auto;left:10px;top:10px;}
.th-fav{bottom:auto;top:10px;}
.th-fav .fav-added{color:#fff;}
.th-in:hover .th-img{border-color:#84c5d0;}
.rel .th-title{padding-right:0;}
.th-img::before,
.th-img::after{content:"";position:absolute;top:50%;left:50%;z-index:5;transition-duration:0.3s;opacity:0;}
.th-img::before{width:60px;height:60px;transform:translate(-50%,-50%);box-shadow:0 0 0px 5px #84c5d0;border-radius:50%;}
.th-img::after{width:0;height:0;transform:translate(-35%,-50%);border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #84c5d0;}
.thumb:hover .th-img::after,
.thumb:hover .th-img::before{opacity:1;}
.site-desc{line-height:18px;text-align:justify;margin-top:30px;}
.site-desc h1{font-size:18px;margin-bottom:15px;color:#333;font-size:26px;line-height:30px;}
.site-desc h2{font-size:18px;margin-bottom:15px;color:#333;font-size:24px;line-height:30px;}
.site-desc h3{font-size:18px;margin-bottom:15px;color:#333;font-size:22px;line-height:30px;}
.site-desc h1 span, .site-desc h2 span, .site-desc h3 span{}
.site-desc p + p{margin-top:5px;}
.ft-counter{float:right;}
.ft-text{float:left;line-height:20px;color: #fff;}
.ft-copyr{opacity:0.8;}
.ft-menu{margin-bottom:5px;}
.pags-bottom{text-align:center;line-height:36px;padding:10px 10px 0 10px;margin:15px 5px 0 5px;border:3px solid #f3f7f8;border-radius:31px;}
.pags-load a{display:inline-block;border-radius:18px;padding:0 15px;background-color:#81a7b3;color:#FFF;margin-bottom:10px;}
.pags-load a:hover{background-color:#84c5d0;color:#fff;}
.pags-load > span{display:none;}
.pags > a, .pags > span{display:inline-block;vertical-align:middle;min-width:36px;padding:0 10px;border-radius:18px;height:36px;background-color:#f3f7f8;margin:0 0 10px 5px;}
.pags > a:hover, .pags > span:not([class]){background-color:#81a7b3;color:#FFF;}
.player-wrap {
    overflow: visible !important;
    position: relative !important; /* Если вдруг было absolute или fixed */
    z-index: auto !important;
}

.player-box {
    width: calc(100% - 300px); /* По умолчанию */
    height: auto; /* Высота зависит от содержимого */
    margin-bottom: 10px; /* Добавляем небольшой отступ */
}

/* Для экранов шириной 1024px и меньше (планшеты и мобильные) */
@media screen and (max-width: 1024px) {
    .player-box {
        width: 100%;
        max-height: 80vh; /* Ограничивает высоту до 80% экрана */
    }
}


/* Дополнительно для мобильных (ширина < 768px) */
@media screen and (max-width: 768px) {
    .player-box {
        width: 100%;
        max-height: 80vh !important; /* Уменьшает высоту, оставляя место для описания */
    }
}

/* Скрываем мобильное меню на ПК */
@media (min-width: 1024px) {
    .mobile-menu {
        display: none;
    }
}

/* Скрываем ПК-меню на мобильных */
@media (max-width: 1023px) {
    .pc-menu {
        display: none;
    }
}

.player-top{padding:0 15px;width:300px;}
.pt-title{color:#fff;padding:0 15px;background-color:#81a7b3;height:40px;line-height:40px;margin:0 -15px;font-size:16px;}
.top-item{margin-top:10px;padding-left:95px;position:relative;height:60px;overflow:hidden;display:block;line-height:20px;}
.top-img{width:80px;height:55px;position:absolute;top:0;left:0;}
.top-item:before{content:"";position:absolute;right:0;top:0;bottom:0;width:150px;background-image:linear-gradient(to left, rgb(243, 247, 248), rgba(25,27,28,0));}
.top-item:after{content:"\f144";font-family:'FontAwesome';position:absolute;right:1px;top:20px;font-size:18px;color:#f73859;}
.f-desc{margin-bottom:30px;}
.f-text, .f-info{width:48%;float:left;}
.f-text{float:right;}
.ft-title, .f-tags{margin-bottom:10px;}

.f-meta{
    margin-bottom:20px;
}

.f-meta > span{
    margin-right:10px;
    font-size:12px;
}

/* БЕЗ коми */
.f-tags a {
    display: inline-block;
    background: #f0f0f0;
    padding: 3px 8px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 12px;
    text-decoration: none;
    color: #333;
}

.f-tags a:hover {
    background: #e0e0e0;
    text-decoration: none;
}


.slice{overflow:hidden;position:relative;transition:height .2s;}
.slice-btn{margin:0px 0 0 0;}
.slice-btn span{display:inline-block;cursor:pointer;color:#81a7b3;}
.scroller{position:relative;max-height:290px;overflow:hidden;}
.scroller::-webkit-scrollbar{width:0;box-shadow:none;border:0;}
.scroller::-webkit-scrollbar-track{box-shadow:none;border:0;}
.scroller__bar{position:absolute;right:0;z-index:1;top:0;width:10px;background:#81a7b3;border-radius:5px;opacity:1;}
.scroller:hover .scroller__bar{opacity:1;}
.frate{white-space:nowrap;margin-top:30px;}
.rate-data{display:none;}
.rate-plus, .rate-minus{display:inline-block;vertical-align:top;height:40px;line-height:40px;cursor:pointer;padding-right:20px;background-color:#f3f7f8;border-radius:20px;overflow:hidden;}
.rate-minus{margin-left:25px;}
.rate-plus div, .rate-minus div{display:inline-block;vertical-align:top;padding:0 15px;color:#FFF;margin-right:10px;border-bottom:20px 0 0 20px;background-color:#81a7b3;text-align:center;}
.rate-minus div{background-color:#db4435;}
.frate .fa{font-size:18px;}
.rate-plus:hover, .rate-minus:hover{box-shadow: 0 0 20px 0 rgba(156, 156, 156, 0.8);}
.f-comms{margin-bottom:30px;}
.full-comms, .add-comms{width:48%;}
.add-comm-form{}
.ac-inputs, .ac-textarea{margin-bottom:15px;}
.ac-inputs input{width:100%;}
.ac-textarea textarea{height:110px;}
.sec-answer + .sec-label{margin-top:10px;}
.ac-protect{margin-top:-10px;display:none;}
.ac-protect .label{font-size:12px;}
.ac-protect .sep-input{padding:10px 10px 10px 160px;}
.ac-protect input{}
.mass_comments_action{display:none;}
.last-comm-link{margin-bottom:10px;}
.last-comm-link a{text-decoration:underline;}
.full-comms{}
.comm-item{margin-bottom:15px;}
.comm-author{margin-right:10px;}
.comm-one{margin-bottom:10px;font-size:12px;}
.comm-two{line-height:22px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame{max-width:100% !important;display:block;width:100%;height:400px;}
.mejs-container{max-width:100% !important;}
.full-text{font-size:14px;line-height:20px;color:#333;}
.full-text img:not(.emoji){max-width:100%;margin:10px 0;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"]{margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"]{margin:0 0 10px 10px;}
.full-text a{text-decoration:underline;color:#81a7b3;}
.full-text a:hover{text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5{margin:10px 0;font-size:18px;}
.full-text p{margin-bottom:10px;}
.full-text ul, .full-text ol{margin:0;}
.full-text ul li{list-style:disc;margin-left:40px;}
.full-text ol li{list-style:decimal;margin-left:40px;}
.btn-menu{display:none;}
.side-panel{width:260px;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#444;padding:0 10px;z-index:888;position:fixed;left:-260px;top:0;transition:left .4s;-webkit-transition:left .4s;}
.side-panel.active{left:0;}
.close-overlay{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:887;display:none;}
.side-panel a{display:block;padding:10px 50px 10px 0;color:#FFF;font-size:14px;color:#FFF;border-bottom:1px solid #111;}
.side-panel li{position:relative;color:#FFF;}
.side-panel li span{position:absolute;right:10px;top:10px;opacity:0.8;}
@media screen and (max-width:1220px){.center{max-width:1000px;}
.side, .h-menu, .m-menu{display:none;}
.cont{width:100%;}
.header{padding:0 0 0 15px;}
.main{padding:30px 15px;}
.footer{padding:30px 15px 15px 15px;}
.search-box{width:250px;}
.btn-menu{background-color:#81a7b3;color:#fff;cursor:pointer;display:block;float:right;width:70px;height:70px;line-height:70px;text-align:center;font-size:24px;}
}
@media screen and (max-width:950px){.center{max-width:768px;}
.thumb{width:33.33%;}
.pags-load, .pags{width:100%;}
.f-text, .f-info, .full-comms, .add-comms{width:100%;float:none;}
.full-comms, .f-info{margin-top:15px;}
}
@media screen and (max-width:760px){.center{max-width:640px;}
.sorter, .search-box, .ft-counter{display:none;}
.thumb{width:50%;}
.player-box{width:100%;}
.player-top{width:100%;height:400px;}
.ac-protect{margin-top:0px;}
.comments-tree-list .comments-tree-list{padding-left:0px !important;}
.comments-tree-list .comments-tree-list:before{display:none;}
.mass_comments_action{display:none;}
.sub-title h1{font-size:18px;line-height:24px;}
}
@media screen and (max-width:590px){.center{max-width:480px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame{height:300px;}
.ac-soc{position:static;}
.ac-inputs input{width:100%;margin-top:0px;}
.ac-protect{width:100%;float:none;margin:0;}
.ui-dialog{width:100% !important;}
.upop-left, .upop-right{float:none !important;width:100% !important;margin:0;padding:0 20px;}
.upop-left{margin-bottom:10px;text-align:center;}
.ui-dialog-buttonset button{display:block;margin:0 0 5px 0;width:100%;}
#dofullsearch, #searchsuggestions span.seperator{display:none !important;}
.attach .download-link{margin:0 -15px 0 0;float:none;display:block;padding:0 10px;}
.attach-info{float:none;}
}
@media screen and (max-width:470px){.center22{max-width:320px;}
.logo{width:220px;overflow:hidden;padding-top:4px;}
.thumb{width:100%;}
.frate{white-space:normal;}
.rate-plus, .rate-minus{width:100%;}
.rate-minus{margin:15px 0 0 0;}
.fc{display:inline-block;float:right;}
.rate-plus div, .rate-minus div{width:180px;}
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame{height:250px;}
}
.speedbar:after{content:"";display:block;clear:both;}
.speedbar ul{list-style:none;font-size:0;width:100%;}
.speedbar li{display:inline-block;font:14px/24px 'Arial';}
.speedbar li.speedbar_sep{padding:0 6px;color:#afafaf;font-size:16px;}
.b-post__mixedtext{color:#777;font-size:13px;line-height:14px;padding:10px;}
.b-content__collections_item{cursor:pointer;float:left;height:200px;margin-left:18px;margin-bottom:18px;position:relative;width:288px;}
.b-content__collections_item .cover{filter:alpha(opacity=100);opacity:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.b-content__collections_item .num{background:#000;background:rgba(0,0,0,0.6);color:#fff;font-size:16px;font-weight:bold;line-height:22px;padding:14px;position:absolute;top:0;width:50px;height:50px;right:0;border-radius:50%;}
.b-content__collections_item .title-layer{background:#000;background:rgba(0,0,0,0.6);display:block;position:absolute;bottom:0;left:0;width:100%;}
.title-layer a{color:#fff;display:block;font-size:14px;line-height:14px;padding:10px;}

.preview-wrapper {
    position: relative;
    display: block;
}

.preview-wrapper .preload {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.05) url('/templates/LightTb/images/loader.gif') center center no-repeat;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: opacity 0.3s ease;
}

.preview-wrapper.loading .preload {
    opacity: 1;
}

/* ================================
   Lazy Plyr Video Player - clean old version
   ================================ */

.player-wrap.fx-row {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  background: #000 !important;
  overflow: hidden !important;
}

.video-player-box {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 180px;
  position: relative !important;
  background: #000 !important;
  overflow: hidden !important;
  contain: layout paint;
}

/* poster button */
.video-player-box .video-player-start,
.video-player-box .video-player-start:hover,
.video-player-box .video-player-start:focus,
.video-player-box .video-player-start:active {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
}

.video-player-box .video-player-poster {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background: #000;
}

.video-player-box .js-player,
.video-player-box .plyr {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
  background: #000 !important;
}

.video-player-box .plyr__video-wrapper,
.video-player-box video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  background: #000 !important;
}

.video-player-box.is-video-idle .js-player,
.video-player-box.is-video-idle .plyr {
  opacity: 0;
  visibility: hidden;
}

.video-player-box.is-video-loading .video-player-start {
  pointer-events: none;
}

.video-player-box.is-video-ready .video-player-start {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.video-player-box.is-video-ready .js-player,
.video-player-box.is-video-ready .plyr {
  opacity: 1 !important;
  visibility: visible !important;
}

.video-player-box.is-video-error .video-player-start {
  display: block;
}

.video-player-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 74px;
  height: 74px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #1da1f2;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
  z-index: 6;
}

.video-player-play:before {
  content: "";
  position: absolute;
  left: 30px;
  top: 22px;
  width: 0;
  height: 0;
  border-left: 24px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.video-player-loader {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  background: rgba(0, 0, 0, 0.65);
  padding: 6px 10px;
  border-radius: 4px;
  z-index: 7;
}

.video-player-box.is-video-loading .video-player-loader {
  display: block;
}

.video-player-box.is-video-loading .video-player-play {
  display: none;
}

/* тільки мобільний фікс гучності */
@media (max-width: 768px) {
  .video-player-box .plyr__volume {
    display: none !important;
  }

  .video-player-play {
    width: 64px;
    height: 64px;
  }

  .video-player-play:before {
    left: 26px;
    top: 19px;
    border-left-width: 21px;
    border-top-width: 13px;
    border-bottom-width: 13px;
  }
}


/* ================================
   Video info layout v2
   ================================ */

.v2-info-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 20px;
  margin: 22px 0 34px 0;
  align-items: start;
}

.v2-info-layout,
.v2-info-layout * {
  box-sizing: border-box;
}

.v2-card {
  background: #fff;
  border: 1px solid #e8ecef;
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.v2-card + .v2-card {
  margin-top: 16px;
}

.v2-title {
  position: relative;
  display: inline-block;
  margin: 0 0 16px 0;
  padding-bottom: 10px;
  color: #111;
  font: 18px/24px GothamProBold, Arial, sans-serif;
}

.v2-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;
  height: 4px;
  border-radius: 6px;
  background: #ff3462;
}

.v2-desc {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #222;
  font: 16px/1.65 Arial, sans-serif;
}

.v2-desc,
.v2-desc * {
  float: none !important;
  max-width: 100% !important;
}

.v2-desc p {
  margin: 0 0 14px 0;
}

.v2-desc p:last-child {
  margin-bottom: 0;
}

/* Info items */

.v2-meta-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.v2-meta-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f6f8f9;
}

.v2-meta-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #81a7b3;
  color: #fff;
  text-align: center;
  line-height: 38px;
  font-size: 15px;
}

.v2-meta-text {
  min-width: 0;
}

.v2-meta-label {
  display: block;
  margin-bottom: 3px;
  color: #777;
  font: 12px/16px Arial, sans-serif;
}

.v2-meta-value {
  display: block;
  color: #111;
  font: 15px/20px GothamProBold, Arial, sans-serif;
  word-break: break-word;
}

/* Categories and tags */

.v2-tax {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #edf0f2;
}

.v2-tax-row {
  margin-top: 12px;
}

.v2-tax-row:first-child {
  margin-top: 0;
}

.v2-tax-label {
  margin-bottom: 8px;
  color: #777;
  font: 13px/18px Arial, sans-serif;
}

.v2-tax-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.v2-tax-links a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 20px;
  background: #f0f2f3;
  color: #333;
  font: 13px/28px Arial, sans-serif;
  text-decoration: none;
}

.v2-tax-links a:hover {
  background: #81a7b3;
  color: #fff;
}

/* Rating */

.v2-rating .frate {
  margin: 0 !important;
}

.v2-rating .rate-plus,
.v2-rating .rate-minus {
  border-radius: 12px;
  overflow: hidden;
}

.v2-rating .rate-data {
  margin-top: 10px;
  color: #777;
  font-size: 12px;
}

/* Mobile */

@media (max-width: 768px) {
  .v2-info-layout {
    display: block !important;
    margin: 14px 0 24px 0;
  }

  .v2-card {
    padding: 14px;
    border-radius: 12px;
    margin-bottom: 12px;
  }

  .v2-card + .v2-card {
    margin-top: 0;
  }

  .v2-title {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 13px;
  }

  .v2-title:after {
    width: 66px;
    height: 3px;
  }

  .v2-desc {
    font-size: 15px;
    line-height: 1.58;
  }

  /* На мобилке инфу делаем компактной */
  .v2-side .v2-card:first-child {
    padding: 14px;
  }

  .v2-meta-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
  }

  .v2-meta-item {
    display: block;
    min-height: 0;
    padding: 9px 6px;
    border-radius: 10px;
    text-align: center;
    background: #f6f8f9;
  }

  .v2-meta-icon {
    display: none !important;
  }

  .v2-meta-label {
    display: block;
    margin: 0 0 3px 0;
    color: #777;
    font: 11px/14px Arial, sans-serif;
    white-space: nowrap;
  }

  .v2-meta-value {
    display: block;
    color: #111;
    font: 13px/17px GothamProBold, Arial, sans-serif;
    white-space: nowrap;
  }

  .v2-tax {
    margin-top: 12px;
    padding-top: 12px;
  }

  .v2-tax-row {
    margin-top: 10px;
  }

  .v2-tax-label {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 16px;
  }

  .v2-tax-links {
    gap: 6px;
  }

  .v2-tax-links a {
    font-size: 12px;
    min-height: 26px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 14px;
  }

  /* Рейтинг на мобилке тоже компактнее */
  .v2-rating {
    display: none;
  }
}




/* ================================
   CLS fix: reserve ad space
   ================================ */

.top-ad-slot {
  display: block;
  padding: 10px;
  min-height: 120px;
  overflow: hidden;
  contain: layout paint;
}

.top-ad-slot img,
.top-ad-slot iframe,
.top-ad-slot ins,
.top-ad-slot div {
  max-width: 100%;
}

.adv315,
.adv315block,
.bottom_adv {
  min-height: 110px;
  overflow: hidden;
  contain: layout paint;
}

@media (max-width: 768px) {
  .top-ad-slot {
    min-height: 150px;
  }

  .adv315,
  .adv315block,
  .bottom_adv {
    min-height: 120px;
  }
}


/* ================================
   CLS fix: thumbnails
   ================================ */

.preview-wrapper,
.th-img.img-resp-h {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  background: #000 !important;
}

.preview-wrapper img,
.th-img.img-resp-h img,
.preview-wrapper .preview-thumb {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  display: block !important;
}


.v2-related {
  margin-top: 24px;
}

.v2-related .m-title {
  margin-top: 0;
}

@media (max-width: 768px) {
  .v2-related {
    margin-top: 18px;
  }
}

/* ================================
   Video info final responsive layout
   ================================ */

/* Рівні іконки в кружках */
.v2-meta-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  line-height: 1 !important;
  font-size: 15px !important;
  text-align: center !important;
}

.v2-meta-icon:before {
  display: block !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ПК: 2 колонки */
@media (min-width: 1101px) {
  .v2-info-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 20px !important;
    align-items: start !important;
  }

  .v2-main {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .v2-side {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
  }

  .v2-related {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-top: 24px !important;
  }

  .v2-meta-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
}

/* Планшет: одна колонка, щоб не ламало related */
@media (min-width: 769px) and (max-width: 1100px) {
  .v2-info-layout {
    display: block !important;
    margin: 20px 0 32px 0 !important;
  }

  .v2-main,
  .v2-side,
  .v2-related {
    display: block !important;
    width: 100% !important;
  }

  .v2-card {
    padding: 16px !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
  }

  .v2-title {
    font-size: 18px !important;
    line-height: 23px !important;
    margin-bottom: 14px !important;
  }

  .v2-desc {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  .v2-side {
    margin-top: 16px !important;
  }

  .v2-meta-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
  }

  .v2-meta-item {
    min-height: 58px !important;
    padding: 10px !important;
    gap: 10px !important;
  }

  .v2-meta-icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }

  .v2-meta-label {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  .v2-meta-value {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .v2-tax {
    margin-top: 14px !important;
    padding-top: 14px !important;
  }

  .v2-tax-links {
    gap: 7px !important;
  }

  .v2-tax-links a {
    min-height: 27px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    line-height: 27px !important;
  }

  .v2-related {
    margin-top: 22px !important;
  }

  .v2-related .m-title {
    margin-top: 0 !important;
  }
}

/* Телефон: порядок Описание -> Информация -> Похожее */
@media (max-width: 768px) {
  .v2-info-layout {
    display: block !important;
    margin: 14px 0 24px 0 !important;
  }

  .v2-main,
  .v2-side,
  .v2-related {
    display: block !important;
    width: 100% !important;
  }

  .v2-side {
    margin-top: 12px !important;
  }

  .v2-related {
    margin-top: 18px !important;
  }

  .v2-related .m-title {
    margin-top: 0 !important;
  }
}

/* прибираємо текстовий роздільник "/" між категоріями/тегами */
.v2-tax-links {
  font-size: 0;
}

.v2-tax-links a {
  font-size: 13px;
  line-height: 26px;
}