/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative; overflow: clip; padding-top: 20px;}
.wrapper__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper__container--main {background-color: var(--bg-darker-2); border-radius: 12px;}
.header {position: relative; z-index: 50;}
.header__sub {padding: 10px var(--indent);}
.header__main {background: var(--gr-brown); border-radius: 8px; padding: 20px var(--indent); margin: 0 var(--indent); 
	box-shadow: var(--bsh), inset 0 0 0 1px rgba(255,255,255,0.4), inset 0 0 10px 0 rgba(255,255,255,0.5);}
.cols {display: grid; grid-template-columns: 280px minmax(0,1fr) 220px; 
	grid-template-areas: "sl ct sr"; padding: 40px var(--indent);}
.cols__content {grid-area: ct; min-height: 80vh; position: relative; z-index: 5;}
.cols__sidebar-left {grid-area: sl; gap: 20px; position: relative; z-index: 10; padding-right: var(--indent);}
.cols__sidebar-right {grid-area: sr; gap: 20px;}
.footer {padding: 40px var(--indent); color: #ccc; font-size: 12px; text-transform: uppercase;}
.footer a, .footer span {color: var(--yellow);}
.footer__menu {font-size: 14px; line-height: 1; margin-top: 10px; text-transform: none;}
.footer li + li {border-left: 1px solid var(--yellow); padding-left: 10px; margin-left: 10px;}
.cols--db {display: block;}

.scrolltop {position: fixed; width: 74px; height: 52px; left: 16px; bottom: 16px; padding: 0; background-color: #666;
	z-index: 990; border-radius: 5px; font-size: 18px; opacity: 0; scale: 0 0; 
	box-shadow: 0 0 5px rgba(0,0,0,.5); gap: 0; font-size: 12px; line-height: 1;}
.scrolltop.is-active {scale: 1 1; opacity: 0.8;}
.scrolltop::before {font-size: 40px; margin-bottom: -5px; margin-top: -7px;}
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	background-color: rgba(0,0,0,.8); cursor: pointer; display: none;}
.overlay__close {width: 30px; height: 30px; border-radius: 50%; position: absolute; right: 10px; top: 10px; 
	 background-color: #eee; background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));
  box-shadow: 0 0 2px rgba(0,0,0,.5); text-shadow: 1px 1px 1px #fff; color: var(--tt-fade);}


/* HEADER
----------------------------------------------- */
.header__stat {text-transform: uppercase; font-size: 12px; color: var(--tt-colored); text-shadow: 1px 1px 0 hsla(0,0%,100%,.9);}
.header__stat span {font-weight: 600;}
.soc__btn {width: 30px; aspect-ratio: 1/1; border-radius: 50%; background-color: #597da3; box-shadow: var(--bsh); color: #fff;
	background-image: linear-gradient(0deg,transparent,hsla(0,0%,100%,.5)); background-repeat: no-repeat; font-size: 16px;}
.soc__btn.app {background-color: #0088cc; font-size: 18px;}
.header__btns {padding: 5px; border-radius: 8px; background-color: rgba(0,0,0,0.4);}
.header__btn {background-color: #4c2924; color: #fff; border-radius: 4px; box-shadow: inset 0 0 1px #6d463d; 
	  background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); text-shadow: 0 -1px 0 rgba(0,0,0,.5);}
.header__btn::before {color: var(--yellow);}
.header__logo {display: block; width: 334px; height: 53px;}
.dt .theme-switcher::before {content:"\f755";}

.search-block {position: relative; background-color: rgba(0,0,0,0.4); padding: 5px; border-radius: 8px;}
.search-block__input, .search-block__input:focus {padding: 0 60px 0 15px; border: 0;
	background-color: #4c2924; color: #fff; border-radius: 4px; box-shadow: inset 0 0 1px #6d463d;}
.search-block__input:focus {background-color: #fff; color: #000;}
.search-block__input:not(:focus)::placeholder {color: #fff; opacity: 0.5;}
.search-block__btn {position: absolute; right: 5px; top: 5px; height: 40px; 
	font-size: 18px; width: 50px; border-radius: 0 4px 4px 0; color: var(--yellow); background-color: #4b2924; 
	background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 40px;}
.sect--bg {border-radius: 8px; overflow: hidden; box-shadow: var(--bsh); background-color: var(--bg); position: relative; padding-bottom: 20px;}
.sect__header {margin-bottom: 20px; overflow: hidden;}
.sect__title {font-size: 18px; font-weight: 400; color: #fff; padding: 10px 20px; 
	background: var(--gr-purple); border-radius: 0 0 8px 0; text-shadow: 0 1px 0 rgba(0,0,0,.25); position: relative;}
.sect__title--yellow {background: var(--gr-yellow);}
.sect__title::after {content: ''; width: 30px; height: 30px; border-radius: 50%; background-color: transparent; 
	position: absolute; left: 100%; top: 0; box-shadow: -15px -15px #c01462;}
.sect__title--yellow::after {box-shadow: -15px -15px #f7c33c;}
.sect__title:has(.ws-nowrap) {max-width: 76%;}
.sect--bg .sect__content {padding: 0 var(--indent);}
.sect__content + .sect__header {border-top: 1px solid var(--bdc); margin-top: 20px;}
.sect--bg-corner {border-top-right-radius: 0;}
.sect__content:has(.rempad) {padding: 0;}
.sect:has(.rempad) > .sect__header {display: none;}
.sect__ctrl {position: absolute; right: 20px; top: 20px;}
.sect__ctrl button, .sect__ctrl a {padding: 0; aspect-ratio: 1/1; height: 28px; border-radius: 4px; font-size: 14px; 
	  background-color: #eee; box-shadow: 0 0 2px rgba(0,0,0,.5); color: #2b2521; text-shadow: 1px 1px 1px #fff;
  background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));}
.sect__grid-select {border-radius: 4px; overflow: hidden; box-shadow: 0 0 2px rgba(0,0,0,.5);}
.sect__grid-select button {box-shadow: none; border-radius: 0;}
.sect__grid-select button:first-child {border-right: 1px solid rgba(0,0,0,.4);}
.sect__grid-select button.is-active {opacity: 0.3;}

.descr {display: grid; gap: 15px; padding: 0 var(--indent); text-align: justify;}
.descr :is(h1,h2,h3) {font-size: 18px; font-weight: 600; text-align: center;}
.descr a {text-decoration: underline; color: var(--accent);}


/* LINE
----------------------------------------------- */
.line {padding: 5px 10px;}
.line:nth-child(2n+1) {background-color: var(--bg-darker);}
.line span {font-weight: 600;}
.line__right {color: var(--tt-fade); font-size: 12px;}


/* SIDE TABS
----------------------------------------------- */
.sb-tabs {background-color: var(--bg-darker); border: 1px solid var(--bdc); 
	border-radius: 0 8px 8px 0; overflow: hidden; position: relative; top: -2px;}
.sb-tabs__select {border-bottom: 5px solid var(--accent); background: rgba(255,255,255,0.4); gap: 1px;}
.sb-tabs__btn {background: var(--gr-grey-invert); font-size: 12px; color: var(--tt-fade); border-radius: 0;
	padding: 0 10px; text-shadow: 1px 1px 0 hsla(0,0%,100%,.9); flex-grow: 1;}
.sb-tabs__btn.is-active {background: var(--gr-purple); color: #fff; text-shadow: none;}
.sb-tabs__content {gap: 20px; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); padding: 20px var(--indent);}
.sb-tabs__content:not(.d-none) {display: grid;}


/* SIDE LIST
----------------------------------------------- */
.sb-btns .btn {height: 32px; text-shadow: 0 0 0 hsla(0,0%,100%,.9); box-shadow: var(--bsh); margin-bottom: 2px;
	background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); border-radius: 6px;}
.sb-btns .btn:first-child {height: 40px; background-color: var(--brown);}
.sb--bg {background-color: var(--bg-darker); border-radius: 6px; position: relative; 
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); border: 3px solid rgba(0,0,0,.3);}
.sb__header {background-color: var(--brown); background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); 
	padding: 10px 20px; color: #fff; border-radius: 3px; position: relative;}
.sb--bg .sb__header {border-radius: 3px 3px 0 0;}
.sb__label {background-image: linear-gradient(0deg,transparent 0,rgba(0,0,0,.1) 70%,transparent);
	border-radius: 3px; box-shadow: 0 1px 5px 0 rgba(0,0,0,.5); background-color: var(--yellow); color: #000; 
	position: absolute; left: 25px; bottom: 100%; translate: 0 50%; font-size: 12px; padding: 1px 5px;}
.alphabet {display: grid; gap: 6px; grid-template-columns: repeat(6,1fr); padding: 5px;}
.alphabet__btn {width: 100%; height: auto; aspect-ratio: 1/1; background-color: #eee; font-style: italic;
  background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); color: #666; padding: 0; font-size: 15px;
  border-radius: 2px; box-shadow: 0 0 2px rgba(0,0,0,.5); text-shadow: 1px 1px 1px #fff; border-radius: 4px;}
.alphabet__btn.is-active {background-color: var(--brown); color: var(--yellow); text-shadow: none; font-style: normal;}
.fltr {padding: 10px;}

.sb-list {margin-top: -10px;}
.list {padding: 5px 0; font-weight: 600;}
.list:nth-child(2n) {background-image: linear-gradient(90deg,transparent 0,hsla(0,0%,95%,.5) 20%,hsla(0,0%,95%,.5) 50%,transparent);}
.list__desc {border-radius: 12px; box-shadow: var(--bsh); background-color: rgba(0,0,0,.8); color: #fff; font-size: 13px; 
	padding: 20px; position: absolute; left: 100%; top: 50%; translate: 0 -50%; width: 440px; font-weight: 400; pointer-events: none;}
.list__desc::after {content: ''; position: absolute; right: 100%; top: 50%; translate: 0 -50%; 
	border: 10px solid transparent; border-right-color: rgba(0,0,0,.8);}
.list__img {width: 90px; border-radius: 8px; box-shadow: var(--bsh);}
.list__desc .page__list {margin-top: 10px;}
.list__desc .page__list li {margin: 0;}
.list__desc .page__list, .list__desc .page__list a {color: var(--yellow); text-decoration: none;}
.list__desc .page__list li > div:first-child {color: silver; font-weight: 400;}
.list__desc .dn {display: none;}
.list__desc .list__text1 {display: -webkit-box; -webkit-line-clamp: 10; line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden;}
.list__desc.fal {justify-content: center; align-items: center; font-size: 50px; padding: 100px; color: var(--yellow);}


/* POSTER
----------------------------------------------- */
.poster {display: block; overflow: hidden; position: relative; border-radius: 6px; box-shadow: var(--bsh);}
.poster__label-new {position: absolute; left: 0; right: 0; top: 0; z-index: 3; text-transform: uppercase; padding: 5px;
	text-align: center; background-color: var(--accent); color: #fff; font-size: 12px; font-weight: 600;}
.poster__label {position: absolute; left: 5px; top: 10px; z-index: 5; text-transform: uppercase; text-align: center;  
	font-size: 12px; font-weight: 600; min-width: 34px; padding: 0 6px; border-radius: 4px; 
	background-color: rgba(0,0,0,0.75); color: var(--yellow); border: 2px solid var(--yellow);}
.poster__label--hd, .poster__label--fhd {right: 5px; left: auto;}
.poster__img:has(.poster__label-new) .poster__label {top: 32px;}
.poster__desc {position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 10px;
	background-color: rgba(0,0,0,0.75); color: #fff; text-align: center; gap: 3px;}
.poster__title {font-weight: 600;}
.poster__title-original {font-size: 12px; color: #b1b1b1;}
.poster__season {font-size: 12px; color: var(--yellow); font-weight: 600;}
.poster__series {font-size: 12px;}
.poster__btn {height: 30px; align-self: center; font-size: 12px; padding: 0 10px; margin-top: 10px;}
.poster:not(:hover) .poster__desc {translate: 0 40px;}


/* SHORT STORY
----------------------------------------------- */
.short__img {float: left; margin: 0 20px 0 0; border-radius: 6px; box-shadow: var(--bsh); width: 100px;}
.short__title {font-weight: 600; color: var(--accent);}
.short__text {margin-top: 5px; font-size: 13px;}
.short__title span {font-size: 13px; color: var(--tt); font-weight: 400;}
.short__original {font-size: 12px; color: var(--accent); margin-top: 2px;}


/* PAGINATION
----------------------------------------------- */
.pagination {gap: 20px 10px;}
.pagination__pages a, .pagination__pages span, .pagination > a, .pagination > span 
{display: grid; place-items: center; color: var(--tt-fade);
	height: 30px; min-width: 30px; padding: 0 10px; border-radius: 0; 
	background-color: #eee; background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2));}
.pagination__pages {gap: 1px; font-size: 14px; background-color: #fff; border-radius: 6px; overflow: hidden;}
.pagination__pages span:not(.nav_ext) {color: #fff; background: var(--accent);}
.pagination__pages span.nav_ext {background: var(--gr-grey-invert);}


/* INNER PAGE
----------------------------------------------- */
.page .sect {margin-bottom: 20px;}
.page__main {padding: 20px; overflow: visible;}
.page__back1 {position: absolute; right: 0; top: 0; border-top-right-radius: inherit; overflow: hidden; padding-left: 30px;}
.page__back {border-radius: 0 0 0 8px;}
.page__back::after {box-shadow: 15px -15px #f7c33c; right: 100%; left: auto;}
.page__poster {width: 220px; border-radius: 6px; box-shadow: var(--bsh); overflow: hidden;}
.page__poster-continue {text-align: center; font-size: 12px; padding: 10px; background: var(--brown); color: #fff;}
.page__img .poster__label {bottom: 10px; top: auto;}
.page__img-top {padding: 3px; width: 200px; text-align: center; rotate: -45deg; position: absolute; left: 0; top: 0; 
	background-color: var(--yellow); color: #000; box-shadow: var(--bsh); translate: -76px 10px; font-size: 12px;}
.page__img a {display: block;}

.page__desc h1 {font-size: 18px; font-weight: 600;}
.page__list li > div:first-child {font-weight: 600;}
.page__list a {text-decoration: underline; color: var(--accent);}
.page__list-mb {margin-bottom: 8px;}
.page__list-age .flex-1 {color: #ff7600;}
.page__list-rating span {font-weight: 600; color: var(--accent);}
.page__list-rating .sv {font-size: 12px; gap: 3px; display: flex; align-items: center;}
.page__list-tags a {display: flex; padding: 0 6px; height: 28px; display: flex; align-items: center; text-transform: lowercase;
	background-color: #666; color: #fff; font-size: 12px; position: relative; gap: 5px;
	border-radius: 1em 5px 5px 1em; box-shadow: 0 0 1px #980c3d; text-decoration: none;}
.page__list-tags a::before {content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: var(--bg);}

.page__actors-title {font-weight: 600; color: var(--accent); margin-bottom: 18px;}
.page__actors-title::after, .page__actors-title::before {content: ''; height: 2px; width: 100px; background: var(--accent);}
.page__actors {display: grid; grid-template-columns: repeat(2,1fr); gap: 10px 20px; font-weight: 600;}
.act__img {width: 40px; border-radius: 50%; transition: border-radius 0.15s linear;}
.act__img-zoom {position: absolute; bottom: 130%; left: 50%; translate: -50% 0; box-shadow: var(--bsh); 
	border-radius: 8px; padding: 8px; background-color: var(--bg-black); width: 160px; pointer-events: none;}
.act__img-zoom::before {content: ''; position: absolute; left: 50%; top: 100%; translate: -50% 0; 
	border: 10px solid transparent; border-top-color: var(--bg-black);}
.act__img-zoom img {position: relative; border-radius: 4px;}
.act.bottom .act__img-zoom {top: 130%; bottom: auto;}
.act.bottom .act__img-zoom::before {bottom: 100%; top: auto; border-bottom-color: var(--bg-black); border-top-color: transparent;}

.page__seas-capt {border-radius: 8px 8px 0 0; box-shadow: 0 -1px 1px rgba(0,0,0,.5); display: inline-block;
	background-color: var(--bg); padding: 10px 20px; font-size: 14px; font-weight: 600; position: relative; z-index: 3; bottom: -1px;}
.page__seas-item {font-weight: 600;}
.page__seas-date {color: var(--accent);}
.page__seas-days {font-size: 12px; margin-top: 2px;}
.page__seas-capt + .sect--bg {border-top-left-radius: 0; padding: 20px;}

.page__related .sect__content {display: grid; gap: 20px; grid-template-columns: repeat(auto-fill,minmax(min(50%,560px),1fr));}
.rel__img {float: left; margin: 0 20px 0 0; border-radius: 6px; box-shadow: var(--bsh); width: 100px;}
.rel__title {font-weight: 600; margin-bottom: 3px;}
.rel__text {font-style: italic; color: var(--accent); font-size: 13px;}

.page__player {position: relative; padding: 20px;}
.page__player .tabs-block__select {gap: 5px;}
.page__player .tabs-block__select button, .page__complaint a {background: #000; color: #fff; height: 30px; 
	border-radius: 4px 4px 0 0; font-weight: 600; gap: 8px; padding: 0 10px;}
.page__player .tabs-block__select button.is-active, .page__player .tabs-block__select button:hover {background: var(--accent); color: #fff;}
.page__complaint a {display: flex; align-items: center;}
.nl .page__player-controls + .tabs-block__content {display: block;}
.page__player .tabs-block__select button::before {font-size: 12px;}

.page__tabs {border-radius: 8px; overflow: hidden; background-color: var(--bg-darker);}
.page__tabs-header {background: var(--gr-grey-invert); border-bottom: 5px solid var(--accent); padding-right: 20px;}
.page__tabs-btn {background: none; color: var(--tt-fade-0); text-shadow: 1px 1px 0 hsla(0,0%,100%,.9); border-radius: 0;}
.page__tabs-btn.is-active {background: var(--gr-purple); color: #fff; text-shadow: none;}
.page__tabs-btn + .page__tabs-btn {border-left: 1px solid rgba(255,255,255,0.9);}
.page__tabs-content {border: 1px solid var(--accent); border-top: 0; border-radius: 0 0 8px 8px; padding: 40px;}
.page__tabs-toggle {background: none; color: var(--accent); padding: 0; 
	height: auto; border-bottom: 1px dotted var(--accent); gap: 5px;}
.page__tabs-toggle::before {content: '\25B2'; order: 10;}
.page__comms-info {margin: 0 auto; margin-bottom: 40px; max-width: 800px; border-radius: 6px; 
	border: 2px solid var(--bdc); text-align: center; font-weight: 600; padding: 10px;}
.page__comms-info span {color: var(--accent); text-decoration: underline; cursor: pointer;}
.page__tabs-toggle-2 {cursor: pointer; text-decoration: underline; text-align: center; 
	color: var(--accent); padding: 10px; display: none;}
.page__tabs--revs {background-color: var(--bg);}
.is-hide .page__tabs-toggle-2 {display: block;}
.is-hide .page__tabs-content, .page__related2.is-hide .sect__content {display: none;}
.is-hide .page__tabs-toggle::before {rotate: 180deg;}
.is-hide {background-color: var(--bg);}
.page__related2.is-hide .page__tabs-toggle-2 {margin: -20px 0;}

.page__comms-list {max-width: 900px; margin: 0 auto;}
.comm {margin-bottom: 16px; gap: 20px;}
.comm__img {width: 50px; border-radius: 5px; box-shadow: var(--bsh); 
	  background-color: var(--bg); border: 1px solid #bbb; padding: 1px;}
.comm__img.prem {padding: 2px; background: #f5b50c; box-shadow: 0 0 5px #f5b50c;}
.comm__img img {height: auto; position: static; aspect-ratio: inherit; border-radius: 4px;}
.comm__desc {border-radius: 6px; background-color: var(--bg); box-shadow: var(--bsh); padding: 12px; position: relative;}
.comm__desc::before, .comm__desc::after {content: ''; border: 9px solid transparent; border-right-color: var(--bg); 
	position: absolute; right: 100%; top: 19px; z-index: 3;}
.comm__desc::after {z-index: 2; margin-right: 1px; border-right-color: rgba(0,0,0,.3);}
.comm__meta::before {opacity: 0.5; margin-right: -2px; font-size: 12px;}
.comm__author, .comm__title, .comm__author a {font-weight: 600; color: var(--accent);}
.comm__comms, .comm__date {font-size: 12px; color: var(--tt-fadest);}
.comm:has(.ratingminus):not(:hover) .comm__desc {opacity: 0.2;}
.comm__rating {font-weight: 600; margin-top: 5px; gap: 3px;}
.comm__rating a {color: green; font-size: 12px; opacity: 0.8;}
.comm__rating a:last-child {color: var(--accent);}
.comm__ctrl {opacity: 0; font-size: 12px; --tt: var(--accent); margin: -11px 0;}
.rev + .rev {padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--accent);}
.rev__img {width: 50px; border-radius: 6px; float: left; margin: 0 10px 10px 0;}
.rev__text {font-size: 13px; margin-top: 5px;}
.rev__author, .rev__author a {font-weight: 600; color: var(--accent); text-decoration: underline;}
.rev__comms, .rev__date {font-size: 12px; color: var(--tt-fade-0);}
.rev__date {text-align: right;}

.page__posters:not(.d-none) {display: grid; grid-template-columns: repeat(4,1fr); gap: 10px;}
.page__posters > * {display: block; justify-self: center;}
.page__posters img {display: block; height: 230px; border-radius: 6px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,.3);}
.page__as-list {flex-direction: column-reverse; counter-reset: n;}
.page__as-caption {font-weight: 600; margin-bottom: 5px;}
.page__as li::before {content: counter(n)'.'; counter-increment: n; font-weight: 600; color: var(--accent); 
	position: absolute; left: 0; top: -2px; font-size: 16px;}
.page__as-list .done span {text-decoration: line-through;}
.page__as-list li {font-size: 13px; color: var(--tt-fade-0); position: relative; padding-left: 20px; margin-left: 30px;}
.page__as-list li span {font-size: 14px; color: var(--tt);}
.page__as-item +  .page__as-item {margin-top: 20px;}
.page__as {padding-left: 200px;}
.page__tabs:has(.page__as:not(.d-none)), .page__tabs:has(.page__posters:not(.d-none)) {background-color: var(--bg);}

.apage__content {padding: 0 20px;}
.spage__caption {margin-bottom: 20px;}
.apage__img {width: 200px; border-radius: 8px; box-shadow: var(--bsh); margin: 0 auto;}
.apage__title {font-size: 14px; font-weight: 600; text-align: center; margin: 10px 0 20px 0;}

.page__related2 .sect__content {padding: 0px 100px; display: grid; gap: 20px; grid-template-columns: repeat(7,1fr);}
.rel2 {display: block; overflow: hidden; position: relative; border-radius: 6px; box-shadow: var(--bsh);}
.rel2__title {position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; padding: 10px;
	background-color: rgba(0,0,0,0.75); color: #fff; text-align: center; gap: 3px;}
.rel2:not(:hover) .rel2__title {translate: 0 100%;}
.page__related2 .page__tabs-toggle {margin-right: 20px;}

.soc-channels__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 5px 20px 0 55px;
    height: 40px;
    overflow: hidden;
    background-color: #2daae1;
    color: #fff !important;
    box-shadow: var(--bsh-2);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    /* border-radius: 4px; */
    display: inline-block;
}

.soc-channels__item::before {content: ''; width: 40px; height: 40px; background-color: rgba(0,0,0,0.2); 
    position: absolute; left: 0; top: 0; background-position: center center; background-size: 20px; background-repeat: no-repeat;}
.telega::before {
    background-size: 17px;background-image: url(../images/tlg.svg);}

.telega__full .telega::before {    width: 35px;
    height: 30px;}

.telega__full{
	position: absolute;
	right: 43%;
	top: 19px;
}
.telega__full .telega {
    height: 30px;
    line-height: 30px;
    padding: 0px 10px 0 45px;
    animation: glowing 1300ms infinite;
}
@keyframes glowing {
      0% { background-color: #2daae1; box-shadow: 0 0 5px #2daae1; }
      50% { background-color: #3dc4ff; box-shadow: 0 0 20px #3dc4ff; }
      100% { background-color: #2daae1; box-shadow: 0 0 5px #2daae1; }
}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {margin-bottom: 30px; font-size: 24px;}
.full-text {line-height: 1.4; font-size: 14px; word-wrap: break-word;}
.full-text a {text-decoration: underline; color: var(--ui-accent);}
.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: 600;
	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 {padding-top: 60%; position: relative; background-color: #000;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;}


/* COMMENTS
----------------------------------------------- */
.page__comments {margin-top: 0px;}
.page__comments-info {color: var(--tt-fade); display: block; margin: 5px 0 20px; font-size: 14px; padding-left: 23px; position: relative;}
.page__comments-info::before {color: var(--red); position: absolute; left: 0; top: 2px;}
.page__ac {margin-bottom: 40px;}
.ac-form {position: relative; margin-bottom: 40px;}
.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-toggle.ac-form {cursor: pointer;}
.ac-form__header input, .ac-form__editor textarea {background-color: rgba(0,0,0,0.2);}
.ac-form__editor .bb-editor textarea {height: 160px; line-height: 1.4; padding-bottom: 40px;}
.comments_subscribe + br, .ac-form .bb-editor + br {display: none;}
.ac-toggle .has-checkbox {display: none;}
.mass_comments_action {display: none;}
.comm__title a {font-size: 14px; font-weight: 600; color: var(--accent);}

.comm__action {font-size: 12px; --tt: var(--tt-fade);}
.comm__ctrl-btn {font-size: 18px; height: 30px; --tt: var(--accent-2);}
.comm__ctrl-menu li + li {margin-top: 10px;}
body:has(.pwidget) #dropmenudiv {z-index: 1000 !important;}


/* 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 {position: fixed; z-index: 999; left: 50%; top: 50%; translate: -50% -50%; 
	width: 300px; max-width: calc(100% - 40px); background-color: var(--bg); border-radius: 8px;}
.lgn__content {padding: 20px;}
.lgn__input input {height: 34px; line-height: 34px; border-radius: 5px; padding: 0 10px;}
.lgn__btn button {box-shadow: var(--bsh); font-weight: 600; height: 40px;}
.lgn__social:not(:has(a)) {display: none;}
.lgn__social a {height: 32px; padding-left: 42px; background: url(../images/lgn.png) 0 -192px no-repeat;}
.lgn__ctrl a {text-decoration: underline; color: var(--accent);}

.lgn2__btn {padding-left: 0; overflow: hidden;}
.lgn2__avatar {width: 40px;}
.lgn2__menu {width: 240px; position: absolute; left: 0; top: 100%; z-index: 10; border-radius: 8px;	display: none;
	background-color: rgba(0,0,0,.8); --tt: silver; box-shadow: var(--bsh); padding: 20px; padding-bottom: 40px;}
.lgn2__menu-list a {height: 28px; gap: 10px;}
.lgn2__menu-list a:before {color: var(--yellow); width: 1.2em;}
.lgn2__name {padding-bottom: 12px; margin-bottom: 12px; position: relative; color: var(--yellow);}
.lgn2__name::after {content: ''; position: absolute; left: 0; bottom: -1px; height: 3px; width: 45px; background: var(--yellow);}
.lgn2__exit {position: absolute; right: 0; bottom: 0; border-radius: 8px 0 8px 0; font-size: 14px; padding: 0 10px; 
	background-color: var(--yellow); box-shadow: inset -1px -1px 1px rgba(0,0,0,.5); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.3); height: 30px;}


.fltr__row {gap: 5px;}
.fltr__cell-decor, .fltr__submit button {color: #2b2521; background-color: #eee; border: 1px solid #dedede; 
  background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.2)); border-radius: 4px; padding: 0; font-size: 12px;
  box-shadow: 0 0 2px rgba(0,0,0,.4); text-shadow: 1px 1px 1px #fff; height: 30px; position: relative;}
.fltr__cell-square, .fltr__submit .fal {aspect-ratio: 1/1; display: grid; place-items: center; padding: 0; padding-bottom: 1px;}
.fltr__cell-square input, .fltr__radio-group input, .fltr__check-2 input, .fltr__check-1 input {position: absolute; inset: 0; opacity: 0; cursor: pointer;}
.fltr__cell select {height: 30px; line-height: 30px; width: 100%; text-align: center; cursor: pointer; border: 0;
	color: inherit; background: none; text-shadow: inherit; font-size: 12px; padding: 0; padding-right: 15px;}
.fltr__cell-square span {font-size: 24px; display: block; line-height: 1;}
.fltr__radio-group {overflow: hidden;}
.fltr__radio-group .fltr__radio {font-size: 12px; flex-grow: 1; display: grid; place-items: center; 
	background: none; box-shadow: none; border: 0; border-radius: 0; font-weight: 600;}
.fltr__radio-group .fltr__radio:not(:last-child) {border-right: 1px solid rgba(0,0,0,.3);}
.fltr__radio-group .fltr__radio:not(:last-child):has(:checked) {border-right: 1px solid rgba(0,0,0,.1);}
.fltr__check:not(:has(:checked)), .fltr__radio:not(:has(:checked),button) {opacity: 0.4;}
.fltr__select::after {font-weight: 300; font-family:'Font Awesome 5 Pro'; content:"\f107"; 
	position: absolute; top: 50%; right: 10px; translate: 0 -50%;}
.fltr__check2 {font-size: 12px;}
.fltr:not(:has(#zar:checked)) .fltr__check2-opacity {opacity: 0.4;}
.fltr [data-text]::before {content: attr(data-text); box-shadow: var(--bsh); background-color: rgba(0,0,0,.8); color: #fff; 
	font-size: 13px; border-radius: 8px; white-space: nowrap; padding: 10px; position: absolute; 
	left: 50%; bottom: 120%; translate: -50% 0; text-shadow: none;}
.sb__header--select {padding: 0; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); isolation: isolate; margin: 3px;} 
.sb__header--select select {background: none; color: inherit; padding: 10px 20px; text-align: center; font-size: inherit; 
	height: auto; line-height: 1.5; box-shadow: none; border: 0; cursor: pointer;}
.sb__header--select::before {content: ''; z-index: -1; position: absolute; inset: -3px; background: rgba(0,0,0,.3); border-radius: 6px;}
.sb__header--select::after {border-bottom-right-radius: 4px; border-left: 1px solid hsla(0,0%,40%,.5);
	border-top-right-radius: 4px; color: #fff; content: "\25BC"; display: block; padding: 10px;
	position: absolute; right: 0; top: 0; z-index: 1; pointer-events: none;}
.fltr__dop {cursor: pointer; color: var(--accent); font-size: 12px; text-align: center;}
.fltr__radio-group .fltr__cell-square {font-weight: 400;}
.ltl, .ltl span {font-size: 16px !important;}
.fltr__dop-hdn {padding: 10px;}
.fltr__check-2, .fltr__check-1 {position: relative;}
.fltr__check-1 {text-transform: uppercase; font-style: italic; font-weight: 600; color: var(--tt-fade-0);}
.fltr__check-2 {color: var(--accent); font-size: 18px;}
.fltr__row.c-gap-10 {gap: 10px;}
.fltr__row.c-gap-20 {gap: 20px;}
.fltr__check-1:has(:checked) {color: var(--yellow);}
.fltr__check-2:has(:checked) {color: var(--tt-fade-0);}
.fltr__dop:hover {text-decoration: underline;}
.fltr__submit button:hover {background-image: linear-gradient(360deg,transparent 0,rgba(0,0,0,.2));}
  .sb__header--select select option {color: var(--tt);}
.dt .fltr__cell-decor, .dt .fltr__submit button {color: #ccc; background: var(--bg); border: 0px solid #111; text-shadow: none;}
.dt .filter select {background: none !important;}

/* letter filter loader  */

.sv-load, #loading-layer {
    color: #980c3d;
    font-size: 5rem;
    height: 5rem;
    line-height: 5rem;
    margin: 1rem auto;
    position: relative;
    text-shadow: 0 0 1px #980c3d;
    vertical-align: middle;
    width: 5rem
}


.sv-load:after, #loading-layer:after {
    font-family: svico;
    font-style: normal;
    font-weight: 400;
    speak: none;
    animation-duration: 3s;
    animation-name: svloadanim;
    animation-timing-function: linear;
    color: #f5b50c;
    color: #fff;
    content: "\e817";
    font-variant: normal;
    overflow: hidden;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    z-index: 2
}

.sv-load, #loading-layer,.sv-load:after, #loading-layer:after,.sv-load:before, #loading-layer:before {
    border-radius: 50%
}

.sv-load:after, #loading-layer:after,.sv-load:before, #loading-layer:before {
    display: inline-block;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.sv-load:before, #loading-layer:before {
    animation-duration: 2.5s;
    animation-name: svloadanim2;
    animation-timing-function: linear;
    border-left: 1px solid #980c3d;
    border-top: 1px solid transparent;
    content: " ";
    display: block;
    height: 6rem;
    left: -.5rem;
    top: -.5rem;
    width: 6rem;
    z-index: 1
}

#loading-layer svg {
 	display: none;   
}

@keyframes svloadanim {
    0% {
        height: 100%
    }

    90% {
        color: rgba(152,12,61,.9);
        height: 0
    }

    91% {
        color: #980c3d;
        height: 100%
    }

    to {
        color: #fff;
        height: 100%
    }
}

@keyframes svloadanim2 {
    0% {
        border-left: 2px solid #980c3d;
        transform: rotate(0deg)
    }

    25% {
        border-left: 2px solid #f5b50c
    }

    50% {
        border-left: 2px solid #c01462
    }

    75% {
        border-left: 2px solid #f5b50c
    }

    to {
        border-left: 2px solid #980c3d;
        transform: rotate(1turn)
    }
}


/* full-fav */
.full-fav {
    position: relative;
    margin-left: 5px;
    cursor: pointer;
}
.full-fav--button {
    display: flex;
    align-items: center;
    background: #000;
    color: #fff;
    height: 30px;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
    gap: 8px;
    padding: 0 10px;
}
.full-fav--items {
    position: absolute;
    right: 0;
    width: 200px;
    z-index: 10001;
    color: #fff;
    background: #1a1a1a;
    border: 1px solid #383838;
    border-radius: 4px;
}
.full-fav--item {
    height: 32px;
    display: flex;
    padding: 0px 15px;
    align-items: center;
    border-bottom: 1px solid #383838;
}
.full-fav--item:before {
    margin-right: 10px;
}
.full-fav--item:last-child {
    border-bottom: none;
}
.full-fav--item:hover {
    background: #000000;
}
.full-fav--item.active {
    background: var(--accent);
}
/* end full-fav */

/* userinfo */
.userinfo {
  display: grid;
  grid-template-columns: 220px auto;
}

.userinfo--left {}

.userinfo--right {}

.userinfo--content {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
  margin-bottom: 1em;
}

.userinfo--nav-title-defaults {
  display: flex;
  background-color: var(--ui-bg-btn);
  background-image: linear-gradient(0deg, transparent, hsla(0, 0%, 100%, .2));
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
  color: #f3f3f3;
  font-size: 18px;
  height: 40px;
  align-items: center;
  padding: 0px 1em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
}

.userinfo--nav-title {
  padding: 0px 1.8em;
  margin: 0px 0px 0px -20px;
}

.userinfo--nav-toggle {
  display: none;
}

.userinfo--nav {
  font-size: 13px;
  background: var(--bg);
  border-radius: 0px 0px 0px 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.userinfo--nav-link {
  display: block;
  position: relative;
  text-decoration: none;
  transition: all .3s ease;
  padding: .5em 1em;
  border-bottom: 1px dashed #f5b50c;
}

.userinfo--nav-link:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, .5);
  color: var(--accent)
}

.dt .userinfo--nav-link {
  border-color: #694f0c;
}

.userinfo--nav-item.active .userinfo--nav-link {
  font-weight: bold;
}

.userinfo--nav-item:last-child .userinfo--nav-link {
  border-bottom: none;
}

.userinfo--nav-link .sv::before {
  width: 1em;
}

.userinfo--nav-submenu {
  overflow: hidden;
  max-height: 0;
  transition: max-height .5s cubic-bezier(0, 1, .5, 1);
}


.userinfo--nav-item:hover>.userinfo--nav-submenu {
  max-height: 1000px;
}

.userinfo--nav-submenu .userinfo--nav-link {
  padding-left: 2em;
}

@media screen and (max-width: 950px) {
  .userinfo {
    grid-template-columns: auto;
  }

  .userinfo--nav:not(.active) {
    display: none;
  }

  .userinfo--nav-title {
    display: none;
  }

  .userinfo--nav-toggle {
    display: flex;
    font-size: 16px;
  }

  .userinfo--nav-toggle .sv {
    margin-right: 8px;
  }

  .userinfo--nav-submenu {
    max-height: 1000px;
  }
}
/* end userinfo */