/* 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: sticky;
  left: 0;
  top: 0;
  z-index: 100;
  background-color: var(--bg);
  box-shadow: var(--bsh-block);
  transition: transform 0.3s ease;
  margin-bottom: 5px;
}
.header-is-sticky .header {
  transform: translateY(-200%);
}
.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-color: var(--bg-black); padding: 0 var(--indent); min-height: 70px; 
	--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:"\f185";}
.fbtns {
    pointer-events: none; 
}

.fbtns .theme-switcher {
    pointer-events: auto; 
}
.ach-icon img {
    width: 96px;
    height: 96px;
    margin-bottom: -19px;
    margin-top: -8px;
}
/* HEADER, TOPMENU, CAROU
----------------------------------------------- */
.logo {display: flex; align-items: center; font-family: 'Righteous-Regular'; font-weight: 400; color: var(--ttm);
	padding-left: 50px; text-transform: uppercase; position: relative; font-size: 26px; height: 40px; letter-spacing: 1px;}
.logo::before {content: ''; margin-top: -2px; width: 40px; height: 40px; position: absolute; left: 0; top: 50%; background: url(../images/favicon.png) 0 center / contain no-repeat; transform: translate(0%,-50%);}
.logo span {font-weight: 600; font-family: 'Montserrat', sans-serif;}
.logo b {color: #58bf9e;}
.user-area__avatar {height: 60px; border-radius: 4px;}
.user-area__avatar.fal {border-radius: 50%; background-color: var(--bg-darker); font-size: 20px;}

.user-area__name b {max-width: 90px;}

.header__menu > li > a {display: flex; align-items: center; height: 80px; 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%; transform: 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
----------------------------------------------- */
.game-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  gap: 8px;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
  background: linear-gradient(135deg, var(--accent-2) 0%, var(--accent) 100%);
  border-radius: 4px;
  color: white; 
}
.game-link:hover {
  color: white; 

}
.sect__tabs-container{ margin-top: 5px;}

.game-link::after {
  font-family: "Font Awesome 5 Pro"; 
  content: "\f054"; 
  font-weight: 600; 
  font-size: 19px;
  margin-top: 3px;
}

.sect__tabs-btn {
  margin-top: -13px;
}

@media screen and (max-width: 590px) {
  .game-link {
    width: 100%; 
  }
  
  .game-link::after {
    margin-top: 1px;
  }
  
  .sect__tabs {
    width: 100%;
    gap: 10px;
    justify-content: space-between; 
  }
  
  .sect__tabs-btn {
    flex: 1; 
    text-align: center;
    white-space: nowrap; 
    padding: 10px 5px; 
    margin-top: 0;
  }
}

.sect:not(:last-child) {margin-bottom: 55px;}
.sect__header {margin-bottom: 20px; margin-top: -15px;}
.sect__header:has(.sect__tabs-btn) {margin-bottom: 15px;}
.sect__title {font-size: 20px; font-weight: 500;}
.sect__link {
  color: var(--tt-fade);
  font-size: 16px;
  margin-left: auto;
  margin-right: 0;
}
.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.no-active::after {height: 3px; width: 100%; background-color: var(--tt-fade);
	position: absolute; left: 0; bottom: -3px; content: '';}
.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; margin-top: -45px;}
.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;}

/* ITEM CAROUSEL, SHORTSTORY
----------------------------------------------- */
.item__img {box-shadow: var(--bsh); overflow: hidden;}
.item__label {font-size: 12px; padding: 3px 12px;  font-weight: 500; margin-left: -5px;
	background-color: #57bb8a; color: #fff; position: absolute; left: 0; top: 0; z-index: 1;}
.item__label-top {font-size: 12px; padding: 0 6px;  font-weight: 500; margin-left: 0;
	background-color: var(--red); color: #fff; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 3px;}
.item__desc {position: absolute; inset: 0; z-index: 3; color: #fff; 
	--tt: #fff; --bdc: rgba(255,255,255,0.3); text-align: center; padding: 10px;}
.item__title {font-weight: 500; font-size: 14px;  color: var(--titlesort); }
.item__title:hover {color: var(--titlesort);}
.item__title1 {font-weight: 500; margin-bottom: -5px; font-size: 14px;  color: var(--titlesort); }
.item__title1:hover {color: var(--titlesort);}
.item__year {opacity: 0.8; font-size: 12px;}
.item__rates {line-height: 1; border-top: 1px solid var(--bdc); padding-top: 10px; margin-top: -59px;}
.item__title_v {margin-bottom: 45px; font-weight: 500; font-size: 13px; }
.item__title_b {font-weight: 400; font-size: 13px; }
.item__title_v.vers::before {color: #eb4d4b;}
.fr__subtitle.vers::before {color: #eb4d4b;}
.item__rates-item::before {font-size: 13px; content: attr(data-text); display: inline; margin-right: 5px; text-transform: uppercase; font-weight: 500;}
.item__rates-item.an::before {color: #3bb33b;}
.item__rates-item.mod::before {color: #eb4d4b;}
.item__rates-item.size::before {color: #fc0;}
.sect-item {margin-top: -25px;}
@media screen and (max-width: 1220px) and (min-width: 590px) {
.sect__tabs-container .grid-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--accent) var(--bg);
  -webkit-overflow-scrolling: touch; /* Для iOS */
  /* Для старых Android браузеров */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

/* Стиль для элементов */
.sect__tabs-container .grid-items > .grid-items__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 170px;
}

} 

.short-border {
border-bottom: solid 35px var(--bg-darker);
border-radius: 4px;  
}
.item-category {border-radius: 10px; padding: 10px 20px; padding-right: 130px; 
	overflow: hidden; position: relative; min-height: 90px;}
.item-category__img, .item-category::after {width: 80px; border-radius: 8px 8px 0 0; z-index: 2;
	position: absolute; right: 20px; bottom: 0; rotate: 9deg; transform-origin: left bottom;}
.item-category::after {content: ''; rotate: -9deg; aspect-ratio: 1 / 1; right: 40px; bottom: -20px;
	background-color: rgba(0,0,0,0.15); transform-origin: right bottom; z-index: 1;}
.bg-darker {background-color: var(--bg-darker);}
.grid-items1:has(.item-category) {grid-template-columns: repeat(auto-fill,minmax(280px,1fr));}
.grid-items1 {display: grid; gap: 10px; grid-template-columns: repeat(auto-fill,minmax(min(40vw,280px),1fr));}
.item__meta {margin-top: 2px;}
.item__title-col {margin-bottom: 2px;}
.tt-fade {color: var(--tt-fade); --tt: var(--tt-fade);}
.fs-smaller {font-size: 13px;}
.fw-bolder {font-weight: 400;}
.fs-bigger {font-size: 15px;}
/* 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:#888;}
.comm-post {background-color:#3f90d6;}
.comm-mest {background-color:#61c795;}
.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-color:#eb4d4b;}
.item__rates-item.comus::before {color: #79c142;}
.comus {
   color: var(--bgrate);
    font-size: 11px;
}
@media screen and (max-width: 768px) {
.comm-group-mark {height: 21px;}
}

/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__submenu {margin-top: -45px; 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: 20px 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; box-shadow: var(--bsh);}
.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: 24px; font-weight: 500; line-height: 1.1;  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__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 {box-shadow: 0 0 0 1px var(--bdc); display: block; max-height: 150px; 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__rating {margin: 0 -10px;}

.aninet__likes {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aninet__likes-score-wrapper {
    position: relative;
    display: inline-block;
    margin-right: auto;
    margin-left: 4px;
}

.aninet__likes-score-wrapper::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: conic-gradient(
        #57bb8a calc(var(--pp, 50%) * 1%), 
        #ff8b5a calc(var(--pp, 50%) * 1%), 
        #ff8b5a 100%
    );
    border-radius: 6px;
    z-index: -1;
}

.aninet__likes-score {
    position: relative;
    font-size: 34px;
    font-weight: 500;
    background: var(--bg);;
    padding: 0 10px;
    border-radius: 4px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;    
    min-width: 55px;
}

.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: 45px;
    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;
}

.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%;
}

.item .item__likes-bar {
    height: 6px;
    width: 70px;
}

@media (max-width: 1220px) {
.aninet__likes-score {
     padding-top: 6px;
}
}
/* 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; margin-bottom: -35px;}
.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: 15px;}
.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;}
.sect__content_f h2 {font-size: 16px; font-weight:500; margin-bottom: 10px;}
.sect__content_f span {font-size: 15px; font-weight:400;}
/* 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__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;}

.ac-form {
    position: relative;
    width: 100%; 
    max-width: none; 
}

.ac-form textarea, 
.ac-form .bb-editor textarea {
    width: 100%;
    box-sizing: border-box;
    min-height: 150px;
    line-height: 1.5;
}
.aninet__comments {
    padding-bottom: 1px;
    width: 100%; 
}
.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: 30px; 
    padding-bottom: 10px; 
    border-radius: 10px;
    padding: 10px;
    position: relative;
    isolation: isolate;
}

/* Стили для позитивных и негативных комментариев */
.comm.poss::before, .comm.negg::before {
    content: ''; 
    border-radius: 10px;
    position: absolute; 
    top: -10px; 
    right: -10px; 
    left: -10px; 
    bottom: -10px;
    z-index: -1; 
    opacity: 0.15; 
    background: linear-gradient(to bottom, var(--green), transparent);
    border-left: 1px solid var(--bdc);
    border-right: 1px solid var(--bdc);
    border-bottom: 1px solid var(--bdc);
}

/* Стили для обычных комментариев */
.comm:not(.poss):not(.negg)::before {
    content: ''; 
    border-radius: 10px;
    position: absolute; 
    top: -10px; 
    right: -10px; 
    left: -10px; 
    bottom: -10px;
    z-index: -1; 
    opacity: 0.15;
    background: linear-gradient(to bottom, #888888, transparent);
    border-left: 1px solid var(--bdc);
    border-right: 1px solid var(--bdc);
    border-bottom: 1px solid var(--bdc);
}

/* Стили для негативных комментариев */
.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 {font-size: 20px; color: var(--green);}
.comm__rating a:last-child {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; transform: translate(-50%,-50%); width: 400px;}
	.pwidget::before {display: none;}
}


/* LOGIN
----------------------------------------------- */
.lgn, .lgn-logged {position: fixed; z-index: 999; left: 50%; top: 50%; transform: 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: 22px; 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-hero-n.png) 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: 70px; border-radius: 4px; position: absolute; margin-left: 15px; left: 0; top: 50%; transform: translate(-50%,-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);}
    .add-avatar { padding:8px;}
}
@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;}
.page__list {padding-top: 0px; display: grid; grid-gap: 10.3px 40px;}
.page__list span {color: var(--ui-text-color-on-accent);}
.page__list li {display: flex; justify-content: space-between;}

.page__list li > p:first-child { display: inline-flex; align-items: center;
	flex: 1 1 0; min-width: 100px; max-width: 100%; margin-right: 5px; white-space: nowrap;}

.page__list li > span:first-child { display: inline-flex; align-items: center;
	flex: 1 1 0; min-width: 100px; max-width: 100%; margin-right: 10px; white-space: nowrap;}
.page__list li > span:first-child::after {content: ''; border-top: 1px solid var(--bdc); 
	flex: 1 1 0; min-width: 10px; max-width: 100%; margin-left: 10px;}
	.page__list li a {color: #5278b1; text-decoration: underline;}
.page__list {padding-top: 0px; display: grid; grid-gap: 10.3px 40px;}
.page__list p {margin-left: 5px; font-size: 13px;}
.datatext::before {content: attr(data-text);}
.item__rates-item-full.an::before {color: #57bb8a; margin-right: 7px;}

.margin-scr {margin-top: 25px;}
.page__dl {margin-top: 15px; margin-bottom: -5px;}
.page__dl-title3 span {display: block; font-size: 13px; font-size: 12px; font-weight:500;}
.page__dl-title3 b { font-weight:300;}
.page__dl-title3 h2 { font-weight:500; font-size: 15px;}
.download-btm {margin: 0 -20px;}
.download_div { } 
.download_div {   --div_left_width: 30px;   --div_size_width: 100px; --border-radius: 5px; }
.download_div > fieldset {background-color:var(--forum-left); line-height:125%;}  

   .download_div > fieldset {padding:10px;}
.download_div > fieldset > legend {filter:brightness(93%); font-size:12px; border:solid 2px #d0ebf7; }         
.download_div > fieldset > legend > span {text-transform: lowercase;}   
.download_div > fieldset > a {background-color: var(--download-1); color:#FFF; display:block; padding:15px 10px; border-radius:4px; margin-bottom: 10px; }      
.download_div > fieldset > a:hover {filter: brightness(91%);}      
.download_div > fieldset > a:last-child {margin-bottom: 0px;}      
.download_div > fieldset > a > div.left, .download_div > fieldset > a > div.right {display:inline-block; vertical-align: top;}      
.download_div > fieldset > a > div.left {width:var(--div_left_width); text-align: right;}         
.download_div > fieldset > a > div.left .setIco {margin-top:-5px;}      
.download_div > fieldset > a > div.right {width:calc(100% - var(--div_left_width));}         
.download_div > fieldset > a > div.right > .title, .download_div > fieldset > a > div.right > .size {display:inline-block; vertical-align: top;}         
.download_div > fieldset > a > div.right > .title {width:calc(100% - var(--div_size_width)); }            
.download_div > fieldset > a > div.right > .size {width:var(--div_size_width); text-align: right;}      
.download_div > fieldset > a > div.subs {background-color:var(--download-2); margin:10px -10px -15px -10px; padding:10px; border-radius:0px 0px 4px 4px;}         
.download_div > fieldset > a > div.subs span {display:inline-block; margin-right:10px; font-size:12px; }
@media (min-width: 1px) and (max-width:800px){ .download_div > fieldset {padding:10px; font-size:15px;}         .download_div > fieldset > legend {font-size:12px;}}

.pmovie-dl svg {
  width: 55px; /* можно менять размер иконки */
  height: 55px;
  fill: #ffda4a; /* можно менять цвет иконки */
  flex-shrink: 0; /* предотвращает сжатие иконки */
  align-items: center;
 margin-right: 5px;
    margin-left: 5px;
vertical-align: middle;

}
.dlic {color: #fff; margin-right: 7px;}
.dlicfal {margin-right: 5px; font-size: 12px; color: #fff;}
.sr-kpp:before { content: attr(data-name);}

.aninet__meta {margin-bottom: -20px; margin-top: -5px;}
.aninet__meta-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 11px;
    box-sizing: border-box;
    flex-grow: 1;
    text-align: center;
    text-transform:uppercase;
    border: 1px solid var(--accent);
    font-weight:500;
}

.aninet__meta-item a,
.aninet__meta-item .favorites-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    text-decoration: none;
    width: 100%;
    cursor: pointer;
    position: relative;
  top: 1px;
}

.aninet__meta-item:first-child {
    border-color: #5278b1;
    color: #5278b1;
    background-color: rgba(82, 120, 177, 0.05);
}
.aninet__meta-item:first-child i {
    color: #5278b1;
        margin-right: 5px;
    font-size: 13px;
    vertical-align: middle;
  line-height: 1;   
}

.aninet__meta-item:nth-child(2) {
    border-color: #ff8b5a;
    color: #ff8b5a;
    background-color: rgba(255, 139, 90, 0.05);
    
}
.aninet__meta-item:nth-child(2) i {
    color: #ff8b5a;
        margin-right: 5px;
    font-size: 13px;
    vertical-align: middle;
  line-height: 1;
}

.aninet__meta-item:nth-child(3) {
    border-color: #57bb8a;
    color: #57bb8a;
    background-color: rgba(87, 187, 138, 0.05);
}
.aninet__meta-item:nth-child(3) i {
    color: #57bb8a;
        margin-right: 5px;
    font-size: 13px;
    vertical-align: middle;
  line-height: 1;
}

@media (min-width: 760px) {
    .aninet__meta-item {
        flex-grow: 0; 
        width: calc(33.333% - 7px); 
    }
}

/* GUEST POPUP
----------------------------------------------- */
.trl {background-color: rgba(0,0,0,0.9); position: fixed; z-index: 990; left: 0; top: 0; 
	width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; backdrop-filter: blur(10px);}
.trl__close {position: absolute; right: 20px; top: 20px; font-size: 40px; color: #fff;}
.trl__inner {width: 100%; max-width: 700px; margin: 0 auto; color: #fff; padding: 80px 20px 20px 20px;}
.trl__btn {height: 40px; padding: 0 40px; margin: 15px 0; width: 100%;}
.trl h1 {margin-bottom: 15px; margin-top: 20px; font-size: 24px;}
.trl .page__text, .trl .full-text {color: #ccc; margin: 0px; padding: 0; background: none;}
.trl-is-opened {overflow: hidden;}

.gst {width: 400px; max-width: calc(100vw -40px); background-color: var(--bg); color: var(--tt); 
	border-radius: 6px; overflow: hidden; z-index: 999; 
	position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); box-shadow: var(--bsh-long);}
.gst__desc {padding: 30px; text-align: center;}
.gst__title {font-size: 21px; font-weight: 500;}
.gst__text {margin: 20px 0 25px 0;}


.subscr-lazydev-tg {
	padding: 20px 15px 12px 15px;
	background-color: var(--tg-bg);
	display: flex;
	justify-content: space-between;
	align-items: center;
margin-top: 10px;
}

.subscr-desc-tg {
	opacity: 0.9;
	margin-top: -5px;
}

.subscr-left-tg {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	min-width: 50px;
}

.subscr-right-tg {
	width: 300px;
	margin-left: 30px;
	text-align: center;
}

.subscr-btn-tg {
	display: block;
	text-align: center;
	padding: 10px;
	border-radius: 4px; 
	color: #fff;
	font-size: 17px;
	margin-bottom: 10px;
	cursor: pointer;
    font-weight: 500;
}
.subscr-btn-tg a {color: #fff;}
.subscr-btn-tg:hover {
	background: var(--blue-tg);
}
.subscr-btn-tg {
		background-color: var(--blue-tg);
}

.unsubscr-btn-tg:hover {
	background: #E74C3C;
}
.unsubscr-btn-tg {
	background-color: #E74C3C;
}

.subscr-info-tg span {
	color: #e74c3c;
}

@media screen and (max-width: 760px) {
    .subscr-lazydev-tg {
		text-align: center;
		display: block;

        	padding-bottom: -5px;
	}
    .subscr-right-tg {
		width: 100%;
		margin: 15px 0 0 0;
	}
    .subscr-desc-tg {
	margin-top: -5px;

}
}
.pmovie__caption {
  font-size: 13px;
  padding: 12px;
  border-radius: 4px;
  margin-bottom: 30px;
  margin-top: -20px;
  background: linear-gradient(150deg, 
    rgba(87, 187, 138, 0.3) 0%, 
    var(--bg-3) 20%, 
    var(--bg-3) 80%, 
    rgba(235, 77, 75, 0.2) 100%);
  border: none;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.pmovie__caption a {color:var(--blue); border-bottom: 1px dashed;}
.pmovie__caption i {color:var(--red); font-weight:500;}
.flex_in {
  display: flex;
  align-items: center;
  gap: 4px; /* расстояние между иконкой и текстом */
}

.flex_in svg {
  width: 20px; /* можно менять размер иконки */
  height: 20px;
  fill: #57bb8a; /* можно менять цвет иконки */
  flex-shrink: 0; /* предотвращает сжатие иконки */
    margin-top: 4px;
}

.flex_in span { font-size: 18px; font-weight:500; margin-bottom: 5px; margin-top: 10px; }

.icon-heading {
  display: flex;
  align-items: center;
}
.mod_info {margin-top: 5px;}
.mod_info ul li {position: relative; padding-left: 20px; margin-left: 5px;  font-weight: 500; font-size: 13.5px;}
.mod_info ul li::before {font-family: "Font Awesome 5 Pro"; content:"\f054"; color: #61c795; position: absolute; left: 0; top: 0;}
.fr.is-active {padding-right: 55px;}
.fr__img {width: 65px;}
.fr__title {font-weight: 500;}
.fr__subtitle, .fr__meta {font-size: 12px; color: var(--tt-fade); }
.fr__meta::before {color: var(--yellow);}
.fr.is-active:after {content: attr(data-text); font-size: 10px; font-weight: 500; color: var(--tt-fade); 
	border-left: 1px solid var(--bdc); width: 35px; padding-left: 10px; padding-right: 0; text-transform: uppercase;
	position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
    .aninet__fr {margin-top: -25px;}
.aninet-com {margin-top: 25px;}

.ifitem {
  margin-top: -10px;
  width: 219.4px;
  background-color: var(--bg);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--dl);

  padding: 10px;
}
.ifitem__poster {border-radius: 8px; height: 217px; position: relative; overflow: hidden; margin-top: -3px; }
.ifitem__img {object-position: center; object-fit: contain; margin-left: -5px;  margin-top: -9px; width: 65px;   border: 3px solid var(--bg); }
.ifitem__link {display: block;}
.item__descr {margin-top: -7px;}
.ifitem__title {margin-bottom: 4px;font-size: 14px; font-weight: 500; margin-left: -10px; margin-top: 2px;}
.ifitem__category1 {font-size: 12px; margin-left: -10px;  color: var(--blue);}
.ifitem__meta {font-size: 12px; color: var(--tt-fade-2); }
.ifitem__rating {margin-top: -10px; width: 30px; height: 30px; background-color: var(--accent); color: #fff;
	display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 600; border-radius: 15px; }
.ifitem__meta-item {margin-bottom: 2px; gap: 5px; margin-left: -10px;  font-size: 12px; color: var(--tt-fade);}
.ifitem__meta-item.an::before {color: #3bb33b;}
.ifitem__meta-item.size::before {color: #fc0;}
.ifitem__text {font-size: 12px; color: var(--tt-fade);}
.ifitem__separator {
  height: 1px;
  margin-top: -5px;
  background: linear-gradient(to right, transparent, var(--accent), transparent);
  opacity: 0.5;
}
.separator-full {
  height: 2px;
  margin-top: -5px;
  margin-bottom: 15px;
  background: linear-gradient(to right, transparent, var(--accent), transparent);
  opacity: 0.7;
}
.ifitem-ext .ifitem__poster::before {content: ''; position: absolute; inset: 0; z-index: 1;}
.ifitem-ext__bottom {padding-left: 10px;  padding-top: 15px; margin-bottom: -10px; gap: 15px;}
.ifitem-ext .ifitem__category {margin: 3px 0 6px 0;}
.ifitem-ext .ifitem__rating {box-shadow: 0 0 0 5px var(--bg); position: absolute; right: 20px; bottom: -15px; z-index: 2;}
.item__rates-item1 {
    align-items: center;
}

.com-star {
    margin-left: 8px;
}

.star {
    color: #3bb33b; 
}

.medal {
    color: #3A56BE;
}

.comm-ic {
    color: #f0932b;
}

@media screen and (min-width: 1221px) {
    .mb-mobile-menu-container {
        display: none !important;
    }
}

    .mb-order-btn {
    display: flex;           
    align-items: center;    
    justify-content: center; 
    width: 100%;
    background-color: #eb4d4b;
    color: white;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    border: none;
    font-size: 14px;
    margin-bottom: 10px;
    min-height: 35px;
    border-radius: 4px;
}


.mb-order-btn i {
    margin-right: 8px;
}
    
    .mb-section-wrap {
        padding: 0 10px;
        margin-top: 15px;
    }
    
    .mb-section-heading {
        font-size: 18px;
        font-weight: 500;
        margin: 15px 0 10px 10px;
        color: #79c142;
    }
    
    .mb-main-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 20px;
    }
    
    .mb-collection-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 20px;
    }
    
    .mb-genre-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 20px;
    }
    
    .mb-nav-item {
        padding: 7px;
        background-color: var(--mm-main);
        border-radius: 5px;
        text-decoration: none;
        color: var(--mm-main-t); 
        display: flex;
        align-items: center;
        transition: background-color 0.3s;
        font-size: 14px;
    }
    

    
    .mb-nav-item i {
        margin-right: 5px;
        width: 18px;
        text-align: center;
        color: var(--mm-main-t);
    }
}
* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
.catmenu {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 20px;
            list-style-type: none;
            padding: 0;
        }
        
        .catmenu li {
            flex-grow: 0;
        }
        
        .catmenu a {
            background-color: var(--bg-darker);
            padding: 8px 14px;
            border-radius: 4px;
            display: block;
            opacity: 0.8;
            font-size: 0.9em;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 2px 3px rgba(0,0,0,0.1);
            text-align: center;
            white-space: nowrap;
        }
        
        .catmenu a:hover {
            opacity: 1;
            transform: translateY(-2px);
            box-shadow: 0 4px 6px rgba(0,0,0,0.15);
        }
        
        .catmenu a:active {
            transform: translateY(0);
            box-shadow: 0 1px 2px rgba(0,0,0,0.1);
        }
        

        /* Адаптация для разных экранов */
        @media (max-width: 768px) {
            .catmenu {
                gap: 12px 8px;
                justify-content: flex-start;
            }
            
            .catmenu a {
                padding: 7px 12px;
                font-size: 0.85em;
            }
        }
        
        @media (max-width: 480px) {
            .catmenu {
               gap: 10px 6px;
            }
            
            .catmenu a {
                padding: 6px 10px;
                font-size: 0.8em;
            }
        }

.btn-reg-show,
.btn-reg-pass {
	display: block;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -13px;
	height: 28px;
	width: 28px;
	border: 0;
	outline: 0;
	background-color: transparent;
	padding: 3px;
	cursor: pointer;
}
.btn-reg-pass {
	right: 10px;
}
.btn-reg-show {
	right: 43px;
}
.registration-input-btn input {
	padding-right: 71px;
}
.btn-reg-show.on .icon {
	fill: red;
}

.btn-reg-show .icon,
.btn-reg-pass .icon {
	width: 100%;
	height: 100%;
    fill: #79c142;
}
@media screen and (max-width: 760px) {
.btn-reg-pass {margin-top: 3px;}
.btn-reg-show {margin-top: 2px;}
}
.aninet-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 400px; /* Adjust the 300px to your desired sidebar width */
    gap: 20px;
}

.aninet-main-content {
    grid-column: 1;
}

.aninet-top-users.desktop-only {
    grid-column: 2;
}

/* Hide desktop version on mobile */
.mobile-only {
    display: none;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
    .aninet-content-wrapper {
        display: block; /* Change to block layout on mobile */
    }
    
    .mobile-only {
        display: block; /* Show mobile version */
    }
    
    .desktop-only {
        display: none; /* Hide desktop version */
    }
}

.comm__text-fix {box-shadow: var(--bsh-com); background-color: var(--bg); border-radius: 6px;
	padding: 15px 20px; font-size: 14px; margin-top: 15px; margin-bottom: 15px;}
.comm__text-fix::before {content: ''; border: 10px solid transparent; border-bottom-color: var(--bg); 
	position: absolute; left: 35px; bottom: 100%;}
.comm__link-fix {border-top: 1px solid var(--bdc); font-weight: 500; margin-top: 10px; padding-top: 10px;}
.comm__footer {margin-bottom: -5px;}
.comm__ctrl1, .comm__ctrl1 a {font-size: 15px; gap: 10px; color: var(--tt-fade); margin-top: 5px;}
.comm__rate-1 {height: 25px; display: flex; align-items: center; border-radius: 10px; font-size: 14px; 
	border: 1px solid var(--tt-fade); padding: 0 10px; font-weight: 500; background-color: var(--bg); }
.rating-right {position: absolute; right: 0; margin-right: 10px;}
.comm-author a {
    color: #2daae1 !important; /* белый текст */
    -webkit-text-stroke: 0.6px rgba(50, 50, 50, 0.5); /* тонкая серая обводка */
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.2s ease;
}
.add-img-m {margin-top:10px;}

.custom-form-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.custom-submit-btn {
    width: 230px; 
    padding: 10px 15px;
    background-color: var(--accent); 
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.custom-attach-btn {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
      color: var(--spo-t);
    background-color: var(--comm-img-bg); 
    border: 1px solid var(--comm-img-b);
    border-radius: 4px;
    cursor: pointer;
    flex-shrink: 0; 
}

@media (max-width: 767px) {
    .custom-form-buttons {
        gap: 8px;
    }
    
    .custom-submit-btn {
        flex-grow: 1; 
        width: auto; 
    }   
}
.clrfixcom { border-top: 1px solid var(--bdc); margin-top: 10px; padding-top: 10px; margin-bottom: -10px;}

.header-lang {
  display: flex;
  justify-content: center; 
  align-items: center;    
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 760px) {
.header-lang {
     margin-top: 2px;
}
}

.button-lang {position: fixed; z-index: 990; right: 10px; bottom: 70px;}
.lang {height: 50px; width: 50px; padding: 0; 
	background-color: var(--bg); color: var(--tt); box-shadow: var(--bsh);
	border-radius: 50%; font-size: 19px; scale: 1 1; opacity: 1;}


.news-card {
  width: 110px;
  background-color: var(--bg);
  border: 1px solid var(--mm-ico-h);
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-align: center;
  font-family: sans-serif;
}

.news-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.news-card__link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.news-card__thumb {
  width: 100%;
  height: 110px;
  overflow: hidden;
    box-shadow: var(--bsh);
}

.news-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;   
}

.news-card__title {
  font-size: 11px;
  font-weight: 500;
  padding: 5px;
  line-height: 1;
  margin-top: 1.5px;
  white-space: nowrap;        
  overflow: hidden;          
  text-overflow: ellipsis;   
  max-width: 100%; 
}
.scroller2 {
    position: relative; 
    margin-right: -20px; 
    margin-left: -20px;
}

.scroller__content1 {
    overflow-x: auto; 
    overflow-y: hidden; 
    padding-bottom: 10px; 
    padding-top: 10px;
    white-space: nowrap;
    -ms-overflow-style: none;  
    scrollbar-width: none;    
}

.scroller__content1::-webkit-scrollbar {
    display: none; 
}

.scroller__content1 > * {
    display: inline-block; 
    vertical-align: top; 
    margin-right: 15px;
}

.scroller2 .news {
    width: 130px; 
    margin-right: 10px; 
    vertical-align: top;
}
.thumb2 {background-color: var(--tg-bg);  margin-bottom: 30px; margin-right: -20px; margin-left: -20px; padding: 0 30px;}
@media screen and (min-width: 1220px) {
  .vw100.thumb2 {
    display: none;
  }
}
.aninet__col-right2 {
  display: block; 
}


@media screen and (max-width: 1220px) {
  .aninet__col-right2 {
    display: none;
  }
}
.message-info-rkn {line-height: 1.5; margin-bottom: 10px; margin-top: 7px; background-color: var(--ui-bg-attention); position: relative; padding: 15px 20px 15px 64px; border: 1px solid var(--red);}
.message-info__title-rkn {font-weight: var(--ui-fw-bolder);}
.message-info-rkn::before {content:"\f071"; font-family:'Font Awesome 5 Pro'; font-weight: var(--ui-fw-fa); font-size: 22px;
	color: #fff; background-color: var(--red); position: absolute; left: 0; top: 0; 
	width: 44px; height: 100%; display: grid; place-items: center;}

.order-app{
  margin-top: 6px;}


.scroller__content3 { 
    padding-bottom: 10px; 
    padding-top: 10px; 
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none; 
}
.scroller__content3::-webkit-scrollbar {
    display: none; /* WebKit браузеры */
}
.scroller__content3 > * {
    display: inline-block; 
    vertical-align: top; 
    margin-right: 10px;
}

.app-scroll-horizontal {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 20px 0;
  max-width: 1366px;
  margin-right: 7px;
    margin-left: 7px;
  -webkit-overflow-scrolling: touch;
     margin-bottom: -20px;
     margin-top: -10px;
     min-width: 0;
}

.app-scroll-horizontal::-webkit-scrollbar {
  display: none;
}

.app-card-minimal-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.app-card-minimal {
  flex: 0 0 auto; 
  width: 263px; 
  max-width: 265px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--bg-darker);
  border-radius: 16px;
  padding: 10px 12px;
  scroll-snap-align: start;
  box-sizing: border-box;
  gap: 16px;
  transition: background 0.3s ease;
}
.app-card-minimal:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.app-card-minimal-reverse {
  flex: 0 0 auto; 
  width: 263px; 
  max-width: 265px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--bg-darker);
  border-radius: 16px;
  padding: 10px 12px;
  scroll-snap-align: start;
  box-sizing: border-box;
  gap: 16px;
  transition: background 0.3s ease;
  flex-direction: row-reverse;
}
.app-card-minimal-reverse:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.app-card-minimal-ss {
  flex: 0 0 auto; 
  min-width: 270px; 
  max-width: 275px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--bg-darker);
  border-radius: 16px;
  padding: 10px 14px;
  scroll-snap-align: start;
  box-sizing: border-box;
  gap: 16px;
  transition: background 0.3s ease;
}
.app-card-minimal-ss:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.app-info {
  flex: 1;
  min-width: 0;
}
.app-title {
  font-size: 13px;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 140px;
}
.app-tag {
  background: #4ecdc4;
  color: white;
  padding: 2px 6px;
  border-radius: 8px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.7rem;
}
.app-thumb img {
  width: 80px;  
  height: 80px;
  object-fit: cover;
  border-radius: 14px;
  margin-bottom: -7px;

}
.editor-choice-label-top,
.editor-choice-label-top-hot,
.editor-choice-label-top-hot-r,
.editor-choice-label-top-hot-fr {
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-block;
  padding: 6px 12px;
  margin-left: 10px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #57bb8a;
  margin-top: 5px;
}

.editor-choice-label-top-hot {
  margin-top: 5;
}

.editor-choice-label-top-hot-r {
  margin-top: 15px;

}

.editor-choice-label-top-hot-fr {
  margin-top: 15px;

}


.app-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  font-size: 0.8rem;
  color: #7f8c8d;
  margin-bottom: 5px;
}
.app-meta-d{margin-bottom: -5px;} 
.app-version,
.app-size {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  margin-top: 5px;
}

.av-tool-list { 
    display: grid; 
    grid-auto-flow: column;
    flex: 1 1 auto; 
    grid-auto-columns: minmax(78px, 1fr); 
}

.av-tool {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center;
    text-align: center; 
    font-size: 11px; 
    white-space: nowrap;
}

.av-tool > a, .av-tool > button,
.av-tool > a > *, .av-tool > button > * { 
    display: block; 
}

.av-tool .im { 
    width: 24px; 
    height: 24px; 
    margin: 0 auto; 
    margin-bottom: 4px; 
}

.av-tool > a, .av-tool > button { 
    opacity: .7; 
    width: 100%; 
    transition: opacity .2s ease; 
}

.av-tool > a:hover, .av-tool > button:hover { 
    opacity: 1; 
}

.btn-cont { 
    padding: 0 6px; 
}

.im-share { background: url(../images/icons/share-n.svg); }
.im-update { background: url(../images/icons/share.svg); }
.im-staroutline { background: url(../images/icons/staroutline.svg); }
.im-starfill { background: url(../images/icons/starfill.svg); }

/* --- BUTTONS --- */
.btn-block {
    --btn-h: 48px;
    --btn-lh: 24px;
    --btn-fs: 24px;
    --btn-rd: 12px;
    --btn-c-text: inherit;
    --btn-c-bg: transparent;
    --btn-c-sw: inset 0px -1px 1px 0px hsla(0, 0%, 0%, .1), 0px 2px 6px -2px hsla(0, 0%, 0%, .25);
    
    position: relative; 
    z-index: 1;
    height: var(--btn-h); 
    line-height: var(--btn-lh); 
    border-radius: var(--btn-rd);
    padding: calc((var(--btn-h) - var(--btn-lh))/2); 
    color: var(--btn-c-text) !important; 
    font-size: var(--btn-fs);
    white-space: nowrap; 
    text-align: center; 
    border: 0 none; 
    font-weight: var(--fw-bold);
    display: flex; 
    align-items: center; 
    justify-content: center;
    cursor: pointer; 
    outline: none; 
    text-decoration: none !important;
    background: none; 
    user-select: none;
}

.btn-block .im { 
    --im-color: var(--btn-c-text);  
}

.btn-block::after {
    content: "";
    position: absolute; 
    inset: 0; 
    z-index: -1; 
    border-radius: inherit; 
    background: var(--btn-c-bg);
    transition: background-color .2s ease, opacity .2s ease, color .2s ease, box-shadow .2s ease;
    pointer-events: none;
}

.btn-fill {
    --btn-fill-text: #ffffff;
    --btn-fill-bg: #57bb8a;
    --btn-fill-bg-h: #57bb8a;
    --btn-c-text: var(--btn-fill-text);
    --btn-c-bg: var(--btn-fill-bg);
}

.btn-fill::after { 
    box-shadow: var(--btn-c-sw); 
}

.btn-fill:hover {
    --btn-c-bg: var(--btn-fill-bg-h);
}

.btn-fill:active {
    --btn-c-bg: var(--btn-fill-bg);
    --btn-c-sw: none;
}

.btn-fill .im { 
    --im-color: var(--btn-fill-text); 
}

@media (max-width: 575px) {
    .btn-block { width: 100%; }
}

.btn-wide { width: 100%; }

/* Базовые стили для мобильных */
.appview-tools {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

.btn-wide { 
    width: 100%; 
}

@media (max-width: 767px) {
    .appview-tools {
        padding: 0;
        margin-top: 8px;
    }
    
    
    .av-tool > a, .av-tool > button { 
        padding-top: 4px; 
        padding-bottom: 4px; 
    }
    
    .av-tool-list {
        justify-content: center;
    }
}

@media (min-width: 950px) {
    .appview-tools {
        order: -1; 
        flex-direction: row;
        box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, 0.1); 
        border-radius: 8px;
        padding: 14px; 
        gap: 14px;
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .appview-tools { 
        margin-top: 8px; 
        width: 100%;
    }
}

/*-- Блок поделиться ------------------------------*/

.undertabs__sharing {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; /* чтобы не переносились */
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  display: none; /* скрыто по умолчанию */
}
.sharing__item { 
  padding: 12px 10px 8px; 
  border-radius: 14px; 
  text-align: center; 
  min-width: 20px; 
  display: block; 
}

.sharing__item {  
  margin-right: 5px; 
}

.undertabs__sharing .facebook {  
  background-image:url(../images/facebook.svg); 
  width:32px; 
  height:32px;
}

.undertabs__sharing .vkontakte {  
  background-image:url(../images/vk.svg); 
  width:32px; 
  height:32px;
}

.undertabs__sharing .ok { 
  background-image:url(../images/ok.svg); 
  width:32px; 
  height:32px;
}

.undertabs__sharing .telegram { 
  background-image:url(../images/telegram.svg); 
  width:32px; 
  height:32px;
}

.undertabs__sharing .twitter {  
  background-image:url(../images/x.svg); 
  width:32px; 
  height:32px;
}

.hover-op, #dosearch, .bbcodes, .ui-button {
  transition: ease-out 0.2s; 
  cursor: pointer;
}

.hover-op:hover {
  opacity: 0.7;
}

.active-op:active { 
  opacity: 0.5; 
}
.button-reset {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.button-reset:hover,
.button-reset:focus,
.button-reset:active {
  background-color: transparent !important;
  color: inherit !important;
  border-color: transparent !important;
}

.dlf-size {
    display: none;
}
@media screen and (max-width: 950px) {
    .dlf-size {
        display: block !important;
    }
}