/* BASIC LAYOUT
----------------------------------------------- */
.wrappers {min-width: 320px; overflow: hidden; overflow: clip;}
.wrappers__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrappers__container--main {background-color: var(--bg); box-shadow: var(--bsh-popover);}
.header {padding: 0 var(--indent); border-bottom: 5px solid var(--accent); gap: 0 45px; position: relative; z-index: 100;}
.slider {background: var(--bg-darker) url(../images/bg-slider.jpg) center bottom / cover no-repeat;; position: relative;}
.cols {display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 45px;
	grid-template-areas: "main side"; padding: 45px var(--indent);}
.cols__main {grid-area: main;}
.cols__side {grid-area: side;}
.cols--full {display: block;}
.footer {background: url(../images/bg-footer.jpg) center top / cover no-repeat;
	background-color: var(--bg-black); padding: 0 var(--indent); min-height: 140px; 
	--tt: var(--tt-black-fade); color: var(--tt-black-fade); position: relative;}
.bg-decor::before, .bg-decor > * {position: relative; z-index: 3;}
.bg-decor::after {content: ''; position: absolute; inset: 0; background-color: inherit; opacity: 0.76; border-radius: inherit;}

.has-branding {padding-top: 200px !important;}
body.has-branding {background: #333 !important;}
@media screen and (min-width: 1340px) {
	.has-branding .wrappers {max-width: 1200px; margin: 0 auto; --indent: 30px; --indent-negative: -30px;}
	.has-branding .header {gap: 0 30px;}
	.has-branding .header__menu {gap: 25px;}
	.has-branding .cols {grid-template-columns: minmax(0,1fr) auto; gap: 30px;}
	.has-branding .soc__btn {width: 60px;}
	.has-branding .item-recent__img {width: 60px; aspect-ratio: 1 / 1;}
	.has-branding .item-video__img {width: 120px; aspect-ratio: 1 / 1;}
	.has-branding .item-top__btn::before {display: none;}
	.has-branding .filter__col:not(.filter__col--submit) {flex: 1 0 230px; min-width: 230px;}
  /* .has-branding .aninet__cols {grid-template-columns: minmax(0,1fr) 360px; gap: 55px 30px;} */
	.has-branding .aninet__cols {grid-template-columns: minmax(0,1fr) 360px; gap: 25px 30px;}
	.has-branding .aninet__col-left {grid-template-columns: 280px minmax(0,1fr); gap: 25px 20px;}
	.has-branding .aninet__col-right .sect:not(:last-child) {margin-bottom: 35px;}
	.col2 .cols {grid-template-columns: 395px minmax(0,1fr); grid-template-areas: "side main";}
}

.fbtns {position: fixed; z-index: 990; right: 10px; bottom: 10px;}
.scrolltop, .theme-switcher {height: 50px; width: 50px; padding: 0; 
	background-color: var(--bg); color: var(--tt); box-shadow: var(--bsh);
	border-radius: 50%; font-size: 22px; opacity: 0; scale: 0 0;}
.scrolltop.is-active, .theme-switcher {scale: 1 1; opacity: 1;}
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.8; background-color: #1d1924; cursor: pointer; display: none;}
.dt .theme-switcher::before {content:"\f755";}

.yandex {
  position: relative;
  transform: translateY(-10px);
}

/* Планшеты */
@media (max-width: 1024px) {
  .yandex {
    transform: translateY(-10px);
  }
}

/* Мобильные */
@media (max-width: 768px) {
  .yandex {
    transform: translateY(-10px);
  }
}

/* Маленькие мобильные */
@media (max-width: 480px) {
  .yandex {
    transform: translateY(-10px);
  }
}

/* Маленькие мобильные */
@media (max-width: 360px) {
  .yandex {
    transform: translateY(-10px);
  }
}

/* HEADER, TOPMENU, CAROU
----------------------------------------------- */
.logo {display: flex; align-items: center; height: 40px; color: #fff !important;
	font-size: 24px; text-transform: uppercase; text-align: left;}
.logo span {font-weight: 700;}
.logo div div {font-size: 10px; letter-spacing: 3px; opacity: 0.9;}
.logo::before {content: ''; background: url(../images/logo.svg) 0 0 / contain no-repeat; width: 50px; aspect-ratio: 1/1;}
.header__logo {margin-left: var(--indent-negative); padding-left: var(--indent); padding-right: 45px;
	/* background: url(../images/) center center / cover no-repeat; */ /* Убрано некорректное фоновое изображение */
	background-color: var(--bg); height: 100px;}
.heart-icon {color: #ff0000; margin: 0 0px; font-size: 15px;}	
.user-area__avatar {height: 60px;}
.user-area__avatar.fal {border-radius: 50%; background-color: var(--bg-darker); font-size: 20px;}
.user-area__avatar:not(.fal):before {content: ''; width: 16px; height: 16px; border-radius: 50%; border: 3px solid var(--bg); 
	position: absolute; left: 100%; top: 0; translate: -50% -50%; z-index: 3; background-color: var(--green);}
.user-area__name b {max-width: 90px;}

.header__menu > li > a {display: flex; align-items: center; height: 100px; font-weight: 500; gap: 10px;}
.header__menu-submenu {background-color: var(--bg); box-shadow: var(--bsh-popover); width: 800px; padding: 20px 15px;
	position: absolute; left: 0%; top: 99%; translate: -30px 30px; opacity: 0; visibility: hidden;
	z-index: 10; display: grid; grid-template-columns: repeat(4,1fr);}
.header__menu-submenu a {display: block; padding: 8px 15px; border-radius: 4px;}
.header__menu li.header__menu-has-submenu > a::after {content:"\f078"; font-size: 14px;
	position: absolute; left: 50%; bottom: 0; translate: -50% -12px;}
.header .header__menu-submenu:not(:has(li:nth-child(11))) {width: 240px; display: block;}

.search-block {position: absolute; left: var(--indent); right: var(--indent); 
	--ui-elem-height: 50px; z-index: 10; top: 50%; translate: 0 -50%; --ui-bdc-inp-focus: var(--bdc);}
.search-block__input, .search-block__input:focus {padding: 0 100px 0 20px; border-width: 2px;}
.search-block__input:not(:focus)::placeholder {color: var(--tt); opacity: 0.66; font-size: 14px;}
.search-block__btn {position: absolute; right: 0; top: 0;}
/* header закладки
----------------------------------------------- */
.nav-bookmark__link {display: inline-flex;  align-items: center; gap: 8px; text-decoration: none; padding: 10px 0; margin: 0 -10px 0 0; transition: color 0.3s ease; font-weight: 500; color: inherit;}
.nav-bookmark__link:hover {color: var(--accent);}

@media (max-width: 768px) {
  .nav-bookmark__link span {display: none;}
  .nav-bookmark__link {gap: 0; padding: 10px 12px;}
}
/* header закладки
----------------------------------------------- */

/* SECTION
----------------------------------------------- */
/* .sect:not(:last-child) {margin-bottom: 55px;} */
.sect:not(:last-child) {margin-bottom: 30px;}
.sect__header {margin-bottom: 20px;}
/* .sect__title {font-size: 20px; font-weight: 500;} */
.sect__title {font-size: 15px; font-weight: 500;}
.sect__link {color: var(--tt-fade); font-size: 16px;}
.sect__tabs-btn {background: none; color: var(--tt); height: 40px; border-radius: 0;  
	padding: 0; position: relative; font-size: 16px;}
.sect__tabs:not(.sect__tabs2) .sect__tabs-btn + .sect__tabs-btn::before {height: 15px; width: 1px; background-color: var(--bdc); 
	position: absolute; top: 50%; left: -15px; translate: 0 -50%; content: '';}
.sect__tabs-btn.is-active {color: var(--accent);}
.sect__tabs-btn.is-active::after {height: 3px; width: 100%; background-color: var(--accent);
	position: absolute; left: 0; bottom: -3px; content: '';}
.sect--bg {border-radius: 4px; background-color: var(--bg-darker); padding: 30px;}
.sect__tabs2 .sect__tabs-btn {text-transform: uppercase; font-size: 16px; margin-top: -20px;}
.sect__tabs2 .sect__tabs-btn:not(.is-active) {color: var(--tt-fade);}
.sect--filter {padding: 20px var(--indent); margin-bottom: -45px !important;}
.slider + .sect--filter {margin-bottom: -25px !important;}
.speedbar {color: var(--tt-fade); font-size: 12px; padding: 15px 0;}
.speedbar a {color: var(--tt);}

.descr {color: var(--tt-fade-0); display: grid; gap: 12px; padding: 45px var(--indent); padding-top: 0;}
.descr :is(h1,h2,h3) {font-size: 20px; font-weight: 500; color: var(--tt);}
.descr :is(h1,h2,h3):not(:first-child) {padding-top: 10px;}
.descr a {text-decoration: underline; color: var(--accent);}
.descr ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.descr ul li::before {content:"\f00c"; color: var(--accent); position: absolute; left: 0; top: 0;}
.descr :is(b,strong) {font-weight: 500;}


/* SLIDER
----------------------------------------------- */
:root {
  --slider-max-width: 1200px; --arrow-size: 40px; --gutter: 6px;}
.doramy-slider-block {width: 100%; margin: 30px 0; padding: 0 15px;}
.doramy-slider-container {position: relative; max-width: var(--slider-max-width); margin: 0 auto; overflow: hidden;}
.doramy-slider {opacity: 0; visibility: hidden;}
.doramy-slider.owl-loaded {opacity: 1; visibility: visible; transition: opacity .25s ease;}
.doramy-slider .owl-stage{display: flex; align-items: stretch;}
.doramy-slider .owl-item{display: flex; align-items: stretch; justify-content: center; padding: 0 var(--gutter);}
.doramy-slide{ width: 100%; }
.doramy-poster{position: relative;width: 100%;padding-top: 150%; border-radius: 6px;overflow: hidden;box-shadow: 0 4px 14px rgba(0,0,0,0.15); transition: transform .25s ease, box-shadow .25s ease;}
.doramy-poster:hover{transform: translateY(-4px); box-shadow: 0 8px 22px rgba(0,0,0,0.22);}
.doramy-poster img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.doramy-title{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.75);padding: 8px 6px;text-align: center;overflow: hidden;max-height: 40px;transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;}
.doramy-title span{display: block;color: #fff;font-size: 12px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.4s ease-in-out;}
.doramy-slide:hover .doramy-title{max-height: 100%;padding: 8px;}
.doramy-slide:hover .doramy-title span{white-space: normal;}
.slider-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 40;width: var(--arrow-size);height: var(--arrow-size);background: rgba(0,0,0,.55);
	border: none; border-radius: 6px; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer;opacity: 0;
	transition: opacity .25s ease, background .15s ease, transform .15s ease;}
.slider-btn:hover{background: rgba(0,0,0,.8); transform: translateY(-50%) scale(1.05);}
.doramy-slider-container:hover .slider-btn{opacity: 1;}
.slider-prev{ left: 12px; }
.slider-next{ right: 12px; }
.doramy-slider .owl-nav,
.doramy-slider .owl-dots{ display: none !important; }
@media (min-width: 1400px){
	:root{ --slider-max-width: 1400px; }
} 
@media (max-width: 1280px){
	.doramy-slider .owl-item{ padding: 0 5px; }
}
@media (max-width: 1024px){
	.slider-btn{ width: 36px; height: 36px; font-size: 16px; }
}
@media (max-width: 768px){
	.doramy-slider .owl-item{ padding: 0 6px; }
	.slider-btn{ width: 34px; height: 34px; font-size: 15px; }
}
@media (max-width: 576px){
	.slider-btn{ display: none; }
	.doramy-title span{ font-size: 11px; }
}
/* SLIDER
----------------------------------------------- */
/* ITEM
----------------------------------------------- */
.item__img-overlay {position: absolute; inset: 0; isolation: isolate; z-index: 3; 
	color: #fff; padding: 20px; opacity: 0;}
.item__img-overlay::before {content: ''; position: absolute; inset: 0; z-index: -1; 
	background: var(--accent); opacity: 0.8; border-radius: inherit;}
.item__img-overlay-bar {width: 100%; height: 4px; border-radius: 2px; background-color: rgba(255,255,255,0.3); position: relative;}
.item__img-overlay-bar::before {content: ''; height: 100%; width: var(--p); background-color: #fff; display: block; border-radius: inherit;}
.item__img-icon::before {position: absolute; left: 50%; top: 50%; z-index: 3; translate: -50% -50%; width: 50px; height: 50px;
	font-size: 18px; color: #fff; opacity: 0.8; border: 2px solid #fff; border-radius: 50%; padding-left: 2px;}
.item__label {background-color: var(--accent); color: #fff; border-radius: 2px; 
	padding: 1px 5px; font-size: 12px; font-weight: 500;}
.item__label--on-img {position: absolute; left: 5px; bottom: 5px; z-index: 3; 
	background-color: rgba(255,255,255,0.8); color: #000;}
.item__rating-stars .unit-rating {--size: 14px; --size-1: -14px; --size-2: -28px; top: 0px; position: relative;}
.item__counters {gap: 2px;}
.item__counters-counter {padding: 9px 0; background-color: var(--bg-darker); color: var(--tt-fade);}
.item__counters-counter div {font-size: 18px; font-weight: 500; color: var(--tt); line-height: 1.0;}
.item-news__date, .item-short__top, .item-short__meta, .item-top__category, .item-video__date, 
.item-choice__title, .item-poster__category {margin-bottom: -10px;}

.item-poster {display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto 1fr;}
.owl-item .item {min-height: 100%;}
.item-poster__meta {padding-bottom: 5px;}
.item-news__img {width: 290px; aspect-ratio: 290/168;}
.item-short {padding: 25px 30px; background-color: var(--bg-darker);}
.item-short__img {width: 134px;}
.item-short__bottom {border-top: 1px solid var(--bdc); padding-top: 20px;}
.item-recent:not(:last-child) {border-bottom: 1px solid var(--bdc); padding-bottom: 15px;}
.item-recent__img {width: 90px;}
.item-recent__episode {margin: -3px 0 3px 0;}
.item-top__img {width: 110px;}
.item-top__meta .item__counters-counter {width: 90px;}
.item-top__btn {height: 56px; font-size: 16px; font-weight: 500; padding: 0;}
.item-video__img {width: 180px;}
.item-choice__img {width: 100px;}
.top100 {counter-reset: n;}
.top100 .item__img::before {content: counter(n, decimal-leading-zero); counter-increment: n; 
	display: grid; place-items: center; width: 40px; height: 40px; background-color: var(--accent-2); color: #fff; 
	position: absolute; left: 5px; top: 5px; z-index: 5; border-radius: inherit; font-weight: 500; font-size: 16px;}
.sch-list .grid-main {gap: 15px;}
.sch-list .tabs-block__select button {padding: 0 10px; flex-grow: 1;}


/* LAST COMMENTS
----------------------------------------------- */
.lcomm {font-size: 14px;}
.lcomm__img {width: 40px; border-radius: 6px;}
.lcomm__author {font-weight: 500;}
.lcomm__date {font-size: 12px; color: var(--tt-fade);}
.lcomm__text {background-color: var(--bg-darker); border-radius: 6px;
	padding: 15px 20px; font-size: 13px; margin-top: 15px;}
.lcomm__text::before {content: ''; border: 10px solid transparent; border-bottom-color: var(--bg-darker); 
	position: absolute; left: 35px; bottom: 100%;}
.lcomm__link {border-top: 1px solid var(--bdc); font-weight: 500; margin-top: 10px; padding-top: 10px;}
.comm-group-mark {padding: 2px 6px; text-align: center; font-size:12px; font-weight: 400; 
	background-color:var(--accent); color:#fff; border-radius: 4px;}
.comm-group-mark span, .comm-group-mark b {color: inherit !important; font-weight: inherit;}
.comm-admin {background-color:#d60505;}
.comm-jour {background-color:#1ca101;}
.comm-user {background-color:#f34f00;}
.comm-post {background-color:#3f90d6;}
.comm-mest {background-color:#da005b;}
.comm-gl {background-color:#05ba13;}
.comm-vet {background-color:#00aca4;}
.comm-vip {color: #000; background-color: #fff476;}
.comm-guru {color: #000; background-color: #ffeb00;}
.comm-lord {background: linear-gradient(#ff0000, #a100e9);}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__submenu {margin-top: -25px; line-height: 1.3;}
.footer__submenu a + a {border-left: 1px solid var(--bdc-black); padding-left: 10px;}
.soc__btn {width: 90px; height: 180px; border-right: 1px solid var(--bdc-black);}
.soc__btn--main {background-color: rgba(6, 122, 189, 0.5); border-color: transparent;}
.soc__btn img {display: block; filter: invert(1); opacity: 0.66; width: 24px; aspect-ratio: 1/1;}

.pagination {gap: 20px 10px;}
.pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span 
{display: grid; place-items: center; color: var(--tt-fade);
	height: 36px; min-width: 36px; padding: 0 10px; border-radius: 3px; background-color: var(--bg-darker);}
.pagination__pages {gap: 10px; font-size: 14px;}
.pagination__pages span:not(.nav_ext) {color: #fff; background: var(--accent);}
.pagination__btns {height: 36px; border-radius: 4px; overflow: hidden; background-color: var(--bg-darker);;}
.pagination__btns > * {width: 40px; display: grid; place-items: center; color: var(--accent); font-size: 18px;}
.pagination__btns > span {color: var(--tt-fade);}
.pagination__btn-loader:has(span:not(.fal)) {display: none;}
.pagination__btn-loader a {min-width: 360px; background-color: var(--accent-2);}


/* INNER PAGE
----------------------------------------------- */
.aninet__bg {position: absolute; width: 80%; height: 600px; right: 0; top: -45px; z-index: -1; overflow: hidden;}
.aninet__bg img {opacity: 0.5; filter: blur(8px) grayscale(0.3);}
.aninet__bg::before {content: ''; position: absolute; inset: 0; z-index: 1;
	background-image: linear-gradient(to bottom, var(--bg), transparent, var(--bg)), 
	linear-gradient(to right, var(--bg), transparent, var(--bg));} 

/* .aninet__cols {display: grid; grid-template-columns: minmax(0,1fr) 395px; gap: 55px 45px; z-index: 5; Как было раньше*/

.aninet__cols {display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 25px 45px; z-index: 5;
	grid-template-rows: auto auto 1fr; grid-template-areas: "left right" "desc right2" "btm right2";}
.aninet__col-left {grid-area: left; display: grid; grid-template-columns: 290px minmax(0,1fr); 
	grid-template-rows: auto 1fr; grid-template-areas: "aposter aheader" "aposter ainfo"; gap: 25px 30px;}
.aninet__col-right {grid-area: right;}
.aninet__col-right2 {grid-area: right2;}
.aninet__col-desc {grid-area: desc;}
.aninet__col-btm {grid-area: btm;}
.aninet__header {grid-area: aheader;}
.aninet__info {grid-area: ainfo;}
.aninet__poster {grid-area: aposter; --ui-elem-height: 50px;}

.aninet__img {border-radius: 6px; overflow: hidden;}
.aninet__img a {display: block; position: absolute; inset: 0;}
.aninet__btn-reviews {background-color: var(--accent-2);}
.favs__list {position: absolute; left: 0; top: 100%; z-index: 10; background-color: var(--bg); border-radius: 10px; 
	white-space: nowrap; min-width: 100%; padding: 15px; box-shadow: var(--bsh-popover); display: none;}
.favs__list li {cursor: pointer; padding: 8px 15px; border-radius: 6px; font-size: 14px;}
.favs__list li.is-active {background-color: var(--accent-2); color: #fff;}
.aninet__favs-dle a {display: block; width: 100%;}

.aninet__list-rates-item {padding-left: 30px; line-height: 20px;}
.aninet__list-rates-item.kp {background: url(../images/kp.svg) 0 center / 20px no-repeat;}
.aninet__list-rates-item.imdb {background: url(../images/imdb.svg) 0 center / 20px no-repeat;}
.aninet__list-rates-item.shiki {background: url(../images/shiki.svg) 0 center / 20px no-repeat;}
.aninet__header h1 {font-size: 32px; font-weight: 500; line-height: 1.1; margin-top: 10px; text-wrap: balance;}
.aninet__header h1 a {font-size: 16px; margin-left: 10px;}
.aninet__category {display: inline-block; font-size: 12px; text-transform: uppercase; max-width: 50%;
	padding: 5px 10px; background-color: var(--bg-black); color: #fff; --tt: #fff; margin-bottom: 10px;}
.aninet__titles {font-size: 18px; color: var(--tt-fade); margin-top: 6px;}
.aninet__meta-item {padding: 10px 15px; border-radius: 4px; background-color: var(--bg-darker); color: var(--tt-fade); font-size: 12px;}
.aninet__meta-item div {font-size: 15px; font-weight: 500; color: var(--tt); line-height: 1.3;}
.aninet__place {position: relative; padding-left: 70px; margin: 0 0;}
.aninet__place-number {position: absolute; left: 0; top: 50%; translate: 0 -50%; font-weight: 500; font-size: 24px; 
	background: url(../images/award.svg) center center / contain no-repeat; width: 60px;}
.aninet__list li {position: relative; padding-left: 200px; min-height: 14px; font-size: 14px;}
.aninet__list li > span:first-child {position: absolute; left: 0; top: 0;}
.aninet__list li a {color: var(--accent-2);}
.ya-share2, .sharer {min-height: 24px;}
.sharer img {display: block; height: 24px; width: 136px; cursor: pointer;}

.aninet__revs-left {border-right: 1px solid var(--bdc); width: 160px; padding-right: 20px; margin-right: 20px; line-height: 1.1;}
.aninet__revs-rcount {font-size: 54px; font-weight: 500; padding-bottom: 10px;}
.aninet__revs-bar {padding: 0 20px 0 35px; position: relative; isolation: isolate; font-size: 12px;}
.aninet__revs-bar::before {content: ''; background-color: var(--bg-darker);
	position: absolute; left: 35px; top: 0; right: 0; bottom: 0; z-index: -1;}
.aninet__revs-bar-rate {position: absolute; left: 0; width: 30px; top: 50%; transform: translateY(-50%);}
.aninet__revs-bar-rate::after {content: ''; position: absolute; right: 1px; top: 1px; width: 16px; height: 16px; 
	background: url(../dleimages/rating.svg) 0 0 / 16px auto no-repeat;}
.aninet__revs-bar-bar {height: 16px; min-width: 10px; background-color: #57bb8a; position: relative;}
.aninet__revs-bar:nth-child(2) .aninet__revs-bar-bar {background-color: #aed787;}
.aninet__revs-bar:nth-child(3) .aninet__revs-bar-bar {background-color: #ffd834;}
.aninet__revs-bar:nth-child(4) .aninet__revs-bar-bar {background-color: #ffb234;}
.aninet__revs-bar:nth-child(5) .aninet__revs-bar-bar {background-color: #ff8b5a;}
.aninet__revs-bar-bar span {width: 20px; display: block; white-space: nowrap; 
	position: absolute; right: -25px; top: 50%; transform: translateY(-50%);}

.countdown {height: 66px;}
.countdown-container {text-align: center; background-color: var(--bg-darker); border-radius: 4px; padding: 10px 0;
	flex: 1 1 0; min-width: 0; max-width: 90px; display: flex; flex-direction: column; justify-content: center;}
.countdown-value {font-size: 18px; font-weight: 500;}
.countdown-value + div {font-size: 13px; color: var(--tt-fade);}
.aninet__timer.done .countdown {display: flex !important; background-color: var(--bg-darker); border-radius: 10px;
	font-size: 24px; font-weight: 500; color: var(--tt); align-items: center;}

.stats__legend-item {position: relative; padding-left: 28px; --clr: var(--accent); white-space: nowrap;}
.stats__legend-item span {color: var(--tt); font-weight: 500; margin-left: 3px;}
.stats__legend-item::before {content: ''; width: 18px; height: 18px; border-radius: 4px; background: var(--clr); 
	position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.stats__watch, .stats__bar-progress.watch {--clr: #57bb8a;}
.stats__later, .stats__bar-progress.later {--clr: #aed787;}
.stats__watched, .stats__bar-progress.watched {--clr: #ffd834;}
.stats__postponed, .stats__bar-progress.postponed {--clr: #ffb234;}
.stats__left, .stats__bar-progress.left {--clr: #ff8b5a;}
.stats__legend {display: grid; gap: 6px 10px; grid-template-columns: repeat(auto-fill,minmax(160px,1fr));}
.stats__bar {height: 30px; border-radius: 4px; margin-bottom: 10px; overflow: hidden;}
.stats__bar-progress {height: 100%; background-color: var(--clr);}

.aninet__btn-trl {border-radius: 10px; background-color: var(--bg-black); height: auto; overflow: hidden;}
.aninet__btn-trl::before {background-color: rgba(0,0,0,.5); color: #fff; 
	position: absolute; inset: 0; font-size: 44px; z-index: 10;}
.aninet__scr a::before, .aninet__img a::before {opacity: 0; scale: 0 0;}
.aninet__scr ul {display: grid; gap: 10px; grid-template-columns: repeat(2,1fr);}
.aninet__scr a, .aninet__scr img {display: block; height: auto; width: 100%; border-radius: 4px; aspect-ratio: 3/2;}
.aninet__scr img {object-fit: cover;}

.fr.is-active {position: relative; isolation: isolate;}
.fr.is-active::before {content: ''; position: absolute; inset: -10px; z-index: -1; background: var(--bg-darker); border-radius: 4px;}

.aninet__player .tabs-block__select button.is-active, .aninet__player .tabs-block__select button:hover {background: var(--accent); color: #fff;}
.aninet__complaint a {display: flex; align-items: center; gap: 10px; color: var(--red);}
.nl .aninet__player-controls + .tabs-block__content {display: block;}

.aninet__subtext {margin: -10px 0 20px; font-size: 13px; color: var(--tt-fade);}
.aninet__sch-list--hidden .schedule-item:nth-child(4) ~ .schedule-item {display: none;}
.aninet__sch:has(.schedule-item:nth-child(5)) .aninet__sch-btn {display: flex;}
.aninet__sch-list {border: 1px solid var(--bdc);}
.schedule-item {padding: 8px 20px; gap: 10px 20px; position: relative;  
	display: grid; grid-template-columns: 180px 1fr 180px 100px; gap: 10px;}
.schedule-item--header {background-color: var(--bg-black); color: #fff; font-weight: 500;}
.schedule-item:not(.schedule-item--header) + .schedule-item {border-top: 1px solid var(--bdc);}
.schedule-item__date, .schedule-item__status {text-align: center;}
.schedule-item__descr b {display: block; font-weight: 500;}
.schedule-item:not(.schedule-item--header) .schedule-item__status {color: var(--green); font-size: 18px;}
.schedule-item__status .fa-times {color: var(--red);}
.aninet__sch-btn {border-radius: 0; border-top: 1px solid var(--bdc);}

.aninet__ps-form {cursor: pointer; margin-bottom: 20px; background-color: var(--bg-darker); 
	padding: 20px; border-radius: 10px; color: var(--tt-fade);}
.aninet__ps-form::before {font-size: 34px; margin-right: 20px;}
.aninet__ps-form-avatar {width: 60px; border-radius: 6px;}

.aninet__age {position: fixed; inset: 0; z-index: 999; background-color: rgba(0,0,0,0.66); backdrop-filter: blur(15px)}
.aninet__age-header {font-size: 22px; cursor: pointer; font-weight: 500;}
.aninet__age-text {font-size: 16px; padding-bottom: 10px;}
.aninet__age-info {background-color: var(--bg); border-radius: 10px; padding: 30px; 
	width: 480px; max-width: calc(100vw - 40px); box-shadow: var(--bsh-popover);}

.news__cols-right {width: 400px;}
.news__meta {margin: 20px 0 40px 0;}
@media screen and (min-width: 1340px) {
	.news__cols-right .item-news__img {width: 100%;}
	.hdr1 .aninet__col-left {grid-template-areas: "aheader aheader" "aposter ainfo";}
}
.js-show-login .unit-rating {pointer-events: none;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .unit-rating {--size: 20px; --size-1: -20px; --size-2: -40px;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .aninet__revs {align-items: stretch;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .aninet__revs-left {justify-content: center; padding-bottom: 10px;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .aninet__revs-bar {font-size: 10px;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .aninet__revs-bar-bar {height: 10px;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .aninet__revs-bar-bar:is(:nth-child(1),:nth-child(2)) {background-color: #57bb8a;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .aninet__revs-bar:is(:nth-child(3),:nth-child(4)) .aninet__revs-bar-bar {background-color: #aed787;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .aninet__revs-bar:is(:nth-child(5),:nth-child(6)) .aninet__revs-bar-bar {background-color: #ffd834;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .aninet__revs-bar:is(:nth-child(7),:nth-child(8)) .aninet__revs-bar-bar {background-color: #ffb234;}
.aninet__rating:has(.unit-rating li:nth-child(10)) .aninet__revs-bar:is(:nth-child(9),:nth-child(10)) .aninet__revs-bar-bar {background-color: #ff8b5a;}

.aninet__likes > a, .aninet__likes > span {display: flex; align-items: center; height: 60px;
	background-color: #57bb8a; color: #fff; padding: 0 20px 0 0; 
	font-weight: 500; font-size: 18px; border-radius: 4px; overflow: hidden;}
.aninet__likes > * .fal {height: 60px; width: 60px; background: rgba(0,0,0,0.1);
	display: flex; justify-content: center; align-items: center; margin-right: 20px; font-size: 24px;}
.aninet__likes > a + a, .aninet__likes > span + span {background-color: #ff8b5a; margin-right: auto;}
.aninet__likes > a:hover {background-color: var(--accent); color: #fff;}
.item__likes-bar {height: 10px; background-color: #ff8b5a; border-radius: 3px;}
.item__likes-bar::before {content: ''; border-radius: inherit; background-color: #57bb8a; 
	width: var(--p,50%); height: 100%; display: block;}
.item__likes-bar[style="--p:0%"]::before {width: 50%;}
.aninet__likes-score {font-size: 34px; font-weight: 500;}
.item .item__likes-bar {height: 6px; width: 70px;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {margin-bottom: 30px; font-size: 24px;}
.full-text {line-height: 1.6; font-size: 15px; word-wrap: break-word;}
.full-text a {text-decoration: underline; color: var(--accent-2);}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table {margin-bottom: 10px;} /* {margin-bottom: 25px;} */
.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 > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--accent); position: absolute; top: 6px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; 
	position: absolute; top: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 500;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); 
	position: absolute; left: 41px; top: -3px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%;}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {background-color: #000;}
.video-responsive > iframe, .video-responsive > video {width: 100%; height: auto; aspect-ratio: 3/2;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;}


/* COMMENTS
----------------------------------------------- */
.aninet__comments {padding-bottom: 1px;}
.aninet__comments-info {color: var(--tt-fade); margin: -15px 0 20px; font-size: 14px; padding-left: 23px; position: relative;}
.aninet__comments-info::before {color: var(--red); position: absolute; left: 0; top: 2px;}
.ac-form {position: relative;}
.ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 60px;}
.ac-form__bottom {gap: 25px;}
.confidential-check {font-size: 14px;}
.ac-form__header > span {margin-left: 15px;}
.ac-form .comments_subscribe {margin-top: 0px;}

.comments_subscribe + br, .ac-form .bb-editor + br, .mass_comments_action {display: none;}

.comm__title {font-size: 18px; margin-bottom: 20px; font-weight: 500;}

.comm {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--bdc);}
.comm.poss, .comm.negg {position: relative; isolation: isolate;}
.comm.poss::before, .comm.negg::before {content: ''; border-radius: 10px 10px 0 0;
	position: absolute; top: -10px; right: -10px; left: -10px; z-index: -1; height: 100px; opacity: 0.15; 
	background: linear-gradient(to bottom, var(--green), transparent);}
.comm.negg::before {--green: var(--red);}
.comm__img {width: 45px; height: 45px; border-radius: 10px;}
.comm__header::before {width: 26px; height: 26px; border-radius: 50%; background-color: var(--green); color: #fff; order: 10;}
.neg.comm__header::before {background-color: var(--red);}
.comm__author, .comm__author a {font-weight: 500;}
.comm__author .fal {color: var(--tt-fade); font-size: 15px;}
.comm__author img {display: block; height: 15px;}
.comm__date {color: var(--tt-fade); font-size: 13px; margin-top: 3px;}
.comm__rating a {display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; 
	color: var(--green); font-size: 18px; line-height: 1;}
.comm__rating a:last-child {color: var(--red);}
.comm__rating span:not(.fal) {font-size: 14px; font-weight: 400;}
.comm__rating span .ratingplus {color: var(--green);}
.comm__rating span .ratingminus {color: var(--red);}
.comm__text {margin: 10px 0 15px 0;}
.comm__action {font-size: 13px; --tt: var(--tt-fade); color: var(--tt-fade);}
.comm__ctrl {margin: -5px 0; height: 30px;}
.comm__ctrl-btn {font-size: 24px; height: 30px; border-radius: 15px;}
.comm__ctrl-menu li + li {margin-top: 10px;}
body:has(.pwidget) #dropmenudiv {z-index: 1000 !important;}
.full-text > *:last-child, .comm__text > div > *:last-child, .quote_body > *:last-child {margin: 0;}


/* POPUP WIDGET
----------------------------------------------- */
.pwidget {background-color: var(--bg); color: var(--tt); 
	border-radius: 20px; overflow: hidden; z-index: 999; padding: 20px; padding-top: 24px; 
	position: fixed; left: 20px; bottom: 20px; right: 20px; box-shadow: 0 0 60px rgba(0,0,0,0.5);}
.pwidget::before {content: ''; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); 
	background-color: rgba(0,0,0,0.2); height: 4px; width: 40px; border-radius: 2px;}
.pwidget .wctrl__content {display: block; margin-bottom: 20px;}
@media screen and (min-width: 760px) {
	.pwidget {left: 50%; bottom: 50%; right: auto; translate: -50% 50%; width: 400px;}
	.pwidget::before {display: none;}
}


/* LOGIN
----------------------------------------------- */
.lgn, .lgn-logged {position: fixed; z-index: 999; left: 50%; top: 50%; translate: -50% -50%; background-color: var(--bg);
	width: 500px; max-width: calc(100% - 40px); box-shadow: var(--bsh-popover); padding: 30px 40px; border-radius: 20px;
	--link: var(--accent-2); --fs: 13px; --fw: 500; --indent: 30px; display: none;}
.lgn-logged {padding: 0; overflow: hidden; width: 360px;}
.lgn-logged .lgn__btn-close {color: #fff;}
.lgn__btn-close {position: absolute; right: 20px; top: 20px; font-size: 24px; z-index: 6;}
.lgn__header {text-align: center; margin-bottom: 30px; font-size: var(--fs); color: var(--tt-fade);}
.lgn__title {font-weight: var(--fw); font-size: 24px; color: var(--tt);}
.lgn__row + .lgn__row {margin-top: 15px;}
.lgn__row:not(.lgn__soc) a {color: var(--link);}
.lgn__ctrl {font-size: var(--fs);}
.lgn__soc-caption {font-size: var(--fs); color: var(--tt-fade); padding-top: 20px; padding-bottom: 15px;}
.lgn__soc-caption::before, .lgn__soc-caption::after {content: ''; flex-grow: 1; background: var(--bdc); height: 1px;}
.lgn__soc a {border-radius: 20px; height: 40px; padding: 0 25px; flex: 1 1 0; min-width: 40%; max-width: 100%;
	gap: 10px; display: flex; align-items: center; justify-content: center; 
	font-size: 12px; text-transform: uppercase; border: 1px solid var(--bdc);}
.lgn__soc a img {height: 18px; width: 18px;}
.lgn__soc:not(:has(a)) {display: none;}
.lgn-logged__header {padding: 20px var(--indent); padding-bottom: 46px; 
	background: url(../images/bg-footer.jpg) center top / cover no-repeat; 
	background-color: var(--bg-black); color: var(--tt-black);}
.lgn-logged__caption {font-size: 22px; font-weight: var(--fw); margin-bottom: 20px;}
.lgn-logged__user {padding-left: 60px; position: relative;}
.lgn-logged__user-avatar {width: 50px; border-radius: 50%; position: absolute; left: 0; top: 50%; translate: 0 -50%;}
.lgn-logged__user-name {font-weight: var(--fw);}
.lgn-logged__user-group, .lgn-logged__user-group * {font-size: var(--fs); font-weight: 400; color: var(--tt-black-fade) !important;}
.lgn-logged__menu {background-color: var(--bg); border-radius: 20px; margin-top: -20px; 
	position: relative; z-index: 3; padding: 20px var(--indent);}
.lgn-logged__menu a {display: flex; align-items: center; gap: 10px; height: 40px;}
.lgn-logged__menu a span {margin-left: auto; background-color: var(--accent-2); color: #fff; font-size: 12px; 
	display: inline-block; border-radius: 3px; padding: 1px 5px;}
.lgn-logged__footer {padding: 30px var(--indent); border-top: 1px solid var(--bdc);}
.lgn-logged__footer .btn:last-child {font-weight: 400; text-transform: uppercase; font-size: 12px;}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel {width: 100%; position: relative; z-index: 1;}
.owl-stage {position: relative; display:flex; justify-content:flex-start;}
.owl-stage-outer {position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px);}
.owl-item {position: relative; min-height: 10px;}
.owl-nav.disabled, .owl-dots.disabled, .owl-carousel.owl-refresh .owl-item {display: none;}
.owl-carousel.owl-drag .owl-item {user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-nav {position: absolute; right: 0; top: 0; margin-top: -59px; display: flex; gap: 10px; z-index: 5;}
.owl-prev, .owl-next {cursor: pointer; width: 40px; height: 40px; display: grid; place-items: center; 
	font-size: 14px; background-color: transparent; color: var(--tt); box-shadow: none; 
	border: 2px solid var(--bdc); color: var(--tt-fade); border-radius: 4px;}
.owl-next {border-color: var(--accent); color: var(--accent);}
.owl-carousel .animated {animation-duration: 0.5s; animation-fill-mode: both; position: relative;}
.owl-animated-in {z-index: 0;}
.owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} }
.owl-carousel .fadeIn {animation-name: fadeIn;}
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }


/* CLS FIX
----------------------------------------------- */
.carou-nl, .slider-nl {display: flex; overflow: hidden; gap: 20px;}
.carou-nl > *, .slider-nl > .sl {flex-shrink: 0;}
.carou-nl > .item-poster {width: calc((100% - 60px)/4);}
.slider-nl > .sl {width: 100%;}

@media screen and (max-width: 1220px) {
	.carou-nl > .item-poster {width: calc((100% - 60px)/4);}
}
@media screen and (max-width: 950px) {
	.carou-nl > .item-poster {width: calc((100% - 60px)/4);}
}
@media screen and (max-width: 760px) {
	.carou-nl > .item-poster {width: calc((100% - 40px)/3);}
}
@media screen and (max-width: 470px) {
	.carou-nl > .item-poster {width: calc((100% - 20px)/2);}
}

.filter-block {margin: 0;}
.filter {gap: 10px 20px;}
.filter-block__title {font-size: 16px; font-weight: 500; margin-bottom: 20px;}
.filter__col:not(.filter__col--submit) {flex: 1 0 240px; max-width: 100%; min-width: 240px; display: flex; flex-direction: column; gap: 10px;}
.filter__cell select {height: 40px; box-shadow: none; border: 1px solid var(--bdc);
	background-color: var(--bg); color: var(--tt);}
.filter__cell input[type="text"] {opacity: 0;}
.filter__cell [data-dlefilter="reset"]:not(:hover) {background-color: var(--bg-darker); color: var(--tt-fade);}
.filter__col--ranges {padding: 0 20px;}

.tail-select, .tail-select * {outline: none; user-select: none;}
.tail-select {position: relative;}
.tail-select-container, .select-label {border: 1px solid var(--bdc); background-color: var(--bg); 
	padding: 5px 5px; min-height: 40px; position: relative; cursor: pointer; color: var(--tt);
	display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-right: 40px; border-radius: 3px;}
.tail-select .label-inner {margin-left: 5px; font-size: 14px;}
.tail-select-container .select-handle {display: flex; align-items: center; height: 28px; padding: 0 8px; border-radius: 2px; 
	background-color: var(--accent-2); color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase;}
.tail-select .select-label::after {position: absolute; top: 50%; right: 10px;
	content:"\f078"; color: var(--tt); margin-top: -11px; opacity: 0.8;}

.tail-select .select-dropdown {top: 100%; left: 0; width: 100%; z-index: 100; display: none; position: absolute;
    background-color: var(--bg); box-shadow: var(--bsh-popover); border-radius: 8px;}
.tail-select .select-dropdown .dropdown-inner {padding: 1px 0; overflow-x: hidden; overflow-y: auto; max-height: 300px;}
.tail-select .dropdown-optgroup {padding: 15px;}
.tail-select .select-dropdown .dropdown-empty {padding: 20px; font-size: 14px; text-align: center;}
.tail-select .select-dropdown ul li + li {margin-top: 10px;}
.tail-select .select-dropdown ul li {display: flex; align-items: center; gap: 10px; cursor: pointer; 
	font-size: 14px; position: relative; padding-right: 20px;}
.tail-select .select-dropdown ul li.dropdown-option::before {content: ""; width: 6px; height: 6px; border-radius: 50%; 
	position: absolute; right: 0; top: 50%; translate: 0 -50%;}
.tail-select .select-dropdown ul li.dropdown-option.selected {color: var(--accent-2); font-weight: 500;}
.tail-select .select-dropdown ul li.dropdown-option.selected::before {background-color: var(--accent-2);}
.tail-select .select-dropdown ul li:hover {color: var(--accent);}
.tail-select-container:hover, .select-label:hover {border-color: var(--accent-2);}
.tail-select-container .select-handle:hover {background-color: var(--red);}

.irs {position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;}
.irs-line {position: relative; display: block; overflow: hidden; outline: none !important;}
.irs-line-left, .irs-line-mid, .irs-line-right {position: absolute; display: block; top: 0;}
.irs-line-left {left: 0; width: 11%;}
.irs-line-mid {left: 9%; width: 82%;}
.irs-line-right {right: 0; width: 11%;}
.irs-bar {position: absolute; display: block; left: 0; width: 0;}
.irs-bar-edge {position: absolute; display: block; top: 0; left: 0;}
.irs-shadow {position: absolute; display: none; left: 0; width: 0;}
.irs-handle {position: absolute; display: block; cursor: default; z-index: 1;}
.irs-handle.type_last {z-index: 2;}
.irs-min {position: absolute; display: block; left: 0; cursor: default;}
.irs-max {position: absolute; display: block; right: 0; cursor: default;}
.irs-from, .irs-to, .irs-single {position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap;}
.irs-grid {position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px;}
.irs-with-grid .irs-grid {display: block;}
.irs-grid-pol {position: absolute; top: 8px; left: 0; width: 2px; height: 10px; opacity: 0.3; background: var(--tt-fade);}
.irs-grid-pol.small {height: 5px;}
.irs-grid-text {position: absolute; top: 23px; left: 0; white-space: nowrap; text-align: center;
font-size: 10px; line-height: 1; color: var(--tt-fade);}
.irs-disable-mask {position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%;
cursor: default; background: rgba(0,0,0,0.0); z-index: 2;}
.irs-disabled {opacity: 0.4;}
.lt-ie9 .irs-disabled {filter: alpha(opacity=40);}
.irs-hidden-input {position: absolute !important; display: block !important; top: 0 !important; left: 0 !important;
width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important;
margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important;
border-style: solid !important; border-color: transparent !important;}

.irs {height: 40px;}
.irs-line {height: 4px; top: 25px; background-color: var(--bg-darker); border-radius: 3px; 
	box-shadow: inset 0 0 2px rgba(0,0,0,0.4);}
.irs-bar {height: 4px; top: 25px; background-color:var(--accent-2); border-radius:3px;}
.irs-bar-edge {top: 25px; height: 8px; width: 11px; background-color:var(--bg);}
.irs-handle {width: 10px; height: 20px; top: 17px; background-color:var(--accent-2); border-radius:3px; cursor: pointer;}
.irs-from, .irs-to, .irs-single {font-size: 10px; margin-top: -5px; border: 1px solid var(--bdc);
	padding: 0 5px; height: 22px; display: flex; align-items: center; 
	background: var(--bg); color: var(--tt); border-radius: 3px;}
.irs-min, .irs-max, .label-count {display: none !important;}
/* Спойлер текста footer
----------------------------------------------- */
.text-slider-wrap {position: relative; max-height: 250px; overflow: hidden; transition: max-height 0.3s ease;}
.text-slider-wrap.open {max-height: 2000px;}
.text-slider-btn {width: 100%; background: #3498db; color: white; border: none; padding: 10px; cursor: pointer;
	display: flex; justify-content: center; align-items: center; gap: 8px;margin-top: 1px;}
.text-slider-btn:hover {background: #2980b9;}
.text-slider-fade {position: absolute; bottom: 0; left: 0; right: 0; height: 50px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0));
	pointer-events: none; transition: opacity 0.3s;}
.text-slider-wrap.open .text-slider-fade {opacity: 0;}
.text-slider-icon {transition: transform 0.3s;}
.text-slider-wrap.open + .text-slider-btn .text-slider-icon {transform: rotate(180deg);}
.text-slider-wrap h1,
.text-slider-wrap h2 {margin: 20px 0 10px 0;}
.text-slider-wrap p {margin: 0 0 15px 0;}
.text-slider-wrap h1:first-child,
.text-slider-wrap h2:first-child {margin-top: 0;}
/* Спойлер текста footer
----------------------------------------------- */
/* Блок рейтинга
----------------------------------------------- */
.rating-block {
	font-size: 15px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.rating-badge {
	background: #28a745;
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 3px;
}
.rating-badge i {
	font-size: 13px;
}
.rating-votes {
	font-size: 14px;
	color: #eee;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
	.rating-block {
		flex-wrap: wrap;
		gap: 4px;
	}
}
/* Блок рейтинга
----------------------------------------------- */
/* Слайдер custom-shortstory
----------------------------------------------- */
.promo-slider-header {
	margin-bottom: 25px;
	padding: 0 15px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
  }
  
  .promo-slider-title {
	margin: -10px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
  }
  
  .promo-slider-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.25s ease;
	position: relative;
  }
  
  .promo-slider-link:hover {
	color: #fff;
  }
  
  /* Подчеркивание при наведении */
  .promo-slider-link::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -2px;
	left: 0;
	background-color: #fff;
	transition: width 0.25s ease;
  }
  
  .promo-slider-link:hover::after {
	width: 100%;
  }
  
  /* ---------- Контейнер ---------- */
  .promo-slider-block{
	width:100%;
	margin:30px 0;
  }
  
  .promo-slider-container{
	position:relative;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
  }
  
  /* Скрываем до инициализации Owl Carousel */
  .promo-slider:not(.owl-loaded) {
	display: none;
  }
  
  /* Показываем после инициализации */
  .promo-slider.owl-loaded {
	display: block;
  }
  
  /* ---------- Слайды ---------- */
  .promo-slider .promo-slide{
	width:100%;
	padding:0 5px; /* Отступ 10px между постерами (5px с каждой стороны) */
  }
  
  /* ---------- Постер ---------- */
  .promo-poster{
	position:relative;
	width:100%;
	padding-top:154%; /* Размер постеров 154% */
	border-radius:4px;
	overflow:hidden;
	box-shadow:0 4px 16px rgba(0,0,0,.18);
  }
  .promo-poster img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
  }
  
  /* ---------- Название ---------- */
  .promo-title{
	position:absolute;
	bottom:0;
	left:0;right:0;
	background:rgba(0,0,0,.75);
	padding:10px 8px;
	text-align:center;
	/* Название всегда полностью */
	max-height: none;
	overflow: visible;
	/* Анимация для фона */
	transition: all .3s ease;
	min-height: 44px; /* Минимальная высота */
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .promo-title span{
	display:block;
	color:#fff;
	font-size:13px;
	font-weight:600;
	/* Название всегда полностью */
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
	line-height: 1.3;
	/* Ограничиваем максимум 3 строки - все варианты для совместимости */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-clamp: 3; /* Стандартное свойство */
	box-orient: vertical;
  }
  .promo-slide:hover .promo-title{
	/* Увеличиваем высоту фона при наведении */
	min-height: 60px;
	padding:15px 10px;
	background:rgba(0,0,0,.85); /* Чуть темнее фон при наведении */
  }
  .promo-slide:hover .promo-title span{
	-webkit-line-clamp: 5; /* Больше строк при наведении */
	line-clamp: 5; /* Стандартное свойство */
  }
  
  /* ---------- Кнопки ---------- */
  .promo-slider-btn{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
	width:44px;height:44px;
	background:rgba(0,0,0,.55);
	border:none;
	border-radius:8px;
	color:#fff;
	font-size:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	/* Кнопка справа всегда видна */
	opacity: 1;
	transition: background .15s ease, transform .15s ease;
  }
  .promo-slider-btn:hover{
	background:rgba(0,0,0,.8);
	transform:translateY(-50%) scale(1.05);
  }
  .promo-slider-prev{left:5px; display:none;} /* Ближе к левому краю */
  .promo-slider-next{right:5px;} /* Ближе к правому краю */
  
  /* ---------- Скрываем стандартные элементы Owl ---------- */
  .promo-slider .owl-nav,
  .promo-slider .owl-dots{display:none!important;}
/* Слайдер custom-shortstory
----------------------------------------------- */
/* Плейр
----------------------------------------------- */
:root {
    /* Настройки кнопок серий */
    --episode-btn-width: auto;
    --episode-btn-height: auto;
    --episode-btn-padding: 25px 30px;
    --episode-btn-font-size: 13px;
    --episode-btn-border-radius: 4px;
    --episode-btn-bg: #333;
    --episode-btn-color: #ddd;
    --episode-btn-hover-bg: #444;
    --episode-btn-hover-color: #fff;
    --episode-btn-active-bg: #ff4d4d;
    --episode-btn-active-color: #fff;
    
    /* Настройки табов */
    --tabs-header-bg: #2a2a2a;
    --tabs-color: #bbb;
    --tabs-active-color: #fff;
    --tabs-active-line: #ff4d4d;
    
    /* Настройки навигационных кнопок */
    --nav-btn-size: 30px;
    --nav-btn-bg: rgba(0, 0, 0, 0.7);
    --nav-btn-hover-bg: rgba(0, 0, 0, 0.9);
    --nav-btn-color: white;
    
    /* Новые переменные для кнопки жалобы */
    --complaint-color: #bbb;
    --complaint-hover-color: #ff4d4d;
    --complaint-icon-size: 14px;
  }
  
  /* Основные стили */
  .tabs-block {
    width: 100%;
    margin-top: 15px;
    font-family: Arial, sans-serif;
  }
  
  /* Стили заголовков табов */
  .tabs-header {
    background: var(--tabs-header-bg);
    padding: 0 15px;
    border-radius: 8px 8px 0 0;
    display: flex; /* Добавлено для гибкого позиционирования */
    align-items: center; /* Выравнивание по вертикали */
    position: relative; /* Для z-index */
  }
  
  .tabs {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #444 var(--tabs-header-bg);
    flex-grow: 1; /* Растягиваем на всё доступное пространство */
  }
  
  /* Стили для контейнера кнопки жалобы */
  .complaint-btn-container {
    margin-left: auto; /* Прижимаем к правому краю */
    padding-left: 15px; /* Отступ от табов */
    background: var(--tabs-header-bg); /* Фон как у шапки */
    position: relative;
    z-index: 2; /* Поверх других элементов */
    display: flex;
    align-items: center;
  }
  
  /* Стили кнопки жалобы */
  .page__complaint {
    cursor: pointer;
    color: var(--complaint-color);
    font-size: 13px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
  }
  
  .page__complaint:hover {
    color: var(--complaint-hover-color);
  }
  
  .page__complaint .fa-bug {
    font-size: var(--complaint-icon-size);
  }
  
  .tabs::-webkit-scrollbar {
    height: 6px;
  }
  
  .tabs::-webkit-scrollbar-track {
    background: var(--tabs-header-bg);
  }
  
  .tabs::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 3px;
  }
  
  .tabs-li {
    padding: 12px 20px;
    cursor: pointer;
    color: var(--tabs-color);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all 0.3s ease;
    position: relative;
  }
  
  .tabs-li:hover {
    color: var(--tabs-active-color);
  }
  
  .tabs-li.active {
    color: var(--tabs-active-color);
  }
  
  .tabs-li.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--tabs-active-line);
  }
  
  /* Контент табов */
  .tabs-content {
    padding: 0;
    padding-bottom: 15px;
  }
  
  .tab-content {
    display: none;
  }
  
  .tab-content.active {
    display: block;
  }
  
  /* Видео плеер */
  .video-block {
    width: 100%;
  }
  
  .episodes-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  
  .player {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 соотношение */
    height: 0;
    background: transparent;
  }
  
  .main-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
  }
  
  .main-player iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
  }
  
  /* Слайдер серий */
  .episode-buttons-container {
    position: relative;
    margin-top: 15px;
  }
  
  .episode-buttons-scroll {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 8px;
    padding-bottom: 10px;
  }
  
  .episode-buttons-scroll::-webkit-scrollbar {
    display: none;
  }
  
  .episode-buttons {
    display: flex;
    gap: 8px;
    padding: 0 5px;
  }
  
  .episode-btn {
    flex: 0 0 auto;
    width: var(--episode-btn-width);
    height: var(--episode-btn-height);
    padding: var(--episode-btn-padding);
    background: var(--episode-btn-bg);
    color: var(--episode-btn-color);
    border: none;
    border-radius: var(--episode-btn-border-radius);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: var(--episode-btn-font-size);
    white-space: nowrap;
    text-align: center;
  }
  
  .episode-btn:hover {
    background: var(--episode-btn-hover-bg);
    color: var(--episode-btn-hover-color);
  }
  
  .episode-btn.active {
    background: var(--episode-btn-active-bg);
    color: var(--episode-btn-active-color);
  }
  
  /* Навигационные кнопки слайдера */
  .slider-nav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  
  .slider-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--nav-btn-size);
    height: var(--nav-btn-size);
    background: var(--nav-btn-bg);
    border: none;
    color: var(--nav-btn-color);
    cursor: pointer;
    pointer-events: all;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .episode-buttons-container.has-many-episodes:hover .slider-nav-btn {
    opacity: 1;
  }
  
  .slider-nav-btn.prev {
    left: 0;
  }
  
  .slider-nav-btn.next {
    right: 0;
  }
  
  .slider-nav-btn:hover {
    background: var(--nav-btn-hover-bg);
  }
  
/* Адаптивность */
@media (max-width: 768px) {
    :root {
      --episode-btn-padding: 25px 30px;
      --episode-btn-font-size: 12px;
      --nav-btn-size: 25px;
      --complaint-icon-size: 16px;
    }
    
    .tabs-li {
      padding: 10px 15px;
      font-size: 13px;
    }
    
    /* Изменения для кнопки жалобы на мобильных */
    .page__complaint span {
      display: inline; /* Показываем текст */
      font-size: 0; /* Скрываем текст, оставляя место для иконки */
    }
    
    .page__complaint .fa-bug {
      font-size: 18px; /* Увеличиваем иконку */
      margin-right: 0; /* Убираем отступ */
    }
    
    .complaint-btn-container {
      padding-left: 10px;
      min-width: 30px; /* Гарантируем место для иконки */
    }
    
    /* Уменьшаем отступы у табов для экономии места */
    .tabs-li {
      padding: 8px 12px;
    }
}
/* Плейр
----------------------------------------------- */

/* Слайдер с тг
----------------------------------------------- */
.promo-carousel {
	margin-top: 60px;
	padding: 1px;
	width: 100%;
	max-width: 350px; 
	margin-left: auto;
	margin-right: auto;
}

.carousel-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	width: 100%;
}

.carousel-track {
	display: flex;
	transition: transform 0.6s ease-in-out;
}

.carousel-slide {
	min-width: 100%;
	box-sizing: border-box;
}

.carousel-slide img {
	width: 100%;
	border-radius: 5px;
	display: block;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.carousel-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	border: none;
	border-radius: 4px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 2;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.carousel-btn:hover {
	background: rgba(0, 0, 0, 0.6);
	transform: translateY(-50%) scale(1.05);
}

.carousel-prev { 
	left: 10px;
}
.carousel-next { 
	right: 10px;
}

.carousel-dots {
	text-align: center;
	margin-top: 10px;
}

.carousel-dots button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	margin: 0 4px;
	background: #ccc;
	cursor: pointer;
	transition: background 0.3s;
}

.carousel-dots button.active {
	background: #555;
}

.promo-carousel--hidden {
    display: none;
}

@media (max-width: 1340px) {
	.promo-carousel {
		display: none;
	}
}

@media (max-width: 768px) {
	.promo-carousel {
		display: none;
	}
}

@media (max-width: 480px) {
	.promo-carousel {
		display: none;
	}
}

@media (max-width: 360px) {
	.promo-carousel {
		display: none;
	}
}
/* Слайдер с тг
----------------------------------------------- */
/* Мои списки
----------------------------------------------- */
/* ===== СТИЛИ ДЛЯ МОДАЛЬНОГО ОКНА ===== */
.bookmark-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  transition: all 0.3s ease;
  position: relative;
  min-height: 40px;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

.bookmark-btn:hover {
  background-color: #e9e9e9;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.bookmark-btn::before {
  content: "\f02e";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  margin-right: 8px;
  font-size: 16px;
}

/* Модальное окно */
.bookmark-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}

.bookmark-content {
  position: relative;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 400px;
  animation: fadeIn 0.3s ease-out;
  margin: 0 auto;
}

.modal-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  font-size: 16px;
  cursor: pointer;
  color: #666;
  background: none;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 10;
}

.modal-close-btn:hover {
  background-color: #f5f5f5;
  color: #333;
  transform: rotate(90deg);
}

.modal-close-btn::before {
  content: "\f00d";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
}

.mylists-switch {
  list-style: none;
  padding: 0 20px 20px;
  margin: 0;
  font-size: 15px;
}

.mylists-switch li {
  display: flex;
  align-items: center;
  margin: 0 0 8px 0;
  color: #136CB2;
  text-decoration: none;
  padding: 12px 16px 12px 45px;
  border-radius: 8px;
  transition: all 0.2s ease;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
}

.mylists-switch li:hover {
  background-color: #f8f9fa;
  color: #70579d;
  border-color: #e9ecef;
  transform: translateX(4px);
}

.mylists-switch li::before {
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left: 16px;
  font-size: 16px;
  transition: transform 0.2s ease;
}

.mylists-switch li:hover::before {
  transform: scale(1.1);
}

.mylists-switch li[data-id="1"]::before {
  content: "\f017";
  font-weight: 300;
}

.mylists-switch li[data-id="2"]::before {
  content: "\f04b";
  font-weight: 900;
}

.mylists-switch li[data-id="3"]::before {
  content: "\f00c";
  font-weight: 900;
}

.mylists-switch li[data-id="4"]::before {
  content: "\f004";
  font-weight: 300;
}

.mylists-switch li[data-id="5"]::before {
  content: "\f04c";
  font-weight: 900;
}

.mylists-switch li[data-id="6"]::before {
  content: "\f1f8";
  font-weight: 300;
}

.bookmark-title {
  padding: 24px 20px 16px;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  text-align: center;
  margin: 0;
}

@keyframes fadeIn {
  from { 
      opacity: 0; 
      transform: translateY(-20px) scale(0.95); 
  }
  to { 
      opacity: 1; 
      transform: translateY(0) scale(1); 
  }
}

/* Активное состояние для модального окна */
.mylists-switch li.active {
  background: linear-gradient(135deg, #881160, #a83279);
  color: #fff !important;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(136, 17, 96, 0.3);
}

.mylists-switch li.active::before {
  color: #fff !important;
  transform: scale(1.1);
}

/* Отключение скролла */
body.no-scroll {
  overflow: hidden;
  height: 100%;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 480px) {
  .bookmark-modal {
      padding: 10px;
      align-items: flex-end;
  }
  
  .bookmark-content {
      max-width: 100%;
      border-radius: 16px 16px 0 0;
      margin-bottom: 0;
      animation: slideUp 0.3s ease-out;
  }
  
  .bookmark-title {
      padding: 20px 20px 12px;
      font-size: 18px;
  }
  
  .mylists-switch {
      padding: 0 16px 20px;
      font-size: 14px;
  }
  
  .mylists-switch li {
      padding: 14px 16px 14px 45px;
      margin-bottom: 6px;
  }
  
  .modal-close-btn {
      top: 16px;
      right: 16px;
      width: 36px;
      height: 36px;
  }
  
  .bookmark-btn {
      max-width: 100%;
      padding: 12px 20px;
      font-size: 15px;
  }
}

@media (max-width: 320px) {
  .mylists-switch li {
      padding: 12px 12px 12px 40px;
      font-size: 13px;
  }
  
  .mylists-switch li::before {
      left: 12px;
      font-size: 14px;
  }
}

@keyframes slideUp {
  from { 
      opacity: 0; 
      transform: translateY(100%); 
  }
  to { 
      opacity: 1; 
      transform: translateY(0); 
  }
}

/* Улучшения для планшетов */
@media (min-width: 768px) and (max-width: 1024px) {
  .bookmark-content {
      max-width: 450px;
  }
  
  .bookmark-btn {
      max-width: 320px;
  }
}

/* Поддержка темной темы для модального окна */
@media (prefers-color-scheme: dark) {
  .bookmark-content {
      background-color: #2d3748;
  }
  
  .bookmark-title {
      color: #e2e8f0;
  }
  
  .mylists-switch li {
      color: #63b3ed;
  }
  
  .mylists-switch li:hover {
      background-color: #4a5568;
      color: #b794f4;
  }
  
  .modal-close-btn {
      color: #a0aec0;
  }
  
  .modal-close-btn:hover {
      background-color: #4a5568;
      color: #e2e8f0;
  }
}
/* ===== СТИЛИ ДЛЯ МОДАЛЬНОГО ОКНА ===== */
/* ===== СТИЛИ ДЛЯ СПИСКА КНОПОК ===== */
.mylists-tabs {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mylists-tabs li {
  margin: 0;
}

.mylists-tabs li a {
  display: inline-flex;
  align-items: center;
  padding: 12px 16px 12px 45px;
  background: transparent;
  color: #ffffff;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 14px;
  transition: all 0.3s ease;
  position: relative;
  font-weight: 500;
}

.mylists-tabs li a:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.mylists-tabs li a i {
  display: none;
}

.mylists-tabs li a::before {
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  transition: all 0.3s ease;
  color: #ffffff;
}

.mylists-tabs li[data-id="1"] a::before {
  content: "\f017";
  font-weight: 300;
}

.mylists-tabs li[data-id="2"] a::before {
  content: "\f04b";
  font-weight: 900;
}

.mylists-tabs li[data-id="3"] a::before {
  content: "\f00c";
  font-weight: 900;
}

.mylists-tabs li[data-id="4"] a::before {
  content: "\f004";
  font-weight: 900;
}

.mylists-tabs li[data-id="5"] a::before {
  content: "\f04c";
  font-weight: 900;
}

.mylists-tabs li[data-id="6"] a::before {
  content: "\f1f8";
  font-weight: 900;
}

/* Скрытие дубликатов */
.mylists-tabs ~ .mylists-tabs {
  display: none;
}

/* Активное состояние для кнопок */
.mylists-tabs li.active a {
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.4);
}

.mylists-tabs li.active a::before {
  color: #ffffff !important;
}

/* Счетчик - убираем фон */
.mylists-count {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9em;
  background: transparent;
  padding: 2px 6px;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.mylists-tabs li a:hover .mylists-count {
  color: #ffffff;
  background: transparent;
}

.mylists-tabs li.active .mylists-count {
  color: #ffffff !important;
  background: transparent !important;
}

/* Адаптивность для кнопок */
@media (max-width: 768px) {
  .mylists-tabs {
      flex-direction: column;
  }
  
  .mylists-tabs li a {
      padding: 14px 16px 14px 50px;
      font-size: 15px;
      justify-content: flex-start;
  }
  
  .mylists-tabs li a::before {
      left: 20px;
      font-size: 17px;
  }
}

/* Темная тема для кнопок */
@media (prefers-color-scheme: dark) {
  .mylists-tabs li a {
      background: transparent;
      color: #e2e8f0;
      border-color: rgba(255, 255, 255, 0.2);
  }
  
  .mylists-tabs li a:hover {
      background: rgba(255, 255, 255, 0.1);
      color: #ffffff;
      border-color: rgba(255, 255, 255, 0.3);
  }
  
  .mylists-tabs li a::before {
      color: #e2e8f0;
  }
  
  .mylists-tabs li.active a {
      background: rgba(0, 0, 0, 0.4);
      color: #ffffff !important;
      border-color: rgba(255, 255, 255, 0.5);
  }
  
  .mylists-count {
      color: rgba(255, 255, 255, 0.6);
      background: transparent;
  }
  
  .mylists-tabs li a:hover .mylists-count {
      color: #ffffff;
      background: transparent;
  }
}
/* ===== СТИЛИ ДЛЯ СПИСКА КНОПОК ===== */
/* Мои списки
----------------------------------------------- */
/* Слайдер фото в fullstory
----------------------------------------------- */
.screenshots-slider-block {width: 100%; margin: 30px 0;}
.screenshots-slider-container {position: relative; max-width: 1200px; margin: 0 auto;}
.screenshots-slider {visibility: hidden; height: 0; overflow: hidden;}
.screenshots-slider.owl-loaded {visibility: visible; height: auto; overflow: visible;}
.screenshot-item {padding: 0 8px;}
.screenshot-item a {display: block; position: relative; padding-top: 56.25%; border-radius: 6px; overflow: hidden; background: #f0f0f0;}
.screenshot-item img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.screenshot-item:hover img {transform: scale(1.05);}
.screenshots-slider-btn {position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; width: 36px; height: 36px;background: rgba(0, 0, 0, 0.55);
  border: none; border-radius: 6px; color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0.8; transition: opacity 0.3s;}
.screenshots-slider-btn:hover { opacity: 1; }
.screenshots-slider-prev { left: 5px; }
.screenshots-slider-next { right: 5px; }
.screenshots-slider-btn {display: none !important;}
.screenshots-slider-btn.active {display: flex !important;}

@media (max-width: 650px) {
  .screenshot-item { padding: 0 6px; }
  .screenshots-slider-btn { width: 32px; height: 32px; font-size: 14px; }
}
/* Слайдер фото в fullstory
----------------------------------------------- */

/* Yandex.Metrika
----------------------------------------------- */
.counter {position: relative; display: inline-block;}
/* Yandex.Metrika
----------------------------------------------- */

/* Обновления дорам блог
----------------------------------------------- */
/* .clearfix-wrapper {width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.clearfix-wrapper.narrow {max-width: 1200px;}
.clearfix-wrapper.medium {max-width: 1400px;}
.clearfix-wrapper.wide {max-width: 1600px;}
.clearfix-wrapper.full {max-width: 100%;}
.clearfix:after, 
.comment:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {margin: 0 -5px;}
.col {float: left; padding: 5px; box-sizing: border-box;}
.col-50 {width: 50%;}
.update-block {margin-bottom: 10px;}
.block-header {background: #222c42; color: var(--tt); border-bottom: 3px solid; border-bottom-color: var(--accent);text-transform: uppercase; text-align: center; padding: 13px 5px; position: relative;}
.block-header-link {position: absolute; right: 15px; top: 12px; text-transform: none; text-decoration: underline; color: var(--tt);}
.update-list {font-size: 0;}
.update-list a {display: table; width: 100%; color: var(--tt); border-bottom: 1px solid; border-bottom-color: var(--accent); position: relative; transition: .3s; overflow: hidden; height: 48px;}
.update-list a>* {display: table-cell; vertical-align: middle; font-size: 14px;}
.update-list li:nth-child(odd)>a {background: #24304b; background: var(--background-first, #24304b);}
.update-list li:nth-child(even)>a {background: #222c42; background: var(--background-second, #222c42);}
.update-date {width: 60px; text-align: center; display: inline-block; border-right: 1px solid; border-right-color: var(--accent); font-size: 12px !important;}
.update-list-block {font-size: 0; padding: 0 0 0 35px;}
.update-title {padding-left: auto; font-weight: 600;}
.update-img {position: absolute; top: 0; height: 100%; object-fit: cover; width: 33px; height: 100% !important;}

@media screen and (max-width: 1024px) {
  .clearfix-wrapper {padding: 0 15px;}
}

@media screen and (max-width: 768px) {.clearfix-wrapper {padding: 0 10px;}
  .col {float: none; width: 100% !important;}
  .col-50 {width: 100% !important;}
  .clearfix {margin: 0;}
  .update-list a {height: auto; min-height: 48px;}
  .update-list-block {padding: 0 10px;}
  .block-header-link {position: static; display: block; text-align: center; margin-top: 5px;}
}

@media screen and (max-width: 480px) {
  .clearfix-wrapper {padding: 0 8px;}
  .block-header {padding: 10px 5px; font-size: 14px;}
  .update-date {width: 50px; font-size: 11px !important;}
  .update-list-block {padding: 0 0 0 25px;}
  .update-img {width: 25px;}
  .update-title {font-size: 13px;}
} */
/* Обновления дорам блог
----------------------------------------------- */
/* Рейтиг От кинопоск и т д
----------------------------------------------- */
.ratings-container {display: flex; flex-direction: column; gap: 10px; margin: 0 0; padding: 0 0;
/* border-bottom: 1px solid var(--ui-bdc-inp-focus); */}
.content-ref-ids {display: flex; gap: 10px; flex-wrap: wrap; align-items: center;}
.rating-link {display: flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 5px; text-decoration: none; font-weight: bold; color: white; transition: all 0.3s ease;}
.rating-logo {background-size: cover; transition: transform 0.3s ease;}
.mydramalist-color {background-color: #00619d;}
.imdb-color {background-color: #f5c518; color: #000;}
.kinopoisk-color {background-color: #ff6600;}
.mydramalist.rating-logo {width: 40px; height: 15px; background-image: url('../images/icon/myd-icon.png');}
.imdb.rating-logo {width: 40px; height: 20px; background-image: url('../images/icon/IMDB-icon.png');}
.kinopoisk.rating-logo {width: 20px; height: 20px; background-image: url('../images/icon/Kin-icon.png');}
.rating-link:hover {transform: scale(1.05);opacity: 0.9;}
.rating-link:hover .rating-logo {transform: rotate(10deg);}
.rating-value {font-size: 0.9em;}
.rating-value:empty {display: none;}
.ratings-top {align-items: flex-start;}
.ratings-center {align-items: center;}
.ratings-bottom {align-items: flex-end;}

[data-balloon] {position: relative; cursor: pointer;}
[data-balloon]:after {opacity: 0; pointer-events: none;  transition: all 0.18s ease-out 0.18s; background: rgba(0, 0, 0, 0.8); border-radius: 4px;
  color: #fff;content: attr(data-balloon); font-size: 12px; padding: 0.5em 1em; position: absolute; white-space: nowrap; z-index: 10;
}
[data-balloon]:before {width: 0; height: 0; border: 5px solid transparent; border-top-color: rgba(0, 0, 0, 0.8); opacity: 0;pointer-events: none;
  transition: all 0.18s ease-out 0.18s; content: "";position: absolute; z-index: 10;
}
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:after,
[data-balloon]:hover:before,
[data-balloon][data-balloon-visible]:before {opacity: 1;pointer-events: auto;}
[data-balloon][data-balloon-pos="down"]:after {top: 100%; left: 50%; margin-top: 10px; transform: translateX(-50%);}
[data-balloon][data-balloon-pos="down"]:before {top: 100%; left: 50%; margin-top: 5px; transform: translateX(-50%);}
/* Рейтиг От кинопоск и т д
----------------------------------------------- */
/* Стили для тега fullstory
----------------------------------------------- */
.page__tags {
  display: flex; 
  align-items: center; 
  flex-wrap: wrap; 
  gap: 10px; 
  font-size: smaller; 
  margin-top: auto;
  --block-padding-top: 5%;
  --block-padding-bottom: 0px;
  --block-margin-top: 0px;
  --block-margin-bottom: 0px;
  padding: var(--block-padding-top) 0 var(--block-padding-bottom) 0; 
  margin-top: var(--block-margin-top); 
  margin-bottom: var(--block-margin-bottom);
}

.page__tags a,
.page__tags span { 
  display: inline-flex; 
  align-items: center; 
  gap: 6px; 
  padding: 6px 12px; 
  background-color: rgba(0, 0, 0, 0.3); 
  border-radius: 16px;
  color: var(--tt); 
  border: 1px solid rgba(255, 255, 255, 0.2); 
  text-decoration: none; 
  transition: all 0.2s ease;
}

.page__tags a:hover,
.page__tags span:hover {
  text-decoration: none; 
  background-color: rgba(0, 0, 0, 0.5);
}

/* --- ИКОНКА ДЛЯ КАТЕГОРИЙ (по умолчанию) --- */
.page__tags a::before,
.page__tags span::before {
  content: "\f02c"; 
  font-family: 'Font Awesome 5 Pro'; 
  font-weight: 900; 
  font-size: 14px; 
  opacity: 0.8; 
  color: #ffffff33;
}

/* --- ИКОНКА ДЛЯ КАСТЕМНЫХ ТЕГОВ МОДУЛЯ --- */
/* Меняем иконку категории (\f02c) на иконку решетки (\f292) из Font Awesome */
.page__tags a.ctag-link::before {
  content: "\f292"; /* Код иконки fa-hashtag в Font Awesome */
}

/* --- КНОПКА ТРЕХ ТОЧЕК (ДЛЯ Скрытия) --- */
/* Отключаем иконку перед кнопкой трех точек, чтобы она не мешала */
.page__tags span.tags-more-btn::before {
  content: none;
}

/* Скрываем лишние теги сразу при загрузке страницы, чтобы не было мерцания */
.ctag-hidden {
  display: none !important;
}

/* Эффект спойлера (размытие) для тегов */
.ctag-spoiler {
  filter: blur(5px) !important;
  cursor: pointer !important;
  user-select: none !important; /* Предотвращаем выделение текста при клике */
  transition: filter 0.3s ease !important;
}

/* Снятие эффекта при активном нажатии */
.ctag-spoiler:active {
  filter: none !important;
}

/* Стили для тега fullstory
----------------------------------------------- */
/* css для правил Итд
----------------------------------------------- */
.o-proekte h1 {
    margin-bottom: 20px;
}

.o-proekte h2 {
    margin: 20px 0 15px 0;
}

.o-proekte p {
    margin-bottom: 15px;
}

.o-proekte ul {
    margin: 15px 0;
}

.o-proekte li {
    margin-bottom: 10px;
}
/* css для правил Итд
----------------------------------------------- */
/* DMCA Плеер
----------------------------------------------- */
.video-disabled-block {
  background-color: rgba(172, 41, 37, 0.3); /* Красный полупрозрачный */
  border-radius: 8px;
  padding: 15px;
  margin: 10px 0;
  position: relative;
  text-align: left; /* Текст слева */
}

/* Красная полоска слева внутри плашки */
.video-disabled-block::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 4px;
  background-color: #ac2925;
  border-radius: 0 2px 2px 0;
}

.video-disabled-content {
  color: white;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-left: 8px; /* Отступ от красной полоски */
}

.video-disabled-link {
  color: #ffcc00;
  text-decoration: none;
  font-weight: normal;
}

.video-disabled-link:hover {
  color: #ffeb3b;
  text-decoration: underline;
}
/* DMCA Плеер
----------------------------------------------- */
/* Скрытие текста xfvalue_title_name
----------------------------------------------- */
.expand-trigger {
  font-size: 0.9em;
  color: #a5afc4; /* Цвет ссылки */
  transition: 0.3s;
}

.expand-trigger:hover {
  color: #a5afc4;
  text-decoration: none;
}

.js-limit-text {
  display: inline-block;
  max-width: 40ch; /* Примерная ширина 30 символов */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
  opacity: 0; /* Прячем текст полностью, пока не обработаем */
  transition: opacity 0.2s;
}

/* Стили после того, как скрипт обработал текст */
.js-limit-text.is-processed {
  max-width: none;
  white-space: normal;
  overflow: visible;
  opacity: 1;
}
/* Скрытие текста xfvalue_title_name
----------------------------------------------- */
/* Пуш уведомления с рекламой тг 
----------------------------------------------- */
.telegram-container {
  display: none;
  position: fixed;
  bottom: 67px;
  right: 25px;
  z-index: 1000;
  line-height: 0; 
}

.telegram-btn {
  width: 60px;
  height: 60px;
  background-color: #0088cc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 35px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  text-decoration: none;
  position: relative;
}

.telegram-btn i {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.telegram-btn:hover {
  background-color: #0077b3;
  transform: scale(1.1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* Стили для крестика ТЕЛЕГРАМ */
.telegram-close-btn {
  position: absolute;
  top: -10px;
  right: -20px;
  width: 24px;
  height: 24px;
  background: #ff4444;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 1001;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.telegram-close-btn i {
  font-size: 12px;
  line-height: 1;
  display: block;
}

.telegram-container:hover .telegram-close-btn {
  opacity: 1;
}

.telegram-close-btn:hover {
  background: #ff0000;
}

.telegram-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #0088cc;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  animation: pulse 2s infinite;
  z-index: -1;
  opacity: 0;
  box-sizing: border-box;
}

@keyframes pulse {
  0% {
      transform: scale(1);
      opacity: 0.7;
  }
  70% {
      transform: scale(1.4);
      opacity: 0;
  }
  100% {
      transform: scale(1.4);
      opacity: 0;
  }
}

@media (max-width: 768px), (hover: none) {
  .telegram-close-btn {
      opacity: 1 !important;
  }
}
/* Автоматический спойлер для длинного текста
----------------------------------------------- */
.sect__content.full-text {
  max-height: 320px;
  overflow: hidden;
  position: relative;
}

.sect__content.full-text.spoiler-processed {
  max-height: none;
  overflow: visible;
}

.text-spoiler {
  position: relative;
  margin: 10px 0;
}

.text-spoiler-content {
  max-height: 320px;
  overflow: hidden;
  position: relative;
  line-height: 1.6;
  transition: max-height 0.3s ease;
}

.text-spoiler:not(.expanded) .text-spoiler-content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, transparent, var(--bg, #1a1a1a)); 
  pointer-events: none;
}

.text-spoiler.expanded .text-spoiler-content {
  max-height: 2000px; 
}

.text-spoiler.expanded .text-spoiler-content::after {
  opacity: 0;
}

.text-spoiler-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 15px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 6px;
  color: #5fc3c7;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.text-spoiler-btn:hover {
  background: rgba(0, 0, 0, 0.4);
  color: #7fd9dd;
}

.text-spoiler-btn i {
  display: inline-block;
  transition: transform 0.3s ease;
}

.text-spoiler.expanded .text-spoiler-btn i {
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .text-spoiler-content, .sect__content.full-text {
    max-height: 120px;
  }

  .text-spoiler-btn {
    font-size: 16px;
    padding: 8px;
  }
}
/* Автоматический спойлер для длинного текста
----------------------------------------------- */
/* Вывод мини дорамы в custom-shortstory.tpl
----------------------------------------------- */
.studio-label {
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 1px 3px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  z-index: 2;
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
/* Вывод мини дорамы в custom-shortstory.tpl
----------------------------------------------- */
/* Слайдер Персоны 
----------------------------------------------- */
.persons-slider-block {
  width: 100%;
  margin: 30px 0;
}

.persons-slider-title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: -10px 15px 25px 15px;
}

.persons-slider-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.persons-slider:not(.owl-loaded) {
  display: none;
}

.persons-slider.owl-loaded {
  display: block;
}

.persons-slider .cvitem {
  width: 100%;
  padding: 0 8px;
}

.persons-slider .cvitempad {
  width: 100%;
}

.persons-slider .cvcover {
  width: 100%;
  padding-top: 140%;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,.15);
  margin-bottom: 10px;
  background-color: #333;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.persons-slider .cvcover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.persons-slider .cvcontent {
  background: none;
  padding: 0;
  text-align: center;
}

.persons-slider .charname {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.persons-slider .charrole {
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

.persons-slider-btn {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  z-index: 10;
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.55);
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 1;
  transition: background .15s ease, transform .15s ease;
}

.persons-slider-btn:hover {
  background: rgba(0, 0, 0, 0.8);
  transform: translateY(-50%) scale(1.05);
}

.persons-slider-prev {
  left: 5px;
}

.persons-slider-next {
  right: 5px;
}

.persons-slider .owl-nav,
.persons-slider .owl-dots {
  display: none !important;
}

@media only screen and (max-width: 650px) {
  .persons-slider .cvitem {
    padding: 0 6px;
  }
  
  .persons-slider .cvcover {
    padding-top: 130%;
    margin-bottom: 8px;
  }
  
  .persons-slider .charname {
    font-size: 12px;
  }
  
  .persons-slider .charrole {
    font-size: 10px;
  }
  
  .persons-slider-btn {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
}
/* Слайдер Персоны 
----------------------------------------------- */
/* Блюр постера
----------------------------------------------- */
.is-dmca {
    pointer-events: none !important;
    cursor: default !important;
}
.is-dmca img {
    filter: blur(15px) !important;
}
/* Блюр постера
----------------------------------------------- */