/* ============================================================
   MPSH.RU — ОПТИМИЗИРОВАННЫЙ СТИЛЬ (2026)
   ============================================================ */

/* ===== ПЕРЕМЕННЫЕ ===== */
:root {
    --color-primary: #ea172a;
    --color-primary-dark: #c0392b;
    --color-text: #010101;
    --color-text-light: #949494;
    --color-bg: #f5f6f8;
    --color-white: #fff;
    --color-dark: #0f1012;
    --color-dark-light: #141619;
    --shadow: 0 10px 30px rgba(0,0,0,0.08);
    --shadow-hover: 0 15px 40px rgba(0,0,0,0.12);
    --radius: 12px;
    --transition: 0.3s ease;
    --container: 1260px;
    --font-main: 'HelveticaNeueCyr', sans-serif;
    --font-title: 'DIN Pro Cond', sans-serif;
}

/* ===== RESET ===== */
* {margin:0;padding:0;box-sizing:border-box;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, figure img, hgroup, footer, header, nav, section, main {display:block;}
img {max-width:100%;}
.clr {clear:both;}
.clearfix:after {content:"";display:table;clear:both;}

/* ===== BASE ===== */
body {font:16px var(--font-main);line-height:normal;color:var(--color-text);background:var(--color-bg);min-height:100%;width:100%;font-weight:400;}
a {color:var(--color-text);text-decoration:none;}
a:hover, a:focus {color:var(--color-primary);text-decoration:none;}
h1, h2, h3, h4, h5 {font-weight:700;font-size:18px;}

button, textarea, select, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] {
    appearance:none;-webkit-appearance:none;font-size:16px;font-family:var(--font-main)!important;
}

.button, .btn, .pagi-load a, .up-second li a, .usp-edit a, .qq-upload-button,
button:not(.color-btn):not([class*=fr]), html input[type="button"], input[type="reset"], input[type="submit"],
.meta-fav a, .usp-btn a {
    display:inline-block;text-align:center;padding:0 20px;height:40px;line-height:40px;
    border-radius:4px;cursor:pointer;color:var(--color-white);background-color:var(--color-primary);font-size:16px;
}
.button:hover, .btn:hover, .up-second li a:hover, .usp-edit a:hover, .qq-upload-button:hover,
.pagi-load a:hover, .usp-btn a:hover, button:not(.color-btn):hover,
html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .meta-fav a:hover {
    background-color:var(--color-primary-dark);color:var(--color-white);
}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {height:40px;line-height:40px;border-radius:4px;border:0;padding:0 15px;}
select {height:40px;border:0;padding:0 15px;}
textarea {padding:15px;overflow:auto;vertical-align:top;resize:vertical;}
input[type="text"], input[type="password"], select, textarea {
    width:100%;background-color:var(--color-white);color:#000;
    box-shadow:inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.1);
}
select {width:auto;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    box-shadow:inset 0 0 0 1px #3498db, inset 1px 2px 5px rgba(0,0,0,0.1);
}
input::placeholder, textarea::placeholder {color:#000;opacity:0.5;font-size:14px;}
input:focus::placeholder, textarea:focus::placeholder {color:transparent}

/* ===== IMAGES ===== */
.img-box, .img-wide, .img-resp, .img-resp-vert, .img-fit {overflow:hidden;position:relative;}
.img-resp {padding-top:70%;}
.img-resp-vert {padding-top:140%;}
.img-box img, .img-resp img, .img-resp-vert img {width:100%;min-height:100%;display:block;}
.img-resp img, .img-resp-vert img {position:absolute;left:0;top:0;}
.img-wide img {width:100%;display:block;}
.img-fit img {width:100%;height:100%;object-fit:cover;}
.nowrap {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ===== FLEX ===== */
.fx-row, #dle-content {display:flex;flex-wrap:wrap;justify-content:space-between;}
.fx-col {display:flex;flex-direction:column;}
.fx-center {justify-content:center;}
.fx-middle {align-items:center;}
.fx-start {justify-content:flex-start;}
.fx-first {order:-1;}
.fx-last {order:10;}
.fx-1 {flex-basis:0;flex-grow:1;max-width:100%;min-width:50px;}
.fx-between {justify-content:space-between;}

/* ===== TYPOGRAPHY ===== */
b, strong, .fw700 {font-weight:700;}
.icon-left [class*="fa-"], .icon-left .icon {margin-right:10px;}
.icon-right [class*="fa-"], .icon-right .icon {margin-left:10px;}
.hidden, #dofullsearch {display:none;}
.anim, .btn, button, .nav-load a, .tile-item::before {transition:var(--transition);}
.mtitle, .sub-title h1, .form-wrap h1 {margin-bottom:30px;font-size:28px!important;}
#dle-content > *:not(.short-item):not(.tile-in-flow) {width:100%;}

/* ===== ЗАГОЛОВКИ (22px) — БЕЗ МЕНЮ! ===== */
.title, .mtitle, h1, h2, h3, h4, h5 {
    font-family:var(--font-title);
    font-size:18px;
    font-weight:500;
    line-height:1.3;
}

/* ===== FONTS ===== */
@font-face {
    font-family:'HelveticaNeueCyr';
    src:local('HelveticaNeueCyr-Roman'),url('../webfonts/HelveticaNeueCyr-Roman.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display: swap; /* ← ДОБАВЛЕНО */
}
@font-face {
    font-family:'HelveticaNeueCyr';
    src:local('HelveticaNeueCyr-Bold'),url('../webfonts/HelveticaNeueCyr-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
    font-display: swap; /* ← ДОБАВЛЕНО */
}
@font-face {
    font-family:'DIN Pro Cond';
    src:local('DIN Pro Condensed Medium'),local('DINPro-Medium'),
        url('../webfonts/DINPro-CondensedMedium.woff') format('woff');
    font-weight:500;
    font-style:normal;
    font-display: swap; /* ← ДОБАВЛЕНО */
}
@font-face {
    font-family:'DIN Pro Cond';
    src:local('DIN Pro Condensed Bold'),local('DINPro-Bold'),
        url('../webfonts/DINPro-CondensedBold.woff') format('woff');
    font-weight:700;
    font-style:normal;
    font-display: swap; /* ← ДОБАВЛЕНО */
}
@font-face {
    font-family:'DIN Pro Cond';
    src:local('DIN Pro Condensed Black'),local('DINPro-CondensedBlack'),
        url('../webfonts/DINPro-CondensedBlack.woff') format('woff');
    font-weight:900;
    font-style:normal;
    font-display: swap; /* ← ДОБАВЛЕНО */
}

/* ===== GRID ===== */
.wrap {min-width:320px;position:relative;}
.wrap-center {max-width:var(--container);margin:0 auto;position:relative;z-index:20;width:calc(100% - 60px);}
.header {background:var(--color-dark) url(../images/bg.jpg) center center no-repeat;color:var(--color-white);
    box-shadow:0 0 30px 0 rgba(0,0,0,0.05);position:relative;left:0;top:0;z-index:990;width:100%;}
.header.sticky {position:fixed;}
.header.sticky-hide {top:-80px;}
.header.sticky-vis {top:0;}
.content {padding:30px 0;min-height:100vh;}
.col-left {background-color:var(--color-white);box-shadow:var(--shadow);padding:30px 90px;}
.col-right {width:300px;margin-left:30px;}
.footer {background-color:var(--color-dark-light);overflow:hidden;color:#cbcbcb;font-size:14px;line-height:1.5;}
.footer-one {padding:30px 0;}
.footer-two {background-color:var(--color-dark);margin:0 -2000px;padding:15px 2000px;}

#gotop {position:fixed;width:60px;height:60px;line-height:60px;right:10px;bottom:10px;
    z-index:990;display:none;background-color:var(--color-primary);color:var(--color-white);
    cursor:pointer;font-size:18px;border-radius:50%;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);
    transition:transform 0.2s,background 0.2s;}
#gotop:hover {transform:scale(1.1);background-color:var(--color-primary-dark);}

/* ===== HEADER ===== */
.logo {display:block;width:290px;height:80px;}
.header-btn:hover, .header-menu > li > a:hover, .header-menu > li:hover > a, .hidden-menu li a:hover {color:var(--color-primary);}
.header-btn {font-size:18px;cursor:pointer;}
.header-btn + .header-btn {margin-left:30px;}
.search-wrap {width:100%;max-width:800px;padding:30px;color:var(--color-white);position:fixed;z-index:999;
    top:0;left:50%;transform:translateX(-50%);}
.search-title, .search-close {font-size:24px;}
.search-box {position:relative;margin-top:30px;}
.search-box input, .search-box input:focus {padding:0 50px 0 15px;border-radius:0;box-shadow:none;}
.search-box button {position:absolute;right:5px;top:0;z-index:10;width:30px;
    background-color:transparent!important;color:#000!important;font-size:16px!important;padding:0!important;}

.header-menu > li {margin:0 15px;position:relative;}
.header-menu > li > a {
    display:block;
    height:60px;
    line-height:60px;
    color:#ccc;
    text-transform:uppercase;
    font-size:18px !important;   /* ← ДОБАВЛЯЕМ !important */
    font-weight:700;
}
.submenu > a:after {content:"\f107";font-weight:400;font-family:'Font Awesome 5 Pro';margin-left:7px;transition:all 0.2s;display:inline-block;}
.hidden-menu {background-color:var(--color-dark-light);box-shadow:var(--shadow);z-index:100;
    position:absolute;left:-10%;top:100%;width:240px;pointer-events:none;opacity:0;transform:translateY(30px);}
.hidden-menu li a {display:block;padding:10px 15px;color:#ccc;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.1);}
.header-menu > li:hover .hidden-menu {pointer-events:auto;opacity:1;transform:translateY(0);}
.header-menu > li.submenu:hover > a:after {transform:rotate(-180deg)!important;}

/* ===== FOOTER ===== */
.footer-col-desc {width:45%;}
.footer-col-title {color:var(--color-white);font-size:18px;font-weight:900;text-transform:uppercase;margin-bottom:30px;position:relative;}
.footer-col-title::before {content:'';background-color:#f1c40f;width:50px;height:3px;position:absolute;left:0;bottom:-10px;}
.footer-col li + li {margin-top:3px;}
.footer-col a {color:#cbcbcb;}
.footer-col a:hover {text-decoration:underline;}
.ft-soc {height:30px;white-space:nowrap;margin-right:-10px;}
.ft-soc .fas, .ft-soc .far, .ft-soc .fab {width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;
    background-color:#C70003;color:var(--color-white);font-size:14px;margin:20px 8px 0 0;cursor:pointer;transition:opacity 0.2s,transform 0.2s;}
.ft-soc span:hover {opacity:0.8;transform:translateY(-2px);}
.fab.fa-vk, .fas.fa-paper-plane {background-color:#5075a5;}
.fab.fa-facebook-f {background-color:#4b6baf;}
.fab.fa-twitter {background-color:#2daae1;}
.fab.fa-odnoklassniki, .fas.fa-rss {background-color:#FC6D00;}
.fab.fa-instagram {background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}

/* ===== SECTIONS ===== */
.sect {margin-bottom:30px;}
.sect-header {margin-bottom:30px;}
.sect-title {font-size:48px;font-weight:900;text-transform:uppercase;}
.sect-title-small {font-size:28px;}
.sect-link {color:var(--color-primary);margin-left:15px;}
.sect-link:hover {text-decoration:underline;}
.sect-grid {display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,180px);grid-gap:15px;grid-auto-flow:row dense;}
.sect-bg {background-color:var(--color-white);box-shadow:var(--shadow);padding:30px;}
.sect-border {border:5px solid var(--color-bg);padding:30px;}
.mb-remove {margin-bottom:-15px;}
.mb-remove2 {margin-bottom:-30px;}
.side-box + .side-box {margin-top:30px;}
.side-bt {font-size:28px;font-weight:900;text-transform:uppercase;margin-bottom:30px;}
.side-bc .small-item {width:100%;margin-bottom:30px;}
.side-bc .small-item::last-child {margin-bottom:0;}
.side-sticky {position:sticky;left:0;top:110px;}

/* ===== TILE ITEMS ===== */
.tile-item {grid-column:span 1;grid-row:span 1;display:block;box-shadow:var(--shadow);}
.tile-item-big {grid-column:span 2;grid-row:span 2;}
.tile-item-tall {grid-column:span 1;grid-row:span 2;}
.tile-item img {position:absolute;left:0;top:0;}
.tile-item::before {content:'';position:absolute;left:0;right:0;bottom:0;z-index:5;
    height:70%;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);}
.tile-item-text {position:absolute;left:0;bottom:0;right:0;z-index:10;padding:30px;color:var(--color-white);text-shadow:1px 1px rgba(0,0,0,0.3);}
.tile-item-desc {margin-top:10px;font-size:15px;line-height:1.5;opacity:0.8;}
.tile-item-title {font-size:34px;font-weight:700;line-height:1.1;}
.tile-item:hover::before {height:200%;}
.tile-meta {margin-top:15px;}
.tile-views, .tile-comms {color:var(--color-text-light);margin-left:15px;font-size:12px;}
.tile-cat {font-size:14px;color:#f1c40f;}
.tile-in-flow {width:49%;min-height:200px;margin-bottom:30px;}
.tile-item-small .tile-item-title {font-size:22px;font-weight:500;}
.tile-item-small .tile-meta, .tile-item-tall .tile-meta {margin-left:-15px;}

/* ===== SMALL ITEMS ===== */
.small-item {width:23%;margin-bottom:30px;}
.small-item-img {width:80px;height:80px;margin-right:15px;}
.small-item-title {font-size:18px;line-height:20px;max-height:60px;overflow:hidden;margin-top:-2px;}
.small-item-meta {font-size:12px;color:var(--color-text-light);margin-top:8px;}
.line-item {margin-bottom:15px;}
.line-item::before {content:'';width:15px;height:2px;background-color:var(--color-primary);margin:9px 15px 0 0;}
.line-item-title {font-size:16px;}

/* ===== SHORT ITEMS ===== */
.short-item {background-color:var(--color-white);margin-bottom:30px;width:23.3%;
    position:relative;box-shadow:var(--shadow);transition:transform 0.2s,box-shadow 0.2s;}
.short-item:hover {transform:translateY(-4px);box-shadow:var(--shadow-hover);}
.short-text {padding:30px;padding-bottom:60px;}
.short-meta {position:absolute;left:0;bottom:0;right:0;font-size:12px;padding:15px 30px;color:var(--color-text-light);}
.short-comms, .short-views {margin-right:15px;}
.short-item a {display:block;}
.short-img:hover {opacity:0.8;}
.short-img::before {content:'';position:absolute;left:0;right:0;bottom:0;z-index:5;height:50%;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);}
.short-cat {font-size:14px;color:#f1c40f;position:absolute;left:30px;bottom:15px;z-index:5;}
.items-3 .short-item {width:31.8%;}

/* ===== NAVIGATION ===== */
.nav-load a {display:block;padding:15px 30px;color:var(--color-primary);border:1px solid var(--color-primary);text-align:center;font-weight:700;transition:var(--transition);}
.nav-load a:hover {background-color:var(--color-primary);color:var(--color-white);}
.navigation {text-align:center;}
.navigation a, .navigation span, .pnext a, .pprev a, .pprev > span, .pnext > span {
    display:inline-block;padding:0 15px;margin:0 3px 10px 3px;line-height:40px;min-width:40px;
    background-color:var(--color-white);box-shadow:var(--shadow);
}
.navigation span:not(.nav_ext), .pagi-nav a:hover {background-color:transparent;box-shadow:0 0 0 1px var(--color-primary);}

/* ===== FULL STORY ===== */
.fimg-btm {position:absolute;left:90px;right:90px;bottom:60px;color:var(--color-white);z-index:10;}
.fmeta {width:100%!important;margin-bottom:0!important;}
.fmeta .small-item-img {width:40px;height:40px;border-radius:50%;}
.fmeta .small-item-title {margin:0 0 -2px 0;}
.fmeta .small-item-meta {color:var(--color-white);opacity:0.6;}
.fheader .tile-meta {margin:0;}
.fcat {padding:8px 15px;background-color:var(--color-primary);color:var(--color-white);font-size:14px;}
.fheader h1 {font-size:48px;line-height:1.1;font-weight:900;margin:20px 0 60px 0;width:100%;}
.fheader h1 a {font-size:18px;margin-left:10px;}
.fimg {width:calc(100% + 180px);margin:0 -90px 60px -90px;height:400px;box-shadow:var(--shadow);}
.fimg::before {content:'';position:absolute;left:0;right:0;bottom:0;z-index:5;height:50%;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);}
.fshort {font-size:14px;color:var(--color-text-light);line-height:1.7;margin:-35px 0 60px 55px;}
.fctrl {width:55px;position:relative;left:-35px;}
.fmeta a {margin-left:10px;}
.ftext {margin-bottom:60px;}
.fshare {position:sticky;left:0;top:110px;}
.fshare > *, .ffav .far {width:40px;height:40px;text-align:center;line-height:40px!important;cursor:pointer;
    box-shadow:inset 0 0 0 1px #e3e3e3;border-radius:50%;font-size:14px;margin-bottom:10px;background:transparent!important;transition:var(--transition);}
.fshare > *:hover {background:#06c!important;color:var(--color-white);box-shadow:none;}
.fshare .fa-facebook-f::before {content:"\f39e"!important;}
.frels .mb-remove {margin-bottom:-60px;}
.frels .small-item {width:48%;margin-bottom:30px;}
.fbtm {margin:0 0 15px 0;}
.fbtm-one {border-top:1px solid #e3e3e3;padding-top:15px;}

.frating .far {margin:0 10px 0 0;font-size:18px;color:#27ae60;}
.frating .fdislike .far {color:#e74c3c;}
.frating a {margin-left:15px;display:block;height:36px;line-height:36px;padding:0 10px;
    border:1px solid rgba(0,0,0,0.1);border-radius:1px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.06);
    font-size:14px;color:#919191;font-weight:700;background:linear-gradient(to bottom,#fff 0%,#fff 30%,#f5f6f8 100%);}
.frating-counter {display:inline-block;border-left:1px solid rgba(0,0,0,0.1);padding-left:10px;margin-left:10px;}
.frating a:hover {background:linear-gradient(to top,#fff 0%,#fff 30%,#f2f2f2 100%);}

.ferror {color:#939393;font-size:14px;line-height:1.3;}
.ferror-btns {margin-right:9px;}
.ferror-btns div, .faddcomms {margin-right:6px;background-color:#939393;color:var(--color-white);padding:8px 15px;border-radius:3px;font-weight:700;}
.ferror-text div, .ferror-text span {font-weight:700;}
.ferror-text div span {color:#ea969e;}
.faddcomms {background-color:#27ae60;color:var(--color-white);margin:0;font-size:14px;cursor:pointer;}
.ffav a {margin:0 15px;padding-left:50px;position:relative;display:block;font-size:14px;color:var(--color-text-light);}
.ffav .far {margin:0;position:absolute;left:0;top:-5px;}

/* ===== FULL TEXT ===== */
.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {
    max-width:100%!important;display:block;width:100%;height:400px;}
.mejs-container {max-width:100%!important;}
.full-text {line-height:1.7;font-size:16px;}
.full-text img:not(.emoji) {max-width:100%;margin-top:10px;margin-bottom:10px;}
.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 a {text-decoration:underline;color:#06c;}
.full-text a:hover {text-decoration:none;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:10px 0;font-size:24px;font-weight:700;}
.full-text p {margin-bottom:10px;}
.full-text > ul, .full-text > ol {margin:0;}
.full-text > ul li {list-style:disc;margin-left:40px;}
.full-text > ol li {list-style:decimal;margin-left:40px;}
.full-taglist a {color:#d20068;}
.full-taglist {margin-top:20px;}
.full-taglist span:not(.fa):not(:last-child):after {content:",";display:inline;}

/* ===== COMMENTS ===== */
.add-comms {padding:30px;background-color:var(--color-bg);margin-bottom:30px;}
.ac-inputs input {width:48.5%;margin-bottom:15px;}
.ac-textarea textarea {height:100px;margin-bottom:15px;}
.add-comms input, .add-comms textarea, .ac-submit button {box-shadow:3px 3px 6px rgba(0,0,0,0.1);}
.ac-protect, .ac-textarea .bb-editor + br {display:none;}
.comments_subscribe input {margin-right:10px;}
.comments_subscribe {display:block;}
.mass_comments_action {display:none;}
.last-comm-link {display:inline-block;padding-bottom:20px;color:#000;font-size:18px;font-weight:600;}

.comm-avatar {position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;}
.comm-letter {position:absolute;left:0;top:0;width:100%;height:100%;line-height:40px;text-align:center;
    background-color:#000;color:var(--color-white);font-size:18px;font-weight:700;text-transform:uppercase;}
.comm-item {margin-bottom:30px;font-size:13px;padding-left:50px;position:relative;min-height:40px;}
.comm-two {margin:10px 0;}
.comm-one > span {margin-right:15px;color:var(--color-text-light);}
.comm-one > span.comm-author, .comm-one > span.comm-author a {font-weight:700;color:#27ae60;opacity:1;}
.comm-three-left > a, .comm-three-right li a {opacity:0.6;}
.comm-three-right li {display:inline-block;margin-left:15px;}
.comm-rate3 {white-space:nowrap;font-size:14px;margin-right:15px;height:20px;line-height:20px;display:inline-block;vertical-align:top;position:relative;top:-3px;}
.comm-rate3 a {display:inline-block;vertical-align:middle;position:relative;opacity:0.4;}
.comm-rate3 > span {margin:0 5px;}
.comm-rate3 > span > span.ratingtypeplus {color:#06b601;}
.comm-rate3 > span > span.ratingplus {color:#95c613;}
.comm-rate3 > span > span.ratingminus {color:#ff0e0e;}
.comm-three a:hover {border-bottom-color:transparent;}
.comm-three-left > a {opacity:1;color:#06c;border-bottom:1px dotted #06c;}

/* ===== LOGIN ===== */
.overlay-box {position:fixed;z-index:998;left:0;top:0;width:100%;height:100%;opacity:0.8;background-color:#000;}
.login-box {position:fixed;z-index:999;left:50%;top:50%;transform:translate(-50%,-50%);
    background-color:var(--color-white);padding:30px 60px 40px 60px;border-top:5px solid var(--color-primary);
    width:400px;box-shadow:0 20px 60px rgba(0,0,0,0.5);}
.login-close {width:26px;height:26px;line-height:26px;text-align:center;font-size:24px;cursor:pointer;position:absolute;top:-30px;right:-30px;color:var(--color-white);}
.login-title {font-size:24px;margin-bottom:15px;text-align:center;}
.login-avatar {width:60px;height:60px;border-radius:50%;margin:0 auto 15px auto;text-align:center;line-height:60px;font-size:24px;background-color:#f2f6f8;color:#939393;}
.login-input {margin-bottom:15px;}
.login-btn button {width:100%;margin:15px 0;}
.login-btm a {border-bottom:1px dotted #06c;color:#06c;font-size:14px;}
.login-check {position:relative;font-size:14px;}
.login-check input {opacity:0;position:absolute;cursor:pointer;}
.login-check span {display:block;padding-left:36px;height:30px;line-height:30px;color:#939393;}
.login-check span:before, .login-check span:after {content:'';position:absolute;top:50%;transition:0.3s;}
.login-check span:before {left:0;height:10px;margin-top:-5px;width:26px;border-radius:5px;background:var(--color-white);box-shadow:inset 0 1px 4px rgba(0,0,0,0.3);}
.login-check span:after {left:1px;height:12px;width:12px;margin-top:-6px;background:#2ecc71;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,0);}
.login-check input:checked + span:before {background-color:var(--color-white);}
.login-check input:checked + span:after {left:13px;background-color:var(--color-white);box-shadow:0 1px 4px rgba(0,0,0,0.3);}
.login-menu {border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
.login-menu li {text-align:center;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3ee;width:50%;}
.login-menu a {display:block;padding:10px 5px;font-size:14px;}
.login-menu li .fa {display:none;height:28px;font-size:22px;color:#06c;}
.login-admin {text-align:center;margin:-10px 0 25px 0;}
.login-soc-title {display:flex;align-items:center;margin:30px 0 15px 0;}
.login-soc-title:before, .login-soc-title:after {content:'';height:1px;background-color:#e3e3e3;flex:1;}
.login-soc-title:before {margin-right:15px;}
.login-soc-title:after {margin-left:15px;}
.login-soc-btns {text-align:center;}
.login-soc-btns a {display:inline-block;margin:0 3px;vertical-align:top;}
.login-soc-btns img {display:block;width:30px;height:30px;border-radius:50%;}

/* ===== ADAPTIVE ===== */
.btn-menu {display:none;}
.side-panel {width:280px;height:100%;overflow-x:hidden;overflow-y:auto;background-color:#111;
    padding:15px;z-index:9999;position:fixed;left:-320px;top:0;transition:left 0.4s;}
.side-panel.active {left:0;}
.close-overlay {width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:9998;display:none;}
.btn-close {cursor:pointer;display:block;left:280px;top:-40px;position:fixed;z-index:9999;
    width:40px;height:40px;line-height:40px;text-align:center;font-size:18px;
    background-color:#e84e36;color:var(--color-white);transition:top 0.4s;}
.btn-close.active {top:0;}
body.opened-menu {overflow:hidden;width:100%;height:100%;}
.side-panel .header-menu {display:block;}
.side-panel .header-menu > li {margin:0;}
.side-panel .header-menu > li > a {height:40px;line-height:40px;}
.side-panel .hidden-menu {background-color:#222;box-shadow:none;position:static;width:calc(100% + 30px);
    pointer-events:auto;opacity:1;transform:translateY(0);margin:15px -15px;}
.side-panel .hidden-menu li a {padding:10px 15px;font-size:14px;}

@media screen and (max-width: 1220px) {
    .wrap-center {max-width:1000px;}
    .header .header-menu, .sect-grid .tile-item-desc, #gotop {display:none!important;}
    .logo {flex-basis:0;flex-grow:1;max-width:100%;min-width:50px;margin:0 30px;position:relative;}
    .btn-menu {display:block;font-size:24px;}
    .sect-grid {display:block;white-space:nowrap;overflow-y:hidden;overflow-x:auto;}
    .sect-grid > * {display:inline-block;vertical-align:top;width:300px;height:200px;margin-right:12px;}
    .sect-grid .tile-item-title {font-size:22px!important;font-weight:500!important;white-space:normal;}
    .short-item {width:31.5%!important;}
    .small-item {width:48%;}
    .tile-in-flow {width:65.8%;}
    .col-right {display:none;}
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:400px;}
}

@media screen and (max-width: 950px) {
    .wrap-center {max-width:768px;width:calc(100% - 30px);}
    .footer-col-desc {width:100%;margin-bottom:30px;}
    .col-left {padding:30px 15px;}
    .fimg-btm {left:15px;right:15px;bottom:30px;}
    .fimg {width:calc(100% + 30px);margin-left:-15px;margin-bottom:30px;margin-right:-15px;}
    .fheader h1 {font-size:28px;margin:20px 0 30px 0;}
    .fshort {margin:-5px 0 30px 0;}
    .fctrl, .fshare {width:100%;position:static;order:10;}
    .fshare > * {margin:30px 8px 0 0;}
    .ftext {margin-bottom:30px;}
}

@media screen and (max-width: 760px) {
    .wrap-center {max-width:640px;}
    .sect-title {font-size:24px;}
    .sect-link {font-size:13px;}
    .sect-link .far {display:none;}
    .short-item {width:48.6%!important;margin-bottom:15px;}
    .tile-in-flow {width:100%;height:350px;margin-bottom:15px;}
    .mb-remove2 {margin-bottom:-15px;}
    .small-item {margin-bottom:15px;}
    .not-logged .login-avatar {display:none;}
    .login-close {top:-5px;}
    .login-title {font-size:18px;}
    .login-box {max-width:calc(100% - 60px);padding:15px;}
    .fcat {padding-left:10px;padding-right:10px;font-size:14px;}
    .fimg {height:200px;}
    .ferror {min-width:100%;margin-bottom:15px;}
    .ffav a {margin:0;}
    .frating a {font-size:0;}
    .frating-counter {margin-left:0;font-size:14px;}
    .dcont button {font-size:12px;padding:0 15px!important;}
    .comments-tree-list .comments-tree-list {padding-left:0!important;}
    .comments-tree-list .comments-tree-list:before {display:none;}
    .mass_comments_action {display:none;}
}

@media screen and (max-width: 590px) {
    .wrap-center {max-width:480px;}
    .small-item {width:100%;}
    .footer-one, .footer-two {display:block;text-align:center;}
    .footer-col, .footer-copyright {margin-bottom:30px;}
    .footer-col-title:before {left:50%;margin-left:-25px;}
    .frels .mb-remove {margin-bottom:-45px;}
    .frels .small-item {width:100%;margin-bottom:15px;}
    .ac-inputs input {width:100%;}
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:300px;}
    .ui-dialog {width:100%!important;}
    .upop-left, .upop-right {float:none!important;width:100%!important;margin:0;padding:0 20px;}
    .upop-left {margin-bottom:10px;text-align:center;}
    .ui-dialog-buttonset button {display:block;margin:0 0 5px 0;width:100%;}
    #dofullsearch, #searchsuggestions span.seperator {display:none!important;}
    .attach .download-link {margin:0 -15px 0 0;float:none;display:block;padding:0 10px;}
    .attach-info {float:none;}
}

@media screen and (max-width: 470px) {
    .wrap-center22 {max-width:360px;}
    .logo img {width:100%;max-width:200px;position:absolute;left:0;top:50%;transform:translateY(-50%);}
    .short-item {width:100%!important;}
    .tile-item-desc {display:none;}
    .tile-in-flow {height:300px;}
    .fheader .tile-meta {margin:25px -15px 0 -15px;width:calc(100% + 15px);justify-content:flex-start;}
    .ferror, .fyadzen-label {display:none;}
    .sect-border {padding:15px;}
    .sect-border .sect-header {margin-bottom:15px;}
    .fyadzen {padding-right:110px;}
}

@media screen and (max-width: 350px) {
    .wrap-center22 {max-width:320px;}
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame {height:250px;}
}

/* ============================================================
   ПРЕДОТВРАЩАЕМ "ПРЫГАЮЩУЮ" ШАПКУ
   ============================================================ */

/* Фиксированная высота для картинок до загрузки */
img {
    max-width: 100%;
    height: auto;
    aspect-ratio: attr(width) / attr(height);
}

/* Шапка — фиксированная высота */
.header {
    min-height: 70px;
    position: sticky;
    top: 0;
    z-index: 990;
}

/* Резервируем место под шапку */
.wrap {
    padding-top: 0;
}

/* Отключаем анимацию до загрузки */
.anim {
    transition: none;
}

body.loaded .anim {
    transition: all 0.3s;
}

/* Шрифты без скачков */
@font-face {
    font-family: 'HelveticaNeueCyr';
    src: local('HelveticaNeueCyr-Roman'),
        url('../webfonts/HelveticaNeueCyr-Roman.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: local('DIN Pro Condensed Medium'), local('DINPro-Medium'),
        url('../webfonts/DINPro-CondensedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ============================================================
   УБИРАЕМ КРАСНЫЕ КВАДРАТЫ И НАСТРАИВАЕМ БУРГЕР
   ============================================================ */

/* 1. Убираем красные квадраты у кнопок шапки */
.header-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #fff !important;
}

.header-btn:focus,
.header-btn:active,
.header-btn::-moz-focus-inner {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.header-actions button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.header-btn:hover {
    background: transparent !important;
    color: #ea172a !important;
}

/* 2. Скрываем бургер на десктопе */
.btn-menu {
    display: none !important;
}

/* 3. Показываем бургер только на мобилках */
@media screen and (max-width: 950px) {
    .btn-menu {
        display: block !important;
    }
}

/* ============================================================
   УБИРАЕМ ПРЫЖКИ ШАПКИ (фиксируем логотип)
   ============================================================ */

.logo {
    display: block;
    width: 200px;
    height: 60px;
    flex-shrink: 0;
}

.logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Фиксируем высоту шапки */
.header {
    min-height: 70px;
}

.header-in {
    min-height: 70px;
}

/* Запасной вариант через aspect-ratio */
.logo img {
    aspect-ratio: 200 / 60;
}

/* ============================================================
   ПОЛНОСТЬЮ УБИРАЕМ КРАСНЫЕ КВАДРАТЫ В РЕЙТИНГЕ
   ============================================================ */

.reactions__btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 4px 8px !important;
    margin: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 14px !important;
    color: #555 !important;
    transition: all 0.2s ease !important;
}

.reactions__icon {
    background: transparent !important;
    animation: none !important;
    color: inherit !important;
    min-width: auto !important;
    min-height: auto !important;
    width: auto !important;
    height: auto !important;
    font-size: 28px !important;
    line-height: 1 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

.reactions__count {
    font-size: 12px !important;
    color: #888 !important;
    background: transparent !important;
    border: none !important;
    min-width: auto !important;
    padding: 0 !important;
}

.reactions__btn:hover .reactions__icon {
    transform: scale(1.2);
}

.reactions__btn.active .reactions__icon {
    transform: scale(1.3);
}

.reactions__btn.active .reactions__count {
    color: #ea172a !important;
}