/* =========== © 2025 RBX.farm =========== */

@import url(../fonts/font.css);

/* Сброс */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
article,aside,figcaption,figure,footer,header,hgroup,nav,section { display: block; }

html, html a { -webkit-font-smoothing: antialiased; }

/* Настройка основной типографии */
body, select, input, textarea, button {
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: .9rem;
	line-height: 1.5;
	color: #444;
	outline: none;
}
	a {
		outline: none;
		color: #a16669;
		text-decoration: none;
	}
	a:hover { text-decoration: underline; }
	a img { border: 0 none; }
	a > img { vertical-align: bottom; }

/* Заголовки H1-6 */
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5 {
	margin: 2em 0 .8em 0;
	letter-spacing: -0.01em;
	line-height: 1.35em;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}
	h1, .h1 { font-size: 2em; }
	h2, .h2 { font-size: 1.9em; }
	h3, .h3 { font-size: 1.6em; }
	h4, .h4 { font-size: 1.5em; }
	h5, .h5 { font-size: 1.2em; }

	/* Частые стили */
	.strike { text-decoration: line-through; }
	.nobr { white-space: nowrap; }
	.hide { display: none; }
	.title_hide { left: -9999px; position: absolute; top: -9999px; overflow: hidden; width: 0; height: 0; }
	.uline { text-decoration: underline; }
	.strike { text-decoration: line-through; }
	.ultrabold { font-weight: 900; text-transform: uppercase; }

	.justify { text-align: justify; }
	.center { text-align: center; }
	.left { float: left; }
	.right { float: right; }
	fieldset {border: 1px solid rgba(0,0,0,0.1);padding: 15px;margin-bottom: 1.5em;border-radius: 10px;}
	fieldset legend { font-weight: bold; }

	.grey { color: #94999e; }
	.grey a { color: inherit; }
	.grey a:hover, a.grey:hover { color: #444; }

	.red { color: #ff485b; }

	sup { vertical-align: super; font-size: smaller; } 
	.over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
	a .over { cursor: pointer; }

	.cover {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}

/* Настройка других элементов */
ul { padding-left: 40px; list-style: disc outside; margin-top: 1em; margin-bottom: 1em;}
ol { padding-left: 40px; list-style: decimal outside; margin-top: 1em; margin-bottom: 1em;}

.instagram-media, .twitter-tweet {display: inline-block !important;}

strong, b { font-weight: bold }
em, cite, i { font-style: italic }
caption { text-align: left }
th, td { vertical-align: middle }
small, .small { font-size: .9em; }
hr { height: 0; border: 0; border-top: 2px solid #e3e4e6; -moz-box-sizing: content-box; box-sizing: content-box; margin: 20px 0; }

.clr { clear: both }
.clrfix:after { clear: both; content: ""; display: table; }

/* --- Деление на колонки --- */
@media only screen and (min-width: 701px) {
	.grid_1_2, .grid_1_4, .grid_3_4 {
		float: left; margin-right: 3%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	.grid_1_2.right, .grid_1_4.right, .grid_3_4.right { float: right; }
	.grid_1_2.none, .grid_1_4.none, .grid_3_4.none { float: none; margin-right: 0; }
	.grid_1_2 { width: 48%; }
	.grid_1_4 { width: 22%; }
	.grid_3_4 { width: 74%; } 
	.grid_last { margin-right: 0; }

	.grid_list:after { content: ""; display: block; clear: both; }
	.grid_list > .grid_1_2:last-child,
	.grid_list > .grid_1_4:last-child,
	.grid_list.grid_3_4:last-child { margin-right: 0; }
}
@media only screen and (max-width: 700px) {
	.grid_1_2.right, .grid_1_4.right, .grid_3_4.right { float: none; }
}

/* Expand & Collapse */
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
	.fade.in { opacity: 1; }
	.collapse { overflow: hidden; height: 0; width: 0; display: block; }
	.collapse.in { display: block; width: auto; height: auto; }
	.collapsing {
		position: relative;
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.35s ease;
		transition: height 0.35s ease;
	}

/* DropDown Меню и формы */
.dropdown { position: relative; }
	.dropdown-menu, .dropdown-form {
		min-width: 160px;
		padding: 12px 0;
		border-radius: 2px;
		margin-top: 5px !important;
		display: none;
		z-index: 99;
		position: absolute;
		box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
		border: 1px solid #e6e6e6; border-color: rgba(0,0,0,0.1);
		background-clip: padding-box;
		background-color: #fff;
	}
	.dropdown-menu { list-style: none; margin: 0; }
	.dropdown-form { padding: 25px; }

	/* DropMenu */
	.dropdown-menu li a { height: 1%; padding: 5px 20px; border: 0 none; display: block; white-space: nowrap; text-decoration: none; color: inherit; }
	.dropdown-menu li a:hover { background-color: #e05b37; color: #fff; }
	.open .dropdown-menu, .open .dropdown-form { display: block; }

/* --- Работа вкладок --- */
.tab-content > .tab-pane { display: none; }
	.tab-content > .active { display: block; }

.signature {
	font-size: .9em;
	opacity: .5;
	margin-top: .9em;
}

.wseditor table, .bb-editor table { margin: 0px; }
.dlepopupnewsedit { height: 400px !important;}

/* --- Иконки --- */
.icon {
	display: inline-block;
	width: 1em; height: 1em;
	fill: #ff485b;
	vertical-align: middle;
}
	.icon-logo { width: 42px; height: 42px; }
	.icon-ca { width: 25px; height: 25px; }
	.icon-arrow_down { width: 13px; height: 13px; }
	.icon-arrow_left { width: 13px; height: 13px; }
	.icon-arrow_right { width: 13px; height: 13px; }
	.icon-fav { width: 15px; height: 14px; }
	.icon-like { width: 13px; height: 11px; }
	.icon-meta_date { width: 17px; height: 17px; }
	.icon-meta_reply { width: 13px; height: 13px; }
	.icon-meta_views { width: 17px; height: 17px; }
	.icon-meta_cat { width: 17px; height: 17px; }
	.icon-meta_user { width: 15px; height: 16px; }
	.icon-meta_coms { width: 17px; height: 17px; }
	.icon-meta_mail { width: 19px; height: 15px; }
	.icon-compl { width: 13px; height: 13px; }
	.icon-cross { width: 13px; height: 13px; }
	.icon-next, .icon-prev { width: 23px; height: 23px; }
	.icon-search, .icon-login { width: 20px; height: 19px; }
	.icon-sort, .icon-speedbar, .icon-meta_pages { width: 29px; height: 30px; }
	.icon-login { width: 19px; height: 19px; }
	.icon-tags { width: 17px; height: 17px; }

	.icon-vk { width: 10px; height: 1em; }
	.icon-tw { width: 14px; height: 1em; }
	.icon-fb { width: 8px; height: 1em; }
	.icon-gp { width: 18px; height: 1em; }
	.icon-ya { width: 7px; height: 1em; }
	.icon-od { width: 10px; height: 1em; }
	.icon-mail { width: 16px; height: 1em; }
	
/* --- Базовые слои --- */
body { background-color: #fff; }
	.wrp, .wrp_min { max-width: 1180px; padding: 0 20px; margin: 0 auto; }
	.wrp_min { max-width: 950px; }

/* --- Шапка сайта --- */
.headpic {
		position: relative;
		background: #2c2c2c;
	}
	.headpic.fixed { background-attachment: fixed; }
	.headpic:after {
		content: "";
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
		background-image: linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 230px);
	}

	/* Текст в шапке */
	.head_text { padding: 17% 0; position: relative; z-index: 1; }
		.head_text_in {
			text-align: center;
			position: absolute;
			width: 50%;
			left: 50%; top: 50%;
			text-shadow: 0 1px 1px rgba(0,0,0,0.2);
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		.head_text_in, .head_text_in * { color: #fff; }
		.head_text_in > .title { margin: 0; font-size: 2.8em; }
		.head_text_in > .text { margin: 0; font-size: 1.6em; }

	/* Верхняя часть шапки */
	@media only screen and (min-width: 861px) {
		#header {
			height: 76px;
			display: -webkit-flex;
			display: flex;
		}
	}

	/* Логотип */
	.logotype { float: left; padding: 17px; margin-left: -17px; position: relative; z-index: 1; }
		.logotype > .icon { fill: #fff; }

	@media only screen and (min-width: 861px) {
	/* Верхнее меню */
	.topbar { -webkit-flex-grow: 2; flex-grow: 2; }
	#topmenu { float: left; position: relative; z-index: 2; }
		#topmenu ul { list-style: none; padding: 0; margin: 0; }
		#topmenu > ul > li { float: left; position: relative; }
		#topmenu > ul > li > a {
			display: block;
			line-height: 22px; height: 22px;
			padding: 27px 17px;
			text-decoration: none !important;
			opacity: .8;
			-webkit-transition: opacity .2s ease; transition: opacity .2s ease;
			position: relative;
			z-index: 21;
		}
		#topmenu > ul > li > a:hover { opacity: 1; }
		#topmenu > ul > li > a > .icon {
			fill: #fff;
			opacity: .2;
			margin-left: 6px;
		}
		#topmenu a, #topmenu { color: #fff; }
		#topmenu > ul > li > ul, #topmenu > ul > li > div {
			position: absolute;
			left: 0; top: 0;
			padding: 30px 0;
			padding-top: 76px;
			margin-left: -13px;
			width: 250px;
			z-index: 20;
			opacity: 0; visibility: hidden;
			-webkit-transform: translate(0, -100%) scale(0.8);
			transform: translate(0, -100%) scale(0.8);
		}
		#topmenu > ul > li > div { padding-left: 30px; padding-right: 30px; }
		#topmenu > ul > li:hover > ul, #topmenu > ul > li:hover > div {
			opacity: 1; visibility: visible;
			-webkit-transform: translate(0, 0) scale(1);
			transform: translate(0, 0) scale(1);
			-webkit-transition: all .4s ease; transition: all 0.4s ease;
		}
		#topmenu > ul > li > ul:after, #topmenu > ul > li > div:after {
			content: "";
			background-color: #2a3843;
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			border-radius: 0 0 2px 2px;
			opacity: .85;
			box-shadow: 0 0 9px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,0.4);
		}
		#topmenu > ul > li > ul > li, #topmenu > ul > li > div > div { position: relative; z-index: 1; }
		#topmenu > ul > li.parent:hover > a { color: #ff485b; opacity: 1; }
		#topmenu > ul > li.parent:hover > a > .icon { fill: #ff485b; opacity: 1; }
		#topmenu > ul > li > ul > li a {
			display: block;
			padding: .3em 30px;
			height: 1%;
			text-decoration: none !important;
		}
		#topmenu > ul > li > ul > li > a:hover { color: #ff485b; }
	}

	#closemenu { display: none; }

	/* Архив */
	.arh_tabs {
		list-style: none;
		height: 26px;
		border-radius: 18px;
		margin-bottom: 25px !important;
		overflow: hidden;
		position: relative;
		}
		.arh_tabs:after {
			content: "";
			position: absolute;
			left: 0; top: 0; bottom: 0; right: 0;
			border: 1px solid #ff485b;
			border-radius: 13px;
		}
		.arh_tabs > li {
			float: left;
			width: 50%;
			position: relative;
			z-index: 1;
		}
		.arh_tabs > li > a {
			text-align: center;
			display: block;
			height: 22px; line-height: 22px;
			padding: 2px 4px;
			color: #fff;
			text-decoration: none !important;
			text-transform: uppercase;
			border-radius: 13px;
			font-size: 10px;
			font-weight: bold;
		}
		.arh_tabs > li.active > a { background-color: #ff485b; }

	/* Кнопка вызова меню и закрытия */
	@media only screen and (min-width: 861px) {
		#mainmenu.h_btn { display: none; }
	}
	.menu_toggle, .icon_close {
		display: inline-block;
		vertical-align: middle;
		width: 19px; height: 19px;
		margin: 0;
		position: relative;
	}
		.menu_toggle > i, .icon_close > i {
			height: 1px; width: 100%;
			background-color: #fff;
			position: absolute;
			left: 0; top: 0;
			-webkit-transition: all ease .3s; transition: all ease .3s;
		}
		.mt_1 { margin-top: 1px; }
		.mt_2 { margin-top: 9px; }
		.mt_3 { margin-top: 17px; }
		.menu_toggle__title { display: none; }
		#mainmenu.open .mt_1, .icon_close > i.mt_1 {
			-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
		}
		#mainmenu.open .mt_2 { opacity: 0; }
		#mainmenu.open .mt_3, .icon_close > i.mt_2 {
			-webkit-transform: rotate(45deg); transform: rotate(45deg);
		}
		#mainmenu.open .mt_1, #mainmenu.open .mt_2, #mainmenu.open .mt_3, .icon_close > i { margin-top: 9px; }

		#mainmenu.open .menu_toggle { opacity: 1 !important; }
		#mainmenu.open i { background-color: #fff; }

	/* Авторизация и Поиск */
	.h_btn {
		float: right;
		width: 44px; height: 44px;
		position: relative;
		z-index: 1;
		background: none;
		border: 0 none;
		padding: 16px 6px;
		cursor: pointer;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.h_btn:after {
			content: "";
			background-color: #21282d;
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 66px;
			border-radius: 0 0 2px 2px;
			opacity: 0; visibility: hidden;
			margin-top: -60px;
			-webkit-transition: margin-top .2s ease; transition: margin-top 0.2s ease;
		}
		.h_btn.open:after {
			opacity: 1; visibility: visible;
			margin-top: 0;
		}
		.h_btn > * { position: relative; z-index: 1; }
		.h_btn > .icon { fill: #fff; }
		.h_btn.open > .icon, .h_btn > .icon_close, .h_btn.open > .avatar {
			display: none;
		}
		.h_btn.open > .icon_close {
			display: inline-block;
		}

	/* --- Tools (хлебные крошки, сортировка, популярные теги) --- */
	#tools {
		background-color: #f4f6f7;
		font-size: .9em;
	}
		.tools { height: 76px; }
		.tools > .wrp:after { content: ""; display: block; clear: both; }

	/* Сортировка */
	#sort, #breadcrumbs { padding: 27px 0 27px 60px; }
		#sort > .icon, #breadcrumbs > .icon { float: left; margin: -4px 0 0 -60px; fill: #cdd0d3; }
		.sort_label { font-weight: normal; text-transform: lowercase; }
		#sort form, ul.sort, ul.sort > li { display: inline; }
		ul.sort { list-style: none; padding: 0; margin: 0; }
		ul.sort > li { margin-left: 16px; }
		ul.sort > li > a {color: inherit;text-decoration: none !important;}
		ul.sort > li > a:hover, .sort > li.asc a, .sort > li.desc a {color: #bb8383;}

		.sort > li.asc a:before, .sort > li.desc a:before {
			content: "";
			display: inline-block;
			vertical-align: middle;
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAoAQMAAADNFOjiAAAABlBMVEUAAAD/SFvf5sBTAAAAAXRSTlMAQObYZgAAACBJREFUCNdj+P8fhJDB/w9AhCoCQijgAwJhqsRvGsRGAIL/F3G3R2gKAAAAAElFTkSuQmCC);
			margin: 0 .4em 0 0;
			width: 8px;
			height: 10px;
			background-position: 0 -10px;
			-webkit-background-size: 8px auto;
			background-size: 8px auto;
		}
		.sort > li.asc a:before { background-position: 0 0; }

	/* Хлебные крошки */
	#breadcrumbs { color: #94999e; }
	#breadcrumbs a { color: #444; }

	/* Популярные теги */
	.tags_btn {
		display: block;
		margin: 27px 0 27px 30px;
		text-decoration: none !important;
		color: #ff485b;
	}
		.tags_btn.collapsed { color: #94999e; }
		.tags_btn > .icon-tags {
			float: left;
			margin: 2px 0 0 -30px;
		}
		.tags_btn > .icon { fill: #cdd0d3; }
		.tags_btn > .icon-arrow_down { margin: 0 0 0 6px; }

		#toptags { width: 100%; }
		#toptags > .wrp { padding-bottom: 30px; }
		#toptags .tag_list > span > a { background-color: #fff; }

	/* Поиск */
	.droptopbar {
		width: 100%; height: 0; overflow: hidden;
		background-color: #21282d;
		position: relative;
		z-index: 21;
		-webkit-transition: height ease .2s;
		transition: height ease .2s;
		font-size: .9em;
	}
		.droptopbar .wrp {
			opacity: 0;
			-webkit-transition: opacity ease 1s;
			transition: opacity ease 1s;
		}
		.search_open #q_search, .login_open #loginpane, .loginf_open #loginpane { height: 59px; }
		.search_open #q_search .wrp, .login_open #loginpane .wrp, .loginf_open #loginpane .wrp { opacity: 1; }

		.droptopbar .btn { height: 33px; padding: 6px 14px; }

		.q_search { position: relative; }
		.q_search > input {
			width: 100%; height: 59px;
			line-height: 23px;
			padding: 18px 130px 18px 0;
			border-radius: 0;
			background: none !important;
			color: #fff !important;
			display: block;
			border: 0 none;
			font-size: 1em;
			box-shadow: none; -webkit-box-shadow: none;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.q_search input::-webkit-input-placeholder { color: #fff; }
		.q_search > .btn {
			position: absolute;
			right: 0; top: 0;
			margin: 13px 0 0 0;
			background: none;
			color: #fff !important;
			box-shadow: inset 0 0 0 1px #383e42; -webkit-box-shadow: inset 0 0 0 1px #383e42;
			cursor: pointer;
		}
		.q_search > .btn:hover { box-shadow: inset 0 0 0 1px #64696c; -webkit-box-shadow: inset 0 0 0 1px #64696c; }

	/* Авторизация */
	.login > .avatar {
		display: inline-block;
		padding: 5px;
		position: relative;
		border-radius: 50%;
		border: 1px solid #4e4e4e;
		}
		.login > .avatar > .cover, .login > .avatar { width: 31px; height: 31px; }
		.pmnum_0 > .num { display: none; }
		.num {
			background: #fff;
			color: #444;
			font-weight: bold;
			height: 12px; 
			line-height: 11px;
			min-width: 8px;
			padding: 1px 3px;
			display: inline-block;
			vertical-align: top;
			text-align: center;
			font-size: 9px;
			border-radius: 7px;
		}
		.login > .avatar > .num { position: absolute; left: 0; bottom: 0; margin: 0 0 -1px -1px; }

		/* Панель авторизации */
		#loginpane {
			color: #fff;
			position: absolute;
			left: 0; top: 0;
			margin-top: -59px;
		}

			.page:before {
				content: "";
				display: block;
				width: 100%; height: 0;
				background-color: #21282d;
				-webkit-transition: height ease .2s;
				transition: height ease .2s;
			}
			.login_open .page:before, .loginf_open .page:before { height: 59px; }

		/* Форма входа */
		ul.login_form {
			list-style: none;
			padding: 0; margin: 0;
			border-radius: 2px;
			border: 1px solid #383e42;
			float: left;
			margin: 13px 20px 0 0;
		}
			.login_form:after { clear: both; display: block; content: ""; }

			.login_form > li { float: left; width: 160px; margin: 0; padding: 0; }
			.login_form > li > label { display: none; }
			.login_form > li > input {
				font-size: 1em;
				height: 33px;
				padding: 6px 14px;
				background: none !important;
				border: 0 none;
				border-left: 1px solid #383e42;
				border-radius: 0;
				color: #fff;
			}
			.login_form > li:first-child > input { border-left-width: 0; }
			.login_form > li > input::-webkit-input-placeholder { color: #fff; }

			.login_form > li > .btn {
				background: none !important;
				border-radius: 0;
				border-left: 1px solid #383e42;
			}
			.login_form > li > .btn:hover { color: #ff485b !important; }

			.login_form_links { float: right; margin-top: 17px; height: 23px; line-height: 23px; }
			.login_form_links > a { margin-left: 20px; }

		#loginpane .name { float: left; margin: 20px 30px 0 0; }
		#loginpane .name > a { color: #fff; text-decoration: none !important; }
		#loginpane .name > a:hover { color: #ff485b; }
		#loginpane .login_menu {
			float: left;
			list-style: none;
			padding: 0; margin: 20px 0 0 0;
		}
		#loginpane .login_menu > li { display: inline; margin-right: 20px; }
		#loginpane .login_menu > li a { color: #bebfc0; text-decoration: none !important; }
		#loginpane .login_menu > li a:hover { color: #fff; }

		.lm_num {
			background: #293239;
			font-weight: bold;
			height: 16px; 
			line-height: 16px;
			min-width: 16px;
			padding: 3px;
			display: inline-block;
			vertical-align: middle;
			text-align: center;
			font-size: 12px;
			border-radius: 11px;
			margin: -.2em .4em 0 0;
			color: #fff;
		}

		/* Соц.сети */
		.soc_links {
			float: left;
			display: flex;
			justify-content: space-between;
			padding: 1px;
			margin: 13px 0 0 0;
		}
			.soc_links > a {
				display: inline-block;
				width: 31px; height: 31px; line-height: 31px;
				border-radius: 50%;
				background-color: #293239;
				text-align: center;
				margin-left: 6px;
				opacity: .5;
				-webkit-transition: all ease .1s; transition: all ease .1s;
			}
			.soc_links > a:hover { opacity: 1; }
			.soc_links > a > .icon { fill: #fff; vertical-align: middle; margin: -3px 0 0 0; }

			.soc_vk:hover { background-color: #5486ca; }
			.soc_tw:hover { background-color: #60bbf5; }
			.soc_fb:hover { background-color: #4268ca; }
			.soc_gp:hover { background-color: #de553a; }
			.soc_ya:hover { background-color: #ff0000; }
			.soc_od:hover { background-color: #ff7800; }
			.soc_mail:hover { background-color: #006cff; }

/* --- Футер --- */
#footer {
	padding: 50px 0;
	border-top: 1px solid #eceded;
}
	/* Меню в футере */
	.foot_menu {
		font-size: .92em;
		list-style: none;
		padding: 0; margin: 0 0 50px 0;
	}
	.foot_menu:after { clear: both; display: table; content: ""; }

	.foot_menu > li > b { color: #caced1; display: block; margin-bottom: 1em; text-transform: uppercase; }
	.foot_menu > li:hover > b { color: #ff485b; }
	.foot_menu > li > b > i { display: none; }
	.foot_menu > li nav > a {
		color: inherit;
		display: block;
		padding: .2em 0;
		text-decoration: none !important;
		font-size: .98em;
	}
	.foot_menu > li nav > a:hover { color: #ff485b; }

	@media only screen and (min-width: 701px) {
		.foot_menu > li > div {
			display: block !important;
			height: auto !important; width: auto !important;
		}
	}

/* Копирайты */
.foot {
	padding-top: 20px;
	border-top: 1px solid #eceded;
	font-size: .9em;
}
	.foot:after { content: ""; clear: both; display: block; }

	/* CENTROARTS */
	.ca { float: left; white-space: nowrap; }
		a.ca * { cursor: pointer; }
		.ca:after { clear: both; display: block; content: ""; }
		.ca > span {
			width: 38px; height: 38px;
			float: left;
			border: 1px solid #d1d3d5;
			border-radius: 50%;
			margin-right: 15px;
		}
		.ca > span > .icon { fill: #d1d3d5; }

		.ca:hover > span { border-color: #404549; }
		.ca:hover > span > .icon { fill: #404549; }

		.ca > div { float: left; }
		.ca > div > b { display: block; text-transform: uppercase; }
		.ca > span > .icon {
			display: block;
			margin: 7px 0 0 8px;
			fill: #cbcbcb;
		}

	/* Счетчики */
	.counters { list-style: none; margin: 0; padding: 0; float: right; }
		.counters:after { clear: both; display: block; content: ""; }
		.counters > li {
			float: left;
			opacity: .5;
			height: 31px;
		}
		.counters > li:first-child { margin-left: 0; }
		.counters > li:hover { opacity: 1; }

	/* Опросы */
	.vote_line {
		position: relative;
		background-color: #ff485b;
	}
	@media only screen and (min-width: 701px) {
		.vote_line { height: 55px; }
		.vote_line:after {
			content: "";
			position: absolute;
			top: 0; bottom: 0; left: 0;
			width: 50%;
			background-color: #444;
		}
		.vote_line > .wrp { position: relative; z-index: 1; background-color: #ff485b; }
		.vote_line_title {
			float: left;
			margin: 0 0 0 -20px;
			background-color: #444;
			height: 25px;
			line-height: 25px;
			padding: 15px 20px;
			position: relative;
			color: #fff;
		}
		.vote_line_title:after {
			content: "";
			position: absolute;
			left: 100%; top: 0;
			vertical-align: middle;
			border: solid transparent;
			border-left-color: #444;
			border-width: 28px 0 27px 16px;
		}

		/* Иконка опросов */
		.vote_icon {
			display: inline-block;
			width: 12px; height: 16px;
			vertical-align: middle;
			margin: -.2em 0 0 .4em;
		}
		.vote_icon > i {
			display: block;
			width: 100%; height: 1px;
			background-color: #ff485b;
			margin-top: 4px;
		}
		.vote_icon > i:first-child { margin-top: 0; }
		.vote_icon > i.i1 { width: 80%; }
		.vote_icon > i.i2 { width: 100%; }
		.vote_icon > i.i3 { width: 40%; }
		.vote_icon > i.i4 { width: 60%; }

		/* Заголовок опроса */
		.vtitle {
			white-space: nowrap;
			overflow: hidden;
			font-weight: bold;
			height: 25px;
			line-height: 25px;
			padding: 15px 0;
			margin: 0 0 0 165px;
			color: #fff;
		}

		/* Форма опросов */
		.vote_line_form {
			position: absolute;
			right: 0; top: 0;
			margin-right: 20px;
			padding: 7px 20px;
			height: 41px;

			background-image: -webkit-linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
			background-image: -moz-linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
			background-image: -o-linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
			background-image: -ms-linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
			background-image: linear-gradient(left, rgba(255,72,91,0) 0%, rgba(255,72,91,1) 10%);
		}
		.vote_line_form .dropdown, .vote_line_form .more_votes { float: right; }
	}
		.vote_line_form .more_votes {
			color: #fff;
			font-size: .9em;
			height: 25px;
			line-height: 25px;
			padding: 8px 20px;
		}
		.vote_line_form .dropdown .dropdown-form {
			width: 210px;
			right: 0; bottom: 57px; top: auto; left: auto;
		}
		.vote_line_form .dropdown.open:after {
			content: "";
			position: absolute;
			left: 50%; top: 0;
			z-index: 100;
			margin: -17px 0 0 -14px;
			vertical-align: middle;
			border: solid transparent;
			border-top-color: #fff;
			border-width: 14px 14px 0 14px;
		}
		.vote_line_form .dropdown .dropdown-form .vote_list { font-size: .9em; margin-top: 0; }
		.vote_line_form .dropdown .btn_border { margin-top: 6px; }

		.vote_list { margin: 1.5em 0; }
		.vote_list .vote, .vote_list .pollanswer { margin: 0 0 .6em 0; }
		.vote_list .vote > input, .vote_list .pollanswer > input { display:none;  }
		.vote_list .vote > input + label:before, .vote_list .pollanswer > input + label:before {
			display:inline-block;
			width: 4px; height: 4px;
			border: 5px solid #e4e4e4;
			background-color: transparent;
			margin: -.2em 4px 0 0;
			vertical-align:middle;
			cursor:pointer;
			content: "";
			border-radius: 2px;
		}
		.vote_list .vote > input[type="radio"] + label:before,
		.vote_list .pollanswer > input[type="radio"] + label:before { 
			border-radius: 50%;
		}
		.vote_list .vote > input + label:hover:before, .vote_list .pollanswer > input + label:hover:before {
			background-color: #ff485b;
		}
		.vote_list .vote > input:checked + label:before, .vote_list .pollanswer > input:checked + label:before {
			background-color: #444;
			border-color: #ff485b;
		}
		.vote_list .vote > input + label:before,
		.vote_list .vote > input:checked + label:before,
		.vote_list .pollanswer > input + label:before,
		.vote_list .pollanswer > input:checked + label:before { 
			-webkit-transition: all ease .2s;
			transition: all ease .2s;
		}
		.vote_votes, .pollallvotes { font-size: .9em; }
		#dlevotespopupcontent { height: auto !important; overflow: visible !important; }

		/* Опросы в новости */
		.poll_block { margin-top: 50px; }
		.poll_title {
			border-left: 1px solid #ff485b;
			position: relative;
		}
			.poll_title:after, .poll_title:before {
				content: "";
				position: absolute; left: 0;
				background: #ff485b;
				height: 1px;
			}
			.poll_title:before { top: 0; width: 100%; }
			.poll_title:after { bottom: 0; width: 45%; }

			.poll_title > b { display: block; padding: 16px 24px; }
			.poll_title > b:after, .poll_title > b:before {
				content: "";
				position: absolute;
				left: 27px; top: 100%;
				vertical-align: middle;
				border: solid transparent;
				border-top-color: #ff485b;
				border-width: 13px 13px 0 0;
			}
			.poll_title > b:after {
				border-top-color: #fff;
				margin: -2px 0 0 1px;
				z-index: 1;
			}

/* --- Новости --- */
.story {
		background-color: #fff;
		padding: 50px 0;
	}
	.story_list > .story:nth-child(2n) { background-color: #f8f8f8; }

	.shadow {
		position: relative;
		border-bottom: 1px solid #eceded;
	}
	.shadow:after {
		position: absolute;
		z-index: 1;
		left: 0; top: 100%;
		width: 100%; height: 7px;
		content: "";
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
		background-image: linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
	}
	.story > .wrp:after { clear: both; display: block; content: ""; }
	.story > .wrp { position: relative; }

	/* Настройка заголовка */
	.story .head { margin-bottom: 1.5em; overflow: hidden; }
		.story .head .title { margin-top: -.2em; margin-bottom: 0; }
		.story .head.grid_3_4 { float: none; }
		.story.lefticons .title { padding-left: 60px; }
		.story .head .title > a {
			display: block;
			color: inherit;
			text-decoration: none !important;
		}
		.story .head .title > a:hover {
			color: #969fa7;
			-webkit-transition: color ease .2s; transition: color ease .2s;
		}

	/* Иконки новости "В закладки" и "Редактировать" */
	.story_icons {
		position: absolute;
		top: 0; left: 0;
		margin-left: 20px;
	}

	/* Кнопка "В закладки" */
	.fav_btn > a {
			display: block;
			width: 29px; height: 29px;
			border-radius: 50%;
			text-align: center;
			overflow: hidden;
			margin-bottom: 14px;

			background-color: #ff485b;
			background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: -moz-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: -o-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: -ms-linear-gradient(top, #f45068 0%, #f93f59 100%);
			background-image: linear-gradient(top, #f45068 0%, #f93f59 100%);

			box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
		}
		.fav_btn .icon {
			fill: #fff;
			width: 15px; height: 15px;
			display: block;
			margin: 6px auto 0 auto;
		}
		.fav_btn > a[href*="del"] {
			background-color: #fabd34;
			background-image: -webkit-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: -moz-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: -o-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: -ms-linear-gradient(top, #fbc431 0%, #f8b337 100%);
			background-image: linear-gradient(top, #fbc431 0%, #f8b337 100%);
		}

	/* Кнопка "Редактировать" */
	.story_left_icons .edit_btn > a {
		margin-bottom: 14px;
		border-color: #404549;
	}
	.edit_btn > a {
		position: relative;
		overflow: hidden;
		width: 27px; height: 27px;
		border-radius: 50%;
		border: 1px solid transparent;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		.edit_btn > a:hover { border-color: #ff485b; }
		.edit_btn > a > i, .edit_btn > a i:after, .edit_btn > a i:before { 
			width: 13px; height: 1px;
			background-color: #404549;
			display: block;
			position: relative;
		}
		.edit_btn > a i:after,
		.edit_btn > a i:before { content: ""; position: absolute; top: 0; left: 0; }
		.edit_btn > a i:after { margin-top: -4px; }
		.edit_btn > a i:before { margin-top: 4px; }

		.edit_btn > a:hover > i, .edit_btn > a:hover i:after, .edit_btn > a:hover i:before {
			background-color: #ff485b;
		}

	/* Данные новости */
	.story_info { float: right; margin-right: 0; font-size: .92em; }

		/* Раскрытие информации */
		@media only screen and (min-width: 701px) {
			.storyinfo_link { display: none; }
			.storyinfo {
				display: block !important;
				height: auto !important;
				width: auto !important;
			}
		}
		.storyinfo_link {
			cursor: pointer;
			position: relative;
			padding-left: 30px;
			padding-bottom: 1.5em;
			margin-bottom: 1.5em;
			border-bottom: 1px solid #e3e4e6;
		}
			.storyinfo_link > .icon { float: left; margin: 2px 0 0 -30px; }
			.storyinfo_link .arrow {
				position: absolute;
				right: 0; top: 0;
				margin: .75em 3px 0 0;
				width: 12px;
			}
			.storyinfo_link .arrow:after, .storyinfo_link .arrow:before {
				content: "";
				position: absolute;
				width: 9px; height: 1px;
				background-color: #ff485b;
				border-radius: 2px;
				-webkit-transition: all ease .3s; transition: all ease .3s;
			}
			.storyinfo_link .arrow:after {
				margin-left: 6px;
			}
			.storyinfo_link.collapsed .arrow:after,
			.storyinfo_link.collapsed .arrow:before {
				background-color: #c7c9cc;
			}
			.storyinfo_link.collapsed .arrow:after {
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			.storyinfo_link.collapsed .arrow:before {
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}

		/* Звездный рейтинг */
		.rate_stars { margin-bottom: 1.5em; }

		/* Мне нравится */
		.rate_like > a {
			display: block;
			text-decoration: none !important;
		}
			.rate_like_icon {
				display: block;
				width: 27px; height: 27px;
				border-radius: 50%;
				border: 1px solid #404549;
				text-align: center;
			}
			.rate_like_icon .icon {
				fill: #404549;
				width: 13px; height: 13px;
				display: block;
				margin: 7px auto 0 auto;
			}
			.rate_like > a > .grey {
				display: block;
				font-size: .85em;
				text-align: center;
				margin-top: .3em;
			}
			.comment .rate_like > a { display: inline-block; }
			.comment .rate_like > a > * { display: inline-block; vertical-align: middle; }
			.comment .rate_like > a > .grey { margin: .1em 0 0 6px; }

			.rate_like > a:hover .rate_like_icon { border-color: #ff485b; }
			.rate_like > a:hover .rate_like_icon .icon { fill: #ff485b; }

		/* Рейтинг + и - */
		.rate_like-dislike > .grey {
			display: block;
			font-size: .85em;
			text-align: center;
			margin-top: .3em;
		}
			.rate_like-dislike_in {
				position: relative;
				width: 27px; height: 55px;
				border-radius: 15px;
				border: 1px solid #404549;
			}
			.rate_like-dislike_in > a { display: block; height: 27px; text-align: center; }
			.rate_like-dislike_in > a:first-child:hover .plus_icon > span:before, 
			.rate_like-dislike_in > a:first-child:hover .plus_icon > span:after { background-color: #ff485b; }
			.rate_like-dislike_in > a:last-child .plus_icon {
				padding: 3px;
				margin: 4px;
				border: 0 none;
				border-radius: 50%;
				background-color: #404549;
			}
			.rate_like-dislike_in > a:hover:last-child .plus_icon { background-color: #ff485b; }

			.rate_like-dislike_in > a:last-child .plus_icon > span { margin: 3px 0 0 3px; }
			.rate_like-dislike_in > a:last-child .plus_icon > span:after,
			.rate_like-dislike_in > a:last-child .plus_icon > span:before { background-color: #fff; }

			.comment .rate_like-dislike { display: inline-block; }
			.comment .rate_like-dislike > * { display: inline-block; vertical-align: middle; }
			.comment .rate_like-dislike > .grey { margin: .1em 0 0 6px; }

			.comment .rate_like-dislike_in { height: 27px; width: 55px; }
			.comment .rate_like-dislike_in > * { float: left; }

		/* Иконки Плюс и Минус */
		.plus_icon, .plus_icon > span { width: 13px; height: 13px; }
			.plus_icon {
				border: 7px solid transparent;
				display: inline-block;
				vertical-align: middle;
				position: relative;
			}
			.plus_icon > span, .plus_icon > span:before, .plus_icon > span:after {
				overflow: hidden;
				text-indent: -9999px;
				white-space: nowrap;
				position: absolute;
			}
			.plus_icon > span:before, .plus_icon > span:after { background-color: #1a1a1a; content: ""; }
			.plus_icon > span { left: 0; top: 0; }
			.plus_icon > span:after {
				left: 0; top: 0;
				width: 100%; height: 1px;
				margin-top: 6px;
			}
			.plus_icon > span:before {
				left: 0; top: 0; 
				width: 1px; height: 100%;
				margin-left: 6px;
			}
			.plus_icon.minus > span:before { display: none; }

		/* Информация */
		.meta { list-style: none; padding: 0 0 0 30px; margin: 0; }
			.meta > li { margin: 0 0 .6em 0; }
			.meta > li > .icon { float: left; margin: 2px 0 0 -30px; }
			.meta > li.meta_date a { color: inherit; }

			/* Теги в новости */
			.story_tags { padding-left: 30px; margin-top: 1.5em; }
			.story_tags > .icon { fill: #cdd0d3; float: left; margin: 4px 0 0 -30px; }
			.story:nth-child(2n) .tag_list > span > a { background-color: #fff; }

		/* Теги */
		.tag_list > span { margin: 0 2px 2px 0; }
			.tag_list > span, .tag_list > span > a { display: inline-block; }
			.tag_list > span > a {
				color: inherit;
				text-decoration: none !important;
				padding: 3px 6px;
				border-radius: 2px;
				background-color: #f4f6f7;
			}
			.tag_list > span > a:hover {
				background-color: #ff485b !important;
				color: #fff;
				position: relative;
			}

	/* Содержимое новости */
	.story.lefticons .text { margin-left: 60px; }
	.story .more { margin-top: 1.5em; }

		.story .text:after { content: ""; display: block; clear: both; }
		.story .text > img[style*="left"],
		.story .text > .highslide img[style*="left"] { margin: 4px 20px 20px 0; }
		.story .text > img[style*="right"],
		.story .text > .highslide img[style*="right"] { margin: 4px 0 20px 20px; }
		.story .text img { max-width: 100%; aspect-ratio: auto; height: auto;}
	
	/* Редактировал... */
	.editdate {
		margin-top: 1.5em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}

	/* Вложения */
	.attachment > a, .attachment_error {
		border: 1px solid #d9dcde;
		border-radius: 2px;
		padding: 10px 20px;
		margin-top: 10px;
		color: inherit;
		display: block;
		font-size: .9em;
		text-decoration: none !important;
	}
		.attachment > a:hover { color: #ff485b; }
		.attachment > a > .icon { float: right; margin: 3px 0 0 15px; }

	/* Важная новость */
	.fixed_label {
		position: absolute;
		left: 0; top: 0;
		width: 0; height: 0;
		text-indent: -9999px;
		vertical-align: middle;
		border: solid transparent;
		border-top-color: #ffb027;
		border-width: 25px 25px 0 0;
	}

	/* Блок под полной новостью */
	.fullstory_foot { background-color: #f8f8f8; }
	
	/* Блок баннера */
	.banner {
		padding: 25px 0;
		display: block;
		width: 100%;
		text-align: center;
		border-top: 1px solid #eceded;
		box-shadow: inset 0 1px 0 0 #fff;
		-webkit-box-shadow: inset 0 1px 0 0 #fff;
	}
		.banner img { max-width: 100%; vertical-align: top; }

/* --- Постраничная навигация --- */
.navigation { padding: 25px 0; }
	.navigation { font-size: 1.1em; }
	.navigation > .wrp { position: relative; }
	.navigation > .wrp:after { clear: both; display: block; content: ""; }
	.navigation > .wrp > .icon {
		position: absolute;
		left: 0;
		margin-left: 20px;
		fill: #cdd0d3;
		margin-top: 2px;
	}
	.pages { padding-left: 60px; float: left; }
	.pages > * {
		color: inherit;
		display: inline-block;
		position: relative;
		padding: 6px 4px;
		min-width: 22px; height: 22px; line-height: 22px;
		border-radius: 2px;
		text-align: center;
		text-decoration: none !important;
	}
	.pages span {
		color: #fff;
		background-color: #ff485b;
		background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: -moz-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: -o-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: -ms-linear-gradient(top, #f45068 0%, #f93f59 100%);
		background-image: linear-gradient(top, #f45068 0%, #f93f59 100%);
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14); -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
	}
	.pages span.nav_ext { background: none; color: inherit; }
	.pages a:hover { color: #ff485b; }

	.page_next-prev { float: left; margin-left: 30px; }
		.page_next-prev > span > * {
			padding: 6px 16px;
			height: 22px; line-height: 22px;
			display: inline-block;
		}
		.page_next-prev > span .icon { margin: -.2em 0 0 0; }

	/* Постраничная навигация в новости */
	.splitnewsnavigation {
		margin: 1.5em 0;
		padding: 15px 0;
		font-weight: bold;
		border: 0 dashed #eceded;
		border-width: 1px 0;
		text-transform: uppercase;
	}
		.splitnewsnavigation > div { display: inline; margin-left: 1em; }
		.splitnewsnavigation a { color: inherit; }
		.splitnewsnavigation a, .splitnewsnavigation span { padding: 6px 10px; }
		.splitnewsnavigation span { color: #ff485b; }

/* --- Популярные и похожие --- */
.block { padding: 50px 0; }
	.block_title { margin: 0 0 1.5em 0; color: #caced1; }
	.block_title > * { margin: -.2em 0 0 0; }
	.col_news .grid_list > div > a {
		display: block;
		text-decoration: none !important;
		-webkit-transition: padding-left 0.4s ease;
		transition: padding-left 0.4s ease;
		position: relative;
		color: inherit;
		width: 90%;
		padding-right: 20px;
	}
	.col_news .grid_list > div > a * { cursor: pointer; }
	.col_news .grid_list > div > a:hover {
		padding-left: 30px;
	}
	.col_news .grid_list > div > a .title {  display: block; margin-bottom: 1em; }
	.col_news .grid_list > div > a:hover .title { color: #ff485b; }
	.col_news .grid_list > div > a .hover_arrow {
		position: absolute;
		left: 0; top: 0;
		margin-top: .25em;
	}
		.col_news .grid_list > div > a .text { font-size: .9em; }
		.hover_arrow {
			position: relative;
			width: 20px; height: 0;
			border-left: 1px solid #ff485b;
			overflow: hidden;
			display: block;
			opacity: 0;
		}
			.hover_arrow, .hover_arrow:after, .hover_arrow > .icon {
				-webkit-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
			.hover_arrow > .icon {
				position: absolute;
				left: 0; top: 0;
				margin-left: -10px;
			}
			.hover_arrow:after {
				content: "";
				position: absolute;
				left: 0; top: 0;
				margin-top: 6px;
				width: 0; height: 1px;
				background-color: #ff485b;
			}
			a:hover .hover_arrow { height: 26%; opacity: 1; }
			a:hover .hover_arrow > .icon { margin-left: 10px; }
			a:hover .hover_arrow:after { width: 19px; }

/* --- Статические страницы --- */
.static_pages { margin-top: 1.5em; font-weight: bold; }

/* --- Информация об ошибках --- */
.alert {
	background: #fcf6d2;
	padding: 20px 0;
}

/* --- Комментарии --- */
.addcomments_form {
	border-bottom: 1px solid #c1777e;
	position: relative;
}
	.addcomments_form .grid_1_4 .ultrabold { margin-top: -.2em; }
	.addcomments_form:after,
	.addcomments_form:before {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -200px;
		border: solid transparent;
		border-top-color: #c1777e;
		border-width: 34px 34px 0 0;
	}
	.addcomments_form:after { margin: -2px 0 0 -199px; border-top-color: #fff; }

/* Формы на UL */
ul.ui-form { list-style: none; padding: 0; margin: 0; }
	ul.ui-form > li { margin-bottom: 20px; }
	ul.ui-form > li:last-child { margin-bottom: 0; }
	.form-group { margin-bottom: 20px; }
	.form-group > label { display: block; margin-bottom: .4em; }
	.form-group.imp > label:after { content: "*"; margin: 0 0 0 10px; color: #ff485b; }

	@media only screen and (min-width: 601px) {
		.form-group.combo:after { clear: both; display: table; content: ""; }
		.form-group.combo > .combo_field { width: 50%; float: left;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.form-group.combo > .combo_field:last-child { padding-left: 10px; }
		.form-group.combo > .combo_field:first-child { padding-right: 10px; }
	}
	@media only screen and (max-width: 600px) {
		.combo_field { margin-bottom: 20px; }
	}
	.form_submit { margin-top: 20px; }
	.form-sep { border-top: 1px solid #efefef; }

	/* Модификация BB редактора для комментариев */
	#comment-editor .bb-editor textarea { height: 140px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	/* Страницы с формами */
	.regtext { margin-bottom: 1.5em; }
	.login_check { position: relative; }
	.login_check > input { padding-right: 120px; }
	.login_check > .btn {
		width: 100px; height: 30px;
		padding: 4px 10px;
		position: absolute;
		right: 0; top: 0;
		font-weight: bold;
		font-size: 11px;
		margin: 5px;
	}
	#registration { text-align: left; }

/* --- Комментарии --- */
.com_list div.comment {
	position: relative;
	padding-right: 26%;
	padding-left: 130px;
	margin-bottom: 50px;
}
	.searchcoms .comment { margin-bottom: 0; }
	.comment .grid_1_4 {
		position: absolute;
		right: 0; margin: 0;
	}
	/* Аватарка */
	.avatar { display: inline-block; }
	.avatar .cover {
		width: 100px; height: 100px;
		border-radius: 50%;
		white-space: nowrap;
		text-indent: -9999px;
		display: inline-block;
	}

	.comment .avatar {
		border: 1px solid #caced1;
		float: left;
		padding: 6px;
		border-radius: 50%;
		background-color: #fff;
		margin-left: -130px;
		position: relative;
	}
		.com_author .avatar { border-color: #44494d; }
		.comment .avatar .cover,
		.comment .avatar { width: 60px; height: 60px; }
		.comment .avatar .com_decor {
			width: 1px; height: 28px;
			position: absolute;
			background-color: #d9dcde;
			left: 99px; top: 9px;
		}
		.comment .avatar .com_decor:after,
		.comment .avatar .com_decor:before {
			content: "";
			position: absolute;
			height: 1px; width: 13px;
			background-color: #d9dcde;
		}
		.comment .avatar .com_decor:after {
			left: 0; top: 0;
		}
		.comment .avatar .com_decor:before {
			right: 0; bottom: 0;
		}

	/* Верхняя часть комментария */
	.com_info {
		margin-bottom: .6em;
		font-size: .9em;
	}
		.com_info > .name { margin-right: 6px; }
		.com_info > .date { margin-left: 6px; }
		.com_info > .name a { color: inherit; }
		.com_info .status {
			display: inline-block;
			vertical-align: middle;
			margin-top: -.2em;
			overflow: hidden;
			text-indent: -9999px;
			background-color: #d9dcde;
			width: 6px; height: 6px;
			border-radius: 50%;
		}
		.status.online { background-color: #a7cb37; }

	.comment .text > .title { margin-top: 0; }

	/* Нижняя часть комментария */
	.com_tools .edit_btn, .com_tools .mass {
		opacity: 0;
		-webkit-transition: opacity ease .3s; transition: opacity ease .3s;
	}
	.comment:hover .com_tools .edit_btn, .comment:hover .com_tools .mass { opacity: 1; }
	.com_tools { margin: .6em 0 0 0; font-size: .9em; text-transform: lowercase; }
		.com_tools .edit_btn, .com_tools .mass { float: right; margin-top: -3px; }
		.com_tools .mass input { margin: 4px 0 0 10px; }
		.com_tools_links { display: inline; }
		.com_tools_links > a {
			margin: 0 15px 0 0;
			text-decoration: none !important;
		}
		.com_tools_links > a:hover { color: #ff485b; }
		.com_tools_links > a > .icon { margin: -.2em 8px 0 0; }

	/* Древовидные комментарии */
	.comments-tree-list {
		position: relative;
		padding: 0 26% 0 0;
		margin: 0;
		list-style: none;
	}
		.comments-tree-list .comments-tree-list {
			position: static;
			padding: 0 0 0 130px;
		}
		.comments-tree-list .comments-tree-list .comments-tree-list,
		.comments-tree-list .comments-tree-list .comment { padding-left: 60px; }
		.comments-tree-list div.comment { padding-right: 0; position: static; }
		.comments-tree-list .comments-tree-list .comment .com_decor { display: none; }

		.comments-tree-list .comments-tree-list .comment .avatar { padding: 3px; margin-left: -60px; }
		.comments-tree-list .comments-tree-list .comment .avatar .cover,
		.comments-tree-list .comments-tree-list .comment .avatar { width: 32px; height: 32px; }

		/* Управление комментариями */
		.mass_comments_action { text-align: center; border-top: 1px dashed #eceded; padding: 20px 0; }
		.mass_comments_action > select { padding: 5px; width: 200px; margin-left: 1em; }

/* --- Контакты --- */
#map { width: 100%; }
	.map_resp {
		width: 100%; padding-top: 30%; height: 0;
		position: relative;
	}
	.map_resp > #map {
		position: absolute;
		left: 0; top: 0; bottom: 0;
		height: auto;
		border-radius: 4px;
		overflow: hidden;
	}
	.contact_head > .title { margin-top: 0; }
	.contacts { font-size: 1.1em; }
	.contacts > .grid_1_2 { padding-left: 42px; }
	.contacts > .grid_1_2 .icon {
		float: left;
		margin: 5px 0 0 -42px;
	}

/* --- PM --- */
.pm-box {
	margin-bottom: 1.5em;
	background-color: #f4f6f7;
	border-radius: 2px;
}
	#pm-menu:after { content: ""; clear: both; display: block; }
	#pm-menu { border-bottom: 1px solid #fff; }
	#pm-menu > a {
		color: inherit;
		padding: 10px 30px;
		float: left;
		text-decoration: none !important;
		border-right: 1px solid #fff;
	}
	#pm-menu > a:first-child { border-radius: 2px 0 0 0; }
	#pm-menu > a:hover { color: #ff485b; }

	.pm_status { padding: 30px; }
	.pm_progress_bar {
		background-color: #cdd0d3;
		margin-bottom: 10px;
		border-radius: 2px;
		overflow: hidden;
	}
	.pm_progress_bar span { background: #ff485b; font-size: 0; height: 5px; border-radius: 2px; display: block; overflow: hidden }

/* --- Страница пользователя --- */
.userinfo_top { position: relative; }
	.userinfo_top:after { clear: both; display: block; content: ""; }
	.userinfo_top .avatar {
		float: left;
		margin: 0 30px 0 0;
		padding: 6px;
		border: 1px solid #d7d9db;
		border-radius: 50%;
	}
	.userinfo_status { margin: -1em 0 1.2em 0; font-size: .9em; }

	.user_tab {
		list-style: none; padding: 0; margin: 0;
		display: inline-block;
		border: 1px solid #e7e7e7;
		border-radius: 20px;
		}
		.user_tab:after { clear: both; display: block; content: ""; }
		.user_tab > li { float: left;  }
		.user_tab > li:first-child > a { border-left-width: 0; }
		.user_tab > li > a {
			border-left: 1px solid #e7e7e7;
			display: block;
			text-decoration: none !important;
			color: inherit;
			font-size: .9em;
			font-weight: bold;
			color: #999;
			line-height: 20px; padding: 6px 20px;
		}
		.user_tab > li.active > a { color: inherit; }

		.usinf { list-style: none; padding: 0; margin: 0; } 
		.usinf > li { padding: 12px 0; border-top: 1px solid #eceded; }
		.usinf > li:first-child { border-top-width: 0; }

		.ui-c1, .ui-c2 { display: inline-block; vertical-align: top; }
		.ui-c1 { width: 30%; margin-right: 5%; }
		.ui-c2 { width: 60%; }

	/* Окно пользователя */
	.dle-popup-userprofile .ui-dialog-content { padding: 0; }
		.popup_userinfo_top { background-color: #f4f6f7; padding: 5px; text-align: center; }
		.popup_userinfo_top .avatar { vertical-align: top; border-radius: 50%; border: 1px solid #1a1a1a; }
		.popup_userinfo_top .avatar .cover {
			display: block;
			width: 80px; height: 80px;
			border: 6px solid #fff;
		}
		.popup_userinfo.useronline .avatar { border-color: #95c00e; }
		.popup_userinfo > ul { list-style: none; padding: 0; margin: 0; }

		.popup_userinfo .usinf { padding: 0px 20px; font-size: .9em; }

/* --- Статистика --- */
.stats_head > ul { list-style: none; padding: 0; margin: 0; font-size: 1.1em; }
	.stats_head > ul > li { margin-top: 15px; padding-left: 30px; }
	.stats_head > ul > li:before {
		content: "";
		float: left;
		margin: 2px 0 0 -30px;
		width: 16px; height: 16px;
		border-radius: 50%;
		background-color:  #ee2a4f;
	}
	.stats_head > ul > li > b {
		display: block;
		font-size: .8em;
		opacity: .5;
		font-weight: normal;
	}
	.stats_head > ul > li.stats_d:before { background-color: #ffb027; }
	.stats_head > ul > li.stats_w:before { background-color: #ff5a3a; }
	
	.stat_group { margin-bottom: 25px; }
	.stat_group > h5 { margin-top: 0; margin-bottom: 1em; }
	.stat_group > ul { list-style: none; padding: 0; margin: 0; }
	.stat_group > ul > li { padding: .6em 0; border-top: 1px dotted #d5d5d5; }

/* --- Страница поиска --- */
.searchpage { border-bottom: 3px dotted #eceded; padding-bottom: 50px; margin-bottom: 0; }
	.search_head_line .head { margin-bottom: .8em; }
	.search_result_num { font-size: .9em; margin: 25px 0 0; }
	.search table { width: 100%; border-spacing: 5px; border-collapse: separate; }
	#searchtable td, #searchtable td div, #searchtable table { margin: 0 !important; padding: 0 !important; }
		#searchtable td.search br { display: none; }
		td.search .bbcodes { margin: 0 !important; }
		td.search { vertical-align: top; }

/* --- Оптимизация для разрешений меньше 980 px --- */
@media only screen and (max-width: 980px) {
	/* Модификация сортировки и хлебных крошек */
	.tools .grid_last, .tools #toptags { display: none; }
	.tools .grid_3_4 { width: auto; float: none; margin-right: 0; }

	/* Footer */
	.foot .grid_1_2 { width: 74%; }

	/* Счетчики */
	.counters { float: none; clear: both; padding-top: 10px; }
		.counters > li:first-child { margin-left: 0; }
		.counters > li:hover { opacity: 1; }
}

/* --- Оптимизация для разрешений меньше 860 px --- */
@media only screen and (max-width: 860px) {
	/* Шапка и меню */
	.headpic.fixed { background-attachment: scroll; }
	.headpic > .wrp { padding: 49px 0 0 0; }
	.logotype {
		float: none;
		padding: 0 20px; margin: 0;
		height: 76px;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.topbar {
		position: absolute;
		left: 0; top: 0;
		background: #22282c;
		width: 100%; height: 49px;
		box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
	}
		/* Поиск */
		.topbar #search {
			position: absolute;
			left: 50%;
			margin-left: -25px;
		}
		.h_btn {
			width: 49px; height: 49px;
			padding: 0;
		}
		.h_btn:after {
			width: 100%; height: 49px;
			border-radius: 0;
			margin-top: -49px;
		}

	/* Авторизация */
	.login > .avatar {
		padding: 3px;
		border: 0 none;
	}
		ul.login_form, .soc_links, .login_form_links {
			vertical-align: top;
			display: inline-block;
			float: none;
		}
		#loginpane {
			overflow-y: hidden;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#loginpane > .wrp { white-space: nowrap; min-width: 960px; }

	/* Меню */
	.mainmenu_open, .mainmenu_open body, .mainmenu_open .page {
		width: 100%; height: 100%;
		overflow: hidden;
	}
	#mainmenu { float: left; }
		#topmenu {
			position: fixed;
			left: 0; top: 0; bottom: 0;
			width: 80%; height: 100%;
			background-color: #ff485b;
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
			z-index: 99;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			color: #fff;
			-webkit-transform: translate(-100%, 0);
			transform: translate(-100%, 0);
			opacity: 0; visibility: hidden;
		}
		.mainmenu_open #topmenu {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			opacity: 1; visibility: visible;
			-webkit-transition: all 0.3s ease;
			transition: all 0.3s ease; 
		}
		#topmenu a { color: #fff; display: block; }
		#topmenu ul {
			list-style: none;
			padding: 0; margin: 0;
		}
		#topmenu > ul { padding: 15px 0; }
		#topmenu > ul > li > a {
			padding: 15px 30px;
			font-size: 1.1em;
			text-decoration: none !important;
		}
		#topmenu ul ul > li > a {
			padding: 6px 30px 6px 48px;
			opacity: .8;
			text-decoration: none !important;
			position: relative;
		}
		#topmenu > ul > li > a:hover, #topmenu ul ul > li > a:hover { opacity: 1; background-color: #ff596a; }
		#topmenu ul ul > li > a:before {
			content: "";
			float: left;
			margin: .7em 0 0 -18px;
			width: 6px; height: 1px;
			background-color: #fff;
			opacity: .8;
		}

		#topmenu .icon-arrow_down { display: none; }

		/* Отключаем блок архивов */
		.block_archives { display: none; }

	/* Закрытие меню */
	#closemenu {
		position: fixed;
		top: 0; right: 0;
		overflow: hidden;
		height: 100%; width: 100%;
		cursor: pointer;
		z-index: 98;
	}
		.mainmenu_open #closemenu { display: block; }
		#closemenu:after {
			content: "";
			display: block;
			width: 100%; height: 100%;
			background-color: #353c4c;
			opacity: .54;
		}
		#closemenu * { cursor: pointer; }
		#closemenu > span {
			z-index: 1;
			position: absolute; 
			right: 0; top: 0;
			width: 20%; height: 100%;
			display: -webkit-flex;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#closemenu .icon { fill: #fff; }

	/* Комментарии */
	.addcomments_form .grid_3_4, .addcomments_form .grid_1_4 { float: none; margin: 0; width: auto; }
		.addcomments_form .grid_1_4 { margin-bottom: 20px; }

		.com_list div.comment { margin-bottom: 30px; }
		.com_list div.comment, .comments-tree-list .comments-tree-list { padding-left: 100px; }
		.comment .avatar { margin-left: -100px; }
		.com_decor { display: none; }
}
/* --- Оптимизация для разрешений меньше 800 px --- */
@media only screen and (max-width: 800px) {

	h1, .h1 { font-size: 1.6em; }
	h2, .h2 { font-size: 1.4em; }
	h3, .h3 { font-size: 1.3em; }
	h4, .h4 { font-size: 1.2em; }
	h5, .h5 { font-size: 1.1em; }

	/* Настройка основной типографии */
	body, select, input, textarea, button {
		font-size: 14px;
	}

	/* Опросы */
	.vtitle { margin-left: 145px; }

	/* Оступы */
	.story, .block, #footer { padding: 30px 0; }

	/* Добавить комментарий */
	.addcomments_form:after,
		.addcomments_form:before {
			content: "";
			position: absolute;
			top: 100%; left: 50%;
			margin-left: -9px;
			border: solid transparent;
			border-top-color: #ff485b;
			border-width: 18px 18px 0 0;
		}
		.addcomments_form:after { margin: -2px 0 0 -8px; border-top-color: #fff; }

	/* Комментарии */
	.com_list div.comment, .comments-tree-list .comments-tree-list { padding-left: 60px; }
	.comment .avatar { padding: 3px; margin-left: -60px; }
	.comment .avatar .cover, .comment .avatar { width: 32px; height: 32px; }
	.com_decor { display: none; }

	/* Постраничная навигация */
	.navigation, .navigation > .wrp { padding: 0; }
		.navigation > .wrp > .icon { display: none; }
		.pages {
			padding: 20px 0;
			float: none;
			padding-left: 0;
			overflow-x: auto;
			white-space: nowrap;
			-webkit-overflow-scrolling: touch;
		}
		.pages > *:first-child { margin-left: 20px; }
		.pages > *:last-child { margin-right: 20px; }
		.page_next-prev { float: none; display: block; padding: 0; margin: 0; }
		.page_next-prev:after { clear: both; display: block; content: ""; }
		.page_next-prev > * { float: left; width: 50%; }
		.page_next-prev > *:last-child { text-align: right; }
		.page_next-prev > span > * { display: block; padding: 10px 20px; }
}

/* --- Оптимизация для разрешений меньше 700 px --- */
@media only screen and (max-width: 700px) {
	h1, .h1 { font-size: 1.5em; }
	h2, .h2 { font-size: 1.4em; }
	h3, .h3 { font-size: 1.3em; }
	h4, .h4 { font-size: 1.2em; }
	h5, .h5 { font-size: 1.1em; }

	/* Настройка основной типографии */
	body, select, input, textarea, button {
		font-size: 13px;
	}


	#tools, .foot_menu, .foot, .droptopbar, .com_info, .com_tools,
	.vote_line_form .dropdown .dropdown-form .vote_list { font-size: 1em; }

	/* Модификация авторизации */
	#loginpane > .wrp { min-width: 0; }
		ul.login_form, .soc_links, .login_form_links {
			display: block;
			margin-right: 0;
			margin-left: 0;
		}
		.login_form > li { float: none; width: auto; }

		.login_form > li > input, .login_form > li > .btn {
			border-left-width: 0;
			border-top: 1px solid #383e42;
		}
		.login_form > li:first-child > input { border-top-width: 0; }
		.login_form > li > .btn { width: 100%; color: #ff485b !important; }

			.loginf_open #loginpane { margin-top: -220px; }
			ul.login_form { margin-top: 20px; }
			.loginf_open #loginpane, .loginf_open .page:before { height: 220px; }
			#loginpane .soc_links, .login_form_links { text-align: center; }
			.login_form_links > a:first-child { margin-left: 0; } 

			#loginpane .name, #loginpane .login_menu, .loggedpane .login_form_links { display: inline; float: none; }
			.loggedpane > .wrp { padding-top: 20px; }
			.loggedpane .login_form_links { padding-right: 20px; }

	/* Модификация шапки */
	.head_text { padding: 20% 0 22% 0; }
		.head_text_in > .title { font-size: 2.1em; }
		.head_text_in > .text { font-size: 1.2em; }

	/* Модификация сортировки и хлебных крошек */
	.tools {
		height: 49px;
		overflow-y: hidden;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
		#sort, #breadcrumbs { padding: 14px 0; display: inline-block; }
		#sort > .icon, #breadcrumbs > .icon { display: none; }
		.tools .grid_3_4, .tools .speedbar { display: inline; padding-right: 20px; }

	/* Контакты */
	.feedback .grid_1_4 { margin-bottom: 20px; }
	.map_resp { padding-top: 60%; }

	/* Новости */
	.story, .block { padding: 20px 0; }
		.story_info { float: none; font-size: 1em; }
		.story_icons { position: relative; float: right; }
		.story.lefticons .title { padding-left: 0; }
		.story.lefticons .text { margin-left: 0; }
		.poll_block { margin: 20px 0; }
		.meta_date { display: none; }

		.storyinfo_link { margin-bottom: 0; }
		.storyinfo_box { padding-top: 20px; }

		.story_cont { margin-top: 20px; }

		.story .head { margin-bottom: 10px; }
		.story .head .title { margin-top: 0; }

	/* Комментарии */
	.com_list div.comment { margin-bottom: 25px; }
		.comments-tree-list, .com_list div.comment { padding-right: 0; }
		.com_list div.comment, .comments-tree-list .comments-tree-list .comment { padding-left: 0; }
		.comments-tree-list .comments-tree-list,
		.comments-tree-list .comments-tree-list .comments-tree-list { padding-left: 23px; }
		.comment .grid_1_4 { position: static; float: left; }
		.comment .avatar .cover, .comment .avatar { width: 23px !important; height: 23px !important; }
		.comment .avatar { margin: 0 !important; padding: 2px !important; }
		.com_content { clear: both; padding-top: 10px; }
		.comment .rate { margin-left: 10px; }
		.comment .rate_stars { margin: 6px 0 0 0; }

	/* Footer */
	#footer { padding: 20px 0 0 0; }
		.ca { float: none; display: block; margin-top: 20px; }
		.counters {
			background-color: #f8f8f8;
			float: none;
			text-align: center;
			margin: 20px -20px 0 -20px;
			padding: 15px 0;
		}
		.counters > li:first-child { margin-left: 0; }
		.counters > li {
			float: none;
			display: inline-block;
			margin-left: 2px;
		}

	/* Footer */
	.foot .grid_1_2 { width: auto; }

	/* Меню снизу */
	.foot_menu { margin: 0 0 20px 0; padding: 0 0; }
		.foot_menu > li { float: none; width: auto; padding: 0; }
		.foot_menu > li:first-child > b { border-top-width: 0; }
		.foot_menu > li > b {
			cursor: pointer;
			margin: 0; padding: 5px 0 5px 32px;
			color: #ff485b;
		}
		.foot_menu > li > b.collapsed { color: #caced1; }
		.foot_menu > li > b i {
			display: block;
			float: left;
			width: 13px; height: 1px;
			position: relative;
			margin: 9px 0 5px -32px;
			background-color: #ff485b;
			border-radius: 2px;
		}
		.foot_menu > li > b.collapsed i, .foot_menu > li > b.collapsed i:after { background-color: #ff485b; }
		.foot_menu > li > b.collapsed i:after {
			content: "";
			display: block;
			margin: -6px auto 0 auto;
			height: 13px; width: 1px;
			border-radius: 2px;
		}
		.foot_menu > li .collapse { display: none; }
		.foot_menu > li .collapse.in { display: block; }
		.foot_menu > li nav { padding: 10px 32px; padding-top: 0; }

	/* Настройка блоков */
	.block_title { margin-bottom: 1em; }
		.col_news .grid_list .grid_1_4 { margin-top: 20px; }
		.col_news .grid_list > div > a .title { margin-bottom: .5em; }
		.col_news .grid_list > div > a { padding: 0; width: 90%; }

	/* Опросы */
	.vote_line { text-align: center; }
		.vote_line_title {
			display: inline-block;
			font-size: 1.2em;
			color: #fff;
			background-color: #444;
			padding: 10px 10px;
			margin-top: 0;
			position: relative;
			width: 80px;
			text-align: center;
		}
		.vote_line_title:after {
			content: "";
			position: absolute;
			left: 0; top: 100%;
			border: solid transparent;
			border-top-color: #444;
			border-width: 5px 50px 0 50px;
		}
		.vtitle { margin-left: 0; font-weight: bold; color: #fff; }
		.vote_line_title .vote_icon, .vote_line_form .dropdown > .btn { display: none; }
		.vote_line_form .dropdown .dropdown-form {
			position: static;
			margin: 0 auto;
			display: block;
			text-align: left;
		}
		.more_votes { display: block; }

	/* Оптимизация BB редактора */
	.bb-pane {
		width: 100%;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
		#comment-editor .bb-editor textarea { height: 240px; }
		.bb-btn { float: none; display: inline-block; margin-left: -.3em !important; }

		.mass_comments_action { margin-top: 20px; }
		.comments_box_in .mass_comments_action { margin-top: 20px; padding-top: 0; }

	/* Персональные сообщения */
	.pm_status { padding: 20px; }

		#pm-menu {
			white-space: nowrap;
			overflow-y: hidden; overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		#pm-menu > a {
			display: inline-block;
			float: none;
			padding: 10px 20px;
		}

		.pmlist {
			width: 100%;
			margin: 0 -20px;
			padding: 0 20px;
			overflow-y: hidden; overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		.pmlist > form { min-width: 800px; padding-right: 20px; }

	/* Статистика */
	.stats_head > ul { font-size: 1em; margin-bottom: 20px; }
		.block_table_top_users { padding: 0; margin-top: 40px; }
		.block_table_top_users > .title { padding: 0 20px; }

		.table_top_users { 
			padding-bottom: 20px;
			overflow-y: hidden; overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		.table_top_users > table { width: 800px; }

	/* Форма */
	.form_submit .c-capcha { float: none; margin-bottom: 20px; }
		.form_submit .c-capcha { padding-left: 100px; position: relative; }
		.form_submit .c-capcha img { position: absolute; left: 0; }
		.form_submit .c-capcha input { width: 100%; }

	/* Поиск по сайту */
	#dofullsearch { display: none; }

	/* Полная новость */
	#add_news_preview { display: none; }

	/* Всплывающие окна */
	.ui-dialog { width: auto !important; left: 10px !important; right: 10px; } 
	.ui-dialog-buttonset > .ui-button { margin: 2px; }

	/* Страница пользователя */
	.userinfo_top { text-align: center; }
		.userinfo_top .avatar { float: none; margin: 0 0 20px 0; }

		.ui-c1, .ui-c2 { display: block; width: auto; margin-right: 0; }

		.user_tab { font-size: .9em; } 
		.user_tab > li > a { padding: 4px 10px; }

}
@media only screen and (max-width: 600px) {
	.mejs-container { max-width: 100%; }
	.story video { max-width: 100%; }
	.story iframe { max-width: 100%; }
	.mass_comments_action > select, .mass_comments_action > input { display: block; width: 100%; margin: 0; }
	.mass_comments_action > select { margin: 5px 0; }
}
@media only screen and (max-width: 520px) {
	.head_text_in > .title { font-size: 1.6em; }
	.head_text_in > .text { font-size: 1em; }

	.com_tools_links > a > span { display: none; }
}
@media only screen and (max-device-width: 480px) {
	body { -webkit-text-size-adjust: 100%; }               
}

.grecaptcha-badge {
    display: none;
}

p {
    margin-block-start: .7em;
    margin-block-end: .7em;
}

.dle-popup-mediaupload {
	font-size: 13px;
}

.dle-popup-mediaupload.ui-dialog .ui-dialog-buttonpane {
    padding: 10px;
}

.file-preview-card, .mediaupload-box {
	background-color: #fff;
}

.dle-popup-mediaupload .mediaupload-insert-params {
    background-color: #ededed!important;
    border-top: 1px solid #ededed!important;
}

.upload-options .checkbox-inline {
	padding-left: 0!important;
}

.dle-popup-mediaupload textarea, .dle-popup-mediaupload input[type="text"] {
  height: auto;
  line-height: 1;
  padding: 5px;
}
.dle-popup-mediaupload select {
	line-height: 1;
}

.less {
    box-shadow: rgb(0 0 0 / 6%) 0px 0px 0px 1px, rgb(0 0 0 / 40%) 0px 10px 20px -5px;
}

figure.image {
  display: table;
  margin: 1rem auto;
}

figure.image:first-child {
  margin-top: 0;
}

figure.image:last-child {
  margin-bottom: 0;
}

figure.align-left {
  float: left;
  margin-right: .5rem;
}

figure.align-right {
  float: right;
  margin-left: .5rem;
}

figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
  background-color: #fafafa;
  font-size: .8rem;
  caption-side: bottom;
  word-break: break-word;
  text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}

#check-all-box {
	margin-bottom: .4rem;
}
.searchtable .form-check-label {
    display: block;
    margin-bottom: .5rem;
}

.checkbox, .dle-popup-mediaupload .checkbox {
	margin: .6rem 0 .2rem 0 !important;
}
.form-check-label {
	cursor: pointer;
}
.form-check-input {
  color: #c1777e;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin: -0.188rem 0.625rem 0 0;
  appearance: none;
  background-color: transparent;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #c1777e;
  vertical-align: middle;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ff485b' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ff485b'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox] {
    border-radius: .25rem;
}

.form-check-input[type=radio] {
    border-radius: 50%;
}

/* =========================
/* Container */
.rbx-container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }


/* HERO */
.rbx-hero {position: relative;padding: 34px 0;background: #ffff;border-bottom: 1px solid var(--rbx-border);}
.rbx-hero__in { text-align: center; }
.rbx-hero__title { font-size: 42px; line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 8px; }
.rbx-hero__subtitle { color: var(--rbx-muted); margin-bottom: 20px; }


/* Search */
.rbx-search { display: flex; gap: 8px; justify-content: center; margin: 0 auto 14px; max-width: 640px; }
.rbx-search__input { flex: 1; height: 48px; border-radius: 12px; border: 1px solid var(--rbx-border); background: var(--rbx-panel-2); color: var(--rbx-text); padding: 0 14px; }
.rbx-search__input::placeholder { color: #7b8aa0; }


/* Quick tags */
.rbx-quicktags { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 8px; }
.rbx-tag {display: inline-block;padding: 6px 10px;border-radius: 999px;border: 1px solid rgb(211 52 59 / 30%);background: rgb(211 52 52 / 15%);border-color: rgb(211 52 59 / 30%);color: #ad6b7d;font-weight: 600;}
.rbx-tag:hover { background: #111d36; }


/* Grid */
.rbx-main { padding: 28px 0 40px; }
.rbx-grid {display: grid;grid-template-columns: repeat(12, 1fr);gap: var(--rbx-gap);gap: 25px;}
@media (max-width: 1200px) { .rbx-grid { grid-template-columns: repeat(12, 1fr); } }
@media (max-width: 960px) { .rbx-grid { grid-template-columns: repeat(8, 1fr); } }
@media (max-width: 640px) { .rbx-grid { grid-template-columns: repeat(4, 1fr); } }


/* Card */
.rbx-card { grid-column: span 4; display: flex; flex-direction: column; background: var(--rbx-panel); border: 1px solid var(--rbx-border); border-radius: var(--rbx-radius); overflow: hidden; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
@media (max-width: 960px) { .rbx-card { grid-column: span 4; } }
@media (min-width: 961px) and (max-width: 1200px) { .rbx-card { grid-column: span 4; } }
@media (max-width: 640px) { .rbx-card { grid-column: span 4; } }
.rbx-card:hover { transform: translateY(-3px); border-color: #273445; box-shadow: 0 10px 30px rgba(0,0,0,.35); }


.rbx-card__media { display: block; aspect-ratio: 16/9; background: #0e1622; }
.rbx-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rbx-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; font-weight: 800; letter-spacing: .2em; color: #334155; }


.rbx-card__body { padding: 14px; }
.rbx-card__title { font-size: 18px; margin: 0 0 6px; }
.rbx-card__title a { color: var(--rbx-text); text-decoration: none; }
.rbx-card__title a:hover { text-decoration: underline; }


.rbx-card__badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.rbx-badge { display: inline-block; font-size: 12px; line-height: 1; padding: 6px 8px; border-radius: 8px; background: #0f172a; color: #cfe3ff; border: 1px solid #1f2a44; }
.rbx-badge--green { background: rgba(52, 211, 153, .12); border-color: rgba(52, 211, 153, .35); color: #86efac; font-weight: 600; }
.rbx-badge--blue { background: rgba(52, 211, 153, .12); border-color: rgba(52, 211, 153, .35); color: #86efac; font-weight: 600; }


.rbx-card__excerpt { color: var(--rbx-muted); min-height: 2.6em; }


.rbx-card__meta { display: flex; align-items: center; gap: 8px; color: #8aa0b8; font-size: 12px; margin-top: 10px; }
.rbx-meta { opacity: .9; }
.rbx-dot { opacity: .5; }


.rbx-card__actions { display: flex; gap: 8px; padding: 0 14px 14px; margin-top: auto; }


/* Buttons */
.rbx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--rbx-border); background: var(--rbx-panel-2); color: var(--rbx-text); text-decoration: none; font-weight: 600; }
.rbx-btn:hover { border-color: #2a3a4d; }
.rbx-btn--primary { background: linear-gradient(180deg, var(--rbx-primary), var(--rbx-primary-2)); border: 0; color: #00170b; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); }
.rbx-btn--primary:hover { filter: brightness(1.04); }
.rbx-btn--ghost { background: transparent; }


/* Pagination wrapper */
.rbx-pagination { margin-top: 22px; display: flex; justify-content: center; }
.rbx-pagination .pages a, .rbx-pagination .pages span { background: var(--rbx-panel-2); border: 1px solid var(--rbx-border); color: var(--rbx-text); }
.rbx-pagination .pages a:hover { background: var(--rbx-accent); color: #071018; border-color: var(--rbx-accent); }


/* ===== Fullstory Add‑on ===== */
.rbx-post { background: transparent; }
.rbx-post__header { padding-top: 28px; padding-bottom: 10px; border-bottom: 1px solid var(--rbx-border); }
.rbx-post__title { font-size: 34px; line-height: 1.1; margin: 0 0 8px; letter-spacing: -0.01em; }
.rbx-post__badges { display:flex; gap:8px; flex-wrap:wrap; margin: 8px 0; }
.rbx-post__meta { display:flex; gap:10px; flex-wrap:wrap; color:#8aa0b8; font-size:13px; }
.rbx-ico { width: 14px; height: 14px; fill: currentColor; opacity: .8; vertical-align: -2px; margin-right: 4px; }
.rbx-post__actions { display:flex; gap:8px; flex-wrap:wrap; margin-top: 12px; }
.rbx-likebar { display:flex; align-items:center; gap:8px; }


.rbx-post__in { display:block; padding: 20px 0 10px; }


/* Script panel */
.rbx-script { background: var(--rbx-panel); border:1px solid var(--rbx-border); border-radius: var(--rbx-radius); padding: 14px; margin-bottom: 18px; }
.rbx-script__head { display:flex; align-items:center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.rbx-h2 { font-size: 20px; margin: 0; }
.rbx-script__buttons { display:flex; gap:8px; }
.rbx-code { width: 100%; min-height: 220px; background: #0c1320; color: #cde2ff; border: 1px solid #1f2a44; border-radius: 12px; padding: 12px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 14px; line-height: 1.5; resize: vertical; }
.rbx-note { margin-top: 10px; color: #9fb0c6; font-size: 13px; }
.rbx-hint { color: #9fb0c6; font-size: 13px; margin-bottom: 4px; }


/* Article */
.rbx-article { background: var(--rbx-panel); border:1px solid var(--rbx-border); border-radius: var(--rbx-radius); padding: 18px; }
.rbx-article img { border-radius: 10px; }
.rbx-article pre { background:#0c1320; border:1px solid #1f2a44; border-radius: 10px; padding: 12px; overflow:auto; }
.rbx-edit { margin-top: 10px; color: #8aa0b8; font-size: 12px; }


/* Navigation */
.rbx-postnav { display:flex; justify-content:space-between; gap:10px; margin: 16px 0 8px; }


/* Related */
.rbx-related { padding: 8px 0 20px; }
.rbx-banner { margin-top: 16px; }


/* Comments */
.rbx-comments { padding: 12px 0 32px; }


/* Responsive */
@media (max-width: 720px){
.rbx-post__title { font-size: 26px; }
.rbx-script__head { flex-direction: column; align-items: flex-start; }
.rbx-postnav { flex-direction: column; }
}



/* ==================================================
   Roblox Scripts Card — Visual Boost + Light Theme
   ================================================== */
.rbx-card {
  display: flex;
  flex-direction: column;
  background: #ffff;
  border: 1px solid rgb(173 173 173 / 47%);
  border-radius: 10px;
  overflow: hidden;
  /* box-shadow: 0 0 20px rgba(0,0,0,0.4); */
  transition: all .25s ease;
  position: relative;
}
.rbx-card:hover {
  transform: translateY(-6px);
  border-color: rgba(52,211,153,0.3);
  box-shadow: 0 8px 32px rgba(52,211,153,0.15);
}

/* Media (cover) */
.rbx-card__media {
  display: block;
  position: relative;
  overflow: hidden;
}
.rbx-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.rbx-card:hover .rbx-card__media img {
  transform: scale(1.07);
}

/* Title & text */
.rbx-card__body {
  padding: 16px 18px 12px;
}
.rbx-card__title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 8px;
  letter-spacing: -0.02em;
}
.rbx-card__title a {
  color: #494b4c;
  text-decoration: none;
}
.rbx-card__title a:hover {
  color: #34d399;
  text-decoration: none; /* ❌ убираем подчёркивание */
}

/* Badges */
.rbx-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
.rbx-badge {
  background: rgba(255,255,255,0.05);
  color: #9198a1;
  border: 1px solid rgb(171 115 115 / 61%);
  font-size: 12px;
  padding: 5px 8px;
  border-radius: 6px;
}
.rbx-badge--green {
  background: rgba(52,211,153,0.15);
  border-color: rgba(52,211,153,0.3);
  color: #86efac;
  font-weight: 600;
}

/* Meta info */
.rbx-card__meta {
  font-size: 12px;
  color: #8aa0b8;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Buttons */
.rbx-card__actions {
  display: flex;
  gap: 14px; /* ✅ больше расстояние между кнопками */
  padding: 14px 18px 18px;
  margin-top: auto;
}

.rbx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-decoration: none; /* ❌ убираем подчёркивание */
  border-radius: 12px;
  padding: 10px 16px;
  font-size: 14px;
  transition: all .25s ease;
  cursor: pointer;
  letter-spacing: .02em;
}

/* Neon green button */
.rbx-btn--primary {
  box-shadow: 0 0 16px rgb(52 86 211 / 35%);
  padding: 7px 10px;
  border: 1px solid rgb(211 52 59 / 30%);
  background: rgb(52 116 211 / 15%);
  border-color: rgb(52 160 211 / 30%);
  color: #4989cb;
  font-weight: 600;
}
.rbx-btn--primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 0 22px rgba(52,211,153,0.55);
  transform: translateY(-2px);
  text-decoration: none;
}

/* Ghost button */
.rbx-btn--ghost {
  background: rgb(233 225 225 / 24%);
  color: #2f2f30;
  border: 1px solid rgb(237 235 235 / 92%);
}
.rbx-btn--ghost:hover {
  border-color: #34d399;
  color: #34d399;
  text-decoration: none;
}

/* Glow effect on hover */
.rbx-card:hover .rbx-btn--primary {
  box-shadow: 0 0 28px rgba(52,211,153,0.6);
}

/* ======================
   🌞 Light Theme Variant
   ====================== */
body[data-theme='light'] .rbx-card {
  background: linear-gradient(180deg,#f9fafb 0%,#f1f5f9 100%);
  border-color: rgba(0,0,0,0.05);
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
body[data-theme='light'] .rbx-card__title a {
  color: #111827;
}
body[data-theme='light'] .rbx-card__title a:hover {
  color: #16a34a;
}
body[data-theme='light'] .rbx-badge {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.07);
  color: #374151;
}
body[data-theme='light'] .rbx-badge--green {
  background: rgba(52,211,153,0.15);
  color: #15803d;
  border-color: rgba(52,211,153,0.3);
}
body[data-theme='light'] .rbx-meta {
  color: #6b7280;
}
body[data-theme='light'] .rbx-btn--primary {
  background: linear-gradient(180deg,#34d399 0%,#059669 100%);
  color: #f0fdf4;
}
body[data-theme='light'] .rbx-btn--ghost {
  background: rgba(0,0,0,0.04);
  color: #111827;
  border-color: rgba(0,0,0,0.07);
}
body[data-theme='light'] .rbx-btn--ghost:hover {
  color: #16a34a;
  border-color: #16a34a;
}

/* Responsive tweaks */
@media (max-width: 640px) {
  .rbx-card__actions {
    flex-direction: column;
  }
  .rbx-btn {
    width: 100%;
  }
}

.site-header .header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto; /* уводит actions вправо */
}

/* уже дано ранее, но на всякий: */
.rbx-theme-toggle {
  background: rgba(0,0,0,0.04);
  border: 1px solid rgba(0,0,0,0.07);
  color: #111827;
  border-radius: 10px;
  padding: 6px 10px;
  cursor: pointer;
  font-size: 18px;
  transition: all .25s ease;
  line-height: 1;
}
.rbx-theme-toggle:hover { background: #e5e7eb; transform: translateY(-1px); }
body[data-theme='dark'] .rbx-theme-toggle {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.08);
  color: #f8fafc;
}
body[data-theme='dark'] .rbx-theme-toggle:hover { background: rgba(255,255,255,0.12); }


/* ===== Fullstory — Light-first look ===== */
.rbx-post__header {
  padding-top: 28px; padding-bottom: 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.rbx-post__title { font-size: 32px; line-height: 1.15; margin: 0 0 8px; letter-spacing: -0.01em; }
.rbx-post__badges { display:flex; gap:8px; flex-wrap:wrap; margin: 8px 0; }
.rbx-post__meta { display:flex; gap:10px; flex-wrap:wrap; color:#6b7280; font-size:13px; }
.rbx-ico { width:14px; height:14px; fill: currentColor; opacity:.8; vertical-align:-2px; margin-right:4px; }
.rbx-post__actions { display:flex; gap:8px; flex-wrap:wrap; margin-top: 12px; }

/* Cover image */
.rbx-cover { margin: 16px auto 10px; }
.rbx-cover img { display:block; width:100%; height:auto; border-radius: 14px; }

/* Content blocks */
.rbx-post__in { padding: 18px 0 10px; }
.rbx-script,
.rbx-article {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
}
.rbx-script { padding: 14px; margin-bottom: 18px; }
.rbx-article { padding: 18px; }
.rbx-article img { border-radius: 10px; }
.rbx-article pre {
  background: #0f172a;
  color: #e2e8f0;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 10px;
  padding: 12px; overflow: auto;
}
.rbx-edit { margin-top: 10px; color: #6b7280; font-size: 12px; }

/* Script header/buttons */
.rbx-h2 { font-size: 20px; margin: 0; }
.rbx-script__head { display:flex; align-items:center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.rbx-script__buttons { display:flex; gap:10px; }
.rbx-code {
  width: 100%; min-height: 220px;
  background: #f8fafc; color: #0b1220;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px; padding: 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 14px; line-height: 1.5; resize: vertical;
}
.rbx-note, .rbx-hint { color: #6b7280; font-size: 13px; }

/* Buttons no-underline + spacing already done earlier */
.rbx-btn { text-decoration: none; }

/* Nav / related / comments spacing */
.rbx-postnav { display:flex; justify-content:space-between; gap:10px; margin: 16px 0 8px; }
.rbx-related { padding: 8px 0 20px; }
.rbx-banner { margin-top: 16px; }
.rbx-comments { padding: 12px 0 32px; }

/* Dark theme overrides (если переключишься на тёмную) */
body[data-theme='dark'] .rbx-post__header { border-color: #1f2937; }
body[data-theme='dark'] .rbx-script,
body[data-theme='dark'] .rbx-article {
  background: #10161d; border-color: #1f2937;
}
body[data-theme='dark'] .rbx-article pre {
  background:#0c1320; color:#cde2ff; border-color:#1f2a44;
}


/* ==================================================
   Fullstory: Image on the side (optimized for .wrp 1180px)
   ================================================== */
.rbx-cover-side {
  margin: 24px auto;
  max-width: 1180px;
  padding: 0 20px;
}
.rbx-cover-side__in {
  display: grid;
  grid-template-columns: 1fr 340px; /* текст + картинка */
  align-items: start;
  gap: 28px;
}
.rbx-cover-side__content {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.rbx-cover-side__img {
  position: relative;
}
.rbx-cover-side__img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  object-fit: cover;
}

/* Responsive: картинка уходит под текст */
@media (max-width: 960px) {
  .rbx-cover-side__in {
    grid-template-columns: 1fr;
  }
  .rbx-cover-side__img {
    order: -1;
    margin-bottom: 16px;
  }
}

/* Dark theme adjustments */
body[data-theme='dark'] .rbx-cover-side__content {
  background: #10161d;
  border-color: #1f2937;
  box-shadow: 0 0 0 rgba(0,0,0,0);
}
body[data-theme='dark'] .rbx-cover-side__img img {
  box-shadow: 0 6px 18px rgba(0,0,0,0.4);
}


/* ===== Related: small cards ===== */
.rbx-card--sm {
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.rbx-card--sm:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

.rbx-card--sm .rbx-card__media { aspect-ratio: 16/9; }
.rbx-card--sm .rbx-card__media img { object-fit: cover; }

.rbx-card__title--sm {
  font-size: 15px;
  margin: 0 0 6px;
  line-height: 1.3;
}
.rbx-card__meta--sm {
  font-size: 12px;
  gap: 6px;
}

.rbx-card__actions--sm {
  padding: 0 12px 12px;
  gap: 8px;
}
.rbx-btn--xs {
  padding: 8px 12px;
  height: auto;
  font-size: 13px;
  border-radius: 10px;
}

/* Лайт/дарк совместимость (светлая — по умолчанию) */
body:not([data-theme='dark']) .rbx-card--sm {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
}
body[data-theme='dark'] .rbx-card--sm {
  background: #10161d;
  border: 1px solid #1f2937;
  box-shadow: none;
}

/* Если в блоке related используется .grid_list — сетка компактнее */
.grid_list > .rbx-card--sm,
.grid_list .rbx-card { /* страховка для разных тем */
  grid-column: auto;
}


/* ===== Game (Category) Header ===== */
.game-hero { margin: 18px auto 10px; }
.game-hero__in { display: grid; grid-template-columns: 320px 1fr; gap: 24px; align-items: start; }
.game-hero__cover {
  background: #fff; border: 1px solid rgba(0,0,0,.06); border-radius: 16px; padding: 8px;
}
.game-hero__cover img { display:block; width:100%; height:auto; border-radius: 12px; object-fit: cover; }
.game-hero__ph {
  display:grid; place-items:center; height: 200px; border-radius: 12px;
  background: #f3f4f6; color: #9ca3af; font-weight: 800; letter-spacing:.15em;
}

.game-hero__body { padding-top: 4px; }
.game-hero__title { font-size: 32px; line-height: 1.15; margin: 0 0 8px; letter-spacing: -0.01em; }
.game-hero__desc { color: #4b5563; }
.game-hero__actions { display:flex; gap: 10px; margin-top: 14px; }

@media (max-width: 960px){
  .game-hero__in { grid-template-columns: 1fr; }
}

/* Dark support */
body[data-theme='dark'] .game-hero__cover { background:#10161d; border-color:#1f2937; }
body[data-theme='dark'] .game-hero__ph { background:#0f172a; color:#556987; }
body[data-theme='dark'] .game-hero__desc { color:#8aa0b8; }

.game-hero__count {
  margin-top: 8px;
  font-size: 15px;
  color: #6b7280;
}
.game-hero__count b {
  color: #111827;
  font-weight: 700;
}
body[data-theme='dark'] .game-hero__count {
  color: #9ca3af;
}
body[data-theme='dark'] .game-hero__count b {
  color: #f3f4f6;
}

/* ===== Game Hero Stats Buttons ===== */
.game-hero__stats {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.game-stat-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border: 1px solid rgba(14,165,233,0.2);
  color: #0c4a6e;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(14,165,233,0.15);
}
.game-stat-btn .icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
  opacity: 0.8;
}
.game-stat-btn:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
  box-shadow: 0 4px 14px rgba(14,165,233,0.25);
}

/* Фиолетовая версия (Last update) */
.game-stat-btn--alt {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  border-color: rgba(139,92,246,0.25);
  color: #4c1d95;
  box-shadow: 0 2px 8px rgba(139,92,246,0.15);
}
.game-stat-btn--alt:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
  box-shadow: 0 4px 14px rgba(139,92,246,0.25);
}

/* Dark theme adjustments */
body[data-theme='dark'] .game-stat-btn {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);
  border-color: rgba(59,130,246,0.4);
  color: #dbeafe;
  box-shadow: 0 2px 8px rgba(30,64,175,0.35);
}
body[data-theme='dark'] .game-stat-btn--alt {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);
  border-color: rgba(139,92,246,0.4);
  color: #e0e7ff;
  box-shadow: 0 2px 8px rgba(109,40,217,0.35);
}

/* === Keyless (зелёная) кнопка === */
.game-stat-btn--keyless {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border-color: rgba(16,185,129,0.25);
  color: #065f46;
  box-shadow: 0 2px 8px rgba(16,185,129,0.15);
}
.game-stat-btn--keyless:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  box-shadow: 0 4px 14px rgba(16,185,129,0.25);
}

/* Темная тема */
body[data-theme='dark'] .game-stat-btn--keyless {
  background: linear-gradient(135deg, #052e16 0%, #064e3b 100%);
  border-color: rgba(16,185,129,0.4);
  color: #a7f3d0;
  box-shadow: 0 2px 8px rgba(16,185,129,0.35);
}
body[data-theme='dark'] .game-stat-btn--keyless:hover {
  background: linear-gradient(135deg, #064e3b 0%, #047857 100%);
  box-shadow: 0 4px 14px rgba(16,185,129,0.5);
}

/* ===== User page (RBX) ===== */
.rbx-user { position: relative; }
.rbx-user__cover {
  height: 180px;
  background: #f3f4f6;
  background-image: var(--rbx-user-cover);
  background-image: image-set(var(--rbx-user-cover));
  /* background-position: center; */
  /* background-size: cover; */
  /* filter: blur(2px) saturate(110%); */
}
.rbx-user__in { margin-top: -80px; position: relative; }

.rbx-user__head { display:flex; gap:18px; align-items:flex-end; }
.rbx-user__avatar {
  width: 120px; height: 120px; flex: 0 0 120px;
  border-radius: 50%; overflow: hidden;
  border: 3px solid #fff; box-shadow: 0 8px 24px rgba(0,0,0,.08);
  background: #fff;
}
.rbx-user__avatar img { width:100%; height:100%; object-fit: cover; display:block; }

.rbx-user__meta { flex: 1; padding-bottom: 6px; }
.rbx-user__name { margin: 0 0 6px; font-size: 28px; letter-spacing: -0.01em; }
.rbx-user__status { display:flex; flex-wrap:wrap; gap:8px; }

.chip {
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius: 999px; font-size: 12px; font-weight:600;
  color:#4b5563; background:#eef2f7; border:1px solid rgba(0,0,0,.06);
}
.chip--on { color:#065f46; background:#ecfdf5; border-color: rgba(16,185,129,.25); }
.chip--muted { color:#6b7280; }

.rbx-user__actions { margin-top:10px; display:flex; gap:10px; }

.rbx-user__stats {
  margin-top: 16px; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px;
}
.stat {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px;
  padding:14px; text-decoration:none; color:#111827;
  box-shadow: 0 2px 12px rgba(0,0,0,.05); transition:.25s ease;
}
.stat:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,.10); }
.stat__num { font-weight:800; font-size:22px; line-height:1; }
.stat__label { font-size:12px; color:#6b7280; margin-top:4px; }

.rbx-user__tabs { margin-top: 18px; }
.rbx-tabs { display:flex; gap:8px; padding:0; margin:0 0 10px; list-style:none; }
.rbx-tabs li a {
  display:inline-flex; padding:10px 14px; border-radius:12px; text-decoration:none;
  background:#fff; border:1px solid rgba(0,0,0,.06); color:#374151; font-weight:600; transition:.2s;
}
.rbx-tabs li.active a, .rbx-tabs li a:hover { color:#065f46; border-color: rgba(16,185,129,.35); background:#ecfdf5; }
.rbx-tabs__content { background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:16px; }

.rbx-info-grid { display:grid; gap:8px; }
.info-row { display:grid; grid-template-columns: 200px 1fr; gap: 10px; align-items: center; padding:8px 0; border-bottom: 1px dashed rgba(0,0,0,.06); }
.info-row:last-child { border-bottom: 0; }
.info-row .c1 { color:#6b7280; font-size:14px; }
.info-row .c2 { color:#111827; }

.rbx-subttl { margin:16px 0 8px; color:#374151; }
.rbx-user__about { background:#f8fafc; border:1px solid rgba(0,0,0,.06); border-radius:12px; padding:12px; }

/* Dark theme */
body[data-theme='dark'] .rbx-user__cover { filter: blur(10px) saturate(120%) brightness(.6); }
body[data-theme='dark'] .rbx-user__avatar { border-color: #0b1220; background:#0b1220; }
body[data-theme='dark'] .chip { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); color:#e5e7eb; }
body[data-theme='dark'] .chip--muted { color:#9ca3af; }
body[data-theme='dark'] .stat { background:#10161d; border-color:#1f2937; color:#e5e7eb; }
body[data-theme='dark'] .stat__label { color:#9ca3af; }
body[data-theme='dark'] .rbx-tabs li a { background:#10161d; border-color:#1f2937; color:#cbd5e1; }
body[data-theme='dark'] .rbx-tabs li.active a, body[data-theme='dark'] .rbx-tabs li a:hover { background:#064e3b; border-color:#10b981; color:#ecfdf5; }
body[data-theme='dark'] .rbx-tabs__content { background:#10161d; border-color:#1f2937; }
body[data-theme='dark'] .rbx-user__about { background:#0c1320; border-color:#1f2a44; color:#cde2ff; }

/* Responsive */
@media (max-width: 720px){
  .rbx-user__head { align-items: center; }
  .rbx-user__name { font-size: 22px; }
  .info-row { grid-template-columns: 1fr; gap:4px; }
  .rbx-user__stats { grid-template-columns: repeat(3,1fr); }
  .rbx-tabs { flex-wrap: wrap; }
}


/* ===== Submit Script (addnews.tpl) — RBX look ===== */
.rbx-submit__head { margin: 12px 0 8px; }
.rbx-h1 { font-size: 28px; margin: 0 0 6px; letter-spacing:-0.01em; }
.rbx-muted { color:#6b7280; }

.rbx-submit__grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap: 20px;
}

.rbx-form {
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:16px;
}
.rbx-ui .form-group { margin-bottom: 12px; }
.rbx-label { font-weight:700; color:#374151; }
.rbx-xfields { display:grid; gap:10px; }
.rbx-hint { color:#6b7280; font-size:12px; margin-top: 6px; }

.rbx-chip {
  display:inline-block; background:#eef2f7; color:#374151; border-radius:999px;
  padding:4px 8px; margin-right:6px; font-size:12px;
}

.rbx-options { display:flex; flex-wrap:wrap; gap:12px; margin: 12px 0 6px; }
.rbx-check { display:inline-flex; gap:8px; align-items:center; font-size:14px; color:#374151; }

.rbx-cap { margin-top: 10px; display:flex; gap:10px; align-items:center; }

.rbx-actions { display:flex; gap:10px; margin-top: 14px; }
.rbx-btn { text-decoration:none; border-radius:12px; padding:10px 16px; border:1px solid rgba(0,0,0,.12); }
.rbx-btn--primary { background:#2563eb; color:#fff; border-color: rgba(0,0,0,.06); }
.rbx-btn--ghost { background:#fff; color:#111827; }
.rbx-btn--primary:hover { filter: brightness(1.05); transform: translateY(-1px); }
.rbx-btn--ghost:hover { transform: translateY(-1px); }

.rbx-help {
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:14px;
  position: sticky; top: 16px; height: max-content;
}
.rbx-h3 { font-size:18px; margin:0 0 8px; }
.rbx-help__list { margin: 8px 0 0 18px; color:#4b5563; }

/* Dark theme */
body[data-theme='dark'] .rbx-form,
body[data-theme='dark'] .rbx-help { background:#10161d; border-color:#1f2937; }
body[data-theme='dark'] .rbx-label { color:#e5e7eb; }
body[data-theme='dark'] .rbx-muted,
body[data-theme='dark'] .rbx-hint,
body[data-theme='dark'] .rbx-help__list { color:#9ca3af; }

/* Responsive */
@media (max-width: 1024px){
  .rbx-submit__grid { grid-template-columns: 1fr; }
  .rbx-help { position: static; }
}

.rbx-submit__grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:20px;
}
.rbx-form {
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  padding:18px;
}
.rbx-help {
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  padding:16px;
  position:sticky;
  top:20px;
  height:max-content;
}
body[data-theme='dark'] .rbx-form,
body[data-theme='dark'] .rbx-help{
  background:#10161d;
  border-color:#1f2937;
}
@media(max-width:1024px){
  .rbx-submit__grid{grid-template-columns:1fr;}
  .rbx-help{position:static;}
}

/* ===== Addnews RBX: layout isolation ===== */
.rbx-submit * { box-sizing: border-box; }

/* Контейнер колонок */
.rbx-columns {
  display: grid;
  grid-template-columns: minmax(0,1fr) 320px;
  gap: 20px;
  align-items: start;
}

/* Сброс конфликтующих темных классов темы внутри формы */
.rbx-submit .grid_1_4,
.rbx-submit .grid_3_4,
.rbx-submit .right,
.rbx-submit .left,
.rbx-submit .grid_last {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}
.rbx-submit .wide { width: 100% !important; }

/* Карточки */
.rbx-form,
.rbx-help {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: 16px;
}
.rbx-help { position: sticky; top: 16px; height: max-content; }

/* UI */
.rbx-submit__head { margin: 12px 0 8px; }
.rbx-h1 { font-size: 28px; margin: 0 0 6px; letter-spacing:-0.01em; }
.rbx-muted { color:#6b7280; }

.rbx-ui .form-group { margin-bottom: 12px; }
.rbx-label { font-weight: 700; color:#374151; }
.rbx-hint { color:#6b7280; font-size:12px; margin-top: 6px; }
.rbx-xfields { display: grid; gap: 10px; }
.rbx-chip {
  display:inline-block; background:#eef2f7; color:#374151; border-radius:999px;
  padding:4px 8px; margin-right:6px; font-size:12px;
}

/* Кнопки */
.rbx-actions { display:flex; gap:10px; margin-top: 14px; }
.rbx-btn { text-decoration:none; border-radius:12px; padding:10px 16px; border:1px solid rgba(0,0,0,.12); }
.rbx-btn--primary { background:#2563eb; color:#fff; border-color: rgba(0,0,0,.06); }
.rbx-btn--ghost { background:#fff; color:#111827; }
.rbx-btn--primary:hover { filter: brightness(1.05); transform: translateY(-1px); }
.rbx-btn--ghost:hover { transform: translateY(-1px); }

/* CAPTCHA */
.rbx-cap { margin-top:10px; display:flex; gap:10px; align-items:center; }

/* Dark theme */
body[data-theme='dark'] .rbx-form,
body[data-theme='dark'] .rbx-help { background:#10161d; border-color:#1f2937; }
body[data-theme='dark'] .rbx-label { color:#e5e7eb; }
body[data-theme='dark'] .rbx-muted,
body[data-theme='dark'] .rbx-hint,
body[data-theme='dark'] .rbx-help__list { color:#9ca3af; }

/* Responsive */
@media (max-width: 1024px){
  .rbx-columns { grid-template-columns: 1fr; }
  .rbx-help { position: static; }
}


/* ===== XFields: красивые карточки ===== */
.rbx-xfields-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}
.rbx-xf{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:12px;
}
.rbx-xf--full{ grid-column: 1 / -1; }

.rbx-xf__label{
  font-weight:700;
  font-size:14px;
  color:#374151;
  margin-bottom:8px;
}
.rbx-xf__control :is(input[type="text"], input[type="url"], select, textarea){
  width:100%;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
}
.rbx-xf__control textarea{ min-height:220px; font-family: ui-monospace, Menlo, Consolas, monospace; }

/* Keyless toggle */
.rbx-toggle{
  display:inline-flex; align-items:center; gap:10px;
  padding:8px 12px; border-radius:999px;
  background:#ecfdf5; color:#065f46; border:1px solid rgba(16,185,129,.25);
  font-weight:700; user-select:none;
}
.rbx-toggle input[type="checkbox"]{ width:18px; height:18px; accent-color:#10b981; }

/* “Upload” в одну строку */
.rbx-file label, .rbx-file input[type="file"]{ display:block; }
.rbx-file input[type="file"]{ padding:8px; background:#f8fafc; border-radius:8px; }

/* Tools под textarea Script */
.rbx-xf__tools{ display:flex; gap:8px; margin-top:8px; }
.rbx-btn-xs{ padding:6px 10px; border-radius:10px; border:1px solid rgba(0,0,0,.12); background:#fff; }

/* Тёмная тема */
body[data-theme='dark'] .rbx-xf{ background:#10161d; border-color:#1f2937; }
body[data-theme='dark'] .rbx-xf__label{ color:#e5e7eb; }
body[data-theme='dark'] .rbx-xf__control :is(input,select,textarea){
  background:#0c1320; border-color:#1f2a44; color:#cde2ff;
}
body[data-theme='dark'] .rbx-toggle{
  background:#064e3b; color:#ecfdf5; border-color:#10b981;
}

/* Адаптив */
@media (max-width: 800px){
  .rbx-xfields-grid{ grid-template-columns: 1fr; }
}

/* Внутри карточек не показываем старые подписи темы */
.rbx-xf .xfieldslabel,
.rbx-xf .xf_title,
.rbx-xf .xfname { display:none !important; }

/* Для встроенных upload-виджетов оставляем их собственные кнопки активными */
.rbx-file .rbx-xf__control { padding: 0; border: 0; }
.rbx-file input[type="file"] { width:100%; }

/* ==============================
   Reddit-like comments (light)
   ============================== */
.rbx-comment {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 12px;
  margin: 10px 0;
}
.rbx-comment.is-author { border-color: rgba(22,163,74,.35); }

/* vote column */
.rbx-vote { display: flex; justify-content: center; }
.rbx-vote__in { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.rbx-vote__btn {
  display: inline-grid; place-items: center;
  width: 28px; height: 28px; border-radius: 8px;
  text-decoration: none; font-weight: 700;
  border: 1px solid rgba(0,0,0,.08);
  background: #f3f4f6; color: #111827;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.rbx-vote__btn:hover { transform: translateY(-1px); background: #e5e7eb; }
.rbx-vote__btn.up:hover { border-color: #16a34a; color: #16a34a; }
.rbx-vote__btn.down:hover { border-color: #ef4444; color: #ef4444; }
.rbx-vote__score { font-size: 12px; color: #374151; }
.rbx-vote__score.rbx-neg { color: #ef4444; }
.rbx-stars { display: flex; align-items: center; font-size: 12px; color: #374151; }

/* head */
.rbx-body { min-width: 0; } /* для переносов */
.rbx-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rbx-author { display: inline-flex; align-items: center; gap: 8px; }
.rbx-avatar {
  width: 28px; height: 28px; border-radius: 50%;
  background-size: cover; background-position: center;
  background-color: #e5e7eb; display: inline-block;
}
.rbx-name { font-weight: 700; }
.rbx-status { font-size: 11px; padding: 2px 6px; border-radius: 999px; background: #f3f4f6; color: #6b7280; }
.rbx-status.online { background: #dcfce7; color: #15803d; }
.rbx-meta { display: inline-flex; align-items: center; gap: 6px; color: #6b7280; font-size: 12px; }
.rbx-dot { opacity: .5; }
.rbx-date { color: inherit; }
.rbx-news { color: #374151; }

/* text */
.rbx-text { margin-top: 6px; color: #111827; line-height: 1.55; }
.rbx-text img { max-width: 100%; border-radius: 8px; }
.rbx-sign-sep { height: 1px; background: rgba(0,0,0,.06); margin: 10px 0; }
.rbx-signature, .rbx-images { color: #374151; font-size: 14px; }

/* tools */
.rbx-tools { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 10px; }
.rbx-links { display: flex; flex-wrap: wrap; gap: 10px; }
.rbx-link {
  display: inline-block; padding: 6px 10px; border-radius: 8px;
  text-decoration: none; color: #374151; border: 1px solid rgba(0,0,0,.05);
  background: #f9fafb; font-size: 13px; transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.rbx-link:hover { background: #eef2f7; border-color: rgba(0,0,0,.1); color: #111827; }
.rbx-mass { font-size: 12px; color: #6b7280; }

/* threading (дерево) — мягкая линия слева для вложенных веток, если тема оборачивает дочерние в .com_children/.reply и т.п. */
.com_children .rbx-comment,
.reply .rbx-comment {
  border-left: 2px solid rgba(0,0,0,.06);
  margin-left: 18px;
}

/* mobile */
@media (max-width: 640px) {
  .rbx-comment { grid-template-columns: 36px 1fr; padding: 10px; }
  .rbx-links { gap: 8px; }
  .rbx-link { padding: 6px 8px; font-size: 12px; }
}

/* dark theme */
body[data-theme='dark'] .rbx-comment { background: #0f141a; border-color: #1f2937; }
body[data-theme='dark'] .rbx-vote__btn { background: #111827; color: #e5e7eb; border-color: #1f2937; }
body[data-theme='dark'] .rbx-vote__btn:hover { background: #0b1220; }
body[data-theme='dark'] .rbx-vote__score { color: #cbd5e1; }
body[data-theme='dark'] .rbx-body { color: #e5eef9; }
body[data-theme='dark'] .rbx-text { color: #e5eef9; }
body[data-theme='dark'] .rbx-sign-sep { background: #1f2937; }
body[data-theme='dark'] .rbx-link { background: #0d131c; border-color: #1f2937; color: #cbd5e1; }
body[data-theme='dark'] .rbx-link:hover { background: #0b1220; color: #fff; }
body[data-theme='dark'] .rbx-status { background: #0d131c; color: #93c5fd; }

/* =========================
   Header (RBX.farm)
   ========================= */
.rbx-header { background: #2c2c2c; color: #f3f4f6; border-bottom: 1px solid rgba(255,255,255,.06); }
.rbx-header__row { display:flex; align-items:center; justify-content:space-between; gap:16px; height:64px; }

/* Brand */
.rbx-brand {
  font-size: 22px; font-weight: 800; letter-spacing: .2px; text-decoration: none;
  color: #f9fafb; display:inline-flex; align-items:center; gap:8px;
}
.rbx-brand__accent { color: #bb8383; } /* подсветка RBX */
.rbx-brand:hover { opacity:.95; }

/* Desktop nav: ожидаем, что menu.tpl рендерит список */
.rbx-nav { display:flex; align-items:center; gap:18px; }
.rbx-nav a {
  color: #e5e7eb; text-decoration:none; padding:8px 10px; border-radius:10px;
  transition: background .15s ease, color .15s ease;
}
.rbx-nav a:hover { background: rgba(255,255,255,.06); color: #fff; }

/* Actions */
.rbx-actions { display:flex; align-items:center; gap:10px; }
.rbx-iconbtn {
  display:inline-grid; place-items:center; width:36px; height:36px;
  background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
  border-radius:10px; cursor:pointer; color:#e5e7eb;
}
.rbx-iconbtn:hover { background: rgba(255,255,255,.12); }

/* Burger */
.rbx-burger {
  display:none; width:40px; height:36px; border:1px solid rgba(255,255,255,.1);
  background: transparent; border-radius:10px; cursor:pointer; padding:6px 8px;
}
.rbx-burger span { display:block; height:2px; background:#f3f4f6; margin:5px 0; transition:transform .2s ease, opacity .2s ease; }
.rbx-burger.is-open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.rbx-burger.is-open span:nth-child(2){ opacity:0; }
.rbx-burger.is-open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

/* Mobile panel */
.rbx-mnav { background:#2c2c2c; border-top:1px solid rgba(255,255,255,.06); }
.rbx-mnav__in { display:flex; flex-direction:column; gap:6px; padding:12px 0; }
.rbx-mnav__in a { color:#e5e7eb; text-decoration:none; padding:10px 12px; border-radius:10px; }
.rbx-mnav__in a:hover { background: rgba(255,255,255,.06); color:#fff; }

/* Responsive */
@media (max-width: 960px) {
  .rbx-nav { display:none; }
  .rbx-burger { display:inline-block; }
}

/* Theme toggle (если используешь ранее данную кнопку) */
.rbx-theme-toggle {
  background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
  color:#f8fafc; border-radius:10px; padding:6px 10px; font-size:18px; cursor:pointer;
}
.rbx-theme-toggle:hover { background: rgba(255,255,255,.12); }

/* Контраст для body[data-theme='light'] если нужно менять цвета ссылок в меню */
body[data-theme='light'] .rbx-header { background:#2c2c2c; }

/* --- RBX header hardening/fix --- */

/* слой и фон */
.rbx-header { background:#2c2c2c; position:relative; z-index:1000; border-bottom:1px solid rgba(255,255,255,.06); }
.rbx-header__row { display:flex; align-items:center; justify-content:space-between; gap:16px; height:64px; }

/* бренд: гарантируем кликабельность поверх всего */
.rbx-brand { position:relative; z-index:2; pointer-events:auto; text-decoration:none; color:#f9fafb; font-weight:800; font-size:22px; letter-spacing:.2px; }
.rbx-brand__accent { color:#bb8383; }
.rbx-brand:hover { opacity:.95; }

/* сбросим возможные старые позиции темы для topmenu */
#topmenu, .rbx-nav {
  position:static !important;
  float:none !important;
  z-index:1 !important;
  display:flex; align-items:center; gap:18px;
  flex: 1 1 auto;            /* пусть занимает серединку */
  justify-content:center;    /* пункты по центру */
  overflow:visible;
}
.rbx-nav a { color:#e5e7eb; text-decoration:none; padding:8px 10px; border-radius:10px; }
.rbx-nav a:hover { background:rgba(255,255,255,.06); color:#fff; }

/* блок действий справа */
.rbx-actions { display:flex; align-items:center; gap:10px; flex:0 0 auto; position:relative; z-index:2; }

/* бургер поверх любых оверлеев */
.rbx-burger {
  display:none; width:40px; height:36px; border:1px solid rgba(255,255,255,.1);
  background:transparent; border-radius:10px; cursor:pointer; padding:6px 8px;
  position:relative; z-index:3;   /* выше меню */
}
.rbx-burger span { display:block; height:2px; background:#f3f4f6; margin:5px 0; transition:transform .2s ease, opacity .2s ease; }
.rbx-burger.is-open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.rbx-burger.is-open span:nth-child(2){ opacity:0; }
.rbx-burger.is-open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

/* мобильное меню */
.rbx-mnav { background:#2c2c2c; border-top:1px solid rgba(255,255,255,.06); }
.rbx-mnav[hidden] { display:none !important; }
.rbx-mnav__in { display:flex; flex-direction:column; gap:6px; padding:12px 0; }
.rbx-mnav__in a { color:#e5e7eb; text-decoration:none; padding:10px 12px; border-radius:10px; }
.rbx-mnav__in a:hover { background:rgba(255,255,255,.06); color:#fff; }

/* адаптив: на мобилке прячем десктоп-меню и показываем бургер */
@media (max-width: 960px) {
  .rbx-nav { display:none !important; }
  .rbx-burger { display:inline-block; }
}

/* страховка от перекрытия старыми элементами темы */
.headpic .topbar, .headpic #closemenu { position:static !important; }

/* ====== Card Rating (❤️) ====== */
.rbx-rating {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  color: #ef4444; /* Красный для сердца */
}

.rbx-heart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: transform 0.2s ease, color 0.2s ease;
}

.rbx-heart:hover {
  transform: scale(1.15);
  color: #f87171;
}

.rbx-rate-num {
  font-size: 14px;
  color: #ef4444;
}

/* При светлой теме можно сделать чуть мягче */
body[data-theme='light'] .rbx-rate-num {
  color: #e11d48;
}


/* ===== Search grid ===== */
.rbx-grid--search { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--rbx-gap,16px); }
@media (max-width: 1200px) { .rbx-grid--search { grid-template-columns: repeat(12, 1fr); } }
@media (max-width: 960px)  { .rbx-grid--search { grid-template-columns: repeat(8, 1fr); } }
@media (max-width: 640px)  { .rbx-grid--search { grid-template-columns: repeat(4, 1fr); } }

/* используем те же размеры, что и обычные карточки */
.rbx-grid--search > .rbx-card { grid-column: span 4; }
@media (max-width: 960px) { .rbx-grid--search > .rbx-card { grid-column: span 4; } }
@media (max-width: 640px) { .rbx-grid--search > .rbx-card { grid-column: span 4; } }

/* компактная карточка для коротких результатов */
.rbx-card--compact {
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px; padding: 14px;
}
.rbx-card--compact .rbx-card__title { font-size: 18px; margin: 0 0 8px; }
.rbx-card--compact .rbx-card__excerpt { color: #6b7280; margin-top: 8px; }
.rbx-card--compact .rbx-card__actions { margin-top: 10px; display: flex; gap: 10px; }

/* заголовок страницы поиска */
.rbx-searchhead { margin-bottom: 8px; }
.rbx-empty { display:flex; justify-content:center; padding: 24px 0; }
.rbx-empty__title { font-weight: 800; }
.rbx-empty__desc { color:#6b7280; }

/* dark */
body[data-theme='dark'] .rbx-card--compact { background:#10161d; border-color:#1f2937; }
body[data-theme='dark'] .rbx-card--compact .rbx-card__excerpt { color:#9fb0c6; }


/* ===== Search: responsive grid (flex) ===== */
.rbx-grid-search {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* 4 колонки на десктопе, 3/2/1 на меньших экранах */
.rbx-grid-search > .rbx-card {
  flex: 1 1 calc(25% - 16px);
  min-width: 240px;   /* чтобы не схлопывалось */
}

/* брейкпоинты */
@media (max-width: 1200px) {
  .rbx-grid-search > .rbx-card { flex-basis: calc(25% - 16px); }
}
@media (max-width: 960px) {
  .rbx-grid-search > .rbx-card { flex-basis: calc(33.333% - 16px); }
}
@media (max-width: 800px) {
  .rbx-grid-search > .rbx-card { flex-basis: calc(50% - 16px); }
}
@media (max-width: 480px) {
  .rbx-grid-search > .rbx-card { flex-basis: 100%; }
}

/* компактная карточка для shortresult */
.rbx-card--compact {
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px; padding: 14px;
}
.rbx-card--compact .rbx-card__title { font-size: 18px; margin: 0 0 8px; }
.rbx-card--compact .rbx-card__excerpt { color: #6b7280; margin-top: 8px; }
.rbx-card--compact .rbx-card__actions { margin-top: 10px; display: flex; gap: 10px; }

/* заголовок поиска и пустое состояние */
.rbx-searchhead { margin: 8px 0 12px; }
.rbx-empty { display:flex; justify-content:center; padding: 24px 0; }
.rbx-empty__title { font-weight: 800; }
.rbx-empty__desc { color:#6b7280; }

/* тёмная тема */
body[data-theme='dark'] .rbx-card--compact { background:#10161d; border-color:#1f2937; }
body[data-theme='dark'] .rbx-card--compact .rbx-card__excerpt { color:#9fb0c6; }


/* Search + filters */
.rbx-search--withfilters { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; }
.rbx-filters { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.rbx-filters__hint { grid-column: 1 / -1; font-size: 12px; color: #6b7280; }

.rbx-check { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px;
  background: #f3f4f6; color: #111827; border: 1px solid rgba(0,0,0,.08); cursor: pointer; user-select: none; }
.rbx-check input { accent-color: #16a34a; width: 16px; height: 16px; }
.rbx-check:hover { background: #e5e7eb; }

@media (max-width: 640px) {
  .rbx-search--withfilters { grid-template-columns: 1fr; }
}

/* dark */
body[data-theme='dark'] .rbx-check { background:#0d131c; color:#e5e7eb; border-color:#1f2937; }
body[data-theme='dark'] .rbx-check:hover { background:#0b1220; }
body[data-theme='dark'] .rbx-filters__hint { color:#9fb0c6; }


/* ===== Features (light) — renamed classes (no .features/.feature-card) ===== */
.rbx-features { padding: 30px 0; }
.rbx-features__grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 25px;
  max-width: 1180px;      
  margin: 0 auto;
  padding: 0 20px;
}

.rbx-features__card{
  grid-column: span 4;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  padding: 18px 18px 16px;
  box-shadow: 0 10px 20px -10px rgba(0,0,0,.10), 0 0 0 1px rgba(0,0,0,.02);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.rbx-features__card:hover{
  transform: translateY(-4px);
  border-color: rgba(193,119,126,.35);
  box-shadow: 0 18px 40px -18px rgba(0,0,0,.18), 0 0 0 1px rgba(193,119,126,.08);
}

.rbx-features__icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: rgba(211,52,52,.10);
  border: 1px solid rgba(211,52,59,.22);
  color: #ad6b7d; 
  margin-bottom: 12px;
}

.rbx-features__title{
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #494b4c;
}

.rbx-features__text{
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
}

/* Responsive */
@media (max-width: 960px){
  .rbx-features__card{ grid-column: span 4; }
}
@media (max-width: 800px){
  .rbx-features__grid{ grid-template-columns: repeat(8, 1fr); }
  .rbx-features__card{ grid-column: span 4; }
}
@media (max-width: 640px){
  .rbx-features__grid{ grid-template-columns: repeat(4, 1fr); gap: 14px; }
  .rbx-features__card{ grid-column: span 4; }
}

/* ===== Toolbar Card (light window) ===== */
.rbx-toolbarbox{
  max-width: 1180px;          /* под твой .wrp */
  margin: 28px auto 22px;
  padding: 0 20px;
}

.rbx-toolbarbox__row{
  background: #ffffff;
  border-radius: 18px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  border: 1px solid rgba(0,0,0,.06);
  box-shadow:
    0 14px 30px -18px rgba(0,0,0,.25),
    0 0 0 1px rgba(0,0,0,.02);
}

/* Left */
.rbx-toolbarbox__title{
  margin: 0;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #3f3f46;
}
.rbx-toolbarbox__sub{
  margin-top: 4px;
  font-size: 13px;
  color: #71717a;
}

/* Right */
.rbx-toolbarbox__right{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Selects */
.rbx-toolbarbox__select{
  position: relative;
}
.rbx-toolbarbox__select select{
  height: 40px;
  padding: 0 36px 0 14px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid rgba(0,0,0,.10);
  color: #3f3f46;
  font-weight: 600;
  appearance: none;
  cursor: pointer;
}
.rbx-toolbarbox__select select:hover{
  background: #f1f5f9;
  border-color: rgba(193,119,126,.35);
}

/* arrow */
.rbx-toolbarbox__select:after{
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #6b7280;
  border-bottom: 2px solid #6b7280;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}

/* Button */
.rbx-toolbarbox__btn{
  height: 40px;
  padding: 0 14px 0 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  text-decoration: none !important;
  font-weight: 800;
  color: #fff;

  background: linear-gradient(180deg, #0ea5e9, #0284c7);
  box-shadow: 0 10px 22px rgba(2,132,199,.28);
}
.rbx-toolbarbox__btn:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* Plus */
.rbx-toolbarbox__plus{
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.2);
  border: 1px solid rgba(255,255,255,.25);
  font-size: 16px;
  line-height: 1;
}

/* Responsive */
@media (max-width: 720px){
  .rbx-toolbarbox__row{
    flex-direction: column;
    align-items: flex-start;
  }
  .rbx-toolbarbox__right{
    width: 100%;
  }
}

/* ===== SEO FAQ ===== */
.rbx-faq{
  margin-top: 30px;
  background: #fff;
  border-radius: 18px;
  padding: 22px 24px;
  border: 1px solid rgba(0,0,0,.06);
}

.rbx-faq__title{
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #3f3f46;
}

.rbx-faq__item + .rbx-faq__item{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(0,0,0,.08);
}

.rbx-faq__item h3{
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 700;
  color: #27272a;
}

.rbx-faq__item p{
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #52525b;
}





/* ===== RBX Home Games (clean list, light) ===== */

.rbx-homegrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 18px 0;
}
@media (max-width: 900px){
  .rbx-homegrid{ grid-template-columns: 1fr; }
}

.rbx-homebox{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  padding: 16px;
  box-shadow: 0 2px 10px rgba(0,0,0,.03);
}

.rbx-homebox__title{
  margin:0 0 12px;
  font-size:18px;
  font-weight:900;
  color:#111827;
}

/* list */
.rbx-gamelist{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap: 10px;
}

/* item */
.rbx-gameitem__link{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 14px;
  text-decoration:none!important;

  background:#f8fafc;
  border:1px solid rgba(0,0,0,.06);

  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  position: relative;
}

.rbx-gameitem__link:hover{
  background:#ffffff;
  border-color: rgba(0,0,0,.10);
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

/* icon */
.rbx-gameitem__thumb{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  flex: 0 0 46px;

  background-size: cover;
  background-position: center;
  background-color:#eef2f7;
  border:1px solid rgba(0,0,0,.06);
}

.rbx-gameitem__thumb--ph{
  display:grid;
  place-items:center;
  font-size:18px;
}

/* text */
.rbx-gameitem__text{
  display:flex;
  flex-direction:column;
  min-width: 0;
  flex: 1 1 auto;
}

.rbx-gameitem__name{
  font-weight: 900;
  color:#111827;
  line-height: 1.2;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rbx-gameitem__meta{
  margin-top: 3px;
  font-size: 12px;
  color:#6b7280;
}

/* subtle arrow */
.rbx-gameitem__link:after{
  content:"";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  opacity: .45;
  margin-left: 6px;

  background-repeat:no-repeat;
  background-position:center;
  background-size: 18px 18px;

  /* simple chevron */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18l6-6-6-6' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transition: transform .15s ease, opacity .15s ease;
}

.rbx-gameitem__link:hover:after{
  opacity: .8;
  transform: translateX(2px);
}

/* empty */
.rbx-empty{
  color:#6b7280;
  padding: 8px 2px;
}

/* ===== Single View All button ===== */
.rbx-viewall{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  height:48px;
  padding:0 20px;
  margin: 14px auto 0;

  border-radius: 16px;
  background:#f3f4f6;
  border:1px solid rgba(0,0,0,.06);

  font-weight:900;
  font-size:15px;
  color:#111827;
  text-decoration:none!important;

  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}

.rbx-viewall--wide{
  max-width: 360px;
}

.rbx-viewall span{
  transition: transform .15s ease;
}

.rbx-viewall:hover{
  background:#ffffff;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

.rbx-viewall:hover span{
  transform: translateX(3px);
}



/* ===== Games index ===== */
.rbx-ggrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:16px;
}
@media (max-width: 960px){ .rbx-ggrid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px){ .rbx-ggrid{ grid-template-columns: 1fr; } }

.rbx-gcard{
  display:flex;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  text-decoration:none!important;
  box-shadow: 0 2px 10px rgba(0,0,0,.03);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.rbx-gcard:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
  border-color: rgba(0,0,0,.10);
}

.rbx-gcard__thumb{
  width:56px; height:56px; flex:0 0 56px;
  border-radius:18px;
  background-size:cover;
  background-position:center;
  background-color:#eef2f7;
  border:1px solid rgba(0,0,0,.06);
}
.rbx-gcard__thumb--ph{ display:grid; place-items:center; font-size:22px; }

.rbx-gcard__body{ display:flex; flex-direction:column; min-width:0; gap:6px; }
.rbx-gcard__top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.rbx-gcard__name{ font-weight:900; color:#111827; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rbx-gcard__count{ font-size:12px; color:#6b7280; white-space:nowrap; }
.rbx-gcard__desc{ color:#6b7280; font-size:13px; line-height:1.5; }


/* ===== Games index page ===== */

/* A-Z filter */
.rbx-az{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding: 12px 0 16px;
  margin: 6px 0 14px;
}
.rbx-az__btn{
  appearance:none;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#374151;
  border-radius: 10px;
  padding: 7px 10px;
  font-weight:700;
  font-size:13px;
  cursor:pointer;
  transition: .18s ease;
}
.rbx-az__btn:hover{
  border-color: rgba(16,185,129,.35);
  background:#ecfdf5;
  color:#065f46;
}
.rbx-az__btn.is-active{
  border-color: rgba(16,185,129,.45);
  background:#ecfdf5;
  color:#065f46;
}

/* Grid */
.rbx-ggrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 980px){
  .rbx-ggrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .rbx-ggrid{ grid-template-columns: 1fr; }
}

/* Card */
.rbx-gcard{
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 14px;
  border-radius: 16px;
  background:#fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  text-decoration:none !important;
  color: inherit;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  min-height: 76px; /* одинаковая высота */
}
.rbx-gcard:hover{
  transform: translateY(-2px);
  border-color: rgba(16,185,129,.25);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

/* Thumb */
.rbx-gcard__thumb{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  background-color: #f3f4f6;
  flex: 0 0 44px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
.rbx-gcard__thumb--ph{
  display:grid;
  place-items:center;
  font-size: 11px;
  font-weight:800;
  letter-spacing:.08em;
  color:#9ca3af;
}

/* Body */
.rbx-gcard__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap: 4px;
  flex: 1 1 auto;
}
.rbx-gcard__name{
  font-weight: 800;
  color:#111827;
  line-height: 1.2;
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}
.rbx-gcard__count{
  font-size: 13px;
  color:#6b7280;
}

/* Filter bar: A-Z + Search */
.rbx-filterbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 0 16px;
  margin: 6px 0 14px;
}

.rbx-az{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding: 0;
  margin: 0;
  flex: 1 1 auto;
}

/* Search */
.rbx-search{
  position: relative;
  flex: 0 0 280px;
  max-width: 320px;
}
.rbx-search__input{
  width:100%;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#111827;
  border-radius: 12px;
  padding: 10px 36px 10px 12px;
  font-weight:600;
  font-size: 13px;
  outline:none;
  transition:.18s ease;
}
.rbx-search__input:focus{
  border-color: rgba(16,185,129,.45);
  box-shadow: 0 0 0 3px rgba(16,185,129,.12);
}
.rbx-search__clear{
  position:absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 10px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#6b7280;
  font-weight:800;
  cursor:pointer;
  display:none;
}
.rbx-search__clear:hover{
  border-color: rgba(16,185,129,.35);
  background:#ecfdf5;
  color:#065f46;
}

/* Responsive */
@media (max-width: 980px){
  .rbx-filterbar{
    flex-direction:column;
    align-items:stretch;
  }
  .rbx-search{
    flex: 0 0 auto;
    max-width: none;
    width: 100%;
  }
}

/* ===== Modern Searchbar (RBX light) ===== */
.rbx-searchbar{
  max-width: 720px;
  margin: 0 auto 18px;
  padding: 0 20px;
}

.rbx-searchbar__in{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 10px 10px 10px 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}

.rbx-searchbar__in:focus-within{
  border-color: rgba(37,99,235,.35);
  box-shadow: 0 12px 34px rgba(37,99,235,.10);
  transform: translateY(-1px);
}

.rbx-searchbar__icon{
  color:#94a3b8;
  background: rgba(0,0,0,.03);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
}

.rbx-searchbar__in:focus-within .rbx-searchbar__icon{
  background:#e0e7ff;
  color:#1d4ed8;
}

.rbx-searchbar__input{
  flex:1;
  height: 44px;
  border:0;
  outline:0;
  background: transparent;
  font-size: 15px;
  color:#111827;
}

.rbx-searchbar__input::placeholder{ color:#94a3b8; }

.rbx-searchbar__submit{
  height:44px;
  padding: 0 16px;
  border:0;
  border-radius: 12px;
  font-weight: 700;
  cursor:pointer;
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
  color:#fff;
  box-shadow: 0 10px 24px rgba(37,99,235,.20);
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.rbx-searchbar__submit:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(37,99,235,.25);
}

.rbx-searchbar__clear{
  display:none;
  width:40px;
  height:40px;
  border:0;
  border-radius: 12px;
  cursor:pointer;
  background: rgba(0,0,0,.04);
  color:#64748b;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}
.rbx-searchbar__clear:hover{
  background: rgba(0,0,0,.07);
  color:#111827;
  transform: translateY(-1px);
}

.rbx-searchbar__hint{
  font-size: 12px;
  color:#94a3b8;
  padding: 6px 10px;
  border-radius: 10px;
  border:1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
}

@media (max-width: 520px){
  .rbx-searchbar__hint{ display:none; }
  .rbx-searchbar__submit{ padding: 0 12px; }
}


/* ===== RBX Footer ===== */
.rbx-footer{
  margin-top: 60px;
  padding: 26px 20px;
  background: #f9fafb;
  border-top: 1px solid rgba(0,0,0,.06);
}

.rbx-footer__wrap{
  max-width: 1200px;
  margin: 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

/* Left */
.rbx-footer__logo{
  font-size:18px;
  font-weight:900;
  letter-spacing:-0.02em;
  color:#111827;
}
.rbx-footer__logo span{
  color:#bb8383;
}

.rbx-footer__copy{
  margin-top:6px;
  font-size:13px;
  color:#6b7280;
}

.rbx-footer__powered{
  margin-top:2px;
  font-size:12px;
  color:#9ca3af;
}

/* Right links */
.rbx-footer__right{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}
.rbx-footer__link{
  font-size:13px;
  font-weight:600;
  color:#374151;
  text-decoration:none;
  transition: color .15s ease;
}
.rbx-footer__link:hover{
  color:#2563eb;
}

/* Mobile */
@media (max-width: 680px){
  .rbx-footer__wrap{
    flex-direction:column;
    text-align:center;
  }
  .rbx-footer__right{
    justify-content:center;
  }
}