/* === DARK THEME OVERRIDE (paste after your current colors) === */
body,input,textarea,button{font-family:'Inter','Roboto',Arial,sans-serif;}

body{
  background-color:#0f0f10 !important; /* базовый фон */
  color:#e8e6e1;                       /* основной текст */
}

/* плейсхолдеры и «серые плашки» на темном */
img,.preview-img{ background-color:transparent !important; }
.br,.brs-block,.full-bn,.pages span{ background-color:#151517 !important; }

/* акцент (золото) при ховере/иконках */
a:hover,
.preview .name i,
.list span i,
.logo a span,
h1 i,
.open:hover,
.open.active,
.sidebar-val i,
.searches-list li a:hover,
.searches-list li a i,
.cats-list li a i,
.list span:hover i,
.foot a:hover,
.videos-list .preview a:hover,
.videos-list .preview a .name i,
.full-meta i,
span.tag{
  color:#d6a23a; /* gold accent */
}

/* базовый цвет текста/ссылок/полей */
a,
h2,
.search-block input,
.search-block input::placeholder,
.logo a,
h1,
.navi li a,
.open,
.sidebar-val,
.searches-list li a,
.meta ul,
.foot a,
.videos-list .preview a,
.full-meta span.val,
.full-meta li.like a i,
.full-meta li.dislike a i{
  color:#e8e6e1;
}
.search-block input::placeholder{ color:#b9b4ab; }

/* рамки по умолчанию – менее контрастные */
.list span{ border-color:transparent; }

/* тёмные поверхности блоков */
.head,.sidebar,.left-col,.foot,.full-wrap,.full-bns-block{
  background-color:#1a1a1b !important;
  color:#e8e6e1;
}

/* кнопки лайк/дизлайк – тёмные чипы */
.full-meta li.like a,
.full-meta li.dislike a{
  background-color:#1f2226 !important;
  color:#e8e6e1;
}

/* полупрозрачные оверлеи/метки */
.preview .meta ul,
.preview .hd,
.close,
.bot-close{
  background-color:rgba(0,0,0,.6);
  color:#fff;
}

/* кнопки, меню, активные элементы */
.search-block button,
.menu li a,
.full-meta a,
.list span:hover{
  background-color:#1f2226;
  color:#fff;
}

/* мягкие бордеры в списках */
.searches-list li a,
.preview .meta li{
  border-color:#2a2a2a;
}

/* карточки, страницы, «плашки» списка */
.cats-list li a,
.full-block,
.pages a,
.list span{
  background-color:#141415;
  color:#e8e6e1;
}

/* акцентные бордеры (тонкая золотая линия) */
.head,
.searches-list li a:hover,
.sidebar,
.pages,
.brs-block,
.foot,
.list span:hover,
.full-meta-wr{
  border-color:#d6a23a;
}

/* бонус: логотип/ссылки при фокусе — видимый контур на тёмном */
a:focus-visible,
button:focus-visible,
input:focus-visible{
  outline:2px solid rgba(214,162,58,.6);
  outline-offset:2px;
}

.navi > span {
	float: left;
	margin: 5px 2px 0 0;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding: 0;
	text-transform: uppercase;
	margin-right: 5px;
}

#news_set_sort {
	display: inline-block;
}

.navi li a:first-letter {
	text-transform: uppercase;
}

.show-login:hover i, .navi li a:hover,.navi li a.active,.navi li.asc a, .navi li.desc a,.search-block button:hover,.menu li a:hover,.menu li a.active,.menu li.active a,.cats-list li a:hover,.cats-list li a:hover i,.cats-list li a:hover span:last-child,.pages a:hover,.pages a.active,.pages li.active a,.pages div.next a,.full-meta a:hover,.close:hover,.bot-close:hover,.full-meta a:hover i,.full-meta a:hover span.tag {
	background-color: #956300;
	color: #fff;
}

.pages div.next a:hover {
	background-color: #2d91d7;
	color: #fff;
}

body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

h1,h2 {
	text-transform: uppercase;
}

h1 {
	margin: 10px 5px 0;
	font-size: 18px;
	line-height: 25px;
	overflow: hidden;
	font-weight: 400;
}

h2 {
	margin: 40px 5px 0;
	font-size: 22px;
	line-height: 24px;
	font-weight: 700;
}

.wrap {
	margin: 0 auto;
	max-width: 1900px;
	width: 99%;
}

.head {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	font-size: 0;
	padding-bottom: 10px;
	overflow: hidden;
}

.open {
	float: left;
	cursor: pointer;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 22px;
	margin: 10px 5px 0;
}

.logo {
	float: left;
	margin: 10px 20px 0 5px;
}

.logo a {
	height: 28px;
	line-height: 28px;
	font-size: 22px;
	display: block;
	font-weight: 700;
	text-transform: uppercase;
}
ul, li, a {
    overflow: hidden;
}
.val-sort {
	overflow: visible;
}
.val-sort h1 {
    float: left;
}

.navi {
	float: left;
	padding-top: 5px;
	padding-left: 5px;
}

.navi ul {
	float: left;
	margin: 0 15px 0 5px;
}

.navi li {
	float: left;
	margin: 5px 2px 0 0;
}

.navi li a,.navi li span {
	border-radius: 3px;
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	padding: 0 10px;
}

.navi li span {
	padding: 0;
	text-transform: uppercase;
	margin-right: 5px;
}

.sidebar {
	box-shadow: 0 5px 15px -7px #000;
	display: none;
	border-top-width: 2px;
	border-top-style: solid;
	width: 100%;
	top: 48px;
	padding-bottom: 15px;
}

.sidebar-val {
	display: none;
	padding: 0 10px;
	margin: 40px 0 -5px;
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
}

.login-btn {
    margin: 0 auto;
    max-width: 640px;
}

.show-login {
    padding: 0 15px;
	display:block;
    background: #fff;
    margin: 10px 10px 0;
    border-radius: 6px;
    height: 40px;
    position: relative;
    line-height: 40px;
	color: #23282d;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px !important;
}

.show-login i {
    color: #fff;
    right: 0;
    background: #373c41;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
    border: 0;
    cursor: pointer;
    border-radius: 5px;
    outline: 0;
    width: 30px;
    text-align: center;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.search-block {
	padding: 15px 10px 0;
	margin: 0 auto;
	max-width: 640px;
}

.search-block form {
	position: relative;
}

.search-block input {
	text-transform: uppercase;
	border-radius: 6px !important;
	box-shadow: none !important;
	padding: 0 2%;
	border: 0;
	outline: 0;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
}

.search-block button {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 0;
	border: 0;
	cursor: pointer;
	border-radius: 5px;
	outline: 0;
	width: 30px;
	text-align: center;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.menu {
	padding: 14px 10px 0;
	margin: 0 auto;
	max-width: 640px;
}

.menu li {
	margin-top: 1px;
}

.menu li a {
	display: block;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	text-transform: uppercase;
}

.searches-list {
	display: none;
	padding: 10px 0 0 10px;
}

.searches-list li a {
	float: left;
	margin: 5px 15px 0 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: block;
	font-size: 15px;
	line-height: 18px;
	padding: 5px 0;
}

.cats-list {
	padding: 14px 10px 0;
}

.cats-list li a {
	margin-top: 1px;
	display: block;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
}

.cats-list li a span {
	display: block;
}

.cats-list li a span:first-child {
	float: left;
}

.cats-list li a span:last-child {
	float: right;
	font-size: 11px;
}

.videos-list {
	display: none;
	padding: 10px 5px 0;
}

.right-col {
	width: calc(100% - 250px);
	width: -webkit-calc(100% - 250px);
	padding-bottom: 15px;
}

.preview {
	width: 100%;
}

.preview-ins {
	margin: 10px 5px 0;
	position: relative;
	overflow: hidden;
}

.preview a {
	display: block;
}

.preview-img {
	position: relative;
	padding-bottom: 56.25%;
}

.preview-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.play {
	color: #d6a23a;
	text-shadow: 0 0 15px rgba(0,0,0,.5);
	transition: .2s ease;
	opacity: 0;
	overflow: visible;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	font-size: 40px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.preview .name {
	font-size: 14px;
	height: 30px;
	text-transform: uppercase;
	line-height: 16px;
	margin-top: 4px;
	font-weight: 700;
	padding-left: .5px;
}

.preview .meta {
	transition: .2s ease;
	position: absolute;
}

.preview .meta ul {
	height: 18px;
}

.preview .meta li {
	border-right-style: solid;
	border-right-width: 1px;
	font-size: 11px;
	float: left;
	padding: 0 6px;
	height: 18px;
	line-height: 18px;
}

.preview .meta li:last-child {
	border: 0;
}

.preview .meta li span.likes {
	color: #39ca7f;
}

.preview .meta-like-views {
	bottom: 34px;
	left: 0;
}

.preview .meta-dur-date {
	right: 0;
	top: 0;
}

.preview .hd {
	color: #ffaf4b;
	font-weight: 700;
	transition: .2s ease;
	height: 18px;
	line-height: 18px;
	padding: 0 4px;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
}

.preview:hover .meta-like-views {
	left: -320px;
}

.preview:hover .meta-dur-date {
	right: -320px;
}

.preview:hover .play {
	opacity: 1;
}

.preview-ins-cat .name {
	font-size: 16px;
	height: 18px;
	line-height: 18px;
}

.preview-ins-cat .meta-like-views {
	bottom: 22px;
}

.videos-list .preview .meta {
	display: none;
}

.videos-list .preview .name {
	font-size: 12px;
}

.videos-list .preview .play {
	margin: -15px 0 0 -15px;
	font-size: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.pagination {
    clear: both;
    padding-top: 1px;
}

.pages {
	margin: 20px 5px 0;
	padding-top: 6px;
	border-top-style: solid;
	border-top-width: 2px;
	font-size: 0;
	text-align: center;
}

.pages a,.pages span {
	display: inline-block;
	vertical-align: top;
	margin: 4px 2px 0;
	min-width: 20px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 3px;
}

.pages div.prev a,.pages div.next a,.pages div.prev span,.pages div.next span {
	margin: 0;
	padding: 0 15px;
}

.pages .prev, .pages .next {
	display: inline-block;
	vertical-align: bottom;
}

.brs-block {
	border-top-style: solid;
	border-top-width: 2px;
	border-radius: 0 0 3px 3px;
	margin: 10px 5px 0;
	font-size: 0;
	text-align: center;
	padding: 5px 0 15px;
}

.br {
	width: 300px;
	height: 250px;
	margin: 10px 5px 0;
	display: inline-block;
	vertical-align: top;
}

.br-2,.br-3,.br-4,.br-5 {
	display: none;
}

.list {
	padding: 6px 3px 0;
	font-size: 0;
}

.list li {
	page-break-inside: avoid;
	break-inside: avoid;
}

.list a {
	float: left;
	width: 100%;
	display: block;
}

.list span {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	display: block;
	border-radius: 3px;
	padding: 0 10px;
	font-size: 13px;
	height: 38px;
	line-height: 40px;
	margin: 4px 2px 0;
	text-transform: uppercase;
	font-weight: 700;
}

.full-wrap {
	margin: 10px 5px 0;
}

.full-tab {
	display: table;
	width: 100%;
}

.video {
	background-color: #000;
	position: relative;
	width: 100%;
}

.video iframe,.video object,.video embed,.video video,.video source {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.on-player-pl {
	display: none;
	background-color: rgba(0,0,0,.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
}

.on-player {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 250px;
	z-index: 5500;
	margin: -125px 0 0 -150px;
	overflow: visible;
}

.close {
	position: absolute;
	top: 0;
	right: 0;
	font-family: Arial,sans-serif;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	cursor: pointer;
}

.on-pl-spts {
	background-color: rgba(0,0,0,.7);
	overflow: hidden;
}

.on-player-sp {
	background-color: #282828;
	width: 300px;
	height: 250px;
	overflow: hidden;
}

.bot-close {
	position: absolute;
	text-transform: uppercase;
	left: 50%;
	margin-left: -80px;
	bottom: 0;
	width: 160px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	cursor: pointer;
}

.on-player-sp iframe {
	width: 300px!important;
	height: 250px!important;
	position: static;
}

.full-meta-wr {
	border-top-style: solid;
	border-top-width: 2px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 0;
}

.full-meta {
	vertical-align: top;
}

.full-meta > ul.cats > li > a:before {content: '\f02b';font-family: 'FontAwesome'; margin-right: 5px;color: #2d91d7;}
.full-meta > ul.cats.categ > li > a:before {content: '\f07c';}
.full-meta > ul.cats > li > a:hover:before {color: #fff;}
.full-meta > ul.cats > li > a {display: inline-block; margin: 0 1px 0;}

.full-meta ul {
	padding: 8px 9px 0;
	display: inline-block;
	vertical-align: top;
}

.full-meta li {
	display: inline-block;
	vertical-align: top;
	margin: 2px 1px 0;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
}

.full-meta a,.full-meta div {
	display: block;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	padding: 0 10px;
}

.full-meta li.like a,.full-meta li.dislike a {
	min-width: 15px;
	font-size: 18px;
	cursor: pointer;
}

.full-meta li.like a:hover,.full-meta li.like a:hover i {
	background-color: #40b840;
	color: #fff;
}

.full-meta li.dislike a:hover,.full-meta li.dislike a:hover i {
	background-color: #cc4040;
	color: #fff;
}

.full-meta .links-val {
	padding-right: 5px;
}

.full-bns-block {
	padding: 0 0 10px;
	text-align: center;
	font-size: 0;
}

.full-bn {
	margin: 10px 5px 0;
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 250px;
}

.full-bn-2,.full-bn-3 {
	display: none;
}

.counter {
    margin-top: 20px;
}

.counter {
    margin-top: 20px;
	text-align:center;
}

.counter span {
    margin-right:5px;
}

.foot {
	border-top-width: 2px;
	border-top-style: solid;
	padding: 5px 0 15px;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	text-align: center;
}

.foot p {
	margin: 10px 5px 0;
}

.foot ul {
	padding-top: 5px;
}

.foot li {
	margin: 5px 5px 0;
	display: inline-block;
	vertical-align: top;
}

.foot a {
}

.foot a:hover {
	text-decoration: none;
}

.full-desc {
	font-size: 16px;
	line-height: 22px;
	text-align: justify;
	margin: 10px 15px 0;
}

.full-commnents {
	padding: 20px 15px;
}

.full-comm-ins {
	display: none;
	clear: both;
}

.full-comm-top {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	height: 28px;
	line-height: 28px;
}

.full-comm-top div {
	float: left;
	cursor: pointer;
}

.full-comm-top span {
	color: #d6a23a;
}

.full-comm {
	margin-top: 10px;
	background-color: #ebf0f5;
	padding: 15px;
	font-size: 16px;
}

.full-comm-add {
	margin-top: 20px;
	padding-right: 2px;
}

.full-comm-add .textarea {
	border-color: #d7dce1;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	padding: 10px;
}

.full-comm-add textarea {
	color: #2d3237;
	width: 100%!important;
	border: 0;
	background: 0 0;
	outline: 0;
	min-height: 60px;
	max-height: 200px;
	font-size: 16px;
}

.full-comm-add textarea::placeholder {
	color: #5f6469;
}

.full-comm-add button,.ui-dialog-buttonset button {
	background-color: #373c41;
	color: #fff;
	border: 0;
	cursor: pointer;
	border-radius: 3px;
	outline: 0;
	margin-top: 5px;
	float: right;
	padding: 0 15px;
	min-width: 70px;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
}

.full-comm-top i,.full-comm-add button i {
	color: #2d91d7;
}

.ui-dialog-buttonset button {
	float: none;
}

.ui-dialog-buttonset button:hover,.full-comm-add button:hover,.full-comm-add button:hover i {
	background-color: #2d91d7;
	color: #fff;
}

@media all and (min-width:330px) {
	.preview {
		float: left;
		width: 50%;
	}
}

@media all and (max-width:560px) {
	.fdate {display:none !important;}
}

@media all and (max-width:420px) {
	.navi {display:none !important;}
}

@media all and (min-width:400px) {
	.open,.logo a {
		font-size: 24px;
	}

	.search-block input {
		height: 50px !important;
		line-height: 50px !important;
		font-size: 16px;
	}

	.search-block button {
		width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
		font-size: 16px;
	}
	
	.show-login {
    height: 50px;
    line-height: 50px;
    font-size: 16px !important;
}

.show-login i {
    width: 40px;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}

	.preview-ins-cat .name {
		font-size: 18px;
		height: 20px;
		line-height: 20px;
	}

	.preview-ins-cat .meta-like-views {
		bottom: 24px;
	}

	.list ul {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}
}

@media all and (min-width:640px) {
	.br-2,.full-bn-2 {
		display: inline-block;
	}

	.list ul {
		column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
	}

	.list span {
		font-size: 14px;
	}

	.on-player-pl {
		display: block;
	}
}

@media all and (min-width:660px) {
	.preview {
		width: 33.3333%;
	}
}

@media all and (max-width:929px) {
	.right-col {
		width: 100%;
	}

	.sidebar {
		margin-left: 0;
		left: 0;
		position: absolute;
	}
}

@media all and (min-width:930px) {
	.open {
		display: none;
	}

	.logo {
		min-width: 240px;
		margin: 10px 15px 0 0;
		text-align: center;
	}

	.logo a {

		line-height: 30px;
	}

	.val-sort {
		overflow: hidden;
	}

	h1 {
		font-size: 22px;
		margin-left: 0;
		margin-right: 10px;
		height: 30px;
		line-height: 30px;
	}

	.navi ul {
		margin: 0 20px 0 0;
	}

	.navi li a,.navi li span {
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}

	.sidebar {
		box-shadow: none;
		display: block!important;
		top: 0;
		border-top: 0;
		width: 240px;
		padding-bottom: 40px;
	}

	.sidebar-val,.searches-list,.cats-list,.videos-list {
		display: block;
	}

	.search-block input {
		width: 200px;
		padding: 0 10px;
		height: 45px !important;
		line-height: 45px !important;
		font-size: 14px !important;
	}

	.search-block button {
		width: 35px !important;
		height: 35px !important;
		line-height: 35px;
		font-size: 14px;
	}
	
	.show-login {
    height: 45px;
    line-height: 47px;
    font-size: 14px !important;
}

.show-login i {
    width: 35px;
    font-size: 14px !important;
    height: 35px;
    line-height: 35px;
}

	.menu {
		padding: 14px 0 0;
	}

	.wrap {
		display: table;
		width: 100%;
		position: relative;
	}

	.left-col {
		display: table-cell;
		vertical-align: top;
		width: 240px;
	}

	.right-col {
		vertical-align: top;
	}

	.previews-block {
		padding-top: 5px;
	}

	.videos-list .preview {
		width: 50%;
	}

	.pages {
		padding-top: 0;
	}

	.pages a,.pages span {
		margin: 0 2px;
		border-radius: 0 0 3px 3px;
	}

	.pages div.prev {
		float: left;
		margin-left: 0;
	}

	.pages div.next {
		float: right;
		margin-right: 0;
	}

	.pages div.prev a,.pages div.next a,.pages div.prev span,.pages div.next span {
		padding: 0 20px;
	}

	.full-wrap {
		margin-top: 15px;
	}

	.full-meta-wr {
		text-align: left;
	}

	.full-meta .links-val {
		padding-left: 0!important;
	}
}

@media all and (min-width:1260px) {
	.preview {
		width: 25%;
	}

	h1 {
		font-size: 24px;
	}

	h2 {
		font-size: 24px;
		line-height: 26px;
	}

	.pages a,.pages span {
		border-radius: 0 0 4px 4px;
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		font-size: 16px;
	}

	.pages div.prev a,.pages div.next a,.pages div.prev span,.pages div.next span {
		padding: 0 25px;
	}

	.br-3 {
		display: inline-block;
	}

	.list ul {
		column-count: 4;
		-moz-column-count: 4;
		-webkit-column-count: 4;
	}

	.foot {
		font-size: 16px;
		line-height: 18px;
	}

	.full-block,.full-bns-block {
		display: table-cell;
		vertical-align: top;
	}

	.full-bns-block {
		width: 320px;
		margin: 0;
	}

	.full-meta ul {
		padding: 13px 14px 0;
	}

	.full-meta div,.full-meta a {
		height: 40px;
		line-height: 40px;
	}

	.full-meta a {
		padding: 0 15px;
	}

	.full-meta li.like a,.full-meta li.dislike a {
		font-size: 22px;
	}
}

@media all and (min-width:1590px) {
	h1 {
		font-size: 26px;
	}

	h2 {
		font-size: 26px;
		line-height: 28px;
	}

	.preview {
		width: 20%;
	}

	.br-4 {
		display: inline-block;
	}

	.list ul {
		column-count: 6;
		-moz-column-count: 6;
		-webkit-column-count: 6;
	}

	.full-meta li {
		font-size: 16px;
	}
}

@media all and (min-width:1650px) {
	.full-bn-3 {
		display: inline-block;
	}
}

@media all and (min-width:1850px) {
	.br-5 {
		display: inline-block;
	}

	.list span {
		height: 48px;
		line-height: 50px;
		font-size: 16px;
	}
}

.block-video .player .embed-wrap iframe,.block-video .player .player-wrap #kt_player,.block-video .player .player-wrap #kt_player_internal {
	position: absolute!important;
	left: 0!important;
	top: 0!important;
	width: 100%!important;
	height: 100%!important;
	padding-bottom: 0;
}

.video-responsive {width: 100%; height: 0; padding-bottom: 56.349206349206%}

.hidden {
	display: none;
}

.cls {
	display: block;
	float: none;
	clear: both;
	overflow: hidden;
}

.sort_by_editdate, .sort_by_title {display:none;}

.bottom {
	margin-top: 10px;
}

.captcha-control .image {
	margin: 10px 0;
}

.image img {
	float: left;
	margin: 0 10px 0 0;
}

.captcha-control input {
	height: 40px;
	font-size: 18px;
}

.megatext {padding: 10px;line-height: 22px;}
.megatex h1, .megatext h2 { margin: 20px 0;}
.megatext p {margin-bottom:10px;}



/* ===== Scat-Shop: HOW-TO component (namespaced) ===== */
.ss-howto { max-width: 980px; margin: 0 auto; padding: 12px; color: inherit; }
.ss-howto__title { margin: 4px 0 12px; font-size: clamp(1.6rem, 2.4vw + .6rem, 2.1rem); line-height: 1.25; }
.ss-howto__lead { margin: 8px 0 14px; line-height: 1.6; }
.ss-howto__link { text-decoration: underline; text-underline-offset: 2px; }
.ss-howto__h2 { margin: 12px 0 8px; font-size: 1.12rem; }
.ss-howto__card { background: #141415; border: 1px solid #2a2a2a; border-radius: 10px; padding: 14px; margin: 12px 0; }
.ss-howto__list { margin: 8px 0; padding-left: 18px; }
.ss-howto__list li { margin: 6px 0; }

/* Steps / instruction */
.ss-instr { background: #101011; border: 1px solid #2a2a2a; border-radius: 10px; padding: 14px; }
.ss-instr__logo { display: block; width: 180px; max-width: 60%; height: auto; margin: 0 auto 10px; }
.ss-steps { counter-reset: ssstep; list-style: none; margin: 0; padding: 0; }
.ss-step { display: flex; gap: 12px; align-items: flex-start; margin: 12px 0; }
.ss-step__num {
  flex: 0 0 28px; height: 28px; line-height: 28px; text-align: center;
  border-radius: 50%; background: #d6a23a; color: #fff; font-weight: 700;
}
.ss-step__body { flex: 1 1 auto; }
.ss-step__text { margin: 0; line-height: 1.55; }
.ss-instr__figure { margin: 8px 0 0; }
.ss-instr__figure img { display: block; width: 100%; height: auto; border-radius: 8px; }
.ss-instr__cap { font-size: .9rem; opacity: .9; margin: 6px 0; }

/* FAQ */
.ss-faq { border: 1px solid #2a2a2a; border-radius: 8px; padding: 10px 12px; margin: 10px 0; background: #121213; }
.ss-faq__q { cursor: pointer; font-weight: 600; list-style: none; }
.ss-faq__q::-webkit-details-marker { display: none; }
.ss-faq__a { margin-top: 8px; line-height: 1.55; }

/* SEO tail */
.ss-howto__seo { margin: 12px 0 4px; opacity: .9; }

/* Responsive */
@media (max-width: 760px) {
  .ss-howto { padding: 10px; }
  .ss-step { gap: 10px; }
  .ss-step__num { flex-basis: 26px; width: 26px; height: 26px; line-height: 26px; }
}
/* ===== Info pages safe pack (работает только внутри .page) ===== */
.page {
  /* базовая типографика и цвет для тёмной темы */
  color: #e7e7e7;
  max-width: 980px;
  margin: 0 auto;
  padding: 12px;
  background: transparent;
}

.page h1,
.page h2,
.page h3 { color: inherit; margin: 6px 0 10px; }

.page p { 
  margin: 8px 0; 
  line-height: 1.6; 
  font-size: 1rem;           /* гасим возможный font-size:0 из темы */
}

.page a {
  color: #d6a23a;            /* фирменное золото */
  text-decoration: underline;
  text-underline-offset: 2px;
}

.page .list {
  /* у темы могли быть странные настройки .list — переопределяем */
  list-style: disc inside;
  margin: 6px 0 10px;
  padding: 0 0 0 0;
  font-size: 1rem;
}

.page .list li { 
  margin: 6px 0;
  font-size: inherit;        /* если тема сбрасывала размер */
}

.page .contacts a { text-decoration: underline; }

/* на узких экранах чуть компактнее */
@media (max-width: 760px) {
  .page { padding: 10px; }
}