/* 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) 395px; 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) 360px; 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__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";}


/* 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/bg-footer.jpg) center center / cover no-repeat; 
	background-color: var(--bg-black); height: 100px;}
.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;}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 55px;}
.sect__header {margin-bottom: 20px;}
.sect__title {font-size: 20px; 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
----------------------------------------------- */
.slider__btns {position: absolute; z-index: 10; bottom: 65px; left: var(--indent); overflow: hidden; width: 560px;}
.slider__btns-btn {height: 90px; background-color: var(--bg-black); color: var(--tt-black); cursor: pointer;
	font-weight: 500; font-size: 15px; padding: 10px 25px; display: flex; align-items: center; gap: 20px; 
	background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative;}
.slider__btns-btn.next {background-color: var(--accent); text-align: right;}
.sl {padding: 0 var(--indent); --ui-elem-height: 50px;}
.sl__descr {position: relative; z-index: 3; width: 48%; height: 560px; padding-bottom: 145px;}
.sl__category {display: inline-block; font-size: 12px; text-transform: uppercase; max-width: 36%;
	padding: 5px 10px; background-color: var(--bg-black); color: #fff; --tt: #fff; margin-bottom: 10px;}
.sl__title, .sl__subtitle {text-transform: uppercase; font-weight: 700; font-size: 34px; line-height: 1.1; text-wrap: balance;}
.sl__subtitle {color: var(--accent);}
.sl__text {font-size: 18px; margin: 20px 0 25px 0;}
.sl > img {mask-image: linear-gradient(to right, transparent 0%, #000 40%, #000 100%); 
	display: block; position: absolute; right: 0; top: 0; width: 60%; height: 100%; object-fit: cover;}


/* 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;
	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.active {background-color: var(--accent-2); color: #fff;}
/* Основные стили контейнера */
.mylists-tabs {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px solid var(--border-color);
}

/* Стили элементов меню */
.mylists-tabs li {
  position: relative;
  margin: 0;
  padding: 0.8rem 0;
  transition: all 0.3s ease;
}

/* Активная вкладка */
.mylists-tabs li.active {
  font-weight: 500;
  color: var(--accent);
}

.mylists-tabs li.active:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--accent);
}

/* Ссылки */
.mylists-tabs li a {
  color: inherit;
  text-decoration: none;
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  border-radius: 6px;
  transition: 
    background-color 0.2s ease,
    color 0.2s ease;
}

/* Ховер-эффекты */
.mylists-tabs li:not(.active) a:hover {
  background: rgba(var(--accent-rgb), 0.1);
  color: var(--accent);
}

/* Счетчики */
.mylists-tabs li span {
  font-size: 0.85em;
  padding: 0.15em 0.5em;
  border-radius: 1em;
  background: rgba(var(--accent-rgb), 0.1);
  color: var(--accent);
}

/* Адаптивность */
@media (max-width: 768px) {
  .mylists-tabs {
    flex-direction: column;
    gap: 0.5rem;
    border-bottom: none;
  }
  
  .mylists-tabs li {
    padding: 0;
  }
  
  .mylists-tabs li a {
    width: 100%;
    padding: 0.75rem;
  }
  
  .mylists-tabs li.active:after {
    display: none;
  }
}
.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: 13px; 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: 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;}

/* Основной контейнер списка */
.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;
  margin-top: 5px;
  list-style: none;
}

/* Активное состояние списка */
.favs__list.active {
  display: block;
}

/* Элементы списка */
.favs__list li {
  cursor: pointer;
  padding: 8px 15px;
  border-radius: 6px;
  font-size: 14px;
  transition: background-color 0.2s ease;
  margin: 2px 0;
}

/* Состояние наведения */
.favs__list li:hover {
  background-color: rgba(var(--accent-2-rgb), 0.1);
}

/* Активный элемент (синхронизирован с JS) */
.favs__list li.active {
  background-color: var(--accent-2);
  color: #fff;
}

/* Для селект-версии */
select.favs__list {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background: var(--bg);
}