/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; width: 100%; position: relative; overflow-x: clip; overflow-y: visible;}
.wrapper__container {
	max-width: var(--max-width);
	margin: 0 auto;
	position: relative;
	z-index: 20;
	background-color: var(--bg);
	}
.wrapper__container--main {
	display: block;
	min-height: calc(100vh - var(--header-h, 50px));
	}
.header {
	padding: 0;
	grid-area: header;
	color: #fff;
	--tt: #fff;
	z-index: 100;
	background-color: #191919;
	backdrop-filter: blur(16px);
	position: sticky;
	left: 0;
	top: 0;
	align-items: center;
	}
.header__inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px 24px;
	width: 100%;
	min-height: var(--header-h, 50px);
	padding: 8px var(--indent);
	padding-left: 6px;
	}
.header__logo {
	grid-column: 1;
	justify-self: start;
	min-width: 0;
	}
.header__search {
	grid-column: 2;
	justify-self: center;
	width: 100%;
	max-width: 600px;
	margin: 0;
	}
.header__inner > .header__login,
.header__inner > .header__btns {
	grid-column: 3;
	justify-self: end;
	}
.js-col-toggle {display: none !important;}
.content {grid-area: content;padding: 30px var(--indent);}
.sidebar {
	position: relative;
	z-index: 50;
	background-color: var(--sidebar-bg);
	border-right: 1px solid var(--sidebar-bdc);
	}
.sidebar__rail {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--header-h, 50px));
	padding: 17px 10px 10px 10px;
	position: sticky;
	left: 0;
	top: var(--header-h, 50px);
	transition: top 0.3s;
	height: calc(100vh - var(--header-h, 50px));
	}
.sidebar__rail-main {flex: 1 1 auto;}
.sidebar__rail-foot {margin-top: auto;padding-top: 12px;}
.sidebar__rail-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 0 auto;
	border-radius: 12px;
	color: var(--sidebar-icon);
	font-size: 20px;
	position: relative;
	transition: background-color 0.2s, color 0.2s;
	}
.sidebar__sticky {padding: 30px;padding-top: 15px;position: sticky;left: 0;top: 60px;transition: top 0.3s;background: var(--bg-black);border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.footer {
	margin-top: 60px;
	padding: 40px 0 32px;
	border-top: 1px solid var(--bdc);
	background: var(--bg-darker, #1a1820);
	}
.footer__inner {
	display: grid;
	grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(140px, 1fr));
	gap: 28px 40px;
	width: 100%;
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 var(--indent);
	}
.footer__brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
	}
.footer__logo.logo {
	min-width: 140px;
	height: 44px;
	text-decoration: none;
	}
.footer__logo-text {
	margin-left: 48px;
	font-family: "Orbitron", "Inter", sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: var(--tt);
	}
.footer__tagline {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
	max-width: 320px;
	}
.footer__social {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	}
.footer__social-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 10px;
	border: 1px solid var(--bdc);
	font-size: 13px;
	color: var(--tt-fade);
	text-decoration: none;
	transition: color 0.2s, border-color 0.2s, background-color 0.2s;
	}
.footer__social-link::before {
	font-size: 15px;
	color: var(--accent);
	}
.footer__nav-title {
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--tt);
	}
.footer__nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	}
.footer__nav-list a {
	font-size: 14px;
	color: var(--tt-fade-0, var(--tt-fade));
	text-decoration: none;
	transition: color 0.2s;
	}
.footer__btm {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 20px;
	padding-top: 20px;
	margin-top: 4px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	}
.footer__copy {
	margin: 0;
	font-size: 13px;
	}
.footer__copy a {
	color: var(--tt-fade);
	text-decoration: none;
	}
.footer__domain {
	margin: 0;
	font-family: "Orbitron", "Inter", sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	color: var(--accent);
	opacity: 0.85;
	}
.header.sticky {translate: 0 -100%;}
.wrapper:has(.header.sticky) .sidebar__rail {top: 0;}
.stick {position: sticky;top: 80px;transition: top 0.3s;}
.wrapper:has(.header.sticky) .stick {top: 20px;border-radius: 12px;}
.has-branding {padding-top: 140px;}

.scrolltop {
	position: fixed;
	width: 120px;
	display: none;
	height: 40px;
	right: -120px;
	bottom: 20px;
	padding: 0;
	z-index: 990;
	border-radius: 10px;
	font-size: 18px;
	opacity: 0;
	transition: right 0.8s, opacity 0.2s;
	background: var(--accent);
	color: var(--bg);
	}
.scrolltop.is-active {right: 46%;opacity: 1;}


/* HEADER
----------------------------------------------- */
.logo {
	font-size: 22px;
	color: var(--tt);
	display: flex;
	align-items: center;
	position: relative;
	height: 40px;
	min-width: 0;
	}
.header__logo.logo {min-width: 120px;}
.logo img {display: block; position: absolute; left: 0; top: 50%; translate: 0 -50%; max-height: 100%;}
.header__btn {margin-left: -18px;}
.header__login a {opacity: 0.6;}

.search-block {width: 600px;position: relative;}
.search-block__input, .search-block__input:focus {
	padding: 0 30px 0 50px;
	height: 40px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background-color: rgba(255,255,255,0.1);
	color: #fff;
	border: 0;
	line-height: 40px;
	}
.search-block__input:not(:focus)::placeholder {color: #fff; opacity: 0.6;}
.search-block__btn {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	font-size: 20px;
	color: #fff;
	width: 55px;
	border-radius: 20px;
	}


/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {margin-bottom: 40px;}
.sect__header {margin-bottom: 20px;}
.sect__title {font-size: 20px; font-weight: 500;}
.sect__link {color: var(--accent);}
.sect__btn {padding: 0;}
.sect--rkl {border: 1px solid var(--bdc); min-height: 80px;}
.sect--slider {margin: -40px var(--indent-negative);margin-bottom: 40px;border-bottom-left-radius: 12px;}
.sect--bg {border-radius: 10px; padding: 20px; background-color: var(--bg-darker);}

.speedbar {color: var(--tt-fade); font-size: 14px; margin-bottom: 20px;}
.speedbar a {color: var(--tt-dark);}
.speedbar::before {color: var(--accent-red); margin-right: 10px;}

.ga-seo-details {
	margin-top: 24px;
	padding-top: 8px;
	border-top: 1px solid rgb(41 41 41);
}
.ga-seo-details__summary {
	cursor: pointer;
	list-style: none;
	font-size: 13px;
	color: var(--tt-fade);
	user-select: none;
}
.ga-seo-details__summary::-webkit-details-marker {display: none;}
.ga-seo-details__summary::before {
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	font-weight: var(--ui-fw-fa, 400);
	margin-right: 8px;
	font-size: 11px;
	transition: transform .2s ease;
}
.ga-seo-details[open] .ga-seo-details__summary::before {transform: rotate(180deg);}
.ga-seo-details__summary:hover {color: var(--tt);}
.ga-seo-details__body {padding-top: 16px;}
.ga-seo-details__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 12px;
	color: var(--tt);
}
.ga-seo-details__subtitle {
	font-size: 15px;
	font-weight: 600;
	margin: 18px 0 8px;
	color: var(--tt);
}

.descr {display: grid; gap: 10px; line-height: 1.6; padding-top: 40px; 
	border-top: 1px solid var(--bdc); color: var(--tt-fade-0);}
.descr :is(h1,h2,h3) {font-size: 16px; font-weight: 500; line-height: 1.3; color: var(--tt);}
.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;}

.sorter {position: relative; cursor: pointer; height: 40px; display: flex; align-items: center; gap: 10px; min-width: 162px;}
.sorter form {display: none; background-color: var(--bg); padding: 0px; 
	box-shadow: var(--bsh); position: absolute; right: 0; top: 100%; 
	width: 100%; z-index: 99; border-radius: 10px;}
.sorter a {display: block; border-bottom: 1px solid var(--bdc); padding: 6px 10px;}
.sort li.asc a::after, .sort li.desc a::after {content:"\f063"; font-family:"Font Awesome 5 Pro"; 
	display: inline-block; margin-left: 10px; font-weight: 300;}
.sort li.desc a::after {content:"\f062"}
.carou-6:not(.owl-carousel) > .item {width: calc((100% - 100px)/6); flex-shrink: 0;}
.carou-4:not(.owl-carousel) > .item {width: calc((100% - 60px)/4); flex-shrink: 0;}
.carou-1:not(.owl-carousel) > .item {width: 100%; flex-shrink: 0;}
.carou-6:not(.owl-carousel), .carou-4:not(.owl-carousel) {display: flex; overflow: hidden; gap: 20px;}
.carou-1:not(.owl-carousel) {display: flex; overflow: hidden;}


/* ITEM
----------------------------------------------- */
.item__img {border-radius: 8px; margin-bottom: 11px;}
.item__rating, .item__btn-info {width: 40px; background-color: rgba(60,60,60,0.6); color: #fff; backdrop-filter: blur(15px);}
.item__rating svg {position: absolute; left: 0; top: 0; fill: none; transform: rotate(-90deg);}
.item__rating svg circle {fill: inherit; stroke: none;}
.item__rating svg circle:nth-child(2) {stroke: #fbbf24;}
.item__label {padding: 3px 7px; border-radius: 3px; font-size: 10px; background-color: var(--bg-darker); color: var(--tt);}
.item__btn-info {position: absolute; right: 5px; top: 50px; z-index: 25; 
	scale: 0.5 0.5; opacity: 0; font-size: 18px; cursor: pointer;}
.item:not(:has(.item__rating)) .item__btn-info {top: 5px;}

.item-slider {height: 400px;overflow: hidden;position: relative;background-color: #252525;}
.item-slider__desc {padding: 40px var(--indent); margin-right: 200px; position: relative; z-index: 10; color: #fff;}
.item-slider__img img {opacity: 0.5;}
.item-slider__img::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background-image: linear-gradient(to bottom, #252525, transparent, #252525), linear-gradient(to right, #252525, transparent, #252525);
	} 
.item-slider__title {text-transform: uppercase; font-weight: 800; font-size: 30px; color: transparent; 
	background: url(../images/texture.webp); background-clip: text;}
.item-slider__btns {padding-top: 20px;}
.item-slider .item__text, .item-slider .item__meta-item {opacity: 0.6;}
.item-slider .item__label, .item__btn-trailer {background-color: rgba(71, 75, 78, 0.6); color: #fff; backdrop-filter: blur(15px);}

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

.item-top .item__img {border: 3px solid var(--bg); box-shadow: 0 0 0 3px var(--accent); 
	margin: 3px; margin-bottom: 10px; border-radius: 50%;}
.item-poster .item__rating {position: absolute; right: 5px; top: 5px; z-index: 5; scale: 0.5 0.5; opacity: 0;}
.item-poster .item__title {margin-bottom: 3px;}
.item__meta-row {margin-bottom: 3px;}
.item__tier-badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 5px;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.item__tier-badge--pro {
	background: rgba(59, 130, 246, 0.2);
	color: #93c5fd;
	border: 1px solid rgba(96, 165, 250, 0.35);
}
.item__tier-badge--pro-plus {
	background: linear-gradient(180deg, #f6dc7a 0%, #d4a72c 100%);
	color: #1a1408;
	border: 1px solid rgba(201, 162, 39, 0.65);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.item-collection .item__img {aspect-ratio: 3 / 1.5;}
.item-blog .item__meta {margin-top: 5px;}
.item-hot .item__img {width: 46px; margin: 0;}
.sect--bg .item__label {background-color: var(--bg-darkest);}

.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 {color: #ccc; margin: 0px;}
.trl-is-opened {overflow: hidden;}

.th-active {z-index: 100;}
.th-text {
	display: none;
	background-color: #222222e6;
	backdrop-filter: blur(30px);
	cursor: auto;
	padding: 20px;
	text-align: left;
	position: absolute;
	z-index: 1000;
	left: 100%;
	top: 0;
	width: 460px;
	border-radius: 12px;
	min-height: 100px;
	font-size: 12px;
	}
.th-text::after {
	content: "";
	border: 10px solid var(--bg);
	position: absolute;
	top: 30px;
	right: 100%;
	border-left-color: transparent;
	border-bottom-color: transparent;
	}
.pop-left .th-text::after {border: 10px solid var(--bg); border-right-color: transparent; 
	border-bottom-color: transparent; left: 100%; right: auto;}
.pop-left .th-text {left: auto; right: 100%;}
.th-text-loader {text-align: center; font-size: 18px; color: var(--accent); padding-top: 20px;}
.th-text .not-shown-ajax, .th-text .h1 a {display: none;}
.th-text .page__text {display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; 
	-webkit-box-orient: vertical; overflow: hidden; margin: 15px 0; font-size: 12px;}
.th-text .page__titles h1 {font-size: 24px;}
.th-text .page__btn-trailer {width: 100%; margin-top: 15px;}


/* CARD IMAGE SCRUB (desktop hover)
----------------------------------------------- */
.js-card-scrub {
	cursor: pointer;
	position: relative;
	z-index: 11;
	pointer-events: auto;
	overflow: hidden;
	border-radius: inherit;
	}
.js-card-scrub .js-card-scrub-img {
	transition: opacity 0.12s ease;
	border-radius: 12px;
	}
.item__scrub-bar {
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 8px;
	z-index: 6;
	display: flex;
	align-items: center;
	gap: 4px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
	max-width: calc(100% - 16px);
	box-sizing: border-box;
	}
.item__scrub-seg {
	flex: 1 1 0;
	min-width: 0;
	height: 3px;
	border-radius: 2px;
	background: rgba(255,255,255,0.32);
	transition: background-color 0.12s ease, opacity 0.12s ease;
	}
.item__scrub-seg.is-active {
	background: #fff;
	opacity: 1;
	}
@media (hover: hover) and (min-width: 1220px) {
	.js-card-scrub.is-scrub-active .item__scrub-bar {opacity: 1;}
	.js-card-scrub.is-scrub-active .img-overlay-icon::before {opacity: 0;}
	}
@media screen and (max-width: 1219px), (hover: none) {
	.item__scrub-bar {display: none;}
	.js-card-scrub {cursor: default;}
	}


/* SIDEBAR
----------------------------------------------- */
:root {
	--header-h: 0px;
	--sidebar-w: 72px;
	--sidebar-bg: #1a1a1c;
	--sidebar-bdc: rgba(255,255,255,0.06);
	--sidebar-icon: #8b8b93;
	--sidebar-icon-active: #fff;
	--sidebar-accent: #3b82f6;
	--sidebar-accent-hover: #2563eb;
	}
.sb + .sb {border-top: 1px solid var(--bdc); padding-top: 15px; margin-top: 15px;}
.sb-menu a {height: 42px;border-radius: 10px;gap: 15px;margin: 0 -10px;padding: 0 10px;}
.sb__caption {margin-bottom: 15px; padding-top: 5px; font-weight: 500;}
.sb-menu li {position: relative;}
.sb-menu--rail + .sb-menu--rail {border-top: 0;padding-top: 8px;margin-top: 0;}
.sb-menu--rail > li + li {margin-top: 4px;}
.sb-menu--rail > li > a {
	width: 48px;
	height: 48px;
	margin: 0 auto;
	padding: 0;
	justify-content: center;
	border-radius: 12px;
	color: var(--sidebar-icon);
	gap: 0;
	overflow: hidden;
	position: relative;
	}
.sb-menu--rail > li > a::before {
	width: 48px !important;
	font-size: 20px;
	flex-shrink: 0;
	text-align: center;
	}
.sb-menu--rail .sb-menu__label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
	}
.sb-menu--rail .is-active > a,
.sb-menu--rail > li > a.is-active,
.sidebar__rail-item.is-active {
	/* background-color: var(--accent); */
	color: var(--tt-fade);
	}
.sb-menu--rail > li > a:hover,
.sidebar__rail-item:hover {
	background-color: rgba(255,255,255,0.08);
	color: var(--sidebar-icon-active);
	}
.sb-menu--rail .is-active > a:hover,
.sb-menu--rail > li > a.is-active:hover {
	/* background-color: var(--accent); */
	color: var(--tt);
	}
.sb-menu--rail > li:has(.mega-menu.active) > a {
	background-color: var(--accent);
	color: var(--bg-black);
	}
@media screen and (min-width: 1220px) and (hover: hover) {
	.sb-menu--rail > li:not(:has(.mega-menu)) > a[title]:hover::after {
		content: attr(title);
		position: absolute;
		left: calc(100% + 12px);
		top: 50%;
		translate: 0 -50%;
		padding: 6px 12px;
		background-color: #2a2a2e;
		color: #fff;
		font-size: 12px;
		font-family: inherit;
		border-radius: 8px;
		white-space: nowrap;
		z-index: 200;
		pointer-events: none;
		box-shadow: 0 4px 16px rgba(0,0,0,0.35);
		}
	.sidebar__rail-item[title]:hover::after, .sb-menu--rail > li > a:hover::after {
		content: attr(title);
		position: absolute;
		left: calc(100% + 18px);
		top: 50%;
		translate: 0 -50%;
		padding: 6px 15px;
		background-color: var(--sidebar-bdc);
		color: #fff;
		font-size: 13px;
		border-radius: 6px;
		white-space: nowrap;
		z-index: 200;
		pointer-events: none;
		}
	.sidebar__rail-foot {position: relative;}
	}
.sb-menu .is-active a {}
.sb-menu__hidden {
	position: absolute;
	left: 100%;
	top: 0;
	padding: 20px;
	border-radius: 10px;
	background-color: #19191ae3;
	backdrop-filter: blur(30px);
	width: 600px;
	display: none;
	grid-template-columns: repeat(2,1fr);
	gap: 0 10px;
	}
.sb-menu__hidden a {height: 45px;margin: 0;}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__btn {align-self: flex-start;}

.pagination {gap: 20px 20px; padding-top: 15px;}
.pagination__pages a, .pagination__pages span {display: grid; place-items: center; color: var(--tt-fade);
	height: 36px; min-width: 36px; padding: 0 10px; border-radius: 18px; border: 2px solid var(--bdc);}
.pagination__pages {gap: 10px; font-size: 13px;}
.pagination__pages span:not(.nav_ext) {color: var(--tt); border-color: var(--accent);}
.pagination__btns {height: 36px; border-radius: 18px; overflow: hidden; border: 2px solid var(--bdc);}
.pagination__btns > * {width: 40px; display: grid; place-items: center; color: var(--accent); font-size: 18px;}
.pagination__btns > span {color: var(--tt-fade);}


/* INNER PAGE
----------------------------------------------- */
.page__header {
	display: grid;
	grid-template-columns: 67% minmax(0, 1fr);
	gap: 25px 30px;
	grid-template-areas:
	"pposter pheader"
	"pposter pinfo";
	grid-template-rows: 1fr auto;
	}
.page__titles {grid-area: pheader;}
.page__poster {grid-area: pposter; width: 250px;}
.page__info {grid-area: pinfo;}

.page__titles h1 {font-size: 30px; font-weight: 700; margin-top: -10px;}
.page__titles h1 a {font-size: 16px; margin-left: 10px;}
.page__img {border-radius: 10px;}
.page__likes a {display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 20px;
	border-radius: 20px; color: var(--tt-fade); background-color: var(--bg-darker);}
.page__tech li {position: relative; padding-left: 140px; min-height: 14px;}
.page__tech li > span:first-child {position: absolute; left: 0; top: 0; color: var(--tt-fade);}
.page__tech a {color: var(--accent);}
.page__tags a {display: block; padding: 5px 10px; border-radius: 5px; background-color: var(--bg-darker); color: var(--tt-fade);}

.page__layout,
.page__header--story {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 30px;
	grid-template-areas: none;
	grid-template-rows: auto;
	}
.page__aside {align-self: stretch; min-height: 100%;}
.page__main {min-width: 0;}
.page__content-box {
	background: var(--bg-black);
	padding: 20px;
	border-radius: 12px;
	margin-top: 15px;
	}
.page__compat-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px 24px;
	}
.page__compat-label {
	font-weight: 700;
	font-size: 14px;
	line-height: 1.3;
	color: var(--tt);
	margin-bottom: 8px;
	}
.page__compat-value {
	font-size: 14px;
	line-height: 1.4;
	color: var(--tt);
	}
.page__compat-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	}
.page__compat-status--yes i {color: #22c55e;}
.page__compat-status--no {color: var(--tt-fade);}
.page__compat-status--no i {color: #6b7280;}
@media screen and (max-width: 760px) {
	.page__compat-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	}
.page-side {display: flex; flex-direction: column; gap: 12px;}
.page-side__block {
	background: var(--bg-black);
	border-radius: 10px;
	padding: 20px;
	}
.page-side__specs {display: flex; flex-direction: column; gap: 14px; margin-bottom: 16px;}
.page-side__specs:empty {display: none; margin-bottom: 0;}
.page-side__spec-label {display: block; font-size: 12px; color: var(--tt-fade); margin-bottom: 2px;}
.page-side__spec-value {display: block; font-weight: 600; font-size: 14px; color: var(--tt); line-height: 1.35;}
.page-side__download {
	background-color: var(--accent) !important;
	color: var(--bg-black) !important;
	font-weight: 600;
	border-radius: 8px;
	box-shadow: none;
	}
.page-side__download-denied {font-size: 13px; color: var(--tt-fade); line-height: 1.4;}
.page-side__note {
	margin-top: 12px;
	font-size: 11px;
	color: var(--tt-fade);
	padding-left: 20px;
	position: relative;
	line-height: 1.4;
	}
.page-side__note::before {position: absolute; left: 0; top: 1px; font-size: 12px;}
.page-side__note a {color: var(--ui-accent); text-decoration: none;}
.page-side__block--actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	}
.page-side__action {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--tt-fade);
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	height: auto;
	}
.page-side__action.is-active {color: var(--accent);}
.page-side__block--meta {
	font-size: 12px;
	color: var(--tt-fade);
	display: flex;
	flex-direction: column;
	gap: 6px;
	line-height: 1.45;
	}
.page-side__meta-date {color: var(--ui-accent);}

.page-author__inner {
	display: flex;
	align-items: center;
	gap: 12px;
}

.page-author__avatar {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: var(--bg-darker);
	display: grid;
	place-items: center;
	color: var(--tt-fade);
	font-size: 20px;
	text-decoration: none;
}

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

.page-author__avatar.is-empty img,
.page-author__avatar:not(.is-empty) .page-author__avatar-fallback {
	display: none;
}

.page-author__avatar.is-empty .page-author__avatar-fallback {
	display: block;
}

.page-author__info {
	min-width: 0;
	flex: 1 1 auto;
}

.page-author__label {
	margin-bottom: 2px;
}

.page-author__name {
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--tt);
	text-decoration: none;
	word-break: break-word;
}

.page-author__name:hover {
	color: var(--accent);
}

.page-author__meta {
	margin-top: 4px;
	line-height: 1.3;
}

.page-author__profile-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--bdc);
	color: var(--tt-fade);
	text-decoration: none;
	transition: color 0.15s ease;
}

.page-author__profile-link:hover {
	color: var(--accent);
}

.page-author__profile-link .fal {
	font-size: 11px;
}

.page__header {position: relative; isolation: isolate;}
.page__bg {position: absolute; width: 80%; bottom: 0; right: 0; top: -40px; z-index: -1; overflow: hidden;}
.page__bg img {opacity: 0.5; filter: blur(10px) grayscale(0.5);}
.page__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));} 

.page__subtitle {text-align: center; font-size: 18px; margin-bottom: 25px; font-weight: 500;}
.page__text {margin-top: -8px;}
.page__scr ul {display: grid; gap: 15px; grid-template-columns: repeat(4,1fr); margin-bottom: 20px;}
.page__scr a, .page__scr img {display: block; height: auto; width: 100%; border-radius: 6px; aspect-ratio: 300 / 200;}
.page__scr img {object-fit: cover;}

.page__player {position: relative;}
.tabs-block__select {gap: 10px; margin-bottom: 10px;}
.tabs-block__select button {background-color: var(--bg-darker); color: var(--tt-fade);}
.tabs-block__select button.is-active, .tabs-block__select button:hover {background: var(--accent); color: #fff;}
.page__complaint a {position: absolute; right: 0; top: 0; display: flex; align-items: center; height: 40px; 
	gap: 10px; color: var(--ui-red);}
.nl .page__player-controls + .tabs-block__content {display: block;}
.page__add-to-list-list {overflow: hidden; display: none; box-shadow: var(--bsh);
	position: absolute; top: 100%; right: 0; min-width: 100%; background-color: var(--bg); border-radius: 10px;}
.page__add-to-list-list button + button {border-top: 1px solid var(--bdc);}
.page__add-to-list-list button {border-radius: 0; background: none; color: var(--tt); 
	width: 100%; justify-content: flex-end; font-size: 12px; display: flex;}
.page__add-to-list-list button.is-active {background-color: var(--accent); color: #fff;}
.page__lists-btn.is-active {background-color: var(--bg-btn-hover); color: #fff;}
.page__add-to-list-list button.d-none {display: none;}

.page__tooltip {cursor: pointer; font-size: 24px; color: var(--tt-fade); height: 40px;}
.page__tooltip-info {position: absolute; left: 50%; top: 100%; transform: translate(-50%,30px); z-index: 100;
	background-color: var(--bg-darker); box-shadow: var(--bsh); color: var(--tt);
	border-radius: 6px; font-size: 14px; width: 400px; visibility: hidden; opacity: 0;}
.page__tooltip-info::before {content: ''; border: 10px solid transparent; border-bottom-color: var(--bg-darkest); 
	position: absolute; left: 50%; bottom: 100%; transform: translate(-50%);}
.page__tooltip-info-header {background-color: var(--bg-darkest); padding: 15px 20px; 
	font-weight: 500; font-size: 18px; color: var(--tt); border-radius: 6px 6px 0 0;}
.page__tooltip-info-content {padding: 20px;}
.page__rating-list-item-count, .page__rating-list-item-value {width: 50px;}
.page__rating-list-item-bar {border: 0px solid var(--accent); background-color: var(--bg); 
	height: 20px; position: relative; border-radius: 2px;}
.page__rating-list-item-bar-progress {position: absolute; left: 0; top: 0; height: 100%; min-width: 35px; 
	background-color: var(--accent); color: #fff; padding-right: 5px; border-radius: 2px;}
.page__tooltip.is-active::before {color: var(--accent);}
.page__tooltip.is-active .page__tooltip-info {visibility: visible; opacity: 1; transform: translate(-50%,0px);}
.page__list-info {justify-self: center; color: var(--tt); cursor: pointer;}
.page__list-info .page__tooltip {font-size: 18px; height: auto;}
.page__list-info .page__rating-list-item-value {width: 100px; font-size: 12px;}

.notify-18 {background-color: var(--bg); position: fixed; inset: 0; z-index: 9999;}
.notify-18__block {margin: 0 auto; max-width: 600px; overflow-y: auto; padding: 40px 20px; text-align: center; min-height: 100vh;}
.notify-18__block > * {flex-shrink: 0;}
.notify-18__icon {width: 100px; font-size: 34px; font-weight: 700; background: var(--ui-red); color: #fff;}
.notify-18__title {font-size: 34px; font-weight: 700;}
.notify-18__text {color: var(--tt-fade-0);}
.notify-18__btn {height: 60px; padding: 0 30px;}


/* 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; color: var(--tt-fade-0);}
.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: 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 {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: 30px;}
.page__comments-title {font-size: 24px; margin-bottom: 20px;}
.page__comments-info {color: var(--tt-fade); display: block; margin: 10px 0 20px; font-size: 14px; padding-left: 23px; position: relative;}
.page__comments-info::before {color: var(--ui-red); position: absolute; left: 0; top: 2px;}
.ac-form {margin-bottom: 30px; position: relative;}
.ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 60px;}
.ac-form__bottom {gap: 25px;}
.confidential-check {font-size: 14px;}
.ac-form__header > span {margin-left: 15px;}
.ac-form .comments_subscribe {margin-top: 0px;}

.ac-toggle.ac-form {cursor: pointer;}
.ac-form__header input, .ac-form__editor textarea {border-radius: 0; background-color: var(--bg-darker);}
.ac-toggle, .ac-toggle .ac-form__editor {position: relative;}
.ac-toggle .ac-form__bottom button {position: absolute; bottom: 20px; right: 10px; z-index: 10; pointer-events: none;}
.ac-form .bb-btn {display: none;}
.ac-form .bb-pane {background: none; box-shadow: none; border: 0; position: absolute; left: 0; bottom: 0; right: 0;}
.ac-form #b_emo, .ac-form #b_leech, .ac-form #b_quote, .ac-form #b_spoiler, 
.ac-form #b_b, .ac-form #b_u, .ac-form #b_s, .ac-form #b_color, .ac-form #b_hide {display: grid;}
.ac-toggle .bb-btn {pointer-events: none;}
.ac-toggle .ac-form__editor .bb-editor textarea {height: 120px; resize: none;}
.ac-form__editor .bb-editor textarea {height: 200px; 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; align-items: center; flex-wrap: wrap; gap: 10px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -28px 0 0; border-radius: 0; box-shadow: none; min-width: 60%;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}

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

.comm {margin-bottom: 25px; position: relative;}
.comm__img {width: 40px; height: 40px; border-radius: 50%;}
.comm__letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit;
	position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: 500;}
.comm__author, .comm__author a {color: var(--tt); font-weight: 500; font-size: 14px;}
.comm__date {color: var(--tt-fade); font-size: 12px; margin-top: 3px;}
.comm__action {gap: 20px; font-size: 12px;} 
.comm__main {margin: 10px 0;}
.comm__action li, .comm__action li a {color: var(--tt-fade); cursor: pointer; gap: 8px; display: flex; align-items: center;}
.comm__ctrl, .comm__ctrl a {font-size: 15px; gap: 10px 15px; color: var(--tt-fade);}
.comm__rating {gap: 10px; font-size: 12px;}
.comm__rating > * {display: flex; gap: 5px; height: 30px; border-radius: 15px; align-items: center; 
	background-color: var(--bg-darker); color: var(--tt-fade); font-size: 12px; padding: 0 15px;}
.comm__rating > * .fal {font-size: 14px;}


/* LOGIN
----------------------------------------------- */
.login {
	position: fixed;
	z-index: 999;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 400px;
	max-width: calc(100vw - 40px);
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	border-radius: 12px;
	}
.login__header {color: #fff;padding: 24px 30px;font-size: 18px;background: var(--bg);border-top-left-radius: 12px;border-top-right-radius: 12px;font-weight: var(--ui-fw-bolder);}
.login__title {font-size: 18px;line-height: 1.2;}
.login__close {font-size: 23px;padding: 0;width: 40px;height: 40px;color: #fff;flex-shrink: 0;}
.login__content {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 20px 30px 26px;
	position: relative;
	background-color: var(--bg);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	}

/* progressive login form */
.login-form {width: 100%;}
.login-social {margin-bottom: 4px;}
.login-social__label {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: var(--tt-fade);
	margin-bottom: 10px;
	text-align: center;
}
.login-social__btns {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.login-social__provider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
	color: var(--tt);
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	transition: border-color 0.15s, background 0.15s, color 0.15s, min-height 0.25s, padding 0.25s, opacity 0.25s;
	cursor: pointer;
}
.login-social__provider:hover {
	border-color: rgba(178, 222, 67, 0.45);
	background: rgba(255, 255, 255, 0.07);
	color: var(--tt);
}
.login-social__provider .fa-brands {font-size: 18px;flex-shrink: 0;line-height: 1;}
.login-social__provider--google .fa-brands {color: #4285f4;}
.login-social__provider--yandex .fa-brands {color: #fc3f1d;}
.login-social__provider--telegram .fa-brands {color: #2aabee;}
.login-social__provider span {white-space: nowrap;}
.login-social:not(:has(a)) {display: none;}
.login-social:not(:has(a)) + .login-form__divider {display: none;}

.login-form__divider {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--tt-fade);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 16px 0;
}
.login-form__divider::before,
.login-form__divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background: rgba(255, 255, 255, 0.08);
}

.login-form__toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
	color: var(--tt);
	font-size: 13px;
	font-weight: 500;
	font-family: inherit;
	cursor: pointer;
	transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.login-form__toggle:hover {
	border-color: rgba(178, 222, 67, 0.45);
	background: rgba(255, 255, 255, 0.07);
}
.login-form__toggle .fal {opacity: 0.55;font-size: 14px;}

.login-form__extra[hidden] {display: none;}
.login-form__extra {margin-top: 14px;}
.login-form.is-expanded .login-form__extra {animation: loginReveal 0.35s ease;}
@keyframes loginReveal {
	from {opacity: 0;transform: translateY(-8px);}
	to {opacity: 1;transform: translateY(0);}
}

.login-form.is-expanded .login-form__divider {display: none;}
.login-form.is-expanded .login-form__toggle {display: none;}
.login-form.is-expanded .login-social {
	margin-bottom: 2px;
	opacity: 0.55;
	transition: opacity 0.25s ease, margin 0.25s ease;
}
.login-form.is-expanded .login-social__label {
	font-size: 11px;
	margin-bottom: 6px;
	opacity: 0.75;
}
.login-form.is-expanded .login-social__btns {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 6px;
}
.login-form.is-expanded .login-social__provider {
	flex: 1 1 0;
	min-width: 0;
	min-height: 34px;
	padding: 6px 8px;
	font-size: 11px;
}
.login-form.is-expanded .login-social__provider span {display: none;}
.login-form.is-expanded .login-social__provider .fa-brands {font-size: 16px;}

.login-form__field {margin-bottom: 12px;}
.login-form__field label {
	display: block;
	color: var(--tt-fade);
	font-size: 13px;
	margin-bottom: 6px;
	font-weight: 500;
}
.login-form__field input {
	width: 100%;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.06);
	color: var(--tt);
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 14px;
	outline: none;
	transition: border-color 0.15s, background 0.15s;
	font-family: inherit;
}
.login-form__field input:focus {
	border-color: rgba(178, 222, 67, 0.5);
	background: rgba(255, 255, 255, 0.06);
}

.login-form__remember {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 4px 0 16px;
	color: var(--tt-fade);
	font-size: 13px;
	cursor: pointer;
	user-select: none;
}
.login-form__remember input {
	appearance: none;
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	cursor: pointer;
	flex-shrink: 0;
	position: relative;
	transition: all 0.15s;
}
.login-form__remember input:checked {
	background: var(--accent);
	border-color: var(--accent);
}
.login-form__remember input:checked::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 1px;
	width: 5px;
	height: 9px;
	border: solid var(--bg);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.login-form__submit {
	width: 100%;
	background: var(--accent);
	border: none;
	color: var(--bg);
	padding: 12px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s, transform 0.1s;
	font-family: inherit;
}
.login-form__submit:hover {background: #c4eb55;}
.login-form__submit:active {transform: scale(0.99);}

.login-form__footer {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	text-align: center;
}
.login-form__register {
	color: var(--tt-fade);
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 8px;
}
.login-form__register a {
	color: var(--accent);
	text-decoration: none;
}
.login-form__register a:hover {text-decoration: underline;}
.login-form__lost {
	display: inline-block;
	color: var(--tt-fade);
	font-size: 13px;
	text-decoration: none;
}
.login-form__lost:hover {
	color: var(--accent);
	text-decoration: underline;
}
.header__login-panel {position: absolute; right: 0; top: 100%; width: 240px; padding-bottom: 10px;
	background-color: var(--bg); box-shadow: var(--ui-bsh); border-radius: var(--bdrs); margin-top: 15px;}
.header__login-header {padding: 20px; color: var(--tt); font-weight: 700; gap: 20px; border-bottom: 1px solid var(--bdc);
	background-color: var(--ui-bg-darker); margin-bottom: 10px; border-radius: 6px 6px 0 0;}
.header__login-avatar {width: 40px; height: 40px; border-radius: 50%;}
.header__login-group span {font-size: 12px; font-weight: 400; margin-top: 2px; 
	display: block; color: var(--ui-tt-fade) !important;}
.header__login-menu {
	position: absolute;
	right: 0;
	top: 45px;
	width: 260px;
	--tt: #000;
	color: #000;
	background-color: var(--bg-black);
	padding: 10px;
	display: none;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	}
.header__login-menu span {margin-left: auto; font-size: 12px; opacity: 0.6;}
.header__ava {width: 40px;height: 40px;cursor: pointer;}
.header__btn1 {font-size: 18px; position: relative;}
.header__btn1 span {position: absolute; right: 0; top: 0; padding: 1px 3px; font-size: 10px; border-radius: 6px; 
	background-color: var(--accent); color: #fff; display: inline-block; text-align: center; min-width: 20px;}
.c-0 span {display: none;}
.dt .js-theme::before {content:"\f186";}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {
	position: fixed;
	z-index: 998;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-color: #000;
	cursor: pointer;
	display: none;
	}
.mobile-menu {width: min(320px, calc(100vw - 48px)); height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%; touch-action: none;}
.mobile-menu__header {
	padding: 12px 16px;
	gap: 12px;
	background-color: var(--bg-darker);
	border-bottom: 1px solid var(--sidebar-bdc, var(--bdc));
	flex-shrink: 0;
}
.mobile-menu__logo {
	min-width: 0 !important;
	margin: 0 !important;
}
.mobile-menu__logo img {
	display: block;
	max-height: 36px;
	width: auto;
}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -8px; flex-shrink: 0;}
.mobile-menu__content {padding: 12px 16px 24px;}
.mobile-menu__content .header__logo {display: none !important;}
.mobile-menu__content .sidebar__rail,
.mobile-menu__content .sidebar__sticky {position: static; min-height: 0; padding: 0; width: 100%;}
.mobile-menu__content .sidebar__rail-main {width: 100%;}
.mobile-menu__content .sb-menu--rail > li > a {
	width: auto;
	height: 44px;
	margin: 0 -10px;
	padding: 0 12px;
	justify-content: flex-start;
	overflow: visible;
	border-radius: 10px;
}
.mobile-menu__content .sb-menu--rail > li.is-active > a,
.mobile-menu__content .sb-menu--rail > li > a.is-active {
	background: rgba(178, 222, 67, 0.12);
	color: var(--accent);
}
.mobile-menu__content .mega-menu a {
	width: auto;
	height: auto;
	overflow: visible;
}
.mobile-menu__content .sb-menu--rail .sb-menu__label {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
	white-space: normal;
}
.mobile-menu__content .mega-menu {
	position: static;
	left: auto;
	top: auto;
	width: 100%;
	min-width: 0;
	max-width: none;
	min-height: 0;
	margin: 6px 0 0;
	padding: 12px;
	display: none;
	grid-template-columns: 1fr;
	gap: 12px;
	border-radius: 10px;
	background: var(--bg-darker);
	border: 1px solid var(--bdc);
	box-sizing: border-box;
}
.mobile-menu__content .mega-menu.active {display: block;}
.mobile-menu__content .menu-categories {
	border-bottom: 1px solid var(--bdc);
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.mobile-menu__content .menu-articles {display: none;}
.mobile-menu__content li.is-mega-open > a.fal.fa-bars {
	background: rgba(178, 222, 67, 0.12);
	color: var(--accent);
}
.mobile-menu__content .sidebar__rail-foot {display: none;}
.mobile-menu__content .sb-menu__hidden {border-radius: 0; box-shadow: none; margin: 10px -30px; background: var(--bg-darker);
	font-size: 12px; padding: 10px 20px; position: static; display: grid; width: calc(100% + 60px);}

/* MOBILE BOTTOM RAIL */
.mobile-rail {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 900;
	height: auto;
	min-height: 60px;
	max-height: 90px;
	padding: 0 8px;
	padding-bottom: env(safe-area-inset-bottom, 0);
	background-color: var(--sidebar-bg);
	border-top: 1px solid var(--sidebar-bdc);
	box-shadow: 0 -4px 24px rgba(0,0,0,0.35);
	}
.mobile-rail__item {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	min-width: 0;
	padding: 6px 4px;
	border-radius: 10px;
	color: var(--sidebar-icon);
	background: none;
	font-size: 18px;
	cursor: pointer;
	height: auto;
	}
.mobile-rail__item span {
	font-size: 10px;
	line-height: 1.2;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.mobile-rail__item.is-active,
.mobile-rail__item:hover {
	color: var(--sidebar-icon-active);
	}
.mobile-rail__item.is-active {
	color: var(--accent);
	}

@media screen and (min-width: 1220px) {
	.wrapper.wrapper--all {overflow: visible;}
	.sidebar {
		position: fixed;
		left: 0;
		top: var(--header-h);
		bottom: 0;
		width: var(--sidebar-w);
		height: auto;
		}
	.sidebar__rail {
		position: relative;
		top: 0px;
		height: 100%;
		min-height: 100%;
		}
	.wrapper__container--main {
		margin-left: var(--sidebar-w);
		width: calc(100% - var(--sidebar-w));
		max-width: none;
		display: flex;
		justify-content: center;
		box-sizing: border-box;
		}
	.wrapper__container--main > .content {
		width: 100%;
		max-width: var(--max-width);
		min-width: 0;
		}
	.wrapper--all > .footer {
		margin-left: var(--sidebar-w);
		width: calc(100% - var(--sidebar-w));
		max-width: none;
		display: flex;
		justify-content: center;
		box-sizing: border-box;
		}
	.col2 .content, .col2 .footer {--indent: 40px;--indent-negative: -40px;}
	.col2 .item-slider {height: 500px;}
	.has-branding .wrapper__container--main > .content {max-width: 1200px;}
	.has-branding .footer__inner {max-width: 1200px;}
	.has-branding .content, .has-branding .footer { --indent: 20px; --indent-negative: -20px}
	.has-branding.col2 .content, .has-branding.col2 .footer { --indent: 80px; --indent-negative: -80px}
	.has-branding .search-block {width: 500px;}
	.sb-menu--rail > li:has(.mega-menu) {
		position: relative;
		}
	.mega-menu {
		position: fixed;
		left: var(--sidebar-w);
		top: calc(var(--header-h) + 56px);
		width: min(920px, calc(100vw - var(--sidebar-w) - 24px));
		max-width: calc(100vw - var(--sidebar-w) - 24px);
		min-width: 0;
		grid-template-columns: 200px minmax(320px, 1fr) 280px;
		box-sizing: border-box;
		}
	.mobile-menu__content .mega-menu {
		position: static;
		left: auto;
		top: auto;
		width: 100%;
		min-width: 0;
		max-width: none;
		margin: 10px 0;
		grid-template-columns: 200px 1fr 280px;
		}
}

@media screen and (max-width: 1219px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	.wrapper__container {max-width:1000px; display: block;}
	.wrapper__container--main {
		width: 100%;
		display: block;
		}
	.wrapper--all > .footer {
		margin-left: 0;
		width: 100%;
		}
	.header__inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px;
		padding-left: var(--indent);
		}
	.header__logo,
	.header__search,
	.header__inner > .header__login,
	.header__inner > .header__btns {
		grid-column: auto;
		justify-self: stretch;
		}
	.sidebar, .header__btn:not(.header__btn-menu), .header__login a {display: none;}
	.header__btn-menu {margin: 0;}
	.mobile-rail {display: flex;}
	body {padding-bottom: calc(60px + env(safe-area-inset-bottom, 0));}
	.scrolltop.is-active {bottom: calc(70px + env(safe-area-inset-bottom, 0));}
	.header__search {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	.logo {min-width: 0;}
	.carou-6:not(.owl-carousel) > .item {width: calc((100% - 100px)/6);}
	.carou-4:not(.owl-carousel) > .item {width: calc((100% - 60px)/4);}

	.scrolltop.is-active {right: 45%;opacity: 1;}

	.page__main {gap: 20px;}
	.page__watch {margin-right: 10px;}
	.page__rates {position: static; width: 100%; justify-content: center; padding-top: 10px;}
	.page__trl {flex-grow: 1;}
}

@media screen and (max-width: 950px) {
	.wrapper__container {max-width:768px;}
	.carou-6:not(.owl-carousel) > .item {width: calc((100% - 80px)/5);}
	.carou-4:not(.owl-carousel) > .item {width: calc((100% - 40px)/3);}
	.footer__inner {
		grid-template-columns: 1fr 1fr;
		}
	.footer__brand {
		grid-column: 1 / -1;
		}
	.scroll-items-1000 {display: flex; gap: 20px; overflow-x: auto;}
	.scroll-items-1000 > .item-top {flex-shrink: 0; width: 105px;}
	.scroll-items-1000 > .item-hot {flex-shrink: 0; width: 260px;}

	.scrolltop.is-active {right: 42%;opacity: 1;}

	.pagination {gap: 10px;}
	.pagination__btn-loader a, .pagination__btn-loader span {width: 100%;}
	.pagination > a, .pagination > span {flex-grow: 1; order: 10;}
	.pagination__pages, .pagination__btns {min-width: 100%;}
	.pagination__pages a, .pagination__pages span, .pagination__btns > * {flex-grow: 1;}
	
	.page__header {grid-template-columns: minmax(0,1fr); gap: 20px 20px; 
		grid-template-areas: "pheader" "pposter" "pinfo";}
	.page__layout,
	.page__header--story {grid-template-columns: minmax(0, 1fr); gap: 20px;}
	.page__bg {width: 100%; height: 500px; top: 100px;}
	.page__titles, .page__poster {align-self: center; text-align: center;}
	.page__poster {margin: 0 auto;}
	.page__meta, .page__ratings {justify-content: center; gap: 10px 20px;}
	.page__share {margin: 0;}

	.page__related:not(.owl-carousel) > .rels {width: calc((100% - 60px)/4);}
}

@media screen and (max-width: 760px) {
	.wrapper__container {max-width:640px;}
	.login__header {padding: 20px 20px 18px; font-size: 16px;}
	.login__content {padding: 16px 20px 22px;}
	.login-social__provider {min-height: 46px;}
	.login-form.is-expanded .login-social__provider {min-height: 34px;}
	.carou-6:not(.owl-carousel) > .item {width: calc((100% - 40px)/3);}
	.carou-4:not(.owl-carousel) > .item {width: calc((100% - 20px)/2);}

	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 50px;}
	.header__search {min-width: 100%; order: 10;}
	.item-slider {text-align: center; justify-content: flex-end;}
	.item-slider__desc {align-items: center; margin: 0;}
	.item-slider .item__meta {justify-content: center;}
	.item-slider__btns > * {flex-grow: 1;}

	.page__complaint {display: none !important;}
	.tabs-block__select button {flex-grow: 1;}
	.wrapper__container--main {overflow: hidden;overflow: clip;}
	.page__bg {width: 200%; height: 600px; right: 50%; bottom: auto; top: -40px; transform: translateX(50%);}
	.page__tech {font-size: 12px;}
	.page__tech li {min-height: 12px; padding-left: 120px;}
	
	.ac-form__bottom {gap: 10px;}
	.ac-form__bottom button {padding: 0 20px; width: 100%;}
	.ac-form__header input + input {min-width: 100%; order: 10;}
	.ac-form__header > span, .comm__rating::before {display: none;}
	.ac-form #b_color {display: none;}
	.ac-toggle .ac-form__bottom button {position: static; width: 100%;}
	.comm__img {width: 40px; height: 40px;}
	.comm__ctrl {justify-content: flex-start; min-width: 100%; margin-top: 10px;}
}

@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px;}
	.footer__inner {
		grid-template-columns: 1fr;
		gap: 24px;
		}
	.footer__btm {
		flex-direction: column;
		align-items: flex-start;
		}
	.header__login button {height: 40px; border-radius: 20px; padding: 0 20px;}
	.carou-4:not(.owl-carousel) > .item {width: calc((100% - 0px)/1);}
	.sect__header:has(.sorter) .sect__title {min-width: 100%;}
	.page__list-info, .page__lists {order: 11;}
	.page__share {width: 100%;}
	.page__lists {margin-right: auto;}
	.page__tooltip-info {left: auto; right: 0; transform: translate(0%,30px); width: calc(100vw - 40px);}
	.page__tooltip.is-active .page__tooltip-info {transform: translate(0%,0px);}
	.page__tooltip-info::before {display: none;}
}

@media screen and (max-width: 470px) {
	.wrapper__container123 {max-width:360px;}
	.carou-6:not(.owl-carousel) > .item {width: calc((100% - 20px)/2);}
	.header__btn1:first-child {display: none;}

	.scrolltop.is-active {right: 36%;opacity: 1;}
	
	.page__lists {order: 10;}
	.page__scr ul {grid-template-columns: repeat(2,1fr);}
	.sect__title {line-height: 1.3;}
	.ac-form__bottom .comments_subscribe {font-size: 13px;}
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}

@media screen and (max-width: 321px) {
	.scrolltop.is-active {right: 32%;opacity: 1;}
}


/**
 * 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);border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.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-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-animated-in {z-index: 0;}
.owl-animated-out {z-index: 1;}
.moveIn {animation-name: moveIn;}
@keyframes moveIn {from {transform: translateX(100%)} to {transform: translateX(0%)}}
.fadeOut {animation-name: fadeOut;}
.fadeIn {animation-name: fadeIn;}
@keyframes fadeOut { from {opacity: 1;} to {opacity: 0;} }
@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
.scaleIn {animation-name: scaleIn;}
.scaleOut {animation-name: scaleOut;}
@keyframes scaleIn { from {opacity: 0; transform: scale(0.66,0.66); transform-origin: center top;} to {opacity: 1; transform: scale(1,1); transform-origin: center top;} }
@keyframes scaleOut { from {opacity: 1; transform: scale(1,1);} to {opacity: 0; transform: scale(0.66,0.66);} }
.slideOutDown {animation-name: slideOutDown;}
.slideInDown {animation-name: slideInDown;}
@keyframes slideOutDown { from {transform: translate3d(0, 0, 0);} to {visibility: hidden; transform: translate3d(0, 100%, 0);} }
@keyframes slideInDown { from {transform: translate3d(0, -100%, 0); visibility: visible;} to {transform: translate3d(0, 0, 0);} }
.rollOut {animation-name: rollOut;}
@keyframes rollOut { from {opacity: 1;} to {opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} }
.owl-nav {position: absolute; right: 0; left: 0; top: 50%; margin-top: -60px;}
.owl-prev, .owl-next {
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: grid;
	place-items: center;
	font-size: 18px;
	background-color: var(--accent);
	color: var(--bg);
	box-shadow: var(--bsh);
	position: absolute;
	top: 0;
	border-radius: 50%;
	}
.owl-prev {left: -20px;}
.owl-next {right: -20px;}
.owl-prev:hover, .owl-next:hover {background-color: #c7f947;color: var(--bg);}
.owl-dots {display: flex; gap: 10px; justify-content: center; 
	position: absolute; left: var(--indent); right: var(--indent); bottom: 10px;}
.owl-dot {display: block; width: 50px; height: 6px; border-radius: 3px; cursor: pointer; 
	background-color: rgba(71, 75, 78, 0.6); backdrop-filter: blur(15px);}
.owl-dot.active, .owl-dot:hover {background-color: var(--accent);}
#broadcasts .owl-nav {margin-top: -40px;}
#collections .owl-nav {margin-top: -40px;}
#bslider .owl-nav {left: auto; right: var(--indent); margin-top: -61px; 
	display: flex; flex-direction: column; gap: 15px;}
#bslider .owl-nav button {position: static; width: 54px; height: 54px; font-size: 18px; backdrop-filter: blur(15px);}
#bslider .owl-nav button:not(:hover) {background-color: rgba(71, 75, 78, 0.6); color: #fff;}
@media screen and (max-width: 760px) {
	#bslider .owl-nav {display: none;}
	.owl-dot {flex-grow: 1;}

}

.filter-block {margin-bottom: 30px;}
.filter-block__form {display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); grid-gap: 10px 10px;}
.filter-block__cell--full-width {grid-column: 1 / -1;}
.filter-block__cell-caption {margin-bottom: 10px;}
.filter-block__cell-content > * {width: 100%; display: block;}
.filter-block__cell-content--two-columns {display: flex; justify-content: space-between;}
.filter-block__cell-content--two-columns > * {width: calc((100% - 10px)/2) !important;}
.filter-block__cell-content select, .filter-block__cell-content input[type="text"], 
.filter-block__cell-content--check-group {height: 36px; line-height: 34px; background-position: right 8px top 50%;
	background-color: var(--bg-darker); color: var(--tt); border: 1px solid var(--bdc); border-radius: 4px; 
	box-shadow: none; font-size: 14px;  padding: 0 7px; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.filter-block__cell-content select {padding: 0 20px 0 4px;}
.filter-block__cell-content input[type="text"]::placeholder {opacity: 1; color: var(--tt); font-size: 14px;}
.filter-block__cell-content input[type="text"]:focus::placeholder {opacity: 0;}
.filter-block__cell-content label {position: relative; padding-left: 50px; cursor: pointer; 
	height: 36px; display: flex; flex-direction: column; justify-content: center; font-size: 14px;}
.filter-block__cell-content label input {display: inline-block; appearance: none; -webkit-appearance: none;
	height: 20px; width: 40px; border-radius: 10px; background-color: var(--bg-darker); cursor: pointer; transition: all .2s linear; 
	box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); position: absolute; left: 0; top: 50%; margin-top: -10px;}
.filter-block__cell-content label input::before {content: ''; width: 18px; height: 18px; border-radius: 10px; 
	position: absolute; left: 1px; top: 1px; background-color: var(--bg); transition: all .2s linear;}
.filter-block__cell-content label input:checked {background-color: #6ab04c;}
.filter-block__cell-content label input:checked::before {left: 21px;}
.filter-block__cell-content input[type="button"], .filter-block__cell-content button {cursor: pointer; 
	height: 36px; display: inline-flex; justify-content: center; padding: 0 10px; box-shadow: none; border-radius: 4px;}
.filter-block__cell-content input[type="button"][data-dlefilter="reset"],
.filter-block__cell-content input[type="button"][data-ga-filter="reset"] {background: var(--bg-darker); color: var(--tt);}
.filter-block__cell-content--check-group label {padding: 0; text-align: center; white-space: nowrap; 
	flex: 1 1 0; min-width: 30px; max-width: 100%; background: var(--bg);}
.filter-block__cell-content--check-group label input {position: absolute; left: 0; top: 0; 
	width: 100%; height: 100%; opacity: 0; z-index: 5;}
.filter-block__cell-content--check-group {display: flex; justify-content: center; overflow: hidden; padding: 0;}
.filter-block__cell-content--check-group label + label {border-left: 1px solid var(--bg-darker);}
.filter-block__cell-content--check-group label div {height: 36px; font-size: 13px;}
.filter-block__cell-content--check-group label input:checked + div {background-color: var(--bg-darker); color: var(--tt);}

/* GETASSET FILTER (category pages)
----------------------------------------------- */
.sect__header--cat {margin-bottom: 10px;}
.sect__header-actions {flex-shrink: 0;}
.ga-filter--compact {margin: 0 0 14px;}
.ga-filter__notice {
	margin-bottom: 8px;
	padding: 8px 10px;
	border-radius: var(--ui-elem-bdrs);
	border: 1px solid rgba(235,77,75,.35);
	background: rgba(235,77,75,.08);
	color: var(--tt);
	font-size: 12px;
	line-height: 1.4;
}

.ga-filter__notice--results,
.ga-filter__notice--sidebar {
	margin: 10px 0 0;
	width: 100%;
}

.ga-filter__notice--warning {
	border-color: rgba(245, 166, 35, .45);
	background: rgba(245, 166, 35, .1);
}

.ga-filter__notice--error {
	border-color: rgba(235,77,75,.35);
	background: rgba(235,77,75,.08);
}

.ga-filter__notice-reset {
	appearance: none;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	color: var(--accent);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	height: auto;
}

.ga-filter__notice-reset:hover {
	color: var(--tt);
	background: none;
}
.ga-filter__bar {
	border-radius: var(--ui-elem-bdrs);
	border: 1px solid rgb(41 41 41);
	background: #1e1e1e;
	padding: 8px;
}
.ga-filter__bar-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 8px;
}
.ga-filter__cell {
	flex: 1 1 140px;
	min-width: 0;
}
.ga-filter__cell--subcat {flex: 1.2 1 180px;}
.ga-filter__cell--group {flex: 1.5 1 220px;}
.ga-filter__cell--actions {
	flex: 0 1 auto;
	display: flex;
	align-items: stretch;
	gap: 6px;
}
.ga-filter__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.ga-filter__label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.ga-filter__select {
	width: 100%;
	height: 36px;
	padding: 0 24px 0 10px;
	border-radius: 4px;
	border: 1px solid rgb(41 41 41);
	background: #222222 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23aaa' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") no-repeat right 10px center;
	color: var(--tt);
	font-size: 13px;
	line-height: 34px;
	appearance: none;
	-webkit-appearance: none;
}
.ga-filter__select:focus {
	border-color: var(--accent);
	outline: none;
}
.ga-filter__check-group {
	display: flex;
	height: 36px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid rgb(41 41 41);
	background: #222222;
}
.ga-filter__check {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	cursor: pointer;
}
.ga-filter__check + .ga-filter__check {border-left: 1px solid rgb(41 41 41);}
.ga-filter__check input {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}
.ga-filter__check span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 36px;
	padding: 0 8px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	color: var(--tt-fade);
	white-space: nowrap;
	transition: background .2s, color .2s;
}
.ga-filter__check span.fal::before {
	font-size: 11px;
	color: var(--accent);
}
.ga-filter__check:hover span {color: var(--tt);}
.ga-filter__check input:checked + span {
	background: var(--bg-darker);
	color: var(--tt);
}
.ga-filter__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 36px;
	min-width: 36px;
	padding: 0 12px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}
.ga-filter__btn--apply {min-width: 56px;}
.ga-filter__btn--reset,
.ga-filter__btn--all {
	border: 1px solid rgb(41 41 41);
	background: #222222 !important;
	color: var(--tt) !important;
	text-decoration: none;
}
.ga-filter__btn--reset {padding: 0 10px;}
.ga-filter__btn--all {padding: 0 12px;}
.ga-filter__btn--reset:hover,
.ga-filter__btn--all:hover {
	border-color: rgba(255,255,255,.14);
	color: var(--accent) !important;
}
@media screen and (max-width: 1100px) {
	.ga-filter__cell--group {flex: 1 1 calc(50% - 4px);}
	.ga-filter__cell--actions {flex: 1 1 100%; justify-content: flex-start;}
}
@media screen and (max-width: 760px) {
	.sect__header--cat .sect__title {min-width: 100%;}
	.sect__header-actions {width: 100%; justify-content: space-between;}
	.ga-filter__cell,
	.ga-filter__cell--subcat,
	.ga-filter__cell--group {flex: 1 1 100%;}
	.ga-filter__btn-text {display: none;}
	.ga-filter__btn--all {padding: 0 10px;}
}
.logo-wrapper {
  font-family: 'Press Start 2P', system-ui;
    font-size: 21px;
    color: #fff;
    letter-spacing: 2px;
}

.cursor {
    color: var(--accent);
    font-weight: normal;
    transition: opacity 0.2s;
}

.blink {
    animation: blink-animation 0.8s steps(2, start) infinite;
}

@keyframes blink-animation {
    to { opacity: 0; }
}
.menu-trigger {
    background: none;
    border: none;
    color: #e5e5e5;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
  }
/* МЕГА МЕНЮ */
  .mega-menu {
    position: absolute;
    top: calc(100% - 110px);
    left: calc(100% + 10px);
    width: min(920px, calc(100vw - var(--sidebar-w, 72px) - 24px));
    max-width: calc(100vw - var(--sidebar-w, 72px) - 24px);
    min-width: 0;
    background: var(--bg-black);
    padding: 20px;
    display: none;
    grid-template-columns: 200px minmax(320px, 1fr) 280px;
    gap: 40px;
    z-index: 200;
    min-height: 360px;
    box-sizing: border-box;
    border-bottom-right-radius: 12px;
    }
  .sb-menu--rail > li:has(.mega-menu) {
    position: relative;
    }

  .mega-menu.active { display: grid; }

  /* Сброс стилей сайдбара / links-inside-flex для ссылок внутри мега-меню */
  .sb-menu--rail.links-inside-flex .mega-menu a {
	width: auto;
	height: 40px;
	min-height: 0;
	margin: 0;
	padding: inherit;
	overflow: visible;
	border-radius: inherit;
	gap: inherit;
	position: static;
	justify-content: space-between;
	display: flex;
	padding: 7px 12px;
	border-radius: 10px;
	}
  .sb-menu--rail.links-inside-flex .mega-menu a::before {
	width: auto !important;
	font-size: inherit;
	}
  .sb-menu--rail.links-inside-flex .mega-menu .link-group a {
	display: block;
	height: auto;
	padding: 7px 0px;
	}
  .sb-menu--rail.links-inside-flex .mega-menu .article-card {
	display: block;
	height: auto !important;
	padding: 7px 0px;
	}

  /* Левая колонка */
  .menu-categories {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .menu-categories h5 {
    color: #555;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    padding-left: 10px;
  }

  .cat-item {
    text-decoration: none;
    padding: 7px 10px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .cat-item:hover {
    color: var(--bg);
    background: var(--accent);
  }

  .cat-item.active {
    color: var(--bg);
    background: var(--accent);
  }

  .cat-item.active::after {
    content: '🢒';
    color: #555;
    font-size: 16px;
  }

  .cat-divider {
    height: 1px;
    background: #1a1a1a;
    margin: 14px 0;
  }

  /* ДИНАМИЧЕСКИЕ ПАНЕЛИ */
  .menu-content {
    display: contents; /* для grid - дети будут как сетка */
  }

  .content-panel {
    display: none;
    grid-column: 2 / 4;
    grid-template-columns: minmax(280px, 1fr) 280px;
    gap: 30px;
    min-width: 0;
  }

  .content-panel.active {
    display: grid;
    animation: fadeIn 0.15s ease;
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  /* Центральная часть панели */
  .menu-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: 50px;
    align-content: start;
    min-width: 0;
  }

  .link-group h4 {
    color: #555;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
  }

  .link-group a {
    display: block;
    color: #999;
    text-decoration: none;
    padding: 5px 0;
    font-size: 14px;
    transition: color 0.15s;
  }

  .link-group a:hover { color: #fff; }

  /* Правая часть панели - Статьи */
  .menu-articles h4 {
    color: #555;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .menu-articles h4 a {
    color: #555;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
    transition: color 0.15s;
    height: auto;
  }

  .menu-articles h4 a:hover { color: #fff; }

  .article-card {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    color: inherit;
    border-top: 1px solid #1a1a1a;
    transition: opacity 0.15s;
    height: 50px !important;
  }

  .article-card:first-of-type { border-top: none; }
  .article-card:hover .article-title { color: #fff; }

  .article-title {
    color: #ccc;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 4px;
    transition: color 0.15s;
  }

  .article-meta {
    color: #555;
    font-size: 11px;
  }

  /* Пустая панель (для пунктов без контента) */
  .empty-panel {
    color: #555;
    font-size: 13px;
    padding: 20px 0;
  }

  @media (max-width: 900px) {
    .mega-menu {
      position: static;
      left: auto;
      width: 100%;
      min-width: 0;
      max-width: none;
      grid-template-columns: 1fr;
      gap: 24px;
      padding: 20px 16px;
      max-height: 80vh;
      overflow-y: auto;
    }
    .content-panel {
      grid-column: 1;
      grid-template-columns: 1fr;
      gap: 24px;
    }
    .menu-links { grid-template-columns: 1fr; gap: 20px; }
  }
  
  .search-wrapper {
    flex: 1;
    max-width: 500px;
    position: relative;
  }

  .search-input {
    width: 100%;
    background: #141414;
    border: 1px solid #1a1a1a;
    border-radius: 8px;
    padding: 9px 14px 9px 38px;
    color: #e5e5e5;
    outline: none;
    font-size: 13px;
    transition: all 0.2s;
  }

  .search-input::placeholder { color: #555; }
  
  .search-input:focus {
    border-color: #2a2a2a;
    background: #18181b;
  }

  .search-icon {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #555;
    pointer-events: none;
    width: 16px;
    height: 16px;
  }
  
  .search-dropdown {
    position: absolute;
    top: calc(100% + -10px);
    left: 0;
    right: 0;
    background: #303030;
    padding: 14px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
    z-index: 102;
  }

  .search-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .dropdown-label {
    color: #666;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
  }

  .category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .category-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--bdc);
    color: #ccc;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
    text-align: left;
    justify-content: flex-start;
  }

  .category-btn:hover {
    background: var(--accent);
    color: var(--bg);
  }

  .category-btn.active {
  }

  .category-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .overlay {
    position: fixed;
    inset: 0;
    background: rgb(18 18 18 / 70%);
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 100;
    backdrop-filter: blur(10px);
  }

  .overlay.active {
    opacity: 1;
    visibility: visible;
    display:block;
  }

  @media (max-width: 700px) {
    .category-grid { grid-template-columns: repeat(2, 1fr); }
  }
  
/* ADDNEWS — WIZARD (in template style)
----------------------------------------------- */
.ga-wizard__page-title {margin-bottom: 20px;}
.ga-wizard__shell {
	background: var(--bg-black);
	border-radius: 12px;
	padding: 24px;
}
.ga-wizard__progress {
	display: grid;
	grid-template-columns: repeat(var(--progress-cols, 5), minmax(0, 1fr));
	gap: 8px;
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}
.ga-wizard__info {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 20px;
	padding: 12px 14px;
	border-radius: var(--ui-elem-bdrs);
	border: 1px solid rgba(178,222,67,.28);
	background: rgba(178,222,67,.08);
}
.ga-wizard__info-icon {
	flex: none;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: grid;
	place-items: center;
	font-size: 16px;
	color: var(--accent);
	background: rgba(178,222,67,.14);
}
.ga-wizard__info-title {
	font-size: 13px;
	font-weight: 700;
	color: var(--tt);
	margin-bottom: 4px;
}
.ga-wizard__info-text {
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
	color: var(--tt-fade-0, var(--tt-fade));
}
.ga-wizard__info-text strong {
	color: var(--accent);
	font-weight: 700;
}
.ga-wizard__progress-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: var(--tt-fade);
	padding: 10px 12px;
	border-radius: var(--ui-elem-bdrs);
	border: 1px solid rgb(41 41 41);
	background: #1e1e1e;
}
.ga-wizard__progress-item span {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 11px;
	font-weight: 700;
	background: rgb(41 41 41);
	color: var(--tt);
	flex: none;
}
.ga-wizard__progress-item.is-active {
	color: var(--tt);
	border-color: rgba(178,222,67,.45);
	box-shadow: 0 0 0 1px rgba(178,222,67,.12);
}
.ga-wizard__progress-item.is-active span {background: var(--accent); color: #000;}
.ga-wizard__progress-item.is-done {color: var(--tt-fade-0, var(--tt-fade));}
.ga-wizard__progress-item.is-done span {background: rgba(178,222,67,.25); color: var(--accent);}

.ga-wizard__panel-title {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 8px;
	color: var(--tt);
}
.ga-wizard__panel-desc {
	margin: 0 0 18px;
	color: var(--tt-fade);
	font-size: 13px;
	line-height: 1.45;
}
.ga-wizard__fields {display: grid; gap: 16px;}
.ga-wizard__field-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.ga-wizard__field .form__label {display: block; margin-bottom: 8px;}
.ga-wizard__textarea {min-height: 160px; resize: vertical; line-height: 1.45;}
.ga-wizard__hint,
.ga-wizard__note {
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--tt-fade);
}
.ga-wizard__hint--block {margin-top: 0; margin-bottom: 16px;}
.ga-wizard__desc-toggle {margin-bottom: 4px;}
.ga-wizard__note {margin-top: 16px;}
.ga-wizard__error {
	margin-top: 12px;
	font-size: 13px;
	color: var(--ui-red);
}
.ga-wizard__field--captcha {margin-top: 18px;}
.ga-wizard__toggle {
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	font-size: 13px;
	color: var(--tt-fade-0, var(--tt));
	padding: 12px 14px;
	border-radius: var(--ui-elem-bdrs);
	border: 1px solid rgb(41 41 41);
	background: #1e1e1e;
}
.ga-wizard__toggle input {
	flex: none;
	width: 18px;
	height: 18px;
	accent-color: var(--accent);
}
.ga-wizard__field.is-disabled {opacity: .55;}
.ga-wizard__field.is-disabled .form__input {cursor: not-allowed;}
.ga-wizard__checks {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.ga-wizard__check-item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: var(--ui-elem-bdrs);
	border: 1px solid rgb(41 41 41);
	background: #222222;
	font-size: 13px;
	cursor: pointer;
}
.ga-wizard__check-item input {flex: none;}
.ga-wizard__xfield-mount .ga-wizard__xfield-row,
.ga-wizard__xfield-mount .xfieldsrow {
	display: block;
	width: 100%;
}
.ga-wizard__xfield-mount .ga-wizard__xfield-table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
.ga-wizard__xfield-mount .ga-wizard__xfield-table tr,
.ga-wizard__xfield-mount .ga-wizard__xfield-table td {
	display: block;
	width: 100%;
	padding: 0;
}
.ga-wizard__xfield-mount .addnews,
.ga-wizard__xfield-mount .xfieldscolleft {
	display: none;
}
.ga-wizard__xfield-mount .xfieldscolright,
.ga-wizard__xfield-mount td.xfields {
	width: 100%;
	float: none;
	padding: 0;
}
.ga-wizard__xfield-mount select,
.ga-wizard__xfield-mount input[type="text"],
.ga-wizard__xfield-mount textarea {
	width: 100%;
}
.ga-wizard__xfield-mount .xfieldimagegallery {
	margin-bottom: 0;
}
.ga-wizard__xfield-mount .qq-upload-button,
.ga-wizard__xfield-mount input[type="button"],
.ga-wizard__xfield-mount input[type="file"],
.ga-wizard__xfield-mount button,
.ga-wizard__xfield-mount a {
	pointer-events: auto;
	position: relative;
	z-index: 1;
}
#mediaupload {
	z-index: 10050 !important;
}
.ui-dialog[aria-describedby="mediaupload"] {
	z-index: 10051 !important;
}
.ui-widget-overlay {
	z-index: 10049 !important;
}
.ga-wizard__progress-item[hidden],
.ga-wizard__progress-item.d-none {display: none !important;}

.ga-choice-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
.ga-choice-grid--2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.ga-choice-grid--access {grid-template-columns: repeat(2, minmax(0, 1fr));}

.ga-choice {
	height: auto;
	padding: 14px 14px;
	min-height: var(--ui-elem-height);
	background-color: #222222;
	border: 1px solid rgb(41 41 41);
	border-radius: var(--ui-elem-bdrs);
	color: var(--tt);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	white-space: normal;
	text-align: left;
	box-shadow: none;
}
.ga-choice:hover {
	background-color: #252525;
	border-color: rgba(255,255,255,.14);
}
.ga-choice[aria-checked="true"] {
	border-color: var(--accent);
	box-shadow: 0 0 0 1px rgba(178,222,67,.18);
}
.ga-choice__body {display: grid; gap: 4px; min-width: 0;}
.ga-choice__title {font-size: 14px; line-height: 1.25; font-weight: 600;}
.ga-choice__hint {font-size: 12px; line-height: 1.35; color: var(--tt-fade); font-weight: 400;}
.ga-choice__icon {
	flex: none;
	width: 24px;
	height: 24px;
	border-radius: 8px;
	border: 1px solid rgb(41 41 41);
	background-color: #1e1e1e;
	display: grid;
	place-items: center;
	color: var(--tt);
}
.ga-choice[aria-checked="true"] .ga-choice__icon {
	background-color: rgba(178,222,67,.18);
	border-color: var(--accent);
}
.ga-choice__check {
	width: 12px;
	height: 12px;
	display: block;
	opacity: 0;
	transform: scale(.95);
	transition: opacity 0.2s, transform 0.2s;
}
.ga-choice[aria-checked="true"] .ga-choice__check {
	opacity: 1;
	transform: scale(1);
}

.ga-pill-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ga-pill {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgb(41 41 41);
	background-color: #222222;
	color: var(--tt);
	cursor: pointer;
	user-select: none;
	font-size: 13px;
	line-height: 1.2;
	font-weight: 500;
	transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.ga-pill:hover {
	border-color: rgba(255,255,255,.14);
	background-color: #252525;
}

.ga-pill.is-selected {
	border-color: var(--accent);
	background-color: rgba(178,222,67,.08);
	box-shadow: 0 0 0 1px rgba(178,222,67,.18);
	color: var(--accent);
}

.ga-pill__input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	opacity: 0;
	pointer-events: none;
}

.ga-pill__label {
	line-height: 1;
	pointer-events: none;
}

.ga-wizard__summary {
	margin-top: 18px;
	padding: 14px 16px;
	border-radius: var(--ui-elem-bdrs);
	border: 1px solid rgb(41 41 41);
	background: #1e1e1e;
}
.ga-wizard__summary-title {
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 10px;
}
.ga-wizard__summary-list {
	display: grid;
	gap: 8px;
	margin: 0;
}
.ga-wizard__summary-list > div {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 10px;
	font-size: 13px;
}
.ga-wizard__summary-list dt {color: var(--tt-fade); margin: 0;}
.ga-wizard__summary-list dd {margin: 0; word-break: break-word;}

.ga-wizard__nav {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid rgb(41 41 41);
}
.ga-wizard__nav-btn {min-width: 140px;}
.ga-wizard__nav-btn[hidden],
.ga-wizard__nav-btn.d-none {display: none !important;}
.ga-wizard__nav-btn[data-nav="prev"] {margin-right: auto;}

.ga-wizard__dle {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 840px) {
	.ga-wizard__shell {padding: 16px;}
	.ga-wizard__progress {grid-template-columns: 1fr 1fr;}
	.ga-wizard__progress-item {font-size: 11px; padding: 8px 10px;}
	.ga-choice-grid,
	.ga-choice-grid--2,
	.ga-choice-grid--access,
	.ga-wizard__field-row {grid-template-columns: 1fr;}
	.ga-wizard__summary-list > div {grid-template-columns: 1fr;}
	.ga-wizard__nav {justify-content: stretch;}
	.ga-wizard__nav-btn {flex: 1 1 auto; min-width: 0;}
}