/**
 * meta.css — GAMECMS-портал: тёмный фон, жёлтый/янтарный акцент (#eab308), карточная сетка.
 * Подключается после main.css; новые правки темы — только сюда.
 */

:root {
	--meta-bg: #0b0b0d;
	--meta-surface: #141416;
	--meta-surface-2: #1a1a1f;
	--meta-border: #2a2a32;
	--meta-text: #ececf0;
	--meta-muted: #9b9ba8;
	--meta-elevated: #222228;
	--meta-accent: #eab308;
	--meta-accent-hover: #ca8a04;
	--meta-shop-glow: #eab308;
	--meta-radius: 10px;
	--meta-radius-sm: 6px;
	--meta-sidebar-w: 268px;
	/* Узкая полоса (иконки), по hover раскрывается до --meta-sidebar-w */
	--meta-sidebar-rail: 72px;
	--meta-topbar-h: 64px;
	/* Внутренний блок футера: на всю ширину main-зоны */
	--meta-footer-content-max: 100%;
	/* Единый стиль кнопок: «капля» (ВЛ/НП) + зеркало для вторичных (ВП/НЛ) */
	--meta-btn-shape: 22px 5px 22px 5px;
	--meta-btn-shape-alt: 6px 20px 6px 20px;
	--meta-btn-primary-grad: linear-gradient(90deg, #fef9c3 0%, #fde047 28%, #eab308 62%, #ca8a04 100%);
	/* Круг слева у кнопок с иконкой */
	--meta-btn-ico: 30px;
	--meta-btn-ico-bg: rgba(12, 12, 16, 0.5);
	--meta-btn-ico-ring: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

/* ========== Кнопки всего шаблона (meta-body): «капля», жёлтый градиент, круг слева под иконку ========== */
.meta-body .btn:not(.btn-link):not(.close):not(.page-link):not(.navbar-toggler),
.meta-body .button_login,
.meta-body .auth-in {
	border-radius: var(--meta-btn-shape) !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	min-height: 2.55rem;
	padding: 0.42rem 1rem 0.42rem 0.42rem !important;
	line-height: 1.15;
	vertical-align: middle;
	transition: filter 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

/* Круглая подложка под иконку слева (как на макете) */
.meta-body .btn:not(.btn-link):not(.close):not(.page-link):not(.navbar-toggler) > :is(i, .bx, svg):first-child,
.meta-body .btn:not(.btn-link):not(.close):not(.page-link):not(.navbar-toggler) > iconify-icon:first-child,
.meta-body .button_login > :is(i, .bx, svg):first-child,
.meta-body .button_login > iconify-icon:first-child,
.meta-body .auth-in > :is(i, .bx, svg):first-child,
.meta-body .auth-in > iconify-icon:first-child {
	flex: 0 0 auto;
	width: var(--meta-btn-ico);
	height: var(--meta-btn-ico);
	border-radius: 50%;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: var(--meta-btn-ico-bg);
	box-shadow: var(--meta-btn-ico-ring);
	font-size: 1rem !important;
	line-height: 1;
}

.meta-body .btn-primary > :is(i, .bx, svg):first-child,
.meta-body .btn-primary > iconify-icon:first-child,
.meta-body .btn-warning > :is(i, .bx, svg):first-child,
.meta-body .btn-warning > iconify-icon:first-child,
.meta-body .btn-success > :is(i, .bx, svg):first-child,
.meta-body .btn-success > iconify-icon:first-child,
.meta-body .button_login > :is(i, .bx, svg):first-child,
.meta-body .button_login > iconify-icon:first-child,
.meta-body .auth-in > :is(i, .bx, svg):first-child,
.meta-body .auth-in > iconify-icon:first-child {
	color: #0a0a0f !important;
	background: rgba(10, 10, 14, 0.28);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.meta-body .btn-secondary > :is(i, .bx, svg):first-child,
.meta-body .btn-secondary > iconify-icon:first-child,
.meta-body .btn-dark > :is(i, .bx, svg):first-child,
.meta-body .btn-dark > iconify-icon:first-child,
.meta-body .btn-outline-secondary > :is(i, .bx, svg):first-child,
.meta-body .btn-outline-secondary > iconify-icon:first-child,
.meta-body .btn-outline-light > :is(i, .bx, svg):first-child,
.meta-body .btn-outline-light > iconify-icon:first-child,
.meta-body .btn-outline-primary > :is(i, .bx, svg):first-child,
.meta-body .btn-outline-primary > iconify-icon:first-child {
	color: #fff !important;
	background: rgba(10, 10, 14, 0.55);
}

.meta-body .btn-danger > :is(i, .bx, svg):first-child,
.meta-body .btn-danger > iconify-icon:first-child {
	color: #fff !important;
	background: rgba(0, 0, 0, 0.22);
}

.meta-body .btn-sm:not(.btn-link):not(.close):not(.page-link):not(.navbar-toggler),
.meta-body .btn-group-sm > .btn:not(.btn-link):not(.close):not(.page-link):not(.navbar-toggler) {
	--meta-btn-ico: 26px;
	min-height: 2.15rem;
	padding: 0.32rem 0.75rem 0.32rem 0.32rem !important;
	font-size: 11px !important;
}

.meta-body .btn-lg:not(.btn-link):not(.close):not(.page-link):not(.navbar-toggler),
.meta-body .btn-group-lg > .btn:not(.btn-link):not(.close):not(.page-link):not(.navbar-toggler) {
	--meta-btn-ico: 34px;
	min-height: 2.85rem;
	padding: 0.52rem 1.15rem 0.52rem 0.48rem !important;
	font-size: 13px !important;
}

/* Нет иконки — декоративный круг слева (чтобы форма совпадала с макетом) */
.meta-body .btn.btn-primary:not(:has(> :is(i, .bx, svg, iconify-icon))),
.meta-body .btn.btn-warning:not(:has(> :is(i, .bx, svg, iconify-icon))),
.meta-body .btn.btn-success:not(:has(> :is(i, .bx, svg, iconify-icon))) {
	padding-left: 0.55rem !important;
}
.meta-body .btn.btn-secondary:not(:has(> :is(i, .bx, svg, iconify-icon))),
.meta-body .btn.btn-dark:not(:has(> :is(i, .bx, svg, iconify-icon))),
.meta-body .btn.btn-outline-secondary:not(:has(> :is(i, .bx, svg, iconify-icon))),
.meta-body .btn.btn-outline-light:not(:has(> :is(i, .bx, svg, iconify-icon))),
.meta-body .btn.btn-outline-primary:not(:has(> :is(i, .bx, svg, iconify-icon))) {
	padding-left: 0.55rem !important;
}
.meta-body .btn.btn-primary:not(:has(> :is(i, .bx, svg, iconify-icon)))::before,
.meta-body .btn.btn-warning:not(:has(> :is(i, .bx, svg, iconify-icon)))::before,
.meta-body .btn.btn-success:not(:has(> :is(i, .bx, svg, iconify-icon)))::before {
	content: "";
	flex: 0 0 auto;
	width: var(--meta-btn-ico);
	height: var(--meta-btn-ico);
	border-radius: 50%;
	background: rgba(10, 10, 14, 0.28);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.meta-body .btn.btn-secondary:not(:has(> :is(i, .bx, svg, iconify-icon)))::before,
.meta-body .btn.btn-dark:not(:has(> :is(i, .bx, svg, iconify-icon)))::before,
.meta-body .btn.btn-outline-secondary:not(:has(> :is(i, .bx, svg, iconify-icon)))::before,
.meta-body .btn.btn-outline-light:not(:has(> :is(i, .bx, svg, iconify-icon)))::before,
.meta-body .btn.btn-outline-primary:not(:has(> :is(i, .bx, svg, iconify-icon)))::before {
	content: "";
	flex: 0 0 auto;
	width: var(--meta-btn-ico);
	height: var(--meta-btn-ico);
	border-radius: 50%;
	background: rgba(10, 10, 14, 0.55);
	box-shadow: var(--meta-btn-ico-ring);
}

.meta-body .btn-primary,
.meta-body .btn-warning,
.meta-body .btn-success,
.meta-body .button_login,
.meta-body .auth-in {
	background: var(--meta-btn-primary-grad) !important;
	color: #0a0a0f !important;
	border: 1px solid rgba(234, 179, 8, 0.55) !important;
	box-shadow: 0 6px 20px rgba(234, 179, 8, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

.meta-body .btn-primary:hover,
.meta-body .btn-primary:focus,
.meta-body .btn-warning:hover,
.meta-body .btn-warning:focus,
.meta-body .btn-success:hover,
.meta-body .btn-success:focus,
.meta-body .button_login:hover,
.meta-body .auth-in:hover {
	filter: brightness(1.06);
	color: #0a0a0f !important;
}

.meta-body .btn-secondary,
.meta-body .btn-dark,
.meta-body .btn-outline-secondary,
.meta-body .btn-outline-light,
.meta-body .btn-outline-primary {
	border-radius: var(--meta-btn-shape) !important;
	background: rgba(255, 255, 255, 0.06) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	box-shadow: none !important;
}

.meta-body .btn-secondary:hover,
.meta-body .btn-dark:hover,
.meta-body .btn-outline-secondary:hover,
.meta-body .btn-outline-light:hover,
.meta-body .btn-outline-primary:hover {
	filter: brightness(1.08);
	border-color: rgba(234, 179, 8, 0.45) !important;
	color: #fff !important;
}

.meta-body .btn-danger {
	border-radius: var(--meta-btn-shape) !important;
	background: linear-gradient(90deg, #fecaca 0%, #ef4444 55%, #b91c1c 100%) !important;
	color: #fff !important;
	border: 1px solid rgba(248, 113, 113, 0.55) !important;
	box-shadow: 0 6px 18px rgba(239, 68, 68, 0.28);
}

.meta-body .btn-danger:hover {
	filter: brightness(1.05);
	color: #fff !important;
}

.meta-body .meta-stage .balance__button,
.meta-body .meta-stage .swiper_btn {
	border-radius: var(--meta-btn-shape) !important;
	background: var(--meta-btn-primary-grad) !important;
	color: #0a0a0f !important;
	border: 1px solid rgba(234, 179, 8, 0.55) !important;
	box-shadow: 0 6px 18px rgba(234, 179, 8, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.35);
	font-weight: 800;
	letter-spacing: 0.03em;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	min-height: 2.55rem;
	padding: 0.42rem 1rem 0.42rem 0.42rem !important;
	line-height: 1.15;
}

.meta-body .meta-stage .balance__button > :is(i, .bx, svg):first-child,
.meta-body .meta-stage .balance__button > iconify-icon:first-child,
.meta-body .meta-stage .swiper_btn > :is(i, .bx, svg):first-child,
.meta-body .meta-stage .swiper_btn > iconify-icon:first-child {
	flex: 0 0 auto;
	width: var(--meta-btn-ico);
	height: var(--meta-btn-ico);
	border-radius: 50%;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: rgba(10, 10, 14, 0.28);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
	color: #0a0a0f !important;
	font-size: 1rem !important;
	line-height: 1;
}

.meta-body .meta-stage .balance__button:hover,
.meta-body .meta-stage .swiper_btn:hover {
	filter: brightness(1.06);
	background: var(--meta-btn-primary-grad) !important;
	color: #0a0a0f !important;
}

.meta-body .meta-stage .header_quick_grid__btn > :is(i, .bx, svg):first-child,
.meta-body .meta-stage .header_quick_grid__btn > iconify-icon:first-child {
	flex: 0 0 auto;
	width: calc(var(--meta-btn-ico) - 2px);
	height: calc(var(--meta-btn-ico) - 2px);
	border-radius: 50%;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: var(--meta-btn-ico-bg);
	box-shadow: var(--meta-btn-ico-ring);
	font-size: 0.95rem !important;
	line-height: 1;
}

.meta-body .meta-stage .header_quick_grid__btn {
	border-radius: var(--meta-btn-shape) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem !important;
	min-height: 2.45rem;
	padding: 0.38rem 0.85rem 0.38rem 0.38rem !important;
}

.meta-body .meta-error__btn {
	border-radius: var(--meta-btn-shape) !important;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	font-size: 12px;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	min-height: 2.55rem;
	padding: 0.42rem 1rem 0.42rem 0.42rem !important;
	line-height: 1.15;
}

.meta-body .meta-error__btn--primary > :is(i, .bx, svg):first-child,
.meta-body .meta-error__btn--primary > iconify-icon:first-child {
	flex: 0 0 auto;
	width: var(--meta-btn-ico);
	height: var(--meta-btn-ico);
	border-radius: 50%;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	background: rgba(10, 10, 14, 0.28);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
	color: #0a0a0f !important;
	font-size: 1rem !important;
	line-height: 1;
}

.meta-body .meta-error__btn--primary {
	background: var(--meta-btn-primary-grad) !important;
	color: #0a0a0f !important;
	border-color: rgba(234, 179, 8, 0.55) !important;
	box-shadow: 0 6px 20px rgba(234, 179, 8, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.meta-body .meta-error__btn--primary:hover {
	filter: brightness(1.06);
	color: #0a0a0f !important;
	background: var(--meta-btn-primary-grad) !important;
}

.meta-body .meta-error__btn--ghost {
	border-radius: var(--meta-btn-shape) !important;
	background: rgba(255, 255, 255, 0.06) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	box-shadow: none !important;
}

.meta-body .meta-error__btn--ghost > :is(i, .bx, svg):first-child,
.meta-body .meta-error__btn--ghost > iconify-icon:first-child {
	color: #fff !important;
	background: rgba(10, 10, 14, 0.55);
}

.meta-body {
	background-color: var(--meta-bg) !important;
	background-image:
		radial-gradient(ellipse 120% 70% at 50% 100%, rgba(234, 179, 8, 0.16) 0%, transparent 52%),
		radial-gradient(ellipse 90% 50% at 80% 100%, rgba(30, 64, 120, 0.12) 0%, transparent 45%) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	color: var(--meta-text);
	font-family: "Inter", "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.meta-body .wapper,
.meta-body .content {
	background: transparent !important;
}

/* --- Оболочка: колонка на всю высоту; футер прижат к низу без зазора --- */
.meta-app {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	min-height: 100vh;
	width: 100%;
	align-items: stretch;
	align-content: flex-start;
	overflow-x: hidden;
	background-color: var(--meta-bg);
	background-image: none;
}

/* Ряд: сайдбар + сцена; растягивается по вертикали между шапкой и футером */
.meta-app__grow {
	display: flex;
	flex-direction: row;
	flex: 1 1 auto;
	align-items: stretch;
	min-height: 0;
	width: 100%;
	box-sizing: border-box;
}

.meta-stage {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	/* stretch: контент прижат к левому краю зоны (без «поля» между сайдбаром и карточками) */
	align-items: stretch;
	background: transparent;
	position: relative;
	z-index: 1;
	overflow-x: hidden;
}

/* Контент справа от сайдбара: на всю ширину колонки */
.meta-stage > .wapper,
.meta-stage .container-fluid.wapper {
	flex: 1;
	align-self: stretch;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: clamp(8px, 1vw, 14px) !important;
	padding-right: clamp(10px, 1.5vw, 20px) !important;
	box-sizing: border-box;
}

/* --- Левый сайдбар: на всю высоту рядом с контентом (колонка = высота .meta-app__grow / экрана по контенту) --- */
.meta-sidebar-rail {
	align-self: stretch;
	flex-shrink: 0;
	position: relative;
	overflow: visible;
}

.meta-sidebar {
	width: var(--meta-sidebar-w);
	background: var(--meta-surface);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border-right: 1px solid var(--meta-border);
	display: flex;
	flex-direction: column;
	padding: 22px 16px 16px;
	box-sizing: border-box;
}

@media (min-width: 992px) {
	/* Десктоп: оболочка на всю ширину окна */
	.meta-app {
		overflow-x: visible;
		box-sizing: border-box;
		max-width: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	/* Место под фиксированный сайдбар — контент не уезжает под колонку */
	.meta-app__grow {
		padding-left: var(--meta-sidebar-w);
		box-sizing: border-box;
	}

	/* Слот в потоке без ширины: панель .meta-sidebar рисуется fixed слева и не скроллится с контентом */
	.meta-sidebar-rail {
		position: relative;
		flex: 0 0 0;
		width: 0 !important;
		min-width: 0 !important;
		max-width: 0 !important;
		overflow: visible;
		align-self: stretch;
		z-index: 25;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}

	.meta-sidebar-rail .meta-sidebar {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		width: var(--meta-sidebar-w) !important;
		max-width: var(--meta-sidebar-w);
		z-index: 25;
		flex: none;
		align-self: stretch;
		min-height: 0;
		height: auto;
		max-height: none;
		overflow-x: hidden;
		overflow-y: hidden;
		box-sizing: border-box;
	}

	/* Средняя зона меню растягивается; низ (.meta-sidebar__bottom) прижат внизу колонки */
	.meta-sidebar-rail .meta-sidebar .gx_nav_links {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.meta-sidebar-rail .meta-sidebar .bradio {
		flex: 0 0 auto;
		min-height: 0;
	}

	.meta-sidebar-rail .meta-sidebar .meta-brand {
		flex-shrink: 0;
	}

	.meta-sidebar-rail .meta-sidebar .meta-sidebar__bottom {
		flex-shrink: 0;
	}

	.meta-sidebar .meta-side-nav {
		flex: 0 0 auto;
		min-height: 0;
	}

	.meta-sidebar .meta-side-nav__link {
		justify-content: flex-start;
		gap: 12px;
		padding-left: 14px;
		padding-right: 14px;
		overflow: visible;
	}

	.meta-sidebar .meta-side-nav__link > span {
		display: inline !important;
	}

	.meta-sidebar .meta-brand {
		justify-content: flex-start;
	}

	.meta-sidebar .meta-brand__line2 {
		display: inline !important;
	}

	.meta-sidebar .meta-sidebar__bottom {
		display: block !important;
	}

	.meta-sidebar__toggle {
		display: none !important;
	}
}

@media (max-width: 991.98px) {
	.meta-app {
		padding-left: 0 !important;
	}

	.meta-app__grow {
		padding-left: 0 !important;
	}

	.meta-sidebar__toggle {
		display: none !important;
	}

	/* Без гамбургера: боковую колонку на телефоне не показываем — навигация в шапке и нижней панели */
	.meta-sidebar-rail {
		display: none !important;
	}

	.meta-stage .header .header_content {
		padding-left: clamp(8px, 1.2vw, 14px) !important;
	}
}

.meta-brand {
	display: flex;
	align-items: baseline;
	gap: 4px;
	text-decoration: none !important;
	font-weight: 800;
	font-size: 1.35rem;
	letter-spacing: 0.02em;
	margin-bottom: 28px;
	padding: 0 4px;
}

.meta-brand__line1 {
	color: #fff;
}

.meta-brand__line2 {
	color: var(--meta-accent);
}

.meta-side-nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}

.meta-side-nav__link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 14px;
	border-radius: var(--meta-radius-sm);
	color: var(--meta-muted) !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid transparent;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.meta-side-nav__link i {
	font-size: 1.25rem;
	color: inherit;
}

.meta-side-nav__link:hover {
	background: var(--meta-surface-2);
	color: var(--meta-text) !important;
}

.meta-side-nav__link--active {
	background: rgba(234, 179, 8, 0.1);
	color: var(--meta-text) !important;
	border-color: rgba(234, 179, 8, 0.25);
	box-shadow: inset 3px 0 0 var(--meta-accent);
}

.meta-side-nav__link--active i {
	color: var(--meta-accent) !important;
}

/* Аккордеон в левом меню: один открытый раздел, остальные закрыты */
.meta-side-nav--accordion {
	gap: 2px;
}

/* Ссылки над аккордеоном (Главная и т.п.) — без заголовка-раздела */
.meta-side-nav__flat {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 10px;
}

.meta-side-nav__section {
	border-radius: var(--meta-radius-sm);
}

.meta-side-nav__trigger {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 11px 14px;
	margin: 0;
	border: 1px solid transparent;
	border-radius: var(--meta-radius-sm);
	background: transparent;
	color: var(--meta-muted);
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.meta-side-nav__trigger:hover {
	background: var(--meta-surface-2);
	color: var(--meta-text);
}

.meta-side-nav__trigger-label {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.meta-side-nav__trigger-label > i {
	font-size: 1.25rem;
	flex-shrink: 0;
}

.meta-side-nav__chevron {
	font-size: 1.1rem;
	flex-shrink: 0;
	transition: transform 0.2s ease;
	opacity: 0.85;
}

.meta-side-nav__section--open .meta-side-nav__chevron {
	transform: rotate(-180deg);
}

.meta-side-nav__section--open .meta-side-nav__trigger {
	color: var(--meta-text);
	background: rgba(234, 179, 8, 0.08);
	border-color: rgba(234, 179, 8, 0.2);
}

.meta-side-nav__panel {
	display: none;
	flex-direction: column;
	gap: 4px;
	padding: 4px 0 8px 6px;
}

.meta-side-nav__section--open .meta-side-nav__panel {
	display: flex;
}

.meta-side-nav__panel .meta-side-nav__link {
	padding-left: 12px;
}

/* Розыгрыш в сайдбаре */
.meta-giveaway {
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 14px;
	background: var(--meta-surface-2);
	border: 1px solid var(--meta-border);
	border-radius: var(--meta-radius);
}

.meta-giveaway__label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: var(--meta-muted);
	text-transform: uppercase;
	margin-bottom: 10px;
}

.meta-giveaway__visual {
	height: 88px;
	border-radius: var(--meta-radius-sm);
	background: linear-gradient(135deg, #2a2418 0%, #1a1510 50%, #3d2a14 100%);
	border: 1px solid var(--meta-border);
	margin-bottom: 12px;
}

.meta-giveaway__timer {
	display: flex;
	gap: 8px;
	margin-bottom: 12px;
}

.meta-giveaway__unit {
	flex: 1;
	text-align: center;
	background: var(--meta-bg);
	border-radius: var(--meta-radius-sm);
	padding: 8px 4px;
	border: 1px solid var(--meta-border);
}

.meta-giveaway__num {
	display: block;
	font-weight: 800;
	font-size: 1rem;
	color: #fff;
}

.meta-giveaway__cap {
	font-size: 10px;
	color: var(--meta-muted);
	text-transform: lowercase;
}

.meta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 18px;
	border-radius: var(--meta-radius-sm);
	background: var(--meta-accent);
	color: #fff !important;
	font-weight: 700;
	font-size: 13px;
	text-decoration: none !important;
	border: none;
	transition: background 0.15s ease, transform 0.1s ease;
}

.meta-btn:hover {
	background: var(--meta-accent-hover);
	color: #fff !important;
}

.meta-btn--block {
	width: 100%;
	box-sizing: border-box;
}

.meta-sidebar__bottom {
	margin-top: auto;
	padding-top: 12px;
}

.meta-social {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-bottom: 12px;
}

.meta-social__link {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--meta-radius-sm);
	background: var(--meta-surface-2);
	color: var(--meta-muted) !important;
	border: 1px solid var(--meta-border);
	font-size: 1.25rem;
	text-decoration: none !important;
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.meta-social__link:hover {
	color: var(--meta-accent) !important;
	border-color: rgba(234, 179, 8, 0.35);
	background: rgba(234, 179, 8, 0.08);
}

.meta-sidebar__copy {
	text-align: center;
	font-size: 11px;
	color: var(--meta-muted);
	margin: 0;
}

/* --- GX-меню в сайдбаре (как в вашей вёрстке gx_nav_links) --- */
.meta-sidebar .gx_nav_links {
	display: flex;
	flex-direction: column;
	gap: 4px;
	/* десктоп: flex-grow задаётся в @media (min-width: 992px) у .meta-sidebar-rail .meta-sidebar .gx_nav_links */
	flex: 0 0 auto;
	min-height: 0;
}

.meta-sidebar .gx_nav_links > a.gx_link,
.meta-sidebar .gx_nav_dd > .gx_nav_dd_btn {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	box-sizing: border-box;
	padding: 11px 14px;
	border-radius: var(--meta-radius-sm);
	color: var(--meta-muted) !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid transparent;
	background: transparent;
	text-align: left;
	cursor: pointer;
	font-family: inherit;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.meta-sidebar .gx_nav_links > a.gx_link i,
.meta-sidebar .gx_nav_dd_btn i {
	font-size: 1.25rem;
	color: inherit;
	flex-shrink: 0;
}

.meta-sidebar .gx_nav_dd_btn {
	justify-content: flex-start;
}

.meta-sidebar .gx_nav_dd_chev {
	font-size: 1.1rem;
	opacity: 0.85;
	transition: transform 0.2s ease;
	flex-shrink: 0;
	margin-left: auto;
}

.meta-sidebar .gx_nav_dd--open .gx_nav_dd_chev {
	transform: rotate(-180deg);
}

.meta-sidebar .gx_nav_links > a.gx_link:hover,
.meta-sidebar .gx_nav_dd_btn:hover {
	background: var(--meta-surface-2);
	color: var(--meta-text) !important;
}

.meta-sidebar .gx_nav_dd--open > .gx_nav_dd_btn {
	color: var(--meta-text) !important;
	background: rgba(234, 179, 8, 0.08);
	border-color: rgba(234, 179, 8, 0.2);
}

.meta-sidebar .gx_nav_dd {
	border-radius: var(--meta-radius-sm);
}

.meta-sidebar .gx_nav_dd_panel {
	display: none;
	flex-direction: column;
	gap: 2px;
	padding: 4px 0 8px 6px;
}

.meta-sidebar .gx_nav_dd--open .gx_nav_dd_panel {
	display: flex;
}

.meta-sidebar .gx_nav_dd_link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px 9px 14px;
	border-radius: var(--meta-radius-sm);
	color: var(--meta-muted) !important;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: 500;
	transition: background 0.15s ease, color 0.15s ease;
}

.meta-sidebar .gx_nav_dd_link i {
	font-size: 1.1rem;
	flex-shrink: 0;
}

.meta-sidebar .gx_nav_dd_link:hover {
	background: var(--meta-surface-2);
	color: var(--meta-text) !important;
}

/* --- Сайдбар «как на референсе»: тёмный фон, TW-лого, активная полоса, карточка розыгрыша, соцсети --- */
.meta-sidebar--ref {
	background: var(--meta-surface);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border-right-color: var(--meta-border);
}

.meta-brand--ref {
	align-items: baseline;
	margin-bottom: 22px;
	padding: 0 2px 0 6px;
}

/* Лого как на макете: TW — T белая, W оранжевая, курсив; STUDIO — мелкий белый капс */
.meta-brand--ref .meta-brand__line1 {
	display: inline-flex;
	align-items: baseline;
	font-style: italic;
	font-weight: 900;
	font-size: 1.55rem;
	line-height: 1;
	letter-spacing: 0.02em;
}

.meta-brand--ref .meta-brand__tw-t {
	color: #fff;
}

.meta-brand--ref .meta-brand__tw-w {
	color: var(--meta-accent);
}

.meta-brand--ref .meta-brand__line2 {
	font-style: normal;
	font-weight: 500;
	font-size: 0.72em;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fff;
}

.meta-sidebar--ref .gx_nav_links {
	gap: 6px;
}

.meta-sidebar--ref .gx_nav_links > a.gx_link,
.meta-sidebar--ref .gx_nav_dd > .gx_nav_dd_btn {
	padding: 12px 14px 12px 16px;
	border-radius: 10px;
	color: rgba(255, 255, 255, 0.82) !important;
	font-weight: 500;
	border-color: transparent;
}

.meta-sidebar--ref .gx_nav_links > a.gx_link:hover:not(.gx_link--active),
.meta-sidebar--ref .gx_nav_dd_btn:hover:not(.gx_link--active) {
	background: rgba(255, 255, 255, 0.05);
	color: #fff !important;
}

.meta-sidebar--ref .gx_nav_links > a.gx_link.gx_link--active:hover {
	background: #323238;
	color: var(--meta-accent) !important;
}

.meta-sidebar--ref .gx_nav_dd--has-active-child > .gx_nav_dd_btn.gx_link--active:hover {
	background: #323238;
	color: var(--meta-accent) !important;
}

/* Активная «Главная» и верхние flat-ссылки: плитка чуть светлее фона, оранжевая полоска слева, текст и иконка оранжевые */
.meta-sidebar--ref .gx_nav_links > a.gx_link.gx_link--active {
	color: var(--meta-accent) !important;
	background: var(--meta-surface-2);
	border-color: transparent;
	box-shadow: inset 4px 0 0 var(--meta-accent);
}

.meta-sidebar--ref .gx_nav_links > a.gx_link.gx_link--active i {
	color: var(--meta-accent) !important;
}

.meta-sidebar--ref .gx_nav_dd--has-active-child > .gx_nav_dd_btn.gx_link--active {
	color: var(--meta-accent) !important;
	background: var(--meta-surface-2);
	border-color: transparent;
	box-shadow: inset 4px 0 0 var(--meta-accent);
}

.meta-sidebar--ref .gx_nav_dd--has-active-child > .gx_nav_dd_btn.gx_link--active i {
	color: var(--meta-accent) !important;
}

.meta-sidebar--ref .gx_nav_dd--open > .gx_nav_dd_btn:not(.gx_link--active) {
	color: rgba(255, 255, 255, 0.92) !important;
	background: rgba(234, 179, 8, 0.06);
	border-color: rgba(234, 179, 8, 0.15);
}

.meta-sidebar--ref .gx_nav_dd_link--active {
	color: var(--meta-accent) !important;
	background: rgba(234, 179, 8, 0.08);
	box-shadow: inset 2px 0 0 rgba(234, 179, 8, 0.65);
}

.meta-sidebar--ref .gx_nav_dd_link--active i {
	color: var(--meta-accent) !important;
}

.meta-giveaway--ref {
	margin-top: 14px;
	padding: 16px 14px 14px;
	background: var(--meta-bg);
	border: 1px solid var(--meta-border);
	border-radius: 14px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}

.meta-giveaway--ref .meta-giveaway__label {
	color: rgba(255, 255, 255, 0.92);
	letter-spacing: 0.16em;
	font-size: 10px;
	margin-bottom: 6px;
}

.meta-giveaway__headline {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--meta-accent);
	margin: 0 0 12px;
	line-height: 1.25;
}

.meta-giveaway--ref .meta-giveaway__timer {
	margin-bottom: 12px;
}

.meta-giveaway--ref .meta-giveaway__unit {
	background: var(--meta-surface);
	border-color: var(--meta-border);
	padding: 10px 4px 8px;
}

.meta-giveaway--ref .meta-giveaway__cap {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 9px;
	opacity: 0.85;
}

.meta-giveaway--ref .meta-giveaway__visual {
	height: 108px;
	margin-bottom: 0;
	margin-top: 0;
	border-radius: 10px;
	border: 1px solid var(--meta-border);
	/* как зона баннера профиля: нейтральные серые без цветного свечения */
	background: linear-gradient(180deg, var(--meta-elevated) 0%, var(--meta-surface-2) 55%, var(--meta-bg) 100%);
	box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.45);
}

.meta-giveaway--ref .meta-giveaway__timer + .meta-giveaway__visual {
	margin-top: 0;
	margin-bottom: 12px;
}

.meta-btn--giveaway-ref {
	width: 100%;
	box-sizing: border-box;
	padding: 14px 16px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	border-radius: 10px;
}

.meta-sidebar__bottom--ref {
	padding-top: 18px;
}

.meta-social__label {
	margin: 0 0 10px;
	text-align: center;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.38);
}

.meta-sidebar--ref .meta-social--ref {
	gap: 10px;
	justify-content: center;
	margin-bottom: 14px;
}

.meta-sidebar--ref .meta-social--ref .meta-social__link {
	width: auto;
	height: auto;
	min-width: 36px;
	min-height: 36px;
	padding: 6px;
	background: transparent;
	border: none;
	color: #fff !important;
	font-size: 1.45rem;
	border-radius: 8px;
}

.meta-sidebar--ref .meta-social--ref .meta-social__link:hover {
	color: var(--meta-accent) !important;
	background: rgba(234, 179, 8, 0.1);
}

.meta-sidebar--ref .meta-sidebar__copy {
	font-size: 10px;
	letter-spacing: 0.04em;
	color: rgba(255, 255, 255, 0.35);
}

/* --- Футер (макет: 4 колонки, линия с точкой, нижняя полоса) --- */
/* Не flex-grow: иначе в .meta-app (column) футер съедает половину высоты вместе с .meta-app__grow */
.meta-footer {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background: var(--meta-bg);
	color: var(--meta-muted);
	border-top: 1px solid var(--meta-border);
	margin-top: auto;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	overflow: hidden;
	align-self: stretch;
}

/* Футер на всю ширину окна (вне колонки контента / без bootstrap .container) */
.meta-app > .meta-footer.meta-footer--gamecms {
	width: 100%;
	max-width: none;
	flex: 0 0 auto;
}

.meta-footer--hero .meta-footer__bg {
	position: absolute;
	inset: 0;
	background: url('/templates/GameX/img/ban_custom/footer.png') center right / cover no-repeat;
	opacity: 0.55;
	pointer-events: none;
	z-index: 0;
}

.meta-footer--hero .meta-footer__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(10, 11, 14, 0.97) 0%, rgba(10, 11, 14, 0.92) 35%, rgba(10, 11, 14, 0.55) 65%, rgba(10, 11, 14, 0.25) 100%);
	pointer-events: none;
	z-index: 1;
}

/* GAMECMS-стиль футера (tpl/bottom.tpl — .meta-footer--gamecms) */
.meta-footer--gamecms {
	background: #0a0c10;
	border-top-color: rgba(255, 255, 255, 0.06);
}

.meta-footer--gamecms.meta-footer--hero .meta-footer__bg {
	opacity: 0.32;
	background-position: 88% center;
}

.meta-footer--gamecms.meta-footer--hero .meta-footer__scrim {
	background: linear-gradient(
		95deg,
		rgba(8, 10, 16, 0.97) 0%,
		rgba(8, 10, 16, 0.94) 45%,
		rgba(8, 10, 16, 0.72) 72%,
		rgba(8, 10, 16, 0.35) 100%
	);
}

.meta-footer__particles {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
	background:
		radial-gradient(ellipse 70% 55% at 94% 38%, rgba(129, 140, 248, 0.2) 0%, transparent 58%),
		radial-gradient(circle at 90% 72%, rgba(56, 189, 248, 0.12) 0%, transparent 42%),
		radial-gradient(circle at 98% 18%, rgba(167, 139, 250, 0.14) 0%, transparent 38%);
}

.meta-footer--gamecms .meta-footer__grid {
	grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.05fr);
	gap: clamp(18px, 2.6vw, 34px);
	align-items: start;
}

.meta-footer--gamecms .meta-footer__col--about {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	min-height: 0;
}

.meta-footer__about-top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
}

.meta-footer__tagline {
	margin: 10px 0 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.42) !important;
}

.meta-footer__copy-in {
	margin-top: auto;
	padding-top: 26px;
	font-size: 12px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.38) !important;
}

.meta-footer__copy-in a {
	color: inherit !important;
	text-decoration: none !important;
}

.meta-footer__copy-in a:hover {
	color: #fff !important;
}

.meta-footer--gamecms .meta-footer__brand-row {
	margin-bottom: 0;
}

.meta-footer--gamecms .meta-footer__brand-icon--gamecms {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow:
		0 10px 32px rgba(0, 0, 0, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
	color: #fff;
}

.meta-footer--gamecms .meta-footer__brand-icon--gamecms svg {
	width: 22px;
	height: 22px;
	stroke: currentColor;
	fill: none;
}

.meta-footer--gamecms .meta-footer__heading {
	margin-bottom: 14px;
	font-size: 11px;
	letter-spacing: 0.14em;
}

.meta-footer--gamecms .meta-footer__list li {
	padding-left: 0;
}

.meta-footer--gamecms .meta-footer__list li::before {
	display: none;
}

.meta-footer__col--socials {
	min-width: 0;
}

.meta-footer__socials--tiles {
	gap: 10px;
	flex-wrap: wrap;
}

.meta-footer--gamecms .meta-footer__socials--tiles .meta-footer__social {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	font-size: 22px;
	color: #fff !important;
	border-width: 1px;
	transform: none;
}

.meta-footer__social--discord {
	background: #5865f2 !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	box-shadow: 0 0 20px rgba(88, 101, 242, 0.42);
}

.meta-footer__social--vk {
	background: #0077ff !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	box-shadow: 0 0 18px rgba(0, 119, 255, 0.38);
}

.meta-footer__social--telegram {
	background: #2aabee !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	box-shadow: 0 0 18px rgba(42, 171, 238, 0.38);
}

.meta-footer__social--youtube {
	background: #ff0000 !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	box-shadow: 0 0 18px rgba(255, 0, 0, 0.35);
}

.meta-footer--gamecms .meta-footer__socials--tiles .meta-footer__social:hover {
	transform: translateY(-2px);
	color: #fff !important;
	filter: brightness(1.08);
}

.meta-footer__bar--credits-only {
	justify-content: flex-end;
	padding-top: 16px;
	border-top-color: rgba(255, 255, 255, 0.06);
}

.meta-footer__bar-aside--solo {
	margin-left: 0;
	justify-content: flex-end;
	width: auto;
	max-width: 100%;
}

.meta-footer__inner {
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 48px clamp(16px, 2.5vw, 40px) 28px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}

.meta-footer--gamecms .meta-footer__inner.container,
.meta-footer--gamecms .container.meta-footer__inner {
	max-width: none !important;
	width: 100% !important;
	padding-left: clamp(16px, 2.5vw, 40px) !important;
	padding-right: clamp(16px, 2.5vw, 40px) !important;
}

.meta-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr)) minmax(0, 1fr);
	gap: clamp(20px, 3vw, 36px);
	align-items: start;
}

.meta-footer__brand-row {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 16px;
}

.meta-footer__brand-icon {
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #713f12 0%, var(--meta-accent) 55%, #fde047 100%);
	color: #fff;
	box-shadow: 0 10px 24px rgba(234, 179, 8, 0.38), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.meta-footer__brand-icon svg {
	width: 28px;
	height: 28px;
	stroke: currentColor;
	fill: none;
}

.meta-footer__brand {
	margin: 0;
	font-size: 1.4rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
}

.meta-footer__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: var(--meta-muted);
	max-width: 42ch;
}

.meta-footer__heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fff;
}

.meta-footer__heading-icon {
	font-size: 1.15rem;
	color: var(--meta-accent);
	line-height: 1;
}

.meta-footer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.meta-footer__list li {
	position: relative;
	padding-left: 14px;
	font-size: 14px;
	line-height: 1.45;
}

.meta-footer__list li::before {
	content: "–";
	position: absolute;
	left: 0;
	color: var(--meta-muted);
	opacity: 0.7;
}

.meta-footer__link {
	color: var(--meta-muted) !important;
	text-decoration: none !important;
	transition: color 0.15s ease;
}

.meta-footer__link:hover {
	color: var(--meta-text) !important;
}

.meta-footer__rule {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 36px 0 22px;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--meta-border) 12%, var(--meta-border) 88%, transparent);
}

.meta-footer__rule-dot {
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	background: linear-gradient(135deg, #fde047 0%, #eab308 100%);
	transform: rotate(45deg);
	box-shadow: 0 0 18px rgba(234, 179, 8, 0.85), inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.meta-footer__legal--top {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px 24px;
	margin: 0 0 22px;
	font-size: 13px;
	color: var(--meta-muted);
}

.meta-footer__legal--top .meta-footer__legal-link {
	position: relative;
	padding: 0 12px;
}

.meta-footer__legal--top .meta-footer__legal-link + .meta-footer__legal-link::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 14px;
	background: rgba(255, 255, 255, 0.15);
}

.meta-footer__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 20px;
	font-size: 13px;
	color: var(--meta-muted);
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.meta-footer__copy {
	min-width: 0;
	flex: 1 1 200px;
}

/* Справа: кредит + соцсети — не по центру экрана */
.meta-footer__bar-aside {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 12px 16px;
	flex: 0 1 auto;
	margin-left: auto;
	max-width: 100%;
}

/* Кредит: компактно, приглушённо */
.meta-footer__credits {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 8px 4px 5px;
	border-radius: 10px;
	text-decoration: none !important;
	color: rgba(155, 163, 175, 0.92) !important;
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	box-shadow: none;
	transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.meta-footer__credits:hover {
	color: var(--meta-text) !important;
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(234, 179, 8, 0.28);
}

.meta-footer__dm {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1;
	text-indent: 0.05em;
	color: #fff !important;
	background: linear-gradient(145deg, rgba(253, 224, 47, 0.95) 0%, #a16207 100%);
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 2px 10px rgba(234, 179, 8, 0.28);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
}

.meta-footer__credits:hover .meta-footer__dm {
	box-shadow: 0 3px 12px rgba(234, 179, 8, 0.38);
}

.meta-footer__credits-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1px;
	line-height: 1.2;
	text-align: left;
}

.meta-footer__credits-line {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.65;
}

.meta-footer__credits-brand {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: rgba(232, 234, 237, 0.72) !important;
}

.meta-footer__credits:hover .meta-footer__credits-brand {
	color: #fff !important;
}

.meta-footer__copy a {
	color: inherit !important;
}

.meta-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	justify-content: flex-end;
}

.meta-footer__legal-link {
	color: var(--meta-muted) !important;
	text-decoration: none !important;
	transition: color 0.15s ease;
}

.meta-footer__legal-link:hover {
	color: var(--meta-text) !important;
}

.meta-footer__socials {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.meta-footer__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 11px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: #eab308 !important;
	font-size: 20px;
	text-decoration: none !important;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.meta-footer__social i {
	font-size: 20px;
	line-height: 1;
}

.meta-footer__social:hover {
	background: rgba(234, 179, 8, 0.12);
	border-color: rgba(234, 179, 8, 0.55);
	color: #fef9c3 !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(234, 179, 8, 0.22);
}

@media (max-width: 991.98px) {
	.meta-footer__grid {
		grid-template-columns: 1fr 1fr;
	}

	.meta-footer--gamecms .meta-footer__grid {
		grid-template-columns: 1fr 1fr;
	}

	.meta-footer__col--about {
		grid-column: 1 / -1;
	}

	.meta-footer--gamecms .meta-footer__col--socials {
		grid-column: 1 / -1;
	}

	.meta-footer__col--subscribe {
		grid-column: 1 / -1;
	}

	.meta-footer__bar {
		flex-direction: column;
		align-items: stretch;
		text-align: left;
		gap: 16px;
	}

	.meta-footer__bar--credits-only {
		align-items: flex-end;
		text-align: right;
	}

	.meta-footer__copy {
		flex: none;
		text-align: left;
	}

	.meta-footer__bar-aside {
		margin-left: 0;
		justify-content: space-between;
		width: 100%;
		gap: 14px 20px;
	}

	.meta-footer__bar-aside--solo {
		justify-content: flex-end;
		width: 100%;
	}

	.meta-footer__credits-text {
		align-items: flex-start;
		text-align: left;
	}

	.meta-footer__legal {
		justify-content: center;
	}

	.meta-footer__legal--top {
		gap: 6px 14px;
	}

	.meta-footer--hero .meta-footer__bg {
		background-position: center top;
		opacity: 0.25;
	}

	.meta-footer--hero .meta-footer__scrim {
		background: linear-gradient(180deg, rgba(10, 11, 14, 0.55) 0%, rgba(10, 11, 14, 0.95) 50%, rgba(10, 11, 14, 0.98) 100%);
	}
}

@media (max-width: 575.98px) {
	.meta-footer__inner {
		padding: 32px 16px 24px;
	}

	.meta-footer__grid {
		grid-template-columns: 1fr;
	}

	.meta-footer__brand-icon {
		width: 48px;
		height: 48px;
		border-radius: 12px;
	}

	.meta-footer__brand-icon svg {
		width: 24px;
		height: 24px;
	}

	.meta-footer__brand {
		font-size: 1.2rem;
	}

	.meta-footer__legal--top .meta-footer__legal-link {
		padding: 0 8px;
	}
}

/* Шапка: логотип + меню в одной линии, без «улёта» текста */
/* mystyles: .wapper .header { height: 45px } + .header_content { margin-top: 20px } ломают высоту и уносят меню */
.meta-stage .wapper .header,
.meta-stage .header {
	background: var(--meta-surface) !important;
	border-bottom: 1px solid var(--meta-border);
	height: auto !important;
	min-height: var(--meta-topbar-h);
	overflow: visible !important;
}

/* Главная полоса top.tpl: без отдельной «плитки» — как на референсе, фон страницы */
.meta-stage .header:has(.meta-topbar),
.meta-stage .wapper .header:has(.meta-topbar) {
	background: transparent !important;
	border-bottom-color: var(--meta-border);
}

/* index/top и др.: нет верхней полосы meta-topbar — не рисуем пустой фон/min-height под старым {menu} */
.meta-stage .header:not(:has(.meta-topbar)),
.meta-stage .wapper .header:not(:has(.meta-topbar)) {
	background: transparent !important;
	border-bottom: none !important;
	min-height: 0 !important;
	box-shadow: none !important;
}

.meta-stage .header .container {
	max-width: 100% !important;
	width: 100%;
	box-sizing: border-box;
	margin-left: auto !important;
	margin-right: auto !important;
}

.meta-stage .header .header_content {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: nowrap;
	gap: 12px 16px;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	padding-left: clamp(8px, 2vw, 16px) !important;
	padding-right: clamp(8px, 2vw, 16px) !important;
	margin-top: 0 !important;
	height: auto !important;
	width: 100%;
	box-sizing: border-box;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* Главная (home/top): слева горизонтальные пункты {menu}, справа — home/left.tpl */
.meta-stage .header .header_content.meta-topbar,
.meta-stage .header_content.meta-topbar {
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: nowrap;
	gap: 12px 20px;
	min-width: 0;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	/* иначе выпадающий профиль обрезается контейнером с горизонтальным скроллом */
	overflow-x: visible !important;
	overflow-y: visible !important;
}

/* Шапка над выпадающим меню профиля — не клипать по вертикали */
.meta-stage .header {
	overflow: visible !important;
	position: relative;
	z-index: 30;
}

/* Выпадающее меню мини-профиля (tpl/parts/miniprofile_top.tpl + класс .show-drd) */
.meta-stage .miniprofile_menu {
	position: relative;
	flex-shrink: 0;
}

.meta-stage .miniprofile_menu .mini_profile_dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	left: auto;
	min-width: 280px;
	max-width: min(92vw, 340px);
	z-index: 2000;
	box-sizing: border-box;
	border-radius: var(--meta-radius-sm);
	background: var(--meta-surface);
	border: 1px solid var(--meta-border);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55);
}

.meta-stage .miniprofile_menu.show-drd .mini_profile_dropdown {
	display: block;
}

.meta-stage .meta-topbar-wrap {
	max-width: 100%;
	min-width: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	overflow-x: visible;
	overflow-y: visible;
}

/* meta_topbar.tpl: логотип + меню слева, иконки и кнопки справа — одна строка */
.meta-stage .meta-topbar {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 12px clamp(12px, 2vw, 24px);
	width: 100%;
	min-height: var(--meta-topbar-h);
	padding: 8px clamp(12px, 2vw, 20px);
	box-sizing: border-box;
}

.meta-stage .meta-topbar__end {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 10px;
	flex: 0 0 auto;
	flex-shrink: 0;
	min-width: 0;
}

.meta-stage .meta-topbar__start .header_menu {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
	width: auto !important;
	max-width: 100%;
}

.meta-stage .meta-topbar__start .header_btns {
	display: flex !important;
	align-items: center;
	min-width: 0;
}

.meta-stage .meta-topbar .collapsible-menu.meta-topbar__links,
.meta-stage .meta-topbar .collapsible-menu {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap;
	align-items: center;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 4px clamp(6px, 1vw, 18px);
}

.meta-stage .meta-topbar .collapsible-menu > li {
	display: inline-flex;
	flex: 0 0 auto;
	margin: 0 !important;
	padding: 0 !important;
}

.meta-stage .meta-topbar .collapsible-menu > li > a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	max-width: none !important;
	padding: 10px clamp(8px, 1vw, 14px) 12px !important;
	background: transparent !important;
	border-radius: 0 !important;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--meta-muted) !important;
	white-space: nowrap;
}

.meta-stage .meta-topbar .collapsible-menu > li > a::before,
.meta-stage .meta-topbar .collapsible-menu > li > a::after {
	display: none !important;
	content: none !important;
}

.meta-stage .meta-topbar .collapsible-menu > li > a:hover {
	color: var(--meta-text) !important;
	background: transparent !important;
}

.meta-stage .meta-topbar .collapsible-menu > li.active > a,
.meta-stage .meta-topbar .collapsible-menu > li > a.active {
	color: var(--meta-accent) !important;
	box-shadow: inset 0 -3px 0 var(--meta-accent);
}

.meta-stage .meta-topbar__end .msgnoti_block--topbar {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}

.meta-stage .meta-topbar__end .msgnoti_block--topbar > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
}

.meta-stage .meta-topbar .msgnoti_btn__phone {
	display: none !important;
}

.meta-stage .meta-topbar__profile-slot {
	flex: 0 0 auto;
	min-width: 0;
}

.meta-stage .header:has(.meta-topbar) .mobile-menu-bottom {
	display: none !important;
}

@media (max-width: 991.98px) {
	.meta-stage .meta-topbar {
		flex-wrap: wrap;
		align-items: flex-start;
		row-gap: 10px;
	}

	.meta-stage .meta-topbar__start {
		flex: 1 1 100%;
		order: 2;
	}

	.meta-stage .meta-topbar__end {
		flex: 1 1 100%;
		order: 1;
		justify-content: flex-end;
		padding-bottom: 6px;
		border-bottom: 1px solid var(--meta-border);
	}

	.meta-stage .meta-topbar .collapsible-menu.meta-topbar__links {
		display: none !important;
	}

	.meta-stage .header:has(.meta-topbar) .mobile-menu-bottom {
		display: flex !important;
	}
}

.meta-stage .meta-topbar__main {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* длинное меню не выталкивает мини-профиль за .meta-stage (overflow-x: hidden) */
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
}

.meta-stage .meta-topbar .header_menu,
.meta-stage .meta-topbar .meta-topbar__nav {
	justify-content: flex-start !important;
	align-items: center !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	max-width: 100%;
	margin-left: 0 !important;
}

.meta-stage .meta-topbar__links {
	flex-wrap: nowrap !important;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 4px 6px;
}

.meta-stage .meta-topbar__links > li {
	flex: 0 0 auto;
}

/* Статичное меню как на референсе: серый текст, активный — оранжевый + полоса снизу */
.meta-stage .meta-topbar__links--static {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 4px clamp(8px, 1.2vw, 22px);
}

.meta-stage .meta-topbar__links--static > li {
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
}

.meta-stage .meta-topbar__nav a.meta-topbar__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px clamp(10px, 1vw, 16px) 12px !important;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.01em;
	color: var(--meta-muted) !important;
	text-decoration: none !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	white-space: nowrap;
}

/* Линия подписи только по ширине текста (как на макете) */
.meta-stage .meta-topbar__nav a.meta-topbar__link .meta-topbar__link-label {
	display: inline-block;
	padding-bottom: 6px;
	border-bottom: 3px solid transparent;
	transition: color 0.15s ease, border-color 0.15s ease;
}

.meta-stage .meta-topbar__nav a.meta-topbar__link:hover {
	color: var(--meta-text) !important;
	background: transparent !important;
}

.meta-stage .meta-topbar__nav a.meta-topbar__link:hover .meta-topbar__link-label {
	border-bottom-color: rgba(234, 179, 8, 0.4);
}

.meta-stage .meta-topbar__nav a.meta-topbar__link--active,
.meta-stage .meta-topbar__nav a.meta-topbar__link.meta-topbar__link--active {
	color: var(--meta-accent) !important;
	background: transparent !important;
	box-shadow: none !important;
}

.meta-stage .meta-topbar__nav a.meta-topbar__link--active .meta-topbar__link-label,
.meta-stage .meta-topbar__nav a.meta-topbar__link.meta-topbar__link--active .meta-topbar__link-label {
	border-bottom-color: var(--meta-accent);
}

/* Мобильная версия: пункты «Главная / Магазин / …» скрыты — навигация в нижней панели и в моб. профиле */
@media (max-width: 991.98px) {
	.meta-stage .meta-topbar__links--static {
		display: none !important;
	}

	.meta-stage .meta-topbar__main {
		flex: 0 0 auto;
		min-width: 0;
		overflow: visible;
	}
}

.meta-stage .meta-topbar__right {
	flex: 0 0 auto;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	min-width: 0;
}

.meta-stage .meta-topbar__right .miniprofile_menu--layout {
	margin-left: 0;
}

/* Ряд справа: иконки уведомлений | профиль (аватар + имя + роль + шеврон), как на макете */
.meta-stage .meta-topbar__usercluster {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
	flex-wrap: nowrap;
	min-width: 0;
}

.meta-stage .meta-topbar__usercluster .meta-topbar__msgnoti-inner--compact {
	flex-direction: row;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
}

.meta-stage .meta-topbar__usercluster .meta-topbar__msgrow--icononly .meta-topbar__msglbl {
	display: none !important;
}

/* Верхняя полоса: перебиваем mystyles (.miniprofile_menu position:absolute + right) и mystyles_phone (display:none до 992px) */
.meta-stage .meta-topbar__usercluster .miniprofile_menu.miniprofile_menu--meta-topbar,
.meta-stage .miniprofile_menu.miniprofile_menu--meta-topbar {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	min-width: min-content;
	flex-shrink: 0;
	position: relative !important;
	right: auto !important;
	left: auto !important;
	top: auto !important;
	bottom: auto !important;
}

/* Уведомления в topbar — только по контенту, не на всю ширину usercluster */
.meta-stage .meta-topbar__usercluster .meta-topbar__msgnoti.msgnoti_block {
	width: auto !important;
	max-width: 100%;
	flex: 0 0 auto;
	box-sizing: border-box;
	background: transparent !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Снимаем «плашки» у самих кнопок колокольчика и сообщений в meta-topbar */
.meta-stage .meta-topbar__usercluster .msgnoti_block > div > .msgnoti__flex > .noti_btn,
.meta-stage .meta-topbar__usercluster .msgnoti_block > div > .msgnoti__flex > .msg_btn {
	background: transparent !important;
	padding: 0 !important;
	height: auto !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

.meta-stage .meta-topbar__usercluster .msgnoti_block > div > .msgnoti__flex > .noti_btn:hover,
.meta-stage .meta-topbar__usercluster .msgnoti_block > div > .msgnoti__flex > .msg_btn:hover {
	background: transparent !important;
	box-shadow: none !important;
}

.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-hit {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	min-width: 0;
	max-width: min(100%, 280px);
	padding: 4px 6px 4px 4px;
	border-radius: var(--meta-radius-sm);
	background: var(--meta-surface-2);
	border: 1px solid var(--meta-border);
	color: inherit;
	text-decoration: none !important;
	cursor: pointer;
	box-sizing: border-box;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-hit:hover {
	border-color: rgba(234, 179, 8, 0.4);
	background: rgba(234, 179, 8, 0.08);
}

.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-avatar {
	position: relative;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid var(--meta-border);
	box-sizing: border-box;
}

.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 2px;
	min-width: 0;
	line-height: 1.2;
}

.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-name {
	font-size: 14px;
	font-weight: 700;
	color: var(--meta-text) !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 160px;
}

.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-role {
	font-size: 12px;
	font-weight: 500;
	color: var(--meta-muted) !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 160px;
}

.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-chev {
	flex-shrink: 0;
	font-size: 1.15rem;
	color: var(--meta-muted);
	margin-left: 2px;
	opacity: 0.9;
	transition: transform 0.2s ease;
}

/* mystyles: псевдо-шеврон у .avatar_miniprofile — в meta-шапке свой bx-chevron-down */
.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-hit::after {
	display: none !important;
	content: none !important;
}

.meta-stage .miniprofile_menu--meta-topbar.show-drd .meta-topbar__profile-hit {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(234, 179, 8, 0.25);
}

.meta-stage .miniprofile_menu--meta-topbar.show-drd .meta-topbar__profile-chev {
	transform: rotate(180deg);
}

.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-avatar .point {
	position: absolute;
	top: 1px;
	right: 1px;
	left: auto;
	width: 11px;
	height: 11px;
	border-width: 2px;
}

/* Уведомления + сообщения в meta-topbar (tpl/home/top.tpl): без дубля id с карточкой header_top */
.meta-body:has(.meta-topbar__msgnoti) .meta-stage .header_profile__card--dash > .msgnoti_block {
	display: none !important;
}

.meta-stage .meta-topbar__msgnoti {
	position: relative;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

.meta-stage .meta-topbar__msgnoti-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
}

.meta-stage .meta-topbar__noti-wrap {
	position: relative;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.meta-stage .meta-topbar__msgrow {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.meta-stage .meta-topbar__msgnoti .meta-topbar__msglbl {
	display: none;
}

.meta-stage .meta-topbar__noti,
.meta-stage .meta-topbar__msg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: var(--meta-radius-sm);
	background: var(--meta-surface-2);
	border: 1px solid var(--meta-border);
	color: var(--meta-muted);
	text-decoration: none !important;
	position: relative;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.meta-stage .meta-topbar__noti:hover,
.meta-stage .meta-topbar__msg:hover {
	border-color: rgba(234, 179, 8, 0.35);
	background: rgba(234, 179, 8, 0.08);
	color: var(--meta-text);
}

.meta-stage .meta-topbar__noti i,
.meta-stage .meta-topbar__msg i {
	font-size: 1.35rem;
	line-height: 1;
}

/* Поиск + колокольчик + сообщения: лёгкие иконки без «плитки», как на референсе */
.meta-stage .meta-topbar__usercluster .meta-topbar__icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 10px;
	background: transparent;
	border: none;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.85) !important;
	text-decoration: none !important;
	transition: color 0.15s ease, background 0.15s ease;
}

.meta-stage .meta-topbar__usercluster .meta-topbar__icon-btn:hover {
	color: var(--meta-text) !important;
	background: rgba(255, 255, 255, 0.06);
}

.meta-stage .meta-topbar__usercluster .meta-topbar__icon-btn i {
	font-size: 1.35rem;
	line-height: 1;
}

.meta-stage .meta-topbar__usercluster .meta-topbar__noti,
.meta-stage .meta-topbar__usercluster .meta-topbar__msg {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: transparent !important;
	border: none !important;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.85) !important;
}

.meta-stage .meta-topbar__usercluster .meta-topbar__noti:hover,
.meta-stage .meta-topbar__usercluster .meta-topbar__msg:hover {
	background: rgba(255, 255, 255, 0.06) !important;
	border: none !important;
	color: var(--meta-text) !important;
}

.meta-stage .meta-topbar__noti-drop {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	left: auto;
	width: min(92vw, 340px);
	max-height: min(60vh, 320px);
	overflow: auto;
	z-index: 2100;
	background: var(--meta-surface);
	border: 1px solid var(--meta-border);
	border-radius: var(--meta-radius-sm);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55);
	padding: 10px 12px 14px;
	box-sizing: border-box;
}

#notifications_line_topbar .btn {
	position: absolute;
	right: 50px;
}

@media (max-width: 991.98px) {
	.meta-stage .header .header_content.meta-topbar,
	.meta-stage .header_content.meta-topbar {
		flex-wrap: wrap;
		align-items: flex-start !important;
	}

	.meta-stage .meta-topbar__main {
		order: 2;
		flex: 1 1 100%;
		min-width: 0;
	}

	.meta-stage .meta-topbar__right {
		order: 1;
		width: 100%;
		justify-content: flex-end;
		padding-bottom: 4px;
		border-bottom: 1px solid var(--meta-border);
		margin-bottom: 4px;
	}

	.meta-stage .meta-topbar__msgnoti .meta-topbar__msgrow:not(.meta-topbar__msgrow--icononly) .meta-topbar__msglbl {
		display: inline;
		font-size: 12px;
		color: var(--meta-muted);
		white-space: nowrap;
	}

	.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-text {
		display: none;
	}

	.meta-stage .miniprofile_menu--meta-topbar .meta-topbar__profile-hit {
		max-width: none;
		padding: 4px 6px;
		gap: 8px;
	}
}

.meta-stage .header_logo {
	display: none !important;
}

/* Пустой .header_tabs не забирает половину ширины — иначе {menu} оказывается «в середине» страницы */
.meta-stage .header_tabs:empty {
	display: none !important;
}

.meta-stage .header_menu {
	flex: 1 1 auto;
	min-width: 0;
	margin-left: 0 !important;
	width: auto !important;
	max-width: 100%;
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.meta-stage .header_tabs {
	flex: 0 1 auto;
	min-width: 0;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.meta-stage .header_tabs:not(:empty) {
	flex: 1 1 auto;
}

/* Левая колонка (home/left.tpl): мини-профиль не тянется на всю высоту/пол-экрана из-за height:100% */
.meta-stage .miniprofile_menu--layout {
	max-width: 100%;
	box-sizing: border-box;
}

.meta-body .row > [class*="col-"] .miniprofile_menu--layout {
	width: 100%;
}

.meta-stage .header_menu .header_btns,
.meta-stage .header_menu .collapsible-menu {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 8px;
}

.meta-stage .header_menu a,
.meta-stage .collapsible-menu a {
	color: var(--meta-muted) !important;
	border-radius: var(--meta-radius-sm);
	padding: 8px 12px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: color 0.15s ease, background 0.15s ease;
}

.meta-stage .header_menu a:hover,
.meta-stage .collapsible-menu a:hover {
	color: var(--meta-text) !important;
	background: rgba(255, 255, 255, 0.05);
}

/* Активный пункт верхнего меню (если движок вешает класс) */
.meta-stage .header_menu li.active > a,
.meta-stage .collapsible-menu li.active > a,
.meta-stage .header_menu a.active {
	color: var(--meta-accent) !important;
	box-shadow: inset 0 -2px 0 var(--meta-accent);
	background: transparent !important;
}

/* Нижнее мобильное меню — в цветах темы */
.meta-stage .mobile-menu-bottom {
	background: var(--meta-surface) !important;
	border-top: 1px solid var(--meta-border);
}

.meta-stage .mobile-menu-bottom-item span {
	color: var(--meta-muted) !important;
}

/* --- Блок шапки: слева баннер + мониторинг, справа колонка профиля/чата --- */
.meta-stage .header_action {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(280px, min(36vw, 420px));
	gap: clamp(16px, 2vw, 24px);
	align-items: start;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	margin-top: clamp(12px, 2vw, 20px);
	margin-bottom: clamp(12px, 2vw, 20px);
}

/* Иначе при широкой min-content сетки мониторинга вторая колонка уезжает под overflow-x у .meta-stage */
.meta-stage .header_action > .header_action__main,
.meta-stage .header_action > .header_info {
	min-width: 0;
	max-width: 100%;
}

.meta-stage .header_action__main {
	display: flex;
	flex-direction: column;
	gap: clamp(12px, 1.5vw, 18px);
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.meta-stage .header_action__main .servers_heading,
.meta-stage .header_action__main .monitoring-section {
	margin-top: 0;
}

.meta-stage .header_action__main .monitoring-merry,
.meta-stage .header_action__main .monitoring {
	width: 100% !important;
	max-width: 100% !important;
}

@media (max-width: 1199.98px) {
	.meta-stage .header_action {
		grid-template-columns: 1fr;
	}
}

/* Главная (home): под шапкой — те же колонки, что у .header_action (под мониторингом | под чатом) */
.meta-stage .home-under-header {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/* Отступ до блока соц. / статистики — без «прыжков» и наслоения */
.meta-stage .home-under-header--after-gap {
	margin-bottom: clamp(20px, 3vw, 36px);
}

.meta-stage .home-under-header__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, min(36vw, 420px));
	gap: clamp(16px, 2vw, 24px);
	align-items: start;
	width: 100%;
	box-sizing: border-box;
	margin-top: clamp(8px, 1.2vw, 14px);
}

.meta-stage .home-under-header__grid--solo {
	grid-template-columns: 1fr;
}

@media (max-width: 1199.98px) {
	.meta-stage .home-under-header__grid {
		grid-template-columns: 1fr;
	}
}

.meta-stage .home-under-header__main {
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}

/* Две карточки на ширину колонки мониторинга (три — при включённом топе донатеров на главной) */
.meta-stage .home-under-header__duo {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(12px, 1.5vw, 18px);
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	align-items: stretch;
}

.meta-stage .home-under-header__duo--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* mystyles: .index__forum 27% / .index__news 33% — ломают двухколоночную сетку под мониторингом */
.meta-stage .home-under-header__duo .index__forum,
.meta-stage .home-under-header__duo .index__news {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
}

/* Топ донатеров на главной: те же строки карточки, что у «Активные пользователи» (#top_users + .new__topusers) */
.meta-stage #top_donators_home {
	width: 100%;
	box-sizing: border-box;
}

.meta-stage #top_donators_home > .top_donators {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	padding: 14px 16px !important;
	gap: 0;
	overflow: visible !important;
	min-width: 0;
	background: transparent !important;
	border-radius: 0 !important;
	border-bottom: 1px solid var(--meta-border);
	text-decoration: none !important;
	color: inherit;
	box-sizing: border-box;
}

.meta-stage #top_donators_home > .top_donators:last-child {
	border-bottom: none;
}

.meta-stage #top_donators_home .top_donator_flex {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-width: 0;
	gap: 12px;
}

.meta-stage #top_donators_home .top_donator_flex > div:first-child {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-width: 0;
	flex: 1 1 auto;
}

.meta-stage #top_donators_home .img_donators {
	width: 52px !important;
	height: 52px !important;
	border-radius: 10px !important;
	object-fit: cover;
	flex-shrink: 0;
	padding: 0 !important;
}

.meta-stage #top_donators_home .flex_text_donators {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

.meta-stage #top_donators_home .text_donator {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
	color: var(--meta-text) !important;
}

.meta-stage #top_donators_home .desp_donator {
	display: block;
	margin-top: 2px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 600;
	color: var(--meta-muted) !important;
}

.meta-stage #top_donators_home .summa_donators {
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 700;
	color: var(--meta-accent) !important;
	white-space: nowrap;
}

.meta-stage .home-under-header__duo .index-home-card {
	min-width: 0;
}

.meta-stage .home-under-header #new_news {
	width: 100% !important;
	max-width: 100% !important;
	flex-wrap: wrap !important;
	box-sizing: border-box;
}

.meta-stage .home-under-header__side {
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}

.meta-stage .home-under-header__side .index__events {
	width: 100% !important;
	max-width: 100%;
}

@media (max-width: 991.98px) {
	.meta-stage .home-under-header__duo--3 {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767.98px) {
	.meta-stage .home-under-header__duo {
		grid-template-columns: 1fr;
	}
}

/* mystyles задаёт .header_banner 60% и .header_info 39% — ломает CSS Grid */
.meta-stage .header_info,
.meta-stage .header_info.gc-home-right-rail {
	width: 100% !important;
	max-width: 100%;
	min-width: 0;
	background: transparent !important;
	flex: none !important;
}

.meta-stage .header_banner,
.meta-stage .meta-hero-static {
	width: auto !important;
	max-width: 100%;
	min-width: 0;
	border-radius: var(--meta-radius) !important;
	overflow: hidden;
	border: 1px solid var(--meta-border);
}

.meta-stage .header_profile__card,
.meta-stage .profile__auth {
	background: var(--meta-surface) !important;
	border: 1px solid var(--meta-border) !important;
	border-radius: var(--meta-radius) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.meta-stage .profile__menu .menu__item {
	border-radius: var(--meta-radius-sm) !important;
	border: 1px solid var(--meta-border) !important;
	background: var(--meta-surface-2) !important;
}

/* Статичный герой (header_top): одно фото, текст слева, две кнопки, затемнение — без Swiper */
.meta-stage .meta-hero-static .meta-hero-slide {
	position: relative;
	height: 100%;
	min-height: 280px;
	text-align: left;
	overflow: hidden;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right;
	z-index: 0;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__scrim {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		90deg,
		rgba(11, 14, 17, 0.92) 0%,
		rgba(11, 14, 17, 0.55) 42%,
		rgba(11, 14, 17, 0.2) 72%,
		rgba(11, 14, 17, 0.05) 100%
	);
	pointer-events: none;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	min-height: min(52vh, 420px);
	padding: clamp(28px, 5vw, 56px) clamp(20px, 4vw, 48px) clamp(52px, 8vw, 72px);
	box-sizing: border-box;
	max-width: min(100%, 640px);
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__line {
	position: static !important;
	bottom: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0;
	padding: 0;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1.05;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45);
	white-space: normal;
	text-wrap: balance;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__line--light {
	font-size: clamp(1.35rem, 2.6vw, 2rem);
	color: #fff !important;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__line--accent {
	margin-top: 6px;
	font-size: clamp(1.5rem, 3.2vw, 2.35rem);
	color: var(--meta-accent) !important;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__sub {
	position: static !important;
	bottom: auto !important;
	left: auto !important;
	width: auto !important;
	margin: clamp(14px, 2.2vw, 22px) 0 0;
	max-width: 34rem;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__sub p {
	position: static !important;
	bottom: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0 0 4px;
	padding: 0;
	font-size: clamp(13px, 1.5vw, 15px);
	font-weight: 500;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.88) !important;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
	white-space: normal;
	text-wrap: balance;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__actions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: clamp(20px, 3vw, 28px);
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 18px;
	min-height: 46px;
	border-radius: var(--meta-btn-shape);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none !important;
	box-sizing: border-box;
	transition: transform 0.12s ease, background 0.15s ease, border-color 0.15s ease, color 0.15s ease, filter 0.15s ease;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn:active {
	transform: translateY(1px);
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn--primary {
	background: var(--meta-btn-primary-grad) !important;
	color: #0a0a0f !important;
	border: 1px solid rgba(234, 179, 8, 0.55);
	box-shadow: 0 10px 28px rgba(234, 179, 8, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn--primary:hover {
	filter: brightness(1.06);
	color: #0a0a0f !important;
	background: var(--meta-btn-primary-grad) !important;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn--ghost {
	border-radius: var(--meta-btn-shape-alt);
	background: rgba(0, 0, 0, 0.35) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.35);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn--ghost:hover {
	border-color: rgba(255, 255, 255, 0.55);
	background: rgba(0, 0, 0, 0.5) !important;
	color: #fff !important;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn-ico--round {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	flex-shrink: 0;
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn--primary .meta-hero-slide__btn-ico--round {
	background: rgba(10, 10, 15, 0.12);
}

.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn-ico--round i {
	font-size: 1rem;
	line-height: 1;
	color: inherit;
}

@media (max-width: 575.98px) {
	.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__content {
		min-height: 260px;
		padding-bottom: 56px;
	}

	.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__actions {
		width: 100%;
	}

	.meta-stage .meta-hero-static .meta-hero-slide .meta-hero-slide__btn {
		flex: 1 1 auto;
		justify-content: center;
		min-width: 0;
	}
}

/* --- Главная сетка --- */
.meta-stage .new__index {
	gap: 20px !important;
}

.meta-stage .new_header_tab,
.meta-stage .card_servers__header__title {
	color: var(--meta-text) !important;
}

.meta-stage .index__forum,
.meta-stage .index__news,
.meta-stage .index__events,
.meta-stage .index__top_players,
.meta-stage .index__chat,
.meta-stage .header_info .index__chat--in-header,
.meta-stage .block,
.meta-stage #new_news,
.meta-stage .monitoring,
.meta-stage .dm-monitoring,
.meta-stage .servers_heading {
	background: var(--meta-surface) !important;
	border: 1px solid var(--meta-border) !important;
	border-radius: var(--meta-radius) !important;
}
.meta-stage .dm-monitoring {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Ряд «статистика + соцсети»: без смещения вниз, выравнивание по верху */
.meta-stage .index__info {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 15px;
	width: 100%;
}
.meta-stage .index__info #site_stats {
	flex: 0 1 auto;
	min-width: 0;
}
.meta-stage .index__info .social__btn.social__btn--cards {
	flex: 1 1 280px;
	min-width: 0;
	width: auto !important;
	max-width: 100%;
	margin-top: 0 !important;
}

.meta-stage .social__btn .btn {
	background: var(--meta-surface-2) !important;
	border: 1px solid var(--meta-border) !important;
	border-radius: var(--meta-radius-sm) !important;
	color: var(--meta-text) !important;
}

.meta-stage .social__btn .btn:hover {
	border-color: rgba(234, 179, 8, 0.4) !important;
}

/* === Социальные кнопки в стиле дашборда (карточки) === */
.meta-stage .social__btn.social__btn--cards {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px !important;
	width: 100%;
}
.meta-stage .social__btn--cards .social-card {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 12px !important;
	padding: 12px 14px !important;
	background: linear-gradient(180deg, rgba(28, 31, 38, 0.92), rgba(22, 25, 29, 0.92)) !important;
	border: 1px solid var(--meta-border) !important;
	border-radius: var(--meta-radius) !important;
	color: var(--meta-text) !important;
	text-decoration: none !important;
	overflow: hidden;
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.22s ease, background 0.22s ease;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.meta-stage .social__btn--cards .social-card::before {
	content: "";
	position: absolute;
	inset: -1px -1px auto -1px;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--card-accent, var(--meta-accent)), transparent);
	opacity: 0;
	transition: opacity 0.22s ease;
	pointer-events: none;
}
.meta-stage .social__btn--cards .social-card:hover {
	transform: translateY(-2px);
	border-color: rgba(234, 179, 8, 0.55) !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(234, 179, 8, 0.18);
	background: linear-gradient(180deg, rgba(36, 40, 48, 0.95), rgba(24, 27, 32, 0.95)) !important;
}
.meta-stage .social__btn--cards .social-card:hover::before {
	opacity: 1;
}
.meta-stage .social__btn--cards .social-card:active {
	transform: translateY(0);
}

.meta-stage .social__btn--cards .social-card__icon {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #fde047 0%, #eab308 100%);
	color: #fff;
	font-size: 22px;
	box-shadow: 0 6px 14px rgba(234, 179, 8, 0.32);
	transition: background 0.22s ease, box-shadow 0.22s ease, transform 0.18s ease;
}
.meta-stage .social__btn--cards .social-card__icon iconify-icon {
	font-size: 22px !important;
	color: #fff !important;
	transition: none !important;
}
.meta-stage .social__btn--cards .social-card:hover .social-card__icon {
	transform: scale(1.05);
}

.meta-stage .social__btn--cards .social-card__info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex !important;
	flex-direction: column !important;
	gap: 2px;
	align-items: flex-start;
	line-height: 1.2 !important;
}
.meta-stage .social__btn--cards .social-card__title {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #fff !important;
	letter-spacing: 0.01em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.meta-stage .social__btn--cards .social-card__sub {
	margin: 0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: var(--meta-muted) !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.meta-stage .social__btn--cards .social-card__chev {
	flex: 0 0 auto;
	margin-left: auto;
	font-size: 22px;
	line-height: 1;
	color: rgba(255, 255, 255, 0.35);
	transition: color 0.18s ease, transform 0.18s ease;
}
.meta-stage .social__btn--cards .social-card__chev iconify-icon {
	font-size: 22px !important;
	color: inherit !important;
}
.meta-stage .social__btn--cards .social-card:hover .social-card__chev {
	color: var(--card-accent, var(--meta-accent));
	transform: translateX(3px);
}

/* Акценты карточек главной: награды / кейсы / магазин (tpl/home/index.tpl) */
.meta-stage .social__btn--cards .social-card--activity {
	--card-accent: #f0b429;
}
.meta-stage .social__btn--cards .social-card--cases {
	--card-accent: #eab308;
}
.meta-stage .social__btn--cards .social-card--shop {
	--card-accent: #eab308;
}

/* Главная /home: пять карточек преимуществ (tpl/home/index.tpl — .features-row) */
.meta-stage .features-row {
	width: 100%;
	box-sizing: border-box;
}

.meta-stage .features-row__track {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 15px;
	width: 100%;
	box-sizing: border-box;
}

.meta-stage .features-row .feature-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(12, 14, 20, 0.72);
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35);
	box-sizing: border-box;
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.meta-stage .features-row .feature-card:hover {
	transform: translateY(-2px);
	border-color: rgba(56, 189, 248, 0.35);
	box-shadow:
		0 14px 40px rgba(0, 0, 0, 0.42),
		0 0 0 1px rgba(56, 189, 248, 0.12);
}

.meta-stage .features-row .feature-card:has(.icon-box--orange):hover {
	border-color: rgba(234, 179, 8, 0.48);
	box-shadow:
		0 14px 40px rgba(0, 0, 0, 0.42),
		0 0 0 1px rgba(234, 179, 8, 0.18);
}

.meta-stage .features-row .feature-card:has(.icon-box--navy):hover {
	border-color: rgba(96, 165, 250, 0.42);
	box-shadow:
		0 14px 40px rgba(0, 0, 0, 0.42),
		0 0 0 1px rgba(96, 165, 250, 0.16);
}

.meta-stage .features-row .feature-card__bg {
	position: absolute;
	inset: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.22;
	transform: scale(1.04);
	pointer-events: none;
}

.meta-stage .features-row .feature-card__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		165deg,
		rgba(8, 10, 16, 0.55) 0%,
		rgba(8, 10, 16, 0.82) 55%,
		rgba(6, 8, 14, 0.92) 100%
	);
	pointer-events: none;
}

.meta-stage .features-row .feature-card__content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px 16px;
	padding: 18px 16px 18px 18px;
	box-sizing: border-box;
	min-height: 100%;
}

.meta-stage .features-row .feature-card__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 6px;
	min-width: 0;
	flex: 1 1 auto;
}

.meta-stage .features-row .icon-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 12px;
	font-size: 28px;
	line-height: 1;
	flex-shrink: 0;
	box-sizing: border-box;
}

.meta-stage .features-row .icon-box iconify-icon {
	display: block;
	width: 1em;
	height: 1em;
}

.meta-stage .features-row .icon-box--blue {
	color: #38bdf8;
	background: rgba(56, 189, 248, 0.12);
	border: 1px solid rgba(56, 189, 248, 0.35);
	filter: drop-shadow(0 0 10px rgba(56, 189, 248, 0.45));
}

.meta-stage .features-row .icon-box--orange {
	color: #fb923c;
	background: rgba(234, 179, 8, 0.14);
	border: 1px solid rgba(234, 179, 8, 0.42);
	filter: drop-shadow(0 0 12px rgba(234, 179, 8, 0.5));
}

.meta-stage .features-row .icon-box--sky {
	color: #7dd3fc;
	background: rgba(125, 211, 252, 0.12);
	border: 1px solid rgba(125, 211, 252, 0.42);
	filter: drop-shadow(0 0 12px rgba(125, 211, 252, 0.45));
}

.meta-stage .features-row .icon-box--cyan {
	color: #22d3ee;
	background: rgba(34, 211, 238, 0.12);
	border: 1px solid rgba(34, 211, 238, 0.42);
	filter: drop-shadow(0 0 12px rgba(34, 211, 238, 0.48));
}

.meta-stage .features-row .icon-box--navy {
	color: #93c5fd;
	background: rgba(30, 58, 138, 0.45);
	border: 1px solid rgba(96, 165, 250, 0.38);
	filter: drop-shadow(0 0 14px rgba(59, 130, 246, 0.42));
}

.meta-stage .features-row .title {
	margin: 0;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: #fff !important;
}

.meta-stage .features-row .description {
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;
	color: var(--meta-muted) !important;
}

@media (max-width: 1199.98px) {
	.meta-stage .features-row__track {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.meta-stage .features-row__track {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.meta-stage .features-row__track {
		grid-template-columns: 1fr;
	}

	.meta-stage .features-row .feature-card__content {
		padding: 18px 16px 20px;
	}
}

/* Hover-иконка для карточек вне stats-героя (оранжевый / свой --card-accent) */
.meta-stage .social__btn--cards .social-card:hover .social-card__icon {
	background: linear-gradient(135deg, var(--card-accent, var(--meta-accent)) 0%, color-mix(in srgb, var(--card-accent, var(--meta-accent)) 75%, #000) 100%);
	box-shadow: 0 6px 18px color-mix(in srgb, var(--card-accent, var(--meta-accent)) 45%, transparent);
}

@media (max-width: 991.98px) {
	.meta-stage .social__btn.social__btn--cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 575.98px) {
	.meta-stage .social__btn.social__btn--cards {
		grid-template-columns: 1fr;
	}
	.meta-stage .social__btn--cards .social-card {
		padding: 10px 12px !important;
	}
}

/* Мониторинг серверов */
.meta-stage .monitoring-merry,
.meta-stage .dm-monitoring-merry,
.meta-stage #servers {
	border-radius: var(--meta-radius-sm);
}

.meta-stage .line {
	background: var(--meta-border) !important;
}

/* --- Футер --- */
.meta-body .footer {
	background: var(--meta-surface) !important;
	border-top: 1px solid var(--meta-border);
	margin-top: 0;
	padding-top: 28px !important;
	padding-bottom: 28px !important;
}

.meta-body .footer__block img {
	opacity: 0.85;
}

.meta-body .href_bottom {
	color: var(--meta-muted) !important;
}

.meta-body .href_bottom:hover {
	color: var(--meta-accent) !important;
}

.meta-body .copyright {
	color: var(--meta-muted) !important;
	border-top: 1px solid var(--meta-border);
	padding-top: 16px;
	margin-top: 16px;
}

/* Кредит автора */
.meta-body .version_fixed {
	opacity: 0.35;
}

.meta-body .version_fixed a {
	color: var(--meta-muted) !important;
}

/* Модалки Bootstrap — тёмная подложка */
.meta-body .modal-content {
	background: var(--meta-surface) !important;
	color: var(--meta-text) !important;
	border: 1px solid var(--meta-border) !important;
	border-radius: var(--meta-radius) !important;
}

.meta-body .modal-header {
	border-bottom-color: var(--meta-border) !important;
}

.meta-body .modal-title {
	color: var(--meta-text) !important;
}

/* ========== Контент: правильные селекторы (row внутри .container), без вылезания ========== */

/* primary.css задаёт .wapper .container max-width ~1140–1386px — на страницах meta тянем на всю ширину */
.meta-body .wapper .container {
	max-width: 100% !important;
	box-sizing: border-box;
}

.meta-stage .wapper > .content > .container {
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: clamp(8px, 1.2vw, 14px) !important;
	padding-right: clamp(8px, 1.2vw, 14px) !important;
	box-sizing: border-box;
	width: 100%;
}

/* Bootstrap .row даёт отрицательные margin — сбрасываем, чтобы блоки не заезжали влево */
.meta-stage .wapper > .content > .container > .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.meta-stage .wapper > .content > .container > .row > .col-lg-12 {
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 100%;
	box-sizing: border-box;
}

.meta-stage .header_banner,
.meta-stage .header_banner .meta-hero-static {
	min-height: 0;
	width: 100% !important;
	max-width: 100%;
}

.meta-stage .header_info {
	display: flex !important;
	flex-direction: column;
	gap: 14px;
	min-width: min(100%, 300px);
	width: 100%;
	box-sizing: border-box;
}

.meta-stage .header_profile {
	width: 100%;
	min-width: 0;
}

.meta-stage .header_profile__card {
	width: 100%;
	box-sizing: border-box;
}

/* Карточка профиля в шапке (header_top): строка как на макете + сетка 2×2 */
.meta-stage .header_profile__card--dash {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 16px 16px 14px;
}

.meta-stage .header_profile__dash-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
	width: 100%;
	min-width: 0;
}

.meta-stage .header_profile__card--dash .profile__avatar--dash {
	position: relative;
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid var(--meta-border);
	box-sizing: border-box;
}

.meta-stage .header_profile__card--dash .profile__avatar--dash img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.meta-stage .profile__meta--dash {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 2px;
}

.meta-stage .profile__meta--dash .profile__nickname {
	font-size: 15px;
	font-weight: 800;
	line-height: 1.25;
	color: #fff !important;
	text-decoration: none !important;
}

.meta-stage .profile__meta--dash .profile__role {
	font-size: 12px;
	line-height: 1.35;
	font-weight: 500;
	color: var(--meta-muted);
	margin-top: 1px;
}

.meta-stage .profile__meta--dash .profile__balance-sum {
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.2;
	color: #fff;
	margin-top: 6px;
	font-variant-numeric: tabular-nums;
}

.meta-stage .header_profile__top-actions--dash {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	flex-shrink: 0;
	align-self: stretch;
}

.meta-stage .balance__button--dash {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	min-height: 44px;
	white-space: nowrap;
	font-weight: 700;
	font-size: 13px;
	border: none !important;
	box-shadow: 0 4px 14px rgba(234, 179, 8, 0.25);
}

.meta-stage .header_profile__card--dash .msgnoti_block {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--meta-border);
}

.meta-stage .header_quick_grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	width: 100%;
	margin-top: 14px;
	box-sizing: border-box;
}

.meta-stage .header_quick_grid__btn {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 14px;
	min-height: 52px;
	border-radius: var(--meta-radius);
	background: var(--meta-surface-2);
	border: 1px solid var(--meta-border);
	color: #fff !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 600;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.meta-stage .header_quick_grid__btn:hover {
	border-color: rgba(234, 179, 8, 0.4);
	background: rgba(255, 255, 255, 0.04);
	color: #fff !important;
}

.meta-stage .header_quick_grid__icon {
	font-size: 1.45rem;
	color: rgba(255, 255, 255, 0.72);
	line-height: 1;
	flex-shrink: 0;
}

.meta-stage .header_quick_grid__icon--accent {
	color: var(--meta-accent);
}

/* Иконки «контуром» как на макете (настройки, форум) */
.meta-stage .header_quick_grid__icon--outline {
	color: rgba(255, 255, 255, 0.88) !important;
	-webkit-text-stroke: 0.4px rgba(255, 255, 255, 0.35);
}

/* Мини-иконки и события — визуально в одной колонке */
/* Не трогаем .meta-topbar__msgnoti: иначе width:100% съедает весь ряд и мини-профиль уезжает за край (ПК) */
.meta-stage .msgnoti_block:not(.meta-topbar__msgnoti),
.meta-stage .privsett_block,
.meta-stage .profile__menu,
.meta-stage .header_quick_grid,
.meta-stage .new_header_tab,
.meta-stage #events {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.meta-stage .header_info .profile__menu {
	display: flex !important;
	flex-wrap: nowrap;
	gap: 10px;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.meta-stage .header_info .profile__menu .menu__item {
	flex: 0 0 auto;
	min-width: 72px;
	min-height: 72px;
}

.meta-stage .header_info #events,
.meta-stage .header_info .new_event {
	max-width: 100%;
	overflow: visible;
}

.meta-stage .header_info .new_header_tab {
	width: 100%;
}

/* Мониторинг — на всю ширину контентной области, отступ сверху */
.meta-stage .servers_heading,
.meta-stage .monitoring-section,
.meta-stage .monitoring,
.meta-stage .monitoring-merry {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

.meta-stage .servers_heading,
.meta-stage .monitoring-section {
	margin-top: 8px;
}

/* Шапка блока мониторинга — в стиле дашборда: иконка, заголовок, pill-ссылка */
.meta-stage .monitoring-section__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	flex-wrap: wrap;
	margin: 0 0 8px;
	padding: 2px 2px 10px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(37, 43, 52, 0.85);
}

.meta-stage .monitoring-section__title-line {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.meta-stage .monitoring-section__title-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 10px;
	background: rgba(234, 179, 8, 0.1);
	border: 1px solid rgba(234, 179, 8, 0.22);
	color: var(--meta-accent);
	font-size: 1.125rem;
	line-height: 1;
	box-sizing: border-box;
}

.meta-stage .monitoring-section__title {
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--meta-text) !important;
	line-height: 1.25;
}

.meta-stage .monitoring-section__more {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	font-size: 13px;
	font-weight: 600;
	color: var(--meta-muted) !important;
	text-decoration: none !important;
	white-space: nowrap;
	padding: 7px 12px 7px 14px;
	border-radius: 999px;
	border: 1px solid var(--meta-border);
	background: rgba(35, 42, 52, 0.4);
	transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.2s ease;
}

.meta-stage .monitoring-section__more:hover {
	color: var(--meta-accent) !important;
	border-color: rgba(234, 179, 8, 0.42);
	background: rgba(234, 179, 8, 0.07);
	box-shadow: 0 0 0 1px rgba(234, 179, 8, 0.06);
}

.meta-stage .monitoring-section__more-ico {
	font-size: 1.15rem;
	line-height: 1;
	margin-left: 1px;
	transition: transform 0.18s ease, color 0.18s ease;
}

.meta-stage .monitoring-section__more:hover .monitoring-section__more-ico {
	transform: translateX(3px);
	color: var(--meta-accent);
}

.meta-stage .monitoring-section__meta {
	margin: 0 0 10px;
	padding: 0 2px;
	font-size: 13px;
	color: var(--meta-muted);
	line-height: 1.45;
}

.meta-stage .monitoring-section__meta-label {
	font-weight: 600;
	color: var(--meta-muted);
}

/* Превью на главной: только первые N карточек; число колонок задаётся --monitoring-preview-cols (inline из скрипта) */
.meta-stage .monitoring-section--preview .monitoring #servers,
.meta-stage .monitoring-section--preview .monitoring .monitoring-merry#servers,
.meta-stage .monitoring-section--preview .dm-monitoring #servers,
.meta-stage .monitoring-section--preview .dm-monitoring .dm-monitoring-merry#servers {
	--monitoring-preview-cols: 4;
	display: grid !important;
	grid-template-columns: repeat(var(--monitoring-preview-cols), minmax(0, 1fr)) !important;
	gap: clamp(10px, 1.2vw, 14px) !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	white-space: normal !important;
	align-content: start !important;
}

/* В шапке отменяем minmax(18.5rem) из primary/mystyles — иначе левая колонка раздувается и профиль обрезается (overflow-x на .meta-stage) */
.meta-stage .header_action .monitoring #servers,
.meta-stage .header_action .monitoring .monitoring-merry#servers,
.meta-stage .header_action .dm-monitoring #servers,
.meta-stage .header_action .dm-monitoring .dm-monitoring-merry#servers {
	grid-template-columns: repeat(var(--monitoring-preview-cols, 4), minmax(0, 1fr)) !important;
	white-space: normal !important;
	min-width: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

.meta-stage .header_action .monitoring .server,
.meta-stage .header_action .dm-monitoring .server.dm-server-card {
	min-width: 0 !important;
	max-width: 100% !important;
}

.meta-stage .header_action .monitoring .server > p,
.meta-stage .header_action .dm-monitoring .server.dm-server-card > p {
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Нижний блок главной: flex + wrap — устойчивее, чем жёсткий grid */
.meta-stage .new__index {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	gap: clamp(14px, 2vw, 22px);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin-top: 8px;
}

.meta-stage .new__index > .index__forum,
.meta-stage .new__index > .index__news,
.meta-stage .new__index > .index__events,
.meta-stage .new__index > .index__top_players {
	flex: 1 1 300px;
	min-width: 0;
}

/* Главная: один ряд — активные | новости | топ | (опционально) события */
.meta-stage .new__index--cols-3 > .index__forum,
.meta-stage .new__index--cols-3 > .index__news,
.meta-stage .new__index--cols-3 > .index__top_players,
.meta-stage .new__index--cols-3 > .index__events {
	flex: 1 1 0;
	min-width: 0;
}

@media (min-width: 992px) {
	.meta-stage .new__index--cols-3 {
		flex-wrap: nowrap;
	}

	.meta-stage .new__index--cols-3 > .index__forum,
	.meta-stage .new__index--cols-3 > .index__top_players,
	.meta-stage .new__index--cols-3 > .index__events {
		flex: 1 1 22%;
		max-width: min(100%, 300px);
		min-width: min(100%, 180px);
	}

	.meta-stage .new__index--cols-3 > .index__news {
		flex: 1 1 34%;
		min-width: 200px;
		max-width: none;
	}
}

.meta-stage .new__index > .index__chat {
	flex: 1 1 280px;
	min-width: 0;
}

/* mystyles: фиксированные 27% / 33% / 37.8% ломают flex — внутри .new__index даём авто-ширину */
.meta-stage .new__index > .index__forum,
.meta-stage .new__index > .index__news,
.meta-stage .new__index > .index__events,
.meta-stage .new__index > .index__top_players,
.meta-stage .new__index > .index__chat {
	width: auto !important;
	max-width: 100%;
}

.meta-stage .new__index--cols-3 > .index__forum,
.meta-stage .new__index--cols-3 > .index__news,
.meta-stage .new__index--cols-3 > .index__top_players,
.meta-stage .new__index--cols-3 > .index__events {
	width: auto !important;
}

@media (max-width: 767.98px) {
	.meta-stage .header_action {
		grid-template-columns: 1fr !important;
	}

	.meta-stage .new__index > .index__forum,
	.meta-stage .new__index > .index__news,
	.meta-stage .new__index > .index__events,
	.meta-stage .new__index > .index__top_players,
	.meta-stage .new__index > .index__chat {
		flex: 1 1 100%;
	}

	.meta-stage .new__index--cols-3 > .index__forum,
	.meta-stage .new__index--cols-3 > .index__news,
	.meta-stage .new__index--cols-3 > .index__top_players,
	.meta-stage .new__index--cols-3 > .index__events {
		flex: 1 1 100%;
		max-width: 100%;
	}
}

/* Карточки нижней зоны — одинаковая высота блока заголовка */
.meta-stage .index__forum,
.meta-stage .index__news,
.meta-stage .index__events,
.meta-stage .index__top_players,
.meta-stage .new__index > .index__chat {
	overflow: hidden;
}

/* Главная (home/index): под мониторингом — карточки с профилями не режутся overflow (было .index__forum { overflow: hidden }) */
.meta-stage .home-under-header .index-home-card {
	overflow: visible !important;
}

/* Чат в правой колонке шапки — прокрутка внутри, не обрезать целиком */
.meta-stage .header_info .index__chat--in-header {
	overflow: visible !important;
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}

.meta-stage .header_info .index__chat--in-header #chat #chat_messages {
	height: min(380px, 40vh) !important;
	max-height: 50vh;
}

.meta-stage .index__news {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.meta-stage .index__events {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-height: 0;
}

.meta-stage .index__events #events {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.meta-stage #events.index-home-card__list--events,
.meta-stage #events.new_event.index-home-card__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding: 4px 12px 14px;
	box-sizing: border-box;
}

/* Карточки новостей в mystyles с width: 222px — растягиваем на колонку */
.meta-stage .news__block {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}

/* Активные пользователи / топ донатеров: убираем «улёт» аватаров влево (absolute + left: -30px) */
.meta-stage #top_users,
.meta-stage #top_donators_home {
	width: 100%;
	box-sizing: border-box;
}

.meta-stage #top_users > .new__topusers,
.meta-stage #top_players_side > .new__topusers {
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center !important;
	padding: 14px 16px !important;
	gap: 12px;
	overflow: visible !important;
	min-width: 0;
}

.meta-stage #top_users > .new__topusers img,
.meta-stage #top_players_side > .new__topusers img {
	position: static !important;
	left: auto !important;
	width: 52px !important;
	height: 52px !important;
	border-radius: 50% !important;
	flex-shrink: 0;
	object-fit: cover;
}

.meta-stage #top_users > .new__topusers > .topusers_avatar,
.meta-stage #top_players_side > .new__topusers > .topusers_avatar {
	min-width: 0 !important;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.meta-stage #top_users > .new__topusers > .topusers__info,
.meta-stage #top_players_side > .new__topusers > .topusers__info {
	flex: 1 1 0%;
	min-width: 0;
}

.meta-stage .index__bannerrules {
	border-radius: var(--meta-radius-sm);
	overflow: hidden;
	flex-shrink: 0;
}

/* Главная: карточки «Активные пользователи» / «Новости проекта» (макет дашборда) */
.meta-stage .index-home-card {
	display: flex;
	flex-direction: column;
	min-height: 0;
}

.meta-stage .index-home-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 18px 12px;
	border-bottom: 1px solid var(--meta-border);
	box-sizing: border-box;
}

.meta-stage .index-home-card__header:not(.index-home-card__header--split) {
	justify-content: flex-start;
}

.meta-stage .index-home-card__title {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--meta-text) !important;
	line-height: 1.3;
}

.meta-stage .index-home-card__more {
	font-size: 13px;
	font-weight: 500;
	color: var(--meta-muted) !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: color 0.15s ease;
}

.meta-stage .index-home-card__more:hover {
	color: var(--meta-accent) !important;
}

.meta-stage .index-home-card__main {
	flex: 1 1 auto;
	min-height: 0;
	padding: 0;
	box-sizing: border-box;
}

.meta-stage .index-home-card__footer {
	padding: 12px 18px 14px;
	margin-top: auto;
	border-top: 1px solid var(--meta-border);
	text-align: right;
	box-sizing: border-box;
}

.meta-stage .index__news #new_news {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.meta-stage #top_users > .new__topusers,
.meta-stage #top_players_side > .new__topusers {
	background: transparent !important;
	border-radius: 0 !important;
	border-bottom: 1px solid var(--meta-border);
}

.meta-stage #top_users > .new__topusers:last-child,
.meta-stage #top_players_side > .new__topusers:last-child {
	border-bottom: none;
}

.meta-stage #top_users > .new__topusers img,
.meta-stage #top_players_side > .new__topusers img {
	border-radius: 10px !important;
}

.meta-stage #top_users .topusers__info,
.meta-stage #top_players_side .topusers__info {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 14px;
	row-gap: 4px;
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}

.meta-stage #top_users .topusers__profile,
.meta-stage #top_players_side .topusers__profile {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
}

.meta-stage #top_users .topusers__profile .profile__group,
.meta-stage #top_players_side .topusers__profile .profile__group {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.meta-stage #top_users .topusers__profile .topusers__gp,
.meta-stage #top_players_side .topusers__profile .topusers__gp {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.meta-stage #top_users .topusers__gp,
.meta-stage #top_players_side .topusers__gp {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 600;
	color: var(--meta-muted) !important;
	letter-spacing: 0;
}

.meta-stage #top_users .topusers__gp:empty,
.meta-stage #top_players_side .topusers__gp:empty {
	display: none;
}

.meta-stage #top_users .info__like,
.meta-stage #top_players_side .info__like {
	margin-top: 0 !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(52px, 1fr));
	gap: 6px 8px;
	justify-self: end;
	width: fit-content;
	max-width: none;
	min-width: 168px;
	flex-shrink: 0;
}

.meta-stage #top_users .info__like > div,
.meta-stage #top_players_side .info__like > div {
	text-align: center;
}

.meta-stage #top_users .info__like > div > span,
.meta-stage #top_players_side .info__like > div > span {
	font-weight: 700;
	font-size: 14px;
}

.meta-stage #top_users .info__like > div > p,
.meta-stage #top_players_side .info__like > div > p {
	font-size: 10px;
	font-weight: 600;
	color: var(--meta-muted) !important;
}

.meta-stage #top_users > .new__topusers:hover > .topusers__info > .info__like > div > p,
.meta-stage #top_users > .new__topusers:hover > .topusers__info > .info__like > div:nth-child(1) > p,
.meta-stage #top_users > .new__topusers:hover > .topusers__info > .info__like > div:nth-child(2) > p,
.meta-stage #top_users > .new__topusers:hover > .topusers__info > .info__like > div:nth-child(3) > p,
.meta-stage #top_players_side > .new__topusers:hover > .topusers__info > .info__like > div > p,
.meta-stage #top_players_side > .new__topusers:hover > .topusers__info > .info__like > div:nth-child(1) > p,
.meta-stage #top_players_side > .new__topusers:hover > .topusers__info > .info__like > div:nth-child(2) > p,
.meta-stage #top_players_side > .new__topusers:hover > .topusers__info > .info__like > div:nth-child(3) > p {
	color: var(--meta-muted) !important;
	text-shadow: none;
}

.meta-stage #top_users > .new__topusers:hover > .topusers__info > .info__like > div > span,
.meta-stage #top_players_side > .new__topusers:hover > .topusers__info > .info__like > div > span {
	text-shadow: none;
}

.meta-stage #top_users > .new__topusers:hover img,
.meta-stage #top_players_side > .new__topusers:hover img {
	box-shadow: none;
}

/* Топ игроков (третья колонка): компактные строки с местом под номер */
.meta-stage #top_players_side {
	counter-reset: topplayers;
	width: 100%;
	box-sizing: border-box;
}

.meta-stage #top_players_side > .new__topusers {
	position: relative;
	padding-left: 36px !important;
}

.meta-stage #top_players_side > .new__topusers::before {
	counter-increment: topplayers;
	content: counter(topplayers);
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	text-align: center;
	font-size: 13px;
	font-weight: 800;
	color: var(--meta-muted);
}

.meta-stage #top_players_side > .new__topusers:nth-child(-n+3)::before {
	color: var(--meta-accent);
}

.meta-stage #top_players_side .info__like {
	grid-template-columns: repeat(3, minmax(40px, 1fr));
	min-width: 120px;
	gap: 4px 6px;
}

.meta-stage #top_players_side .info__like > div > span {
	font-size: 13px;
}

.meta-stage #top_players_side .info__like > div > p {
	font-size: 9px;
}

.meta-stage #new_news.index-home-card__list--news,
.meta-stage #new_news.index-home-card__list {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	gap: 0 !important;
	width: 100%;
	padding: 0 0 6px;
	box-sizing: border-box;
}

.meta-stage #new_news > a {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: none !important;
}

.meta-stage #new_news .news__block.news__block--gc,
.meta-stage #new_news > a.news__block--gc {
	min-height: 0 !important;
	height: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	border-radius: 0 !important;
	padding: 16px 4px 16px 2px !important;
	gap: 16px 18px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	background: transparent !important;
	background-image: none !important;
	border-bottom: 1px solid rgba(148, 163, 184, 0.12);
	box-sizing: border-box;
	position: relative;
}

.meta-stage #new_news > a:last-child .news__block.news__block--gc,
.meta-stage #new_news > a.news__block--gc:last-child {
	border-bottom: none !important;
}

.meta-stage #new_news .news__block.news__block--gc::after {
	display: none !important;
}

.meta-stage #new_news .news__thumb {
	display: block;
	flex: 0 0 auto;
	width: min(168px, 40%);
	max-width: 220px;
	aspect-ratio: 16 / 9;
	height: auto;
	min-height: 0;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
	background-color: rgba(11, 14, 20, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-sizing: border-box;
	align-self: flex-start;
}

.meta-stage #new_news .news__card-main {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	justify-content: flex-start;
	gap: 8px;
}

.meta-stage #new_news .news__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 20px;
	padding: 2px 10px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	line-height: 1.2;
	color: #fff;
	background: rgba(123, 44, 191, 0.42);
	border: 1px solid rgba(167, 139, 250, 0.5);
	box-sizing: border-box;
}

.meta-stage #new_news .news__badge::before {
	content: "НОВОСТИ";
}

.meta-stage #new_news > a:nth-child(3n + 1) .news__badge {
	background: rgba(123, 44, 191, 0.42);
	border-color: rgba(192, 132, 252, 0.55);
}

.meta-stage #new_news > a:nth-child(3n + 1) .news__badge::before {
	content: "ОБНОВЛЕНИЕ";
}

.meta-stage #new_news > a:nth-child(3n + 2) .news__badge {
	background: rgba(45, 106, 79, 0.55);
	border-color: rgba(74, 222, 128, 0.5);
}

.meta-stage #new_news > a:nth-child(3n + 2) .news__badge::before {
	content: "ИВЕНТ";
}

.meta-stage #new_news > a:nth-child(3n + 3) .news__badge {
	background: rgba(123, 44, 191, 0.38);
	border-color: rgba(167, 139, 250, 0.5);
}

.meta-stage #new_news > a:nth-child(3n + 3) .news__badge::before {
	content: "НОВОСТИ";
}

.meta-stage #new_news .news__title,
.meta-stage #new_news .news__subtitle {
	position: relative;
	z-index: 1;
	max-width: 100%;
}

.meta-stage #new_news .news__title {
	font-size: clamp(15px, 1.9vw, 17px);
	font-weight: 800;
	line-height: 1.2;
	color: #ffffff !important;
}

.meta-stage #new_news .news__subtitle {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.45;
	color: #94a3b8 !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.meta-stage #new_news .news__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	margin-top: auto;
	padding-top: 4px;
	font-size: 12px;
	font-weight: 500;
	color: #94a3b8 !important;
	width: 100%;
}

.meta-stage #new_news .news__views {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

.meta-stage #new_news .news__views::before {
	content: "|";
	margin-right: 10px;
	font-weight: 600;
	color: rgba(148, 163, 184, 0.45);
}

.meta-stage #new_news .news__views i {
	font-size: 14px;
	opacity: 0.85;
}

.meta-stage #new_news .empty-element {
	height: auto !important;
	min-height: 140px !important;
	max-height: none !important;
	border-radius: 0 !important;
	margin: 8px 12px 12px;
}

/* Виджет новостей может отдавать разметку .small-new (last_new.tpl) */
.meta-stage #new_news > a.small-new {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: 14px;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 72px;
	padding: 14px 16px !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--meta-border);
	box-sizing: border-box;
	text-decoration: none !important;
	overflow: hidden;
}

.meta-stage #new_news > a.small-new:last-child {
	border-bottom: none;
}

.meta-stage #new_news > a.small-new::after {
	display: none;
}

.meta-stage #new_news > a.small-new img {
	float: none !important;
	width: 72px !important;
	height: 72px !important;
	max-width: 72px;
	object-fit: cover;
	border-radius: 10px !important;
	margin: 0 !important;
	flex-shrink: 0;
}

.meta-stage #new_news > a.small-new > div {
	float: none !important;
	width: auto !important;
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.meta-stage #new_news > a.small-new > div > p {
	float: none !important;
	width: 100% !important;
	white-space: normal !important;
	margin: 0 !important;
	line-height: 1.35 !important;
}

.meta-stage #new_news > a.small-new > div > p:first-of-type {
	font-size: 15px;
	font-weight: 700;
	color: var(--meta-text) !important;
}

.meta-stage #new_news > a:nth-child(3n + 1).small-new > div > p:first-of-type {
	color: #e8a317 !important;
}

.meta-stage #new_news > a:nth-child(3n + 2).small-new > div > p:first-of-type {
	color: #b46cff !important;
}

.meta-stage #new_news > a:nth-child(3n + 3).small-new > div > p:first-of-type {
	color: var(--meta-accent) !important;
}

.meta-stage #new_news > a.small-new > div > p:nth-of-type(2) {
	font-size: 12px;
	color: var(--meta-muted) !important;
}

.meta-stage #new_news > a.small-new > div > p:nth-of-type(3) {
	font-size: 12px;
	color: var(--meta-muted) !important;
	margin-top: 2px !important;
}

@media (max-width: 575.98px) {
	.meta-stage #top_users .topusers__info {
		grid-template-columns: 1fr;
	}

	.meta-stage #top_users .info__like {
		justify-self: stretch;
		width: 100%;
		min-width: 0;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Футер meta: фон и колонки на всю ширину main-зоны */
.meta-body .footer.meta-footer .meta-footer__inner,
.meta-body .footer.meta-footer .container.meta-footer__inner {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
	padding-left: clamp(16px, 2.5vw, 40px) !important;
	padding-right: clamp(16px, 2.5vw, 40px) !important;
}

/* Прочие футеры — контейнер на всю ширину как раньше */
.meta-body .footer:not(.meta-footer) .container {
	max-width: 100% !important;
	margin-left: 0;
	margin-right: 0;
	padding-left: clamp(10px, 1.5vw, 20px);
	padding-right: clamp(10px, 1.5vw, 20px);
}

/* --- Страница «сайт недоступен» (tpl/off_site.tpl): тёмный фон + оранжевый акцент как в meta --- */
.off-site-page {
	min-height: 100vh;
	margin: 0;
	background: var(--meta-bg);
	color: var(--meta-text);
	font-family: Inter, system-ui, sans-serif;
}

.off-site {
	position: relative;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.off-site__noise {
	pointer-events: none;
	position: fixed;
	inset: 0;
	opacity: 0.04;
	background-image: radial-gradient(1px 1px at 20% 30%, #fff 0, transparent 100%),
		radial-gradient(1px 1px at 70% 60%, #fff 0, transparent 100%);
	background-size: 100% 100%;
}

.off-site__header {
	position: relative;
	z-index: 1;
	padding: clamp(18px, 3vw, 28px) clamp(16px, 3vw, 28px) 8px;
	border-bottom: 1px solid var(--meta-border);
	background: rgba(0, 0, 0, 0.2);
}

.off-site__brand {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	text-decoration: none !important;
}

.off-site__brand-tw {
	display: inline-flex;
	font-style: italic;
	font-weight: 900;
	font-size: clamp(1.35rem, 3vw, 1.65rem);
	line-height: 1;
	letter-spacing: 0.02em;
}

.off-site__brand-t {
	color: #fff;
}

.off-site__brand-w {
	color: var(--meta-accent);
}

.off-site__brand-studio {
	font-style: normal;
	font-weight: 500;
	font-size: 0.72em;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fff;
}

.off-site__main {
	position: relative;
	z-index: 1;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(20px, 4vw, 40px) 16px 48px;
}

.off-site__card {
	width: min(100%, 520px);
	padding: clamp(24px, 4vw, 36px) clamp(20px, 3vw, 32px);
	border-radius: var(--meta-radius);
	background: var(--meta-surface);
	border: 1px solid var(--meta-border);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
	text-align: center;
}

.off-site__badge {
	width: 56px;
	height: 56px;
	margin: 0 auto 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: rgba(234, 179, 8, 0.12);
	border: 1px solid rgba(234, 179, 8, 0.28);
	color: var(--meta-accent);
	font-size: 1.65rem;
}

.off-site__title {
	margin: 0 0 12px;
	font-size: clamp(1.15rem, 2.4vw, 1.45rem);
	font-weight: 700;
	line-height: 1.35;
	color: #fff;
}

.off-site__subtitle {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--meta-muted);
	line-height: 1.5;
}

/* --- Страница / блок ошибки (tpl/error.tpl) — в стиле meta --- */
.meta-error-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: min(72vh, 720px);
	padding: clamp(28px, 5vw, 56px) clamp(14px, 3vw, 24px);
	box-sizing: border-box;
}

.meta-body .meta-error-wrap {
	margin-left: auto;
	margin-right: auto;
}

.meta-error {
	position: relative;
	width: 100%;
	max-width: 540px;
	z-index: 0;
}

.meta-error__noise {
	pointer-events: none;
	position: absolute;
	inset: -20% -10% -10% -10%;
	opacity: 0.06;
	background-image: radial-gradient(1px 1px at 20% 30%, #fff 0, transparent 100%),
		radial-gradient(1px 1px at 70% 60%, #fff 0, transparent 100%);
	background-size: 100% 100%;
	z-index: 0;
}

.meta-error__card {
	position: relative;
	z-index: 1;
	padding: clamp(28px, 4vw, 40px) clamp(22px, 3vw, 32px) clamp(26px, 3.5vw, 34px);
	border-radius: var(--meta-radius);
	background: var(--meta-surface);
	border: 1px solid var(--meta-border);
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(234, 179, 8, 0.06) inset;
	text-align: center;
	box-sizing: border-box;
}

.meta-error__badge {
	width: 64px;
	height: 64px;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	background: linear-gradient(145deg, rgba(234, 179, 8, 0.18), rgba(202, 138, 4, 0.08));
	border: 1px solid rgba(234, 179, 8, 0.35);
	color: var(--meta-accent);
	font-size: 2rem;
	line-height: 1;
}

.meta-error__title {
	margin: 0 0 14px;
	font-size: clamp(1.25rem, 2.6vw, 1.55rem);
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.25;
	color: #fff;
}

.meta-error__text {
	margin: 0 0 26px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--meta-muted);
	word-break: break-word;
	overflow-wrap: anywhere;
}

.meta-error__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.meta-error__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 22px;
	border-radius: var(--meta-radius-sm);
	font-size: 14px;
	font-weight: 700;
	font-family: inherit;
	text-decoration: none !important;
	cursor: pointer;
	border: 1px solid transparent;
	box-sizing: border-box;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.12s ease;
}

.meta-error__btn:active {
	transform: scale(0.98);
}

.meta-error__btn--primary {
	background: var(--meta-accent) !important;
	color: #fff !important;
	border-color: transparent;
	box-shadow: 0 6px 22px rgba(234, 179, 8, 0.28);
}

.meta-error__btn--primary:hover {
	background: var(--meta-accent-hover) !important;
	color: #fff !important;
}

.meta-error__btn--ghost {
	background: transparent !important;
	color: var(--meta-text) !important;
	border-color: var(--meta-border);
}

.meta-error__btn--ghost:hover {
	border-color: rgba(234, 179, 8, 0.35);
	background: rgba(255, 255, 255, 0.04) !important;
	color: #fff !important;
}

@media (max-width: 575.98px) {
	.meta-error__actions {
		flex-direction: column;
		width: 100%;
	}

	.meta-error__btn {
		width: 100%;
	}
}

/* --- Контакт-карточки команды (CS2-style) --- */
.cs2_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin: 6px 0 14px;
}

.cs2_card {
	position: relative;
	background: #0f1114;
	border-radius: 14px;
	padding: 12px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05),
		0 18px 30px rgba(0, 0, 0, 0.55);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	isolation: isolate;
}

.cs2_card:hover {
	transform: translateY(-3px);
	box-shadow: 0 0 0 1px rgba(255, 211, 92, 0.22),
		0 24px 50px rgba(0, 0, 0, 0.75);
}

.cs2_noise {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 30% 20%, rgba(255, 211, 92, 0.18), transparent 55%),
		radial-gradient(circle at 80% 85%, rgba(0, 153, 255, 0.10), transparent 55%);
	opacity: 0.75;
	pointer-events: none;
	z-index: 0;
}

.cs2_card::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 22px 22px;
	pointer-events: none;
	z-index: 1;
	opacity: 0.5;
	animation: cs2_grid_move 12s linear infinite;
}

@keyframes cs2_grid_move {
	from { background-position: 0 0; }
	to   { background-position: 22px 22px; }
}

.cs2_header {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 10px;
}

.cs2_avatar {
	width: 44px;
	height: 44px;
	flex: 0 0 auto;
	border-radius: 9px;
	object-fit: cover;
	background: #1a1d22;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 0 16px rgba(255, 255, 255, 0.12);
}

.cs2_header > div {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.cs2_header b {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cs2_header span {
	display: block;
	margin-top: 2px;
	color: #c9c9c9;
	font-size: 11px;
	opacity: 0.85;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cs2_badge {
	position: relative;
	z-index: 2;
	margin-top: 10px;
	padding: 6px 10px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cs2_badge i {
	font-size: 14px;
	flex: 0 0 auto;
}

.cs2_badge.gold {
	background: linear-gradient(135deg, #ffd35c, #ff9f00);
	color: #1b1300;
}

.cs2_badge.blue {
	background: linear-gradient(135deg, #6cb8ff, #2e6cff);
	color: #fff;
}

.cs2_badge.green {
	background: linear-gradient(135deg, #9dff8b, #00c27a);
	color: #002718;
}

.cs2_badge.orange {
	background: linear-gradient(135deg, #fde68a, #ff9f00);
	color: #2b1200;
}

.cs2_btn {
	position: relative;
	z-index: 2;
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 0;
	border-radius: 10px;
	background: linear-gradient(135deg, #ffd35c, #ffae00);
	color: #1a1200 !important;
	font-weight: 800;
	font-size: 12px;
	text-decoration: none !important;
	box-shadow: 0 0 22px rgba(255, 184, 54, 0.35);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.cs2_btn i {
	font-size: 14px;
}

.cs2_btn:hover {
	transform: scale(1.03);
	box-shadow: 0 0 36px rgba(255, 184, 54, 0.7);
	color: #1a1200 !important;
	text-decoration: none !important;
}

.cs2_btn:focus-visible {
	outline: 2px solid #ffd35c;
	outline-offset: 2px;
}

/* В сайдбаре карточки идут одной колонкой и компактнее по отступам */
.meta-sidebar .cs2_wrapper {
	grid-template-columns: 1fr;
	gap: 10px;
	margin: 4px 0 12px;
}

.meta-sidebar .cs2_card {
	padding: 11px;
	border-radius: 12px;
}

.meta-sidebar .cs2_avatar {
	width: 40px;
	height: 40px;
	border-radius: 8px;
}

.meta-sidebar .cs2_header b {
	font-size: 13px;
}

.meta-sidebar .cs2_header span {
	font-size: 10.5px;
}

.meta-sidebar .cs2_badge {
	margin-top: 9px;
	padding: 5px 8px;
	font-size: 10px;
	letter-spacing: 0.4px;
}

.meta-sidebar .cs2_badge i {
	font-size: 12px;
}

.meta-sidebar .cs2_btn {
	margin-top: 10px;
	padding: 8px 0;
	font-size: 11.5px;
	border-radius: 9px;
}

/* --- Мобильное меню «Профиль / Сервисы» (profiletabs_mobile.tpl) в стиле meta --- */
.profiletabs-mobile--meta.profiletabs_background {
	background: var(--meta-bg) !important;
}

.profiletabs-mobile--meta .profiletabs-mobile__tab-content {
	border-bottom: 1px solid var(--meta-border) !important;
}

.profiletabs-mobile--meta .profiletabs-mobile__header {
	background: rgba(22, 25, 29, 0.92) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--meta-border) !important;
	height: 52px !important;
	z-index: 3;
	box-sizing: border-box;
}

.profiletabs-mobile--meta .profiletabs-mobile__back {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: var(--meta-radius-sm);
	background: var(--meta-surface-2);
	border: 1px solid var(--meta-border);
	color: var(--meta-text) !important;
	text-decoration: none !important;
	font-size: 22px;
	opacity: 1 !important;
}

.profiletabs-mobile--meta .profiletabs-mobile__back:hover {
	color: var(--meta-accent) !important;
	border-color: rgba(234, 179, 8, 0.35);
	opacity: 1 !important;
}

.profiletabs-mobile--meta .profiletabs-mobile__title {
	font-weight: 800 !important;
	font-size: 17px !important;
	letter-spacing: 0.02em;
	color: var(--meta-text);
	text-transform: none;
}

.profiletabs-mobile--meta .profiletabs-mobile__header-spacer {
	width: 40px;
	flex-shrink: 0;
}

.profiletabs-mobile--meta .profiletabs-mobile__content {
	margin-top: 62px !important;
	padding: 0 14px 12px !important;
}

.profiletabs-mobile--meta .profiletabs-mobile__content--empty {
	min-height: 0;
	margin-bottom: 0;
	padding-bottom: 4px !important;
}

.profiletabs-mobile--meta .profiletabs-mobile__profile-card {
	background: var(--meta-surface) !important;
	border: 1px solid var(--meta-border) !important;
	border-radius: var(--meta-radius) !important;
	padding: 16px !important;
	text-decoration: none !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

.profiletabs-mobile--meta .profiletabs-mobile__profile-row {
	display: flex;
	gap: 14px;
	align-items: center;
}

.profiletabs-mobile--meta .profiletabs-mobile__avatar img {
	width: 52px !important;
	height: 52px !important;
	border-radius: 50% !important;
	border: 2px solid var(--meta-border);
	object-fit: cover;
}

.profiletabs-mobile--meta .profiletabs-mobile__profile-info .login {
	font-size: 17px !important;
	font-weight: 700;
	color: inherit;
}

.profiletabs-mobile--meta .profiletabs-mobile__profile-info .group {
	color: var(--meta-muted) !important;
	font-size: 13px !important;
}

.profiletabs-mobile--meta .profiletabs-mobile__badges-slot {
	margin-left: 4px;
}

.profiletabs-mobile--meta .profiletabs-mobile__profile-chev {
	color: var(--meta-muted);
	font-size: 22px;
	display: flex;
	align-items: center;
}

.profiletabs-mobile--meta .profiletabs-mobile__btn-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	padding: 4px 14px 24px !important;
}

@media (max-width: 380px) {
	.profiletabs-mobile--meta .profiletabs-mobile__btn-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

.profiletabs-mobile--meta .profiletabs-mobile__tile {
	background: var(--meta-surface) !important;
	border: 1px solid var(--meta-border) !important;
	border-radius: 14px !important;
	padding: 12px 10px !important;
	text-decoration: none !important;
	color: var(--meta-text) !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
	transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.12s ease;
}

.profiletabs-mobile--meta .profiletabs-mobile__tile:hover,
.profiletabs-mobile--meta .profiletabs-mobile__tile:focus-visible {
	border-color: rgba(234, 179, 8, 0.45) !important;
	box-shadow: 0 6px 22px rgba(234, 179, 8, 0.12);
	outline: none;
}

.profiletabs-mobile--meta .profiletabs-mobile__tile-icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 auto 6px;
	background: linear-gradient(135deg, #fde047 0%, #eab308 100%);
	box-shadow: 0 8px 20px rgba(234, 179, 8, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
	color: #fff !important;
}

.profiletabs-mobile--meta .profiletabs-mobile__tile-icon i {
	font-size: 22px;
	line-height: 1;
}

.profiletabs-mobile--meta .profiletabs-mobile__tile--warn .profiletabs-mobile__tile-icon {
	background: linear-gradient(135deg, #fde047 0%, #ca8a04 100%);
	box-shadow: 0 8px 22px rgba(224, 64, 64, 0.25);
}

.profiletabs-mobile--meta .profiletabs-mobile__tile--admin .profiletabs-mobile__tile-icon {
	background: linear-gradient(135deg, #6b5cff 0%, #4a3fcc 100%);
	box-shadow: 0 8px 22px rgba(80, 70, 200, 0.3);
}

.profiletabs-mobile--meta .profiletabs-mobile__tile--exit .profiletabs-mobile__tile-icon {
	background: linear-gradient(135deg, #5c6570 0%, #3a4048 100%);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.profiletabs-mobile--meta .profiletabs-mobile__tile-text span {
	color: var(--meta-muted) !important;
	font-size: 12.5px !important;
	line-height: 1.35 !important;
	font-weight: 600 !important;
	display: block;
	text-align: center;
	hyphens: auto;
}

/* ========== Раздел обжалований (tpl/bans) — hero + карточки в теме meta ========== */
.meta-stage .bans-page {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin-bottom: clamp(20px, 3vw, 40px);
}

.meta-stage .bans-hero {
	position: relative;
	border-radius: var(--meta-radius);
	overflow: hidden;
	min-height: 220px;
	margin-bottom: clamp(16px, 2vw, 24px);
	background: var(--meta-surface);
	border: 1px solid var(--meta-border);
	box-sizing: border-box;
}

.meta-stage .bans-hero--compact {
	min-height: 0;
}

.meta-stage .bans-hero__bg {
	position: absolute;
	inset: 0;
	background: url("/templates/GameX/img/ban_custom/bans.png") center right / cover no-repeat;
	opacity: 0.55;
}

.meta-stage .bans-hero__scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(11, 14, 17, 0.96) 0%,
		rgba(11, 14, 17, 0.88) 45%,
		rgba(11, 14, 17, 0.5) 100%
	);
}

.meta-stage .bans-hero__inner {
	position: relative;
	z-index: 2;
	padding: clamp(20px, 3vw, 32px);
	max-width: 720px;
	box-sizing: border-box;
}

.meta-stage .bans-hero__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

.meta-stage .bans-hero__tab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: var(--meta-radius-sm);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	color: var(--meta-muted) !important;
	background: rgba(22, 25, 29, 0.85) !important;
	border: 1px solid var(--meta-border) !important;
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.meta-stage .bans-hero__tab i {
	font-size: 18px;
	line-height: 1;
}

.meta-stage .bans-hero__tab:hover {
	color: var(--meta-text) !important;
	background: var(--meta-surface-2) !important;
	border-color: var(--meta-border) !important;
}

.meta-stage .bans-hero__tab.is-active {
	color: var(--meta-accent) !important;
	border-color: rgba(234, 179, 8, 0.45) !important;
	background: rgba(234, 179, 8, 0.08) !important;
	box-shadow: 0 0 0 1px rgba(234, 179, 8, 0.1);
}

.meta-stage .bans-hero__title {
	margin: 0 0 10px;
	font-size: clamp(26px, 4vw, 36px);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: 0.02em;
}

.meta-stage .bans-hero__title--sm {
	font-size: clamp(22px, 3.2vw, 30px);
}

.meta-stage .bans-hero__title-w {
	color: var(--meta-text);
}

.meta-stage .bans-hero__title-o {
	color: var(--meta-accent);
}

.meta-stage .bans-hero__lead {
	margin: 0;
	color: var(--meta-muted);
	font-size: 14px;
	line-height: 1.55;
	max-width: 560px;
}

.meta-stage .bans-page__row {
	margin-left: 0;
	margin-right: 0;
	align-items: flex-start;
}

.meta-stage .bans-page__row > [class*="col-"] {
	padding-left: clamp(6px, 1vw, 12px);
	padding-right: clamp(6px, 1vw, 12px);
}

.meta-stage .bans-page__main {
	min-width: 0;
}

.meta-stage .bans-page__aside {
	min-width: 0;
}

.meta-stage .bans-card {
	background: var(--meta-surface) !important;
	border: 1px solid var(--meta-border) !important;
	border-radius: var(--meta-radius) !important;
	margin-bottom: clamp(14px, 2vw, 20px);
	overflow: hidden;
	box-sizing: border-box;
}

.meta-stage .bans-card--intro {
	padding: clamp(14px, 2vw, 18px) clamp(16px, 2vw, 20px);
}

.meta-stage .bans-intro__text {
	margin: 0;
	color: var(--meta-muted);
	font-size: 14px;
	line-height: 1.55;
}

.meta-stage .bans-card__head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	background: linear-gradient(180deg, rgba(28, 31, 38, 0.55), rgba(22, 25, 29, 0.2));
	border-bottom: 1px solid var(--meta-border);
}

.meta-stage .bans-card__head--sub {
	border-top: 1px solid var(--meta-border);
	border-bottom: 1px solid var(--meta-border);
	margin-top: 0;
}

.meta-stage .bans-card__head-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: rgba(234, 179, 8, 0.12);
	border: 1px solid rgba(234, 179, 8, 0.22);
	color: var(--meta-accent);
	font-size: 1.15rem;
	flex-shrink: 0;
}

.meta-stage .bans-card__head-title {
	font-size: 15px;
	font-weight: 700;
	color: var(--meta-text) !important;
}

.meta-stage .bans-card__body {
	padding: 16px 18px 18px;
	color: var(--meta-text);
}

.meta-stage .bans-card--table .bans-card__body {
	padding: 0;
}

.meta-stage .bans-card--table .bans-table-wrap {
	border-radius: 0 0 var(--meta-radius) var(--meta-radius);
}

.meta-stage .bans-card--sticky {
	padding: 16px;
}

@media (min-width: 992px) {
	.meta-stage .bans-card--sticky {
		position: sticky;
		top: calc(var(--meta-topbar-h, 64px) + 12px);
	}
}

.meta-stage .bans-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 18px;
	border-radius: var(--meta-radius-sm);
	font-size: 13px;
	font-weight: 700;
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease;
	box-sizing: border-box;
}

.meta-stage .bans-btn--block {
	width: 100%;
	margin-bottom: 16px;
}

.meta-stage .bans-btn--primary {
	background: linear-gradient(135deg, #fde047 0%, var(--meta-accent) 100%);
	color: #fff !important;
	border-color: transparent;
	box-shadow: 0 6px 18px rgba(234, 179, 8, 0.28);
}

.meta-stage .bans-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(234, 179, 8, 0.38);
	color: #fff !important;
}

.meta-stage .bans-btn--muted {
	background: var(--meta-surface-2);
	color: var(--meta-text) !important;
	border-color: var(--meta-border);
	margin: 0 8px 10px 0;
}

.meta-stage .bans-btn--muted:hover {
	border-color: rgba(234, 179, 8, 0.35);
	color: var(--meta-accent) !important;
}

.meta-stage .bans-btn--success {
	background: rgba(34, 197, 94, 0.15);
	color: #4ade80 !important;
	border-color: rgba(34, 197, 94, 0.35);
	margin: 0 8px 10px 0;
}

.meta-stage .bans-btn--success:hover {
	background: rgba(34, 197, 94, 0.22);
}

.meta-stage .bans-btn--warning {
	background: rgba(234, 179, 8, 0.12);
	color: #facc15 !important;
	border-color: rgba(234, 179, 8, 0.35);
	margin: 0 8px 10px 0;
}

.meta-stage .bans-btn--warning:hover {
	background: rgba(234, 179, 8, 0.18);
}

.meta-stage .bans-btn--danger {
	background: rgba(239, 68, 68, 0.12);
	color: #f87171 !important;
	border-color: rgba(239, 68, 68, 0.35);
	margin: 0 8px 10px 0;
}

.meta-stage .bans-btn--danger:hover {
	background: rgba(239, 68, 68, 0.18);
}

.meta-stage .bans-aside-nav__label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--meta-muted);
	margin-bottom: 10px;
}

.meta-stage .bans-server-nav ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta-stage .bans-server-nav ul li {
	margin: 0;
}

.meta-stage .bans-server-nav ul li a {
	display: flex;
	align-items: center;
	padding: 10px 14px;
	border-radius: var(--meta-radius-sm);
	background: var(--meta-surface-2) !important;
	border: 1px solid var(--meta-border) !important;
	color: var(--meta-text) !important;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: 600;
	transition: border-color 0.15s ease, color 0.15s ease;
}

.meta-stage .bans-server-nav ul li.active a,
.meta-stage .bans-server-nav ul li a:hover {
	border-color: rgba(234, 179, 8, 0.45) !important;
	color: var(--meta-accent) !important;
}

.meta-stage .bans-table-wrap {
	border: none;
}

.meta-stage .bans-table {
	margin: 0 !important;
	background: transparent !important;
	color: var(--meta-text) !important;
	border-color: var(--meta-border) !important;
}

.meta-stage .bans-table thead th,
.meta-stage .bans-table__th {
	background: var(--meta-surface-2) !important;
	color: var(--meta-muted) !important;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	border-color: var(--meta-border) !important;
	vertical-align: middle;
	padding: 12px 14px !important;
}

.meta-stage .bans-table__th--ico {
	width: 52px;
	text-align: center;
}

.meta-stage .bans-table tbody td {
	border-color: var(--meta-border) !important;
	padding: 14px !important;
	vertical-align: middle;
	background: rgba(22, 25, 29, 0.35) !important;
	color: var(--meta-text) !important;
}

.meta-stage .bans-table tbody tr:nth-child(even) td {
	background: rgba(22, 25, 29, 0.55) !important;
}

.meta-stage .bans-app-status-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: var(--meta-elevated) !important;
	font-size: 18px;
	border: 1px solid var(--meta-border);
	box-sizing: border-box;
}

.meta-stage .bans-app__link {
	font-weight: 700;
	font-size: 13px;
	color: var(--meta-accent) !important;
	text-decoration: none !important;
}

.meta-stage .bans-app__link:hover {
	text-decoration: underline !important;
}

.meta-stage .bans-app__profile {
	text-decoration: none !important;
}

.meta-stage .bans-app__profile .descriptionbansp {
	color: var(--meta-text) !important;
	margin: 0;
}

.meta-stage .bans-page .descriptionbans {
	display: block;
	font-size: 11px;
	font-weight: 600;
	color: var(--meta-muted) !important;
	margin-top: 4px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.meta-stage .bans-page .descriptionbansp {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--meta-text) !important;
}

.meta-stage .bans-pagination {
	margin-top: 8px;
	margin-bottom: 8px;
}

.meta-stage .bans-pagination a,
.meta-stage .bans-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	margin: 4px 4px 0 0;
	border-radius: var(--meta-radius-sm);
	font-size: 13px;
	font-weight: 600;
	border: 1px solid var(--meta-border);
	background: var(--meta-surface-2);
	color: var(--meta-muted) !important;
	text-decoration: none !important;
}

.meta-stage .bans-pagination a:hover {
	border-color: rgba(234, 179, 8, 0.45);
	color: var(--meta-accent) !important;
}

.meta-stage .bans-instructions p {
	margin: 0;
	color: var(--meta-muted);
	font-size: 14px;
	line-height: 1.55;
}

.meta-stage .bans-card--form {
	padding: clamp(16px, 2vw, 22px);
}

.meta-stage .bans-form__label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: var(--meta-muted);
	margin-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.meta-stage .bans-form__section {
	margin-top: 18px;
}

.meta-stage .bans-form__group {
	margin-bottom: 16px;
}

.meta-stage .bans-form__group:last-child {
	margin-bottom: 0;
}

.meta-stage .bans-form__control,
.meta-stage .bans-form__textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background: var(--meta-bg) !important;
	border: 1px solid var(--meta-border) !important;
	color: var(--meta-text) !important;
	border-radius: var(--meta-radius-sm) !important;
	padding: 10px 14px !important;
	font-size: 14px;
}

.meta-stage .bans-form__textarea {
	min-height: 120px;
	resize: vertical;
}

.meta-stage .bans-form__control:focus,
.meta-stage .bans-form__textarea:focus {
	border-color: rgba(234, 179, 8, 0.5) !important;
	outline: none;
	box-shadow: 0 0 0 2px rgba(234, 179, 8, 0.12);
}

.meta-stage .bans-form__search-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
	margin-top: 8px;
}

.meta-stage .bans-form__control--grow {
	flex: 1 1 200px;
	min-width: 0;
}

.meta-stage .bans-detail-meta p {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.45;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	align-items: baseline;
}

.meta-stage .bans-detail-meta__k {
	color: var(--meta-muted);
	font-weight: 600;
	min-width: 120px;
}

.meta-stage .bans-detail-meta__v {
	color: var(--meta-text);
	font-weight: 600;
}

.meta-stage .bans-detail-meta__link {
	color: var(--meta-accent) !important;
	text-decoration: none !important;
	font-weight: 700;
}

.meta-stage .bans-detail-meta__link:hover {
	text-decoration: underline !important;
}

.meta-stage .bans-detail-html {
	color: var(--meta-text) !important;
}

.meta-stage .bans-detail-empty {
	margin: 0;
	color: var(--meta-muted);
	font-size: 14px;
}

.meta-stage .bans-admin-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.meta-stage .bans-comment-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.meta-stage .bans-comments-list .loader {
	margin: 12px auto;
}

@media (max-width: 991.98px) {
	.meta-stage .bans-hero {
		min-height: 0;
	}
	.meta-stage .bans-card--sticky {
		position: static;
	}
}

/* =============================================================================
   Profile page — tpl/home/profile.tpl (meta theme, orange accent)
   ============================================================================= */

.meta-profile {
	--mp-accent: var(--meta-accent, #eab308);
	--mp-accent-glow: rgba(234, 179, 8, 0.35);
	--mp-surface: var(--meta-surface, #16191d);
	--mp-surface-2: var(--meta-surface-2, #1c1f26);
	--mp-border: var(--meta-border, #252b34);
	--mp-text: var(--meta-text, #e8eaed);
	--mp-muted: var(--meta-muted, #9ba3af);
	--mp-pad-x: clamp(12px, 2.2vw, 24px);
	width: 100%;
	max-width: 100%;
	margin: 0 auto 2rem;
	padding: 0 var(--mp-pad-x);
	box-sizing: border-box;
	color: var(--mp-text);
}

/* С tpl: обёртка .new__profile + .meta-profile — вертикальные отступы между блоками профиля */
.new__profile.meta-profile {
	margin-left: 0;
	margin-right: 0;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	column-gap: 0;
}

/* Сетка профиля: grid из meta перекрывает flex/проценты из mystyles */
.meta-profile .profile__center.meta-profile__grid {
	display: grid;
	width: 100%;
	flex-wrap: unset;
}

.meta-profile .profile__center.meta-profile__grid .profile__block__info.meta-profile__sidebar,
.meta-profile .profile__center.meta-profile__grid .meta-profile__sidebar.profile__block__info {
	width: 100%;
	min-width: 0;
}

.meta-profile .profile__center.meta-profile__grid .profile__tab.meta-profile__main,
.meta-profile .profile__center.meta-profile__grid .meta-profile__main.profile__tab {
	width: 100%;
	min-width: 0;
}

/* Карточки сайдбара: оранжевые иконки в шапке (раньше был inline <style> в tpl) */
.meta-profile .profile-sidebar-card__head .profile__icon,
.meta-profile .profile-sidebar-card__head .profile__icon iconify-icon {
	color: var(--mp-accent);
	filter: drop-shadow(0 0 8px var(--mp-accent-glow));
}

.meta-profile .meta-profile__hero-actions .profile_btn {
	gap: 0.4rem;
}

.meta-profile .profile_page_nav .profile_btn iconify-icon {
	flex-shrink: 0;
	vertical-align: middle;
}

/* Карточки сайдбара: лёгкий подъём и свечение при наведении */
.meta-profile .profile-sidebar-card {
	position: relative;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.meta-profile .profile-sidebar-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(234, 179, 8, 0.06) 0%, transparent 48%);
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.22s ease;
	z-index: 0;
}

.meta-profile .profile-sidebar-card > * {
	position: relative;
	z-index: 1;
}

.meta-profile .profile-sidebar-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 44px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(234, 179, 8, 0.16);
	border-color: rgba(234, 179, 8, 0.24) !important;
}

.meta-profile .profile-sidebar-card:hover::before {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.meta-profile__hero-bar .meta-profile__avatar {
		animation: none !important;
	}

	.meta-profile .profile-sidebar-card {
		transition: none;
	}

	.meta-profile .profile-sidebar-card:hover {
		transform: none;
	}

	.meta-profile .profile-sidebar-card::before {
		transition: none;
	}
}

/* Ограничение ширины — только если нет обёртки .new__profile (новый профиль на всю колонку) */
@media (min-width: 1200px) {
	.meta-profile:not(.new__profile) {
		max-width: min(1320px, 96vw);
	}
}

@media (min-width: 1400px) {
	.meta-profile:not(.new__profile) {
		max-width: min(1480px, 95vw);
	}
}

@media (min-width: 1600px) {
	.meta-profile:not(.new__profile) {
		max-width: min(1580px, 94vw);
	}
}

@media (min-width: 1920px) {
	.meta-profile:not(.new__profile) {
		max-width: min(1720px, 93vw);
	}
}

.meta-profile__hero-wrap {
	border-radius: 16px;
	overflow: visible;
	border: 1px solid color-mix(in srgb, var(--mp-border) 88%, var(--mp-accent) 12%);
	background:
		radial-gradient(120% 80% at 100% 0%, rgba(234, 179, 8, 0.09) 0%, transparent 55%),
		var(--mp-surface);
	box-shadow:
		0 0 0 1px rgba(234, 179, 8, 0.06),
		0 20px 56px rgba(0, 0, 0, 0.45),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
	margin-bottom: 1.25rem;
	isolation: isolate;
	position: relative;
}

.meta-profile__banner {
	position: relative;
	min-height: 140px;
	background: var(--mp-surface-2);
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}

@media (min-width: 768px) {
	.meta-profile__banner {
		min-height: 200px;
	}
}

@media (min-width: 1200px) {
	.meta-profile__banner {
		min-height: 220px;
	}
}

/* Обложка: новый герой (.meta-profile__hero-bg); min-height: inherit ломалось без .meta-profile__banner */
.meta-profile .meta-profile__hero-bg #cover_banner,
.meta-profile #cover_banner.cover-image-container {
	min-height: 240px;
	height: 100%;
	box-sizing: border-box;
}

.meta-profile__banner::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(11, 14, 17, 0.15) 0%, rgba(11, 14, 17, 0.92) 100%);
	pointer-events: none;
	z-index: 1;
}

.meta-profile__banner > * {
	position: relative;
	z-index: 2;
}

.meta-profile__hero-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1rem;
	padding: 1rem var(--mp-pad-x) 1.25rem;
	background:
		linear-gradient(105deg, rgba(234, 179, 8, 0.06) 0%, transparent 42%),
		linear-gradient(180deg, rgba(22, 25, 29, 0.88) 0%, rgba(14, 16, 20, 0.96) 100%);
	border-top: 1px solid color-mix(in srgb, var(--mp-border) 85%, var(--mp-accent) 15%);
	border-radius: 0 0 16px 16px;
	position: relative;
	z-index: 2;
	overflow: visible;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.meta-profile__hero-bar::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(234, 179, 8, 0.35), transparent);
	pointer-events: none;
	opacity: 0.7;
}

@keyframes meta-profile-avatar-shine {
	0%,
	100% {
		box-shadow:
			0 0 0 1px var(--mp-border),
			0 8px 28px var(--mp-accent-glow),
			0 0 40px -12px rgba(234, 179, 8, 0.35);
	}
	50% {
		box-shadow:
			0 0 0 1px color-mix(in srgb, var(--mp-border) 70%, var(--mp-accent) 30%),
			0 12px 36px rgba(234, 179, 8, 0.42),
			0 0 52px -8px rgba(234, 179, 8, 0.45);
	}
}

/* Старый герой: аватар «наезжал» на баннер. Новый герой — .meta-profile__hero .meta-profile__avatar (стили в mystyles). */
.meta-profile__hero-bar .meta-profile__avatar {
	flex: 0 0 auto;
	width: 88px;
	height: 88px;
	border-radius: 14px;
	overflow: hidden;
	border: 3px solid var(--mp-accent);
	box-shadow: 0 0 0 1px var(--mp-border), 0 8px 28px var(--mp-accent-glow);
	margin-top: -48px;
	position: relative;
	z-index: 3;
	background: var(--mp-surface-2);
	animation: meta-profile-avatar-shine 5.5s ease-in-out infinite;
}

@media (min-width: 768px) {
	.meta-profile__hero-bar .meta-profile__avatar {
		width: 104px;
		height: 104px;
		margin-top: -56px;
	}
}

.meta-profile__hero-bar .meta-profile__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.meta-profile__identity {
	flex: 1 1 200px;
	min-width: 0;
	padding-top: 0.25rem;
}

.meta-profile__login {
	font-size: 1.35rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1.2;
}

.meta-profile__group {
	display: inline-block;
	margin-top: 0.35rem;
	padding: 0.2rem 0.55rem;
	border-radius: 6px;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	background: rgba(234, 179, 8, 0.12);
	border: 1px solid rgba(234, 179, 8, 0.35);
}

.meta-profile__status {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.5rem;
	font-size: 0.8rem;
	color: var(--mp-muted);
}

.meta-profile__status .online_status {
	color: #3dd68c;
	font-weight: 700;
}

.meta-profile__status .online_status::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3dd68c;
	box-shadow: 0 0 10px #3dd68c;
	display: inline-block;
	margin-right: 0.15rem;
}

.meta-profile__hero-actions {
	flex: 0 0 auto;
	margin-left: auto;
}

.meta-profile .profile_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	padding: 0.45rem 0.85rem;
	border-radius: 10px;
	font-size: 0.85rem;
	font-weight: 600;
	background: var(--mp-surface-2);
	border: 1px solid var(--mp-border);
	color: var(--mp-text);
	text-decoration: none;
	transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}

.meta-profile .profile_btn:hover {
	border-color: var(--mp-accent);
	color: #fff;
	box-shadow: 0 0 16px var(--mp-accent-glow);
}

.meta-profile__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
	align-items: start;
	width: 100%;
}

/* Две колонки: сайдбар шире на больших экранах, основная колонка тянется */
@media (min-width: 1200px) {
	.meta-profile__grid {
		grid-template-columns: minmax(300px, min(32vw, 440px)) minmax(0, 1fr);
		gap: clamp(1.35rem, 2.2vw, 2.35rem);
		align-items: stretch;
	}
}

@media (min-width: 1600px) {
	.meta-profile__grid {
		grid-template-columns: minmax(320px, min(30vw, 480px)) minmax(0, 1fr);
		gap: clamp(1.5rem, 2.5vw, 2.75rem);
	}
}

.meta-profile__sidebar {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	min-width: 0;
}

.meta-profile__main {
	min-width: 0;
	width: 100%;
	background:
		linear-gradient(180deg, rgba(234, 179, 8, 0.04) 0%, transparent 32%),
		var(--mp-surface);
	border: 1px solid color-mix(in srgb, var(--mp-border) 88%, var(--mp-accent) 12%);
	border-radius: 14px;
	overflow: hidden;
	box-shadow:
		0 10px 40px rgba(0, 0, 0, 0.32),
		0 0 0 1px rgba(234, 179, 8, 0.08);
}

.meta-profile-card {
	background: var(--mp-surface);
	border: 1px solid var(--mp-border);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

.meta-profile-card__head {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.85rem 1rem;
	background: var(--mp-surface-2);
	border-bottom: 1px solid var(--mp-border);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--mp-muted);
	line-height: 1.3;
	word-break: break-word;
}

.meta-profile-card__head .profile__icon,
.meta-profile-card__head iconify-icon {
	color: var(--mp-accent);
	font-size: 1.25rem;
	filter: drop-shadow(0 0 8px var(--mp-accent-glow));
}

.meta-profile-card__body {
	padding: 0.85rem 1rem 1rem;
}

.meta-profile-kv {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.85rem;
}

.meta-profile-kv__item {
	min-width: 0;
}

.meta-profile-kv__item--full {
	grid-column: 1 / -1;
}

.meta-profile-kv__label {
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--mp-muted);
	margin-bottom: 0.25rem;
	line-height: 1.35;
	word-break: break-word;
	hyphens: auto;
}

.meta-profile-kv__value {
	font-size: 0.92rem;
	font-weight: 700;
	color: var(--mp-text);
	word-break: break-word;
}

.meta-profile-kv__value--accent {
	color: var(--mp-accent);
	text-shadow: 0 0 20px var(--mp-accent-glow);
}

.meta-profile-kv__value a {
	color: inherit;
	text-decoration: none;
}

.meta-profile-kv__value a:hover {
	text-decoration: underline;
}

.meta-profile-contacts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.meta-profile-contacts .infos__steam,
.meta-profile-contacts .infos__vk,
.meta-profile-contacts .infos__tg {
	flex: 1 1 auto;
	min-width: calc(33.333% - 0.5rem);
	justify-content: center;
	border-radius: 10px;
	border: 1px solid var(--mp-border);
	background: var(--mp-surface-2);
	transition: border-color 0.15s, box-shadow 0.15s;
}

.meta-profile-contacts .infos__steam:hover,
.meta-profile-contacts .infos__vk:hover,
.meta-profile-contacts .infos__tg:hover {
	border-color: var(--mp-accent);
	box-shadow: 0 0 14px var(--mp-accent-glow);
}

.meta-profile .profile__tab.meta-profile__main {
	padding: 0;
}

.meta-profile__main .meta-account-nav {
	margin-bottom: 14px;
}

.meta-profile__main .meta-account-nav__track {
	border-radius: 12px;
}

.meta-profile-tabs .meta-account-nav__item.profile_btn {
	padding: 12px 14px 14px;
	border: 1px solid transparent;
	background: transparent;
	font-weight: inherit;
}

.meta-profile-tabs .meta-account-nav__item.profile_btn.active,
.meta-profile-tabs .meta-account-nav__item.profile_btn.is-active {
	background: rgba(255, 255, 255, 0.04);
}

.meta-profile .tab-content {
	padding: 1rem var(--mp-pad-x, 12px) 1.25rem;
	background: var(--mp-surface);
}

@media (min-width: 1400px) {
	.meta-profile .tab-content {
		padding: 1.15rem var(--mp-pad-x, 12px) 1.4rem;
	}
}

@media (max-width: 420px) {
	.meta-profile .profile_page_nav .profile_btn {
		white-space: normal;
	}
}

.meta-profile .profile-privileges-card {
	background: var(--mp-surface-2);
	border: 1px solid var(--mp-border);
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 1rem;
	box-shadow:
		inset 0 0 0 1px rgba(234, 179, 8, 0.06),
		0 10px 32px rgba(0, 0, 0, 0.28);
}

.meta-profile .profile-privileges-card__title {
	padding: 0.75rem 1rem;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--mp-muted);
	border-bottom: 1px solid var(--mp-border);
	background: rgba(0, 0, 0, 0.2);
}

.meta-profile .profile-privileges-card__body {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	padding: 1rem;
}

@media (min-width: 768px) {
	.meta-profile .profile-privileges-card__body {
		grid-template-columns: minmax(140px, 200px) 1fr;
		align-items: start;
	}
}

.meta-profile .profile-privileges-card__rank {
	text-align: center;
	padding: 0.5rem;
}

.meta-profile .profile-privileges-card__crown {
	color: var(--mp-accent);
	filter: drop-shadow(0 0 12px var(--mp-accent-glow));
}

.meta-profile .profile-privileges-card__rank-name {
	font-size: 1.15rem;
	font-weight: 800;
	margin-top: 0.35rem;
}

.meta-profile .profile-privileges-card__list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--mp-muted);
}

.meta-profile .profile-privileges-card__list li {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 0.55rem;
}

.meta-profile .profile-privileges-card__list li:last-child {
	margin-bottom: 0;
}

.meta-profile .profile-privileges-card__check {
	flex: 0 0 auto;
	color: var(--mp-accent);
	filter: drop-shadow(0 0 6px var(--mp-accent-glow));
}

.meta-profile #priv1,
.meta-profile .rcon_shop__new {
	margin-top: 0.75rem;
}

/* Модалка «Ещё» — класс на #dopcog, т.к. Bootstrap может переносить модал в конец body */
#dopcog.meta-profile-modal .modal-content {
	background: var(--meta-surface, #16191d);
	color: var(--meta-text, #e8eaed);
	border: 1px solid var(--meta-border, #252b34);
	border-radius: 14px;
}

#dopcog.meta-profile-modal .modal-header {
	border-bottom-color: var(--meta-border, #252b34);
}

#dopcog.meta-profile-modal .modal-header .close {
	color: var(--meta-text, #e8eaed);
	text-shadow: none;
	opacity: 0.75;
}

#dopcog.meta-profile-modal .dopcog_btn {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	padding: 0.6rem 0.75rem;
	margin-bottom: 0.4rem;
	border-radius: 10px;
	background: var(--meta-surface-2, #1c1f26);
	border: 1px solid var(--meta-border, #252b34);
	color: var(--meta-text, #e8eaed);
	text-decoration: none;
	font-size: 0.88rem;
	transition: border-color 0.15s, box-shadow 0.15s;
}

#dopcog.meta-profile-modal .dopcog_btn:hover {
	border-color: var(--meta-accent, #eab308);
	box-shadow: 0 0 12px rgba(234, 179, 8, 0.35);
	color: #fff;
}

/* === RCON Shop — под шаблон meta (modules_extra/rcon_shop/templates/GameX) === */

.meta-stage .rcon-shop-meta .toolbar {
	margin-bottom: 0;
}
.meta-stage .rcon-shop-meta .toolbar__wrap.layout {
	display: flex;
	align-items: stretch;
	padding: 14px 16px;
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
	border-radius: var(--meta-radius, 12px);
	gap: 14px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}
.meta-stage .rcon-shop-meta .toolbar__header_wrap {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
}
.meta-stage .rcon-shop-meta .toolbar__icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: linear-gradient(135deg, #fde047 0%, #eab308 100%);
	color: #fff;
	font-size: 24px;
	box-shadow: 0 6px 16px rgba(234, 179, 8, 0.32);
}
.meta-stage .rcon-shop-meta .toolbar__icon iconify-icon {
	font-size: 26px !important;
	color: #fff !important;
}
.meta-stage .rcon-shop-meta .toolbar__title {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--meta-text, #e8eaed);
	letter-spacing: 0.02em;
}
.meta-stage .rcon-shop-meta .toolbar__subtitle {
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--meta-muted, #9ba3af);
}

.meta-stage .rcon-shop-meta .rcon-shop-product {
	background: color-mix(in srgb, var(--meta-surface, #16191d) 94%, transparent) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	border-radius: var(--meta-radius, 12px) !important;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.2s ease;
}
.meta-stage .rcon-shop-meta .rcon-shop-product:hover {
	transform: translateY(-2px);
	border-color: rgba(234, 179, 8, 0.35) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(234, 179, 8, 0.12);
}
.meta-stage .rcon-shop-meta .rcon-shop-product .image .title {
	background: color-mix(in srgb, var(--meta-bg, #0b0e11) 82%, transparent) !important;
	color: var(--meta-text, #e8eaed) !important;
	border-radius: 8px;
	border: 1px solid var(--meta-border, #252b34);
}
.meta-stage .rcon-shop-meta .rcon-shop-product__price,
.meta-stage .rcon-shop-meta .rcon-shop-product .price.rcon-shop-product__price {
	position: absolute;
	right: 10px;
	top: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 13px;
	color: #fff !important;
	background: linear-gradient(135deg, #fde047 0%, #eab308 100%) !important;
	border: none !important;
	box-shadow: 0 4px 14px rgba(234, 179, 8, 0.35);
}
.meta-stage .rcon-shop-meta .rcon-shop-product .actions {
	background: color-mix(in srgb, var(--meta-surface-2, #1c1f26) 90%, transparent);
	border-top: 1px solid var(--meta-border, #252b34);
}
.meta-stage .rcon-shop-meta .rcon-shop-product .actions .header_btn {
	border-radius: 10px !important;
}

.meta-stage .rcon-shop-meta .empty-element {
	background: var(--meta-surface, #16191d) !important;
	border: 1px dashed var(--meta-border, #252b34) !important;
	color: var(--meta-muted, #9ba3af) !important;
	border-radius: var(--meta-radius, 12px);
}

.meta-stage .rcon-shop-meta .l_block {
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
	border-radius: var(--meta-radius, 12px);
	overflow: hidden;
	margin-bottom: 12px;
}
.meta-stage .rcon-shop-meta .l_block .block_card_header {
	background: color-mix(in srgb, var(--meta-surface-2, #1c1f26) 88%, transparent);
	border-bottom: 1px solid var(--meta-border, #252b34);
}
.meta-stage .rcon-shop-meta .l_block_c {
	list-style: none;
	margin: 0;
	padding: 6px 0;
}
.meta-stage .rcon-shop-meta .l_block_c li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.meta-stage .rcon-shop-meta .l_block_c li:last-child {
	border-bottom: 0;
}
.meta-stage .rcon-shop-meta .l_block_c li a {
	display: block;
	padding: 10px 14px;
	color: var(--meta-text, #e8eaed);
	text-decoration: none;
	font-size: 14px;
	transition: background 0.15s, color 0.15s;
}
.meta-stage .rcon-shop-meta .l_block_c li a:hover {
	background: color-mix(in srgb, var(--meta-accent, #eab308) 12%, transparent);
	color: #fff;
}
.meta-stage .rcon-shop-meta .l_block_c li.active a {
	color: var(--meta-accent, #eab308);
	font-weight: 600;
	background: color-mix(in srgb, var(--meta-accent, #eab308) 10%, transparent);
}

/* RCON Shop: сервера и категории — верхняя панель (не сайдбар) */
.meta-stage .rcon-shop-meta .rcon-shop-nav-top {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 14px;
	margin-bottom: 14px;
	width: 100%;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__panel {
	flex: 1 1 260px;
	min-width: 0;
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
	border-radius: var(--meta-radius, 12px);
	overflow: hidden;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	background: color-mix(in srgb, var(--meta-surface-2, #1c1f26) 88%, transparent);
	border-bottom: 1px solid var(--meta-border, #252b34);
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 10px;
	background: linear-gradient(145deg, #713f12 0%, #a16207 45%, #eab308 100%);
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__icon i.bx {
	font-size: 22px;
	line-height: 1;
	display: block;
	color: #fff !important;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__title {
	font-weight: 700;
	font-size: 0.95rem;
	color: var(--meta-text, #e8eaed);
	letter-spacing: 0.02em;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__list {
	list-style: none;
	margin: 0;
	padding: 10px 10px 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__list li {
	margin: 0;
	border: 0;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__list li a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 10px;
	background: var(--meta-surface-2, #1c1f26);
	border: 1px solid var(--meta-border, #252b34);
	color: var(--meta-text, #e8eaed);
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: border-color 0.15s, background 0.15s, color 0.15s;
	max-width: 100%;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__link-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--meta-muted, #9ba3af);
	font-size: 16px;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__link-icon i.bx {
	font-size: 18px;
	line-height: 1;
	display: block;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__link-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__list li a:hover {
	border-color: rgba(234, 179, 8, 0.35);
	background: color-mix(in srgb, var(--meta-accent, #eab308) 10%, var(--meta-surface-2, #1c1f26));
	color: #fff;
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__list li.active a {
	border-color: rgba(234, 179, 8, 0.55);
	color: var(--meta-accent, #eab308);
	box-shadow: 0 0 0 1px rgba(234, 179, 8, 0.15);
}
.meta-stage .rcon-shop-meta .rcon-shop-nav-top__list li.active .rcon-shop-nav-top__link-icon {
	color: var(--meta-accent, #eab308);
}

.meta-stage .rcon-shop-meta .modal .modal-content {
	background: var(--meta-surface, #16191d);
	color: var(--meta-text, #e8eaed);
	border: 1px solid var(--meta-border, #252b34);
	border-radius: 14px;
}
.meta-stage .rcon-shop-meta .modal .modal-header {
	border-bottom-color: var(--meta-border, #252b34);
}
.meta-stage .rcon-shop-meta .modal .modal-header .close {
	color: var(--meta-text, #e8eaed);
	opacity: 0.75;
	text-shadow: none;
}

.meta-stage .rcon-shop-meta .rcon-shop-product-in-detail.block,
.meta-stage .rcon-shop-meta .block.rcon-shop-product-in-detail {
	background: var(--meta-surface, #16191d) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	border-radius: var(--meta-radius, 12px);
	padding: 14px 16px 18px;
}
.meta-stage .rcon-shop-meta .block_card_header {
	background: color-mix(in srgb, var(--meta-surface-2, #1c1f26) 92%, transparent) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	border-radius: var(--meta-radius-sm, 8px);
	margin-bottom: 10px;
}
.meta-stage .rcon-shop-meta .block_card_header_title {
	color: var(--meta-text, #e8eaed) !important;
	font-weight: 600;
}
.meta-stage .rcon-shop-meta .block_card_header_icon {
	background: linear-gradient(145deg, #713f12 0%, #a16207 45%, #eab308 100%) !important;
	color: #fff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.meta-stage .rcon-shop-meta .block_card_header_icon i.bx {
	color: #fff !important;
	font-size: 22px;
	line-height: 1;
	display: block;
}
.meta-stage .rcon-shop-meta .remaining-quantity {
	color: var(--meta-muted, #9ba3af) !important;
}
.meta-stage .rcon-shop-meta .quantity-available {
	color: #47bc8a !important;
}
.meta-stage .rcon-shop-meta .quantity-soldout {
	color: #e85752 !important;
}
.meta-stage .rcon-shop-meta .quantity-infinite {
	color: var(--meta-accent, #eab308) !important;
}

.meta-stage .rcon-shop-meta .btn-group-toggle .btn.btn-default {
	background: var(--meta-surface-2, #1c1f26) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	color: var(--meta-text, #e8eaed) !important;
	border-radius: 10px !important;
	margin-bottom: 8px;
	text-align: left;
}
.meta-stage .rcon-shop-meta .btn-group-toggle .btn.btn-default.active {
	border-color: rgba(234, 179, 8, 0.55) !important;
	box-shadow: 0 0 0 1px rgba(234, 179, 8, 0.2);
	color: #fff !important;
}

.meta-stage .rcon-shop-meta .input_new .form-control,
.meta-stage .rcon-shop-meta .form-control {
	background: var(--meta-bg, #0b0e11) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	color: var(--meta-text, #e8eaed) !important;
	border-radius: 10px;
}
.meta-stage .rcon-shop-meta .bs-callout {
	border-radius: 10px;
	border-width: 1px;
	background: color-mix(in srgb, var(--meta-surface-2, #1c1f26) 90%, transparent) !important;
	color: var(--meta-text, #e8eaed) !important;
}
.meta-stage .rcon-shop-meta .bs-callout-info {
	border-color: rgba(234, 179, 8, 0.35);
}
.meta-stage .rcon-shop-meta .bs-callout-danger {
	border-color: rgba(232, 87, 82, 0.45);
}
.meta-stage .rcon-shop-meta .bs-callout-success {
	border-color: rgba(71, 188, 138, 0.45);
}
.meta-stage .rcon-shop-meta .form-check-label {
	color: var(--meta-muted, #9ba3af);
}
.meta-stage .rcon-shop-meta .form-check-label a {
	color: var(--meta-accent, #eab308);
}

.meta-stage .purchase-history-list {
	display: grid;
	gap: 10px;
}
.meta-stage .purchase-history-container {
	margin-top: 12px;
}
.meta-stage .rcon-purchases-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px;
}
.meta-stage .history-item {
	display: grid;
	grid-template-columns: 2fr 1fr 2fr 1fr;
	gap: 12px;
	padding: 16px;
	align-items: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.meta-stage .history-item.active {
	border-left: 4px solid #47bc8a;
}
.meta-stage .history-item.expired {
	border-left: 4px solid #e85752;
}
.meta-stage .history-item.permanent {
	border-left: 4px solid #3b82f6;
}
.meta-stage .history-status {
	text-align: center;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 0.85em;
	font-weight: 700;
	white-space: nowrap;
}
.meta-stage .history-status.expired {
	background: #dc3545;
	color: #fff;
}
@media (max-width: 1200px) {
	.meta-stage .history-item {
		grid-template-columns: 1fr 1fr;
	}
	.meta-stage .history-dates {
		grid-column: span 2;
	}
}
@media (max-width: 768px) {
	.meta-stage .history-item {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.meta-stage .history-dates {
		grid-column: span 1;
	}
}
.meta-stage .rcon-purchases-list .rcon-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 36px 20px;
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
	border-radius: var(--meta-radius, 12px);
	color: var(--meta-muted, #9ba3af);
}
.meta-stage .rcon-purchases-list .rcon-empty-state i {
	color: var(--meta-muted, #9ba3af) !important;
}
.meta-stage .history-stats {
	background: var(--meta-surface, #16191d) !important;
	border: 1px solid var(--meta-border, #252b34);
	color: var(--meta-text, #e8eaed) !important;
	box-shadow: none !important;
}
.meta-stage .history-item {
	background: var(--meta-surface, #16191d) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	box-shadow: none !important;
}
.meta-stage .history-item:hover {
	border-color: rgba(234, 179, 8, 0.28) !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}
.meta-stage .history-product strong {
	color: var(--meta-text, #e8eaed) !important;
}
.meta-stage .history-tarif,
.meta-stage .history-dates {
	color: var(--meta-muted, #9ba3af) !important;
}
.meta-stage .history-price {
	color: var(--meta-accent, #eab308) !important;
}
.meta-stage .history-status.active {
	background: color-mix(in srgb, var(--meta-accent, #eab308) 22%, var(--meta-surface-2, #1c1f26)) !important;
	color: var(--meta-text, #e8eaed) !important;
	border: 1px solid rgba(234, 179, 8, 0.35);
}
.meta-stage .history-status.permanent {
	background: color-mix(in srgb, #3b82f6 25%, var(--meta-surface-2, #1c1f26)) !important;
	color: #dbeafe !important;
	border: 1px solid rgba(59, 130, 246, 0.4);
}

.meta-stage .rcon-shop-meta .tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0 14px;
}
.meta-stage .rcon-shop-meta .tab-btn {
	padding: 10px 18px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	color: var(--meta-text, #e8eaed) !important;
	background: var(--meta-surface-2, #1c1f26) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	cursor: pointer;
	transition: border-color 0.15s, box-shadow 0.15s, color 0.15s;
}
.meta-stage .rcon-shop-meta .tab-btn:hover {
	border-color: rgba(234, 179, 8, 0.35) !important;
	color: #fff !important;
}
.meta-stage .rcon-shop-meta .tab-btn.active {
	border-color: rgba(234, 179, 8, 0.55) !important;
	box-shadow: 0 0 0 1px rgba(234, 179, 8, 0.18);
	color: var(--meta-accent, #eab308) !important;
}
.meta-stage .rcon-shop-meta .rcon-purchases-table .table-row {
	border: 1px solid var(--meta-border, #252b34);
	border-radius: var(--meta-radius, 12px);
	background: var(--meta-surface, #16191d);
	margin-bottom: 10px;
	padding: 8px 4px;
}
.meta-stage .rcon-shop-meta .rcon-empty-state {
	background: var(--meta-surface, #16191d);
	border: 1px dashed var(--meta-border, #252b34);
	border-radius: var(--meta-radius, 12px);
	color: var(--meta-muted, #9ba3af);
}
.meta-stage .rcon-shop-meta .rcon-empty-icon {
	background: var(--meta-surface-2, #1c1f26);
	color: var(--meta-muted, #9ba3af);
	border: 1px solid var(--meta-border, #252b34);
}
.meta-stage .rcon-shop-meta .loading-history {
	color: var(--meta-muted, #9ba3af);
	font-style: normal;
	padding: 32px 16px;
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
	border-radius: var(--meta-radius, 12px);
}

.meta-stage .rcon-purchases-list .rcon-empty-state__icon {
	font-size: 48px;
	line-height: 1;
}

.meta-stage .rcon-shop-meta .header_btn,
.meta-profile .rcon-shop-meta .header_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.55rem 1rem;
	border-radius: 10px;
	font-weight: 600;
	font-size: 0.88rem;
	border: 1px solid rgba(234, 179, 8, 0.45);
	background: color-mix(in srgb, var(--meta-accent, #eab308) 18%, var(--meta-surface-2, #1c1f26));
	color: var(--meta-accent, #eab308);
	cursor: pointer;
	transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.meta-stage .rcon-shop-meta .header_btn:hover,
.meta-profile .rcon-shop-meta .header_btn:hover {
	border-color: var(--meta-accent, #eab308);
	background: color-mix(in srgb, var(--meta-accent, #eab308) 30%, var(--meta-surface-2, #1c1f26));
	color: #fff;
}

.meta-stage .rcon-shop-meta .rcon-shop-meta__cell,
.meta-profile .rcon-shop-meta .rcon-shop-meta__cell {
	flex: 1;
	min-width: 0;
}
.meta-stage .rcon-shop-meta .rcon-shop-meta__cell--right,
.meta-profile .rcon-shop-meta .rcon-shop-meta__cell--right {
	text-align: right;
}
.meta-stage .rcon-shop-meta .rcon-shop-meta__renew,
.meta-profile .rcon-shop-meta .rcon-shop-meta__renew {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	padding: 0.5rem 1rem;
	border-radius: 10px;
	font-size: 0.88rem;
	font-weight: 600;
	cursor: pointer;
	border: 1px solid rgba(234, 179, 8, 0.45);
	background: color-mix(in srgb, var(--meta-accent, #eab308) 18%, var(--meta-surface-2, #1c1f26));
	color: var(--meta-accent, #eab308);
	transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.meta-stage .rcon-shop-meta .rcon-shop-meta__renew:hover,
.meta-profile .rcon-shop-meta .rcon-shop-meta__renew:hover {
	border-color: var(--meta-accent, #eab308);
	background: color-mix(in srgb, var(--meta-accent, #eab308) 32%, var(--meta-surface-2, #1c1f26));
	color: #fff;
}

.meta-stage .rcon-shop-meta .rcon-shop-meta-empty,
.meta-profile .rcon-shop-meta .rcon-shop-meta-empty {
	text-align: center;
	padding: 40px 20px;
	margin-top: 20px;
	border-radius: var(--meta-radius, 12px);
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
}
.meta-stage .rcon-shop-meta .rcon-shop-meta-empty .rcon-shop-meta-empty__icon,
.meta-profile .rcon-shop-meta .rcon-shop-meta-empty .rcon-shop-meta-empty__icon {
	font-size: 32px;
	color: var(--meta-muted, #9ba3af);
	margin-bottom: 12px;
	display: block;
}
.meta-stage .rcon-shop-meta .rcon-shop-meta-empty p,
.meta-profile .rcon-shop-meta .rcon-shop-meta-empty p {
	margin: 0;
	letter-spacing: 0.06em;
	color: var(--meta-text, #e8eaed);
	font-size: 0.88rem;
}

.meta-stage .rcon-shop-meta .rcon-purchases-table .with-description p,
.meta-profile .rcon-shop-meta .rcon-purchases-table .with-description p {
	color: var(--meta-text, #e8eaed);
}
.meta-stage .rcon-shop-meta .rcon-purchases-table .with-description span,
.meta-profile .rcon-shop-meta .rcon-purchases-table .with-description span {
	color: var(--meta-muted, #9ba3af);
}

@keyframes rcon-shop-meta-empty-in {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.meta-stage .rcon-shop-meta .rcon-empty-state,
.meta-profile .rcon-shop-meta .rcon-empty-state {
	animation: rcon-shop-meta-empty-in 0.45s ease-out;
}

/* === Sortition: на всю ширину зоны main (не узкая col + пустой сайдбар) === */
.meta-stage .center_block.sortition-meta,
.meta-stage .sortition-meta.center_block,
.meta-stage .sortition-page.center_block {
	width: 100% !important;
	max-width: none !important;
	flex: 1 1 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

/* Строка с розыгрышем: основная колонка на всю ширину */
.meta-stage .row:has(> .center_block.sortition-meta) > .center_block.sortition-meta {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Правая колонка рядом с розыгрышем не забирает место (часто пустая) */
.meta-stage .row:has(> .center_block.sortition-meta) > .right_block {
	display: none !important;
	flex: 0 0 0 !important;
	width: 0 !important;
	max-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

/* Если center_block внутри col-* (типичная вложенность) */
.meta-stage .row > [class*="col-"]:has(> .center_block.sortition-meta) {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

.meta-stage .row:has(> [class*="col-"] > .center_block.sortition-meta) > .right_block {
	display: none !important;
	flex: 0 0 0 !important;
	width: 0 !important;
	max-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

/* Узкий .container внутри сцены — для страницы розыгрыша на всю ширину */
.meta-stage .container:has(.sortition-meta) {
	max-width: none !important;
	width: 100% !important;
}

/* Те же страницы модулей: на всю ширину */
.meta-stage .container:has(.buy-key-meta),
.meta-stage .container:has(.vips-meta),
.meta-stage .container:has(.demos-meta),
.meta-stage .container:has(.donation-widget-meta),
.meta-stage .container:has(.shop-key-meta),
.meta-stage .container:has(.rcon-shop-meta) {
	max-width: none !important;
	width: 100% !important;
}

.meta-stage .center_block.rcon-shop-meta,
.meta-stage .rcon-shop-meta.center_block {
	width: 100% !important;
	max-width: none !important;
	flex: 1 1 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

.meta-stage .row:has(> .center_block.buy-key-meta) > .center_block.buy-key-meta,
.meta-stage .row:has(> .center_block.vips-meta) > .center_block.vips-meta,
.meta-stage .row:has(> .center_block.demos-meta) > .center_block.demos-meta,
.meta-stage .row:has(> .center_block.donation-widget-meta) > .center_block.donation-widget-meta,
.meta-stage .row:has(> .center_block.shop-key-meta) > .center_block.shop-key-meta,
.meta-stage .row:has(> .center_block.rcon-shop-meta) > .center_block.rcon-shop-meta {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

.meta-stage .row:has(> .center_block.buy-key-meta) > .right_block,
.meta-stage .row:has(> .center_block.vips-meta) > .right_block,
.meta-stage .row:has(> .center_block.demos-meta) > .right_block,
.meta-stage .row:has(> .center_block.donation-widget-meta) > .right_block,
.meta-stage .row:has(> .center_block.shop-key-meta) > .right_block,
.meta-stage .row:has(> .center_block.rcon-shop-meta) > .right_block {
	display: none !important;
	flex: 0 0 0 !important;
	width: 0 !important;
	max-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

.meta-stage .row > [class*="col-"]:has(> .center_block.buy-key-meta),
.meta-stage .row > [class*="col-"]:has(> .center_block.vips-meta),
.meta-stage .row > [class*="col-"]:has(> .center_block.demos-meta),
.meta-stage .row > [class*="col-"]:has(> .center_block.donation-widget-meta),
.meta-stage .row > [class*="col-"]:has(> .center_block.shop-key-meta),
.meta-stage .row > [class*="col-"]:has(> .center_block.rcon-shop-meta) {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

.meta-stage .row:has(> [class*="col-"] > .center_block.buy-key-meta) > .right_block,
.meta-stage .row:has(> [class*="col-"] > .center_block.vips-meta) > .right_block,
.meta-stage .row:has(> [class*="col-"] > .center_block.demos-meta) > .right_block,
.meta-stage .row:has(> [class*="col-"] > .center_block.donation-widget-meta) > .right_block,
.meta-stage .row:has(> [class*="col-"] > .center_block.shop-key-meta) > .right_block,
.meta-stage .row:has(> [class*="col-"] > .center_block.rcon-shop-meta) > .right_block {
	display: none !important;
	flex: 0 0 0 !important;
	width: 0 !important;
	max-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

.meta-stage .rcon-shop-meta .r_block_c,
.meta-stage .rcon-shop-meta .r_block_c > .row {
	width: 100%;
	max-width: 100%;
}

.meta-stage .row .col-12 > .center_block.buy-key-meta,
.meta-stage .row .col-12 > .center_block.vips-meta,
.meta-stage .row .col-12 > .center_block.demos-meta,
.meta-stage .row .col-12 > .center_block.donation-widget-meta,
.meta-stage .row .col-12 > .center_block.shop-key-meta,
.meta-stage .row [class*="col-"] > .center_block.buy-key-meta,
.meta-stage .row [class*="col-"] > .center_block.vips-meta,
.meta-stage .row [class*="col-"] > .center_block.demos-meta,
.meta-stage .row [class*="col-"] > .center_block.donation-widget-meta,
.meta-stage .row [class*="col-"] > .center_block.shop-key-meta {
	width: 100% !important;
	max-width: none !important;
}

.meta-stage .center_block.buy-key-meta,
.meta-stage .center_block.vips-meta,
.meta-stage .center_block.demos-meta,
.meta-stage .center_block.donation-widget-meta,
.meta-stage .center_block.shop-key-meta {
	width: 100% !important;
	max-width: none !important;
	flex: 1 1 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

/* === Модули: buy_key, shop_key, demos, donation_widget — тулбар и карточки (meta) === */
.meta-stage .buy-key-meta > .module-fg-toolbar,
.meta-stage .vips-meta > .module-fg-toolbar,
.meta-stage .demos-meta > .module-fg-toolbar,
.meta-stage .donation-widget-meta > .module-fg-toolbar,
.meta-stage .shop-key-meta > .module-fg-toolbar {
	margin-bottom: 14px;
}
.meta-stage .buy-key-meta .module-fg-toolbar .toolbar__wrap.layout,
.meta-stage .vips-meta .module-fg-toolbar .toolbar__wrap.layout,
.meta-stage .demos-meta .module-fg-toolbar .toolbar__wrap.layout,
.meta-stage .donation-widget-meta .module-fg-toolbar .toolbar__wrap.layout,
.meta-stage .shop-key-meta .module-fg-toolbar .toolbar__wrap.layout {
	display: flex;
	align-items: stretch;
	padding: 14px 16px;
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
	border-radius: var(--meta-radius, 12px);
	gap: 14px;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
}
.meta-stage .buy-key-meta .module-fg-toolbar__icon,
.meta-stage .vips-meta .module-fg-toolbar__icon,
.meta-stage .demos-meta .module-fg-toolbar__icon,
.meta-stage .donation-widget-meta .module-fg-toolbar__icon,
.meta-stage .shop-key-meta .module-fg-toolbar__icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #fde047 0%, #eab308 100%);
	color: #fff;
	font-size: 26px;
	box-shadow: 0 6px 16px rgba(234, 179, 8, 0.32);
}
.meta-stage .buy-key-meta .module-fg-toolbar .toolbar__title,
.meta-stage .vips-meta .module-fg-toolbar .toolbar__title,
.meta-stage .demos-meta .module-fg-toolbar .toolbar__title,
.meta-stage .donation-widget-meta .module-fg-toolbar .toolbar__title,
.meta-stage .shop-key-meta .module-fg-toolbar .toolbar__title {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--meta-text, #e8eaed);
	letter-spacing: 0.02em;
}
.meta-stage .buy-key-meta .module-fg-toolbar .toolbar__subtitle,
.meta-stage .vips-meta .module-fg-toolbar .toolbar__subtitle,
.meta-stage .demos-meta .module-fg-toolbar .toolbar__subtitle,
.meta-stage .donation-widget-meta .module-fg-toolbar .toolbar__subtitle,
.meta-stage .shop-key-meta .module-fg-toolbar .toolbar__subtitle {
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--meta-muted, #9ba3af);
}

.meta-stage .buy-key-meta__card,
.meta-stage .shop-key-meta__card {
	background: var(--meta-surface, #16191d) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	border-radius: var(--meta-radius, 12px);
	padding: 16px 18px 20px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}
.meta-stage .buy-key-meta__hint.info-block,
.meta-stage .shop-key-meta .buy-key-meta__hint.info-block {
	display: flex;
	align-items: center;
	gap: 10px;
	background: color-mix(in srgb, var(--meta-surface-2, #1c1f26) 92%, transparent) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	border-radius: 10px;
	color: var(--meta-text, #e8eaed) !important;
	padding: 10px 12px !important;
	margin-bottom: 10px;
}
.meta-stage .buy-key-meta__hint .bx {
	font-size: 1.25rem;
	color: var(--meta-accent, #eab308);
	flex-shrink: 0;
}
.meta-stage .buy-key-meta .input_new select,
.meta-stage .shop-key-meta .input_new select {
	width: 100%;
	border-radius: 10px;
	background: var(--meta-bg, #0b0e11) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	color: var(--meta-text, #e8eaed) !important;
	padding: 10px 12px;
}
.meta-stage .buy-key-meta__side-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--meta-text, #e8eaed);
}
.meta-stage .buy-key-meta__side-head .bx {
	color: var(--meta-accent, #eab308);
	font-size: 1.35rem;
}
.meta-stage .buy-key-meta__info.with_code {
	background: color-mix(in srgb, var(--meta-surface-2, #1c1f26) 94%, transparent) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	border-radius: 10px;
	color: var(--meta-text, #e8eaed) !important;
	min-height: 80px;
}
.meta-stage .buy-key-meta__btn.btn-primary {
	border-radius: 10px;
	font-weight: 700;
	border: 1px solid rgba(234, 179, 8, 0.45);
	background: linear-gradient(135deg, #fde047 0%, #eab308 100%) !important;
	border-color: transparent !important;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.meta-stage .buy-key-meta__empty,
.meta-stage .buy-key-meta__auth {
	border-radius: 10px;
}
.meta-stage .buy-key-meta__alert h4 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 6px;
}
.meta-stage .buy-key-meta__alert h4 .bx {
	color: var(--meta-accent, #eab308);
}

/* VIP таблица */
.meta-stage .vips-meta__table thead th {
	background: color-mix(in srgb, var(--meta-surface-2, #1c1f26) 95%, transparent);
	color: var(--meta-text, #e8eaed);
	border-color: var(--meta-border, #252b34) !important;
	font-weight: 600;
	vertical-align: middle;
}
.meta-stage .vips-meta__table thead th .bx {
	margin-right: 6px;
	color: var(--meta-accent, #eab308);
	vertical-align: -2px;
}
.meta-stage .vips-meta__table td {
	border-color: var(--meta-border, #252b34) !important;
	color: var(--meta-text, #e8eaed);
	background: var(--meta-surface, #16191d);
}
.meta-stage .vips-meta__nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.meta-stage .vips-meta__nav-list a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 10px;
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
	color: var(--meta-text, #e8eaed);
	text-decoration: none;
	transition: border-color 0.15s, box-shadow 0.15s;
}
.meta-stage .vips-meta__nav-list a::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--meta-muted, #9ba3af);
	flex-shrink: 0;
}
.meta-stage .vips-meta__nav-list a:hover {
	border-color: rgba(234, 179, 8, 0.35);
	box-shadow: 0 0 12px rgba(234, 179, 8, 0.12);
}

/* Demos */
.meta-stage .demos-meta__servers {
	margin-bottom: 12px;
}
.meta-stage .demos-meta__server-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.meta-stage .demos-meta__server-list a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
	color: var(--meta-text, #e8eaed);
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	transition: border-color 0.15s, color 0.15s;
}
.meta-stage .demos-meta__server-list a:hover {
	border-color: rgba(234, 179, 8, 0.45);
	color: #fff;
}
.meta-stage .demos-meta__search {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 14px;
	padding: 10px 12px;
	border-radius: var(--meta-radius, 12px);
	background: var(--meta-surface, #16191d);
	border: 1px solid var(--meta-border, #252b34);
}
.meta-stage .demos-meta__search-ico {
	color: var(--meta-accent, #eab308);
	font-size: 1.35rem;
	flex-shrink: 0;
}
.meta-stage .demos-meta__search-input {
	flex: 1 1 200px;
	min-width: 0;
	border: 0 !important;
	background: transparent !important;
	color: var(--meta-text, #e8eaed) !important;
	box-shadow: none !important;
}
.meta-stage .demos-meta__search-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: linear-gradient(135deg, #fde047 0%, #eab308 100%);
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 4px 14px rgba(234, 179, 8, 0.35);
}
.meta-stage .demos-meta__search-btn .bx {
	font-size: 22px;
}
.meta-stage .demos-meta__results.block {
	background: var(--meta-surface, #16191d) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	border-radius: var(--meta-radius, 12px);
	padding: 12px 14px !important;
}
.meta-stage .demos-meta__demo {
	padding: 14px 0;
	border-color: var(--meta-border, #252b34) !important;
}
.meta-stage .demos-meta__map {
	border-radius: 10px;
	border: 1px solid var(--meta-border, #252b34);
}
.meta-stage .demos-meta__line {
	color: var(--meta-muted, #9ba3af);
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.meta-stage .demos-meta__line .bx {
	color: var(--meta-accent, #eab308);
	font-size: 1.1rem;
}
.meta-stage .demos-meta__line b {
	color: var(--meta-text, #e8eaed);
}
.meta-stage .demos-meta__line--dl a {
	color: var(--meta-accent, #eab308);
	font-weight: 600;
}
.meta-stage .demos-meta__pagination {
	margin-top: 12px;
	text-align: center;
}

/* Donation widget внутри #dw_donations */
.meta-stage #dw_donations .donation-widget-meta.block.dark {
	background: var(--meta-surface, #16191d) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	border-radius: var(--meta-radius, 12px);
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
	color: var(--meta-text, #e8eaed);
}
.meta-stage #dw_donations .donation-widget-meta .card-profile-head {
	border-bottom-color: var(--meta-border, #252b34);
}
.meta-stage #dw_donations .donation-widget-meta .card-profile-head-icon {
	background: linear-gradient(145deg, #713f12 0%, #a16207 45%, #eab308 100%);
	color: #fff;
}
.meta-stage #dw_donations .donation-widget-meta .card-profile-head-icon .bx {
	color: #fff !important;
	font-size: 22px;
}
.meta-stage #dw_donations .donation-widget-meta .dw_text {
	color: var(--meta-muted, #9ba3af);
	line-height: 1.55;
}
.meta-stage #dw_donations .donation-widget-meta .dw_text b,
.meta-stage #dw_donations .donation-widget-meta .dw_text strong {
	color: var(--meta-text, #e8eaed);
}
.meta-stage #dw_donations .donation-widget-meta input.form-control {
	background: var(--meta-bg, #0b0e11) !important;
	border: 1px solid var(--meta-border, #252b34) !important;
	color: var(--meta-text, #e8eaed) !important;
	border-radius: 10px;
}
.meta-stage #dw_donations .donation-widget-meta button.btn-outline-primary {
	background: color-mix(in srgb, var(--meta-accent, #eab308) 15%, var(--meta-surface-2, #1c1f26)) !important;
	border: 1px solid rgba(234, 179, 8, 0.45) !important;
	color: #fff !important;
	border-radius: 10px;
	font-weight: 700;
}
.meta-stage #dw_donations .donation-widget-meta .donation-widget-meta__donor {
	border-color: var(--meta-border, #252b34);
}
.meta-stage #dw_donations .donation-widget-meta__donor span .bx {
	color: var(--meta-accent, #eab308);
	margin-right: 4px;
}
.meta-stage #dw_donations .donation-widget-meta .pie,
.meta-stage #dw_donations .donation-widget-meta .c100 .bar,
.meta-stage #dw_donations .donation-widget-meta .c100 .fill {
	border-color: rgba(234, 179, 8, 0.55) !important;
}
.meta-stage #dw_donations .donation-widget-meta .c100 > span {
	color: var(--meta-text, #e8eaed) !important;
}
.meta-stage .donation-widget-meta__closed .block_head {
	border-radius: 10px 10px 0 0;
}

.meta-stage .buy-key-meta .form-check-label,
.meta-stage .shop-key-meta .form-check-label {
	color: var(--meta-muted, #9ba3af);
}
.meta-stage .buy-key-meta .form-check-label a,
.meta-stage .shop-key-meta .form-check-label a {
	color: var(--meta-accent, #eab308);
}

/* Online line (инжект в .info-line) */
.meta-stage .info-line .full-online {
	color: var(--meta-text, #e8eaed) !important;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.meta-stage .info-line .border-in-online {
	box-shadow: 0 0 0 2px rgba(234, 179, 8, 0.28);
}

/* ========== GAMECMS: герой-статы, сетка главной, сайдбар-CTA, topbar, футер ========== */

.meta-stage .meta-hero-static .meta-hero-slide:has(.gc-hero-stats) .meta-hero-slide__content {
	padding-bottom: clamp(72px, 10vw, 96px);
}

.meta-stage .meta-hero-static .meta-hero-slide .gc-hero-stats {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	padding: 10px clamp(12px, 2vw, 20px);
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.72));
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	box-sizing: border-box;
}

.meta-stage .meta-hero-static .meta-hero-slide .gc-hero-stats__item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 6px 8px;
	color: rgba(255, 255, 255, 0.92);
	font-size: clamp(11px, 1.1vw, 13px);
	font-weight: 600;
	letter-spacing: 0.02em;
}

.meta-stage .meta-hero-static .meta-hero-slide .gc-hero-stats__ico {
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(234, 179, 8, 0.18);
	border: 1px solid rgba(234, 179, 8, 0.35);
	color: #fff;
	font-size: 1.1rem;
}

.meta-stage .meta-hero-static .meta-hero-slide .gc-hero-stats__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.meta-stage .meta-hero-static .meta-hero-slide .gc-hero-stats__label {
	font-size: 0.72rem;
	font-weight: 600;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	letter-spacing: 0.06em;
}

.meta-stage .meta-hero-static .meta-hero-slide .gc-hero-stats__value {
	font-weight: 800;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 767.98px) {
	.meta-stage .meta-hero-static .meta-hero-slide .gc-hero-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Верхняя полоса: логотип + меню (GAMECMS) */
.meta-stage .meta-topbar__start {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: clamp(10px, 1.5vw, 22px);
	min-width: 0;
	flex: 1 1 auto;
}

.meta-stage a.meta-topbar__logo-mark {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	text-decoration: none !important;
	color: var(--meta-text) !important;
	margin-right: 4px;
}

.meta-stage .meta-topbar__logo-ico {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(145deg, #3a0a0a 0%, var(--meta-accent) 55%, #ff5a4d 100%);
	color: #fff;
	font-size: 1.35rem;
	box-shadow: 0 6px 18px rgba(234, 179, 8, 0.35);
}

.meta-stage .meta-topbar__logo-text {
	display: flex;
	flex-direction: column;
	line-height: 1.05;
}

.meta-stage .meta-topbar__logo-name {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.meta-stage .meta-topbar__logo-sub {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--meta-muted);
	letter-spacing: 0.08em;
}

.meta-stage .meta-topbar__iconbtn,
.meta-stage a.meta-topbar__iconbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	border: 1px solid var(--meta-border);
	background: var(--meta-surface-2);
	color: var(--meta-text) !important;
	text-decoration: none !important;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.meta-stage .meta-topbar__iconbtn:hover {
	border-color: rgba(234, 179, 8, 0.45);
	background: rgba(234, 179, 8, 0.08);
}

.meta-stage .meta-topbar__guest {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
}

.meta-stage .meta-topbar__guest-btn {
	appearance: none;
	border-radius: 6px;
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	cursor: pointer;
	border: 1px solid transparent;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
	white-space: nowrap;
}

.meta-stage .meta-topbar__guest-btn--outline {
	background: transparent !important;
	color: var(--meta-text) !important;
	border-color: rgba(255, 255, 255, 0.28) !important;
}

.meta-stage .meta-topbar__guest-btn--outline:hover {
	border-color: rgba(255, 255, 255, 0.5) !important;
	background: rgba(255, 255, 255, 0.06) !important;
}

.meta-stage .meta-topbar__guest-btn--primary {
	background: var(--meta-accent) !important;
	color: #fff !important;
	border-color: transparent !important;
	box-shadow: 0 6px 20px rgba(234, 179, 8, 0.35);
}

.meta-stage .meta-topbar__guest-btn--primary:hover {
	background: var(--meta-accent-hover) !important;
	color: #fff !important;
}

/* Сайдбар: скачать клиент + сообщество */
.meta-sidebar .gc-sidebar-cta {
	margin-top: 14px;
	padding: 14px 12px;
	border-radius: var(--meta-radius-sm);
	background: linear-gradient(165deg, rgba(234, 179, 8, 0.14) 0%, var(--meta-surface-2) 55%);
	border: 1px solid rgba(234, 179, 8, 0.28);
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

.meta-sidebar .gc-sidebar-cta__title {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
	line-height: 1.35;
	margin: 0 0 10px;
}

.meta-sidebar .gc-sidebar-cta__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 12px 12px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #fff !important;
	background: var(--meta-accent);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 8px 22px rgba(234, 179, 8, 0.4);
}

.meta-sidebar .gc-sidebar-cta__btn:hover {
	background: var(--meta-accent-hover);
	color: #fff !important;
}

.meta-sidebar .gc-sidebar-cta__hint {
	margin: 8px 0 0;
	font-size: 11px;
	color: var(--meta-muted);
	text-align: center;
}

.meta-sidebar .gc-sidebar-community {
	margin-top: 14px;
	padding: 12px;
	border-radius: var(--meta-radius-sm);
	background: var(--meta-surface-2);
	border: 1px solid var(--meta-border);
}

.meta-sidebar .gc-sidebar-community__title {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--meta-muted);
	margin: 0 0 6px;
}

.meta-sidebar .gc-sidebar-community__count {
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	margin: 0 0 10px;
	letter-spacing: 0.02em;
}

.meta-sidebar .gc-sidebar-community__socials {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.meta-sidebar .gc-sidebar-community__socials a {
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--meta-surface);
	border: 1px solid var(--meta-border);
	color: var(--meta-text) !important;
	text-decoration: none !important;
	font-size: 1.1rem;
}

.meta-sidebar .gc-sidebar-community__socials a:hover {
	border-color: rgba(234, 179, 8, 0.45);
	color: #fff !important;
}

/* Мониторинг: заголовок как на макете */
.meta-stage .monitoring-section__title {
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 12px;
}

.meta-stage .monitoring-section__more-text {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--meta-muted);
}

/* Главная: 4 колонки + магазин */
.gc-home-main {
	margin-top: 0;
}

.gc-home-grid .index-home-card {
	border-radius: var(--meta-radius-sm);
	border: 1px solid var(--meta-border);
	background: var(--meta-surface);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.gc-home-grid .index-home-card__title {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 11px !important;
	font-weight: 800 !important;
	color: var(--meta-muted);
}

.gc-files {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	border-radius: var(--meta-radius-sm);
	border: 1px solid var(--meta-border);
	background: var(--meta-surface);
	overflow: hidden;
}

.gc-files__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 12px;
	border-bottom: 1px solid var(--meta-border);
	background: var(--meta-surface-2);
}

.gc-files__title {
	margin: 0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--meta-muted);
}

.gc-files__list {
	padding: 6px 0;
	flex: 1 1 auto;
}

.gc-files__row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	text-decoration: none !important;
	color: inherit !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
	transition: background 0.12s ease;
}

.gc-files__row:last-child {
	border-bottom: 0;
}

.gc-files__row:hover {
	background: rgba(234, 179, 8, 0.06);
}

.gc-files__ico {
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--meta-surface-2);
	border: 1px solid var(--meta-border);
	color: var(--meta-accent);
	font-size: 1.1rem;
}

.gc-files__meta {
	flex: 1 1 auto;
	min-width: 0;
}

.gc-files__name {
	font-size: 13px;
	font-weight: 700;
	color: var(--meta-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gc-files__sub {
	font-size: 11px;
	color: var(--meta-muted);
	margin-top: 2px;
}

.gc-files__dl {
	flex-shrink: 0;
	color: var(--meta-muted);
	font-size: 1.25rem;
}

.gc-store-promo {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	border-radius: var(--meta-radius-sm);
	border: 1px solid rgba(139, 92, 246, 0.45);
	background: linear-gradient(180deg, rgba(88, 28, 135, 0.35) 0%, var(--meta-surface) 55%);
	box-shadow: 0 10px 32px rgba(88, 28, 135, 0.22);
	padding: 14px 12px 16px;
	text-align: center;
}

.gc-store-promo__art {
	font-size: 3rem;
	line-height: 1;
	margin: 4px 0 10px;
	filter: drop-shadow(0 8px 18px rgba(139, 92, 246, 0.55));
}

.gc-store-promo__title {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #e9d5ff;
}

.gc-store-promo__text {
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.88);
}

.gc-store-promo__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: auto;
	padding: 11px 14px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none !important;
	background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 8px 26px rgba(234, 179, 8, 0.45);
	color: #1a1204 !important;
}

.gc-store-promo__btn:hover {
	filter: brightness(1.06);
	color: #1a1204 !important;
}

/* Ряд преимуществ под сеткой */
.gc-features {
	margin-top: 18px;
	padding: 16px clamp(10px, 2vw, 18px);
	border-radius: var(--meta-radius-sm);
	border: 1px solid var(--meta-border);
	background: var(--meta-surface);
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.gc-features__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 10px;
	border-radius: 8px;
	background: var(--meta-surface-2);
	border: 1px solid var(--meta-border);
	min-height: 100%;
}

.gc-features__ico {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.35rem;
	color: #fff;
}

.gc-features__ico--r {
	background: linear-gradient(145deg, #7f1d1d, var(--meta-accent));
}
.gc-features__ico--b {
	background: linear-gradient(145deg, #1e3a8a, #3b82f6);
}
.gc-features__ico--g {
	background: linear-gradient(145deg, #14532d, #22c55e);
}
.gc-features__ico--o {
	background: linear-gradient(145deg, #713f12, #eab308);
}
.gc-features__ico--p {
	background: linear-gradient(145deg, #713f12, var(--meta-shop-glow));
}

.gc-features__name {
	margin: 0;
	font-size: 12px;
	font-weight: 800;
	color: var(--meta-text);
}

.gc-features__desc {
	margin: 0;
	font-size: 11px;
	line-height: 1.45;
	color: var(--meta-muted);
}

@media (max-width: 991.98px) {
	.gc-features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.gc-features {
		grid-template-columns: 1fr;
	}
}

/* Футер: подписка */
.meta-footer__col--subscribe {
	min-width: min(100%, 280px);
}

.meta-footer__subscribe-title {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--meta-text, #ececf0);
}

.meta-footer__subscribe-text {
	margin: 0 0 12px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--meta-muted, #9b9ba8);
}

.meta-footer__subscribe-form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
	align-items: stretch;
}

.meta-footer__subscribe-form input[type="email"] {
	flex: 1 1 160px;
	min-width: 0;
	padding: 10px 12px;
	border-radius: 6px;
	border: 1px solid var(--meta-border, #2a2a32);
	background: rgba(0, 0, 0, 0.35);
	color: var(--meta-text, #ececf0);
	font-size: 14px;
	box-sizing: border-box;
}

.meta-footer__subscribe-form button {
	padding: 10px 16px;
	border-radius: 6px;
	border: none;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	background: var(--meta-accent, #eab308);
	color: #fff;
	box-shadow: 0 6px 18px rgba(234, 179, 8, 0.35);
}

.meta-footer__subscribe-form button:hover {
	background: var(--meta-accent-hover, #c41d14);
}

.meta-sidebar--ref .gx_nav_dd--open > .gx_nav_dd_btn:not(.gx_link--active) {
	background: rgba(234, 179, 8, 0.08);
	border-color: rgba(234, 179, 8, 0.22);
}

.meta-footer .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;
}

.meta-hero-slide__line,
.gc-features__name,
.gc-files__title,
.monitoring-section__title,
.meta-topbar__logo-name {
	font-family: "Montserrat", "Inter", system-ui, sans-serif;
}

/* ========== Сайдбар GAMECMS (макет: плитка меню + статус серверов + Discord) ========== */

.meta-sidebar--gc.meta-sidebar--ref .meta-brand.meta-brand--ref.meta-brand--gc {
	flex-direction: row;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
	padding: 0 4px 0 2px;
}

.meta-sidebar--gc .meta-brand__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.meta-sidebar--gc .meta-brand__cube {
	display: block;
	color: #fff;
	filter: drop-shadow(0 0 10px rgba(234, 179, 8, 0.25));
}

.meta-sidebar--gc .meta-brand__stack {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.meta-sidebar--gc .meta-brand__line2 {
	margin-top: 0 !important;
	font-size: 0.95rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: #fff !important;
	font-style: normal !important;
	line-height: 1.1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.meta-sidebar--gc .meta-brand__tag {
	font-size: 9px !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.72) !important;
}

.meta-sidebar--gc .gc-sidebar-nav-panel {
	background: rgba(10, 12, 18, 0.92);
	border: 1px solid rgba(56, 189, 248, 0.12);
	border-radius: 12px;
	padding: 8px 6px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
	margin-bottom: 12px;
}

.meta-sidebar--gc .gx_nav_links--gc {
	gap: 4px !important;
	margin: 0 !important;
}

.meta-sidebar--gc.meta-sidebar--ref .gx_nav_links--gc > a.gx_link,
.meta-sidebar--gc.meta-sidebar--ref .gx_nav_links--gc > .gx_nav_dd > .gx_nav_dd_btn {
	padding: 11px 12px !important;
	border-radius: 10px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.88) !important;
	border: 1px solid transparent;
}

.meta-sidebar--gc.meta-sidebar--ref .gx_nav_links--gc > a.gx_link i,
.meta-sidebar--gc.meta-sidebar--ref .gx_nav_links--gc > .gx_nav_dd > .gx_nav_dd_btn i:first-of-type {
	color: rgba(255, 255, 255, 0.92) !important;
	font-size: 1.15rem;
}

.meta-sidebar--gc.meta-sidebar--ref .gx_nav_links--gc > a.gx_link:hover:not(.gx_link--active),
.meta-sidebar--gc.meta-sidebar--ref .gx_nav_links--gc > .gx_nav_dd_btn:hover:not(.gx_link--active) {
	background: rgba(56, 189, 248, 0.06) !important;
	color: #fff !important;
	border-color: rgba(56, 189, 248, 0.12);
}

/* Активный пункт: оранжевый акцент */
.meta-sidebar--gc.meta-sidebar--ref .gx_nav_links--gc > a.gx_link.gx_link--active {
	color: #facc15 !important;
	background: rgba(234, 179, 8, 0.08) !important;
	border-color: rgba(234, 179, 8, 0.22) !important;
	box-shadow: inset 0 3px 0 #facc15, inset 4px 0 0 transparent !important;
}

.meta-sidebar--gc.meta-sidebar--ref .gx_nav_links--gc > a.gx_link.gx_link--active i {
	color: #facc15 !important;
	filter: drop-shadow(0 0 8px rgba(234, 179, 8, 0.45));
}

.meta-sidebar--gc.meta-sidebar--ref .gx_nav_dd--has-active-child > .gx_nav_dd_btn.gx_link--active {
	color: #facc15 !important;
	background: rgba(234, 179, 8, 0.08) !important;
	border-color: rgba(234, 179, 8, 0.22) !important;
	box-shadow: inset 0 3px 0 #facc15 !important;
}

.meta-sidebar--gc.meta-sidebar--ref .gx_nav_dd--has-active-child > .gx_nav_dd_btn.gx_link--active i:first-of-type {
	color: #facc15 !important;
}

.meta-sidebar--gc .gx_nav_dd_panel {
	background: rgba(15, 18, 26, 0.98) !important;
	border: 1px solid rgba(56, 189, 248, 0.15) !important;
	border-radius: 10px !important;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}

.meta-sidebar--gc .gc-sidebar-servers {
	background: rgba(10, 12, 18, 0.92);
	border: 1px solid rgba(46, 229, 157, 0.14);
	border-radius: 12px;
	padding: 10px 10px 8px;
	margin-bottom: 12px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.meta-sidebar--gc .gc-sidebar-servers__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 8px;
}

.meta-sidebar--gc .gc-sidebar-servers__title {
	margin: 0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fff;
}

.meta-sidebar--gc .gc-sidebar-servers__all {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #67e8f9;
	text-decoration: none !important;
	white-space: nowrap;
}

.meta-sidebar--gc .gc-sidebar-servers__all:hover {
	color: #a5f3fc;
	text-decoration: underline !important;
}

.meta-sidebar--gc .gc-sidebar-servers__rows {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.meta-sidebar--gc .gc-sidebar-servers__empty {
	margin: 6px 0 0;
	font-size: 11px;
	color: var(--meta-muted);
	text-align: center;
}

.meta-sidebar--gc a.gc-sidebar-server-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	padding: 8px 8px;
	border-radius: 10px;
	text-decoration: none !important;
	color: inherit !important;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.06);
	transition: background 0.15s ease, border-color 0.15s ease;
}

.meta-sidebar--gc a.gc-sidebar-server-row:hover {
	background: rgba(46, 229, 157, 0.06);
	border-color: rgba(46, 229, 157, 0.25);
}

.meta-sidebar--gc .gc-sidebar-server-row__dot {
	flex-shrink: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 10px rgba(34, 197, 94, 0.85);
}

.meta-sidebar--gc .gc-sidebar-server-row__main {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.meta-sidebar--gc .gc-sidebar-server-row__name {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.meta-sidebar--gc .gc-sidebar-server-row__status {
	font-size: 10px;
	font-weight: 600;
	color: #4ade80;
	letter-spacing: 0.04em;
}

.meta-sidebar--gc .gc-sidebar-server-row__aside {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.meta-sidebar--gc .gc-sidebar-server-row__count {
	font-size: 11px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.88);
	font-variant-numeric: tabular-nums;
}

.meta-sidebar--gc .gc-sidebar-server-row__bars {
	display: inline-flex;
	align-items: flex-end;
	gap: 2px;
	height: 14px;
}

.meta-sidebar--gc .gc-sidebar-server-row__bars > span {
	display: block;
	width: 3px;
	border-radius: 1px;
	background: rgba(34, 197, 94, 0.35);
}

.meta-sidebar--gc .gc-sidebar-server-row__bars > span:nth-child(1) {
	height: 5px;
}
.meta-sidebar--gc .gc-sidebar-server-row__bars > span:nth-child(2) {
	height: 8px;
	background: rgba(34, 197, 94, 0.55);
}
.meta-sidebar--gc .gc-sidebar-server-row__bars > span:nth-child(3) {
	height: 11px;
	background: rgba(34, 197, 94, 0.75);
}
.meta-sidebar--gc .gc-sidebar-server-row__bars > span:nth-child(4) {
	height: 14px;
	background: #22c55e;
}

.meta-sidebar--gc .gc-sidebar-discord {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	min-height: 168px;
	margin-bottom: 10px;
	border: 1px solid rgba(234, 179, 8, 0.35);
	box-shadow: 0 14px 36px rgba(234, 179, 8, 0.22);
}

.meta-sidebar--gc .gc-sidebar-discord__bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(125deg, #14120a 0%, #1c1810 35%, #2a2410 65%, #3d3412 100%);
	opacity: 1;
}

.meta-sidebar--gc .gc-sidebar-discord__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(120% 80% at 100% 20%, rgba(255, 255, 255, 0.18), transparent 55%),
		radial-gradient(80% 60% at 10% 100%, rgba(14, 165, 233, 0.35), transparent 50%);
	pointer-events: none;
}

.meta-sidebar--gc .gc-sidebar-discord__content {
	position: relative;
	z-index: 1;
	padding: 14px 14px 12px;
	max-width: 100%;
}

.meta-sidebar--gc .gc-sidebar-discord__kicker {
	margin: 0 0 4px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.82);
}

.meta-sidebar--gc .gc-sidebar-discord__brand {
	margin: 0 0 6px;
	font-size: 1.35rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}

.meta-sidebar--gc .gc-sidebar-discord__text {
	margin: 0 0 12px;
	font-size: 11px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.88);
	max-width: 22ch;
}

.meta-sidebar--gc .gc-sidebar-discord__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none !important;
	color: #fff !important;
	background: #5865f2;
	border: 1px solid rgba(255, 255, 255, 0.14);
	box-shadow: 0 8px 22px rgba(88, 101, 242, 0.45);
}

.meta-sidebar--gc .gc-sidebar-discord__btn:hover {
	filter: brightness(1.06);
	color: #fff !important;
}

.meta-sidebar--gc .gc-sidebar-discord__btn i {
	font-size: 1.25rem;
}

.meta-sidebar--gc.meta-sidebar--ref .gx_nav_dd--open > .gx_nav_dd_btn:not(.gx_link--active) {
	background: rgba(56, 189, 248, 0.06) !important;
	border-color: rgba(56, 189, 248, 0.14) !important;
	color: rgba(255, 255, 255, 0.92) !important;
}

.meta-sidebar--gc .gx_nav_dd_link--active {
	color: #facc15 !important;
	background: rgba(234, 179, 8, 0.08) !important;
	box-shadow: inset 2px 0 0 #facc15 !important;
}

.meta-sidebar--gc .gx_nav_dd_link--active i {
	color: #facc15 !important;
}

/* ========== Киношный герой: на всю ширину окна, фон + текст слева, события справа ========== */

.meta-stage .gc-hero-section {
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	overflow-x: hidden;
}

.meta-stage .header_action.header_action--cinematic {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(260px, min(36vw, 420px)) !important;
	grid-template-rows: auto auto !important;
	gap: clamp(14px, 2vw, 22px) !important;
	align-items: start !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: clamp(8px, 1.2vw, 16px) !important;
	margin-bottom: clamp(12px, 2vw, 20px) !important;
	box-sizing: border-box !important;
}

.meta-stage .header_action.header_action--cinematic > .gc-hero-fullbleed {
	grid-column: 1 / -1;
	grid-row: 1;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	left: auto;
	right: auto;
	box-sizing: border-box;
}

/* Ряд под героем: слева серверы+виджеты, справа профиль/чат/Steam */
.meta-stage .header_action.header_action--cinematic > .gc-hero-below-row {
	grid-column: 1 / -1;
	grid-row: 2;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(280px, min(36vw, 420px)) !important;
	gap: clamp(14px, 2vw, 22px) !important;
	align-items: start;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.meta-stage .header_action.header_action--cinematic .gc-hero-below-row > .gc-hero-main-col {
	grid-column: 1;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: clamp(14px, 2vw, 20px);
}

.meta-stage .header_action.header_action--cinematic .gc-hero-below-row > .gc-hero-main-col > .gc-hero-bottom {
	min-width: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.meta-stage .header_action.header_action--cinematic .gc-hero-below-row > .header_info,
.meta-stage .header_action.header_action--cinematic .gc-hero-below-row > aside.header_info {
	grid-column: 2;
	align-self: start;
	display: flex !important;
	flex-direction: column !important;
	gap: 14px;
	min-width: 0;
	max-width: 100%;
	width: 100% !important;
	box-sizing: border-box;
	visibility: visible !important;
	opacity: 1 !important;
}

.meta-stage .home-under-header--in-hero {
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.meta-stage .home-under-header--in-hero .gc-home-widgets-pair__row {
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 1199.98px) {
	.meta-stage .header_action.header_action--cinematic {
		grid-template-columns: 1fr !important;
	}

	.meta-stage .header_action.header_action--cinematic > .gc-hero-below-row {
		grid-template-columns: 1fr !important;
	}

	.meta-stage .header_action.header_action--cinematic .gc-hero-below-row > .gc-hero-main-col,
	.meta-stage .header_action.header_action--cinematic .gc-hero-below-row > .header_info {
		grid-column: 1 !important;
	}
}

.meta-stage .header_action__main.header_action__main--cinematic {
	display: block;
	width: 100%;
	max-width: none;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.meta-stage .header_banner.header_banner--cinematic {
	position: relative;
	width: 100%;
	min-height: min(52vh, 540px);
	height: min(52vh, 540px);
	max-height: none;
	overflow: hidden;
	border-radius: 0;
	box-sizing: border-box;
}

.meta-stage .header_banner--cinematic .meta-hero-static {
	height: 100%;
	min-height: inherit;
	position: relative;
}

.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic {
	position: relative;
	min-height: min(52vh, 540px);
	height: min(52vh, 540px);
	overflow: hidden;
}

.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic.meta-hero-slide--empty {
	background:
		radial-gradient(120% 70% at 18% 20%, rgba(234, 179, 8, 0.14) 0%, transparent 55%),
		radial-gradient(90% 60% at 88% 72%, rgba(30, 64, 120, 0.12) 0%, transparent 50%),
		linear-gradient(165deg, #121318 0%, #0b0b0d 55%, #0a0c12 100%);
}

.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic .meta-hero-slide__bg {
	object-position: center center;
}

.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic .meta-hero-slide__scrim--cinematic {
	background: linear-gradient(
		90deg,
		rgba(6, 8, 14, 0.88) 0%,
		rgba(6, 8, 14, 0.55) 44%,
		rgba(6, 8, 14, 0.25) 68%,
		rgba(6, 8, 14, 0.12) 100%
	) !important;
}

.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic .meta-hero-slide__content--cinematic {
	position: absolute;
	left: 0;
	right: clamp(300px, 30vw, 400px);
	bottom: clamp(64px, 10vh, 108px);
	top: auto;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	min-height: 0;
	max-width: min(640px, 52vw);
	padding: clamp(18px, 3vw, 40px) clamp(16px, 3vw, 48px);
	box-sizing: border-box;
}

.meta-stage .gc-hero-badge {
	display: inline-flex;
	align-items: center;
	margin: 0 0 12px;
	padding: 6px 10px;
	border-radius: 6px;
	border: 1px solid rgba(234, 179, 8, 0.65);
	background: rgba(12, 10, 6, 0.55);
	color: #fef9c3 !important;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	box-shadow: 0 0 22px rgba(234, 179, 8, 0.22);
}

.meta-stage .meta-hero-slide__line--cinematic {
	font-size: clamp(1.6rem, 3.2vw, 2.6rem) !important;
	color: #fff !important;
}

.meta-stage .meta-hero-slide__line--cinematic-accent {
	margin-top: 6px;
	font-size: clamp(1.85rem, 3.8vw, 3rem) !important;
	color: #facc15 !important;
	text-shadow: 0 2px 28px rgba(0, 0, 0, 0.55);
}

.meta-stage .meta-hero-slide__sub--cinematic {
	margin-top: clamp(12px, 2vw, 18px) !important;
	max-width: 36rem;
}

.meta-stage .meta-hero-slide__sub--cinematic p {
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: clamp(14px, 1.6vw, 17px) !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
}

.meta-stage .meta-hero-slide__actions--cinematic {
	margin-top: clamp(18px, 2.6vw, 26px) !important;
}

.meta-stage .meta-hero-slide__btn--yellow {
	border-radius: var(--meta-btn-shape);
	background: var(--meta-btn-primary-grad) !important;
	color: #0a0a0f !important;
	border: 1px solid rgba(234, 179, 8, 0.55) !important;
	box-shadow: 0 12px 34px rgba(234, 179, 8, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.meta-stage .meta-hero-slide__btn--yellow:hover {
	filter: brightness(1.06);
	color: #0a0a0f !important;
	background: var(--meta-btn-primary-grad) !important;
}

.meta-stage .meta-hero-slide__btn--cinematic-ghost {
	border-radius: var(--meta-btn-shape-alt);
	background: rgba(0, 0, 0, 0.25) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.45) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.meta-stage .meta-hero-slide__btn--cinematic-ghost:hover {
	filter: brightness(1.05);
	border-color: rgba(234, 179, 8, 0.65) !important;
	color: #fff !important;
}

.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic .gc-hero-stats--cinematic {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	padding: 12px clamp(14px, 2.5vw, 28px);
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.78));
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.meta-stage .gc-hero-stats--cinematic .gc-hero-stats__item {
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.meta-stage .gc-hero-stats--cinematic .gc-hero-stats__text {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.meta-stage .gc-hero-stats--cinematic .gc-hero-stats__value {
	font-size: clamp(12px, 1.2vw, 14px);
	font-weight: 800;
	color: #fff;
	order: -1;
}

.meta-stage .gc-hero-stats--cinematic .gc-hero-stats__label {
	font-size: 10px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0.02em;
	color: rgba(255, 255, 255, 0.62);
}

.meta-stage .gc-hero-stats--cinematic .gc-hero-stats__ico {
	background: rgba(234, 179, 8, 0.12);
	border-color: rgba(234, 179, 8, 0.35);
	color: #facc15;
}

.meta-stage .gc-hero-events__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 6px;
	padding: 8px 10px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.meta-stage .gc-hero-events__title {
	margin: 0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fff;
	max-width: 100%;
	line-height: 1.25;
}

.meta-stage .gc-hero-events__all {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #facc15 !important;
	text-decoration: none !important;
	white-space: nowrap;
	align-self: flex-start;
	padding: 4px 2px;
	min-height: 32px;
	display: inline-flex;
	align-items: center;
}

.meta-stage .gc-hero-events__all:hover {
	color: #fde047 !important;
	text-decoration: underline !important;
}

.meta-stage .gc-hero-events__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	padding: 8px 8px 10px;
	-webkit-overflow-scrolling: touch;
}

.meta-stage .gc-hero-events__body .event {
	margin-bottom: 8px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(0, 0, 0, 0.2);
}

.meta-stage .gc-hero-events__body .event:last-child {
	margin-bottom: 0;
}

.meta-stage .header_banner--cinematic .swiper-pagination {
	bottom: clamp(100px, 16vh, 150px) !important;
	left: clamp(16px, 3vw, 40px) !important;
	width: auto !important;
	right: auto !important;
	z-index: 6;
}

@media (max-width: 991.98px) {
	.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic .meta-hero-slide__content--cinematic {
		right: 0;
		max-width: 100%;
		padding-bottom: clamp(100px, 18vh, 160px);
	}

	.meta-stage .header_banner--cinematic {
		min-height: min(58vh, 520px);
		height: auto;
	}

	.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic {
		min-height: min(58vh, 520px);
		height: auto;
	}

	.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic .gc-hero-stats--cinematic {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic .gc-hero-stats--cinematic {
		grid-template-columns: 1fr;
	}
}

.meta-stage .meta-hero-static .meta-hero-slide.meta-hero-slide--cinematic:has(.gc-hero-stats) .meta-hero-slide__content--cinematic {
	padding-bottom: 0 !important;
}

/* Главная: три колонки «Новости | Файлы | Топ» (gc-home-triple) */
.meta-stage .news__block.news__block--gc {
	height: auto !important;
	min-height: 0 !important;
}

.meta-stage .gc-home-triple .index-home-card--triple {
	border-radius: var(--meta-radius-sm);
	border: 1px solid var(--meta-border);
	background: rgba(18, 20, 28, 0.72);
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
	overflow: hidden;
}

.meta-stage .gc-home-triple .index-home-card__more--accent {
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #38bdf8 !important;
}

.meta-stage .gc-home-triple .index-home-card__more--accent:hover {
	color: #7dd3fc !important;
}

.meta-stage .gc-home-players__period {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--meta-muted) !important;
	white-space: nowrap;
}

.meta-stage .gc-home-files__list {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	box-sizing: border-box;
}

.meta-stage .gc-home-files__row {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid var(--meta-border);
	text-decoration: none !important;
	color: inherit;
	box-sizing: border-box;
	min-width: 0;
}

.meta-stage .gc-home-files__row:last-child {
	border-bottom: none;
}

.meta-stage .gc-home-files__ico {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.meta-stage .gc-home-files__ico--play {
	background: linear-gradient(145deg, #38bdf8, #0369a1);
}

.meta-stage .gc-home-files__ico--doc {
	background: linear-gradient(145deg, #22c55e, #15803d);
}

.meta-stage .gc-home-files__ico--shield {
	background: linear-gradient(145deg, #f87171, #b91c1c);
}

.meta-stage .gc-home-files__ico--folder {
	background: linear-gradient(145deg, #fb923c, #b45309);
}

.meta-stage .gc-home-files__ico--music {
	background: linear-gradient(145deg, #fde047, #ca8a04);
}

.meta-stage .gc-home-files__meta {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.meta-stage .gc-home-files__name {
	font-size: 14px;
	font-weight: 700;
	color: var(--meta-text) !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.meta-stage .gc-home-files__sub {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	font-size: 12px;
	color: var(--meta-muted) !important;
}

.meta-stage .gc-home-files__dl {
	flex: 0 0 auto;
	font-size: 20px;
	color: rgba(255, 255, 255, 0.72);
	opacity: 0.9;
}

.meta-stage .gc-home-files__row:hover .gc-home-files__dl {
	color: #38bdf8;
	opacity: 1;
}

.meta-stage .index-home-card__footer--fullbtn {
	padding: 10px 12px 12px !important;
	text-align: center;
	border-top: 1px solid var(--meta-border);
}

.meta-stage .gc-home-players__all {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 11px 14px;
	border-radius: 10px;
	background: rgba(8, 10, 16, 0.65);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: var(--meta-text) !important;
	text-decoration: none !important;
	font-weight: 800;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.meta-stage .gc-home-players__all:hover {
	background: rgba(12, 16, 24, 0.85);
	border-color: rgba(56, 189, 248, 0.35);
	color: #e0f2fe !important;
}

.meta-stage #top_users.gc-home-triple-players {
	counter-reset: gc-home-rank;
}

.meta-stage #top_users.gc-home-triple-players > .new__topusers {
	counter-increment: gc-home-rank;
	position: relative;
	padding: 10px 36px 10px 44px !important;
	align-items: center !important;
}

.meta-stage #top_users.gc-home-triple-players > .new__topusers::before {
	content: counter(gc-home-rank);
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 800;
	background: rgba(255, 255, 255, 0.06);
	color: var(--meta-muted);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	line-height: 1;
}

.meta-stage #top_users.gc-home-triple-players > .new__topusers:nth-child(1)::before {
	background: linear-gradient(145deg, #fde047, #d97706);
	color: #1a1204;
	border-color: rgba(253, 224, 71, 0.55);
}

.meta-stage #top_users.gc-home-triple-players > .new__topusers:nth-child(2)::before {
	background: linear-gradient(145deg, #e5e7eb, #9ca3af);
	color: #111827;
	border-color: rgba(229, 231, 235, 0.55);
}

.meta-stage #top_users.gc-home-triple-players > .new__topusers:nth-child(3)::before {
	background: linear-gradient(145deg, #fdba74, #b45309);
	color: #1c0a02;
	border-color: rgba(253, 186, 116, 0.55);
}

.meta-stage #top_users.gc-home-triple-players > .new__topusers:nth-child(-n + 3)::after {
	content: "\265b";
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	line-height: 1;
	pointer-events: none;
}

.meta-stage #top_users.gc-home-triple-players > .new__topusers:nth-child(1)::after {
	color: #facc15;
	text-shadow: 0 0 12px rgba(251, 191, 36, 0.45);
}

.meta-stage #top_users.gc-home-triple-players > .new__topusers:nth-child(2)::after {
	color: #d1d5db;
	text-shadow: 0 0 10px rgba(209, 213, 219, 0.35);
}

.meta-stage #top_users.gc-home-triple-players > .new__topusers:nth-child(3)::after {
	color: #fb923c;
	text-shadow: 0 0 10px rgba(234, 179, 8, 0.35);
}

.meta-stage #top_users.gc-home-triple-players img {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
}

.meta-stage #top_users.gc-home-triple-players .topusers__gp {
	display: none !important;
}

.meta-stage #top_users.gc-home-triple-players .info__like {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	grid-template-columns: none !important;
	gap: 0 !important;
	min-width: 0;
}

.meta-stage #top_users.gc-home-triple-players .info__like > div:nth-child(1),
.meta-stage #top_users.gc-home-triple-players .info__like > div:nth-child(2) {
	display: none !important;
}

.meta-stage #top_users.gc-home-triple-players .info__like > div:nth-child(3) {
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: baseline !important;
	gap: 4px;
	text-align: left !important;
}

.meta-stage #top_users.gc-home-triple-players .info__like > div:nth-child(3) > p {
	display: none !important;
}

.meta-stage #top_users.gc-home-triple-players .info__like > div:nth-child(3) > span {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: var(--meta-muted) !important;
}

.meta-stage #top_users.gc-home-triple-players .info__like > div:nth-child(3) > span::after {
	content: " XP";
	font-weight: 600;
	font-size: 12px;
	color: var(--meta-muted);
	opacity: 0.9;
}

.meta-stage #top_users.gc-home-triple-players .topusers__info {
	grid-template-columns: minmax(0, 1fr) auto !important;
	column-gap: 10px !important;
	padding-right: 22px;
	box-sizing: border-box;
}

/* Главная: тройная полоса — новости (линия) / форум / события (.gc-home-triple.gc-index-nfe) */
.meta-stage .gc-index-nfe .index-home-card__main {
	min-width: 0;
}
.meta-stage .gc-index-nfe .vertical-center-line.gc-index-nfe__vline {
	position: relative;
	margin: 0;
	padding: 4px 0 2px 12px;
	border-left: 3px solid rgba(234, 179, 8, 0.45);
	border-radius: 0;
	min-height: 2.5rem;
}
.meta-stage .gc-index-nfe .vertical-center-line.gc-index-nfe__vline::before {
	content: "";
	position: absolute;
	left: -2px;
	top: 10px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--meta-accent, #eab308);
	box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.2);
}
.meta-stage .gc-index-nfe #new_news.gc-home-triple-news,
.meta-stage .gc-index-nfe #new_news.gc-home-triple-news .clearfix {
	min-width: 0;
}
.meta-stage .gc-index-nfe #forum.gc-index-nfe__forum {
	font-size: 0.9rem;
	line-height: 1.45;
	color: var(--meta-text, #e5e7eb);
}
.meta-stage .gc-index-nfe #forum.gc-index-nfe__forum a {
	color: inherit;
	text-decoration: none;
	border-radius: 8px;
}
.meta-stage .gc-index-nfe #forum.gc-index-nfe__forum a:hover {
	color: var(--meta-accent, #eab308);
	background: rgba(234, 179, 8, 0.06);
}
.meta-stage .gc-index-nfe #events.gc-index-nfe__events {
	min-width: 0;
	font-size: 0.95rem;
	line-height: 1.45;
}
.meta-stage .gc-index-nfe #events.gc-index-nfe__events img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

/* Главная: компактная тройная полоса (как референс — плотнее карточки; разметка index.tpl без изменений) */
.meta-stage .gc-home-triple.gc-index-nfe .gc-home-triple__row {
	--bs-gutter-x: 0.65rem;
	--bs-gutter-y: 0.65rem;
}
.meta-stage .gc-home-triple.gc-index-nfe .index-home-card--triple {
	border-radius: 10px !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;
}
.meta-stage .gc-home-triple.gc-index-nfe .index-home-card__header {
	padding: 0.4rem 0.55rem !important;
}
.meta-stage .gc-home-triple.gc-index-nfe .index-home-card__title {
	font-size: 0.6875rem !important;
	letter-spacing: 0.08em !important;
}
.meta-stage .gc-home-triple.gc-index-nfe .index__events .index-home-card__title {
	font-size: 0.9375rem !important;
	letter-spacing: 0.06em !important;
}
.meta-stage .gc-home-triple.gc-index-nfe .index-home-card__more--accent {
	font-size: 10px !important;
}
.meta-stage .gc-home-triple.gc-index-nfe .index-home-card__main {
	padding: 0.35rem 0.5rem 0.5rem !important;
}
.meta-stage .gc-home-triple.gc-index-nfe .vertical-center-line.gc-index-nfe__vline {
	padding: 2px 0 0 10px;
	min-height: 0;
}
.meta-stage .gc-home-triple.gc-index-nfe .vertical-center-line.gc-index-nfe__vline::before {
	top: 8px;
	width: 8px;
	height: 8px;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news.index-home-card__list--news,
.meta-stage .gc-home-triple.gc-index-nfe #new_news.index-home-card__list {
	padding: 0 0 4px !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news .news__block.news__block--gc,
.meta-stage .gc-home-triple.gc-index-nfe #new_news > a.news__block--gc {
	padding: 12px 4px 12px 2px !important;
	gap: 12px 12px !important;
	align-items: flex-start !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news .news__thumb {
	width: min(120px, 44%) !important;
	max-width: 140px !important;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
	min-height: 0 !important;
	border-radius: 9px !important;
	align-self: flex-start !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news .news__card-main {
	gap: 6px !important;
	align-self: stretch !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news .news__meta {
	margin-top: auto;
	padding-top: 2px;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news .news__badge {
	min-height: 15px;
	padding: 0 6px;
	font-size: 8px;
	border-radius: 5px;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news .news__title {
	font-size: 13px !important;
	line-height: 1.2 !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news .news__subtitle {
	font-size: 11px !important;
	line-height: 1.35 !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news .news__meta {
	gap: 6px 10px !important;
	font-size: 11px !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news .news__views i {
	font-size: 12px !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news > a.small-new {
	gap: 9px !important;
	padding: 6px 2px !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #new_news > a.small-new img {
	width: 56px !important;
	height: 56px !important;
	border-radius: 8px !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #forum.gc-index-nfe__forum {
	font-size: 0.8125rem !important;
	line-height: 1.35 !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #forum.gc-index-nfe__forum table td,
.meta-stage .gc-home-triple.gc-index-nfe #forum.gc-index-nfe__forum table th {
	padding: 0.35rem 0.45rem !important;
	font-size: 0.78rem !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #forum.gc-index-nfe__forum li {
	margin-bottom: 0.2rem;
}
.meta-stage .gc-home-triple.gc-index-nfe #events.gc-index-nfe__events {
	font-size: 1rem !important;
	line-height: 1.5 !important;
	font-weight: 500;
}
.meta-stage .gc-home-triple.gc-index-nfe #events.gc-index-nfe__events a {
	font-size: inherit !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #events.gc-index-nfe__events p,
.meta-stage .gc-home-triple.gc-index-nfe #events.gc-index-nfe__events .event,
.meta-stage .gc-home-triple.gc-index-nfe #events.gc-index-nfe__events li {
	font-size: inherit !important;
	line-height: inherit !important;
}
.meta-stage .gc-home-triple.gc-index-nfe #events.gc-index-nfe__events img {
	border-radius: 8px !important;
	max-height: 168px !important;
	width: 100%;
	object-fit: cover;
}
.meta-stage .gc-home-triple.gc-index-nfe .index__events .index-home-card__main {
	padding: 0.45rem 0.6rem 0.6rem !important;
}

/* Четвёртая колонка: активные события (тот же ленточный виджет, отдельный id — без конфликта с #gc_hero_events в шапке) */
.meta-stage .gc-home-triple.gc-index-nfe .index-home-card__main--active-events {
	min-height: 0;
}
.meta-stage .gc-home-triple.gc-index-nfe #gc_index_active_events.gc-hero-events__body,
.meta-stage .gc-home-triple.gc-index-nfe #gc_index_active_events {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	font-size: 0.8125rem;
	line-height: 1.35;
}
.meta-stage .gc-home-triple.gc-index-nfe #gc_index_active_events img {
	border-radius: 6px !important;
	max-height: 120px;
	object-fit: cover;
}

/* «Активные события» на главной: заголовок и «Все события» ближе (без разъезда по краям колонки) */
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__header.index-home-card__header--split {
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 6px;
	padding: 0.4rem 0.5rem 0.45rem !important;
}
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__title {
	max-width: 100%;
	line-height: 1.25;
	white-space: normal;
}
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__more {
	align-self: flex-start;
	margin-top: 0;
	padding: 4px 2px;
	min-height: 34px;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

/* «Активные события»: убрать иконку/стрелку в конце (псевдоэлементы и bx-chevron в шапке и в карточках) */
.meta-stage .gc-hero-events__title::before,
.meta-stage .gc-hero-events__title::after,
.meta-stage .gc-hero-events__all::before,
.meta-stage .gc-hero-events__all::after {
	content: none !important;
	display: none !important;
}
.meta-stage .gc-hero-events__title > i,
.meta-stage .gc-hero-events__title > iconify-icon,
.meta-stage .gc-hero-events__all > i,
.meta-stage .gc-hero-events__all > iconify-icon {
	display: none !important;
}
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__title::before,
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__title::after,
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__more::before,
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__more::after {
	content: none !important;
	display: none !important;
}
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__title > i,
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__title > iconify-icon,
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__more > i,
.meta-stage .gc-home-triple.gc-index-nfe .index__hero-events .index-home-card__more > iconify-icon {
	display: none !important;
}
.meta-stage .gc-hero-events__body .event::after,
.meta-stage #gc_hero_events .event::after,
.meta-stage #gc_index_active_events .event::after {
	content: none !important;
	display: none !important;
}
.meta-stage .gc-hero-events__body .event .bx-chevron-right,
.meta-stage .gc-hero-events__body .event .bx-chevron-left,
.meta-stage #gc_hero_events .event .bx-chevron-right,
.meta-stage #gc_hero_events .event .bx-chevron-left,
.meta-stage #gc_index_active_events .event .bx-chevron-right,
.meta-stage #gc_index_active_events .event .bx-chevron-left {
	display: none !important;
}

/* --- Статистика (home/stats.tpl): классическая вёрстка + жёлтый акцент --- */
.stats-page-gold {
	--stats-gold: #eab308;
	--stats-gold2: #f59e0b;
}
.stats-page-gold-wrap .stats-page-gold__titlebar b,
.stats-page-gold-wrap .shopscontainer.stats-page-gold__titlebar b {
	color: #eab308;
	text-shadow: 0 0 18px rgba(234, 179, 8, 0.25);
}
.stats-page-gold .stats-page-gold__servers.vertical-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.stats-page-gold .stats-page-gold__servers.vertical-navigation ul li a {
	display: block;
	padding: 10px 12px;
	border-radius: 10px;
	text-decoration: none !important;
	color: #c8ccd3 !important;
	background: #14171c !important;
	border: 1px solid #232730 !important;
	font-weight: 600;
	font-size: 13px;
	transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.stats-page-gold .stats-page-gold__servers.vertical-navigation ul li a:hover {
	color: #e8eaed !important;
	background: #1a1e24 !important;
}
.stats-page-gold .stats-page-gold__servers.vertical-navigation ul li.active a,
.stats-page-gold .stats-page-gold__servers.vertical-navigation ul li.active a:focus {
	color: var(--stats-gold) !important;
	border-color: var(--stats-gold) !important;
	background: rgba(234, 179, 8, 0.1) !important;
	box-shadow: 0 0 0 1px rgba(234, 179, 8, 0.15);
}
.stats-page-gold .stats-page-gold__search.input_new_stats {
	display: flex;
	align-items: stretch;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #232730;
	background: #101115;
	margin-bottom: 12px;
}
.stats-page-gold .stats-page-gold__search input[type="text"] {
	flex: 1 1 auto;
	min-width: 0;
	border: 0 !important;
	background: transparent !important;
	color: #e6e8ee !important;
	padding: 12px 14px !important;
	font-size: 14px !important;
	box-shadow: none !important;
}
.stats-page-gold .stats-page-gold__search .stats-page-gold__search-btn.btn-save-settings,
.stats-page-gold .stats-page-gold__search .btn-save-settings {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 52px;
	flex-shrink: 0;
	background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.stats-page-gold .stats-page-gold__search .stats-page-gold__search-btn i {
	font-size: 22px;
}
.stats-page-gold .block.block-search {
	border-radius: 12px;
	border-color: #232730;
}
.stats-page-gold .stats-page-gold__pagination {
	margin-top: 12px;
}
.stats-page-gold .stats-page-gold__pagination .pagination > li > a,
.stats-page-gold .stats-page-gold__pagination .pagination > li > span {
	border-radius: 8px !important;
	border-color: #2a2d36 !important;
	color: #dce2ec !important;
	background: #14171c !important;
}
.stats-page-gold .stats-page-gold__pagination .pagination > .active > a,
.stats-page-gold .stats-page-gold__pagination .pagination > .active > span {
	border-color: var(--stats-gold) !important;
	color: var(--stats-gold) !important;
	background: rgba(234, 179, 8, 0.12) !important;
}

/* --- Настройки / редактирование профиля (settings.tpl) --- */
.meta-settings-page {
	--meta-sett-bg: #0c0c10;
	--meta-sett-surface: rgba(22, 22, 30, 0.96);
	--meta-sett-border: rgba(255, 255, 255, 0.08);
	--meta-sett-muted: #9aa3b5;
	--meta-sett-gold: #eab308;
	--meta-sett-gold2: #f59e0b;
	--meta-sett-gold-light: #fde047;
	--meta-sett-danger: #f87171;
	color: #e8eaef;
	padding-bottom: 1.5rem;
}

.meta-settings-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem 1.25rem;
	margin-bottom: 1.35rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--meta-sett-border);
}
.meta-settings-head__title {
	margin: 0 0 0.35rem;
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1.15;
	color: #f4f5f8;
}
.meta-settings-head__lead {
	margin: 0;
	max-width: 36rem;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--meta-sett-muted);
}
.meta-settings-head__back {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.5rem 0.85rem;
	border-radius: 10px;
	font-size: 0.8125rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #e6e8ef;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--meta-sett-border);
	text-decoration: none;
	transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.meta-settings-head__back:hover {
	color: #fff;
	border-color: rgba(234, 179, 8, 0.55);
	background: rgba(234, 179, 8, 0.12);
}

.meta-settings-grid > [class*="col-"] {
	margin-bottom: 1.25rem;
}

.meta-settings-card {
	height: 100%;
	border-radius: 14px;
	background: var(--meta-sett-surface);
	border: 1px solid var(--meta-sett-border);
	padding: 1.15rem 1.2rem 1.25rem;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
.meta-settings-card--wide {
	margin-bottom: 0;
}
.meta-settings-card__head {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	margin-bottom: 1.1rem;
}
.meta-settings-card__icon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 1.35rem;
	color: #fff;
	background: linear-gradient(145deg, rgba(253, 224, 71, 0.4), rgba(245, 158, 11, 0.28));
	border: 1px solid rgba(234, 179, 8, 0.4);
}
.meta-settings-card__icon--discord {
	color: #fff;
	background: linear-gradient(145deg, rgba(88, 101, 242, 0.55), rgba(88, 101, 242, 0.28));
	border-color: rgba(88, 101, 242, 0.45);
}
.meta-settings-card__icon--telegram {
	color: #fff;
	background: linear-gradient(145deg, rgba(34, 158, 217, 0.55), rgba(34, 158, 217, 0.28));
	border-color: rgba(34, 158, 217, 0.45);
}
.meta-settings-card__icon--vk {
	color: #fff;
	background: linear-gradient(145deg, rgba(0, 119, 255, 0.55), rgba(0, 119, 255, 0.28));
	border-color: rgba(0, 119, 255, 0.45);
}
.meta-settings-card__icon--steam {
	color: #fff;
	background: linear-gradient(145deg, rgba(102, 192, 244, 0.45), rgba(27, 40, 56, 0.65));
	border-color: rgba(102, 192, 244, 0.35);
}
.meta-settings-social-row {
	margin-top: 0.25rem;
}
.meta-settings-social-row > [class*="col-"] {
	margin-bottom: 1.25rem;
}
.meta-settings-social-row .meta-settings-card {
	height: 100%;
}
.meta-settings-card__title {
	margin: 0 0 0.2rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: #f4f5f8;
}
.meta-settings-card__sub {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--meta-sett-muted);
	line-height: 1.35;
}

.meta-settings-field {
	margin-bottom: 1.1rem;
}
.meta-settings-field:last-child {
	margin-bottom: 0;
}
.meta-settings-field--readonly {
	padding-top: 0.25rem;
}
.meta-settings-label {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #b8c0d4;
	margin-bottom: 0.4rem;
}
.meta-settings-help {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	color: var(--meta-sett-muted);
	line-height: 1.4;
}
.meta-settings-code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.8em;
	color: #fde047;
}

.meta-settings-info {
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
	padding: 0.65rem 0.75rem;
	border-radius: 10px;
	background: rgba(234, 179, 8, 0.1);
	border: 1px solid rgba(234, 179, 8, 0.28);
	color: #c7d0e5;
	font-size: 0.875rem;
	line-height: 1.45;
	margin-bottom: 1rem;
}
.meta-settings-info i {
	color: #eab308;
	flex-shrink: 0;
	margin-top: 0.1rem;
}

/* Поля ввода: совмещаем с .input_new / .btn-save-settings движка */
.meta-settings-page .meta-settings-input-new.input_new,
.meta-settings-page .input_new.meta-settings-input-new {
	display: flex;
	align-items: stretch;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(10, 10, 14, 0.85);
	margin-bottom: 0.35rem;
}
.meta-settings-page .meta-settings-input-new input[type="text"],
.meta-settings-page .meta-settings-input-new input[type="password"],
.meta-settings-page .meta-settings-input-new select {
	flex: 1 1 auto;
	min-width: 0;
	border: 0 !important;
	background: transparent !important;
	color: #eef0f6 !important;
	padding: 0.65rem 0.75rem !important;
	font-size: 0.9rem !important;
	box-shadow: none !important;
}
.meta-settings-page .meta-settings-input-new select {
	appearance: auto;
}
.meta-settings-input-row.meta-settings-input-new .btn-save-settings.meta-settings-input-save,
.meta-settings-page .meta-settings-input-save.btn-save-settings {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 48px;
	flex-shrink: 0;
	background: linear-gradient(180deg, #fde047 0%, #f59e0b 100%) !important;
	color: #1a1204 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.meta-settings-page .meta-settings-input-save i {
	font-size: 1.25rem;
}

.meta-settings-birth {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.65rem;
}
.meta-settings-birth .input_new {
	flex: 1 1 30%;
	min-width: 5.5rem;
}

.meta-settings-pw {
	position: relative;
	margin-bottom: 0.35rem;
}
.meta-settings-pw .meta-settings-pw__inner {
	width: 100%;
}
.meta-settings-pw .meta-settings-input-new input[type="text"],
.meta-settings-pw .meta-settings-input-new input[type="password"] {
	padding-right: 2.75rem !important;
}
.meta-settings-eye {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 36px;
	border: 0;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.06);
	color: #c4c9d6;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background 0.15s ease, color 0.15s ease;
}
.meta-settings-eye:hover {
	background: rgba(234, 179, 8, 0.22);
	color: #fff;
}

.meta-settings-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	padding: 0.65rem 1rem;
	border-radius: 10px;
	font-size: 0.8125rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: filter 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}
.meta-settings-btn--block {
	width: 100%;
	margin-top: 0.35rem;
}
.meta-settings-btn--primary {
	color: #1a1204;
	background: linear-gradient(135deg, #fde047 0%, #f59e0b 55%, #eab308 100%);
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: 0 10px 28px rgba(234, 179, 8, 0.38);
}
.meta-settings-btn--primary:hover {
	filter: brightness(1.06);
	color: #1a1204;
}
.meta-settings-btn--ghost {
	color: #dce2ec;
	background: rgba(255, 255, 255, 0.05);
	border-color: var(--meta-sett-border);
}
.meta-settings-btn--ghost:hover {
	border-color: rgba(234, 179, 8, 0.5);
	color: #fde047;
}
.meta-settings-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	filter: none;
}
.meta-settings-btn--danger {
	color: #fecaca;
	background: transparent;
	border-color: rgba(248, 113, 113, 0.65);
}
.meta-settings-btn--danger:hover:not(:disabled) {
	background: rgba(248, 113, 113, 0.12);
}

.meta-settings-result {
	font-size: 0.8125rem;
	margin-top: 0.25rem;
	min-height: 0;
}

.meta-settings-avatar {
	margin-bottom: 1.15rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.meta-settings-avatar__figure {
	position: relative;
	width: 140px;
	height: 140px;
	margin: 0 auto 0.65rem;
}
.meta-settings-avatar__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid rgba(234, 179, 8, 0.55);
	box-shadow: 0 0 0 6px rgba(234, 179, 8, 0.12);
}
.meta-settings-avatar__cam {
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(145deg, #fde047, #f59e0b);
	color: #fff;
	cursor: pointer;
	border: 2px solid rgba(12, 12, 16, 0.95);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
}
.meta-settings-avatar__cam i {
	font-size: 1.15rem;
}
.meta-settings-avatar__hint {
	text-align: center;
	font-size: 0.8125rem;
	color: var(--meta-sett-muted);
	margin: 0 0 0.65rem;
}
.meta-settings-avatar__form {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}
.meta-settings-avatar__file {
	font-size: 0.8125rem;
	color: var(--meta-sett-muted);
	max-width: 100%;
}

.meta-settings-group-pill {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 0.85rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.9rem;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(234, 179, 8, 0.4);
}

.meta-settings-textarea {
	min-height: 120px;
	border-radius: 10px !important;
	background: rgba(10, 10, 14, 0.85) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: #eef0f6 !important;
	font-size: 0.9rem !important;
	margin-bottom: 0.5rem;
}

/* Сегменты (ЛС / почта) */
.meta-settings-seg {
	display: inline-flex;
	padding: 3px;
	border-radius: 12px;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid var(--meta-sett-border);
	gap: 2px;
}
.meta-settings-seg__btn.btn {
	border: 0 !important;
	border-radius: 9px !important;
	padding: 0.45rem 0.85rem !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	color: #aeb6ca !important;
	background: transparent !important;
	box-shadow: none !important;
	margin: 0 !important;
}
.meta-settings-seg__btn.btn:hover {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.06) !important;
}
.meta-settings-seg__btn.btn.active,
.meta-settings-seg__btn.btn:focus {
	background: linear-gradient(135deg, rgba(253, 224, 71, 0.55), rgba(245, 158, 11, 0.45)) !important;
	color: #1a1204 !important;
}

/* Фейковые переключатели (заглушки) */
.meta-settings-toggle-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.65rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.meta-settings-toggle-row:last-of-type {
	border-bottom: 0;
}
.meta-settings-toggle-row--disabled {
	opacity: 0.72;
}
.meta-settings-toggle-row__text {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	min-width: 0;
}
.meta-settings-toggle-row__text > i {
	font-size: 1.25rem;
	color: #eab308;
	flex-shrink: 0;
	margin-top: 0.05rem;
}
.meta-settings-toggle-row__title {
	font-weight: 700;
	font-size: 0.9rem;
	color: #eef0f6;
}
.meta-settings-toggle-row__desc {
	font-size: 0.78rem;
	color: var(--meta-sett-muted);
	line-height: 1.35;
	margin-top: 0.15rem;
}
.meta-settings-switch {
	width: 46px;
	height: 26px;
	border-radius: 999px;
	flex-shrink: 0;
	position: relative;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.12);
}
.meta-settings-switch--on {
	background: linear-gradient(90deg, #fde047, #f59e0b);
	border-color: rgba(255, 255, 255, 0.15);
}
.meta-settings-switch--on::after,
.meta-settings-switch--off::after {
	content: "";
	position: absolute;
	top: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
.meta-settings-switch--on::after {
	right: 3px;
}
.meta-settings-switch--off::after {
	left: 3px;
}

.meta-settings-danger-zone {
	margin-top: 1.25rem;
	padding-top: 1rem;
	border-top: 1px dashed rgba(248, 113, 113, 0.35);
}
.meta-settings-danger-note {
	margin: 0.5rem 0 0;
	font-size: 0.78rem;
	color: var(--meta-sett-muted);
	line-height: 1.4;
}

.meta-settings-reflink {
	font-size: 0.875rem;
	color: #dce2ec;
	margin: 0 0 0.75rem;
	word-break: break-all;
}
.meta-settings-refbtns {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.meta-settings-vk-user {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	color: inherit;
	text-decoration: none;
}
.meta-settings-vk-user img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(234, 179, 8, 0.4);
}
.meta-settings-vkattach {
	margin-bottom: 0.75rem;
}

/* === Виджеты главной 2×2 (tpl/parts/home_widgets_strip.tpl — .gc-widgets-grid) === */
.meta-stage .gc-widgets-grid {
	width: 100%;
	box-sizing: border-box;
}

.meta-stage .gc-widgets-grid .index__news,
.meta-stage .gc-widgets-grid .index__forum,
.meta-stage .gc-widgets-grid .index__events,
.meta-stage .gc-widgets-grid .index__hero-events {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
}

.meta-stage .gc-widgets-grid__inner {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
	align-items: start;
}

.meta-stage .gc-widget-card {
	position: relative;
	display: flex;
	flex-direction: column;
	height: auto;
	min-height: 0;
	min-width: 0;
	align-self: start;
	border-radius: 10px !important;
	border: 1px solid var(--meta-border) !important;
	background: var(--meta-surface) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
	overflow: hidden;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.meta-stage .gc-widget-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--widget-accent, var(--meta-accent)), transparent);
	opacity: 0.75;
	pointer-events: none;
}

.meta-stage .gc-widget-card:hover {
	border-color: rgba(234, 179, 8, 0.32) !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

.meta-stage .gc-widget-card--news { --widget-accent: #eab308; }
.meta-stage .gc-widget-card--forum { --widget-accent: #facc15; }
.meta-stage .gc-widget-card--events { --widget-accent: #fde047; }
.meta-stage .gc-widget-card--active { --widget-accent: #f59e0b; }

.meta-stage .gc-widget-card__head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-direction: row !important;
	gap: 8px !important;
	padding: 8px 10px !important;
	border-bottom: 1px solid var(--meta-border) !important;
	background: rgba(0, 0, 0, 0.12) !important;
}

.meta-stage .gc-widget-card__head-start {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	flex: 1 1 auto;
}

.meta-stage .gc-widget-card__icon {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #0b0b0d;
	background: linear-gradient(145deg, #fde047 0%, var(--widget-accent, #eab308) 55%, #ca8a04 100%);
	box-shadow: 0 2px 8px rgba(234, 179, 8, 0.22);
}

.meta-stage .gc-widget-card__icon--live {
	box-shadow: 0 2px 10px rgba(245, 158, 11, 0.35);
}

.meta-stage .gc-widget-card__title {
	margin: 0 !important;
	font-size: 0.8rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: var(--meta-text) !important;
	line-height: 1.25 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.meta-stage .gc-widget-card__link,
.meta-stage .gc-widgets-grid .index-home-card__more--accent {
	flex: 0 0 auto;
	font-size: 9px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none !important;
	color: var(--meta-accent) !important;
	padding: 0 !important;
	border-radius: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	white-space: nowrap;
}

.meta-stage .gc-widget-card__link:hover,
.meta-stage .gc-widgets-grid .index-home-card__more--accent:hover {
	color: #fde047 !important;
}

.meta-stage .gc-widgets-grid .gc-widget-card,
.meta-stage .gc-widgets-grid .index-home-card {
	height: auto !important;
	min-height: 0 !important;
	align-self: start;
}

.meta-stage .gc-widgets-grid .gc-widget-card__body,
.meta-stage .gc-widgets-grid .gc-widget-card__body.index-home-card__main,
.meta-stage .gc-widgets-grid .index-home-card__main {
	flex: 0 0 auto !important;
	min-height: 0 !important;
	height: auto !important;
	padding: 8px 10px 10px !important;
	max-height: none !important;
	overflow: visible !important;
}

.meta-stage .gc-widgets-grid .gc-widget-card__body--scroll,
.meta-stage .gc-widgets-grid .index-home-card__main--scroll {
	max-height: min(220px, 42vh) !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}

.meta-stage .gc-widget-card__empty {
	padding: 8px 0;
	color: var(--meta-muted) !important;
	line-height: 1.45;
}

/* Новости: без лишней высоты (mystyles: .news__block height:318px, #new_news row) */
.meta-stage .gc-widgets-grid .vertical-center-line.gc-index-nfe__vline {
	margin: 0;
	padding: 2px 0 2px 14px;
	border-left: 2px solid rgba(234, 179, 8, 0.4);
	border-radius: 0;
	min-height: 0 !important;
	height: auto !important;
}

.meta-stage .gc-widgets-grid #new_news,
.meta-stage .gc-widgets-grid #new_news.index-home-card__list,
.meta-stage .gc-widgets-grid #new_news.index-home-card__list--news {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	gap: 0 !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
}

.meta-stage .gc-widgets-grid #new_news .news__block,
.meta-stage .gc-widgets-grid #new_news .news__block.news__block--gc,
.meta-stage .gc-widgets-grid #new_news > a.news__block--gc {
	height: auto !important;
	min-height: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

.meta-stage .gc-widgets-grid .vertical-center-line.gc-index-nfe__vline::before {
	left: -5px;
	top: 12px;
	width: 8px;
	height: 8px;
	background: var(--meta-accent);
	box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.18);
}

.meta-stage .gc-widgets-grid #new_news .news__block--gc,
.meta-stage .gc-widgets-grid #new_news > a.news__block--gc {
	padding: 6px 2px !important;
	gap: 8px !important;
	border-radius: 8px;
	transition: background 0.15s ease;
}

.meta-stage .gc-widgets-grid #new_news .news__thumb {
	width: 64px !important;
	max-width: 72px !important;
	min-height: 0 !important;
	height: auto !important;
	aspect-ratio: 16 / 10 !important;
}

.meta-stage .gc-widgets-grid #new_news .news__title {
	font-size: 12px !important;
	line-height: 1.25 !important;
}

.meta-stage .gc-widgets-grid #new_news .news__subtitle {
	font-size: 10px !important;
}

.meta-stage .gc-widgets-grid #new_news .news__block--gc:hover,
.meta-stage .gc-widgets-grid #new_news > a.news__block--gc:hover {
	background: rgba(234, 179, 8, 0.06) !important;
}

.meta-stage .gc-widgets-grid #new_news .news__thumb {
	border-radius: 10px !important;
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.meta-stage .gc-widgets-grid #new_news .news__title {
	color: var(--meta-text) !important;
}

.meta-stage .gc-widgets-grid #new_news .news__title:hover {
	color: var(--meta-accent) !important;
}

/* Форум — компактный список (elements/forums.tpl + forum.tpl) */
.meta-stage .gc-widgets-grid #forum.gc-index-nfe__forum {
	font-size: 0.8125rem;
	line-height: 1.4;
	height: auto !important;
	min-height: 0 !important;
}

.meta-stage .gc-widgets-grid #forum .new_header_tab {
	display: none !important;
}

.meta-stage .gc-widgets-grid #forum > .row {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.meta-stage .gc-widgets-grid #forum .col-lg-8,
.meta-stage .gc-widgets-grid #forum.row .col-lg-8 {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	flex: 1 1 58% !important;
	width: 58% !important;
	max-width: 58% !important;
	min-width: 0 !important;
	padding: 6px 4px 6px 0 !important;
	box-sizing: border-box !important;
}

.meta-stage .gc-widgets-grid #forum .col-lg-8 > img,
.meta-stage .gc-widgets-grid #forum.row .col-lg-8 > img {
	flex: 0 0 auto;
	width: 36px !important;
	height: 36px !important;
	max-width: 36px !important;
	max-height: 36px !important;
	margin: 0 !important;
	border-radius: 8px !important;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.meta-stage .gc-widgets-grid #forum .col-lg-8 > div,
.meta-stage .gc-widgets-grid #forum.row .col-lg-8 > div {
	flex: 1 1 auto;
	min-width: 0;
}

.meta-stage .gc-widgets-grid #forum .col-lg-8 h3,
.meta-stage .gc-widgets-grid #forum.row .col-lg-8 h3 {
	margin: 0 0 2px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

.meta-stage .gc-widgets-grid #forum .col-lg-8 h3 a,
.meta-stage .gc-widgets-grid #forum.row .col-lg-8 h3 a {
	color: var(--meta-text) !important;
	text-decoration: none !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.meta-stage .gc-widgets-grid #forum .col-lg-8 h3 a:hover {
	color: var(--meta-accent) !important;
}

.meta-stage .gc-widgets-grid #forum .col-lg-8 > div > p,
.meta-stage .gc-widgets-grid #forum.row .col-lg-8 > div > p {
	display: none !important;
}

.meta-stage .gc-widgets-grid #forum .col-lg-4,
.meta-stage .gc-widgets-grid #forum.row .col-lg-4,
.meta-stage .gc-widgets-grid #forum .col-lg-4.d-none,
.meta-stage .gc-widgets-grid #forum .d-lg-block.col-lg-4 {
	display: block !important;
	flex: 1 1 42% !important;
	width: 42% !important;
	max-width: 42% !important;
	min-width: 0 !important;
	padding: 6px 0 6px 6px !important;
	box-sizing: border-box !important;
	border-left: 1px solid var(--meta-border);
}

.meta-stage .gc-widgets-grid #forum .forum_right,
.meta-stage .gc-widgets-grid #forum.row .forum_right {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	width: 100% !important;
	float: none !important;
}

.meta-stage .gc-widgets-grid #forum .forum_right img {
	flex: 0 0 auto;
	width: 28px !important;
	height: 28px !important;
	margin: 0 !important;
	float: none !important;
	border-radius: 50% !important;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.meta-stage .gc-widgets-grid #forum .forum_right p,
.meta-stage .gc-widgets-grid #forum.row .forum_right p,
.meta-stage .gc-widgets-grid #forum .col-lg-4 > p {
	width: auto !important;
	float: none !important;
	margin: 0 0 2px !important;
	font-size: 10px !important;
	line-height: 1.3 !important;
	color: var(--meta-muted) !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.meta-stage .gc-widgets-grid #forum .forum_right p:first-of-type a,
.meta-stage .gc-widgets-grid #forum .col-lg-4 .forum_right p a {
	color: var(--meta-text) !important;
	font-weight: 600 !important;
}

.meta-stage .gc-widgets-grid #forum .forum_right p a[href*="profile"] {
	font-size: 10px !important;
}

.meta-stage .gc-widgets-grid #forum .col-lg-8 + .col-lg-4 {
	margin-bottom: 4px;
	padding-bottom: 8px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.meta-stage .gc-widgets-grid #forum .col-lg-4 + .col-lg-8 {
	margin-top: 4px;
	padding-top: 8px !important;
}

.meta-stage .gc-widgets-grid #forum .col-lg-4:last-child,
.meta-stage .gc-widgets-grid #forum .col-lg-8:last-of-type + .col-lg-4 {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 6px !important;
}

.meta-stage .gc-widgets-grid #forum a {
	border-radius: 6px;
	padding: 0;
	transition: color 0.15s ease;
}

.meta-stage .gc-widgets-grid #forum a:hover {
	color: var(--meta-accent) !important;
	background: transparent !important;
}

.meta-stage .gc-widgets-grid #forum .card_servers__header__icon {
	background: linear-gradient(145deg, #fde047 0%, #eab308 55%, #ca8a04 100%) !important;
}

/* События — компактно */
.meta-stage .gc-widgets-grid #events.gc-index-nfe__events,
.meta-stage .gc-widgets-grid #gc_index_active_events.gc-hero-events__body,
.meta-stage .gc-widgets-grid #gc_index_active_events {
	font-size: 0.75rem !important;
	line-height: 1.35 !important;
	font-weight: 400 !important;
}

.meta-stage .gc-widgets-grid #events .event,
.meta-stage .gc-widgets-grid #gc_index_active_events .event {
	border-radius: 8px !important;
	border: 1px solid var(--meta-border) !important;
	background: var(--meta-surface-2) !important;
	padding: 6px 8px !important;
	margin-bottom: 6px !important;
	height: auto !important;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.meta-stage .gc-widgets-grid #events .event:hover,
.meta-stage .gc-widgets-grid #gc_index_active_events .event:hover {
	border-color: rgba(234, 179, 8, 0.25) !important;
	background: rgba(234, 179, 8, 0.05) !important;
}

.meta-stage .gc-widgets-grid #events .event:last-child,
.meta-stage .gc-widgets-grid #gc_index_active_events .event:last-child {
	margin-bottom: 0;
}

.meta-stage .gc-widgets-grid #events img,
.meta-stage .gc-widgets-grid #gc_index_active_events img {
	border-radius: 6px !important;
	max-height: 56px !important;
	width: auto !important;
	max-width: 56px !important;
	object-fit: cover;
}

.meta-stage .gc-widgets-grid .event_card__flex {
	gap: 8px !important;
}

.meta-stage .gc-widgets-grid .event_card__profile img {
	width: 32px !important;
	height: 32px !important;
}

.meta-stage .gc-widgets-grid .index__hero-events .index-home-card__header--split {
	flex-direction: row !important;
	align-items: center !important;
	padding: 8px 10px !important;
}

/* Перебить старые крупные правила .gc-home-triple.gc-index-nfe */
.meta-stage .gc-widgets-grid.gc-index-nfe .index-home-card--triple {
	border-radius: 10px !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

.meta-stage .gc-widgets-grid.gc-index-nfe .index-home-card__header {
	padding: 0 !important;
	border-bottom: 0 !important;
}

.meta-stage .gc-widgets-grid.gc-index-nfe .index-home-card__title,
.meta-stage .gc-widgets-grid.gc-index-nfe .index__events .index-home-card__title {
	font-size: 0.6875rem !important;
	letter-spacing: 0.06em !important;
}

.meta-stage .gc-widgets-grid.gc-index-nfe .gc-widget-card__body.index-home-card__main,
.meta-stage .gc-widgets-grid.gc-index-nfe .index-home-card__main--active-events.gc-widget-card__body,
.meta-stage .gc-widgets-grid.gc-index-nfe .index__events .index-home-card__main.gc-widget-card__body {
	padding: 8px 10px 10px !important;
}

.meta-stage .gc-widgets-grid.gc-index-nfe #new_news .news__block--gc,
.meta-stage .gc-widgets-grid.gc-index-nfe #new_news > a.news__block--gc {
	padding: 6px 2px !important;
}

.meta-stage .gc-widgets-grid.gc-index-nfe #events.gc-index-nfe__events p,
.meta-stage .gc-widgets-grid.gc-index-nfe #events.gc-index-nfe__events .event,
.meta-stage .gc-widgets-grid.gc-index-nfe #gc_index_active_events .event {
	font-size: inherit !important;
	line-height: inherit !important;
}

@media (max-width: 767.98px) {
	.meta-stage .gc-widgets-grid__inner {
		grid-template-columns: 1fr;
	}

	.meta-stage .gc-widgets-grid .gc-widget-card__body--scroll,
	.meta-stage .gc-widgets-grid .index-home-card__main--scroll {
		max-height: min(260px, 50vh) !important;
	}

	.meta-stage .gc-widget-card__title {
		white-space: normal;
	}
}

/* === Виджеты главной 2×2: улучшенный вид (home_widgets_strip — gc-home-widgets-pair) === */
.meta-stage .gc-home-widgets-pair.gc-index-nfe .home-widgets-strip,
.meta-stage .gc-home-widgets-pair.gc-index-nfe .home-widgets-strip.gc-home-widgets-pair__row {
	--bs-gutter-x: 12px !important;
	--bs-gutter-y: 18px !important;
	row-gap: 18px !important;
}

@media (min-width: 768px) {
	.meta-stage .gc-home-widgets-pair .home-widgets-strip > .col-md-6:nth-child(-n + 2) {
		margin-bottom: 18px;
	}
}

.meta-stage .gc-home-widgets-pair .home-widget-card {
	position: relative;
	overflow: hidden;
	border-radius: 12px !important;
	border: 1px solid var(--meta-border) !important;
	background: linear-gradient(165deg, rgba(28, 31, 38, 0.98) 0%, rgba(18, 20, 24, 0.98) 100%) !important;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.28) !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
	--widget-accent: var(--meta-accent, #eab308);
}

.meta-stage .gc-home-widgets-pair .home-widget-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--widget-accent), transparent);
	opacity: 0.85;
	pointer-events: none;
	z-index: 1;
}

.meta-stage .gc-home-widgets-pair .home-widget-card:hover {
	border-color: rgba(234, 179, 8, 0.35) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(234, 179, 8, 0.12) !important;
}

.meta-stage .gc-home-widgets-pair .home-widget-card--news { --widget-accent: #eab308; }
.meta-stage .gc-home-widgets-pair .home-widget-card--forum { --widget-accent: #facc15; }
.meta-stage .gc-home-widgets-pair .home-widget-card--events { --widget-accent: #fde047; }
.meta-stage .gc-home-widgets-pair .home-widget-card--active { --widget-accent: #f59e0b; }

.meta-stage .gc-home-widgets-pair .home-widget-card__header,
.meta-stage .gc-home-widgets-pair .index-home-card__header--split.home-widget-card__header {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	padding: 10px 12px !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--meta-border) !important;
	background: rgba(0, 0, 0, 0.2) !important;
}

.meta-stage .gc-home-widgets-pair .home-widget-card__head-start {
	display: flex !important;
	align-items: center !important;
	flex: 1 1 auto;
	min-width: 0;
	gap: 12px !important;
}

.meta-stage .gc-home-widgets-pair .home-widget-card__icon {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	margin-right: 2px;
	border-radius: 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #0b0b0d;
	background: linear-gradient(145deg, #fde047 0%, var(--widget-accent) 55%, #ca8a04 100%);
	box-shadow: 0 2px 10px rgba(234, 179, 8, 0.28);
}

.meta-stage .gc-home-widgets-pair .home-widget-card__icon--live {
	box-shadow: 0 2px 12px rgba(245, 158, 11, 0.38);
}

.meta-stage .gc-home-widgets-pair .home-widget-card__title,
.meta-stage .gc-home-widgets-pair .index-home-card__title.home-widget-card__title {
	margin: 0 !important;
	padding-left: 0 !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.07em !important;
	text-transform: uppercase !important;
	color: var(--meta-text) !important;
	line-height: 1.25 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.meta-stage .gc-home-widgets-pair .home-widget-card__link,
.meta-stage .gc-home-widgets-pair .index-home-card__more--accent.home-widget-card__link {
	flex: 0 0 auto;
	font-size: 9px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	text-decoration: none !important;
	color: var(--meta-accent) !important;
	white-space: nowrap;
	transition: color 0.15s ease;
}

.meta-stage .gc-home-widgets-pair .home-widget-card__link:hover {
	color: #fde047 !important;
}

.meta-stage .gc-home-widgets-pair .index__hero-events .home-widget-card__header {
	flex-direction: row !important;
	align-items: center !important;
}

.meta-stage .gc-home-widgets-pair .home-widget-card__body,
.meta-stage .gc-home-widgets-pair .index-home-card__main.home-widget-card__body {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	max-height: min(240px, 38vh);
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 8px 10px 10px !important;
}

/* Новости */
.meta-stage .gc-home-widgets-pair .vertical-center-line.gc-index-nfe__vline {
	margin: 0;
	padding: 2px 0 2px 12px;
	border-left: 2px solid rgba(234, 179, 8, 0.45);
	min-height: 0 !important;
}

.meta-stage .gc-home-widgets-pair .vertical-center-line.gc-index-nfe__vline::before {
	left: -5px;
	top: 10px;
	width: 8px;
	height: 8px;
	background: var(--meta-accent);
	box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.2);
}

.meta-stage .gc-home-widgets-pair #new_news,
.meta-stage .gc-home-widgets-pair #new_news.index-home-card__list {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	height: auto !important;
	min-height: 0 !important;
	gap: 0 !important;
}

.meta-stage .gc-home-widgets-pair #new_news .news__block,
.meta-stage .gc-home-widgets-pair #new_news .news__block.news__block--gc,
.meta-stage .gc-home-widgets-pair #new_news > a.news__block--gc {
	height: auto !important;
	min-height: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 10px 2px !important;
	gap: 10px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	transition: background 0.15s ease;
}

.meta-stage .gc-home-widgets-pair #new_news > a.news__block--gc:last-child,
.meta-stage .gc-home-widgets-pair #new_news .news__block--gc:last-child {
	border-bottom: 0;
}

.meta-stage .gc-home-widgets-pair #new_news .news__block--gc:hover,
.meta-stage .gc-home-widgets-pair #new_news > a.news__block--gc:hover {
	background: rgba(234, 179, 8, 0.06) !important;
}

.meta-stage .gc-home-widgets-pair #new_news .news__thumb {
	width: 72px !important;
	max-width: 80px !important;
	min-height: 0 !important;
	border-radius: 9px !important;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.meta-stage .gc-home-widgets-pair #new_news .news__title {
	font-size: 13px !important;
	line-height: 1.25 !important;
	color: var(--meta-text) !important;
}

.meta-stage .gc-home-widgets-pair #new_news .news__title:hover {
	color: var(--meta-accent) !important;
}

.meta-stage .gc-home-widgets-pair #new_news .news__subtitle {
	font-size: 11px !important;
	color: var(--meta-muted) !important;
}

.meta-stage .gc-home-widgets-pair #new_news .news__meta {
	font-size: 10px !important;
	color: var(--meta-muted) !important;
}

/* Форум — отдельный виджетный список (elements/forum.tpl → .forum-widget-item) */
.meta-stage .gc-home-widgets-pair #forum.forum-widget-host,
.meta-stage .gc-home-widgets-pair #forum.gc-index-nfe__forum {
	font-size: 0.8125rem;
	line-height: 1.4;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid var(--meta-border);
	background: rgba(0, 0, 0, 0.22);
	transition: border-color 0.15s ease, background 0.15s ease;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item:hover {
	border-color: rgba(234, 179, 8, 0.28);
	background: rgba(234, 179, 8, 0.05);
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__cat {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	text-decoration: none !important;
	color: inherit;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__icon {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__name {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: var(--meta-text);
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__cat:hover .forum-widget-item__name {
	color: var(--meta-accent);
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__last {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding-left: 44px;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__topic {
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--meta-text) !important;
	text-decoration: none !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__topic:hover {
	color: var(--meta-accent) !important;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 8px;
	min-width: 0;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__avatar {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__user {
	font-size: 11px;
	font-weight: 600;
	text-decoration: none !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 45%;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__date {
	font-size: 10px;
	color: var(--meta-muted);
	white-space: nowrap;
}

.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__empty {
	margin: 0;
	padding-left: 44px;
	font-size: 11px;
	color: var(--meta-muted);
}

/* Старый вывод (если кэш ещё не обновился) */
.meta-stage .gc-home-widgets-pair #forum .new_header_tab {
	display: none !important;
}

/* Страницы форума: список разделов (#forum) и тем (#forum_topics) — классическая вёрстка */
.meta-stage .forum_card_info {
	background: #16191d !important;
	border: 0 !important;
	border-radius: 20px !important;
	box-shadow: none !important;
}

.meta-stage .forum_card_header_icon {
	background: linear-gradient(145deg, #fde047 0%, #eab308 55%, #ca8a04 100%) !important;
}

.meta-stage #forum > .row,
.meta-stage #forum.row,
.meta-stage #forum_topics.row,
.meta-stage #forum_topics {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.meta-stage #forum .col-lg-8,
.meta-stage #forum.row .col-lg-8,
.meta-stage #forum_topics .col-lg-8,
.meta-stage #forum_topics.row .col-lg-8 {
	flex: 0 0 66.666667% !important;
	width: 66.666667% !important;
	max-width: 66.666667% !important;
	min-width: 0;
	padding: 8px 12px !important;
	box-sizing: border-box !important;
}

.meta-stage #forum .col-lg-4,
.meta-stage #forum.row .col-lg-4,
.meta-stage #forum_topics .col-lg-4,
.meta-stage #forum_topics.row .col-lg-4,
.meta-stage #forum_topics .d-none.d-lg-block.col-lg-4 {
	display: block !important;
	flex: 0 0 33.333333% !important;
	width: 33.333333% !important;
	max-width: 33.333333% !important;
	min-width: 0;
	padding: 8px 12px !important;
	box-sizing: border-box !important;
	border-left: 0 !important;
}

.meta-stage #forum .col-lg-8 > img,
.meta-stage #forum_topics .col-lg-8 > img {
	width: auto !important;
	height: auto !important;
	max-width: 48px;
	max-height: 48px;
	border-radius: 8px;
}

.meta-stage #forum .forum_right,
.meta-stage #forum_topics .forum_right {
	display: block;
	width: 100%;
	float: none;
}

.meta-stage #forum .forum_right img,
.meta-stage #forum_topics .forum_right img {
	width: 34px !important;
	height: 34px !important;
	float: left;
	margin-right: 8px;
	border-radius: 50%;
}

.meta-stage #forum .forum_right p,
.meta-stage #forum_topics .col-lg-4 > p {
	width: calc(100% - 42px) !important;
	float: right !important;
}

@media (max-width: 991.98px) {
	.meta-stage #forum .col-lg-8,
	.meta-stage #forum .col-lg-4,
	.meta-stage #forum_topics .col-lg-8,
	.meta-stage #forum_topics .col-lg-4 {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* События */
.meta-stage .gc-home-widgets-pair #events.gc-index-nfe__events,
.meta-stage .gc-home-widgets-pair #gc_index_active_events {
	font-size: 0.8125rem !important;
	line-height: 1.35 !important;
	font-weight: 400 !important;
}

.meta-stage .gc-home-widgets-pair #events .event,
.meta-stage .gc-home-widgets-pair #gc_index_active_events .event {
	border-radius: 9px !important;
	border: 1px solid var(--meta-border) !important;
	background: rgba(0, 0, 0, 0.2) !important;
	padding: 8px 10px !important;
	margin-bottom: 8px !important;
	height: auto !important;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.meta-stage .gc-home-widgets-pair #events .event:hover,
.meta-stage .gc-home-widgets-pair #gc_index_active_events .event:hover {
	border-color: rgba(234, 179, 8, 0.3) !important;
	background: rgba(234, 179, 8, 0.05) !important;
}

.meta-stage .gc-home-widgets-pair #events .event:last-child,
.meta-stage .gc-home-widgets-pair #gc_index_active_events .event:last-child {
	margin-bottom: 0;
}

.meta-stage .gc-home-widgets-pair #events img,
.meta-stage .gc-home-widgets-pair #gc_index_active_events img {
	border-radius: 8px !important;
	max-height: 72px !important;
	width: auto !important;
	max-width: 72px !important;
	object-fit: cover;
}

.meta-stage .gc-home-widgets-pair .event_card__profile img {
	width: 32px !important;
	height: 32px !important;
}

.meta-stage .gc-home-widgets-pair .index__news,
.meta-stage .gc-home-widgets-pair .index__forum,
.meta-stage .gc-home-widgets-pair .index__events,
.meta-stage .gc-home-widgets-pair .index__hero-events {
	width: 100% !important;
	max-width: 100% !important;
}

@media (max-width: 767.98px) {
	.meta-stage .gc-home-widgets-pair .home-widget-card__body {
		max-height: min(280px, 45vh);
	}

	.meta-stage .gc-home-widgets-pair .home-widget-card__title {
		white-space: normal;
	}

	.meta-stage .gc-home-widgets-pair #forum .forum-widget-item__last {
		padding-left: 0;
	}
}

/* Чат (tpl/elements/chat.tpl): оранжевые градиенты mystyles → жёлтый акцент */
.meta-stage .index__chat .card_servers__header__icon,
.meta-stage .header_info .index__chat--in-header .card_servers__header__icon {
	background: linear-gradient(135deg, #fde047 0%, #eab308 55%, #ca8a04 100%) !important;
	color: #0b0b0d !important;
}

.meta-stage .index__chat .arrow_users_top,
.meta-stage .header_info .index__chat--in-header .arrow_users_top {
	background: linear-gradient(135deg, #fde047 0%, #f59e0b 100%) !important;
	color: #0b0b0d !important;
}

.meta-stage .index__chat .gx-online-user__card-link:hover,
.meta-stage .header_info .index__chat--in-header .gx-online-user__card-link:hover {
	border-color: rgba(253, 224, 71, 0.45) !important;
}

.meta-stage .index__chat .chat_button:hover,
.meta-stage .header_info .index__chat--in-header .chat_button:hover,
.meta-stage .index__chat #smile_btn:hover,
.meta-stage .header_info .index__chat--in-header #smile_btn:hover {
	color: var(--meta-accent) !important;
}

/* Account section nav (profile, stores, friends, purse, messages, notifications) */
.meta-account-nav {
	--an-surface: var(--meta-surface-2, #1a1d23);
	--an-border: var(--meta-border, #2a3038);
	--an-text: var(--meta-text, #e8eaed);
	--an-muted: var(--meta-muted, #8b939e);
	margin: 0 0 14px;
}

.meta-account-nav__track {
	display: flex;
	align-items: stretch;
	gap: 0;
	padding: 6px;
	border-radius: 14px;
	border: 1px solid var(--an-border);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 42%),
		var(--an-surface);
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.32);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.meta-account-nav__track::-webkit-scrollbar {
	height: 4px;
}

.meta-account-nav__track::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.12);
	border-radius: 4px;
}

.meta-account-nav__item {
	flex: 1 1 0;
	min-width: 148px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px 14px;
	border-radius: 10px;
	text-decoration: none !important;
	color: var(--an-text);
	position: relative;
	border: 1px solid transparent;
	transition: background 0.18s ease, border-color 0.18s ease;
}

.meta-account-nav__item::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 6px;
	height: 2px;
	border-radius: 2px;
	background: transparent;
	transition: background 0.18s ease, box-shadow 0.18s ease;
}

.meta-account-nav__item:hover {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.04);
}

.meta-account-nav__icon {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.meta-account-nav__text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.meta-account-nav__title {
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--an-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.meta-account-nav__subtitle {
	font-size: 0.6875rem;
	line-height: 1.35;
	color: var(--an-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.meta-account-nav__item--profile { --an-accent: #f97316; --an-glow: rgba(249, 115, 22, 0.35); }
.meta-account-nav__item--stores { --an-accent: #a855f7; --an-glow: rgba(168, 85, 247, 0.35); }
.meta-account-nav__item--friends { --an-accent: #3b82f6; --an-glow: rgba(59, 130, 246, 0.35); }
.meta-account-nav__item--purse { --an-accent: #22c55e; --an-glow: rgba(34, 197, 94, 0.35); }
.meta-account-nav__item--messages { --an-accent: #eab308; --an-glow: rgba(234, 179, 8, 0.35); }
.meta-account-nav__item--notifications { --an-accent: #ef4444; --an-glow: rgba(239, 68, 68, 0.35); }

.meta-account-nav__item--profile .meta-account-nav__icon { color: #f97316; background: rgba(249, 115, 22, 0.12); box-shadow: 0 0 18px rgba(249, 115, 22, 0.2); }
.meta-account-nav__item--stores .meta-account-nav__icon { color: #a855f7; background: rgba(168, 85, 247, 0.12); box-shadow: 0 0 18px rgba(168, 85, 247, 0.2); }
.meta-account-nav__item--friends .meta-account-nav__icon { color: #3b82f6; background: rgba(59, 130, 246, 0.12); box-shadow: 0 0 18px rgba(59, 130, 246, 0.2); }
.meta-account-nav__item--purse .meta-account-nav__icon { color: #22c55e; background: rgba(34, 197, 94, 0.12); box-shadow: 0 0 18px rgba(34, 197, 94, 0.2); }
.meta-account-nav__item--messages .meta-account-nav__icon { color: #eab308; background: rgba(234, 179, 8, 0.12); box-shadow: 0 0 18px rgba(234, 179, 8, 0.2); }
.meta-account-nav__item--notifications .meta-account-nav__icon { color: #ef4444; background: rgba(239, 68, 68, 0.12); box-shadow: 0 0 18px rgba(239, 68, 68, 0.2); }

.meta-account-nav__item.is-active {
	background: rgba(255, 255, 255, 0.04);
}

.meta-account-nav__item.is-active .meta-account-nav__title {
	color: var(--an-accent);
}

.meta-account-nav__item.is-active::after {
	background: var(--an-accent);
	box-shadow: 0 0 10px var(--an-glow);
}

.meta-account-nav-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px;
	margin-bottom: 14px;
}

.meta-account-nav-wrap .meta-account-nav {
	flex: 1 1 auto;
	min-width: 0;
	margin-bottom: 0;
}

.meta-account-nav__back {
	flex: 0 0 auto;
	align-self: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 16px;
	border-radius: 10px;
	border: 1px solid var(--meta-border, #2a3038);
	background: var(--meta-surface-2, #1a1d23);
	color: var(--meta-text, #e8eaed) !important;
	font-size: 0.8125rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.meta-account-nav__back:hover {
	background: #22262e;
	border-color: #3a424d;
}

@media (max-width: 1199.98px) {
	.meta-account-nav__item {
		min-width: 132px;
		padding: 10px 12px 12px;
		gap: 10px;
	}

	.meta-account-nav__icon {
		width: 38px;
		height: 38px;
	}

	.meta-account-nav__title {
		font-size: 0.875rem;
	}
}

@media (max-width: 767.98px) {
	.meta-account-nav__track {
		padding: 4px;
	}

	.meta-account-nav__item {
		min-width: 120px;
		padding: 10px 10px 12px;
		gap: 8px;
	}

	.meta-account-nav__icon {
		width: 34px;
		height: 34px;
		border-radius: 8px;
	}

	.meta-account-nav__icon iconify-icon {
		width: 18px !important;
		height: 18px !important;
	}

	.meta-account-nav__subtitle {
		font-size: 0.625rem;
	}

	.meta-account-nav-wrap {
		flex-direction: column;
	}

	.meta-account-nav__back {
		width: 100%;
	}
}