/* General Style */
td img{vertical-align:top;}
a:link {text-decoration:none; color:#FFC983;}
a:active {text-decoration:none; color:#FFC983;}
a:visited {text-decoration:none; color:#FFC983;}
a:hover {text-decoration:underline; color:#FFFFFF;}

.product-card .product-tail { background-color:#191418; }

td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#A67961;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}
input#catSelector9{background-color:#fff; }

a.noun:link {text-decoration:none; color:#FFE0A2}
a.noun:active {text-decoration:none; color:#FFE0A2}
a.noun:visited {text-decoration:none; color:#FFE0A2}
a.noun:hover {text-decoration:none; color:#FFE0A2;font-weight:bold;}
.mframe1 {padding:2 10 30 10px;}
hr {color:#735444;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#FFFFFF;font-size:13px;font-weight:bold; padding-left:22px; background: url('/.s/t/991/20.gif') no-repeat 5px 2px;}

.menut0 {}
.menut {padding:2 3 3 15px;}
.mframe {padding:2 0 30 30px;}
.bannerTable {width:468;height:60;}

.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}
a.menu1:link {text-decoration:underline; color:#CCCCCC}
a.menu1:active {text-decoration:underline; color:#CCCCCC}
a.menu1:visited {text-decoration:underline; color:#CCCCCC}
a.menu1:hover {text-decoration:none; color:#FFFFFF}
/* ------------- */

/* Menus */
ul.uz, ul.uMenuRoot {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
li.menus {margin: 0; padding: 0 0 0 15px; background: url('/.s/t/991/21.gif') no-repeat 0px 2px; margin-bottom: .6em;}
/* ----- */

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}


.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#FFE0A2}
.uMenuV li a:active {text-decoration:none; color:#FFE0A2}
.uMenuV li a:visited {text-decoration:none; color:#FFE0A2}
.uMenuV li a:hover {text-decoration:none; color:#FFE0A2;font-weight:bold;}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#FFFFFF}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#FFFFFF}
.uMenuV a.uMenuItemA:hover {text-decoration:none; color:#000000}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 0 0 0 15px; background: url('/.s/t/991/21.gif') no-repeat 0px 2px; margin-bottom: .6em;}
/* --------- */

/* Module Part Menu */
.catsTd {padding: 0 0 6px 15px; background: url('/.s/t/991/21.gif') no-repeat 0px 2px;}
.catNumData {font-size:7pt;color:#7C5A49;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#FFE0A2;}
a.catName:visited {text-decoration:none; color:#FFE0A2;}
a.catName:hover {text-decoration:none; color:#FFE0A2;font-weight:bold;}
a.catName:active {text-decoration:none; color:#FFE0A2;}
a.catNameActive:link {text-decoration:none; color:#FFFFFF;}
a.catNameActive:visited {text-decoration:none; color:#FFFFFF;}
a.catNameActive:hover {text-decoration:underline; color:#FFFFFF;}
a.catNameActive:active {text-decoration:none; color:#FFFFFF;}
/* ----------------- */

/* Entries Style */
.eBlock {}
.eMessage {color:#A67961;}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:13px;font-weight:bold;color:#E9D0B3; padding: 4px 0 4px 10px; background:url('/.s/t/991/22.jpg');}
.eTitle a:link {text-decoration:none; color:#FFDB83;}
.eTitle a:visited {text-decoration:none; color:#FFDB83;}
.eTitle a:hover {text-decoration:underline; color:#FFFFFF;}
.eTitle a:active {text-decoration:none; color:#FFDB83;}

.eText {text-align:justify; padding:5px;border-top:1px dashed #886D83;color:#A67961;}

.eDetails {border-top:1px dashed #735444;border-bottom:1px dashed #735444;color:#735444;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt;}
.eDetails1 {border-top:1px dashed #735444;border-bottom:1px dashed #735444;color:#735444;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}
.eDetails2 {border-top:1px dashed #735444;border-bottom:1px dashed #735444;color:#735444;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}

.eRating {font-size:7pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/991/23.gif') no-repeat 0px 0px;}
/* --------------- */

/* Entry Manage Table */
.manTable {border:1px solid #886D83;background:#211A20;}
.manTdError {color:#FF0000;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {color:#87624F;padding-left:15px;padding-top:4px;font-style:italic;}

.cBlock1 {background:#211A20;border:1px solid #0D0A0C;}
.cBlock2 {background:#211A20;border:1px solid #0D0A0C;}
/* -------------- */

/* Comments Form Style */
.commTable {border:1px solid #0D0A0C;background:#211A20;}
.commTd1 {color:#886D83;font-weight:bold;padding-left:5px;}
.commTd2 {padding-bottom:2px;}
.commFl {width:100%;color:#87624F;background:#191418;border:1px solid #0D0A0C;}
.smiles {}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#FF0000;}
.securityCode {color:#87624F;background:#191418;border:1px solid #735444;}
/* ------------------- */

/* News/Blog Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 3px 10px; background: url('/.s/t/991/24.gif') no-repeat 0px 4px;}
.archActive {color:#FFFFFF;}
a.archLink:link {text-decoration:underline; color:#FFDB83;}
a.archLink:visited {text-decoration:underline; color:#FFDB83;}
a.archLink:hover {text-decoration:none; color:#FFFFFF;}
a.archLink:active {text-decoration:none; color:#FFDB83;}
/* ---------------------- */

/* News/Blog Archive Style */
.archiveCalendars {text-align:center;color:#E2B4B4;}
.archiveDateTitle {font-weight:bold;color:#FFFFFF;padding-top:15px;}
.archEntryHr {width:250px;color:#DDDDDD;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/991/25.gif') no-repeat 0px 2px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:visited {text-decoration:none; color:#FFFFFF}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#FFFFFF}
a.archiveDateTitleLink:active {text-decoration:underline; color:#FFFFFF}
.archiveNoEntry {text-align:center;color:#E2B4B4;}
/* ------------------------ */

/* News/Blog Calendar Style */
.calMonth {}
.calWday {color:#FFFFFF; background:#3A2319; width:18px;}
.calWdaySe {color:#FFFFFF; background:#523223; width:18px;}
.calWdaySu {color:#FFFFFF; background:#523223; width:18px; font-weight:bold;}
.calMday {color:#BE7352;}
.calMdayA {color:#000000;background:#BE7352;font-weight:bold;}
.calMdayIs {color:#FFFFFF;background:#211A20;font-weight:bold;}
.calMdayIsA {border:1px solid #BE7352;background:#211A20;font-weight:bold;color:#FFFFFF;}
a.calMonthLink:link,a.calMdayLink:link {text-decoration:none; color:#FFFFFF;}
a.calMonthLink:visited,a.calMdayLink:visited {text-decoration:none; color:#FFFFFF;}
a.calMonthLink:hover,a.calMdayLink:hover {text-decoration:underline; color:#FFFFFF;}
a.calMonthLink:active,a.calMdayLink:active {text-decoration:underline; color:#FFFFFF;}
/* ------------------------ */

/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#000000}
.textResults {background:#FFFFFF}
.textResultsTd {background:#700000}

.pollNow {background:#FFFFFF}
.pollNowTd {background:#700000}

.totalVotesTable {background:#FFFFFF}
.totalVotesTd {background:#700000}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:yellow;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:pink;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
/* ---------------- */

/* Other Styles */
.replaceTable {background:#211A20;height:100px;width:300px;border:1px solid #735444;}
.replaceBody {background:#000000;}
#image-list #gimage-add.panel.wait { background-image: url(/.s/img/light_wait.svg); }

.legendTd {font-size:7pt;}
/* ------------ */

/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#000000;width:98%;margin-left:1%;margin-right:1%;}
.gTableTop {padding:2px;background:url('/.s/t/991/9.jpg') 10px #413F40;height:23px; color:#B5ADBC;font-family:Verdana,Sans-Serif;font-size:13px;font-weight:bold; padding-left:22px;}
.gTableSubTop {padding:2px;background:url('/.s/t/991/27.jpg') #241710; color:#C87F56;height:20px;font-size:10px;}
.gTableBody {padding:2px;background:#191418;}
.gTableBody1 {padding:2px;background:#191418;}
.gTableBottom {padding:2px;background:#191418;}
.gTableLeft {padding:2px;background:#211A20;font-weight:bold;color:#87624F}
.gTableRight {padding:2px;background:#191418;color:#666666;}
.gTableError {padding:2px;background:#191418;color:#FF0000;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background:#191418}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#211A20}
.forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;}

a.catLink:link {text-decoration:none; color:#B5ADBC;}
a.catLink:visited {text-decoration:none; color:#B5ADBC;}
a.catLink:hover {text-decoration:underline; color:#FFFFFF;}
a.catLink:active {text-decoration:underline; color:#B5ADBC;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#888888;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:underline; color:#CCCCCC;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:underline; color:#CCCCCC;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:none; color:#FFFFFF;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#CCCCCC;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-weight:bold;font-size:7pt;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#CCCCCC;}
a.forumBarA:visited {text-decoration:none; color:#CCCCCC;}
a.forumBarA:hover {text-decoration:underline; color:#FFFFFF;}
a.forumBarA:active {text-decoration:underline; color:#CCCCCC;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#862D2D;color:#FFFFFF;}
.fastNavCat {background:#F9E6E6;}
.fastNavCatA {background:#F9E6E6;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.pagesInfo {background:#000000;padding-right:10px;font-size:7pt;}
.switches {background:#2B2B2B;}
.switch {background:#211A20;width:15px;font-size:7pt;}
.switchActive {background:#BE7352;font-weight:bold;color:#000000;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#CCCCCC;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#CCCCCC;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FFFFFF;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#CCCCCC;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#191418}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#211A20}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#333333;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#000000;height:20px;font-weight:bold;font-size:7pt;color:#E9D0B3;padding-left:40px;}
.threadsDetails {padding:2px;background:#211A20;height:20px;color:#87624F;}
.forumOnlineBar {padding:2px;background:#191418;color:#87624F;height:20px;font-size:10px;}

a.threadPinnedLink:link {text-decoration:none; color:#CCCCCC;}
a.threadPinnedLink:visited {text-decoration:none; color:#CCCCCC;}
a.threadPinnedLink:hover {text-decoration:underline; color:#FFFFFF;}
a.threadPinnedLink:active {text-decoration:underline; color:#CCCCCC;}

.threadPinnedLink,.threadLink {font-weight:bold;}
a.threadLink:link {text-decoration:underline; color:#CCCCCC;}
a.threadLink:visited {text-decoration:underline; color:#CCCCCC;}
a.threadLink:hover {text-decoration:none; color:#FFFFFF;}
a.threadLink:active {text-decoration:underline; color:#CCCCCC;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#000000}
.postPoll {background:#191418;text-align:center;}
.postFirst {background:#191418;border-bottom:1px solid silver;}
.postRest1 {background:#191418;}
.postRest2 {background:#191418;}
.postSeparator {height:2px;background:#BE7352;}

.postTdTop {background:url('/.s/t/991/27.jpg') #241710; color:#C87F56;color:#E1E1E1;height:20px;font-size:10px;}
.postBottom {background:url('/.s/t/991/28.jpg');height:20px;font-weight:bold;color:#E9D0B3;}
.postUser {font-weight:bold;}
.postTdInfo {background:#191418;text-align:center;padding:5px;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#87624F;}
.posttdMessage {background:#000000;padding:5px;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:bold;}
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {background:#191418;font-size:9px;}
.quoteMessage {background:#191418;font-size:9px;}

.signatureView {font-size:7pt;}
.edited {padding-top:30px;font-size:7pt;text-align:right;color:#C44500;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#FFFF00;}
.statusOffline {color:#FFFFFF;}
/* ---------- */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('/.s/t/991/29.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('/.s/t/991/29.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* Post Form */
.pollBut, .loginButton, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background:url('/.s/t/991/22.jpg') center #211716;color:#E1A384;border:1px outset #704C38;}

.codeButtons {font-size:7pt;background:url('/.s/t/991/22.jpg') center #211716;color:#E1A384;border:1px outset #704C38;}
.codeCloseAll {font-size:7pt;background:url('/.s/t/991/22.jpg') center #211716;color:#E1A384;border:1px outset #704C38;font-weight:bold;}
.postNameFl,.postDescrFl {background:#211A20;border:1px solid #735444;width:400px;color:#666666;}
.postPollFl,.postQuestionFl {background:#211A20;border:1px solid #735444;width:400px;color:#666666;}
.postResultFl {background:#211A20;border:1px solid #735444;width:50px;color:#666666;}
.postAnswerFl {background:#211A20;border:1px solid #735444;width:300px;color:#666666;}
.postTextFl {background:#211A20;border:1px solid #735444;width:550px;height:150px;color:#666666;}
.postUserFl {background:#211A20;border:1px solid #735444;width:300px;color:#666666;}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* --------- */

/* ====== forum End ====== */

#iplus .button{width:auto !important;}
#uNetRegF{text-align:left;}
input[type=submit] {*overflow: visible; *padding:0 7px; *border: 0px !important;}
.uMenuV{z-index:5;}
input[type=text], input[type=password], textarea, iframe#mchatIfm2{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *padding:3px 0px !important;}

/* --- БЛОК ОРАНЖЕВЫХ СТИЛЕЙ --- */

/* 1. Цвет обычных ссылок (до наведения и при нажатии) */
a:link, a:active, a:visited, 
a.noun:link, a.noun:active, a.noun:visited, 
.uMenuV li a:link, .uMenuV li a:active, .uMenuV li a:visited,
a.catName:link, a.catName:visited, a.catName:active {
 color: #FF7F00 !important; /* Насыщенный оранжевый */
}

/* 2. Цвет ссылок при наведении курсора */
a:hover, a.noun:hover, .uMenuV li a:hover, a.catName:hover {
 color: #FFD700 !important; /* Светло-оранжевый при наведении */
 text-decoration: underline !important;
}

/* 3. Заголовки материалов (новостей, статей) */
.eTitle, .eTitle a:link, .eTitle a:visited, .eTitle a:active {
 color: #FF8C00 !important; /* Темно-оранжевый для читаемости заголовков */
}

/* 4. Заголовки блоков меню (в сайдбаре) */
.blocktitle {
 color: #FF7F00 !important;
}

/* 5. Текст внутри комментариев и форм */
.eMessage, .eText, .commTd1, .securityCode {
 color: #FFB366 !important; /* Мягкий оранжево-бежевый для удобства чтения */
}
/* Скругление углов для блоков новостей и комментариев */
.eBlock, .cBlock1, .cBlock2, .commTable, .manTable {
 border-radius: 6px !important;
 overflow: hidden;
}
/* Золотистое свечение ссылок при наведении */
a:hover, .uMenuV li a:hover, a.catName:hover {
 text-shadow: 0 0 8px rgba(255, 215, 0, 0.6) !important;
}
/* Плавное изменение цвета для всех ссылок на сайте */
a {
 transition: color 0.3s ease, text-shadow 0.3s ease !important;
}
/* --- ФИШКА 1: Плавная анимация всех ссылок --- */
a, .uMenuV li a, a.catName {
 -webkit-transition: color 0.3s ease, text-shadow 0.3s ease, background-color 0.3s ease !important;
 -moz-transition: color 0.3s ease, text-shadow 0.3s ease, background-color 0.3s ease !important;
 -o-transition: color 0.3s ease, text-shadow 0.3s ease, background-color 0.3s ease !important;
 transition: color 0.3s ease, text-shadow 0.3s ease, background-color 0.3s ease !important;
}
/* Эффект выделения блока статьи при наведении */
.eBlock {
 transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.eBlock:hover {
 transform: translateY(-2px); /* Слегка приподнимает блок */
 box-shadow: 0 5px 15px rgba(255, 127, 0, 0.15); /* Оранжевая мягкая тень */
}
/* Стиль полосы прокрутки */
::-webkit-scrollbar {
 width: 10px;
 background-color: #191418; /* Фон дорожки скролла */
}
::-webkit-scrollbar-thumb {
 background-color: #FF7F00; /* Цвет самого ползунка (оранжевый) */
 border-radius: 5px;
 border: 2px solid #191418;
}
::-webkit-scrollbar-thumb:hover {
 background-color: #FFD700; /* Ползунок становится золотым при наведении */
}
/* Цвет выделения текста мышкой */
::-moz-selection { background: #FF7F00; color: #000000; }
::selection { background: #FF7F00; color: #000000; }
/* Эффект матового стекла для блоков */
.cBlock1, .cBlock2, .commTable, .manTable {
 background: rgba(33, 26, 32, 0.75) !important; /* Полупрозрачный фон */
 backdrop-filter: blur(8px) !important; /* Размытие заднего плана */
 -webkit-backdrop-filter: blur(8px) !important;
 border: 1px solid rgba(115, 84, 68, 0.4) !important; /* Тонкая аккуратная рамка */
}
/* Прогресс-бар скролла (работает на чистом CSS) */
@keyframes scroll-progress {
 to { width: 100%; }
}
body::before {
 content: '';
 position: fixed;
 top: 0;
 left: 0;
 height: 3px;
 background: linear-gradient(to right, #FF7F00, #FFD700);
 z-index: 99999;
 width: 0;
 animation: scroll-progress linear;
 animation-timeline: scroll();
}
/* Стильные цитаты */
blockquote {
 background: #141013 !important;
 border-left: 4px solid #FF7F00 !important;
 margin: 15px 5px !important;
 padding: 10px 15px !important;
 font-style: italic;
 color: #c49981 !important;
 position: relative;
}
blockquote::before {
 content: '“';
 font-size: 30px;
 color: rgba(255, 215, 0, 0.15);
 position: absolute;
 right: 10px;
 top: -5px;
 font-family: Georgia, serif;
}
/* Плавный зум картинок в материалах */
.eMessage img, .eText img {
 transition: transform 0.4s ease, filter 0.4s ease !important;
 max-width: 100%;
 height: auto;
}
.eMessage img:hover, .eText img:hover {
 transform: scale(1.02) !important; /* Легкое увеличение */
 filter: brightness(1.1) !important; /* Чуть-чуть ярче */
}
/* Наложение игровой текстуры на блоки новостей и комментариев */
.eBlock, .cBlock1, .cBlock2, .commTable {
 background-image: url('https://transparenttextures.com') !important; /* Пример темной текстуры камня */
 background-repeat: repeat !important;
}
/* --- ДЕТАЛЬНЫЙ СТАТУС ОНЛАЙН / ОФЛАЙН --- */

/* Общий контейнер статуса */
.user-status-wrapper {
 display: inline-flex;
 align-items: center;
 margin: 5px 0;
}

/* Базовый стиль для плашек статуса */
.status-badge {
 font-family: 'Verdana', sans-serif;
 font-size: 10px !important;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 padding: 3px 8px 3px 22px !important;
 border-radius: 4px;
 position: relative;
 display: inline-block;
 line-height: 12px;
}

/* --- СОСТОЯНИЕ: ОНЛАЙН (Нефритовое свечение Warcraft) --- */
.status-badge.online {
 color: #2ecc71 !important; /* Насыщенный зеленый цвет текста */
 background: rgba(46, 204, 113, 0.1) !important; /* Едва заметный зеленый фон */
 border: 1px solid rgba(46, 204, 113, 0.3) !important;
 text-shadow: 0 0 6px rgba(46, 204, 113, 0.6);
}

/* Маленькая точка-индикатор для Онлайн */
.status-badge.online::before {
 content: '';
 position: absolute;
 left: 7px;
 top: 5px;
 width: 6px;
 height: 6px;
 background-color: #2ecc71;
 border-radius: 50%;
 box-shadow: 0 0 8px #2ecc71, 0 0 15px #2ecc71;
 animation: statusPulse 2s infinite ease-in-out; /* Запуск пульсации */
}

/* --- СОСТОЯНИЕ: ОФЛАЙН (Затухший камень) --- */
.status-badge.offline {
 color: #7f8c8d !important; /* Спокойный серый цвет текста */
 background: rgba(127, 140, 141, 0.05) !important; /* Темный блеклый фон */
 border: 1px solid rgba(127, 140, 141, 0.2) !important;
}

/* Маленькая точка-индикатор для Офлайн */
.status-badge.offline::before {
 content: '';
 position: absolute;
 left: 7px;
 top: 5px;
 width: 6px;
 height: 6px;
 background-color: #7f8c8d; /* Просто серая точка без свечения */
 border-radius: 50%;
 opacity: 0.6;
}

/* --- АНИМАЦИЯ ПУЛЬСАЦИИ ДЛЯ ОНЛАЙН --- */
@keyframes statusPulse {
 0% {
 transform: scale(0.9);
 box-shadow: 0 0 4px #2ecc71, 0 0 8px #2ecc71;
 opacity: 0.7;
 }
 50% {
 transform: scale(1.15);
 box-shadow: 0 0 10px #2ecc71, 0 0 20px #2ecc71;
 opacity: 1;
 }
 100% {
 transform: scale(0.9);
 box-shadow: 0 0 4px #2ecc71, 0 0 8px #2ecc71;
 opacity: 0.7;
 }
}
/* ---------------------------------------- */

/* Эффект skeleton-загрузки для изображений */
img {
 background: linear-gradient(90deg, #191418 25%, #251e24 50%, #191418 75%) !important;
 background-size: 200% 100% !important;
 animation: loadingSkeleton 1.5s infinite linear !important;
}
/* Когда картинка загрузилась, анимация отключается */
img[src] {
 animation: none !important;
 background: none !important;
}
@keyframes loadingSkeleton {
 0% { background-position: 200% 0; }
 100% { background-position: -200% 0; }
}
/* Кастомные CSS-подсказки */
[data-tooltip] {
 position: relative;
 cursor: help;
 border-bottom: 1px dashed #FF7F00; /* Подчеркиваем слово с подсказкой */
}
[data-tooltip]::after {
 content: attr(data-tooltip);
 position: absolute;
 width: 200px;
 left: 50%;
 bottom: 125%;
 transform: translateX(-50%) translateY(10px);
 background: #191418;
 border: 1px solid #FFD700;
 color: #FFB366;
 padding: 8px;
 font-size: 11px;
 border-radius: 4px;
 z-index: 999;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.3s, transform 0.3s;
 box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
[data-tooltip]:hover::after {
 opacity: 1;
 visibility: visible;
 transform: translateX(-50%) translateY(0);
}
/* --- ФИШКА: Стильная игровая пагинация --- */
.pagesBlock, .pagesBlockuz {
 margin: 15px 0 !important;
 padding: 5px !important;
}

.pagesBlock a, .pagesBlock span, .pagesBlockuz a, .pagesBlockuz span {
 display: inline-block !important;
 padding: 5px 10px !important;
 margin-right: 4px !important;
 background: #191418 !important;
 border: 1px solid #735444 !important;
 color: #FF7F00 !important;
 font-weight: bold !important;
 text-decoration: none !important;
 border-radius: 4px !important;
 transition: all 0.3s ease !important;
}

/* При наведении на номер страницы */
.pagesBlock a:hover, .pagesBlockuz a:hover {
 color: #FFD700 !important;
 border-color: #FFD700 !important;
 box-shadow: 0 0 8px rgba(255, 215, 0, 0.4) !important;
 transform: translateY(-1px);
}

/* Текущая активная страница */
.pagesBlock span, .pagesBlockuz span.switchesActive {
 background: #FF7F00 !important;
 color: #000000 !important;
 border-color: #FF7F00 !important;
 box-shadow: 0 0 10px rgba(255, 127, 0, 0.3) !important;
}
/* --- ФИШКА: Подсветка активных полей ввода --- */
input[type="text"], input[type="password"], textarea, select {
 border: 1px solid #735444 !important;
 background: #191418 !important;
 color: #FFE0A2 !important;
 padding: 6px !important;
 transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* Эффект при клике (фокусе) на поле */
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
 outline: none !important;
 border-color: #FF7F00 !important;
 box-shadow: 0 0 8px rgba(255, 127, 0, 0.4) !important;
 background: #1e181d !important; /* Чуть-чуть осветляем фон */
}
/* --- ФИШКА: Красивые блоки кода --- */
code, pre {
 font-family: 'Courier New', Courier, monospace !important;
 background: #0f0c0e !important;
 color: #2ecc71 !important; /* Зеленый "матричный" или "нефритовый" цвет */
 padding: 2px 6px !important;
 border: 1px solid #3a2319 !important;
 border-radius: 4px !important;
 font-size: 9pt !important;
}

pre code {
 display: block !important;
 padding: 12px !important;
 overflow-x: auto !important; /* Скролл, если код слишком длинный */
 line-height: 1.5 !important;
}
/* --- ФИШКА: Пульсирующий важный текст --- */
.magic-pulse {
 color: #FFD700 !important; /* Золотой цвет */
 font-weight: bold !important;
 text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
 animation: textMagicPulse 2.5s infinite ease-in-out;
}

@keyframes textMagicPulse {
 0% { opacity: 0.6; text-shadow: 0 0 3px rgba(255, 127, 0, 0.3); }
 50% { opacity: 1; text-shadow: 0 0 12px rgba(255, 215, 0, 0.8); }
 100% { opacity: 0.6; text-shadow: 0 0 3px rgba(255, 127, 0, 0.3); }
}
/* --- СТИЛЬ ИГРОВЫХ ТАБЛИЦ --- */
table.u-table, .manTable {
 width: 100% !important;
 border-collapse: collapse !important;
 background: #191418 !important;
 border: 1px solid #735444 !important;
 margin: 10px 0 !important;
}

/* Шапка таблицы */
table.u-table th, .manTable tr:first-child td {
 background: #3a2319 !important;
 color: #FFD700 !important;
 padding: 10px !important;
 font-weight: bold !important;
 border-bottom: 2px solid #FF7F00 !important;
}

/* Строки таблицы */
table.u-table td, .manTable td {
 padding: 8px !important;
 border-bottom: 1px solid #211A20 !important;
 color: #A67961 !important;
}

/* Эффект зебры (чередование строк) */
table.u-table tr:nth-child(even) {
 background: #1e181d !important;
}

/* Подсветка строки при наведении */
table.u-table tr:hover {
 background: rgba(255, 127, 0, 0.05) !important;
}
/* --- СТИЛЬ КНОПОК (Вход, Отправить, Добавить) --- */
input[type="submit"], input[type="button"], .kn_dobavit, .pollBut {
 background: #211A20 !important;
 border: 2px solid #735444 !important;
 color: #FF7F00 !important;
 padding: 8px 20px !important;
 font-family: 'Verdana', sans-serif !important;
 font-weight: bold !important;
 text-transform: uppercase !important;
 cursor: pointer !important;
 border-radius: 4px !important;
 transition: all 0.2s ease !important;
 box-shadow: 0 4px 0 #0d0a0c !important; /* Тень для объема */
}

/* При наведении — кнопка загорается */
input[type="submit"]:hover, .kn_dobavit:hover {
 border-color: #FFD700 !important;
 color: #FFD700 !important;
 box-shadow: 0 4px 0 #191418, 0 0 10px rgba(255, 215, 0, 0.3) !important;
}

/* Эффект нажатия (продавливание) */
input[type="submit"]:active, .kn_dobavit:active {
 transform: translateY(3px) !important;
 box-shadow: 0 1px 0 #000 !important;
}
/* --- СТИЛЬ КНОПКИ "ОТМЕНИТЬ" (СБРОС) --- */
input[type="reset"], .manFlRst {
 background: #191418 !important; /* Чуть темнее основной кнопки */
 border: 2px solid #554433 !important; /* Более тусклая рамка */
 color: #A67961 !important; /* Бежево-коричневый цвет (как ваш основной текст) */
 padding: 8px 20px !important;
 font-family: 'Verdana', sans-serif !important;
 font-weight: bold !important;
 text-transform: uppercase !important;
 cursor: pointer !important;
 border-radius: 4px !important;
 transition: all 0.2s ease !important;
 box-shadow: 0 4px 0 #0d0a0c !important;
}

/* При наведении — кнопка становится ярче, но не такой яркой, как "Отправить" */
input[type="reset"]:hover, .manFlRst:hover {
 border-color: #FF7F00 !important;
 color: #FF7F00 !important;
 box-shadow: 0 4px 0 #120e11, 0 0 8px rgba(255, 127, 0, 0.2) !important;
}

/* Эффект нажатия */
input[type="reset"]:active, .manFlRst:active {
 transform: translateY(3px) !important;
 box-shadow: 0 1px 0 #000 !important;
}
/* Игровые иконки разделов */
.wc3-icon {
 width: 48px;
 height: 48px;
 border: 2px solid #735444; /* Коричневая рамка */
 border-radius: 4px;
 box-shadow: 0 0 5px rgba(0,0,0,0.5);
 transition: border-color 0.3s ease;
 vertical-align: middle;
 margin-right: 10px;
}
.wc3-icon:hover {
 border-color: #FFD700; /* Золотое свечение при наведении на иконку */
}
/* --- TOOLTIPS В СТИЛЕ WARCRAFT III --- */
[data-wc3-tooltip] {
 position: relative;
 cursor: help;
}

/* Контейнер подсказки */
[data-wc3-tooltip]::after {
 content: attr(data-wc3-tooltip);
 position: absolute;
 bottom: 130%;
 left: 50%;
 transform: translateX(-50%) translateY(10px);
 
 /* Оформление окна */
 width: 250px;
 background: #0d0a0c !important; /* Очень темный фон */
 border: 2px solid #735444 !important; /* Коричневая рамка */
 color: #A67961 !important; /* Текст как в игре */
 padding: 10px !important;
 font-size: 11px !important;
 line-height: 1.4 !important;
 border-radius: 2px !important;
 z-index: 10000;
 
 /* Эффекты появления */
 visibility: hidden;
 opacity: 0;
 transition: all 0.3s ease;
 box-shadow: 0 10px 30px rgba(0,0,0,0.8);
 pointer-events: none;
 white-space: pre-wrap; /* Позволяет делать переносы строк */
}

/* Появление при наведении */
[data-wc3-tooltip]:hover::after {
 visibility: visible;
 opacity: 1;
 transform: translateX(-50%) translateY(0);
}

/* Добавляем "золотой заголовок" подсказке через псевдоэлемент, если нужно (опционально) */
/* Чтобы имитировать заголовок, просто пишите его капсом в начале текста аттрибута */
[data-wc-tooltip] { position: relative; }
[data-wc-tooltip]::after {
 content: attr(data-wc3-tooltip);
 position: absolute;
 bottom: 125%; left: 50%;
 transform: translateX(-50%);
 width: 200px;
 background: #0d0a0c;
 border: 2px solid #735444;
 color: #A67961;
 padding: 8px;
 font-size: 11px;
 border-radius: 2px;
 visibility: hidden; opacity: 0;
 transition: 0.3s;
 z-index: 9999;
 box-shadow: 0 5px 15px #000;
}
[data-wc-tooltip]:hover::after { visibility: visible; opacity: 1; }
/* Эффект нажатия для всех игровых кнопок */
input[type="submit"], input[type="reset"], input[type="button"], .kn_dobavit, .pollBut {
 position: relative;
 /* Исходная "глубина" кнопки через тень */
 box-shadow: 0 5px 0 #0d0a0c !important;
 transition: all 0.1s ease !important; /* Быстрая реакция на клик */
 top: 0;
}

/* Состояние при клике (удержание кнопки мыши) */
input[type="submit"]:active, input[type="reset"]:active, .kn_dobavit:active, .pollBut:active {
 /* Смещение кнопки вниз */
 top: 3px !important;
 /* Уменьшение тени для эффекта прилегания к поверхности */
 box-shadow: 0 2px 0 #000 !important;
 transform: translateY(1px) !important;
}
/* Настройка анимации появления для новостей и комментариев */
.eBlock, .cBlock1, .cBlock2, .commTable {
 opacity: 0;
 transform: translateY(30px); /* Исходное положение чуть ниже */
 
 /* Привязываем анимацию к прокрутке (для современных браузеров) */
 animation: appear linear forwards;
 animation-timeline: view();
 animation-range: entry 10% cover 30%;
}

@keyframes appear {
 from {
 opacity: 0;
 transform: translateY(30px);
 }
 to {
 opacity: 1;
 transform: translateY(0);
 }
}
/* --- СТИЛЬ: ЗЕЛЁНАЯ СКВЕРНА НЕЖИТИ --- */

/* 1. Магическая аура блоков (зелёное свечение) */
.eBlock, .cBlock1, .cBlock2, .commTable, .manTable {
 position: relative;
 background: #0d0a0c !important; /* Глубокий тёмный фон */
 border: 1px solid #3a2319 !important; /* Коричневая рамка как в игре */
 overflow: hidden;
 /* Внутреннее свечение скверны */
 box-shadow: inset 0 0 35px rgba(31, 191, 0, 0.2) !important; 
}

/* 2. Эффект магического тумана в углах */
.eBlock::before, .cBlock1::before {
 content: "";
 position: absolute;
 top: -40px;
 right: -40px;
 width: 140px;
 height: 140px;
 /* Радиальный градиент некротической энергии */
 background: radial-gradient(circle, rgba(31, 191, 0, 0.15) 0%, transparent 75%);
 pointer-events: none;
 z-index: 1;
}

/* 3. Интерактивное свечение при наведении (эффект разложения) */
.eBlock:hover {
 box-shadow: inset 0 0 50px rgba(31, 191, 0, 0.35), 0 0 15px rgba(31, 191, 0, 0.15) !important;
 border-color: #1FBF00 !important; /* Ярко-зелёный при наведении */
 transition: all 0.4s ease-in-out !important;
}

/* 4. Изменение цвета ссылок на ядовито-зелёный */
a:link, a:visited {
 color: #1FBF00 !important;
}

a:hover {
 color: #00FF00 !important;
 text-shadow: 0 0 8px rgba(0, 255, 0, 0.6) !important;
}
/* Контейнер для частиц на весь экран */
.undead-particles {
 position: fixed;
 top: 0; left: 0; width: 100%; height: 100%;
 pointer-events: none; z-index: 1;
}

/* Сами частицы скверны */
.particle {
 position: absolute;
 bottom: -10px;
 width: 3px; height: 3px;
 background: #1FBF00;
 border-radius: 50%;
 box-shadow: 0 0 10px #00FF00;
 opacity: 0;
 animation: rise 8s infinite ease-in;
}

/* Разное положение и задержка для каждой частицы */
.particle:nth-child(1) { left: 10%; animation-delay: 0s; }
.particle:nth-child(2) { left: 30%; animation-delay: 2s; }
.particle:nth-child(3) { left: 55%; animation-delay: 4s; }
.particle:nth-child(4) { left: 80%; animation-delay: 1s; }
.particle:nth-child(5) { left: 95%; animation-delay: 5s; }

@keyframes rise {
 0% { transform: translateY(0) scale(1); opacity: 0; }
 20% { opacity: 0.6; }
 80% { opacity: 0.3; }
 100% { transform: translateY(-100vh) scale(0.5); opacity: 0; }
}
/* Стилизация под классический Health Bar Нежити */
.pollGraph, .switchesActive, .progress-fill {
 background: linear-gradient(to bottom, #1FBF00 0%, #0d4d00 100%) !important;
 border: 1px solid #000 !important;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 5px rgba(31, 191, 0, 0.5) !important;
 height: 12px !important;
 border-radius: 2px !important;
 position: relative;
}

/* Эффект глянцевого отблеска сверху */
.pollGraph::after {
 content: "";
 position: absolute;
 top: 0; left: 0; width: 100%; height: 50%;
 background: rgba(255, 255, 255, 0.1);
}
/* Базовый контейнер для полосок */
.wc3-bar-container {
 width: 100%;
 height: 14px;
 background: #000;
 border: 1px solid #3a2319; /* Тёмная костяная рамка */
 margin: 5px 0;
 position: relative;
 overflow: hidden;
 box-shadow: inset 0 0 5px rgba(0,0,0,0.8);
}

/* Наполнение полосок с характерным Warcraft градиентом */
.wc3-bar-fill {
 height: 100%;
 transition: width 0.5s ease-in-out;
}

/* Тип: Здоровье Нежити (Некротический зелёный) */
.bar-health { background: linear-gradient(to bottom, #1FBF00 0%, #0d4d00 100%); }

/* Тип: Мана (Синий) */
.bar-mana { background: linear-gradient(to bottom, #174/300 0%, #0000FF 100%); }

/* Тип: Опыт (Фиолетовый) */
.bar-xp { background: linear-gradient(to bottom, #800080 0%, #4b0082 100%); }

/* --- ГЛОБАЛЬНАЯ СТИЛИЗАЦИЯ БЛОКА СТАТИСТИКИ --- */

/* 1. Иконка черепа в заголовке */
.undead-skull-icon {
 display: inline-block;
 width: 18px;
 height: 18px;
 background: url('https://icons8.com') no-repeat center;
 background-size: contain;
 vertical-align: middle;
 margin-right: 5px;
 filter: drop-shadow(0 0 5px #1FBF00); /* Зеленое свечение черепа */
}

/* 2. Анимация пульсации ауры для ника и счетчиков */
@keyframes undeadAura {
 0% { text-shadow: 0 0 2px rgba(31, 191, 0, 0.5); }
 50% { text-shadow: 0 0 12px rgba(31, 191, 0, 1); color: #00FF00; }
 100% { text-shadow: 0 0 2px rgba(31, 191, 0, 0.5); }
}

/* 3. Эффект плывущего тумана внутри блока */
@keyframes floatingFog {
 from { background-position: 0% 0%; }
 to { background-position: 100% 100%; }
}

/* 4. Стилизация контента внутри блока */
.undead-stats-content {
 position: relative;
 color: #A67961 !important; /* Базовый бежевый цвет */
 font-size: 8pt;
 overflow: hidden;
}

/* Эффект тумана на фоне текста */
.undead-stats-content::before {
 content: "";
 position: absolute;
 top: 0; left: 0; width: 100%; height: 100%;
 background: linear-gradient(45deg, transparent, rgba(31, 191, 0, 0.03), transparent);
 animation: floatingFog 8s infinite alternate linear;
 pointer-events: none;
}

/* 5. Выделение данных (IP и День Рождения) */
.ip-highlight {
 color: #FFD700 !important; /* Золотой IP */
 font-weight: bold;
 text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
}

.birthday-highlight {
 color: #FF7F00 !important; /* Оранжевый акцент */
}

/* 6. Подсветка онлайн-счетчиков и списка пользователей */
.online-counter b {
 color: #1FBF00 !important;
 text-shadow: 0 0 8px rgba(31, 191, 0, 0.8);
}

.stats-users-list a {
 color: #00FF00 !important; /* Зеленые ники */
 text-decoration: none !important;
 animation: undeadAura 3s infinite ease-in-out;
 transition: all 0.3s ease;
}

/* Золотое свечение ссылок при наведении */
.stats-users-list a:hover {
 color: #FFD700 !important;
 text-shadow: 0 0 10px #FFD700 !important;
 font-weight: bold;
}

/* 7. Общий эффект для всей таблицы (магическое свечение границ) */
.undead-stats-table {
 box-shadow: 0 0 15px rgba(31, 191, 0, 0.1);
 transition: box-shadow 0.5s ease;
}

.undead-stats-table:hover {
 box-shadow: 0 0 25px rgba(31, 191, 0, 0.25);
}
/* Цвета для групп в списках */
a.groupAdmin:link, a.groupAdmin:visited { color: #FF0000 !important; font-weight: bold; } /* Админ - Красный */
a.groupModer:link, a.groupModer:visited { color: #0000FF !important; } /* Модер - Синий */
a.groupVerify:link, a.groupVerify:visited { color: #00FF00 !important; } /* Проверенный - Зеленый */
a.groupBanned:link, a.groupBanned:visited { color: #555555 !important; text-decoration: line-through; } /* Забанен */

/* --- КИСЛОТНО-ЗЕЛЁНЫЙ ЦВЕТ ДЛЯ КОДА СТРАНЫ [RU] --- */

/* 1. Цвет кода страны в обычном состоянии */
.country-tag {
 color: #00FF00 !important; /* Насыщенный кислотно-зелёный (ядовитый) */
 font-size: 8pt !important;
 font-weight: bold;
 margin-right: 4px;
 /* Мощное неоновое свечение скверны */
 text-shadow: 0 0 6px #00FF00, 0 0 2px rgba(0, 255, 0, 0.5) !important; 
 display: inline-block;
}

/* 2. Поведение при наведении курсора */
/* Если хотите, чтобы при наведении страна ОСТАВАЛАСЬ кислотно-зелёной, но светилась ярче */
.user-line:hover .country-tag,
.user-online-row:hover .country-tag {
 color: #00FF00 !important;
 text-shadow: 0 0 12px #00FF00, 0 0 4px #00FF00 !important;
 transition: all 0.2s ease;
}

/* ЕСЛИ ВДРУГ захотите, чтобы при наведении она всё-таки менялась на ЗОЛОТОЙ, 
 тогда удалите блок выше и раскомментируйте этот: */
/*
.user-line:hover .country-tag,
.user-online-row:hover .country-tag {
 color: #FFD700 !important;
 text-shadow: 0 0 8px #FFD700 !important;
 transition: all 0.2s ease;
}
*/

/* Установка курсора мышки для всего сайта */
html, body {
 cursor: url('https://maphack-iccupdota-warcraft3.clan.su/kursor/nightelf.cur'), default !important;
}

/* Установка курсора при наведении на кликабельные элементы: ссылки, кнопки, инпуты */
a, button, input, select, textarea, [role="button"], .rf-link-style, .custom-tag-cloud a {
 cursor: url('https://maphack-iccupdota-warcraft3.clan.su/kursor/nightelf.cur'), pointer !important;
}

/* ===== СТИЛИ ДЛЯ ШАПКИ (ПОЛНАЯ ВЕРСИЯ) ===== */

/* --- Верхняя строка (дата, заголовок, профиль) --- */
.header-top-row {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 8px 15px;
 background: rgba(10, 10, 12, 0.85);
 border-bottom: 1px solid #222226;
 width: 100%;
 box-sizing: border-box;
 z-index: 10;
 position: relative;
}

.header-date {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #39ff14 !important;
 font-weight: 900 !important;
 text-shadow: 0 0 5px rgba(57, 255, 20, 0.5);
}

.header-user-zone {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #E1D9C5;
}
.header-user-zone a {
 color: #ff9900 !important;
 text-decoration: none;
 font-weight: bold;
}
.header-user-zone a:hover {
 text-decoration: underline;
}

.header-main-title {
 margin: 0;
 padding: 0;
 font-size: 13px;
 color: #ff9900;
 font-weight: bold;
 font-family: Arial, sans-serif;
 text-align: center;
}

/* --- Баннеры (адаптивные) --- */
.banner-pc,
.banner-mobile {
 width: 100% !important;
 max-width: 100% !important;
 height: auto !important;
 margin: 0 auto !important;
 display: block !important;
}

/* --- Переключение между баннерами --- */
@media screen and (min-width: 769px) {
 .banner-pc { display: block !important; }
 .banner-mobile { display: none !important; }
}

@media screen and (max-width: 768px) {
 .banner-pc { display: none !important; }
 .banner-mobile { display: block !important; }
}

/* ===== ЗАЩИТА ОТ СЛУЧАЙНЫХ ПОЛОМОК ===== */
/* Эти правила применяются ТОЛЬКО к баннерам и их контейнерам */
div[style*="Banner-Site"],
img[src*="Banner-Site"] {
 max-width: 100% !important;
 height: auto !important;
 display: block !important;
 margin-left: auto !important;
 margin-right: auto !important;
}

/* ================================================== */
/* ===== МОБИЛЬНАЯ АДАПТАЦИЯ (ДЛЯ ТЕЛЕФОНОВ) ===== */
/* ================================================== */
@media screen and (max-width: 800px) {

 /* 1. ОБЩИЕ КОНТЕЙНЕРЫ - убираем ширину и выстраиваем в колонку */
 body, html, #container, .wrapper, table, td, div {
 max-width: 100% !important;
 width: 100% !important;
 box-sizing: border-box !important;
 float: none !important; /* Убираем обтекание */
 margin: 0 auto !important;
 display: block !important;
 }

 /* 2. ШАПКА (Дата, Заголовок) - тоже в столбик */
 .header-top-row {
 display: flex !important;
 flex-direction: column !important;
 align-items: center !important;
 padding: 10px 5px !important;
 text-align: center !important;
 }
 .header-date, .header-user-zone {
 width: 100% !important;
 text-align: center !important;
 padding: 3px 0 !important;
 }
 .header-main-title {
 font-size: 11px !important; /* Чуть уменьшаем заголовок */
 line-height: 1.2 !important;
 }

 /* 3. КАРТИНКИ И БАННЕРЫ - не даём им вылезать */
 img, iframe, video, .eMessage img {
 max-width: 100% !important;
 height: auto !important;
 display: block !important;
 margin: 10px auto !important;
 }

 /* 4. БЛОКИ МЕНЮ И САЙДБАРОВ - убираем плавающие колонки */
 .uMenuV, .uMenuH, .catsTd, .sidebar, .left-col, .right-col {
 width: 100% !important;
 max-width: 100% !important;
 margin: 10px 0 !important;
 padding: 0 !important;
 display: block !important;
 float: none !important;
 }
 
 /* 5. ОСНОВНОЙ КОНТЕНТ - растягиваем и убираем отступы */
 .eBlock, .cBlock1, .cBlock2, .commTable, .manTable {
 width: 100% !important;
 margin: 10px 0 !important;
 padding: 10px !important;
 box-sizing: border-box !important;
 border-radius: 4px !important;
 }
 
 /* В таблицах содержимого убираем фиксированные колонки */
 .eDetails, .eDetails1, .eDetails2, .threadNametd, .threadAuthTd, .threadLastPostTd, td {
 display: block !important;
 width: 100% !important;
 box-sizing: border-box !important;
 text-align: left !important;
 padding: 5px 0 !important;
 border: none !important;
 }

 /* 6. ПОЛЯ ВВОДА И ТЕКСТ - чтобы влезали в экран */
 input[type="text"], input[type="password"], textarea, select {
 width: 100% !important;
 max-width: 100% !important;
 box-sizing: border-box !important;
 }

 /* 7. УБИРАЕМ ГОРИЗОНТАЛЬНУЮ ПРОКРУТКУ */
 body {
 overflow-x: hidden !important;
 }
 
 /* 8. ВАЖНО: Сброс сетки (если используете Flex/Grid на ПК) */
 table, .gTable, .postTable {
 table-layout: fixed !important;
 }
 .postTdTop, .postTdInfo, .posttdMessage {
 width: 100% !important;
 display: block !important;
 }
}

/* ========================================= */
/* СПЕЦИАЛЬНАЯ МОБИЛЬНАЯ ДОБАВКА ДЛЯ ГЛАВНОЙ */
/* ========================================= */
@media screen and (max-width: 768px) {
 
 /* 1. Жестко убираем левую и правую колонки (с шириной 216px), 
 которые ломают главную страницу на телефонах */
 td[width="216"], td[width="57"], td[width="63"] {
 display: none !important;
 width: 0 !important;
 }

 /* 2. Растягиваем центральную часть на всю ширину */
 td[valign="top"] {
 width: 100% !important;
 max-width: 100% !important;
 display: block !important;
 padding: 0 5px !important;
 }

 /* 3. Заставляем баннер, который вы вставили, занять ровно 100% ширины */
 div[style*="Banner-Site"], img[src*="Banner-Site"], #site-banner {
 max-width: 100% !important;
 width: 100% !important;
 height: auto !important;
 display: block !important;
 margin: 0 auto !important;
 }

 /* 4. Разрешаем основным контейнерам растягиваться */
 table, tbody, tr, td, .eBlock, .eText {
 max-width: 100% !important;
 box-sizing: border-box !important;
 }
}

/* Автоматическое уменьшение больших аватарок на форуме */
.forumWin .postTdTop img, 
.postUserAvatar img, 
.forum-avatar img,
td[width="15%"] img[alt="Avatar"],
td.postTdTop img {
 max-width: 110px !important; /* Максимальная ширина аватарки */
 max-height: 110px !important; /* Максимальная высота аватарки */
 width: auto !important; /* Сохраняет правильные пропорции */
 height: auto !important; /* Сохраняет правильные пропорции */
 object-fit: contain !important;
 border-radius: 4px !important;
 box-shadow: 0 0 5px rgba(0,0,0,0.5) !important;
}

/* Дополнительное исправление для мобильных телефонов */
@media screen and (max-width: 1024px) {
 .forumWin .postTdTop img, 
 .postUserAvatar img, 
 .forum-avatar img,
 td[width="15%"] img[alt="Avatar"],
 td.postTdTop img {
 max-width: 70px !important;
 max-height: 70px !important;
 }
}

/* ========================================================== */
/* ===== СТИЛИ ДЛЯ ФОРМЫ КОММЕНТАРИЕВ (ДОБАВЛЕНО) ===== */
/* ========================================================== */

/* 1. Стили для красивой кнопки "Отправить" */
.commSbmFl, .uf-btn {
 background: #211A20 !important;
 border: 2px solid #735444 !important;
 color: #FF7F00 !important;
 padding: 8px 20px !important;
 font-family: 'Verdana', sans-serif !important;
 font-weight: bold !important;
 text-transform: uppercase !important;
 cursor: pointer !important;
 border-radius: 4px !important;
 transition: all 0.2s ease !important;
 box-shadow: 0 4px 0 #0d0a0c !important;
 display: inline-block;
 text-decoration: none;
}

.commSbmFl:hover, .uf-btn:hover {
 border-color: #FFD700 !important;
 color: #FFD700 !important;
 box-shadow: 0 4px 0 #191418, 0 0 10px rgba(255, 215, 0, 0.3) !important;
}

.commSbmFl:active, .uf-btn:active {
 transform: translateY(3px) !important;
 box-shadow: 0 1px 0 #000 !important;
}

/* 2. Стили для полей ввода в форме комментариев */
.uf-txt-input, .commFl, textarea[name="message"], input[name="subject"] {
 border: 1px solid #735444 !important;
 background: #191418 !important;
 color: #FFE0A2 !important;
 padding: 6px !important;
 border-radius: 4px !important;
 box-sizing: border-box !important;
 font-family: verdana, arial, helvetica;
 font-size: 8pt;
}

.uf-txt-input:focus, .commFl:focus, textarea[name="message"]:focus {
 outline: none !important;
 border-color: #FF7F00 !important;
 box-shadow: 0 0 8px rgba(255, 127, 0, 0.4) !important;
 background: #1e181d !important;
}

/* 3. Стили для блока "Войти через соцсети" */
.uauth-links-wrapper {
 text-align: center !important;
 margin: 10px 0 !important;
}

.uauth-links-wrapper .auth-links-label {
 font-weight: bold !important;
 color: #FFD700 !important;
}

.uauth-links-wrapper .auth-social-list {
 display: inline-block !important;
 margin-left: 8px !important;
 vertical-align: middle !important;
}

.uauth-links-wrapper .auth-social-list img {
 vertical-align: middle !important;
 transition: transform 0.2s ease !important;
}

.uauth-links-wrapper .auth-social-list img:hover {
 transform: scale(1.15) !important;
}

/* 4. Стили для счётчика символов (если он есть) */
#charCount {
 font-weight: bold !important;
 color: #FFD700 !important;
}

/* 5. Общие стили для формы */
.uComForm-inner {
 background: #191418 !important;
 border: 1px solid #735444 !important;
 border-radius: 6px !important;
 padding: 15px !important;
 margin: 10px 0 !important;
}

.ucf-avatar img {
 border: 2px solid #735444 !important;
 border-radius: 50% !important;
 padding: 2px !important;
 background: #000 !important;
}

/* 6. Чекбоксы и опции */
.ucf-options {
 margin: 8px 0 !important;
 display: flex !important;
 flex-wrap: wrap !important;
 gap: 10px !important;
}

.ucf-option-label {
 cursor: pointer !important;
 display: inline-flex !important;
 align-items: center !important;
 gap: 5px !important;
 color: #A67961 !important;
 font-size: 8pt !important;
}

.ucf-option-label:hover {
 color: #FFD700 !important;
}

.uf-checkbox {
 accent-color: #FF7F00 !important;
 width: 14px !important;
 height: 14px !important;
 cursor: pointer !important;
}

/* 7. Улучшенный тултип (всплывающая подсказка) */
.uf-tooltip {
 background: #0d0a0c !important;
 border: 1px solid #735444 !important;
 color: #A67961 !important;
 border-radius: 4px !important;
 padding: 4px 8px !important;
 font-size: 7pt !important;
 box-shadow: 0 5px 15px rgba(0,0,0,0.8) !important;
}

/* Карточка отзыва */
.review-card {
 background: #0d0a0c;
 border: 1px solid #3a2319;
 border-radius: 8px;
 overflow: hidden;
 box-shadow: inset 0 0 15px rgba(31,191,0,0.1);
 margin-bottom: 15px;
}
.review-header {
 display: flex;
 align-items: center;
 padding: 10px 15px;
 background: #211A20;
 border-bottom: 1px solid #3a2319;
}
.review-avatar {
 width: 40px;
 height: 40px;
 border-radius: 50%;
 border: 2px solid #735444;
 object-fit: cover;
 margin-right: 12px;
}
.review-username {
 font-weight: bold;
 color: #FF7F00;
 font-size: 10pt;
 text-decoration: none;
}
.review-username a {
 color: #FF7F00;
 text-decoration: none;
}
.review-username a:hover {
 color: #FFD700;
}
.review-group-badge {
 display: inline-block;
 font-size: 7pt;
 padding: 0 6px;
 border-radius: 3px;
 color: #fff;
 background: #735444;
 margin-left: 4px;
}
.review-date {
 font-size: 7pt;
 color: #888;
 margin-top: 2px;
}
.review-message {
 padding: 12px 15px;
 color: #A67961;
 font-size: 10pt;
 line-height: 1.6;
}
.review-answer {
 padding: 8px 15px;
 background: #141013;
 border-top: 1px solid #3a2319;
 color: #c49981;
}
.review-actions {
 padding: 8px 15px;
 border-top: 1px solid #3a2319;
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
 align-items: center;
}
.review-btn {
 display: inline-block;
 background: #211A20;
 border: 1px solid #735444;
 border-radius: 4px;
 padding: 3px 12px;
 color: #FF7F00;
 text-decoration: none;
 font-size: 8pt;
 font-weight: bold;
 transition: 0.3s;
}
.review-btn:hover {
 border-color: #FFD700;
 color: #FFD700;
}
.review-rating {
 display: flex;
 align-items: center;
 gap: 4px;
}
.review-rating-value {
 font-weight: bold;
}
.review-rating-positive { color: #44FF44; }
.review-rating-negative { color: #FF4444; }
.review-rating-neutral { color: #888; }
.review-like-btn {
 display: inline-block;
 background: #191418;
 border: 1px solid #735444;
 border-radius: 4px;
 padding: 2px 6px;
 color: #FF7F00;
 text-decoration: none;
 font-size: 8pt;
 transition: 0.3s;
}
.review-like-btn:hover {
 border-color: #FFD700;
 color: #FFD700;
}

/* ----------------------------- */