/**
 * meta.css — оформление в стиле дашборда (тёмная тема, фон как на референсе #0b0e11 / карты #16191d, акцент #ff6b00).
 * Подключается после main.css; новые правки темы — только сюда.
 */

:root {
	/* Фон страницы и «карточки» — как на скрине (тёмно-синий графит + панели чуть светлее) */
	--meta-bg: #0b0e11;
	--meta-surface: #16191d;
	--meta-surface-2: #1c1f26;
	--meta-border: #252b34;
	--meta-text: #e8eaed;
	--meta-muted: #9ba3af;
	/* плейсхолдер баннера / приподнятые зоны */
	--meta-elevated: #232a34;
	--meta-accent: #ff6b00;
	--meta-accent-hover: #e65f00;
	--meta-radius: 12px;
	--meta-radius-sm: 8px;
	--meta-sidebar-w: 268px;
	/* Узкая полоса (иконки), по hover раскрывается до --meta-sidebar-w */
	--meta-sidebar-rail: 72px;
	--meta-topbar-h: 64px;
	/* Внутренний блок футера (колонки): не на весь ultrawide */
	--meta-footer-content-max: 1140px;
}

/* --- База страницы: фон на всю ширину (сайдбар + контент), без «обрыва» --- */
.meta-body {
	background-color: var(--meta-bg) !important;
	background-image: none !important;
	color: var(--meta-text);
}

.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(255, 107, 0, 0.1);
	color: var(--meta-text) !important;
	border-color: rgba(255, 107, 0, 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(255, 107, 0, 0.08);
	border-color: rgba(255, 107, 0, 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(255, 107, 0, 0.35);
	background: rgba(255, 107, 0, 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(255, 107, 0, 0.08);
	border-color: rgba(255, 107, 0, 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(255, 107, 0, 0.06);
	border-color: rgba(255, 107, 0, 0.15);
}

.meta-sidebar--ref .gx_nav_dd_link--active {
	color: var(--meta-accent) !important;
	background: rgba(255, 107, 0, 0.08);
	box-shadow: inset 2px 0 0 rgba(255, 107, 0, 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(255, 107, 0, 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;
	position: relative;
	overflow: hidden;
}

.meta-footer--hero .meta-footer__bg {
	position: absolute;
	inset: 0;
	background: url('/templates/FoxGame/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;
}

.meta-footer__inner {
	max-width: min(var(--meta-footer-content-max), 100%);
	width: 100%;
	margin: 0 auto;
	padding: 48px 20px 28px;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}

.meta-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) repeat(3, 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, #ff8a3d 0%, #ff5b14 100%);
	color: #fff;
	box-shadow: 0 10px 24px rgba(255, 91, 20, 0.4), 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: #ff7a1a;
	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, #ff8a3d 0%, #ff5b14 100%);
	transform: rotate(45deg);
	box-shadow: 0 0 18px rgba(255, 122, 26, 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: 16px 24px;
	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;
}

.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: #ff7a1a !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(255, 122, 26, 0.12);
	border-color: rgba(255, 122, 26, 0.55);
	color: #ffa364 !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(255, 91, 20, 0.25);
}

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

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

	.meta-footer__bar {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.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-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(255, 107, 0, 0.35);
}

.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(255, 107, 0, 0.35);
	background: rgba(255, 107, 0, 0.06);
}

.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(255, 107, 0, 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(255, 107, 0, 0.35);
	background: rgba(255, 107, 0, 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 {
	width: auto !important;
	max-width: 100%;
	min-width: min(100%, 300px);
	background: transparent !important;
}

.meta-stage .header_banner,
.meta-stage .image-slider {
	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 .balance__button,
.meta-stage .swiper_btn {
	background: var(--meta-accent) !important;
	color: #fff !important;
	border-radius: var(--meta-radius-sm) !important;
}

.meta-stage .balance__button:hover,
.meta-stage .swiper_btn:hover {
	background: var(--meta-accent-hover) !important;
}

.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): текст слева, две кнопки, затемнение фото — как на референсе */
.meta-stage .image-slider__image.meta-hero-slide {
	position: relative;
	height: 100%;
	min-height: 280px;
	text-align: left;
	overflow: hidden;
}

.meta-stage .image-slider__image.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 .image-slider__image.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 .image-slider__image.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 .image-slider__image.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 .image-slider__image.meta-hero-slide .meta-hero-slide__line--light {
	font-size: clamp(1.35rem, 2.6vw, 2rem);
	color: #fff !important;
}

.meta-stage .image-slider__image.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 .image-slider__image.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 .image-slider__image.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 .image-slider__image.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 .image-slider__image.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: 10px;
	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;
}

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

.meta-stage .image-slider__image.meta-hero-slide .meta-hero-slide__btn--primary {
	background: var(--meta-accent) !important;
	color: #fff !important;
	border: 1px solid transparent;
	box-shadow: 0 10px 28px rgba(255, 107, 0, 0.35);
}

.meta-stage .image-slider__image.meta-hero-slide .meta-hero-slide__btn--primary:hover {
	background: var(--meta-accent-hover) !important;
	color: #fff !important;
}

.meta-stage .image-slider__image.meta-hero-slide .meta-hero-slide__btn--ghost {
	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 .image-slider__image.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 .image-slider__image.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 .image-slider__image.meta-hero-slide .meta-hero-slide__btn--primary .meta-hero-slide__btn-ico--round {
	background: rgba(255, 255, 255, 0.22);
}

.meta-stage .image-slider__image.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 .image-slider__image.meta-hero-slide .meta-hero-slide__content {
		min-height: 260px;
		padding-bottom: 56px;
	}

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

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

/* Swiper пагинация — полоски как на референсе */
.meta-stage .image-slider .swiper-pagination-bullet {
	width: 28px !important;
	height: 4px !important;
	border-radius: 3px !important;
	opacity: 1 !important;
	background: rgba(255, 255, 255, 0.45) !important;
}

.meta-stage .image-slider .swiper-pagination-bullet-active {
	width: 36px !important;
	background: var(--meta-accent) !important;
}

.meta-stage .swiper-pagination-bullet-active {
	background: var(--meta-accent) !important;
}

/* --- Главная сетка --- */
.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 .servers_heading {
	background: var(--meta-surface) !important;
	border: 1px solid var(--meta-border) !important;
	border-radius: var(--meta-radius) !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(255, 107, 0, 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(255, 107, 0, 0.55) !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 107, 0, 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, #ff8a3d 0%, #ff5b14 100%);
	color: #fff;
	font-size: 22px;
	box-shadow: 0 6px 14px rgba(255, 91, 20, 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);
}

/* Бренд-акценты для каждой кнопки (проявляются на hover) */
.meta-stage .social__btn--cards .social-card--vk {
	--card-accent: #4680c2;
}
.meta-stage .social__btn--cards .social-card--discord {
	--card-accent: #5865f2;
}
.meta-stage .social__btn--cards .social-card--tg {
	--card-accent: #229ed9;
}
.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 #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;
}

.meta-body .button_login,
.meta-body .auth-in {
	background: var(--meta-accent) !important;
	color: #fff !important;
	border: none !important;
	border-radius: var(--meta-radius-sm) !important;
}

.meta-body .button_login:hover,
.meta-body .auth-in:hover {
	background: var(--meta-accent-hover) !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 .image-slider {
	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(255, 107, 0, 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(255, 107, 0, 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(255, 107, 0, 0.1);
	border: 1px solid rgba(255, 107, 0, 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(255, 107, 0, 0.42);
	background: rgba(255, 107, 0, 0.07);
	box-shadow: 0 0 0 1px rgba(255, 107, 0, 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 {
	--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 {
	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 {
	min-width: 0 !important;
	max-width: 100% !important;
}

.meta-stage .header_action .monitoring .server > 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 {
	min-height: 0 !important;
	height: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	border-radius: 0 !important;
	padding: 14px 16px 14px 102px !important;
	gap: 6px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	background-size: 80px 80px !important;
	background-repeat: no-repeat !important;
	background-position: 14px center !important;
	border-bottom: 1px solid var(--meta-border);
	box-sizing: border-box;
	position: relative;
}

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

.meta-stage #new_news .news__block::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(18, 18, 22, 0.2) 0,
		rgba(18, 18, 22, 0.88) 100px,
		rgba(18, 18, 22, 0.96) 100%
	);
	pointer-events: none;
}

.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: 15px;
	font-weight: 700;
	line-height: 1.25;
}

.meta-stage #new_news > a:nth-child(3n + 1) .news__title {
	color: #e8a317 !important;
}

.meta-stage #new_news > a:nth-child(3n + 2) .news__title {
	color: #b46cff !important;
}

.meta-stage #new_news > a:nth-child(3n + 3) .news__title {
	color: var(--meta-accent) !important;
}

.meta-stage #new_news .news__subtitle {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	color: var(--meta-muted) !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.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: фон на всю ширину, текст и колонки — в --meta-footer-content-max по центру */
.meta-body .footer.meta-footer .container.meta-footer__inner {
	max-width: min(var(--meta-footer-content-max), 100%) !important;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box;
	padding-left: clamp(10px, 1.5vw, 24px);
	padding-right: clamp(10px, 1.5vw, 24px);
}

/* Прочие футеры — контейнер на всю ширину как раньше */
.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(255, 112, 0, 0.12);
	border: 1px solid rgba(255, 112, 0, 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(255, 107, 0, 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(255, 107, 0, 0.18), rgba(255, 60, 0, 0.08));
	border: 1px solid rgba(255, 107, 0, 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(255, 107, 0, 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(255, 107, 0, 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, #ffb36b, #ff7b00);
	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(255, 107, 0, 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(255, 107, 0, 0.45) !important;
	box-shadow: 0 6px 22px rgba(255, 107, 0, 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, #ff8a3d 0%, #ff5b14 100%);
	box-shadow: 0 8px 20px rgba(255, 91, 20, 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, #ff8a3d 0%, #e04040 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/FoxGame/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(255, 107, 0, 0.45) !important;
	background: rgba(255, 107, 0, 0.08) !important;
	box-shadow: 0 0 0 1px rgba(255, 107, 0, 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(255, 107, 0, 0.12);
	border: 1px solid rgba(255, 107, 0, 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, #ff8a3d 0%, var(--meta-accent) 100%);
	color: #fff !important;
	border-color: transparent;
	box-shadow: 0 6px 18px rgba(255, 107, 0, 0.28);
}

.meta-stage .bans-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(255, 107, 0, 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(255, 107, 0, 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(255, 107, 0, 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(255, 107, 0, 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(255, 107, 0, 0.5) !important;
	outline: none;
	box-shadow: 0 0 0 2px rgba(255, 107, 0, 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;
	}
}