/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative;}
.wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper-main {padding: 0 var(--indent); min-height: 100vh; display: flex; flex-direction: column;}
.content {flex: 1 0 auto; padding: 15px 0;}
.header, .nav {background-color: var(--bg-lighter); box-shadow: var(--bsh); padding-top: 8px; padding-bottom: 8px;}
.header {gap: 20px 20px;}
.nav {border-top: 1px solid var(--bdc); position: relative; z-index: 60;}
.cols { display: grid; gap: 30px 30px; grid-template-columns: 971px minmax(0,1fr) 260px; }
.col-side {display: grid; gap: 15px; align-content: start; position: relative; z-index: 60;}
.footer {background-color: var(--bg-darker); color: var(--tt-lighter); padding-top: 30px; padding-bottom: 30px; font-size: 14px; line-height: 1.6;}
.content-block--bg {background-color: #222327; border-radius: 10px; padding: 40px;}
.story_line {background-color: var(--bg-darker); border-radius: 6px; padding: 5px; padding-left: 10px;overflow: hidden; margin-bottom: 6px; margin-right: 6px;}
.story_line:hover {background-color: #2d2e34;}
.scroll {max-height: 370px; overflow: auto; overflow-x: hidden !important;}
.mvisr {color: #aba1a1; position: absolute; top: 0px; right: 0px; background: #26272ccf; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; padding: 4px; font-size: 11px; border-radius: 0px 6px 0px 6px;}
.mvis {color: #aba1a1; position: absolute; top: 0px; left: 0px; background: #26272ccf; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; padding: 4px; font-size: 11px; border-radius: 0px 0px 6px 0px;}
.mvisaut {position: absolute; text-transform: uppercase; background: #26272ccf; padding: 4px; right: 0px; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; bottom: 0px; font-size: 11px; border-radius: 6px 0px 0px 0px;}
.mvisautr {position: absolute; background: #26272ccf; padding: 4px; bottom: -6px; border-radius: 0px 6px 0px 0px;}
.butout {color: #26272c; font-size: 15px; background-color: #af4649e6; padding: 4px; border-radius: 5px; margin-bottom: 5px; float: right;}
.editfilo { background: #6d8d4d4a; border-radius: 4px; padding: 4px; color: #7a976e; text-align: center; margin-top: 11px; }
.blcgam {background: #25262a; border-radius: 6px; padding: 15px; margin-bottom: 15px; margin-top: -10px;}
.titlgam {text-align: center; font-size: 20px; color: #efefef; text-shadow: 0px 2px 3px #686868; margin-bottom: 5px;}
.palkaebalka {border-radius: 2px;border-bottom: 2px solid #383838;margin: 5px;}
.mviexe {color: #f8f8f8; position: absolute; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; padding: 4px; right: 0px; top: 0px; background: rgba(0,0,0,.5); font-size: 12px; border-radius: 0px 6px 0px 6px;}
.dsaqxaro img {opacity:0.8;}
.dsaqxaro img:hover {opacity:1.0;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.pometka18s {color: #341010; background-color: #d94245ba; border-radius: 5px; padding: 2px 2px; line-height: 28px; font-weight: bold; opacity: 0.8;}
.scrollgam {max-height: 243px; overflow: auto; overflow-x: hidden !important; }
.butsims1, .butsims2, .butsims3, .butsims4, .butsims5, .butsims6, .butsims7, .butsims8, .butsims11, .butsims12, .butsims13 {line-height: 29px;}
.butsims1:hover, .butsims2:hover, .butsims3:hover, .butsims4:hover, .butsims5:hover, .butsims6:hover, .butsims7:hover, .butsims8:hover, .butsims11:hover, .butsims12:hover, .butsims13:hover {transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
.butsims1 {background: #582478b8; padding: 2px 5px; border-radius: 5px; color: #cb8cc2;}
.butsims1:hover {color: #cb8cc2; box-shadow: 0px 0px 5px 0px #621c8f;}
.butsims2 {background: #644776b8;padding: 2px 5px;border-radius: 5px;color: #cba5c5;}
.butsims2:hover {color: #cb8cc2; box-shadow: 0px 0px 5px 0px #644776b8;}
.butsims3 {background: #f568569e; padding: 2px 5px; border-radius: 5px; color: #e5b5af;}
.butsims3:hover {color: #e5b5af; box-shadow: 0px 0px 5px 0px #f568569e;}
.butsims4 {background: #2b85849e; padding: 2px 5px; border-radius: 5px; color: #92c7c9;}
.butsims4:hover {color: #92c7c9; box-shadow: 0px 0px 5px 0px #2b85849e;}
.butsims5 {background: #1b5e859e; padding: 2px 5px; border-radius: 5px; color: #89c3e5;}
.butsims5:hover {color: #89c3e5; box-shadow: 0px 0px 5px 0px #1b5e859e;}
.butsims6 {background: #467a5d9e; padding: 2px 5px; border-radius: 5px; color: #7db366;}
.butsims6:hover {color: #89c3e5; box-shadow: 0px 0px 5px 0px #467a5d9e;}
.butsims7 {background: #5252529e; padding: 2px 5px; border-radius: 5px; color: #d9d9d9;}
.butsims7:hover {color: #d9d9d9; box-shadow: 0px 0px 5px 0px #5252529e;}
.butsims8 {background: #8f48489e; padding: 2px 5px; border-radius: 5px; color: #e7abab;}
.butsims8:hover {color: #e7abab; box-shadow: 0px 0px 5px 0px #8f48489e;}
.butsims11 {background: linear-gradient(358deg, #857a4abd 50%, #ef3a3359 50%); padding: 2px 5px; border-radius: 5px; color: #c9c9c9; text-shadow: 0px 1px 2px black;}
.butsims11:hover {color: #e7abab; box-shadow: 0px 0px 5px 0px #ef3a3359;}
.butsims12 {background: linear-gradient(359deg, #e32d2d6b 50%, #18181896 50%); padding: 2px 5px; border-radius: 5px; color: #c9c9c9; text-shadow: 0px 1px 2px black;}
.butsims12:hover {color: #e7abab; box-shadow: 0px 0px 5px 0px #dd000078;}
.butsims13 {background: linear-gradient(359deg, #dc143b96 50%, #ffffff70 50%); padding: 2px 5px; border-radius: 5px; color: #c9c9c9; text-shadow: 0px 1px 2px black;}
.butsims13:hover {color: #e7abab; box-shadow: 0px 0px 5px 0px #ffffff70;}
.dsangs {opacity: 0.9;}
.dsangs:hover {opacity: 0.8;}
.main-sliders-rate {height: 28px; text-align: center; margin-top: 11px;}
.main-sliders-rate a {position: relative; display: block; width: 150px; height: 30px; float: left; line-height: 30px; font-size: 15px; font-weight: bold; text-decoration: none;}
.main-sliders-rate a span {position: relative; display: block; width: 20px; margin: 0 auto; padding-left: 3px;}
.main-sliders-rate a svg {position: absolute;width: 18px;height: 17px;}
.main-sliders-rate a:nth-of-type(1) {background: #2b2d32; color: #71ce3f; border-radius: 5px 0px 0px 5px; border-right: 1px solid #383940;}
.main-sliders-rate a:nth-of-type(1):hover {background: #364633;}
.main-sliders-rate a:nth-of-type(1) svg {fill: #70cd3f; top: 6px; left: -20px;}
.main-sliders-rate a:nth-of-type(2) {background: #2b2d32;color: #d14f52;border-radius: 0px 5px 5px 0px;}
.main-sliders-rate a:nth-of-type(2):hover {background: #d14f5240;}
.main-sliders-rate a:nth-of-type(2) svg {fill: #d14f52; top: 7px; left: -20px;}
code {background: #2f3138;padding: 2px;}
#scrolltop {position: fixed; width: 60px; height: 60px; line-height: 60px; right: 10px; bottom: 10px;
	z-index: 990; display: none; background-color: #3c3d44; color: var(--tt-lightest); 
	cursor: pointer; font-size: 24px; border-radius: 50%; text-align: center; box-shadow: var(--bsh);}
blockquote {margin: 0; background: #2d2e34; padding: 10px 25px; position: relative;font-family: 'Lato', sans-serif; margin-bottom: 10px; border-radius: 10px;}
blockquote p {margin: 0 0 16px;font-size: 15px;letter-spacing: .05em;line-height: 1.4;}
blockquote cite {font-style: normal;font-weight: 300;}
/* bbcode dark */
.fr-view {
    background: #292929 !important;
    color: #dcdcdc !important;
    font-size: 13px !important;
    font-family: 'Roboto', sans-serif !important;
}
.gray-theme.fr-box.fr-basic .fr-element {background: #212226 !important;}
.fr-toolbar, .fr-wrapper, .fr-counter {
	background: #2d2e34 !important;
}
.fr-counter {
    border-color: #26272c !important;
}
.gray-theme .fr-separator {
    background: #2d2e34 !important;
}
.fr-toolbar button {
    color: #d0d0d0 !important;
}
.fr-toolbar button:hover {
    background: #292a30 !important;
}
.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
    background: #26272c !important;
}
.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover {background: #292929 !important;}
.gray-theme.fr-toolbar, .gray-theme.fr-popup {color: #ebebeb !important;}
.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {background: #303030 !important;}
.gray-theme.fr-popup {background: #26272c !important;}
.gray-theme.fr-popup .fr-layer:hover {background: #292a30 !important;}
.gray-theme.fr-popup .fr-input-line input+label, .gray-theme.fr-popup .fr-input-line textarea+label {background: #3e3e3e !important;}
.gray-theme.fr-toolbar {background: #26272c !important;}
#dropmenudiv a:first-child{display:none;}
.title_spoiler:before {content: ' + ';    color: #8dad6b;}
/* HEADER
----------------------------------------------- */
.logo {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    margin-right: 40px;
    user-select: none;
}

.logo-star {
    width: 46px;
    height: 46px;
    display: inline-block;
    flex-shrink: 0;
    filter:
        drop-shadow(0 4px 2px rgba(0,0,0,.7))
        drop-shadow(0 0 8px rgba(143,201,76,.35));
    transition: .25s ease;
}

.logo-star svg {
    width: 100%;
    height: 100%;
    display: block;
}

.logo-star .star-base {
    fill: #243d0f;
    stroke: #9ed84c;
    stroke-width: 2.2;
    stroke-linejoin: round;
}

.logo-star .star-face {
    stroke: rgba(23,45,9,.55);
    stroke-width: .8;
    stroke-linejoin: round;
}

.logo-star .face-1 { fill: #d9ff75; }
.logo-star .face-2 { fill: #9ddd42; }
.logo-star .face-3 { fill: #77b92f; }
.logo-star .face-4 { fill: #4f861e; }
.logo-star .face-5 { fill: #315b13; }
.logo-star .face-6 { fill: #4f851d; }
.logo-star .face-7 { fill: #6fad2b; }
.logo-star .face-8 { fill: #86c83a; }
.logo-star .face-9 { fill: #b6ec5c; }
.logo-star .face-10 { fill: #77b82e; }

.logo:hover .logo-star {
    transform: rotate(-10deg) scale(1.08);
    filter:
        drop-shadow(0 4px 4px rgba(0,0,0,.8))
        drop-shadow(0 0 12px rgba(157,221,66,.65));
}

/* ТЕКСТ */
.logo-text {
    display: flex;
    flex-direction: column;
}

/* Mow-Portal */
.logo-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    color: #f5f5f5;
    letter-spacing: -.3px;
    text-shadow:
        0 2px 4px rgba(0,0,0,.75);
}

/* .COM */
.logo-domain {
    color: #8fc94c;
    font-size: 16px;
    font-weight: 700;
    margin-left: 3px;
}

/* подпись */
.logo-subtitle {
    margin-top: 5px;
    font-size: 12px;
    color: #9ea4af;
    letter-spacing: .3px;
}

/* Hover */
.logo,
.logo-title,
.logo-domain {
    transition: .25s ease;
}

.logo:hover {
    transform: translateY(-1px);
}

.logo:hover .logo-domain {
    color: #b7ff67;
}

.search-block form {max-width: 400px; position: relative;}
.search-block__input[type="text"], .search-block__input[type="text"]:focus {border-radius: 20px; box-shadow: none; 
	border: 1px solid var(--bdc); background-color: var(--bg-lighter); height: 40px; line-height: 38px; padding: 0 50px 0 20px;-webkit-text-fill-color: #ffffff;}
.search-block__input[type="text"]:not(:focus):placeholder {color: var(--tt-lightest); opacity: 1; font-size: 14px;}
.search-block__btn {position: absolute; right: 0; top: 0; width: 50px;
	background: none; color: var(--tt); border-radius: 20px; padding: 0; font-size: 16px;}

::-webkit-scrollbar {
	width: 10px;
	height: 6px;
}
::-webkit-scrollbar-track-piece {
	background-color: #38383c;
	-webkit-border-radius: 0px;
}
::-webkit-scrollbar-thumb:vertical {
	height: 5px;
	background-color: #505E47;
	-webkit-border-radius: 0px;
}
::-webkit-scrollbar-thumb:horizontal {
	width: 5px;
	background-color: #505E47;
	-webkit-border-radius: 0px;
}
/* NAV
----------------------------------------------- */
.nav__list {margin: 0 -40px;}
.nav__list > li, .side-nav > li {flex-grow: 1; font-size: 14px; position: relative;}
.nav__list > li, .side-nav > li:hover {background: #2b2c32;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.nav__list > li + li {border-left: 1px solid var(--bdc);}
.nav__list > li > a, .side-nav > li > a {height: 23px; display: flex; align-items: center; justify-content: center; padding: 0px 14px;}
.nav__list-hidden {width: 245px; padding: 15px; border-radius: 0 0 10px 10px; position: absolute; left: 0; top: 100%; 
	background-color: #26272cfa; display: grid; gap: 8px; 
	visibility: hidden; opacity: 0; transform: translateY(40px);}
.side-nav {border-radius: 6px; padding: 12px 0px; background-color: var(--bg-lighter);}
.side-nav .nav__list-hidden {left: -93%; top: -44px; border-radius: 10px; z-index: 9999;}
.side-nav > li > a {justify-content: flex-start;overflow: hidden; width: 260px; white-space: nowrap;}

.text_spoiler > ul li, .text_spoiler > ol li {padding-left: 60px; position: relative;}
.text_spoiler > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--accent); position: absolute; top: 5px; left: 34px;}
.text_spoiler > ol {counter-reset: num;}
.text_spoiler > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; 
	position: absolute; top: -2px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.text_spoiler > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); 
	position: absolute; left: 41px; top: -2px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.text_spoiler > ul li + li, .full-text > ol li + li {margin-top: 10px;}

/* TOP
----------------------------------------------- */
.top {gap: 15px 15px; margin-bottom: 30px;}
.top-item {flex: 1 1 30%; box-shadow: var(--bsh); border-radius: 6px; padding: 0;}
.top-item:nth-child(2), .top-item:nth-child(3) {flex-basis: 60%;}
.top-item__desc {position: relative; z-index: 5; min-height: 140px; padding: 20px; color: #fff; gap: 10px; max-width: 100%;}
.top-item__title {font-weight: 600; color: #fff !important; font-size: 15px;}
.top-item__date {font-size: 12px;}
.top-item::before {height: 100%; background: var(--gradient); opacity: 0.6;}
@media screen and (min-width: 1220px) {
	.top {display: grid; grid-template-columns: repeat(6,1fr);}
	.top-item {grid-column: span 1;}
	.top-item:nth-child(3), .top-item:nth-child(4) {grid-column: span 2;}
	.top-item:nth-child(1) {grid-column: span 3; grid-row: span 2;}
	.top-item__desc {height: 100%;}
	.top-item:nth-child(1) .top-item__title {font-size: 24px; margin-bottom: 30px;}
}


/* SECTION
----------------------------------------------- */
.sect__header {margin-bottom: 20px;}
.sect__sort {height: 36px;}
.sect__sort ul {height: 36px; background-color: var(--bg-lighter);
	border-radius: 6px; position: relative; z-index: 50; cursor: pointer; text-align: center;display: inline-flex;}
.sect__sort ul li {height: 36px; line-height: 36px; padding: 0 10px; font-size: 13px;}
.sect__sort ul li[class], .sect__sort ul:hover li {visibility: visible;}
.sect__sort ul:hover {height: auto; box-shadow: var(--bsh);}
.sect__sort ul li[class]::before {content: 'Сортировка:'; margin-right: 6px;}
.sect__sort li.asc a::after, .sect__sort li.desc a::after {content: "\f063"; font-family: "Font Awesome 5 Pro"; 
	display: inline-block; margin-left: 6px; font-weight: 300; font-size: 10px;}
.sect__sort li.desc a::after {content: "\f062"}
.speedbar {margin-bottom: 15px; margin-top: -15px; font-size: 13px; color: var(--tt-lightest);}
.descr {display: grid; grid-gap: 20px; line-height: 1.7; color: var(--tt-lighter); grid-column: 1 / -1; padding: 20px 0;}
.descr h1, .descr h2, .descr h3 {font-weight: 400; font-size: 18px; color: var(--tt); line-height: 1.3;}
.descr a {text-decoration: underline; color: var(--accent);}
.descr ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.descr ul li::before {content:"\f00c"; font-weight: 300; font-family:'Font Awesome 5 Pro'; 
	color: var(--accent); position: absolute; left: 0; top: 0;}


/* SHORT STORY
----------------------------------------------- */
.short {background-color: var(--bg-lighter); border-radius: 10px; overflow: hidden;}
.short__header, .short__desc {padding: 12px; padding-bottom: 5px;}
.short__title {font-size: 21px; font-weight: 700;}
.short__meta {margin-top: 10px; gap: 8px 10px; font-size: 12px; color: var(--tt-lighter);}
.short__meta-item a {color: #83a75c; text-decoration: none;}
.short__meta-item a:hover {color: #83a75c; text-decoration: underline;}
.short__meta .fal {margin-right: 6px; opacity: 0.6;}
.short__img {/*height: 260px; */display: block;}
.short__text {color: var(--tt-lighter); line-height: 1.6; margin-bottom: 38px;}
.short.grid-item {position: relative; padding-bottom: 60px;}
.short.grid-item .short__header, .short.grid-item .short__desc {padding: 12px;}
.short.grid-item .short__header {padding-bottom: 0;}
.short.grid-item .short__title {font-size: 16px;}
.short.grid-item .short__img {height: 0;}
.short.grid-item .short__meta {gap: 10px 10px;}
.short.grid-item .short__text {-webkit-line-clamp: 4; font-size: 14px; margin: 0;}
.short__btn .fal {opacity: 1; font-size: 18px; margin: 0;}
.short__btn {padding: 0; width: 40px;}
.short__desc .short__meta {position: absolute; left: 0; right: 0; bottom: 0; padding: 12px;}
/* =========================
   LAST COMMENTS (sidebar)
========================= */
.lc{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.lc-item{
  margin-right: 5px;
  display:flex;
  gap:10px;
  padding:10px 10px;
  border-radius:14px;
  border:1px solid var(--bg-darker);
  background: var(--bg-lighter);
  text-decoration:none;
  color: var(--tt);
  transition: transform .08s ease, background .15s ease, border-color .15s ease, filter .15s ease;
}

.lc-item:hover{
  background: var(--bdc);
  border-color: rgba(31,75,68,.25);
  text-decoration:none;
}

.lc-item:active{ transform: translateY(1px); }

.lc-ava{
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid var(--bg-darker);
  background: var(--bdc);
  overflow:hidden;
  flex:0 0 auto;
  position:relative;
}

.lc-ava__cover{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
}

.lc-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.lc-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.lc-name{
  font-weight:800;
  font-size:13px;
  color: var(--tt);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lc-time{
  font-size:12px;
  color: var(--muted);
  white-space:nowrap;
  flex:0 0 auto;
}

.lc-text{
  font-size:13px;
  color: var(--tt);
  opacity:.92;
  line-height:1.35;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.lc-title{
  font-size:12px;
  color: var(--muted);

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

/* SIDEBAR
----------------------------------------------- */
.side-block__title {font-weight: 700; text-transform: uppercase; letter-spacing: 1px; 
	margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid var(--bdc-darker);}
.side-block__content {display: grid; gap: 15px; grid-template-columns: repeat(auto-fill,minmax(240px,1fr));}
.side-block--sticky {position: sticky; left: 0; top: 20px;}
.popular {background-color: var(--bg-darker); border-radius: 6px; overflow: hidden; position: relative;}
.popular__desc {padding: 16px 20px; padding-top: 14px;}
.popular__title {font-weight: 700;}
.popular__text {font-size: 13px; color: var(--tt-lighter); margin-top: 6px; -webkit-line-clamp: 4;}
.attent {text-align: center; position: relative; border-radius: 6px; padding: 20px; background-color: var(--bg-lighter);}
.attent__title {font-weight: 700; margin: 20px 0;}
.attent .short__meta {margin: 0; margin-bottom: 20px;}
.int {position: relative; gap: 20px; height: 60px;}
.int__img {width: 60px; height: 60px; box-shadow: var(--bsh); border-radius: 6px;}
.int__title div {-webkit-line-clamp: 3; font-size: 14px;}


/* FOOTER, PAGINATION
----------------------------------------------- */
.footer__text {color: var(--tt);}
.footer__text a {color: var(--accent);}

.pagination {text-align: center; display: grid; gap: 20px; padding-top: 15px;}
.pagination__btn-loader a, .pagination__btn-loader span {display: inline-flex; justify-content: center; align-items: center; 
	height: 60px; padding: 0 50px; border-radius: 30px; background: var(--bg-darker); color: var(--tt-lighter);
	font-weight: 700; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; width: 400px;  max-width: 100%;}
.pagination__pages {gap: 10px 10px;}
.pagination__pages a, .pagination__pages span {display: inline-block; line-height: 38px; background-color: var(--bg-lighter);
	padding: 0 10px; min-width: 40px; font-size: 16px; border: 1px solid var(--bdc-darker); border-radius: 20px;}
.pagination__pages span:not(.nav_ext) {background: var(--accent); color: #fff; border-color: var(--accent);}
.imgsasisrce img {width: 210px ; object-fit: cover; height: 125px ; border: 1px solid #383940; margin-top: 10px ; margin-right: 5px ; opacity: 0.9; border-radius: 3px ;}

/* INNER PAGE
----------------------------------------------- */
/* ===== Контейнер кнопок ===== */
.page_downloads {
    margin-top: 15px;
}

.d-downloads {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* центр страницы */
    gap: 6px;
}

/* ===== Общий стиль кнопок ===== */
.page_downloads a {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 40px;
    padding: 0 20px 0 50px; /* место под иконку */
    background: #2d2e34;
    border-radius: 2px;
    border: 1px solid var(--bdc-darker);
    color: var(--tt-lighter);
    font-size: 22px;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all .2s ease;
}

/* hover */
.page_downloads a:hover {
    background: var(--accent);
    color: var(--tt);
    border-color: var(--accent);
}

/* ===== Базовая иконка (если сервис не определён) ===== */
.page_downloads a::before {
    content: "";
    position: absolute;
    left: 10px;
    width: 25px;
    height: 25px;
    background: url("https://mow-portal.com/uploads/other_image/icon26_other03.png") center / contain no-repeat;
    opacity: .95;
}

/* ===== Google Drive ===== */
.page_downloads a[href*="drive.google.com"]::before {
    background-image: url("https://mow-portal.com/uploads/other_image/icon26_google02.png");
}

/* ===== ModsFire ===== */
.page_downloads a[href*="modsfire.com"]::before {
    background-image: url("https://mow-portal.com/uploads/other_image/icon26_modsfire00.png");
}

/* ===== Mediafire ===== */
.page_downloads a[href*="mediafire.com"]::before {
    background-image: url("https://mow-portal.com/uploads/other_image/icon26_mediafire05.png");
}

/* ===== Яндекс Диск ===== */
.page_downloads a[href*="disk.yandex.ru"]::before,
.page_downloads a[href*="yadi.sk"]::before {
    background-image: url("https://mow-portal.com/uploads/other_image/icon26_yandex01.png");
}

/* ===== PixelDrain ===== */
.page_downloads a[href*="pixeldrain.com"]::before {
    background-image: url("https://mow-portal.com/uploads/other_image/icon26_pixeldrain01.png");
}

/* ===== Торрент ===== */
.page_downloads a[href*=".torrent"]::before,
.page_downloads a[href*="torrent"]::before {
    background-image: url("https://mow-portal.com/uploads/other_image/icon26_torrent04.png");
}

.page__tags {font-size: 0; gap: 10px 4px; margin-top: 15px;}
.page__tags .fal {height: 30px; line-height: 30px; font-size: 16px; margin-right: 6px;}
.page__tags a {display: flex; align-items: center; white-space: nowrap; height: 30px; border-radius: 2px; 
	padding: 0 10px; font-size: 11px; text-transform: uppercase; 
	color: var(--tt-lighter); border: 1px solid var(--bdc-darker);}

.page__tags + .page__footer {margin-top: -10px;}
.page__footer {font-size: 14px; border-top: 1px solid var(--bdc); padding-top: 20px;}
.page__fav a {padding-left: 50px; position: relative; display: block; 
	color: var(--tt-lightest); line-height: 1.3; font-size: 13px;}
.page__fav .fal {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; 
	border: 1px solid var(--bdc); border-radius: 50%; color: var(--accent);
	position: absolute; left: 0; top: 50%; margin-top: -20px;}
.page__btn-comments {height: 30px; padding: 0 10px; font-size: 11px; 
	text-transform: uppercase; margin-left: 20px;}

.page__prev-next {background-color: var(--bg-2); width: 300px; padding: 20px; 
	float: left; margin: 0 20px 10px 0; padding-bottom: 3px;}
.page__prev-next-link {line-height: 1.5; display: block; margin-bottom: 20px; font-weight: 300;}
.page__prev-next-link div {font-size: 12px; color: var(--tt-lightest); margin-bottom: 5px;}
.popular-item__img {width: 100px; height: 60px; margin-right: 20px;}
.popular-item__title {line-height: 1.4; -webkit-line-clamp: 3;}
.popular-item:hover, .page__prev-next-link:hover {text-decoration: underline;}
pre {background: #2f3138; padding: 12px; border-radius: 5px; margin-bottom: 10px;white-space: break-spaces;}
.icodonw {height: 30px; line-height: 30px; font-size: 18px; margin-right: 6px; color: #88a767;}
/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.full-text {line-height: 1.7; font-size: 15px; word-wrap: break-word;}
.full-text a {text-decoration: none; color: #8dad6b;}
.full-text a:hover {text-decoration: underline; color: #8dad6b;}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table, .page__title {margin-bottom: 15px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--accent); position: absolute; top: 5px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #fff; 
	position: absolute; top: -2px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-text > ol li:after {content: ''; border: 10px solid transparent; border-left-color: var(--accent); 
	position: absolute; left: 41px; top: -2px; transform: scale(0.66,1.5); transform-origin: 0 0;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%;}
.full-text table tr td {padding:6px; border:1px solid #383940;}
.full-text table tr:nth-child(1) {background-color:#2a2c32;border: 1px solid #383940;}
.full-text table img:not(.emoji) {margin:0; max-width:350px}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 60%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px;}
.full-text iframe {width: 100%; height: 400px; margin-bottom: 20px;}
.fdl-btn {display: block; position: relative; box-shadow: 0 3px 10px rgba(0,0,0,0.1); 
	text-decoration: none !important; padding: 15px 15px 15px 130px;
	background: linear-gradient(to top, #27ae60, #2ecc71); color: #fff !important; overflow: hidden;}
.fdl-btn-title {font-weight: 500; text-transform: uppercase; word-wrap: break-word;}
.fdl-btn-size {font-size: 14px; margin-top: -2px; margin-bottom: 6px; opacity: 0.9;}
.fdl-btn-caption {opacity: 0.7; font-size: 14px;}
.fdl-btn-dl {font-size: 12px; text-transform: uppercase; margin-left: 15px;}
.fdl-btn > * {position: relative; z-index: 3;}
.fdl-btn-icon {width: 50px; height: 50px; border-radius: 50%; margin-top: -25px; font-size: 24px;
	position: absolute; left: 40px; top: 50%; display: flex; align-items: center; justify-content: center;
	box-shadow: 0 0 0 15px rgba(0,0,0,0.13), 0 0 0 30px rgba(0,0,0,0.08), 0 0 0 45px rgba(0,0,0,0.04);}


/* COMMENTS
----------------------------------------------- */
.page__comments {margin: 0; margin-top: 30px; padding: 20px; border-radius: 10px; background: var(--bg-lighter);}
.page__comments-title {font-size: 21px; font-weight: 700; margin-bottom: 20px;}
.page__comments-info {font-size: 14px; margin-bottom: 15px; margin-top: -15px; 
	color: var(--tt-lighter); line-height: 1.5;}
.page__comments-info .fal {color: #eb4d4b; margin-right: 6px;}
.page__comments-header {position: relative; padding-right: 130px;}
.page__comments-btn {position: absolute; right: 0; top: 0;}
.ac-form {display: grid; gap: 20px; margin-bottom: 40px;}
.ac-form__bottom {gap: 10px 20px;}
.ac-form .message-info {margin: 0;}
.ac-form .tox-tinymce {height: 160px !important;}
.comments_subscribe + br {display: none;}
.mass_comments_action {display: flex; align-items: center; max-width: 800px; white-space: nowrap; margin-bottom: 20px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -8px 0 20px;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}
.has-comms {margin-bottom: -20px;}

.comment-item__title {font-weight: 700; font-size: 18px; margin-bottom: 20px;}
.comment-item {margin-bottom: 12px; background: #2e2f35; padding: 13px; border-radius: 10px;}
.comment-item__img {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.comment-item__letter {width: 100%; height: 100%; text-transform: uppercase; font-weight: 700; 
	position: absolute; left: 0; top: 0; z-index: 5; color: #fff; font-size: 18px;}
.comment-item__author {font-weight: 600; font-size: 14px;}
.comment-item__date {color: var(--tt-lightest); margin-top: 4px; font-size: 12px;}
.comment-item__main {margin: 8px 0 6px 0; font-size: 15px;}
.comment-item__rating {white-space: nowrap; font-size: 14px;}
.comment-item__rating a {margin-left: 6px;}
.comment-item__rating a > span:first-child {color: #6ab04c; margin-right: 2px;}
.comment-item__rating a:last-child > span:first-child {color: #eb4d4b;}
.comment-item__reply a {font-size: 12px; margin-right: 20px; color: var(--tt-lightest);}
.comment-item__reply a .fal {margin-left: 5px;}
.comment-item__reply + .comment-item__reply a .fal {margin-left: 0; margin-right: 5px;}
.comment-item__controls {text-align: right; font-size: 12px; margin-right: -15px;}
.comment-item__controls li {display: inline-block; vertical-align: middle; margin: 0 0 0 10px; height: 16px; line-height: 16px;}
.comment-item__controls a:not(:hover) {color: var(--tt-lightest);}
.comment-item__footer a:hover {text-decoration: underline;}
.comment-item__rating a:hover > span:first-child {text-decoration: none;}
.comment-item__controls .checkbox {transform: scale(0.8,0.8); margin-left: 5px;}


/* LOGIN
----------------------------------------------- */
.login {position: fixed; z-index: 999; left: 50%; top: 50%; transform: translate(-50%,-50%); overflow: hidden;
	background-color: var(--ui-bg); border-radius: 4px; width: 400px;}
.login__header {padding: 20px 40px; background-color: var(--ui-bg-darker);}
.login__title {font-size: 18px; font-weight: 600; padding: 1px 0; text-transform: capitalize;}
.login__close {cursor: pointer; font-size: 24px; opacity: 0.6; margin-left: 20px;}
.login__title a {border-bottom: 1px dotted var(--tt-lighter); margin-left: 10px; font-weight: 400; color: var(--tt-lightest);}
.login__content {padding: 20px 40px;}
.login__row {margin-bottom: 20px; position: relative; display: block; font-size: 14px; color: var(--tt-lightest);}
.login__caption {font-size: 14px; color: var(--tt); margin-bottom: 10px;}
.login__caption a {text-decoration: underline; margin-left: 6px; color: var(--accent);}
.login__input input {padding-left: 40px;}
.login__row span[class*="fa-"] {opacity: 0.5; position: absolute; left: 0; bottom: 0; line-height: 40px; width: 40px; text-align: center;}
.login__row button {width: 100%;}
.login__social {background-color: var(--ui-bg-darker); padding: 20px 40px; text-align: center;}
.login__social-caption {font-size: 11px; text-transform: uppercase; margin-bottom: 10px;}
.login__social-btns a {display:inline-block; margin: 0 3px; vertical-align:top;}
.login__social-btns img {display:block; width:34px; height: 34px;}
.login__avatar {width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.login__menu {padding-left: 35px; padding-right: 35px; margin-bottom: -10px;}
.login__menu li {flex: 1 1 0; min-width: auto; max-width: 100%; margin: 0 5px 10px 5px;}
.login__menu a {display: block; border-radius: 6px; padding: 10px; text-align: center; white-space: nowrap;
	background-color: var(--ui-bg-darker); box-shadow: inset 0 0 10px rgba(0,0,0,0.1); font-size: 13px;}
.login__menu li a span[class*="fa-"] {
    display: inline-block;
    width: 16px;
    margin-right: 6px;
    font-size: 14px;
    opacity: .75;
    color: #a0a3ad;
    text-align: center;
}

.login__menu a {
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.login__menu a:hover {
    background-color: #303238;
    color: #cfd3dc;
    box-shadow: inset 0 0 0 1px rgba(143,183,103,.22), 0 4px 14px rgba(0,0,0,.18);
    transform: translateY(-1px);
}

.login__menu a:hover span[class*="fa-"] {
    color: #8fb767;
    opacity: 1;
}

.login__close {
    transition: color .2s ease, opacity .2s ease, transform .2s ease;
}

.login__close:hover {
    color: #f54a4a;
    opacity: 1;
    transform: rotate(90deg);
}

.login__row span[class*="fa-"] {
    opacity: .55;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 40px;
    width: 40px;
    text-align: center;
    color: #9ca0aa;
}

.login__row:focus-within span[class*="fa-"] {
    color: #8fb767;
    opacity: 1;
}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	padding: 10px 20px; z-index: 999; position: fixed; left: -320px; top: 0; transition: left .4s; 
	background-color: var(--bg-lighter); color: var(--tt);}
.mobile-menu.is-active {left: 0;}
.mobile-menu-close {cursor: pointer; display: block; left: 280px; top: -40px; position: fixed; z-index: 999;
	width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; opacity: 0;
	background-color: #e84e36; color: #fff; transition: top .4s, opacity .4s;}
.mobile-menu-close.is-active {top: 0px; opacity: 1;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu ul {margin: 0; padding: 0; display: block;}
.mobile-menu ul > li {width: 100%; margin: 0; padding: 0; border: 0;}
.mobile-menu ul > li > a {height: 40px; line-height: 40px; padding: 0; display: block;}
.mobile-menu .nav__list-hidden {width: 100%; height: auto; display: block; position: relative; left: 0; top: 0;
	width: calc(100% + 40px); margin: 15px -20px; padding: 10px 20px; border-radius: 0 !important;
	opacity: 1; visibility: visible; transform: none; background: var(--bg);}

@media screen and (max-width: 1220px) {
	body {background-image: none;}
	.wrapper {padding: 0; background-image: none; overflow: hidden;}
	.wrapper-container {max-width:1000px;}
	#scrolltop {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
	.nav, .col-side .js-this-in-mobile-menu, .header__link, .hm {display: none;}
	.header__btn-menu {display: inline-flex; width: 40px; padding: 0; font-size: 18px;}
	.cols {grid-template-columns: minmax(0,1fr);}
	.col-side {order: 10;}
	.footer {display: block; text-align: center;}
	.footer__text {margin: 20px 0;}
	.footer__logo {margin: 0;}
	.side-block--sticky {position: static;}
	.top-item {flex: 1 0 30% !important;}
}

@media screen and (max-width: 950px) {
	.wrapper-container {max-width:768px;}
	.top-item {flex: 1 0 200px !important;}
	.short__header, .short__desc, .content-block--bg {padding: 20px;}
	.short__text {margin-bottom: 20px;}
}

@media screen and (max-width: 760px) {
	.wrapper-container {max-width:640px;}
	.header {gap: 20px 10px;}
	.header__search {min-width: 100%; order: 10; margin: 0;}
	.header__search form {max-width: 100%;}
	.header__logo {flex: 1 1 0; max-width: 100%; min-width: 100px; margin: 0;}
	.header__logo span {position: static; font-size: 1em; text-transform: none; margin-left: 3px;}
	.top {gap: 10px 10px;}
	.short__title, .sect__title, h1, h2, h3, h4, h5 {font-size: 18px;}
	.header__btn-login {width: 40px; overflow: hidden; font-size: 0; padding: 0; display: block;}
	.header__btn-login::before {display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; 
		font-size: 18px; content:"\f007"; font-weight: 300; font-family:'Font Awesome 5 Pro';}
	
	.page .short, .content-block--bg, .page__comments {margin-left: -20px; margin-right: -20px; border-radius: 0;}
	.page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
	
	.ac-form__bottom > * {min-width: 100%;}
	.ac-form__bottom button {width: 100%; order: 10;}
	.mass_comments_action, .comment-item__controls, .comment-item__rating-caption {display: none;}
}

@media screen and (max-width: 590px) {
	.wrapper-container {max-width:480px;}
	.login {max-width: 90%; max-height: 90%; overflow-x: hidden; overflow-y: auto;}
	.login__header, .login__content, .login__social, .pages-bg {padding-left: 20px; padding-right: 20px;}		

	.page__share {display: flex; min-width: 100%; margin: 0 0 20px 0px;}
	.page__yadzen {width: 100%; margin-bottom: 20px;}
	.page__meta, .page__date {font-size: 12px;}
	.page__header h1 {line-height: 1.4; font-size: 19px;}
	.page__poster {height: 240px;}
	.page__date {position: absolute; left: 0px; top: 30px;}
	.page__rating {top: 20px; bottom: auto; font-size: 13px;}
	.page__rating > * {width: 40px; padding: 5px; text-align: center; height: 70px;}
	.page__rating .fal {margin: 0; margin-bottom: 6px;}
}

@media screen and (max-width: 470px) {
	.wrapper-container22 {max-width:360px;}
	.header__logo {font-size: 22px;}
	.hm2, .page__comments-info {display: none;}
	.short__img {height: 160px;}
	.short__text {font-size: 13px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
	.pagination__btn-loader > * {width: 100% !important; padding: 0 !important;}
	.hm {display: block;}
	
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}

/* Hint */
.hint {background: #2f3036; width: auto; max-width: 900px; color: #CCCCCC; font-size: 14px; border: 1px solid #393D41; border-left: 4px solid #4F6D3D; margin: 0; padding: 6px; position: absolute; visibility: hidden; border-radius: 4px; z-index: 10000 !important;}
a.fr-strong {font-weight: normal !important;}
	/* ===== tabs ===== */
	.xuf-tabs {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.xuf-tabs__btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 38px;
		padding: 0 16px;
		background: #2b2d32;
		border: 1px solid #383940;
		border-radius: 10px;
		color: #d7d7d7;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .35px;
		text-decoration: none !important;
		transition: all .18s ease;
	}

	.xuf-tabs__btn:hover {
		background: #33353b;
		border-color: #4a4d55;
		color: #fff;
	}

	.xuf-tabs__btn--active {
		background: linear-gradient(180deg, #87a95f, #6f8f48);
		border-color: #789754;
		color: #fff !important;
		box-shadow: 0 6px 14px rgba(102,132,67,.22);
	}

	.xuf-tab-pane {
		display: none;
	}

	.xuf-tab-pane--active {
		display: block;
	}

	/* ===== profile ===== */
	.xuf-shell {
		background: #222327;
		border: 1px solid #383940;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: var(--bsh);
	}

	.xuf-head {
		gap: 14px;
		padding: 18px 20px;
		min-height: 110px;
		border-bottom: 1px solid rgba(255,255,255,.05);
	}

	.xuf-left {
		flex: 0 0 auto;
	}

	.xuf-avatar {
		width: 72px;
		height: 72px;
		border-radius: 12px;
		overflow: hidden;
		border: 1px solid rgba(255,255,255,.08);
		box-shadow: 0 6px 18px rgba(0,0,0,.22);
		background: #2a2c32;
	}

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

	.xuf-main {
		min-width: 0;
	}

	.xuf-name {
		margin: 0 0 6px 0;
		font-size: 24px;
		line-height: 1.1;
		font-weight: 700;
		color: #fff;
		text-shadow: 0 1px 6px rgba(0,0,0,.28);
	}

	.xuf-group {
		display: inline-block;
		padding: 6px 10px;
		background: rgba(20,22,25,.55);
		border: 1px solid rgba(255,255,255,.07);
		border-radius: 8px;
		font-size: 13px;
		line-height: 1.35;
		color: #c9cec4;
	}

	.xuf-group span {
		color: #f2f2f2;
		font-weight: 700;
	}

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

	.xuf-btn a,
	.xuf-btn .pm_button,
	.xuf-btn input,
	.xuf-btn button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 38px;
		padding: 0 16px;
		border-radius: 20px;
		border: 1px solid transparent;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .4px;
		text-decoration: none !important;
		transition: all .18s ease;
		white-space: nowrap;
	}

	.xuf-btn--accent a,
	.xuf-btn--accent .pm_button,
	.xuf-btn--accent input,
	.xuf-btn--accent button,
	.xuf-actions .xuf-btn a,
	.xuf-actions .xuf-btn .pm_button,
	.xuf-actions .xuf-btn input,
	.xuf-actions .xuf-btn button {
		background: linear-gradient(180deg, #87a95f, #6f8f48);
		color: #fff !important;
		box-shadow: 0 6px 14px rgba(102,132,67,.22);
	}

	.xuf-btn--accent a:hover,
	.xuf-btn--accent .pm_button:hover,
	.xuf-btn--accent input:hover,
	.xuf-btn--accent button:hover,
	.xuf-actions .xuf-btn a:hover,
	.xuf-actions .xuf-btn .pm_button:hover,
	.xuf-actions .xuf-btn input:hover,
	.xuf-actions .xuf-btn button:hover {
		filter: brightness(1.05);
		transform: translateY(-1px);
	}

	.xuf-btn--ghost a {
		background: #2b2d32;
		border-color: #3a3c43;
		color: #d8d8d8 !important;
	}

	.xuf-btn--ghost a:hover {
		background: #33353c;
		border-color: #4a4d55;
	}

	.xuf-meta {
		gap: 10px;
		padding: 12px 20px;
		background: #25262b;
		border-bottom: 1px solid rgba(255,255,255,.04);
	}

	.xuf-meta-left {
		flex: 0 0 auto;
	}

	.xuf-status {
		min-width: 82px;
		padding: 7px 10px;
		border-radius: 8px;
		text-align: center;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .3px;
	}

	.xuf-status--online {
		background: rgba(109,141,77,.18);
		border: 1px solid rgba(122,151,110,.22);
		color: #97be79;
	}

	.xuf-status--offline {
		background: rgba(175,70,73,.14);
		border: 1px solid rgba(175,70,73,.22);
		color: #d68183;
	}

	.xuf-stats {
		gap: 8px;
		flex-wrap: wrap;
		margin: 0 8px;
	}

	.xuf-stat {
		min-width: 92px;
		padding: 8px 10px;
		background: #2b2d32;
		border: 1px solid #383940;
		border-radius: 9px;
		line-height: 1.2;
	}

	.xuf-stat--wide {
		min-width: 140px;
		max-width: 220px;
	}

	.xuf-stat__label {
		font-size: 11px;
		color: #98a08f;
		margin-bottom: 4px;
	}

	.xuf-stat__value {
		font-size: 16px;
		font-weight: 700;
		color: #f0f0f0;
	}

	.xuf-stat--link .xuf-stat__value img {
		max-height: 20px;
		width: auto;
		display: inline-block;
		vertical-align: middle;
		opacity: .95;
		transition: transform .18s ease, opacity .18s ease;
	}

	.xuf-stat--link .xuf-stat__value a:hover img {
		opacity: 1;
		transform: scale(1.05);
	}

	.xuf-discord {
		font-size: 12px;
		font-weight: 500;
		color: #d8dbe2;
		word-break: break-word;
	}

	.xuf-grid {
		margin: 0;
		padding: 14px 20px;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		background: #222327;
	}

	.xuf-item {
		width: calc(50% - 4px);
		padding: 10px 12px;
		background: #2a2c32;
		border: 1px solid #383940;
		border-radius: 9px;
		font-size: 13px;
		line-height: 1.45;
		color: #d0d0d0;
	}

	.xuf-item--wide {
		width: 100%;
	}

	.xuf-item span {
		display: block;
		margin-bottom: 4px;
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .35px;
		color: #8dad6b;
	}

	.xuf-panel {
		margin: 0 20px 10px 20px;
		background: #26272c;
		border: 1px solid #383940;
		border-radius: 10px;
		overflow: hidden;
	}

	.xuf-panel__head {
		padding: 10px 12px;
		font-size: 11px;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: .6px;
		color: #d9e5cc;
		background: linear-gradient(90deg, rgba(109,141,77,.14), rgba(109,141,77,0));
		border-bottom: 1px solid rgba(255,255,255,.04);
	}

	.xuf-panel__body {
		padding: 12px;
		font-size: 13px;
		line-height: 1.5;
		color: #d6d6d6;
	}

	.xuf-panel__body--rating {
		background: linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0));
	}

	.xuf-posts {
		margin: 0;
		padding: 0 20px 10px 20px;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.xuf-postbox {
		width: calc(50% - 5px);
		padding: 12px;
		background: #26272c;
		border: 1px solid #383940;
		border-radius: 10px;
		font-size: 13px;
		line-height: 1.55;
		color: #d2d2d2;
	}

	.xuf-awards-wrap .awards-block {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		margin: 0;
	}

	.xuf-awards-wrap .awards-empty {
		color: #8d8d8d;
		font-style: italic;
		font-size: 12px;
	}

	.xuf-awards-wrap .award {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 4px 7px;
		margin: 0;
		border-radius: 9px;
		background: #2f3036;
		border: 1px solid #3a3c43;
		transition: all .18s ease;
	}

	.xuf-awards-wrap .award:hover {
		background: #37383d;
		border-color: #494c55;
		transform: translateY(-1px);
	}

	.xuf-awards-wrap .award-icon {
		object-fit: contain;
		flex: 0 0 auto;
	}

	.xuf-awards-wrap .award-meta {
		display: flex;
		flex-direction: column;
		line-height: 1.1;
		min-width: 0;
	}

	.xuf-awards-wrap .award-title {
		font-weight: 700;
		font-size: 12px;
		color: #f1f1f1;
		margin-bottom: 3px;
	}

	.xuf-awards-wrap .award-date {
		font-size: 10px;
		color: #9a9ca2;
	}

	/* ===== edit form ===== */
	.xuf-edit-form {
		background: #222327;
		border: 1px solid #383940;
		border-radius: 10px;
		padding: 22px;
		box-shadow: var(--bsh);
	}

	.xuf-edit-form .form__title {
		margin-bottom: 22px;
		font-size: 22px;
	}

	.xuf-edit-form .form__row {
		margin-bottom: 14px;
	}

	.xuf-edit-form input[type="text"],
	.xuf-edit-form input[type="password"],
	.xuf-edit-form input[type="email"],
	.xuf-edit-form input[type="file"],
	.xuf-edit-form select,
	.xuf-edit-form textarea {
		width: 100%;
		background: #1f2025;
		border: 1px solid #353842;
		border-radius: 8px;
		color: #e7e7e7;
		padding: 12px 14px;
		box-shadow: none;
	}

	.xuf-edit-form input[type="text"]:focus,
	.xuf-edit-form input[type="password"]:focus,
	.xuf-edit-form input[type="email"]:focus,
	.xuf-edit-form select:focus,
	.xuf-edit-form textarea:focus {
		border-color: #6f8f48;
		box-shadow: 0 0 0 3px rgba(111,143,72,.15);
	}

	.xuf-edit-form .form__btn,
	.xuf-edit-form button.form__btn,
	.xuf-edit-form button[name="submit"] {
		height: 40px;
		padding: 0 18px;
		border: 0;
		border-radius: 10px;
		background: linear-gradient(180deg, #87a95f, #6f8f48);
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .35px;
	}

	.xuf-edit-form .form__btn:hover,
	.xuf-edit-form button.form__btn:hover,
	.xuf-edit-form button[name="submit"]:hover {
		filter: brightness(1.05);
	}

	@media screen and (max-width: 860px) {
		.xuf-head,
		.xuf-meta {
			flex-wrap: wrap;
		}

		.xuf-actions {
			width: 100%;
			margin-left: 0;
		}

		.xuf-actions .xuf-btn,
		.xuf-actions .xuf-btn a,
		.xuf-actions .xuf-btn .pm_button,
		.xuf-actions .xuf-btn input,
		.xuf-actions .xuf-btn button {
			width: 100%;
		}

		.xuf-item,
		.xuf-postbox {
			width: 100%;
		}
	}

	@media screen and (max-width: 760px) {
		.xuf-tabs {
			margin-bottom: 10px;
		}

		.xuf-tabs__btn {
			flex: 1 1 0;
			min-width: 0;
		}

		.xuf-edit-form {
			padding: 16px;
		}
	}

	@media screen and (max-width: 640px) {
		.xuf-head {
			padding: 14px;
			gap: 12px;
		}

		.xuf-meta,
		.xuf-grid,
		.xuf-posts {
			padding-left: 14px;
			padding-right: 14px;
		}

		.xuf-panel {
			margin-left: 14px;
			margin-right: 14px;
		}

		.xuf-avatar {
			width: 60px;
			height: 60px;
		}

		.xuf-name {
			font-size: 20px;
		}

		.xuf-stat {
			width: 100%;
			max-width: 100%;
		}
	}
/* =========================
   DLE categorymenu.tpl safe version
   ========================= */

.xcm3-menu,
.xcm3-menu ul,
.xcm3-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.xcm3-menu {
flex-direction: column;
    padding: 10px;
    background: #25262b;
    border: 0px solid #32343b;
    border-radius: 11px;
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.xcm3-item {
	position: relative;
}

.xcm3-link {display: flex; align-items: center; gap: 4px; min-height: 32px; padding: 3px 5px; background: #2a2c32; border: 1px solid #383940; border-radius: 8px; text-decoration: none !important; color: #ececec !important; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;}

.xcm3-link:hover {
	background: #31343b;
	border-color: #454851;
	color: #fff !important;
	box-shadow: 0 6px 14px rgba(0,0,0,.14);
}

.xcm3-item--home .xcm3-link {
	background: linear-gradient(90deg, rgba(109,141,77,.16), rgba(109,141,77,.03));
	border-color: rgba(109,141,77,.20);
	font-weight: 700;
}

.xcm3-item--home .xcm3-link:hover {
	background: linear-gradient(90deg, rgba(109,141,77,.22), rgba(109,141,77,.06));
	border-color: rgba(109,141,77,.32);
}

.xcm3-icon {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #23252a;
	border: 1px solid #383940;
	border-radius: 7px;
	overflow: hidden;
}

.xcm3-icon img {
	display: block;
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.xcm3-text {
flex: 1 1 auto; min-width: 0; line-height: 1.2; font-size: 13px; padding-right: 4px; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}

.xcm3-count {
	flex: 0 0 auto;
	margin-left: auto;
	padding-left: 6px;
	font-size: 13px;
	color: #8fb767;
	white-space: nowrap;
}

/* стрелка только у пунктов с вложением */
.xcm3-item .submenu > .xcm3-link::after {
	content: "";
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	margin-left: 4px;
	border-right: 1px solid #7d8474;
	border-bottom: 1px solid #7d8474;
	transform: rotate(-45deg);
	opacity: .8;
	transition: transform .18s ease, opacity .18s ease;
}

.xcm3-item .submenu:hover > .xcm3-link::after {
	transform: rotate(-45deg) translate(2px,-2px);
	opacity: 1;
}

/* submenu */
.xcm3-submenu {position: absolute; right: calc(100% + 8px); top: 0; width: 260px; padding: 8px; background: rgba(38, 39, 44, .98); border: 1px solid #383940; border-radius: 12px; box-shadow: 0 14px 32px rgba(0, 0, 0, .26); display: flex; flex-direction: column; gap: 4px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; z-index: 999;
}

.xcm3-item:hover > .xcm3-submenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.xcm3-submenu .xcm3-link {
min-height: 32px; 
    padding: 3px 5px;
	border-radius: 9px;
	background: #2b2d33;
}

.xcm3-submenu .xcm3-icon {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	border-radius: 6px;
}

.xcm3-submenu .xcm3-icon img {
	width: 15px;
	height: 15px;
}

.xcm3-submenu .xcm3-text {
	font-size: 13px;
	line-height: 1.2;
}

.xcm3-submenu .xcm3-count {
	font-size: 12px;
}

.xcm3-submenu .xcm3-submenu {
	left: calc(100% + 8px);
	top: -8px;
}

/* mobile */
@media screen and (max-width: 1220px) {
	.xcm3-menu {
		padding: 0;
		background: transparent;
		border: 0;
		box-shadow: none;
		border-radius: 0;
		gap: 2px;
	}

	.xcm3-link {
		padding: 8px 0;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none !important;
	}

	.xcm3-link:hover {
		background: transparent;
		border: 0;
	}

	.xcm3-icon {
		background: #2a2c32;
	}

	.xcm3-submenu {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		margin: 4px 0 2px 0;
		padding: 4px 0 0 14px;
		background: transparent;
		border: 0;
		box-shadow: none;
		border-radius: 0;
		display: flex;
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.xcm3-submenu .xcm3-link {
		background: transparent;
		padding: 7px 0;
		min-height: 32px;
	}

	.xcm3-item.submenu > .xcm3-link::after {
		display: none;
	}
}

/* Подключены шрифты (скачены) из сайта Font Awesome */
.fa-solid,
.fas {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 900 !important;
}
.fa-regular,
.far {
    font-family: "Font Awesome 7 Free" !important;
    font-weight: 400 !important;
}
.short__meta-item {
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 500;
}

.short__meta-item .fa-solid,
.short__meta-item .fa-regular,
.short__meta-item .fa-brands {
    font-size: 14px;
    min-width: 14px;
    transition: .2s ease;
}

/* расстояние между блоками Font Awesome */
.short__meta.d-flex {
    gap: 14px;
}

/* hover эффект Font Awesome */
.short__meta-item:hover {
    color: #c2c6cf;
}

.short__meta-item:hover i,
.short__meta-item:hover span[class*="fa-"] {
    color: #8fb767;
}

/* Шапка */
.top-menu {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    padding: 0 40px;
    margin-bottom: 20px;
    box-sizing: border-box;
	background:#212227; 
    border-top: 1px solid rgba(255,255,255,.04);
    border-bottom: 1px solid rgba(255,255,255,.06);
    z-index: 5;
}

.top-menu a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 58px;
    padding: 0 8px;
    color: #c7c9cf;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
    transition: .2s ease;
}

.top-menu a i {
    color: #9da0a9;
    font-size: 14px;
    transition: .2s ease;
}

.top-menu a:hover,
.top-menu a.active {
    color: #ffffff;
}

.top-menu a:hover i,
.top-menu a.active i {
    color: #ffffff;
}

.top-menu a::after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 0;
    height: 2px;
    border-radius: 10px;

    background: linear-gradient(
        90deg,
        #6e8f44,
        #8fb767,
        #6e8f44
    );

    opacity: 0;
    transform: scaleX(.6);
    transition: .25s ease;
}

.top-menu a:hover::after,
.top-menu a.active::after {
    opacity: 1;
    transform: scaleX(1);
}

/* Размер файла в вид материалов */
.file-size-badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 5px 6px;
    border-radius: 6px;
	background:#2d2e33;
    border: 1px solid rgba(255,255,255,.06);
    color: #f2f2f2;
    font-size: 13px;
    font-weight: 600;
    transition: .2s ease;
}

.file-size-badge i {
    font-size: 11px;
    opacity: .75;
    color: #c7ccd7;
}

.file-size-badge:hover {
    transform: translateY(-1px);
    border-color: rgba(143,183,103,.25);
}

/* Категории внутри файла - материала */
.post-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin: 8px 0 12px;
    font-size: 0;
}

.post-cats a {
    display: inline-flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    border-radius: 6px;
    background: #2b2d32;
    border: 1px solid rgb(66 69 64 / 18%);
    color: #8fb767 !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    transition: .2s ease;
}

.post-cats a::before {
    content: "\f02b";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    font-size: 10px;
    margin-right: 6px;
    color: #6f8f4c;
}

.post-cats a:hover {
    background: #363b42;
    color: #b4e278 !important;
    border-color: rgba(143,183,103,.35);
}

/* Описание мода внутри материала */
.mod-description {
    padding: 18px 20px;
	background:#2D2E34;
    border-radius: 6px;
}

.mod-description__title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 700;
    color: #f1f1f1;
}

.mod-description__title i {
    color: #8fb767;
    font-size: 15px;
}

.mod-description__text {
    font-size: 15px;
    line-height: 1.75;
    color: #d3d5db;
}

.mod-description__text p:last-child {
    margin-bottom: 0;
}
.mod-description__text a {
    color: #8fb767;
    font-weight: 600;
    text-decoration-color: rgba(143,183,103,.35);
    transition: .2s ease;
}

.mod-description__text a:hover {
    color: #b7ec79;
    text-decoration: underline;
    text-decoration-color: rgba(183,236,121,.8);
}