/* =========================================================
   SYNTHIRA BASE BY AQXARO
========================================================= */

:root {
    --sx-bg: #151515;
    --sx-bg-2: #1b1b1b;
    --sx-panel: #202020;
    --sx-panel-2: #252525;
    --sx-panel-3: #2a2a2a;

    --sx-border: #303030;
    --sx-border-soft: rgba(255, 255, 255, 0.045);

    --sx-text: #c9c9c9;
    --sx-text-soft: #a9a9a9;
    --sx-muted: #858585;

    --sx-gold: #d2cc97;
    --sx-gold-2: #b9b384;
    --sx-gold-hover: #e3eaa9;

    --sx-red: #e66a6a;
    --sx-green: #74c878;
    --sx-blue: #68b7d8;

    --sx-radius: 9px;
--sx-font: "Source Sans 3", Arial, sans-serif;
}

/* ===============================
   Общая база
================================ */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: var(--sx-bg);
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;

    background:
        radial-gradient(circle at 50% 0%, rgba(185, 179, 132, 0.035), transparent 34%),
        #151515;

    color: var(--sx-text);

    font-family: var(--sx-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
select,
textarea {
    font-family: var(--sx-font);
}

::selection {
    background: rgba(185, 179, 132, 0.28);
    color: #ffffff;
}

p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0.0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

b,
strong {
    font-weight: 700;
}

small {
    color: var(--sx-muted);
    font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 12px;

    color: #e0e0e0;
    font-family: var(--sx-font);
    font-weight: 700;
    line-height: 1.25;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 19px;
}

h3 {
    font-size: 17px;
}

h4,
h5,
h6 {
    font-size: 15px;
}

hr {
    height: 1px;
    margin: 10px 0;

    border: 0;
    background: #303030;
}

/* ===============================
   Ссылки
================================ */

a,
a:link,
a:visited {
    color: var(--sx-gold);
    text-decoration: none;

    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease;
}

a:hover {
    color: var(--sx-gold-hover);
    text-decoration: none;
}

a img {
    border: 0;
}

/* ===============================
   Изображения / видео
================================ */

img,
video,
iframe {
    max-width: 100%;
}

img {
    vertical-align: middle;
}

iframe {
    border: 0;
}

/* ===============================
   Таблицы
================================ */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    vertical-align: top;
}

/* ===============================
   Формы
================================ */

input,
textarea,
select,
button {
    outline: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea,
select {
    max-width: 100%;

    border-radius: 8px;
    background: #202020;
    border: 1px solid #333333;

    color: var(--sx-text);
    font-size: 13px;

    box-sizing: border-box;

    transition:
        background .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="url"],
select {
    height: 34px;
    padding: 0 10px;
}

textarea {
    min-height: 90px;
    padding: 9px 10px;
    resize: vertical;
}

input::placeholder,
textarea::placeholder {
    color: #777777;
}

input:focus,
textarea:focus,
select:focus {
    background: #242424;
    border-color: rgba(185, 179, 132, 0.32);
    box-shadow: 0 0 0 3px rgba(185, 179, 132, 0.07);
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.btn:hover {
    background:
        linear-gradient(180deg, rgba(185, 179, 132, 0.16), rgba(185, 179, 132, 0.06)),
        #2a2a2a;

    border-color: rgba(185, 179, 132, 0.28);
    color: #f0f5b8;
}

/* ===============================
   DLE / BB-код: цитаты
================================ */

.quote,
.title_quote,
.quote_block,
blockquote {
    margin: 10px 0;
}

.quote,
.quote_block,
blockquote {
    position: relative;

    padding: 10px 12px 10px 14px;

    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), transparent 45%),
        #202020;

    border: 1px solid #303030;
    border-left: 3px solid rgba(185, 179, 132, 0.42);

    color: #bdbdbd;
    font-size: 13px;
    line-height: 1.45;
}

.title_quote {
    margin-bottom: -2px;
    padding: 7px 10px;

    border-radius: 9px 9px 0 0;
    background: #282828;
    border: 1px solid #333333;
    border-bottom: 0;

    color: var(--sx-gold);
    font-size: 12px;
    font-weight: 700;
}

/* ===============================
   DLE / BB-код: код
================================ */

pre,
code,
.scriptcode,
.title_code {
    font-family: Consolas, Monaco, "Courier New", monospace;
}

pre,
.scriptcode {
    display: block;

    margin: 10px 0;
    padding: 10px 12px;

    border-radius: 9px;
    background: #191919;
    border: 1px solid #303030;

    color: #cfcfcf;
    font-size: 12px;
    line-height: 1.45;

    white-space: pre-wrap;
    word-break: break-word;
    overflow: auto;
}

code {
    padding: 2px 5px;

    border-radius: 5px;
    background: #252525;
    border: 1px solid #333333;

    color: #d6d09f;
    font-size: 12px;
}

.title_code {
    margin-top: 10px;
    padding: 7px 10px;

    border-radius: 9px 9px 0 0;
    background: #282828;
    border: 1px solid #333333;
    border-bottom: 0;

    color: var(--sx-gold);
    font-size: 12px;
    font-weight: 700;
}

/* ===============================
   DLE / BB-код: спойлеры
================================ */

.title_spoiler {
    position: relative;

    margin-top: 10px;
    padding: 9px 12px;

    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(185, 179, 132, 0.08), rgba(185, 179, 132, 0.025)),
        #242424;

    border: 1px solid rgba(185, 179, 132, 0.14);

    color: var(--sx-gold);
    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
}

.title_spoiler:hover {
    color: var(--sx-gold-hover);
    border-color: rgba(185, 179, 132, 0.24);
}

.text_spoiler {
    margin: 6px 0 10px;
    padding: 10px 12px;

    border-radius: 9px;
    background: #202020;
    border: 1px solid #303030;

    color: var(--sx-text);
    font-size: 13px;
    line-height: 1.45;
}

.spoiler {
    margin: 10px 0;
}

/* ===============================
   DLE / системные сообщения
================================ */

.info,
.berrors,
.ui-dialog,
.dle-popup {
    font-family: var(--sx-font);
}

.berrors,
.ui-state-error {
    border-radius: 9px;
    background: #d2cc9729;
    border: 1px solid #d6d09f54;
    color: #e3eaa9d4;
    padding: 10px;
}

.info {
    border-radius: 9px;
    background: rgba(185, 179, 132, 0.08);
    border: 1px solid rgba(185, 179, 132, 0.14);
    color: #d6d09f;
}

/* ===============================
   Списки внутри материалов
================================ */

#textBlock ul,
#textBlock ol,
.sxm-static-content ul,
.sxm-static-content ol {
    margin: 8px 0 12px 22px;
    padding: 0;
}

#textBlock li,
.sxm-static-content li {
    margin: 4px 0;
}

/* ===============================
   Контентные картинки
================================ */

#textBlock .full-text img,
#textBlock .short-text img,
.sxm-static-content img {
    max-width: 100%;
}

/* ===============================
   Защита от длинного текста
================================ */

.sx-clamp-1 {
    display: -webkit-box;

    max-width: 178px;

    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sx-break {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* =========================================================
   SYNTHIRA HEADER
========================================================= */
.sxh-header {
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
    min-height: 50px;
    background:
        radial-gradient(circle at 18% 0%, rgba(185, 179, 132, 0.10), transparent 34%),
        linear-gradient(180deg, #242424 0%, #1b1b1b 100%);
    border-bottom: 1px solid #303030;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
    color: #bfbfbf;
    font-family: Roboto, Arial, sans-serif;
}

.sxh-shell {
    max-width: 1260px;
    min-height: 50px;
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    box-sizing: border-box;
}

.sxh-left,
.sxh-right {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.sxh-left {
    flex: 1 1 auto;
}

.sxh-right {
    flex: 0 0 auto;
}

.sxh-header {
    min-height: 44px !important;
}

.sxh-shell {
    min-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* логотип */
.sxh-logo,
.sxh-logo:link,
.sxh-logo:visited {
    min-height: 32px !important;
}

.sxh-logo-badge {
    width: 30px !important;
    height: 30px !important;
    flex-basis: 30px !important;
}

.sxh-logo-img {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
}

.sxh-logo-text {
    font-size: 17px !important;
}

/* пункты меню */
.sxh-menu-link,
.sxh-menu-link:link,
.sxh-menu-link:visited {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    line-height: 30px !important;
}

/* Discord */
.sxh-discord-btn,
.sxh-discord-btn:link,
.sxh-discord-btn:visited {
    min-height: 30px !important;
    padding: 0 10px 0 8px !important;
    font-size: 12px !important;
    line-height: 30px !important;
    border-radius: 8px !important;
}

.sxh-discord-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
}

/* дата / время */
.sxh-greeting {
    min-height: 30px !important;
    padding: 0 10px !important;
    line-height: 30px !important;
    border-radius: 8px !important;
}

.sxh-greeting-icon,
.sxh-date-icon,
.sxh-time-icon {
    font-size: 11px !important;
}

/* профиль */
.sxu-trigger,
.sxu-trigger:link,
.sxu-trigger:visited {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    line-height: 30px !important;
    border-radius: 8px !important;
}

.sxu-trigger-icon {
    width: 17px !important;
    height: 17px !important;
    font-size: 11px !important;
}

.sxu-trigger-arrow {
    font-size: 8px !important;
}

/* правая часть чуть плотнее */
.sxh-left,
.sxh-right {
    gap: 8px !important;
}

.sxh-menu {
    gap: 4px !important;
}

/* ===============================
   Логотип
================================ */

.sxh-logo,
.sxh-logo:link,
.sxh-logo:visited {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;

    min-height: 36px;
    padding: 0;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #e3eaa9;
    text-decoration: none;
    line-height: 1;
}

.sxh-logo:hover {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

/* Иконка логотипа */

.sxh-logo-badge {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible;
}

.sxh-logo-img {
    position: relative;
    z-index: 2;

    display: block;
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;

    object-fit: contain;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    transition:
        filter .22s ease,
        transform .22s ease;
}

.sxh-logo-badge::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;

    width: 34px;
    height: 34px;
    transform: translate(-50%, -50%) scale(.75);

    border-radius: 50%;
    background: rgba(227, 234, 169, 0.16);
    box-shadow:
        0 0 0 rgba(227, 234, 169, 0),
        0 0 0 rgba(185, 179, 132, 0);

    opacity: 0;
    transition:
        opacity .22s ease,
        transform .22s ease,
        box-shadow .22s ease;
    pointer-events: none;
}

.sxh-logo:hover .sxh-logo-badge::before {
    opacity: .45;
    transform: translate(-50%, -50%) scale(1);
    box-shadow:
        0 0 8px rgba(227, 234, 169, 0.16),
        0 0 14px rgba(185, 179, 132, 0.10);
}

.sxh-logo:hover .sxh-logo-img {
    transform: none;
    filter:
        drop-shadow(0 0 3px rgba(227, 234, 169, 0.22))
        drop-shadow(0 0 7px rgba(185, 179, 132, 0.12));
}

.sxh-logo:hover .sxh-logo-text {
    color: #e3eaa9;
    text-shadow: 0 1px 0 #000;
}

/* Текст логотипа */

.sxh-logo-text {
    display: inline-block;

    color: #e3eaa9;
    font-family: "Roboto Condensed", Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .8px;
    line-height: 1;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000;

    transition:
        color .22s ease,
        text-shadow .22s ease;
}

.sxh-logo-text span {
    color: #b9b384;
}

.sxh-logo:hover .sxh-logo-text {
    color: #f0f5b8;
    text-shadow:
        0 1px 0 #000,
        0 0 10px rgba(185, 179, 132, 0.12);
}

/* Адаптация */

@media (max-width: 540px) {
    .sxh-logo-badge {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }

    .sxh-logo-img {
        width: 30px !important;
        height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;
    }

    .sxh-logo-badge::before {
        width: 30px;
        height: 30px;
    }

    .sxh-logo-text {
        font-size: 16px;
    }
}

/* Меню */

.sxh-menu {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.sxh-menu-link,
.sxh-menu-link:link,
.sxh-menu-link:visited {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 11px;
    border-radius: 9px;
    color: #a8a8a8;
    font-size: 13px;
    line-height: 34px;
    text-decoration: none;
    white-space: nowrap;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}

.sxh-menu-link:hover {
    color: #e3eaa9;
    background: rgba(255, 255, 255, 0.035);
    box-shadow: inset 0 0 0 1px rgba(185, 179, 132, 0.12);
    text-decoration: none;
}

/* ===============================
   Discord button
================================ */

.sxh-discord-btn,
.sxh-discord-btn:link,
.sxh-discord-btn:visited {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;

    min-height: 34px;
    padding: 0 11px 0 9px;

    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(185, 179, 132, 0.10), rgba(185, 179, 132, 0.035)),
        rgba(255, 255, 255, 0.025);

    border: 1px solid rgba(185, 179, 132, 0.15);
    color: #cfc99a;

    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 34px;
    text-decoration: none;
    white-space: nowrap;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 0 0 rgba(185, 179, 132, 0);

    overflow: hidden;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.sxh-discord-btn::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(227, 234, 169, 0.07) 45%,
        transparent 75%
    );

    transform: translateX(-120%);
    opacity: 0;
    pointer-events: none;

    transition:
        transform .45s ease,
        opacity .18s ease;
}

.sxh-discord-btn:hover {
    color: #e3eaa9;
    background:
        linear-gradient(180deg, rgba(185, 179, 132, 0.14), rgba(185, 179, 132, 0.055)),
        rgba(255, 255, 255, 0.035);

    border-color: rgba(185, 179, 132, 0.26);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 0 12px rgba(185, 179, 132, 0.08);

    text-decoration: none;
}

.sxh-discord-btn:hover::before {
    opacity: 1;
    transform: translateX(120%);
}

.sxh-discord-icon {
    position: relative;
    z-index: 1;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    border-radius: 7px;
    background: rgba(185, 179, 132, 0.10);
    color: #b9b384;

    font-size: 13px;

    transition:
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}

.sxh-discord-btn:hover .sxh-discord-icon {
    background: rgba(185, 179, 132, 0.16);
    color: #e3eaa9;
    box-shadow: 0 0 8px rgba(185, 179, 132, 0.12);
}

.sxh-discord-text {
    position: relative;
    z-index: 1;
}

.sxh-greeting {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(185, 179, 132, 0.10);
    color: #9e9e9e;
    font-size: 13px;
    line-height: 34px;
    white-space: nowrap;
    box-sizing: border-box;
}

.sxh-greeting-icon,
.sxh-date-icon,
.sxh-time-icon {
    color: #b9b384;
    font-size: 12px;
    opacity: .95;
}

#sxh-greeting-text {
    color: #b9b384;
    font-weight: 500;
}

#sxh-date-text,
#sxh-time-text {
    color: #aaa789;
    font-size: 12px;
}

.sxh-divider {
    margin: 0 2px;
    color: #464646;
}

/* Логин */

.sxh-login {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
}

.sxh-login a:hover {
    color: #e3eaa9;
    background: rgba(185, 179, 132, 0.08);
    border-color: rgba(185, 179, 132, 0.16);
    text-decoration: none;
}

.sxh-login img {
    width: 22px;
    height: 22px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 6px;
    border: 1px solid #343434;
}

/* Адаптация */

@media (max-width: 1120px) {
    .sxh-greeting {
        max-width: 310px;
        overflow: hidden;
    }

    #sxh-date-text,
    .sxh-date-icon {
        display: none;
    }

    .sxh-divider:first-of-type {
        display: none;
    }
}

@media (max-width: 900px) {
    .sxh-shell {
        align-items: flex-start;
        flex-direction: column;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .sxh-left,
    .sxh-right {
        width: 100%;
        flex-wrap: wrap;
    }

    .sxh-menu {
        flex-wrap: wrap;
    }

    .sxh-right {
        justify-content: space-between;
    }
}

@media (max-width: 540px) {
    .sxh-logo-icon {
        display: none;
    }

    .sxh-logo-text {
        font-size: 16px;
    }

    .sxh-menu-link,
    .sxh-menu-link:link,
    .sxh-menu-link:visited {
        min-height: 31px;
        padding: 0 9px;
        font-size: 12px;
        line-height: 31px;
    }

    .sxh-greeting {
        width: 100%;
        max-width: none;
        justify-content: center;
    }

    .sxh-login {
        width: 100%;
    }

    .sxh-login a,
    .sxh-login a:link,
    .sxh-login a:visited {
        width: 100%;
        justify-content: center;
    }
}
/* =========================================================
   Synthira User Login
========================================================= */

.sxh-login {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    z-index: 1002;
}

.sxu-account {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-family: Roboto, Arial, sans-serif;
}

.sxu-account::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
    z-index: 100000;
    pointer-events: auto;
}

/* Кнопка Профиль */

.sxu-trigger,
.sxu-trigger:link,
.sxu-trigger:visited {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;

    min-height: 34px;
    padding: 0 10px;

    border-radius: 9px;
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    box-shadow: none !important;

    color: #b8b8b8 !important;
    font-size: 13px;
    line-height: 34px;
    text-decoration: none !important;
    white-space: nowrap;

    cursor: pointer;
    box-sizing: border-box;

    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.sxu-trigger:hover,
.sxu-account.sxu-open .sxu-trigger {
    color: #e3eaa9 !important;
    background: rgba(185, 179, 132, 0.08) !important;
    border-color: rgba(185, 179, 132, 0.16) !important;
    box-shadow: 0 0 14px rgba(185, 179, 132, 0.055) !important;
}

.sxu-trigger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    color: #b9b384;
    font-size: 12px;
}

.sxu-trigger-text {
    display: inline-block;
}

.sxu-trigger-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: 1px;
    color: #777777;
    font-size: 9px;

    transition: transform .18s ease, color .18s ease;
}

.sxu-account.sxu-open .sxu-trigger-arrow {
    transform: rotate(180deg);
    color: #b9b384;
}

/* Выпадающее меню */

.sxu-menu {
    position: absolute !important;
    top: calc(100% + 5px);
    right: 0;

    width: 230px;
    margin: 0 !important;
    padding: 7px !important;

    list-style: none !important;

    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 38%),
        #202020;
    border: 1px solid #333333;
    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);

    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    pointer-events: none;

    z-index: 100001 !important;
transition:
    opacity .16s ease,
    visibility .16s ease,
    transform .16s ease;
transition-delay: .08s;
}

.sxu-account:hover .sxu-menu,
.sxu-account:focus-within .sxu-menu,
.sxu-account.sxu-open .sxu-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0s;
}

.sxu-menu::before {
    content: "";
    position: absolute;
    top: -6px;
    right: 18px;

    width: 10px;
    height: 10px;

    background: #202020;
    border-left: 1px solid #333333;
    border-top: 1px solid #333333;

    transform: rotate(45deg);
}

.sxu-menu li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Ссылки внутри меню */

.sxu-menu a,
.sxu-menu a:link,
.sxu-menu a:visited {
    display: flex !important;
    align-items: center;
    gap: 9px;

    width: 100%;
    min-height: 34px;
    padding: 0 9px !important;

    border-radius: 8px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #b8b8b8 !important;
    font-size: 13px;
    line-height: 34px;
    text-decoration: none !important;
    white-space: nowrap;

    box-sizing: border-box;

    transition:
        color .16s ease,
        background .16s ease;
}

.sxu-menu a:hover {
    color: #e3eaa9 !important;
    background: rgba(255, 255, 255, 0.045) !important;
    text-decoration: none !important;
}

.sxu-menu a i {
    width: 15px;
    flex: 0 0 15px;

    color: #b9b384;
    font-size: 12px;
    text-align: center;
    opacity: .9;
}

.sxu-menu a span {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sxu-menu a b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(185, 179, 132, 0.10);
    color: #cfc99a;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
}

.sxu-menu-separator {
    height: 1px;
    margin: 6px 4px !important;
    background: #313131;
}

/* Выход */

.sxu-menu a.sxu-logout:hover {
    color: #ffb0a8 !important;
    background: rgba(129, 40, 40, 0.18) !important;
}

.sxu-menu a.sxu-logout:hover i {
    color: #d98b83;
}

/* Открыть окно входа */

.sxu-login-open:hover {
    color: #e3eaa9 !important;
    background: rgba(185, 179, 132, 0.09) !important;
}

/* Форма входа в диалоге */

.sxu-login-form {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.sxu-login-form li {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.sxu-login-form label {
    display: block;
    margin-bottom: 5px;

    color: #b9b384;
    font-size: 12px;
}

.sxu-login-form input[type="text"],
.sxu-login-form input[type="password"] {
    width: 100%;
    height: 36px;

    padding: 0 10px !important;

    border-radius: 8px;
    background: #202020 !important;
    border: 1px solid #333333 !important;

    color: #cfcfcf !important;
    font-size: 13px !important;

    box-sizing: border-box;
}

.sxu-login-form input[type="text"]:focus,
.sxu-login-form input[type="password"]:focus {
    border-color: rgba(185, 179, 132, 0.38) !important;
    box-shadow: 0 0 0 3px rgba(185, 179, 132, 0.08);
}

.sxu-submit {
    width: 100%;
    height: 36px;

    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(227, 234, 169, 0.14), rgba(185, 179, 132, 0.08)),
        #262626 !important;
    border: 1px solid rgba(185, 179, 132, 0.22) !important;

    color: #e3eaa9 !important;
    font-size: 13px !important;
    font-weight: 500;

    cursor: pointer;
}

.sxu-submit:hover {
    background:
        linear-gradient(180deg, rgba(227, 234, 169, 0.18), rgba(185, 179, 132, 0.10)),
        #2a2a2a !important;
    border-color: rgba(185, 179, 132, 0.34) !important;
}

.sxu-login-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    margin-top: 10px;
    padding-top: 10px;

    border-top: 1px solid #303030;
    font-size: 12px;
}

.sxu-login-foot a,
.sxu-login-foot a:link,
.sxu-login-foot a:visited {
    color: #b9b384;
    text-decoration: none;
}

.sxu-login-foot a:hover {
    color: #e3eaa9;
    text-decoration: none;
}

/* Адаптация */

@media (max-width: 540px) {
    .sxu-account {
        width: 100%;
    }

    .sxu-trigger,
    .sxu-trigger:link,
    .sxu-trigger:visited {
        width: 100%;
        justify-content: center;
    }

    .sxu-menu {
        left: 0;
        right: auto;
        width: 100%;
        min-width: 230px;
    }

    .sxu-menu::before {
        right: auto;
        left: 22px;
    }
}
/* =========================================================
   Synthira Footer
========================================================= */

.sxf-footer {
    width: 100%;
    margin-top: 18px;
    padding: 0 10px 16px;
    box-sizing: border-box;

    color: #a9a9a9;
    font-family: Roboto, Arial, sans-serif;
}

.sxf-shell {
    max-width: 1260px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

    padding: 14px 16px;

    border-radius: 12px;
    background:
        radial-gradient(circle at 12% 0%, rgba(185, 179, 132, 0.08), transparent 34%),
        linear-gradient(180deg, #242424 0%, #1f1f1f 100%);

    border: 1px solid #303030;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 10px 24px rgba(0, 0, 0, 0.22);

    box-sizing: border-box;
}

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

.sxf-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.sxf-logo {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;
    flex: 0 0 34px;
}

.sxf-logo::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;

    width: 32px;
    height: 32px;

    transform: translate(-50%, -50%);
    border-radius: 50%;

    background: rgba(185, 179, 132, 0.05);
    box-shadow: 0 0 12px rgba(185, 179, 132, 0.06);
}

.sxf-logo img {
    position: relative;
    z-index: 1;

    display: block;
    width: 32px;
    height: 32px;

    object-fit: contain;
    border: 0;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
}

.sxf-brand-info {
    min-width: 0;
}

.sxf-title {
    display: flex;
    align-items: center;
    gap: 7px;

    color: #e3eaa9;
    font-family: "Roboto Condensed", Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .7px;
    line-height: 1.1;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #000;
}

.sxf-title span {
    color: #b9b384;
}

.sxf-title em {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 19px;
    padding: 0 7px;

    border-radius: 999px;
    background: rgba(129, 40, 40, 0.20);
    border: 1px solid rgba(245, 81, 81, 0.24);

    color: #ff8b8b;
    font-size: 11px;
    font-style: normal;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

.sxf-copy {
    margin-top: 3px;

    color: #858585;
    font-size: 12px;
    line-height: 1.35;
}

/* Ссылки */

.sxf-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.sxf-links a,
.sxf-links a:link,
.sxf-links a:visited {
    position: relative;

    color: #aaa789;
    font-size: 12px;
    line-height: 1.3;
    text-decoration: none;

    transition:
        color .18s ease,
        text-shadow .18s ease;
}

.sxf-links a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;

    width: 100%;
    height: 1px;

    background: rgba(185, 179, 132, 0.28);
    transform: scaleX(0);
    transform-origin: right;

    transition: transform .18s ease;
}

.sxf-links a:hover {
    color: #e3eaa9;
    text-decoration: none;
    text-shadow: 0 0 8px rgba(185, 179, 132, 0.10);
}

.sxf-links a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* Счетчики */

.sxf-counters {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;

    flex: 0 0 auto;
}

.sxf-counter,
.sxf-counter:link,
.sxf-counter:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 36px;
    height: 35px;
    padding: 2px;

    border-radius: 8px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.045);

    opacity: .55;
    box-sizing: border-box;

    transition:
        opacity .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.sxf-counter:hover {
    opacity: .9;
    background: rgba(185, 179, 132, 0.055);
    border-color: rgba(185, 179, 132, 0.14);
    box-shadow: 0 0 12px rgba(185, 179, 132, 0.055);
}

.sxf-counter img {
    display: block;
    max-width: 88px;
    max-height: 31px;

    border: 0 !important;
    border-radius: 5px;
}

/* Адаптация */

@media (max-width: 760px) {
    .sxf-shell {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .sxf-counters {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
    .sxf-footer {
        padding-left: 8px;
        padding-right: 8px;
    }

    .sxf-shell {
        padding: 13px;
        border-radius: 10px;
    }

    .sxf-title {
        font-size: 16px;
    }

    .sxf-links {
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
    }
}
/* =========================================================
   Synthira Right Sidebar
========================================================= */

.sxrs-sidebar section,
.sxrs-sidebar .sxrs-search-card,
.sxrs-sidebar .sxrs-card,
.sxrs-sidebar .sxrs-ad-box {
    display: block !important;
}

.sxrs-sidebar {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-family: Roboto, Arial, sans-serif;
    color: #bfbfbf;
    margin-top: 5px;
}

/* ===============================
   Поиск
================================ */

.sxrs-search-card {
    padding: 9px;
    border-radius: 10px;
    background:
        radial-gradient(circle at 15% 0%, rgba(185, 179, 132, 0.08), transparent 38%),
        linear-gradient(180deg, #242424 0%, #202020 100%);
    border: 1px solid #303030;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 8px 18px rgba(0, 0, 0, 0.18);
    box-sizing: border-box;
}

.sxrs-search {
    margin: 0;
    padding: 0;
}

.sxrs-search-field {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 38px;
    border-radius: 9px;
    background: #1d1d1d;
    border: 1px solid #323232;
    overflow: hidden;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.sxrs-search-field:focus-within {
    background: #202020;
    border-color: rgba(185, 179, 132, 0.32);
    box-shadow: 0 0 0 3px rgba(185, 179, 132, 0.06);
}

.sxrs-search-field > i {
    width: 36px;
    flex: 0 0 36px;
    color: #8f8b69;
    font-size: 13px;
    text-align: center;
}

.sxrs-search-field input {
    width: 100%;
    height: 38px;
    padding: 0 6px !important;
    background: transparent !important;
    border: 0 !important;
    color: #c9c9c9 !important;
    font-size: 13px !important;
    font-family: Roboto, Arial, sans-serif;
    box-sizing: border-box;
}

.sxrs-search-field input::placeholder {
    color: #777777;
}

.sxrs-search-field button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 30px;
    margin-right: 4px;
    border: 0;
    border-radius: 7px;
    background: rgba(185, 179, 132, 0.10);
    color: #b9b384;
    cursor: pointer;
    transition:
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}

.sxrs-search-field button:hover {
    background: rgba(185, 179, 132, 0.16);
    color: #e3eaa9;
    box-shadow: 0 0 10px rgba(185, 179, 132, 0.10);
}

/* ===============================
   Общие блоки
================================ */

.sxrs-card {
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 40%),
        #202020;
    border: 1px solid #303030;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 8px 18px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

.sxrs-card-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 12px;
    background:
        radial-gradient(circle at 50% 0%, rgba(185, 179, 132, 0.08), transparent 42%),
        linear-gradient(180deg, #282828 0%, #232323 100%);
    border-bottom: 1px solid #303030;
    color: #c9c39a;
    font-size: 17px;
    line-height: 40px;
    font-weight: 400;
    box-sizing: border-box;
}

.sxrs-card-head i {
    color: #b9b384;
    font-size: 13px;
    opacity: .9;
}

.sxrs-card-body {
    padding: 7px;
    box-sizing: border-box;
}

/* ===============================
   Каталог / меню
================================ */

.sxrs-menu-card {
    position: relative;
    overflow: hidden !important;
    z-index: 30;
}

.sxrs-menu-card .sxrs-card-body {
    padding: 5px;
    overflow: hidden !important;
}

.sxrs-menu-body {
    position: relative;
    max-height: 455px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 3px;
    box-sizing: border-box;
}

/* сброс списков */
.sxrs-menu-body ul,
.sxrs-menu-body li,
.sxrs-menu-list,
.sxrs-menu-list li,
.menusyz ul,
.menusyz li {
    margin: 0;
    padding: 0;
    list-style: none !important;
    box-sizing: border-box;
}

.sxrs-menu-body ul,
.menusyz ul {
    width: 100%;
    max-width: 100%;
}

.sxrs-menu-body li,
.menusyz li,
.sxrs-menu-item {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: 3px;
}

/* главные пункты */
.sxrs-menu-body > ul > li > a,
.menusyz > ul > li > a,
.sxrs-menu-item > a,
.sxrs-menu-item > a:link,
.sxrs-menu-item > a:visited {
    position: relative;
    display: block;

    width: 100%;
    max-width: 100%;

    min-height: 28px;
    padding: 0 26px 0 9px;

    border-radius: 7px;
    background: #2a2a2a;
    border: 1px solid transparent;

    color: #c9c39a !important;
    font-size: 13px;
    line-height: 28px;
    text-decoration: none !important;

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

    box-sizing: border-box;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease;
}

.sxrs-menu-body > ul > li > a:hover,
.menusyz > ul > li > a:hover,
.sxrs-menu-item > a:hover,
.sxrs-menu-item.sxrs-fly-open > a,
.menusyz li.sxrs-fly-open > a {
    background: rgba(185, 179, 132, 0.10);
    border-color: rgba(185, 179, 132, 0.12);
    color: #e3eaa9 !important;
    text-decoration: none !important;
}

/* стрелка у пунктов с подменю */
.sxrs-has-sub > a::after,
.has-sub > a::after {
content: "\2039" !important;

    position: absolute;
    right: 10px;
    top: 50%;

    transform: translateY(-50%);

    color: #9b9671;
    font-family: Arial, sans-serif !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;

    transition:
        color .16s ease,
        transform .16s ease;
}

.sxrs-menu-item.sxrs-fly-open > a::after,
.has-sub.sxrs-fly-open > a::after {
    color: #e3eaa9;
    transform: translateY(-50%) translateX(-2px);
}

/* подменю фиксированное */
.sxrs-sub,
.has-sub > ul {
    position: fixed;

    left: -9999px;
    top: 0;

    display: block;

    width: 285px;
    max-width: 285px;
    max-height: 420px;
z-index: 100050;
    margin: 0 !important;
    padding: 7px !important;

    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 38%),
        #1f1f1f;

    border: 1px solid #343434;
    border-left: 2px solid rgba(185, 179, 132, 0.28);

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);

    opacity: 0;
    visibility: hidden;
    transform: translateX(6px);

    pointer-events: none;

    overflow-y: auto;
    overflow-x: hidden;

    z-index: 100050;

    box-sizing: border-box;

    transition:
        opacity .14s ease,
        visibility .14s ease,
        transform .14s ease;
}

/* открытие только через JS */
.sxrs-menu-item.sxrs-fly-open > .sxrs-sub,
.has-sub.sxrs-fly-open > ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
}

/* ссылки внутри подменю */
.sxrs-sub li,
.has-sub > ul li {
    width: 100%;
    max-width: 100%;
    margin: 0 0 3px 0;
    padding: 0;
    box-sizing: border-box;
}

.sxrs-sub a,
.sxrs-sub a:link,
.sxrs-sub a:visited,
.has-sub > ul a,
.has-sub > ul a:link,
.has-sub > ul a:visited {
    display: block;

    width: 100%;
    max-width: 100%;

    min-height: 25px;
    padding: 0 8px;

    border-radius: 6px;

    color: #b7b7b7;
    font-size: 11px;
    line-height: 25px;
    text-decoration: none !important;

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

    box-sizing: border-box;

    transition:
        background .15s ease,
        color .15s ease,
        padding-left .15s ease;
}

.sxrs-sub a:hover,
.has-sub > ul a:hover {
    background: rgba(255, 255, 255, 0.045);
    color: #e3eaa9 !important;
    padding-left: 10px;
    text-decoration: none !important;
}

.sxrs-sub a[style]:hover,
.has-sub > ul a[style]:hover {
    filter: brightness(1.15);
}
/* ===============================
   Мини-чат
================================ */

.sxrs-chat-body {
    padding: 6px;
}

.sxrs-chat-note {
margin-top: 5px;
    padding: 4px;
    border-radius: 8px;
    background: rgba(185, 179, 132, 0.055);
    border: 1px solid rgba(185, 179, 132, 0.10);
    color: #9e9e9e;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
}

.sxrs-locked-card {
    padding: 0;
}

.sxrs-locked {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px;
    border-radius: 10px;
    background: #202020;
    color: #8f8f8f;
    font-size: 12px;
    line-height: 1.35;
    text-align: left;
}

.sxrs-locked i {
    margin-top: 2px;
    color: #b9b384;
}

.sxrs-halloween {
    position: relative;
    display: block;
}

.sxrs-halloween::before,
.sxrs-halloween::after {
    display: block;
    content: '';
    height: 35px;
    width: 84px;
    position: absolute;
    opacity: 0;
    transition: all 250ms ease-in-out;
    pointer-events: none;
    z-index: 10;
}

.sxrs-halloween:hover::before,
.sxrs-halloween:hover::after {
    opacity: 1;
}

.sxrs-halloween:hover::before {
    right: 0;
    top: 0;
    animation: sxrs-float-right 3s ease-in-out infinite;
}

.sxrs-halloween:hover::after {
    top: -45px;
    left: 50%;
    transform: rotate(-10deg);
    animation: sxrs-float-top 1s ease-in-out infinite;
}

.sxrs-halloween::before {
    right: 0;
    top: 0;
    background: url('https://synthira.ru/engine/plugins/Sandev/LightChat/smilies/2/0917.gif') no-repeat;
}

.sxrs-halloween::after {
    top: 0;
    left: 50%;
    background: url('') no-repeat;
}

@keyframes sxrs-float-right {
    50% {
        transform: rotate(1deg) translate(0, -2px);
    }
}

@keyframes sxrs-float-top {
    50% {
        transform: rotate(-5deg) translate(0, 5px);
    }
}

/* ===============================
   Скролл-блоки
================================ */

.sxrs-scroll {
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 2px;
}

/* ===============================
   Команда сайта
================================ */

.sxrs-team-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.sxrs-team-user {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px;
    border-radius: 8px;
    background: #272727;
    border: 1px solid #313131;
    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.sxrs-team-user:hover {
    background: #2b2b2b;
    border-color: rgba(185, 179, 132, 0.14);
    box-shadow: 0 0 12px rgba(185, 179, 132, 0.045);
}

.sxrs-team-avatar {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 9px;
    overflow: hidden;
    background: #202020;
    border: 1px solid #353535;
}

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

.sxrs-team-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.sxrs-team-info a,
.sxrs-team-info a:link,
.sxrs-team-info a:visited {
    color: #e3eaa9;
    font-size: 13px;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sxrs-team-info a:hover {
    color: #f0f5b8;
    text-decoration: none;
}

.sxrs-team-info span {
    color: #858585;
    font-size: 11px;
    line-height: 1.2;
}

/* ===============================
   Рекламный блок
================================ */

.sxrs-ad-box {
    padding: 3px;
    border-radius: 8px;
    background: transparent;
    overflow: hidden;
}

/* ===============================
   Общий скролл сайдбара
================================ */

.sxrs-sidebar ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.sxrs-sidebar ::-webkit-scrollbar-track-piece {
    background-color: #2b2b2b;
    border-radius: 5px;
}

.sxrs-sidebar ::-webkit-scrollbar-thumb:vertical,
.sxrs-sidebar ::-webkit-scrollbar-thumb:horizontal {
    background-color: #67644a;
    border-radius: 5px;
}

/* =========================================================
   FINAL FIX: rightside categories + flyout menu
========================================================= */

.sxrs-cats {
    overflow: hidden !important;
}

.sxrs-cats .sxrs-card-head {
    min-height: 38px !important;
    padding: 0 12px !important;

    background:
        radial-gradient(circle at 50% 0%, rgba(185, 179, 132, 0.09), transparent 45%),
        linear-gradient(180deg, #282828 0%, #222222 100%) !important;

    border-bottom: 1px solid #313131 !important;

    color: #d6d09f !important;
    font-size: 17px !important;
    line-height: 38px !important;
}

.sxrs-cats .sxrs-card-body {
    padding: 7px 8px 7px 9px !important;
}

.sxrs-cats-scroll {
    max-height: 350px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
}

.sxrs-cats .catsTable {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 4px !important;
}

.sxrs-cats .catsTd {
    padding: 0 !important;
    white-space: nowrap !important;
}

.sxrs-cats .catsTd::after {
    content: "";
    display: block;
    clear: both;
}

/* название категории */
.sxrs-cats .catName,
.sxrs-cats .catName:link,
.sxrs-cats .catName:visited,
.sxrs-cats .catNameActive,
.sxrs-cats .catNameActive:link,
.sxrs-cats .catNameActive:visited {
    display: block !important;
    float: left !important;

    width: calc(100% - 50px) !important;
    height: 25px !important;
    min-height: 25px !important;

    padding: 0 8px !important;

    border-radius: 7px !important;
    background: #2b2b2b !important;

    border: 1px solid transparent !important;

    color: #d2cc97 !important;
    font-size: 13px !important;
    line-height: 23px !important;
    text-decoration: none !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    box-sizing: border-box !important;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease;
}


.sxrs-cats .catNameActive,
.sxrs-cats .catNameActive:link,
.sxrs-cats .catNameActive:visited {
    background: rgba(185, 179, 132, 0.11) !important;
    border-color: rgba(185, 179, 132, 0.10) !important;
    color: #e3eaa9 !important;
}

.sxrs-cats .catsTd:hover .catName,
.sxrs-cats .catsTd:hover .catNameActive,
.sxrs-cats .catName:hover,
.sxrs-cats .catNameActive:hover {
    background: rgba(185, 179, 132, 0.11) !important;
    border: 1px solid rgba(185, 179, 132, 0.12) !important;
    color: #e3eaa9 !important;
    text-decoration: none !important;
}

/* счетчик */
.sxrs-cats .catNumData {
    display: block !important;
    float: right !important;

    width: 46px !important;
    height: 25px !important;
    min-height: 25px !important;

    padding: 0 !important;

    border-radius: 7px !important;
    background: rgba(185, 179, 132, 0.11) !important;
    border: 1px solid transparent !important;

    color: #d6d09f !important;
    font-size: 13px !important;
    line-height: 23px !important;
    text-align: center !important;

    box-sizing: border-box !important;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease;
}

/* счетчик тоже слегка подсвечивается при наведении на строку */
.sxrs-cats .catsTd:hover .catNumData {
    background: rgba(185, 179, 132, 0.13) !important;
    border-color: rgba(185, 179, 132, 0.10) !important;
    color: #e3eaa9 !important;
}

.sxrs-cats .catDescr {
    display: none !important;
}

.sxrs-menu-card {
    position: relative !important;
    overflow: hidden !important;
    z-index: 40 !important;
}

.sxrs-menu-card .sxrs-card-body {
    padding: 5px !important;
    overflow: hidden !important;
}
.sxrs-menu-card .sxrs-menu-body {
    position: relative !important;

    max-height: 455px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding-right: 10px !important;
    margin-right: 1px !important;

    box-sizing: border-box !important;
}

.sxrs-menu-body .menusyz,
.sxrs-menu-body .menusyz ul,
.sxrs-menu-body .menusyz li,
.sxrs-menu-body .sxrs-menu-list,
.sxrs-menu-body .sxrs-menu-list li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

.sxrs-menu-body .menusyz > ul > li,
.sxrs-menu-body .sxrs-menu-list > li {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-bottom: 3px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

.sxrs-menu-body .menusyz > ul > li > a,
.sxrs-menu-body .menusyz > ul > li > a:link,
.sxrs-menu-body .menusyz > ul > li > a:visited,
.sxrs-menu-body .sxrs-menu-list > li > a,
.sxrs-menu-body .sxrs-menu-list > li > a:link,
.sxrs-menu-body .sxrs-menu-list > li > a:visited {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 28px !important;
    padding: 0 26px 0 9px !important;

    border-radius: 7px !important;
    background: #2a2a2a !important;
    border: 1px solid transparent !important;

    color: #d2cc97 !important;
    font-size: 13px !important;
    line-height: 28px !important;
    text-decoration: none !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    box-sizing: border-box !important;
}

.sxrs-menu-body .menusyz > ul > li > a:hover,
.sxrs-menu-body .sxrs-menu-list > li > a:hover,
.sxrs-menu-body li.sxrs-fly-open > a {
    background: rgba(185, 179, 132, 0.11) !important;
    border-color: rgba(185, 179, 132, 0.12) !important;
    color: #e3eaa9 !important;
    text-decoration: none !important;
}

.sxrs-menu-body .has-sub > a::after,
.sxrs-menu-body .sxrs-has-sub > a::after {
    content: "‹" !important;

    position: absolute !important;
    right: 10px !important;
    top: 50% !important;

    transform: translateY(-50%) !important;

    color: #9b9671 !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

.sxrs-menu-body li.sxrs-fly-open > a::after {
    color: #e3eaa9 !important;
    transform: translateY(-50%) translateX(-2px) !important;
}

.sxrs-menu-body .has-sub > ul,
.sxrs-menu-body .sxrs-has-sub > .sxrs-sub {
    position: fixed !important;

left: -9999px;
top: -9999px;

    display: block !important;

    width: 280px !important;
    max-width: 280px !important;
    max-height: 420px !important;

    margin: 0 !important;
    padding: 7px !important;

    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 38%),
        #1f1f1f !important;

    border: 1px solid #343434 !important;
    border-left: 2px solid rgba(185, 179, 132, 0.28) !important;

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(5px) !important;

    pointer-events: none !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    z-index: 100050 !important;
    box-sizing: border-box !important;

    transition:
        opacity .14s ease,
        visibility .14s ease,
        transform .14s ease !important;
}

.sxrs-menu-body li.sxrs-fly-open > ul,
.sxrs-menu-body li.sxrs-fly-open > .sxrs-sub {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
    pointer-events: auto !important;
}

.sxrs-menu-body .has-sub > ul li,
.sxrs-menu-body .sxrs-sub li {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 3px 0 !important;
    padding: 0 !important;

    list-style: none !important;
    box-sizing: border-box !important;
}

.sxrs-menu-body .has-sub > ul a,
.sxrs-menu-body .has-sub > ul a:link,
.sxrs-menu-body .has-sub > ul a:visited,
.sxrs-menu-body .sxrs-sub a,
.sxrs-menu-body .sxrs-sub a:link,
.sxrs-menu-body .sxrs-sub a:visited {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 25px !important;
    padding: 0 8px !important;

    border-radius: 6px !important;

    background: transparent !important;

    font-size: 12px !important;
    line-height: 25px !important;
    text-decoration: none !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    box-sizing: border-box !important;
}

.sxrs-menu-body .has-sub > ul a:hover,
.sxrs-menu-body .sxrs-sub a:hover {
    background: rgba(255, 255, 255, 0.045) !important;
    color: #e3eaa9 !important;
    text-decoration: none !important;
}

.sxrs-menu-body .has-sub > ul a[style]:hover,
.sxrs-menu-body .sxrs-sub a[style]:hover {
    filter: brightness(1.15);
}

/* =========================================================
   Synthira Last Comments
========================================================= */

.sxlc-item {
    margin: 0 0 5px 0;
    padding: 5px;

    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), transparent 45%),
        #272727;

    border: 1px solid #313131;

    color: #bfbfbf;
    font-family: Roboto, Arial, sans-serif;

    box-sizing: border-box;

    transition:
        background .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.sxlc-item:hover {
    background:
        linear-gradient(180deg, rgba(185, 179, 132, 0.045), transparent 48%),
        #2a2a2a;

    border-color: rgba(185, 179, 132, 0.13);
    box-shadow: 0 0 12px rgba(185, 179, 132, 0.045);
}

/* верх */

.sxlc-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    min-width: 0;
    margin-bottom: 6px;
}

.sxlc-user {
    display: flex;
    align-items: center;
    gap: 6px;

    min-width: 0;
    max-width: calc(100% - 78px);
}

.sxlc-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;
    flex: 0 0 18px;

    border-radius: 6px;
    background: rgba(185, 179, 132, 0.09);

    color: #b9b384;
    font-size: 12px;
}

.sxlc-login {
display: inline-block;
    max-width: 110px;
    color: #e3eaa9;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxlc-user a,
.sxlc-user a:link,
.sxlc-user a:visited {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    min-width: 0;

    color: #e3eaa9;
    text-decoration: none;
}

.sxlc-user a:hover {
    color: #f0f5b8;
    text-decoration: none;
}

.sxlc-news-link,
.sxlc-news-link:link,
.sxlc-news-link:visited {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    height: 23px;
    padding: 0 7px;

    border-radius: 7px;
    background: rgba(185, 179, 132, 0.08);
    border: 1px solid transparent;

    color: #c9c39a;
    font-size: 11px;
    line-height: 23px;
    text-decoration: none;

    white-space: nowrap;

    box-sizing: border-box;

    transition:
        background .16s ease,
        border-color .16s ease,
        color .16s ease;
}

.sxlc-news-link i {
    font-size: 10px;
}

.sxlc-news-link:hover {
    background: rgba(185, 179, 132, 0.13);
    border-color: rgba(185, 179, 132, 0.12);
    color: #e3eaa9;
    text-decoration: none;
}

/* текст комментария */

.sxlc-comment {
    padding: 7px 8px;

    border-radius: 8px;
    background: #202020;
    border: 1px solid #303030;

    color: #b8b8b8;
    font-size: 12px;
    line-height: 1.4;

    word-wrap: break-word;
    overflow-wrap: anywhere;

    box-sizing: border-box;
}

.sxlc-comment a,
.sxlc-comment a:link,
.sxlc-comment a:visited {
    color: #d2cc97;
    text-decoration: none;
    border-bottom: 1px dotted rgba(185, 179, 132, 0.35);
}

.sxlc-comment a:hover {
    color: #e3eaa9;
    border-bottom-color: rgba(227, 234, 169, 0.55);
    text-decoration: none;
}

.sxlc-comment img {
    max-width: 100%;
    height: auto;

    border-radius: 6px;
    border: 1px solid #343434;
}

/* низ */

.sxlc-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    margin-top: 6px;
    padding-top: 6px;

    border-top: 1px solid #303030;
}

.sxlc-date {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    min-width: 0;

    color: #858585;
    font-size: 11px;
    line-height: 1.2;

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

.sxlc-date i {
    color: #8f8b69;
    font-size: 10px;
}

.sxlc-material,
.sxlc-material:link,
.sxlc-material:visited {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    color: #9f9a74;
    font-size: 11px;
    line-height: 1.2;
    text-decoration: none;

    white-space: nowrap;

    transition: color .16s ease;
}

.sxlc-material i {
    font-size: 9px;
}

.sxlc-material:hover {
    color: #e3eaa9;
    text-decoration: none;
}

.sxlc-item:last-child {
    margin-bottom: 0;
}
/* =========================================================
   Synthira Week Top
========================================================= */

.sxwt-item {
    width: 100%;
    max-width: 100%;
    margin: 0 0 6px 0;

    font-family: Roboto, Arial, sans-serif;
    box-sizing: border-box;
}

.sxwt-item:last-child {
    margin-bottom: 0;
}

.sxwt-link,
.sxwt-link:link,
.sxwt-link:visited {
    display: block;

    width: 100%;
    max-width: 100%;

    padding: 8px;

    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), transparent 45%),
        #272727;

    border: 1px solid #313131;

    color: #bfbfbf;
    text-decoration: none;

    box-sizing: border-box;
    overflow: hidden;

    transition:
        background .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.sxwt-link:hover {
    background:
        linear-gradient(180deg, rgba(185, 179, 132, 0.045), transparent 48%),
        #2a2a2a;

    border-color: rgba(185, 179, 132, 0.13);
    box-shadow: 0 0 12px rgba(185, 179, 132, 0.045);

    text-decoration: none;
}

.sxwt-main {
    display: flex;
    align-items: center;
    gap: 7px;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin-bottom: 7px;
}

.sxwt-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;
    flex: 0 0 20px;

    border-radius: 7px;
    background: rgba(185, 179, 132, 0.09);

    color: #b9b384;
    font-size: 11px;

    transition:
        background .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

.sxwt-link:hover .sxwt-icon {
    background: rgba(185, 179, 132, 0.14);
    color: #e3eaa9;
    box-shadow: 0 0 8px rgba(185, 179, 132, 0.08);
}

.sxwt-title {
display: block;
    min-width: 0;
    max-width: 100%;
    color: #d2cc97;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .16s ease;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 178px;
}

.sxwt-link:hover .sxwt-title {
    color: #e3eaa9;
}

/* низ со статистикой */

.sxwt-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;

    padding-top: 6px;

    border-top: 1px solid #303030;
}

.sxwt-stat {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    min-height: 20px;
    padding: 0 7px;

    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);

    color: #858585;
    font-size: 11px;
    line-height: 20px;

    box-sizing: border-box;
}

.sxwt-stat i {
    color: #8f8b69;
    font-size: 10px;
}

.sxwt-link:hover .sxwt-stat {
    background: rgba(185, 179, 132, 0.07);
    color: #aaa789;
}

.sxwt-link:hover .sxwt-stat i {
    color: #b9b384;
}

/* защита от длинных заголовков */
.sxwt-link,
.sxwt-main,
.sxwt-title,
.sxwt-meta {
    min-width: 0;
}
/* =========================================================
   Synthira Main Layout
========================================================= */

.sxm-page {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 8px 0;
    box-sizing: border-box;
}

.sxm-content {
    width: 100%;
}

.sxm-layout {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.sxm-main-column {
    vertical-align: top;
    padding: 0 8px 8px 0 !important;
}

.sxm-side-column {
    width: 270px;
    min-width: 270px;
    vertical-align: top;
    padding: 0 0 8px 8px !important;
}

.sxm-text-block {
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.sxm-top-ad {
    margin-bottom: 8px;
}

.sxm-crumbbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    min-height: 38px;
    padding: 0 10px;

    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 45%),
        #202020;

    border: 1px solid #303030;

    color: #bfbfbf;
    font-family: Roboto, Arial, sans-serif;

    box-sizing: border-box;
}

.sxm-crumb-left {
    display: flex;
    align-items: center;
    gap: 6px;

    min-width: 0;
    max-width: 100%;

    color: #858585;
    font-size: 12px;
    line-height: 1.2;
}

.sxm-crumb-left a,
.sxm-crumb-left a:link,
.sxm-crumb-left a:visited {
    color: #d2cc97;
    text-decoration: none;

    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sxm-crumb-left a:hover {
    color: #e3eaa9;
    text-decoration: none;
}

.sxm-crumb-left h1 {
    display: -webkit-box !important;

    margin: 0 !important;

    max-width: 520px;

    color: #cfcfcf;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxm-crumb-right {
    flex: 0 0 auto;
}

.sxm-add-link,
.sxm-add-link:link,
.sxm-add-link:visited {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    min-height: 28px;
    padding: 0 9px;

    border-radius: 7px;
    background: rgba(185, 179, 132, 0.08);
    border: 1px solid transparent;

    color: #d2cc97;
    font-size: 12px;
    line-height: 28px;
    text-decoration: none;

    box-sizing: border-box;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease;
}

.sxm-add-link:hover {
    background: rgba(185, 179, 132, 0.13);
    border-color: rgba(185, 179, 132, 0.12);
    color: #e3eaa9;
    text-decoration: none;
}

.sxm-add-link i {
    font-size: 10px;
}

.sxm-catalog-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 7px;
    margin-bottom: 8px;
    padding: 5px 9px;
    border-radius: 8px;
    background: #1c1c1c;
    border: 1px solid #303030;
    color: #bfbfbf;
    font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
}

.sxm-counts {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sxm-counts div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sxm-counts span {
    color: #cfcfcf;
}

.sxm-counts b {
    color: #d6d09f;
    border-bottom: 1px dotted rgba(185, 179, 132, 0.45);
}

.sxm-pages {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    flex-wrap: wrap;

    min-width: 0;
}

.sxm-pages-label {
    margin-right: 4px;
    color: #cfcfcf;
}

.sxm-pages a:hover,
.sxm-bottom-nav a:hover {
    background: rgba(185, 179, 132, 0.12);
    border-color: rgba(185, 179, 132, 0.16);
    color: #e3eaa9;
    text-decoration: none;
}

/* ===============================
   Сортировка + фильтры
================================ */

.sxm-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    margin-bottom: 8px;
    padding: 8px 10px;

    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 45%),
        #202020;

    border: 1px solid #303030;

    font-family: Roboto, Arial, sans-serif;
    box-sizing: border-box;
}

.sxm-sort {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.sxm-tools-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: #cfcfcf;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
}

.sxm-tools-label i {
    color: #b9b384;
    font-size: 12px;
}

.sxm-sort-links {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    min-width: 0;
}

.sxm-sort-links a,
.sxm-sort-links a:link,
.sxm-sort-links a:visited {
    align-items: center;
    margin-right: 5px;
    min-height: 26px;
    padding: 3px;
    border-radius: 7px;
    background: #292929;
    border: 1px solid transparent;
    line-height: 22px;
    text-decoration: none;
    box-sizing: border-box;
}

.sxm-sort-links a:hover {
    background: rgba(185, 179, 132, 0.11);
    border-color: rgba(185, 179, 132, 0.12);
    color: #e3eaa9;
    text-decoration: none;
}

.sxm-filter {
    flex: 0 0 300px;
    max-width: 300px;
}

.sxm-filter-select {
    width: 100%;
    height: 32px;

    padding: 0 10px !important;

    border-radius: 7px;
    background: #242424 !important;
    border: 1px solid #343434 !important;

    color: #bfbfbf !important;
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px !important;

    box-sizing: border-box;
}

.sxm-filter-select:hover,
.sxm-filter-select:focus {
    border-color: rgba(185, 179, 132, 0.26) !important;
    background: #272727 !important;
}

/* ===============================
   Контент и нижняя навигация
================================ */

.sxm-entries {
    width: 100%;
    max-width: 100%;
}

.sxm-static-content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.sxm-bottom-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;

    margin: 12px 0 4px;
}

.soritbl {
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 45%),
        #202020 !important;
    border: 1px solid #303030 !important;
    box-sizing: border-box;
}

.scrollgam {
    max-height: 255px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 10px !important;
    box-sizing: border-box;
}

.palkaebalka {
    height: 1px !important;
    margin: 4px 0 !important;
    border: 0 !important;
    background: #343434 !important;
}

.butsims1,
.butsims2,
.butsims3,
.butsims4,
.butsims5,
.butsims6,
.butsims7,
.butsims8,
.butsims11,
.butsims12,
.butsims13,
.buttsims,
.buttser {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 25px !important;
    margin: 2px !important;
    padding: 0 7px !important;

    border-radius: 6px !important;

    font-family: Roboto, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 25px !important;

    vertical-align: middle;
    box-sizing: border-box;
}

.butsims1 a,
.butsims2 a,
.butsims3 a,
.butsims4 a,
.butsims5 a,
.butsims6 a,
.butsims7 a,
.butsims8 a,
.butsims11 a,
.butsims12 a,
.butsims13 a,
.buttsims a,
.buttser a {
    display: -webkit-box !important;

    max-width: 178px;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

    color: inherit;
    text-decoration: none !important;
}

.butsims1:hover,
.butsims2:hover,
.butsims3:hover,
.butsims4:hover,
.butsims5:hover,
.butsims6:hover,
.butsims7:hover,
.butsims8:hover,
.butsims11:hover,
.butsims12:hover,
.butsims13:hover,
.buttsims:hover {
    filter: brightness(1.12);
}

.titlgam {
    margin: 8px 0 5px !important;
    color: #d6d09f !important;
    font-size: 15px !important;
    text-shadow: none !important;
}


.thankssims {
    margin-bottom: 8px !important;
    padding: 10px 12px !important;

    border-radius: 9px !important;
    background: rgba(61, 106, 66, 0.18) !important;
    border: 1px solid rgba(99, 155, 80, 0.18) !important;

    color: #78c878;
    font-family: Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.35;

    box-sizing: border-box;
}

.thankssims a,
.thankssims a:link,
.thankssims a:visited {
    color: #8fe08f;
    text-decoration: none;
    border-bottom: 1px dotted rgba(143, 224, 143, 0.35);
}

.thankssims a:hover {
    color: #b5ffb5;
    border-bottom-color: rgba(181, 255, 181, 0.55);
    text-decoration: none;
}

.tofblock {
    border-radius: 9px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 45%),
        #202020 !important;

    border: 1px solid #303030 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 8px 18px rgba(0, 0, 0, 0.14) !important;

    overflow: hidden;
}

.tofblock img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}

/* ===============================
   Адаптация
================================ */

@media (max-width: 980px) {
    .sxm-layout,
    .sxm-layout tbody,
    .sxm-layout tr,
    .sxm-main-column,
    .sxm-side-column {
        display: block;
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .sxm-side-column {
        margin-top: 10px;
    }

    .sxm-tools,
    .sxm-catalog-meta,
    .sxm-crumbbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .sxm-filter {
        width: 100%;
        max-width: 100%;
        flex: none;
    }

    .sxm-pages {
        justify-content: flex-start;
    }
}

@media (max-width: 540px) {
    .sxm-page {
        padding-left: 6px;
        padding-right: 6px;
    }

    .sxm-crumb-left h1 {
        max-width: 230px;
    }

    .sxm-add-link span {
        display: none;
    }

    .sxm-counts div {
        flex-wrap: wrap;
    }
}
/* =========================================================
   FINAL TYPOGRAPHY RESET
   Единый шрифт и нормальная жирность
========================================================= */

html,
body {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1.42;
}

/* основной текст сайта */
#contanier,
#contentBlock,
#textBlock,
.centerColumn,
.subColumn,
.sxm-page,
.sxm-content,
.sxm-text-block,
.sxm-static-content,
.sxrs-sidebar,
.sxh-header,
.sxf-footer,
.cookie_notice {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 400 !important;
}

/* все обычные ссылки не жирные */
a,
a:link,
a:visited {
    font-family: inherit;
    font-weight: 400 !important;
}

/* Font Awesome не трогаем — только выравнивание */
i.fa,
i.fas,
i.far,
i.fab,
i.fa-solid,
i.fa-regular,
i.fa-brands {
    font-style: normal;
}

/* верхнее меню */
.sxh-menu-link,
.sxh-menu-link:link,
.sxh-menu-link:visited,
.sxh-discord-btn,
.sxh-greeting,
.sxu-trigger,
.sxu-trigger:link,
.sxu-trigger:visited {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

/* логотип оставляем плотнее */
.sxh-logo-text {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
}

/* хлебные крошки */
.sxm-crumbbar,
.sxm-crumb-left,
.sxm-crumb-left a,
.sxm-crumb-left h1,
.sxm-add-link {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* счетчики и страницы */
.sxm-catalog-meta,
.sxm-counts,
.sxm-counts span,
.sxm-counts b,
.sxm-pages,
.sxm-pages a,
.sxm-pages span,
.sxm-bottom-nav,
.sxm-bottom-nav a,
.sxm-bottom-nav span {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.sxm-counts b,
#news_count {
    font-weight: 600 !important;
}

/* сортировка */
.sxm-tools,
.sxm-tools-label,
.sxm-sort-links,
.sxm-sort-links a,
.sxm-filter-select {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

.sxm-tools-label {
    font-weight: 500 !important;
}

.sxm-sort-links a,
.sxm-sort-links a:link,
.sxm-sort-links a:visited {
    font-weight: 500 !important;
}

/* правый сайдбар */
.sxrs-card,
.sxrs-card-body,
.sxrs-cats,
.sxrs-menu-body,
.sxrs-scroll,
.sxlc-item,
.sxwt-item {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.sxrs-card-head {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

/* категории */
.sxrs-cats .catName,
.sxrs-cats .catNameActive {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.sxrs-cats .catNumData {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

/* меню справа */
.sxrs-menu-body .menusyz > ul > li > a,
.sxrs-menu-body .sxrs-menu-list > li > a {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.sxrs-menu-body .has-sub > ul a,
.sxrs-menu-body .sxrs-sub a {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Sims / спецкнопки */
.butsims1,
.butsims2,
.butsims3,
.butsims4,
.butsims5,
.butsims6,
.butsims7,
.butsims8,
.butsims11,
.butsims12,
.butsims13,
.buttsims,
.buttser,
.butsims1 a,
.butsims2 a,
.butsims3 a,
.butsims4 a,
.butsims5 a,
.butsims6 a,
.butsims7 a,
.butsims8 a,
.butsims11 a,
.butsims12 a,
.butsims13 a,
.buttsims a,
.buttser a {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* доска почёта */
.thankssims,
.thankssims center,
.thankssims div,
.thankssims a {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.thankssims div:first-child {
    font-weight: 600 !important;
}

/* карточки комментариев / популярного */
.sxlc-login,
.sxwt-title {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 600 !important;
}

.sxlc-comment,
.sxlc-date,
.sxwt-stat {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 400 !important;
}

/* обычные жирные теги делаем не кирпичными */
b,
strong {
    font-weight: 600 !important;
}

/* старые inline Roboto Condensed перебиваем */
[style*="Roboto"],
[style*="Roboto Condensed"],
[style*="font-family"] {
    font-family: "Source Sans 3", Arial, sans-serif !important;
}
/* =========================================================
   FINAL TEXT COMFORT FIX
   Чуть крупнее, мягче, без резкости
========================================================= */

html,
body {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.48 !important;
    color: #cfcfcf !important;
}

/* основной интерфейс */
#contanier,
#contentBlock,
#textBlock,
.sxm-page,
.sxm-content,
.sxm-text-block,
.sxm-static-content,
.sxrs-sidebar,
.sxh-header,
.sxf-footer,
.cookie_notice {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 400 !important;
}

/* обычные ссылки */
a,
a:link,
a:visited {
    font-weight: 400 !important;
}

/* шапка — чуть меньше, чтобы не раздулась */
.sxh-menu-link,
.sxh-discord-btn,
.sxh-greeting,
.sxu-trigger {
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* хлебные крошки и служебные панели */
.sxm-crumbbar,
.sxm-catalog-meta,
.sxm-tools {
    font-size: 13px !important;
}

/* сортировка */
.sxm-tools-label {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.sxm-sort-links a,
.sxm-sort-links a:link,
.sxm-sort-links a:visited {
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* фильтр */
.sxm-filter-select {
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* Sims-кнопки */
.butsims1,
.butsims2,
.butsims3,
.butsims4,
.butsims5,
.butsims6,
.butsims7,
.butsims8,
.butsims11,
.butsims12,
.butsims13,
.buttsims,
.buttser {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.butsims1 a,
.butsims2 a,
.butsims3 a,
.butsims4 a,
.butsims5 a,
.butsims6 a,
.butsims7 a,
.butsims8 a,
.butsims11 a,
.butsims12 a,
.butsims13 a,
.buttsims a,
.buttser a {
    font-size: 14px !important;
    font-weight: 400 !important;

    display: -webkit-box !important;
    max-width: 178px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* категории справа */
.sxrs-card-head {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.sxrs-cats .catName,
.sxrs-cats .catNameActive {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.sxrs-cats .catNumData {
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* правое меню */
.sxrs-menu-body .menusyz > ul > li > a,
.sxrs-menu-body .sxrs-menu-list > li > a {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.sxrs-menu-body .has-sub > ul a,
.sxrs-menu-body .sxrs-sub a {
    font-size: 13px !important;
    font-weight: 400 !important;
}

.thankssims div:first-child {
    font-weight: 600 !important;
}

/* не делаем b слишком жирным */
b,
strong {
    font-weight: 600 !important;
}
/* =========================================================
   FINAL UI FIX: Sims buttons, sort, pages, cookies
   Вставить в самый низ synthira.css
========================================================= */


/* ===============================
   1. Sims / category special buttons
   Возвращаем цветные кнопки
================================ */

.blcgam {
    margin: 8px 0 10px !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 42%),
        #202020 !important;

    border: 1px solid #313131 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 8px 18px rgba(0, 0, 0, 0.16) !important;

    box-sizing: border-box !important;
}

.scrollgam {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding: 4px 12px 4px 4px !important;
    box-sizing: border-box !important;
}

/* базовая форма кнопок */
.butsims1,
.butsims2,
.butsims3,
.butsims4,
.butsims5,
.butsims6,
.butsims7,
.butsims8,
.butsims11,
.butsims12,
.butsims13,
.buttsims,
.buttser {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    max-width: 190px !important;
    min-height: 26px !important;

    margin: 2px 0px !important;
    padding: 0 8px !important;

    border-radius: 6px !important;
    border: 1px solid transparent !important;

    color: #d7d7d7 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 24px !important;

    vertical-align: middle !important;
    box-sizing: border-box !important;

    transition:
        background .16s ease,
        border-color .16s ease,
        color .16s ease,
        filter .16s ease,
        box-shadow .16s ease;
}

.butsims1 a,
.butsims2 a,
.butsims3 a,
.butsims4 a,
.butsims5 a,
.butsims6 a,
.butsims7 a,
.butsims8 a,
.butsims11 a,
.butsims12 a,
.butsims13 a,
.buttsims a,
.buttser a {
    display: -webkit-box !important;

    max-width: 178px !important;

    color: inherit !important;
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 24px !important;
    text-decoration: none !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* цвета старых Sims-кнопок */
.butsims1 {
    background: rgba(111, 63, 154, 0.78) !important;
    border-color: rgba(151, 103, 194, 0.25) !important;
    color: #e6d4ff !important;
}

.butsims2 {
    background: rgba(83, 59, 105, 0.82) !important;
    border-color: rgba(151, 103, 194, 0.22) !important;
    color: #dbc8ec !important;
}

.butsims3 {
    background: rgba(153, 67, 57, 0.88) !important;
    border-color: rgba(215, 101, 86, 0.28) !important;
    color: #ffd0c8 !important;
}

.butsims4 {
    background: rgba(45, 115, 122, 0.82) !important;
    border-color: rgba(76, 176, 184, 0.25) !important;
    color: #c9f4f6 !important;
}

.butsims5 {
    background: rgba(34, 93, 124, 0.85) !important;
    border-color: rgba(84, 178, 220, 0.25) !important;
    color: #c7eaff !important;
}

.butsims6 {
    background: rgba(51, 119, 80, 0.86) !important;
    border-color: rgba(101, 205, 139, 0.25) !important;
    color: #d0ffdc !important;
}

.butsims7,
.buttsims {
    background: rgba(54, 54, 54, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.045) !important;
    color: #d2cc97 !important;
}

.butsims8,
.butsims11 {
    background: rgba(132, 57, 57, 0.88) !important;
    border-color: rgba(222, 93, 93, 0.26) !important;
    color: #ffd0d0 !important;
}

.butsims12,
.butsims13 {
    background: rgba(92, 78, 44, 0.88) !important;
    border-color: rgba(203, 178, 86, 0.24) !important;
    color: #efe2a8 !important;
}

.buttser {
    background: rgba(185, 179, 132, 0.10) !important;
    border-color: rgba(185, 179, 132, 0.16) !important;
    color: #d2cc97 !important;
}

/* hover */
.butsims1:hover,
.butsims2:hover,
.butsims3:hover,
.butsims4:hover,
.butsims5:hover,
.butsims6:hover,
.butsims7:hover,
.butsims8:hover,
.butsims11:hover,
.butsims12:hover,
.butsims13:hover,
.buttsims:hover {
    filter: brightness(1.12) !important;
    box-shadow: 0 0 10px rgba(185, 179, 132, 0.055) !important;
}

.titlgam {
    margin: 8px 0 5px !important;

    color: #d6d09f !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: center !important;
}


/* ===============================
   2. Sort buttons spacing
   Кнопки сортировки больше не слипаются
================================ */

.sxm-tools {
    gap: 14px !important;
}

.sxm-sort-links {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 6px !important;

    min-width: 0 !important;
}

.sxm-sort-links a:hover {
    background: rgba(185, 179, 132, 0.11) !important;
    border-color: rgba(185, 179, 132, 0.12) !important;
    color: #e3eaa9 !important;
}

/* если DLE активную сортировку выводит span/b */
.sxm-sort-links b,
.sxm-sort-links strong {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 28px !important;
    padding: 0 10px !important;

    border-radius: 7px !important;
    background: rgba(185, 179, 132, 0.11) !important;
    border: 1px solid rgba(185, 179, 132, 0.12) !important;

    color: #e3eaa9 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
}


/* ===============================
   3. Navigation / pages
   Убираем общий подфон/бордер вокруг страниц
================================ */

.sxm-pages,
.sxm-bottom-nav {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sxm-pages {
    gap: 7px !important;
}

.sxm-bottom-nav {
    gap: 7px !important;
}

/* label "Страницы:" отдельной маленькой плашкой */
.sxm-pages-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 28px !important;
    padding: 0 10px !important;
    margin-right: 4px !important;

    border-radius: 7px !important;
    background: rgba(185, 179, 132, 0.08) !important;
    border: 1px solid rgba(185, 179, 132, 0.10) !important;

    color: #d2cc97 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 26px !important;
}

/* сами страницы */
.sxm-pages a,
.sxm-pages a:link,
.sxm-pages a:visited,
.sxm-pages span:not(.sxm-pages-label),
.sxm-bottom-nav a,
.sxm-bottom-nav a:link,
.sxm-bottom-nav a:visited,
.sxm-bottom-nav span {
    min-width: 29px !important;
    height: 29px !important;

    margin: 0 !important;
    padding: 0 9px !important;

    border-radius: 7px !important;
    background: #242424 !important;
    border: 1px solid #333333 !important;

    color: #d2cc97 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 27px !important;
    text-decoration: none !important;

    box-sizing: border-box !important;
}

.sxm-pages a:hover,
.sxm-bottom-nav a:hover {
    background: rgba(185, 179, 132, 0.12) !important;
    border-color: rgba(185, 179, 132, 0.18) !important;
    color: #e3eaa9 !important;
}

/* если DLE выводит текущую страницу как span */
.sxm-pages span:not(.sxm-pages-label),
.sxm-bottom-nav span {
    background: rgba(185, 179, 132, 0.11) !important;
    border-color: rgba(185, 179, 132, 0.14) !important;
    color: #e3eaa9 !important;
}


/* ===============================
   4. Cookie notice
   Красивое окно cookies
================================ */

.cookie_notice {
    position: relative !important;
    z-index: 100000 !important;

    display: none;

    width: 100% !important;
    min-height: 0 !important;

    padding: 10px 16px !important;

    background:
        radial-gradient(circle at 20% 0%, rgba(185, 179, 132, 0.09), transparent 30%),
        linear-gradient(180deg, #242424 0%, #1d1d1d 100%) !important;

    border-bottom: 1px solid #303030 !important;

    color: #c6c6c6 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22) !important;

    box-sizing: border-box !important;
}

.cookie_notice > div {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin-left: 10px !important;
    vertical-align: middle !important;
}

.cookie_btn,
.cookie_btn:link,
.cookie_btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 26px !important;
    padding: 0 9px !important;

    border-radius: 7px !important;
    background: rgba(185, 179, 132, 0.09) !important;
    border: 1px solid rgba(185, 179, 132, 0.14) !important;

    color: #d6d09f !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 24px !important;

    text-decoration: none !important;

    transition:
        background .16s ease,
        border-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}

.cookie_btn:hover {
    background: rgba(185, 179, 132, 0.15) !important;
    border-color: rgba(185, 179, 132, 0.24) !important;
    color: #e3eaa9 !important;
    box-shadow: 0 0 10px rgba(185, 179, 132, 0.06) !important;
    text-decoration: none !important;
}

/* первая кнопка согласия чуть заметнее */
#cookie_close {
    background: rgba(94, 135, 77, 0.20) !important;
    border-color: rgba(112, 176, 91, 0.22) !important;
    color: #b7e9a7 !important;
}

#cookie_close:hover {
    background: rgba(94, 135, 77, 0.28) !important;
    border-color: rgba(112, 176, 91, 0.34) !important;
    color: #d0ffc2 !important;
}

@media (max-width: 760px) {
    .cookie_notice {
        padding: 10px 12px !important;
        font-size: 12px !important;
    }

    .cookie_notice > div {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 8px 0 0 0 !important;
    }
}
/* =========================================================
   Synthira Short Story
   shortstory.tpl
   Префикс: sxss-
========================================================= */

/* сетка материалов */
#allentries,
.sxm-entries {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;

    width: 100%;
    max-width: 100%;

    box-sizing: border-box;
}

/* карточка */

.sxss-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-width: 0;
    width: 100%;
    max-width: 100%;

    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 44%),
        #202020;

    border: 1px solid #313131;

    color: #c7c7c7;

    font-family: "Source Sans 3", Arial, sans-serif;

    overflow: hidden;
    box-sizing: border-box;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease,
        background .18s ease;
}

.sxss-card:hover {
    background:
        linear-gradient(180deg, rgba(185, 179, 132, 0.045), transparent 48%),
        #232323;

    border-color: rgba(185, 179, 132, 0.16);
    box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.26),
        0 0 16px rgba(185, 179, 132, 0.045);

    transform: translateY(-1px);
}

/* картинка */

.sxss-media,
.sxss-media:link,
.sxss-media:visited {
    display: block;

    width: 100%;
    max-width: 100%;

    color: inherit;
    text-decoration: none;

    overflow: hidden;
}

.sxss-imgbox {
    position: relative;

    display: block;

    width: 100%;
    aspect-ratio: 16 / 9;

    background:
        radial-gradient(circle at 50% 35%, rgba(185, 179, 132, 0.08), transparent 42%),
        #191919;

    overflow: hidden;
}

.sxss-img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: .94;
}

.sxss-card:hover .sxss-img {
    opacity: 1;
}

.sxss-blur {
    display: block;

    width: 100%;
    height: 100%;

    filter: blur(4px);
    transform: scale(1.025);
}

/* затемнение снизу картинки */
.sxss-imgbox::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 42%;

    background:
        linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.58) 100%);

    pointer-events: none;
}

/* бейджи */

.sxss-badges {
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 7px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;

    pointer-events: none;
    z-index: 2;
}

.sxss-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    max-width: 120px;
    min-height: 21px;

    padding: 0 7px;

    border-radius: 6px;
    border: 1px solid transparent;

    font-family: "Source Sans 3", Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 19px;

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

    box-sizing: border-box;
}

.sxss-badge-update {
margin-right: auto;
    background: rgb(131 122 52 / 63%);
    border-color: rgb(151 146 107 / 54%);
    color: #dce3a3;
}

.sxss-badge-ru {
    width: 25px;
    padding: 0;

    background: rgba(20, 20, 20, 0.72);
    border-color: rgba(255, 255, 255, 0.12);
}

.sxss-badge-ru img {
    display: block;

    width: 18px;
    height: auto;

    border-radius: 2px;
    opacity: .96;
}

.sxss-badge-nsfw {
    margin-left: auto;

    background: rgba(137, 50, 50, 0.86);
    border-color: rgba(230, 106, 106, 0.28);
    color: #ffd0d0;
}

/* тело карточки */

.sxss-body {
    display: flex;
    flex-direction: column;
    gap: 6px;

    min-width: 0;
    flex: 1 1 auto;

    padding: 9px 10px 8px;

    box-sizing: border-box;
}

.sxss-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Source Sans 3", Arial, sans-serif;
    line-height: 1.25 !important;
}

.sxss-title a,
.sxss-title a:link,
.sxss-title a:visited {
display: -webkit-box;
    color: #d6d09f;
    font-size: 17px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color .16s ease;
}

.sxss-title a:hover {
    color: #e3eaa9;
    text-decoration: none;
}

.sxss-meta {
    display: flex;
    align-items: center;
    gap: 6px;

    min-width: 0;
}

.sxss-cat,
.sxss-cat:link,
.sxss-cat:visited {
display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: #b9b384;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
}

.sxss-cat i {
    flex: 0 0 auto;

    color: #b9b384;
    font-size: 12px;
}

.sxss-cat span {
    display: -webkit-box;

    max-width: 178px;

    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxss-cat:hover,
.sxss-cat:hover i {
    color: #e3eaa9;
}

/* дата */

.sxss-date {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    color: #969696;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.25;
}

.sxss-date span {
    display: block;

    min-width: 0;
    max-width: 100%;

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

.sxss-date i {
    margin-right: 4px;

    color: #8f8b69;
    font-size: 11px;
}

.sxss-edit {
    color: #8fbd74 !important;
}

/* описание */

.sxss-desc {
    min-width: 0;
    max-width: 100%;
    margin-top: 0px;
    padding-top: 6px;
    border-top: 1px solid #303030;
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    overflow: hidden;
}

.sxss-desc a,
.sxss-desc a:link,
.sxss-desc a:visited {
    color: #d2cc97;
    text-decoration: none;
}

.sxss-desc a:hover {
    color: #e3eaa9;
}

.sxss-desc-empty {
    color: #aaa;
}

.sxss-desc-empty span {
    display: block;

    margin-bottom: 3px;

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

.sxss-desc-empty b {
    color: #d6d09f;
    font-weight: 600;
}

/* футер */

.sxss-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    min-width: 0;
    padding: 7px 10px;

    background: rgba(255, 255, 255, 0.018);
    border-top: 1px solid #303030;

    box-sizing: border-box;
}

.sxss-stats {
    display: flex;
    align-items: center;
    gap: 8px;

    min-width: 0;
    flex: 1 1 auto;
}

.sxss-stats span {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    color: #9b9b9b;

    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.sxss-stats i {
    color: #8f8b69;
    font-size: 11px;
}

.sxss-author {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;

    min-width: 0;
    max-width: 118px;

    color: #b9b384;

    font-size: 12px;
    font-weight: 500;
    line-height: 1;

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

.sxss-author i {
    flex: 0 0 auto;

    color: #b9b384;
    font-size: 11px;
}

.sxss-author span {
    display: -webkit-box;

    max-width: 96px;

    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* ===============================
   Адаптация карточек
================================ */

@media (max-width: 1180px) {
    #allentries,
    .sxm-entries {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    #allentries,
    .sxm-entries {
        grid-template-columns: 1fr;
    }

    .sxss-title a {
        font-size: 15px;
    }
}
/* =========================================================
   FIX shortstory grid
   Карточки материалов в 3 колонки
========================================================= */

#allentries.sxm-entries,
#allentries {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;

    gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* карточка не должна становиться строкой на всю ширину */
#allentries > .sxss-card,
.sxm-entries > .sxss-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    grid-column: auto !important;
    box-sizing: border-box !important;
}

/* если DLE/старые стили оборачивают shortstory в лишний div */
#allentries > div {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* если карточка оказалась внутри лишней обёртки */
#allentries > div > .sxss-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* адаптация */
@media (max-width: 1180px) {
    #allentries.sxm-entries,
    #allentries {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    #allentries.sxm-entries,
    #allentries {
        grid-template-columns: 1fr !important;
    }
}
/* =========================================================
   FINAL shortstory layout for DLE
   Учитывает обёртку #dle-content
========================================================= */

#allentries,
#allentries.sxm-entries {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* DLE кладёт все shortstory внутрь #dle-content */
#allentries > #dle-content {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* карточка внутри #dle-content */
#allentries > #dle-content > .sxss-card {
    float: none !important;
    clear: none !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}

/* чтобы внутренности карточки не растягивали сетку */
#allentries > #dle-content > .sxss-card * {
    max-width: 100%;
    box-sizing: border-box;
}

/* картинка нормальной высоты */
#allentries > #dle-content .sxss-imgbox {
    height: 170px !important;
    aspect-ratio: auto !important;
}

#allentries > #dle-content .sxss-img {
    width: 100% !important;
    height: 170px !important;
    object-fit: cover !important;
}

/* тело карточки не должно раздуваться */
#allentries > #dle-content .sxss-body {
    height: auto !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
}

/* описание ограничиваем */
#allentries > #dle-content .sxss-desc {
    height: auto !important;
    min-height: 0 !important;
}

#allentries > #dle-content .sxss-desc span {
    display: -webkit-box !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* футер карточки */
#allentries > #dle-content .sxss-footer {
    margin-top: auto !important;
}

/* адаптация */
@media (max-width: 1180px) {
    #allentries > #dle-content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    #allentries > #dle-content {
        grid-template-columns: 1fr !important;
    }
}
/* =========================================================
   FIX: тёмный скролл для Sims-блока и похожих блоков
========================================================= */

.scrollgam {
    scrollbar-width: thin;
    scrollbar-color: #6f6a4d #242424;
}

/* Chrome / Edge / Яндекс.Браузер */
.scrollgam::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scrollgam::-webkit-scrollbar-track {
    background: #242424;
    border-radius: 10px;
}

.scrollgam::-webkit-scrollbar-thumb {
    background: #6f6a4d;
    border-radius: 10px;
    border: 2px solid #242424;
}

.scrollgam::-webkit-scrollbar-thumb:hover {
    background: #8a845f;
}

.scrollgam::-webkit-scrollbar-corner {
    background: #242424;
}
.lc_buttons {
    height: 40px !important;
}
/* =========================================================
   FIX shortstory badges
   NSFW сверху справа, флаг снизу справа, обновление снизу слева
========================================================= */

.sxss-badges {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;

    pointer-events: none !important;
    z-index: 5 !important;
}

/* общий бейдж */
.sxss-badge {
    position: absolute !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 22px !important;
    padding: 0 8px !important;

    border-radius: 6px !important;
    border: 1px solid transparent !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 20px !important;

    white-space: nowrap !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}

/* Обновлено — снизу слева */
.sxss-badge-update {
    left: 7px !important;
    bottom: 7px !important;

    max-width: 130px !important;

    background: rgba(103, 97, 45, 0.92) !important;
    border-color: rgba(224, 213, 123, 0.34) !important;
    color: #f0e9a7 !important;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
}

/* RU-флаг — снизу справа */
.sxss-badge-ru {
    right: 7px !important;
    bottom: 7px !important;

    width: 28px !important;
    min-width: 28px !important;
    height: 22px !important;

    padding: 0 !important;

    background: rgba(20, 20, 20, 0.76) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
}

.sxss-badge-ru img {
    display: block !important;

    width: 19px !important;
    height: auto !important;

    border-radius: 2px !important;
    opacity: .95 !important;
}

/* NSFW — сверху справа */
.sxss-badge-nsfw {
    top: 7px !important;
    right: 7px !important;

    max-width: 82px !important;

    background: rgba(137, 50, 50, 0.92) !important;
    border-color: rgba(230, 106, 106, 0.34) !important;
    color: #ffd4d4 !important;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25) !important;
}

/* если есть и RU, и NSFW — они больше не конфликтуют */
.sxss-badge-nsfw + .sxss-badge-ru,
.sxss-badge-ru + .sxss-badge-nsfw {
    margin: 0 !important;
}
/* =========================================================
   FINAL FIX login.tpl icons
   Возвращаем иконки в меню профиля
========================================================= */

/* Текст меню */
.sxu-menu a,
.sxu-menu a:link,
.sxu-menu a:visited,
.sxu-dropdown a,
.sxu-dropdown a:link,
.sxu-dropdown a:visited,
.nav-dropdown a,
.nav-dropdown a:link,
.nav-dropdown a:visited {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* ВАЖНО: иконки не наследуют текстовый шрифт */
.sxu-menu i,
.sxu-dropdown i,
.nav-dropdown i {
    display: inline-block !important;

    width: 18px !important;
    min-width: 18px !important;

    margin-right: 8px !important;

    text-align: center !important;
    font-style: normal !important;
    line-height: 1 !important;
}

/* Font Awesome solid/icons — с fallback под разные версии */
.sxu-menu i.fa,
.sxu-menu i.fas,
.sxu-menu i.fa-solid,
.sxu-dropdown i.fa,
.sxu-dropdown i.fas,
.sxu-dropdown i.fa-solid,
.nav-dropdown i.fa,
.nav-dropdown i.fas,
.nav-dropdown i.fa-solid {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* обязательно для псевдоэлемента, именно он часто рисует иконку */
.sxu-menu i.fa::before,
.sxu-menu i.fas::before,
.sxu-menu i.fa-solid::before,
.sxu-dropdown i.fa::before,
.sxu-dropdown i.fas::before,
.sxu-dropdown i.fa-solid::before,
.nav-dropdown i.fa::before,
.nav-dropdown i.fas::before,
.nav-dropdown i.fa-solid::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
}

/* regular-иконки */
.sxu-menu i.far,
.sxu-menu i.fa-regular,
.sxu-dropdown i.far,
.sxu-dropdown i.fa-regular,
.nav-dropdown i.far,
.nav-dropdown i.fa-regular {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 400 !important;
}

.sxu-menu i.far::before,
.sxu-menu i.fa-regular::before,
.sxu-dropdown i.far::before,
.sxu-dropdown i.fa-regular::before,
.nav-dropdown i.far::before,
.nav-dropdown i.fa-regular::before {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 400 !important;
}

/* brands, если вдруг будут */
.sxu-menu i.fab,
.sxu-menu i.fa-brands,
.sxu-dropdown i.fab,
.sxu-dropdown i.fa-brands,
.nav-dropdown i.fab,
.nav-dropdown i.fa-brands {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}

.sxu-menu i.fab::before,
.sxu-menu i.fa-brands::before,
.sxu-dropdown i.fab::before,
.sxu-dropdown i.fa-brands::before,
.nav-dropdown i.fab::before,
.nav-dropdown i.fa-brands::before {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome" !important;
    font-weight: 400 !important;
}

/* hover не делает текст кирпичом */
.sxu-menu a:hover,
.sxu-dropdown a:hover,
.nav-dropdown a:hover {
    font-weight: 400 !important;
}

/* только счетчики плотнее */
.sxu-count,
.sxu-menu-count,
.nav-dropdown .sxu-count,
.nav-dropdown .sxu-menu-count {
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 600 !important;
}
/* =========================================================
   Synthira Full Story
   fullstory.tpl
   Префикс: sxfs-
========================================================= */

.sxfs-page {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-family: "Source Sans 3", Arial, sans-serif;
    color: #c7c7c7;
}

/* breadcrumbs */

.sxfs-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    min-height: 39px;
    margin-bottom: 8px;
    padding: 0 10px;

    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 45%),
        #202020;

    border: 1px solid #303030;
    box-sizing: border-box;
}

.sxfs-breadcrumb-left {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;

    color: #858585;
    font-size: 13px;
}

.sxfs-breadcrumb-left a,
.sxfs-breadcrumb-left a:link,
.sxfs-breadcrumb-left a:visited {
    display: -webkit-box;
    max-width: 178px;

    color: #d2cc97;
    text-decoration: none;

    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxfs-breadcrumb-left a:hover {
    color: #e3eaa9;
}

.sxfs-bread-muted {
    color: #8f8f8f;
}

.sxfs-breadcrumb-right {
    flex: 0 0 auto;
}

.sxfs-add,
.sxfs-add:link,
.sxfs-add:visited {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    min-height: 29px;
    padding: 0 10px;

    border-radius: 8px;
    background: rgba(185,179,132,.08);
    border: 1px solid rgba(185,179,132,.10);

    color: #d2cc97;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.sxfs-add:hover {
    background: rgba(185,179,132,.13);
    border-color: rgba(185,179,132,.18);
    color: #e3eaa9;
}

.sxfs-lock {
    color: #d2cc97;
}

/* NSFW */

.sxfs-nsfw-alert {
    display: flex;
    gap: 10px;

    margin-bottom: 8px;
    padding: 10px;

    border-radius: 10px;
    background: rgba(120, 44, 44, .18);
    border: 1px solid rgba(230, 106, 106, .18);

    color: #d5b6b6;
    box-sizing: border-box;
}

.sxfs-nsfw-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;
    flex: 0 0 42px;

    border-radius: 9px;
    background: rgba(137,50,50,.55);
    border: 1px solid rgba(230,106,106,.26);

    color: #ffd4d4;
    font-weight: 700;
}

.sxfs-nsfw-alert b {
    display: block;
    color: #ffd4d4;
    font-size: 14px;
    font-weight: 600;
}

.sxfs-nsfw-alert span,
.sxfs-nsfw-alert em {
    display: block;
    font-size: 13px;
    line-height: 1.35;
}

.sxfs-nsfw-alert em {
    margin-top: 3px;
    color: #e2c2c2;
}

/* header */

.sxfs-head {
    margin-bottom: 10px;
    padding: 12px;

    border-radius: 11px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 45%),
        #202020;

    border: 1px solid #303030;
    box-sizing: border-box;
}

.sxfs-head-top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.sxfs-title-wrap {
    min-width: 0;
}

.sxfs-title-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.sxfs-title-row h1 {
    margin: 0 !important;

    color: #e3eaa9;
    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 1.18 !important;
}

.sxfs-fav,
.sxfs-fav:link,
.sxfs-fav:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;
    flex: 0 0 30px;

    border-radius: 8px;
    background: rgba(185,179,132,.08);
    border: 1px solid rgba(185,179,132,.12);

    color: #d2cc97;
    text-decoration: none;
}

.sxfs-fav:hover {
    background: rgba(185,179,132,.13);
    color: #e3eaa9;
}

.sxfs-flags {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;

    margin-top: 8px;
    padding-left: 38px;
}

.sxfs-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    min-height: 24px;
    padding: 0 8px;

    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
}

.sxfs-compatible {
    background: rgba(80,128,68,.18);
    border: 1px solid rgba(112,176,91,.22);
    color: #b7e9a7;
}

.sxfs-nsfw {
    background: rgba(137,50,50,.8);
    border: 1px solid rgba(230,106,106,.28);
    color: #ffd4d4;
}

.sxfs-flag {
    display: inline-block;
    height: 18px;
    padding: 2px;

    border-radius: 4px;
    background: rgba(20,20,20,.72);
    border: 1px solid rgba(255,255,255,.12);
}

.sxfs-edit-box {
    flex: 0 0 auto;
}

.sxfs-edit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    border-radius: 8px;
    background: rgba(185,179,132,.08);
    border: 1px solid rgba(185,179,132,.12);

    color: #d2cc97;
}

/* meta */

.sxfs-meta-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.sxfs-meta-item {
    position: relative;

    min-width: 0;
    padding: 8px 9px;

    border-radius: 9px;
    background: #252525;
    border: 1px solid #333;

    box-sizing: border-box;
}

.sxfs-meta-item i {
    color: #9f9a74;
    font-size: 12px;
}

.sxfs-meta-item span {
    display: block;

    margin-top: 3px;

    color: #858585;
    font-size: 12px;
    line-height: 1.1;
}

.sxfs-meta-item b {
    display: -webkit-box;

    max-width: 178px;
    margin-top: 2px;

    color: #d2cc97;
    font-size: 13px;
    font-weight: 500;

    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxfs-meta-item em {
    display: -webkit-box;

    max-width: 178px;
    margin-top: 3px;

    color: #8fbd74;
    font-size: 12px;
    font-style: normal;

    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxfs-rating {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-top: 10px;
    padding-top: 10px;

    border-top: 1px solid #303030;
}

.sxfs-like {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    min-height: 28px;
    padding: 0 10px;

    border-radius: 8px;
    background: rgba(137,50,50,.18);
    border: 1px solid rgba(230,106,106,.18);

    color: #ffd4d4;
    font-size: 13px;
}

.sxfs-rating-count {
    color: #d2cc97;
    font-size: 13px;
}

/* hero */

.sxfs-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 10px;
    margin-bottom: 10px;
}

.sxfs-gallery {
    position: relative;

    min-width: 0;
    padding: 10px;

    border-radius: 11px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 45%),
        #202020;

    border: 1px solid #303030;
    box-sizing: border-box;
}

.sxfs-gallery-main {
    position: relative;
    overflow: hidden;

    border-radius: 9px;
    background: #171717;
    border: 1px solid #303030;
}

.sxfs-gallery-link {
    display: block;
}

.sxfs-main-img {
    display: block;

    width: 100%;
    height: 390px;

    object-fit: cover;
    object-position: center;
}

.sxfs-is-blur .sxfs-main-img,
.sxfs-is-blur .sxfs-thumb img {
    filter: blur(4px);
}

.sxfs-gallery-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    z-index: 4;

    width: 34px;
    height: 46px;

    border-radius: 9px;
    background: rgba(20,20,20,.72);
    border: 1px solid rgba(255,255,255,.12);

    color: #e3eaa9;
    font-size: 28px;
    line-height: 1;

    cursor: pointer;
}

.sxfs-gallery-prev {
    left: 8px;
}

.sxfs-gallery-next {
    right: 8px;
}

.sxfs-gallery-counter {
    position: absolute;
    right: 19px;
    top: 19px;

    min-height: 24px;
    padding: 0 8px;

    border-radius: 7px;
    background: rgba(20,20,20,.72);
    border: 1px solid rgba(255,255,255,.12);

    color: #d2cc97;
    font-size: 12px;
    line-height: 22px;
}

.sxfs-gallery-thumbs {
    display: flex;
    gap: 6px;

    margin-top: 8px;
    padding-bottom: 2px;

    overflow-x: auto;
    overflow-y: hidden;

    scrollbar-width: thin;
    scrollbar-color: #6f6a4d #242424;
}

.sxfs-thumb {
    width: 72px;
    height: 48px;
    flex: 0 0 72px;

    padding: 0;

    border-radius: 7px;
    background: #242424;
    border: 1px solid #333;

    overflow: hidden;
    cursor: pointer;
}

.sxfs-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sxfs-thumb-active {
    border-color: rgba(185,179,132,.48);
}

.sxfs-gallery-source {
    display: none;
}

/* side cards */

.sxfs-side {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.sxfs-info-card {
    padding: 10px;

    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 45%),
        #202020;

    border: 1px solid #303030;
    box-sizing: border-box;
}

.sxfs-info-title {
    display: flex;
    align-items: center;
    gap: 7px;

    margin-bottom: 8px;

    color: #d6d09f;
    font-size: 14px;
    font-weight: 600;
}

.sxfs-info-title i {
    color: #b9b384;
}

.sxfs-translation-main {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 7px;
    color: #b7e9a7;
    font-size: 13px;
    font-weight: 500;
}

.sxfs-translation-main img {
    width: 22px;
    border-radius: 2px;
}

.sxfs-info-card p {
    margin: 0;
    color: #a9a9a9;
    font-size: 13px;
    line-height: 1.35;
}

.sxfs-link-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sxfs-link-list a,
.sxfs-link-list a:link,
.sxfs-link-list a:visited {
    display: flex;
    align-items: center;
    gap: 7px;

    min-height: 29px;
    padding: 0 8px;

    border-radius: 7px;
    background: #282828;
    border: 1px solid transparent;

    color: #d2cc97;
    font-size: 13px;
    text-decoration: none;
}

.sxfs-link-list a:hover {
    background: rgba(185,179,132,.11);
    border-color: rgba(185,179,132,.12);
    color: #e3eaa9;
}

.sxfs-link-list img {
    width: 19px;
    border-radius: 2px;
}

.sxfs-link-list span {
    display: -webkit-box;
    max-width: 178px;

    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxfs-empty {
    color: #858585;
    font-size: 13px;
}

.sxfs-tags-mini {
    color: #bfbfbf;
    font-size: 13px;
    line-height: 1.35;
}

/* content */

.sxfs-content-card,
.sxfs-related,
.sxfs-download,
.sxfs-comments,
.sxfs-add-comments {
    margin-bottom: 10px;
    padding: 12px;

    border-radius: 11px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 45%),
        #202020;

    border: 1px solid #303030;
    box-sizing: border-box;
}

.sxfs-content-head,
.sxfs-section-title {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 10px;
}

.sxfs-content-head h2,
.sxfs-section-title h2 {
    margin: 0 !important;

    color: #d6d09f;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.sxfs-section-title i {
    color: #b9b384;
}

.sxfs-section-title span {
    margin-left: auto;

    min-height: 24px;
    padding: 0 8px;

    border-radius: 999px;
    background: rgba(185,179,132,.09);

    color: #d2cc97;
    font-size: 13px;
    line-height: 24px;
}

.sxfs-content {
    color: #c9c9c9;
    font-size: 15px;
    line-height: 1.55;
}

.sxfs-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.sxfs-content a {
    color: #d2cc97;
    border-bottom: 1px dotted rgba(185,179,132,.35);
}

.sxfs-content a:hover {
    color: #e3eaa9;
    border-bottom-color: rgba(227,234,169,.55);
}

/* tags */

.sxfs-tags-block {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    margin-bottom: 10px;
    padding: 10px 12px;

    border-radius: 10px;
    background: #202020;
    border: 1px solid #303030;
}

.sxfs-tags-block > span {
    color: #858585;
    font-size: 13px;
}

.sxfs-tags-block .tagList {
    font-size: 13px;
}

/* related */

.sxfs-related-list {
    max-width: 100%;
    overflow: hidden;
}

/* download */

.sxfs-bottom-ad {
    margin-bottom: 10px;
}

.sxfs-download-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sxfs-download-btn,
.sxfs-download-btn:link,
.sxfs-download-btn:visited,
.sxfs-source-btn,
.sxfs-source-btn:link,
.sxfs-source-btn:visited {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    min-height: 36px;
    padding: 0 12px;

    border-radius: 9px;

    color: #e3eaa9;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.sxfs-download-btn {
    background:
        linear-gradient(180deg, rgba(112,176,91,.18), rgba(112,176,91,.06)),
        #252525;
    border: 1px solid rgba(112,176,91,.24);
}

.sxfs-source-btn {
    background:
        linear-gradient(180deg, rgba(185,179,132,.14), rgba(185,179,132,.05)),
        #252525;
    border: 1px solid rgba(185,179,132,.20);
}

.sxfs-download-btn:hover,
.sxfs-source-btn:hover {
    filter: brightness(1.08);
    color: #f2f6bd;
}

.sxfs-download-btn em {
    color: #a9a9a9;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.sxfs-install-links {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;

    margin-top: 10px;
}

.sxfs-install-links a,
.sxfs-install-links a:link,
.sxfs-install-links a:visited {
    display: inline-flex;
    align-items: center;

    min-height: 30px;
    padding: 0 10px;

    border-radius: 8px;
    background: rgba(185,179,132,.08);
    border: 1px solid rgba(185,179,132,.10);

    color: #d2cc97;
    font-size: 13px;
    text-decoration: none;
}

.sxfs-install-links a:hover {
    background: rgba(185,179,132,.13);
    color: #e3eaa9;
}

.sxfs-download-note {
    display: flex;
    gap: 8px;

    margin-top: 10px;
    padding-top: 10px;

    border-top: 1px solid #303030;

    color: #858585;
    font-size: 13px;
    line-height: 1.35;
}

.sxfs-download-note i {
    margin-top: 2px;
    color: #9f9a74;
}

/* comments */

.sxfs-comments-nav {
    text-align: center;
    margin: 8px 0;
}

.sxfs-comments-list {
    margin-top: 8px;
}

/* scrollbars */

.sxfs-gallery-thumbs::-webkit-scrollbar {
    height: 8px;
}

.sxfs-gallery-thumbs::-webkit-scrollbar-track {
    background: #242424;
    border-radius: 10px;
}

.sxfs-gallery-thumbs::-webkit-scrollbar-thumb {
    background: #6f6a4d;
    border-radius: 10px;
    border: 2px solid #242424;
}

/* responsive */

@media (max-width: 1100px) {
    .sxfs-hero {
        grid-template-columns: 1fr;
    }

    .sxfs-side {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sxfs-meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .sxfs-breadcrumb,
    .sxfs-head-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .sxfs-title-row h1 {
        font-size: 20px !important;
    }

    .sxfs-flags {
        padding-left: 0;
    }

    .sxfs-main-img {
        height: 260px;
    }

    .sxfs-side,
    .sxfs-meta-grid {
        grid-template-columns: 1fr;
    }

    .sxfs-download-actions {
        flex-direction: column;
    }

    .sxfs-download-btn,
    .sxfs-source-btn {
        justify-content: center;
        width: 100%;
    }
}
/* =========================================================
   FIX fullstory: compact meta + like button position
========================================================= */

/* сам верхний блок */
.sxfs-head {
    position: relative !important;
    padding: 7px 8px 9px !important;
    margin-bottom: 8px !important;
}

/* чтобы заголовок не залезал под кнопку "Нравится" */
.sxfs-title-wrap {
    padding-right: 130px !important;
}

/* сетка мета-информации компактнее */
.sxfs-meta-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;

    margin-top: 8px !important;
}

/* сами карточки меты */
.sxfs-meta-item {
    position: relative !important;

    min-height: 54px !important;
    padding: 7px 9px 7px 31px !important;

    border-radius: 8px !important;
    background: #232323 !important;
    border: 1px solid #323232 !important;

    box-sizing: border-box !important;
}

/* иконка слева */
.sxfs-meta-item i {
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;

    color: #9f9a74 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

/* подпись */
.sxfs-meta-item span {
    display: block !important;

    margin: 0 0 3px 0 !important;

    color: #8f8f8f !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
}

/* значение */
.sxfs-meta-item b {
    display: -webkit-box !important;

    max-width: 178px !important;
    margin: 0 !important;

    color: #d6d09f !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* причина обновления компактнее */
.sxfs-meta-item em {
    display: -webkit-box !important;

    max-width: 178px !important;
    margin-top: 2px !important;

    color: #86c36c !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 1.15 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* кнопку "Нравится" убираем из отдельной строки */
.sxfs-rating {
    position: absolute !important;
    top: 12px !important;
    right: 48px !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

/* сама кнопка */
.sxfs-like {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    min-height: 28px !important;
    padding: 0 10px !important;

    border-radius: 8px !important;
    background: rgba(137, 50, 50, 0.22) !important;
    border: 1px solid rgba(230, 106, 106, 0.22) !important;

    color: #ffd4d4 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 26px !important;

    box-sizing: border-box !important;
}

.sxfs-like i {
    color: #ffb4b4 !important;
    font-size: 13px !important;
}

/* число рейтинга рядом */
.sxfs-rating-count {
    color: #d6d09f !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* чтобы нижняя линия от старого рейтинга не появлялась */
.sxfs-rating::before,
.sxfs-rating::after {
    display: none !important;
    content: none !important;
}

/* адаптация */
@media (max-width: 980px) {
    .sxfs-title-wrap {
        padding-right: 0 !important;
    }

    .sxfs-rating {
        position: static !important;

        margin-top: 10px !important;
        padding-top: 8px !important;

        border-top: 1px solid #303030 !important;
    }

    .sxfs-meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .sxfs-meta-grid {
        grid-template-columns: 1fr !important;
    }
}
.sxfs-like {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    min-height: 28px !important;
    padding: 0 10px !important;

    border-radius: 8px !important;
    background: rgba(137, 50, 50, 0.22) !important;
    border: 1px solid rgba(230, 106, 106, 0.22) !important;

    color: #ffd4d4 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
}

.sxfs-like-count {
    color: #f4d98a !important;
    font-weight: 700 !important;
}
/* =========================================================
   FIX fullstory: compatible badge near title
========================================================= */

.sxfs-title-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.sxfs-title-row h1 {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 210px) !important;
}

.sxfs-title-compatible {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    min-height: 26px !important;
    padding: 0 9px !important;

    border-radius: 8px !important;
    background: rgba(80, 128, 68, 0.22) !important;
    border: 1px solid rgba(112, 176, 91, 0.28) !important;

    color: #c7f1b8 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 24px !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}

.sxfs-title-compatible i {
    color: #bff0ad !important;
    font-size: 12px !important;
}

/* старый отступ под флаги теперь не нужен */
.sxfs-flags {
    padding-left: 38px !important;
    margin-top: 6px !important;
}

/* на узких экранах заголовок не должен ломаться */
@media (max-width: 760px) {
    .sxfs-title-row {
        align-items: flex-start !important;
    }

    .sxfs-title-row h1 {
        max-width: 100% !important;
        flex-basis: calc(100% - 40px) !important;
    }

    .sxfs-title-compatible {
        margin-left: 38px !important;
    }
}
/* =========================================================
   FIX fullstory actions: compatible + like + edit
========================================================= */

.sxfs-head-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
}

.sxfs-title-wrap {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    padding-right: 0 !important;
}

.sxfs-title-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

.sxfs-title-row h1 {
    max-width: 100% !important;
    flex: 1 1 auto !important;
}

/* правые кнопки */
.sxfs-head-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;

    flex: 0 0 auto !important;

    margin-top: 2px !important;
}

/* совместимо */
.sxfs-action-compatible {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;

    height: 30px !important;
    padding: 0 10px !important;

    border-radius: 8px !important;
    background: rgba(80, 128, 68, 0.22) !important;
    border: 1px solid rgba(112, 176, 91, 0.28) !important;

    color: #c7f1b8 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 28px !important;

    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.sxfs-action-compatible i {
    color: #bff0ad !important;
    font-size: 12px !important;
}

/* рейтинг теперь обычная кнопка в actions */
.sxfs-rating {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

.sxfs-like {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    height: 30px !important;
    padding: 0 10px !important;

    border-radius: 8px !important;
    background: rgba(137, 50, 50, 0.22) !important;
    border: 1px solid rgba(230, 106, 106, 0.22) !important;

    color: #ffd4d4 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 28px !important;

    box-sizing: border-box !important;
}

.sxfs-like i {
    color: #ffb4b4 !important;
    font-size: 13px !important;
}

.sxfs-like b {
    color: #f4d98a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* шестерёнка */
.sxfs-edit-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 30px !important;
    height: 30px !important;

    border-radius: 8px !important;
    background: rgba(185, 179, 132, 0.10) !important;
    border: 1px solid rgba(185, 179, 132, 0.16) !important;

    color: #d2cc97 !important;
}

.sxfs-edit-btn:hover {
    background: rgba(185, 179, 132, 0.16) !important;
    color: #e3eaa9 !important;
}

/* старую кнопку возле заголовка выключаем, если где-то осталась */
.sxfs-title-compatible {
    display: none !important;
}

/* адаптация */
@media (max-width: 820px) {
    .sxfs-head-top {
        flex-direction: column !important;
    }

    .sxfs-head-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }
}
/* =========================================================
   FIX fullstory like button
   Нормальная цельная кнопка рейтинга
========================================================= */

.sxfs-likebox {
    display: inline-flex !important;
    align-items: center !important;

    height: 30px !important;

    border-radius: 8px !important;
    background: rgba(137, 50, 50, 0.22) !important;
    border: 1px solid rgba(230, 106, 106, 0.22) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* DLE может сделать [rating-plus] ссылкой */
.sxfs-likebox a,
.sxfs-likebox a:link,
.sxfs-likebox a:visited {
    display: inline-flex !important;
    align-items: center !important;

    height: 100% !important;

    color: #ffd4d4 !important;
    text-decoration: none !important;
}

/* сама левая часть */
.sxfs-like-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    height: 100% !important;
    padding: 0 9px !important;

    color: #ffd4d4 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 28px !important;

    box-sizing: border-box !important;
}

.sxfs-like-btn i {
    color: #ffb4b4 !important;
    font-size: 13px !important;
}

/* число справа */
.sxfs-like-num {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 100% !important;
    min-width: 28px !important;
    padding: 0 8px !important;

    border-left: 1px solid rgba(230, 106, 106, 0.18) !important;
    background: rgba(20, 20, 20, 0.18) !important;

    color: #f4d98a !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 28px !important;

    box-sizing: border-box !important;
}

.sxfs-likebox:hover {
    background: rgba(137, 50, 50, 0.30) !important;
    border-color: rgba(230, 106, 106, 0.32) !important;
}

/* гасим старые стили, если остались */
.sxfs-rating,
.sxfs-like,
.sxfs-rating-count {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
/* =========================================================
   FIX fullstory compact meta panel
========================================================= */

.sxfs-quickmeta {
    margin-top: 10px !important;
    padding: 9px 10px !important;

    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 48%),
        #232323 !important;

    border: 1px solid #323232 !important;

    box-sizing: border-box !important;
}

.sxfs-quickmeta-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 7px !important;

    min-width: 0 !important;
}

.sxfs-quickmeta-row + .sxfs-quickmeta-row {
    margin-top: 6px !important;
    padding-top: 6px !important;

    border-top: 1px solid rgba(255,255,255,.045) !important;
}

.sxfs-qmeta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 25px !important;

    padding: 0 8px !important;

    border-radius: 7px !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(255,255,255,.035) !important;

    color: #a9a9a9 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 23px !important;

    box-sizing: border-box !important;
}

.sxfs-qmeta-item i {
    flex: 0 0 auto !important;

    color: #9f9a74 !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.sxfs-qmeta-item span {
    color: #8f8f8f !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}

.sxfs-qmeta-item b {
    display: -webkit-box !important;

    max-width: 170px !important;

    color: #d6d09f !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxfs-qmeta-item em {
    display: -webkit-box !important;

    max-width: 190px !important;

    color: #86c36c !important;

    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxfs-qmeta-update {
    background: rgba(80, 128, 68, 0.08) !important;
    border-color: rgba(112, 176, 91, 0.12) !important;
}

/* старую сетку мета-блоков гасим, если где-то осталась */
.sxfs-meta-grid {
    display: none !important;
}

@media (max-width: 760px) {
    .sxfs-quickmeta {
        padding: 8px !important;
    }

    .sxfs-qmeta-item {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .sxfs-qmeta-item b,
    .sxfs-qmeta-item em {
        max-width: 100% !important;
    }
}
/* =========================================================
   Synthira addnews.tpl
========================================================= */

.sxadd-notice,
.sxadd-page {
    font-family: "Source Sans 3", Arial, sans-serif;
    box-sizing: border-box;
}

.sxadd-notice {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    padding: 11px 12px;
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(185,179,132,.06), transparent 55%), #202020;
    border: 1px solid #303030;
    color: #bfbfbf;
}

.sxadd-notice i {
    margin-top: 2px;
    color: #d2cc97;
}

.sxadd-notice b {
    display: block;
    color: #e3eaa9;
    font-size: 14px;
    font-weight: 600;
}

.sxadd-notice span {
    display: block;
    margin-top: 2px;
    color: #aaa;
    font-size: 13px;
    line-height: 1.35;
}

.sxadd-page {
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,.018), transparent 45%), #1e1e1e;
    border: 1px solid #303030;
    color: #c7c7c7;
}

.sxadd-head {
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #303030;
}

.sxadd-head h1 {
    margin: 0 !important;
    color: #e3eaa9;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.sxadd-head p {
    margin: 4px 0 0;
    color: #8f8f8f;
    font-size: 13px;
}

.sxadd-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sxadd-card {
    padding: 7px;
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .018), transparent 48%), #222;
    border: 1px solid #323232;
    box-sizing: border-box;
    margin-top: 7px;
}

.sxadd-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 11px;
}

.sxadd-card-title i {
    color: #b9b384;
    font-size: 14px;
}

.sxadd-card-title h2 {
    margin: 0 !important;
    color: #d6d09f;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.sxadd-grid {
    display: grid;
    gap: 10px;
    margin-bottom: 10px;
}

.sxadd-grid:last-child {
    margin-bottom: 0;
}

.sxadd-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sxadd-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sxadd-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sxadd-grid-media {
    grid-template-columns: 250px minmax(0, 1fr);
}

.sxadd-field {
    min-width: 0;
}

.sxadd-required::after {
    content: " *";
    color: #e16b6b;
}

.sxadd-field small {
    display: block;
    margin: -2px 0 6px;
    color: #858585;
    font-size: 12px;
    line-height: 1.3;
}

.sxadd-field small b {
    color: #d2cc97;
    font-weight: 600;
}

.sxadd-field input[type="text"],
.sxadd-field input[type="url"],
.sxadd-field input[type="password"],
.sxadd-field textarea,
.sxadd-field select,
.sxadd-captcha input,
.sxadd-category-wrap select,
#title {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    background: #1f1f1f !important;
    border: 1px solid #363636 !important;
    color: #d0d0d0 !important;
    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.sxadd-field textarea {
    min-height: 110px !important;
    padding: 9px 10px !important;
    line-height: 1.4 !important;
    resize: vertical;
}

.sxadd-field input:focus,
.sxadd-field textarea:focus,
.sxadd-field select:focus,
#title:focus {
    border-color: rgba(185,179,132,.35) !important;
    box-shadow: 0 0 0 3px rgba(185,179,132,.07) !important;
}

.sxadd-title-line {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sxadd-title-line input {
    flex: 1 1 auto;
}

.sxadd-related-btn,
.sxadd-submit-btn,
.sxadd-field input[type="button"],
.sxadd-field input[type="file"]::file-selector-button {
    border-radius: 8px;
    background: rgba(185,179,132,.09);
    border: 1px solid rgba(185,179,132,.13);
    color: #d6d09f;
    font-family: "Source Sans 3", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.sxadd-related-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px;
    white-space: nowrap;
}

.sxadd-related-btn:hover {
    background: rgba(185,179,132,.15);
    color: #e3eaa9;
}

.sxadd-related-result {
    margin-top: 7px;
    color: #aaa;
    font-size: 13px;
}

/* category / SlimSelect protection */

.sxadd-category-wrap {
    position: relative;
    z-index: 30;
}

.sxadd-category-wrap select,
#category,
select[name="category"] {
    height: 36px !important;
    max-height: 36px !important;
    overflow: hidden !important;
}

.sxadd-category-wrap option {
    background: #202020;
    color: #d0d0d0;
}

.ss-main {
    width: 100% !important;
    min-height: 36px !important;
    border-radius: 8px !important;
    background: #1f1f1f !important;
    border: 1px solid #363636 !important;
    color: #d0d0d0 !important;
    box-sizing: border-box !important;
}

.ss-content {
    z-index: 99999 !important;
    background: #202020 !important;
    border: 1px solid #363636 !important;
    color: #d0d0d0 !important;
    max-height: 320px !important;
    overflow: hidden !important;
}

.ss-content .ss-list {
    max-height: 280px !important;
    overflow-y: auto !important;
}

.ss-content .ss-list .ss-option {
    color: #c7c7c7 !important;
    font-size: 13px !important;
}

.ss-content .ss-list .ss-option:hover,
.ss-content .ss-list .ss-option.ss-highlighted {
    background: rgba(185,179,132,.12) !important;
    color: #e3eaa9 !important;
}

/* panels */

.sxadd-check-panel,
.sxadd-options,
.sxadd-option-group,
.sxadd-example,
.sxadd-admin-box,
.sxadd-captcha {
    border-radius: 10px;
    background: #252525;
    border: 1px solid #333;
    box-sizing: border-box;
}

.sxadd-check-panel {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 10px;
}

.sxadd-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
    margin-top: 10px;
}

.sxadd-option-group {
    padding: 10px;
    background: #232323;
}

.sxadd-option-title {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: #d6d09f;
    font-size: 13px;
    font-weight: 600;
}

.sxadd-option-title i {
    color: #b9b384;
}

.sxadd-check {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 3px 10px 3px 0;
    color: #bfbfbf;
    font-size: 13px;
    line-height: 1.25;
    cursor: pointer;
}

.sxadd-check input {
    width: 15px;
    height: 15px;
    accent-color: #b9b384;
}

.sxadd-check img {
    width: 18px;
    margin-right: 4px;
    vertical-align: -2px;
}

.sxadd-example {
    margin-top: 10px;
    padding: 9px 10px;
    color: #aaa;
    font-size: 13px;
}

.sxadd-example b {
    color: #d2cc97;
}

.sxadd-example code {
    display: block;
    margin-top: 5px;
    padding: 7px 8px;
    border-radius: 7px;
    background: #1d1d1d;
    border: 1px solid #333;
    color: #bfbfbf;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sxadd-editor textarea {
    width: 100% !important;
    max-width: 100% !important;
    background: #1f1f1f !important;
    border: 1px solid #363636 !important;
    color: #d0d0d0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

.sxadd-admin-box {
    padding: 10px;
    margin-bottom: 10px;
    color: #bfbfbf;
    font-size: 13px;
}

.sxadd-captcha {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.sxadd-captcha input {
    max-width: 220px !important;
}

.sxadd-submit {
    display: flex;
    justify-content: flex-end;
}

.sxadd-submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 15px;
    background: linear-gradient(180deg, rgba(112,176,91,.20), rgba(112,176,91,.07)), #252525;
    border-color: rgba(112,176,91,.28);
    color: #c7f1b8;
    font-size: 14px;
    font-weight: 700;
}

.sxadd-submit-btn:hover {
    filter: brightness(1.08);
}

/* filters */

.sxadd-type-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
    border-radius: 10px;
    background: #252525;
    border: 1px solid #333;
}

.sxadd-type-item input {
    display: none;
}

.sxadd-type-item label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 0 9px;
    border-radius: 7px;
    background: #2b2b2b;
    border: 1px solid transparent;
    color: #c9c9c9;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
}

.sxadd-type-item input:checked + label {
    background: rgba(185,179,132,.15);
    border-color: rgba(185,179,132,.22);
    color: #e3eaa9;
}

.sxadd-type-item label:hover {
    background: rgba(185,179,132,.10);
    color: #e3eaa9;
}

@media (max-width: 1100px) {
    .sxadd-grid-4,
    .sxadd-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sxadd-grid-media {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .sxadd-page {
        padding: 10px;
    }

    .sxadd-grid-2,
    .sxadd-grid-3,
    .sxadd-grid-4,
    .sxadd-options {
        grid-template-columns: 1fr;
    }

    .sxadd-title-line {
        flex-direction: column;
        align-items: stretch;
    }

    .sxadd-submit {
        justify-content: stretch;
    }

    .sxadd-submit-btn {
        width: 100%;
    }
}
/* =========================================================
   ADDNEWS FIX: category, filters, Froala editor
========================================================= */

/* Категория без SlimSelect */
.sxadd-category-wrap {
    position: relative !important;
    z-index: 20 !important;
}

.sxadd-category-wrap .ss-main,
.sxadd-category-wrap .ss-content,
.sxadd-category-wrap .ss-container {
    display: none !important;
}

.sxadd-native-category,
.sxadd-category-wrap select,
#category {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

    padding: 0 10px !important;

    border-radius: 8px !important;
    background: #1f1f1f !important;
    border: 1px solid #363636 !important;

    color: #d7d7d7 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    outline: none !important;
    box-sizing: border-box !important;
}

.sxadd-native-category:focus,
.sxadd-category-wrap select:focus,
#category:focus {
    border-color: rgba(185, 179, 132, 0.38) !important;
    box-shadow: 0 0 0 3px rgba(185, 179, 132, 0.08) !important;
}

.sxadd-native-category option,
#category option {
    background: #202020 !important;
    color: #d7d7d7 !important;
}

/* Фильтры таблицей */
.sxadd-filter-board {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;

    padding: 10px !important;

    border-radius: 10px !important;
    background: #252525 !important;
    border: 1px solid #333333 !important;

    box-sizing: border-box !important;
}

.sxadd-filter-group {
    min-width: 0 !important;

    padding: 9px !important;

    border-radius: 9px !important;
    background: #202020 !important;
    border: 1px solid #303030 !important;

    box-sizing: border-box !important;
}

.sxadd-filter-title {
    margin-bottom: 7px !important;
    padding-bottom: 6px !important;

    border-bottom: 1px solid rgba(255,255,255,0.05) !important;

    color: #d6d09f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.sxadd-filter-table {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 5px !important;

    table-layout: fixed !important;
}

.sxadd-filter-table td {
    width: 50% !important;
    padding: 0 4px 0 0 !important;
    vertical-align: top !important;
}

.sxadd-filter-check {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    min-height: 27px !important;
    padding: 0 8px !important;

    border-radius: 7px !important;
    background: #2a2a2a !important;
    border: 1px solid rgba(255,255,255,0.025) !important;

    color: #cfcfcf !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    cursor: pointer !important;
    box-sizing: border-box !important;

    transition:
        background .14s ease,
        border-color .14s ease,
        color .14s ease;
}

.sxadd-filter-check:hover {
    background: rgba(185, 179, 132, 0.10) !important;
    border-color: rgba(185, 179, 132, 0.16) !important;
    color: #e3eaa9 !important;
}

.sxadd-filter-check input {
    flex: 0 0 auto !important;

    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;

    accent-color: #b9b384 !important;
}

.sxadd-filter-check span {
    display: -webkit-box !important;

    min-width: 0 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxadd-filter-check:has(input:checked) {
    background: rgba(185, 179, 132, 0.15) !important;
    border-color: rgba(185, 179, 132, 0.24) !important;
    color: #e3eaa9 !important;
}

/* Если :has не поддержится — всё равно чекбокс будет виден */
.sxadd-filter-check input:checked + span {
    color: #e3eaa9 !important;
}

/* =========================================================
   Froala / DLE editor dark theme
========================================================= */

.sxadd-page .fr-box,
.sxadd-page .fr-box.gray-theme,
.fr-box.gray-theme {
    border-radius: 10px !important;
    background: #1f1f1f !important;
    border: 1px solid #343434 !important;

    overflow: hidden !important;
    box-shadow: none !important;
}

/* тулбар */
.sxadd-page .fr-toolbar,
.sxadd-page .fr-toolbar.gray-theme,
.fr-toolbar.gray-theme {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.025), transparent 50%),
        #242424 !important;

    border: 0 !important;
    border-bottom: 1px solid #343434 !important;

    color: #cfcfcf !important;

    box-shadow: none !important;
}

/* кнопки редактора */
.sxadd-page .fr-toolbar .fr-command.fr-btn,
.fr-toolbar.gray-theme .fr-command.fr-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;

    margin: 2px !important;

    border-radius: 7px !important;
    background: transparent !important;
    border: 1px solid transparent !important;

    color: #bfbfbf !important;

    box-shadow: none !important;
}

.sxadd-page .fr-toolbar .fr-command.fr-btn:hover,
.fr-toolbar.gray-theme .fr-command.fr-btn:hover {
    background: rgba(185, 179, 132, 0.10) !important;
    border-color: rgba(185, 179, 132, 0.14) !important;
    color: #e3eaa9 !important;
}

.sxadd-page .fr-toolbar .fr-command.fr-btn.fr-active,
.fr-toolbar.gray-theme .fr-command.fr-btn.fr-active {
    background: rgba(185, 179, 132, 0.16) !important;
    border-color: rgba(185, 179, 132, 0.22) !important;
    color: #e3eaa9 !important;
}

.sxadd-page .fr-toolbar .fr-command.fr-btn i,
.fr-toolbar.gray-theme .fr-command.fr-btn i {
    color: inherit !important;
    font-size: 14px !important;
}

/* чтобы старые fa-иконки редактора не превращались в квадраты */
.sxadd-page .fr-toolbar .fr-command.fr-btn i.fa,
.fr-toolbar.gray-theme .fr-command.fr-btn i.fa {
    font-family: FontAwesome, "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* разделители */
.sxadd-page .fr-toolbar .fr-separator,
.fr-toolbar.gray-theme .fr-separator {
    background: #383838 !important;
}

/* рабочая область */
.sxadd-page .fr-wrapper,
.fr-box.gray-theme .fr-wrapper {
    background: #1f1f1f !important;
    border: 0 !important;
    color: #d0d0d0 !important;
    box-shadow: none !important;
}

.sxadd-page .fr-element,
.fr-box.gray-theme .fr-element,
.sxadd-page .fr-view,
.fr-box.gray-theme .fr-view {
    background: #1f1f1f !important;
    color: #d0d0d0 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

.sxadd-page .fr-element p,
.fr-box.gray-theme .fr-element p {
    color: #d0d0d0 !important;
}

.sxadd-page .fr-placeholder,
.fr-box.gray-theme .fr-placeholder {
    color: #777777 !important;
}

/* счётчик */
.sxadd-page .fr-counter,
.fr-box.gray-theme .fr-counter {
    background: #242424 !important;
    border-top: 1px solid #343434 !important;

    color: #8f8f8f !important;
}

/* выпадающие меню */
.sxadd-page .fr-dropdown-menu,
.sxadd-page .fr-popup,
.fr-dropdown-menu,
.fr-popup {
    background: #242424 !important;
    border: 1px solid #383838 !important;

    color: #d0d0d0 !important;

    border-radius: 9px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.35) !important;
}

.sxadd-page .fr-dropdown-wrapper,
.sxadd-page .fr-dropdown-content,
.fr-dropdown-wrapper,
.fr-dropdown-content {
    background: #242424 !important;
    color: #d0d0d0 !important;
}

.sxadd-page .fr-dropdown-list a,
.fr-dropdown-list a {
    color: #d0d0d0 !important;
}

.sxadd-page .fr-dropdown-list a:hover,
.fr-dropdown-list a:hover {
    background: rgba(185, 179, 132, 0.12) !important;
    color: #e3eaa9 !important;
}

/* таблицы внутри редактора */
.gray-theme .fr-view table th {
    background: #2a2a2a !important;
}

.gray-theme .fr-view table td,
.gray-theme .fr-view table th {
    border: 1px dashed #505050 !important;
}

/* адаптив */
@media (max-width: 900px) {
    .sxadd-filter-board {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    .sxadd-filter-table,
    .sxadd-filter-table tbody,
    .sxadd-filter-table tr,
    .sxadd-filter-table td {
        display: block !important;
        width: 100% !important;
    }

    .sxadd-filter-table td {
        padding: 0 !important;
        margin-bottom: 5px !important;
    }
}
/* =========================================================
   ADDNEWS FIX: compact filters + custom category select
========================================================= */

.sxadd-card,
.sxadd-field {
    overflow: visible !important;
}

/* оригинальный select DLE не удаляем, только прячем */
.sxadd-hidden-select {
    position: absolute !important;
    left: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* category picker */

.sxadd-category-wrap {
    position: relative !important;
    z-index: 100 !important;
}

.sxadd-catpicker {
    position: relative !important;
    width: 100% !important;
}

.sxadd-catpicker-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    width: 100% !important;
    height: 38px !important;
    padding: 0 11px !important;

    border-radius: 8px !important;
    background: #1f1f1f !important;
    border: 1px solid #363636 !important;

    color: #d7d7d7 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    cursor: pointer !important;
    box-sizing: border-box !important;
}

.sxadd-catpicker-btn:hover,
.sxadd-catpicker.is-open .sxadd-catpicker-btn {
    border-color: rgba(185, 179, 132, 0.38) !important;
    box-shadow: 0 0 0 3px rgba(185, 179, 132, 0.07) !important;
}

.sxadd-catpicker-text {
    display: -webkit-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxadd-catpicker-btn i {
    flex: 0 0 auto !important;
    color: #b9b384 !important;
    font-size: 12px !important;
}

.sxadd-catpicker-menu {
    display: none !important;

    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 0 !important;
    right: 0 !important;

    z-index: 999999 !important;

    padding: 8px !important;

    border-radius: 10px !important;
    background: #202020 !important;
    border: 1px solid #393939 !important;

    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45) !important;

    box-sizing: border-box !important;
}

.sxadd-catpicker.is-open .sxadd-catpicker-menu {
    display: block !important;
}

.sxadd-catpicker-search {
    width: 100% !important;
    height: 34px !important;
    margin-bottom: 7px !important;
    padding: 0 10px !important;

    border-radius: 8px !important;
    background: #1b1b1b !important;
    border: 1px solid #363636 !important;

    color: #d0d0d0 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;

    outline: none !important;
    box-sizing: border-box !important;
}

.sxadd-catpicker-list {
    max-height: 310px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding-right: 6px !important;
}

.sxadd-catpicker-option {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 29px !important;

    margin-bottom: 3px !important;
    padding: 0 8px 0 calc(8px + (var(--cat-level) * 13px)) !important;

    border-radius: 7px !important;
    background: transparent !important;
    border: 1px solid transparent !important;

    color: #cfcfcf !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-align: left !important;

    cursor: pointer !important;
    box-sizing: border-box !important;
}

.sxadd-catpicker-option:hover {
    background: rgba(185, 179, 132, 0.10) !important;
    border-color: rgba(185, 179, 132, 0.13) !important;
    color: #e3eaa9 !important;
}

.sxadd-catpicker-option.is-selected {
    background: rgba(185, 179, 132, 0.15) !important;
    border-color: rgba(185, 179, 132, 0.24) !important;
    color: #e3eaa9 !important;
}

.sxadd-catpicker-option span {
    display: -webkit-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxadd-catpicker-option i {
    display: none !important;
    flex: 0 0 auto !important;
    color: #b9d884 !important;
    font-size: 11px !important;
}

.sxadd-catpicker-option.is-selected i {
    display: inline-flex !important;
}

.sxadd-catpicker-empty {
    padding: 8px !important;
    color: #888 !important;
    font-size: 13px !important;
}

/* compact filters */

.sxadd-filter-board,
.sxadd-type-filters {
    display: none !important;
}

.sxadd-filter-flat {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;

    padding: 10px !important;

    border-radius: 10px !important;
    background: #252525 !important;
    border: 1px solid #333333 !important;

    box-sizing: border-box !important;
}

.sxadd-filter-chip {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    min-width: 0 !important;
    min-height: 28px !important;

    padding: 0 8px !important;

    border-radius: 7px !important;
    background: #2b2b2b !important;
    border: 1px solid rgba(255,255,255,0.025) !important;

    color: #cfcfcf !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    cursor: pointer !important;
    box-sizing: border-box !important;
}

.sxadd-filter-chip:hover {
    background: rgba(185, 179, 132, 0.10) !important;
    border-color: rgba(185, 179, 132, 0.15) !important;
    color: #e3eaa9 !important;
}

.sxadd-filter-chip input {
    flex: 0 0 auto !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    accent-color: #b9b384 !important;
}

.sxadd-filter-chip span {
    display: -webkit-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 1;
}

.sxadd-filter-chip:has(input:checked) {
    background: rgba(185, 179, 132, 0.15) !important;
    border-color: rgba(185, 179, 132, 0.24) !important;
    color: #e3eaa9 !important;
}

.sxadd-filter-chip input:checked + span {
    color: #e3eaa9 !important;
}

/* scrollbars */
.sxadd-catpicker-list::-webkit-scrollbar {
    width: 7px !important;
}

.sxadd-catpicker-list::-webkit-scrollbar-track {
    background: #1b1b1b !important;
    border-radius: 10px !important;
}

.sxadd-catpicker-list::-webkit-scrollbar-thumb {
    background: rgba(185, 179, 132, 0.45) !important;
    border-radius: 10px !important;
}

@media (max-width: 1200px) {
    .sxadd-filter-flat {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 850px) {
    .sxadd-filter-flat {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .sxadd-filter-flat {
        grid-template-columns: 1fr !important;
    }
}
/* =========================================================
   ADDNEWS compact fixes
========================================================= */

/* Основной блок: категория + версии */
.sxadd-version-box {
    min-width: 0 !important;
}

.sxadd-version-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;

    padding: 8px !important;

    border-radius: 10px !important;
    background: #252525 !important;
    border: 1px solid #333333 !important;

    box-sizing: border-box !important;
}

.sxadd-version-row div {
    min-width: 0 !important;
}

.sxadd-version-row span {
    display: block !important;

    margin-bottom: 4px !important;

    color: #9d9d9d !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.sxadd-version-row input {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;

    border-radius: 7px !important;
    background: #1f1f1f !important;
    border: 1px solid #383838 !important;

    color: #d7d7d7 !important;

    font-size: 13px !important;
    box-sizing: border-box !important;
}

/* Язык + перевод */
.sxadd-lang-box {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) minmax(280px, 1fr) !important;
    gap: 10px !important;

    align-items: stretch !important;
}

.sxadd-lang-select {
    min-width: 0 !important;
}

.sxadd-lang-select select,
.sxadd-lang-select input,
.sxadd-lang-select .xfselect {
    height: 38px !important;
    min-height: 38px !important;
}

.sxadd-translation-toggle {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-height: 56px !important;
    padding: 9px 11px !important;

    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(185,179,132,0.045), transparent 55%),
        #252525 !important;

    border: 1px solid #333333 !important;

    color: #cfcfcf !important;

    cursor: pointer !important;
    box-sizing: border-box !important;

    transition:
        background .15s ease,
        border-color .15s ease;
}

.sxadd-translation-toggle:hover {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.08), transparent 55%),
        #292929 !important;

    border-color: rgba(185,179,132,0.18) !important;
}

.sxadd-translation-toggle input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.sxadd-toggle-mark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;

    border-radius: 7px !important;
    background: #1d1d1d !important;
    border: 1px solid #3a3a3a !important;

    color: transparent !important;

    box-sizing: border-box !important;
}

.sxadd-toggle-mark i {
    font-size: 11px !important;
}

.sxadd-translation-toggle input:checked + .sxadd-toggle-mark {
    background: rgba(112,176,91,0.20) !important;
    border-color: rgba(112,176,91,0.42) !important;
    color: #bff0aa !important;
}

.sxadd-translation-toggle input:checked ~ .sxadd-translation-text b {
    color: #c7f1b8 !important;
}

.sxadd-translation-text {
    display: block !important;
    min-width: 0 !important;
}

.sxadd-translation-text b {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    color: #d6d09f !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.sxadd-translation-text img {
    width: 18px !important;
    height: auto !important;
    flex: 0 0 auto !important;
}

.sxadd-translation-text em {
    display: block !important;

    margin-top: 3px !important;

    color: #8d8d8d !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 1.25 !important;
}

/* Фильтры компактнее */
.sxadd-filter-flat {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;

    padding: 8px !important;

    border-radius: 9px !important;
}

.sxadd-filter-chip {
    min-height: 24px !important;
    padding: 0 7px !important;
    gap: 6px !important;

    border-radius: 6px !important;

    font-size: 12px !important;
    font-weight: 500 !important;
}

.sxadd-filter-chip input {
    width: 12px !important;
    height: 12px !important;
}

.sxadd-filter-chip span {
    line-height: 1.1 !important;
}

/* чуть меньше воздух внутри секции фильтров */
.sxadd-card .sxadd-filter-flat {
    margin-top: 0 !important;
}

/* адаптив */
@media (max-width: 1250px) {
    .sxadd-filter-flat {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .sxadd-lang-box {
        grid-template-columns: 1fr !important;
    }

    .sxadd-filter-flat {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .sxadd-version-row {
        grid-template-columns: 1fr !important;
    }

    .sxadd-filter-flat {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
/* =========================================================
   ADDNEWS language block clean version
========================================================= */

.sxadd-lang-box,
.sxadd-check-panel,
.sxadd-translation-toggle {
    display: none !important;
}

.sxadd-language-field {
    margin-top: 2px !important;
}

.sxadd-language-panel {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    gap: 8px !important;

    padding: 8px !important;

    border-radius: 10px !important;
    background: #252525 !important;
    border: 1px solid #333333 !important;

    box-sizing: border-box !important;
}

.sxadd-language-select {
    min-width: 0 !important;
}

.sxadd-language-select > span {
    display: block !important;

    margin-bottom: 4px !important;

    color: #9d9d9d !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.sxadd-language-select select,
.sxadd-language-select input,
.sxadd-language-select .xfselect {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;

    padding: 0 9px !important;

    border-radius: 7px !important;
    background: #1f1f1f !important;
    border: 1px solid #383838 !important;

    color: #d7d7d7 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;

    outline: none !important;
    box-sizing: border-box !important;
}

.sxadd-ru-toggle {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    min-width: 0 !important;
    min-height: 52px !important;

    padding: 7px 10px !important;

    border-radius: 9px !important;
    background: #202020 !important;
    border: 1px solid #343434 !important;

    cursor: pointer !important;
    box-sizing: border-box !important;

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

.sxadd-ru-toggle:hover {
    background: #242424 !important;
    border-color: rgba(185,179,132,0.18) !important;
}

.sxadd-ru-toggle input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.sxadd-ru-check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;

    border-radius: 6px !important;
    background: #191919 !important;
    border: 1px solid #414141 !important;

    color: transparent !important;

    box-sizing: border-box !important;
}

.sxadd-ru-check i {
    font-size: 10px !important;
}

.sxadd-ru-toggle input:checked + .sxadd-ru-check {
    background: rgba(112,176,91,0.22) !important;
    border-color: rgba(112,176,91,0.48) !important;
    color: #c7f1b8 !important;
}

.sxadd-ru-toggle input:checked ~ .sxadd-ru-text b {
    color: #c7f1b8 !important;
}

.sxadd-ru-toggle input:checked ~ .sxadd-ru-text em {
    color: #9bd887 !important;
}

.sxadd-ru-text {
    display: block !important;
    min-width: 0 !important;
}

.sxadd-ru-text b {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    color: #d6d09f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.sxadd-ru-text img {
    width: 18px !important;
    height: auto !important;
    flex: 0 0 auto !important;
}

.sxadd-ru-text em {
    display: block !important;

    margin-top: 3px !important;

    color: #858585 !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 1.2 !important;
}

@media (max-width: 760px) {
    .sxadd-language-panel {
        grid-template-columns: 1fr !important;
    }
}
/* =========================================================
   FULLSTORY: translations / requirements clean links
========================================================= */

.sxfs-info-card .sxfs-link-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    width: 100% !important;
}

.sxfs-info-card .sxfs-smart-link,
.sxfs-info-card .sxfs-link-list > a {
    display: flex !important;
    align-items: flex-start !important;
    gap: 9px !important;

    width: 100% !important;
    min-width: 0 !important;

    padding: 8px 9px !important;

    border-radius: 8px !important;
    background: #252525 !important;
    border: 1px solid rgba(255, 255, 255, 0.035) !important;

    color: #d8d8d8 !important;
    text-decoration: none !important;

    box-sizing: border-box !important;
}

.sxfs-info-card .sxfs-smart-link:hover {
    background: rgba(185, 179, 132, 0.10) !important;
    border-color: rgba(185, 179, 132, 0.18) !important;
}

.sxfs-info-card .sxfs-smart-link-ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 20px !important;
    min-width: 20px !important;

    margin-top: 1px !important;

    color: #b9b384 !important;
}

.sxfs-info-card .sxfs-smart-link-ico img {
    width: 18px !important;
    height: auto !important;
    border-radius: 2px !important;
}

.sxfs-info-card .sxfs-smart-link-ico i {
    font-size: 13px !important;
}

.sxfs-info-card .sxfs-smart-link-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;

    min-width: 0 !important;
    width: 100% !important;

    line-height: 1.25 !important;
}

.sxfs-info-card .sxfs-smart-link-text b {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    color: #e3eaa9 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1.25 !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}

.sxfs-info-card .sxfs-smart-link-text em {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    color: #9f9f9f !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.3 !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
}

.sxfs-info-card .sxfs-smart-link:hover .sxfs-smart-link-text b {
    color: #f0ebb2 !important;
}

.sxfs-info-card .sxfs-smart-link:hover .sxfs-smart-link-text em {
    color: #c4c4c4 !important;
}
/* =========================================================
   FULLSTORY gallery lightbox
========================================================= */

.sxfs-lightbox-lock {
    overflow: hidden !important;
}

.sxfs-lightbox {
    position: fixed !important;
    inset: 0 !important;

    display: none !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 28px !important;

    background: rgba(10, 10, 10, 0.86) !important;
    backdrop-filter: blur(7px) !important;

    z-index: 9999999 !important;

    box-sizing: border-box !important;
}

.sxfs-lightbox.is-open {
    display: flex !important;
}

.sxfs-lightbox-inner {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    max-width: min(1180px, 94vw) !important;
    max-height: 92vh !important;

    border-radius: 14px !important;
    background: #1d1d1d !important;
    border: 1px solid rgba(185, 179, 132, 0.18) !important;

    box-shadow:
        0 26px 70px rgba(0,0,0,0.62),
        0 0 0 1px rgba(255,255,255,0.025) inset !important;

    overflow: hidden !important;
}

.sxfs-lightbox-img {
    display: block !important;

    max-width: 100% !important;
    max-height: calc(92vh - 44px) !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;

    background: #111 !important;
}

.sxfs-lightbox-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    min-height: 42px !important;
    padding: 0 13px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,0.025), transparent),
        #202020 !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;

    box-sizing: border-box !important;
}

.sxfs-lightbox-title {
    display: -webkit-box !important;

    min-width: 0 !important;

    color: #d8d8d8 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.sxfs-lightbox-count {
    flex: 0 0 auto !important;

    color: #b9b384 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.sxfs-lightbox-count em {
    color: #8f8f8f !important;
    font-style: normal !important;
}

.sxfs-lightbox-close {
    position: fixed !important;
    top: 18px !important;
    right: 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;

    border-radius: 10px !important;
    background: rgba(31,31,31,0.92) !important;
    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #e3eaa9 !important;

    cursor: pointer !important;
    z-index: 2 !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.sxfs-lightbox-close:hover {
    background: rgba(185,179,132,0.14) !important;
    border-color: rgba(185,179,132,0.32) !important;
    transform: scale(1.04) !important;
}

.sxfs-lightbox-nav {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 44px !important;
    height: 58px !important;

    border-radius: 12px !important;
    background: rgba(31,31,31,0.86) !important;
    border: 1px solid rgba(185,179,132,0.16) !important;

    color: #e3eaa9 !important;

    font-size: 38px !important;
    line-height: 1 !important;

    cursor: pointer !important;
    z-index: 2 !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.sxfs-lightbox-nav:hover {
    background: rgba(185,179,132,0.14) !important;
    border-color: rgba(185,179,132,0.30) !important;
}

.sxfs-lightbox-prev {
    left: 24px !important;
}

.sxfs-lightbox-next {
    right: 24px !important;
}

@media (max-width: 760px) {
    .sxfs-lightbox {
        padding: 12px !important;
    }

    .sxfs-lightbox-nav {
        width: 38px !important;
        height: 50px !important;
        font-size: 32px !important;
    }

    .sxfs-lightbox-prev {
        left: 8px !important;
    }

    .sxfs-lightbox-next {
        right: 8px !important;
    }

    .sxfs-lightbox-close {
        top: 10px !important;
        right: 10px !important;
    }
}
/* =========================================================
   FULLSTORY: header badges near actions
========================================================= */

.sxfs-flags {
    display: none !important;
}

.sxfs-head-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

.sxfs-head-badges {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex: 0 0 auto !important;
}

.sxfs-head-badges:empty {
    display: none !important;
}

.sxfs-head-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 30px !important;
    min-width: 30px !important;
    padding: 0 8px !important;

    border-radius: 8px !important;
    box-sizing: border-box !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}

.sxfs-head-badge-nsfw {
    background: rgba(199, 74, 74, 0.20) !important;
    border: 1px solid rgba(199, 74, 74, 0.42) !important;
    color: #ffd0d0 !important;
}

.sxfs-head-badge-flag {
    width: 34px !important;
    padding: 0 !important;

    background: rgba(185, 179, 132, 0.10) !important;
    border: 1px solid rgba(185, 179, 132, 0.18) !important;
}

.sxfs-head-badge-flag img {
    width: 19px !important;
    height: auto !important;
    display: block !important;
    border-radius: 2px !important;
}

/* чтобы на маленькой ширине заголовок не ломался */
@media (max-width: 760px) {
    .sxfs-head-top {
        align-items: flex-start !important;
    }

    .sxfs-head-actions {
        justify-content: flex-start !important;
        width: 100% !important;
        margin-top: 8px !important;
    }
}
/* =========================================================
   FULLSTORY header layout fix
========================================================= */

.sxfs-head-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;

    width: 100% !important;
}

.sxfs-title-wrap {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.sxfs-head-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;

    flex: 0 0 auto !important;
    flex-wrap: wrap !important;

    max-width: 46% !important;
}

.sxfs-quickmeta {
    width: 100% !important;

    margin-top: 12px !important;
    padding-top: 11px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxfs-quickmeta-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.sxfs-quickmeta-row + .sxfs-quickmeta-row {
    margin-top: 7px !important;
}

.sxfs-qmeta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    min-height: 27px !important;
    padding: 0 9px !important;

    border-radius: 8px !important;
    background: #242424 !important;
    border: 1px solid rgba(255,255,255,0.045) !important;

    color: #a8a8a8 !important;

    font-size: 13px !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
}

.sxfs-qmeta-item i {
    color: #b9b384 !important;
    font-size: 12px !important;
}

.sxfs-qmeta-item b {
    color: #e3eaa9 !important;
    font-weight: 700 !important;
}

.sxfs-qmeta-item em {
    color: #8fd36f !important;
    font-style: normal !important;
    font-size: 12px !important;
}

@media (max-width: 900px) {
    .sxfs-head-top {
        flex-direction: column !important;
    }

    .sxfs-head-actions {
        max-width: none !important;
        justify-content: flex-start !important;
    }
}
/* =========================================================
   ADDCOMMENTS — new comment form
========================================================= */

.sxac-comment-form {
    margin-top: 14px !important;
    margin-bottom: 14px !important;

    border-radius: 13px !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(185,179,132,0.075), transparent 34%),
        linear-gradient(180deg, #242424 0%, #1d1d1d 100%) !important;

    border: 1px solid rgba(185,179,132,0.12) !important;

    box-shadow:
        0 14px 30px rgba(0,0,0,0.26),
        inset 0 1px 0 rgba(255,255,255,0.035) !important;

    overflow: hidden !important;
}

.sxac-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding: 13px 15px 11px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxac-head h3 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 !important;

    color: #e3eaa9 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.sxac-head h3 i {
    color: #b9b384 !important;
    font-size: 15px !important;
}

.sxac-head p {
    margin: 4px 0 0 !important;

    color: #9d9d9d !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.sxac-body {
    padding: 14px 15px 15px !important;
}

.sxac-guest-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;

    margin-bottom: 11px !important;
}

.sxac-field {
    min-width: 0 !important;
}

.sxac-field label {
    display: block !important;

    margin-bottom: 6px !important;

    color: #d6d09f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.sxac-field input,
.sxac-sec-code input {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

    padding: 0 11px !important;

    border-radius: 9px !important;
    background: #1d1d1d !important;
    border: 1px solid #363636 !important;

    color: #d7d7d7 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;

    outline: none !important;
    box-sizing: border-box !important;

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

.sxac-field input:focus,
.sxac-sec-code input:focus {
    background: #202020 !important;
    border-color: rgba(185,179,132,0.34) !important;
    box-shadow: 0 0 0 3px rgba(185,179,132,0.075) !important;
}

.sxac-field input::placeholder,
.sxac-sec-code input::placeholder {
    color: #777777 !important;
}

.sxac-editor {
    margin-bottom: 11px !important;
}

/* fallback textarea / bb-editor */
.sxac-editor textarea,
.sxac-editor .wide {
    width: 100% !important;
    min-height: 170px !important;

    padding: 11px !important;

    border-radius: 10px !important;
    background: #1d1d1d !important;
    border: 1px solid #363636 !important;

    color: #d7d7d7 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45 !important;

    box-sizing: border-box !important;
}

/* Froala / DLE editor inside comments */
.sxac-editor .fr-box {
    border-radius: 11px !important;
    overflow: hidden !important;
}

.sxac-editor .fr-toolbar,
.sxac-editor .fr-toolbar.gray-theme {
    background:
        linear-gradient(180deg, #272727 0%, #222222 100%) !important;

    border: 1px solid #363636 !important;
    border-bottom: 0 !important;

    border-radius: 11px 11px 0 0 !important;

    box-shadow: none !important;
}

.sxac-editor .fr-toolbar .fr-command.fr-btn,
.sxac-editor .fr-toolbar .fr-command.fr-btn i,
.sxac-editor .fr-toolbar .fr-command.fr-btn svg {
    color: #bfbfbf !important;
}

.sxac-editor .fr-toolbar .fr-command.fr-btn:hover,
.sxac-editor .fr-toolbar .fr-command.fr-btn.fr-active {
    background: rgba(185,179,132,0.10) !important;
    color: #e3eaa9 !important;
}

.sxac-editor .fr-separator {
    background: rgba(255,255,255,0.065) !important;
}

.sxac-editor .fr-wrapper {
    background: #1c1c1c !important;
    border: 1px solid #363636 !important;
    border-top: 0 !important;

    border-radius: 0 0 11px 11px !important;

    box-shadow: none !important;
}

.sxac-editor .fr-element,
.sxac-editor .fr-view {
    min-height: 165px !important;

    background: #1c1c1c !important;
    color: #d7d7d7 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.sxac-editor .fr-placeholder {
    color: #777777 !important;
}

.sxac-editor .fr-counter {
    background: #202020 !important;
    color: #8d8d8d !important;
    border-color: #363636 !important;
}

.sxac-editor .fr-dropdown-menu,
.sxac-editor .fr-popup {
    background: #242424 !important;
    border: 1px solid #3a3a3a !important;
    color: #d7d7d7 !important;
    box-shadow: 0 14px 34px rgba(0,0,0,0.42) !important;
}

.sxac-editor .fr-dropdown-list a,
.sxac-editor .fr-popup a {
    color: #d7d7d7 !important;
}

.sxac-editor .fr-dropdown-list a:hover {
    background: rgba(185,179,132,0.10) !important;
    color: #e3eaa9 !important;
}

/* question / captcha */
.sxac-question {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.sxac-captcha {
    margin: 10px 0 !important;
}

.sxac-submit-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding-top: 11px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxac-sec-code {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    min-width: 0 !important;
}

.sxac-sec-img {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 38px !important;

    border-radius: 8px !important;
    overflow: hidden !important;
}

.sxac-sec-img img {
    display: block !important;
    max-height: 38px !important;
}

.sxac-sec-code input {
    width: 170px !important;
    flex: 0 0 170px !important;
}

.sxac-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 40px !important;
    padding: 0 15px !important;

    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(185,179,132,0.17), rgba(185,179,132,0.08)),
        #2b2b2b !important;

    border: 1px solid rgba(185,179,132,0.22) !important;

    color: #e3eaa9 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.055),
        0 8px 18px rgba(0,0,0,0.22) !important;

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

.sxac-submit:hover {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.24), rgba(185,179,132,0.10)),
        #303030 !important;

    border-color: rgba(185,179,132,0.34) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        0 10px 22px rgba(0,0,0,0.28) !important;
}

.sxac-submit i {
    font-size: 13px !important;
}

/* старые оболочки внутри формы больше не должны ломать */
.sxac-comment-form .ui-form,
.sxac-comment-form .form-group,
.sxac-comment-form .box,
.sxac-comment-form .box_in {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxac-guest-grid {
        grid-template-columns: 1fr !important;
    }

    .sxac-submit-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxac-sec-code {
        width: 100% !important;
    }

    .sxac-sec-code input {
        width: 100% !important;
        flex: 1 1 auto !important;
    }

    .sxac-submit {
        width: 100% !important;
    }
}
/* =========================================================
   COMMENTS — tree comments
========================================================= */

.sxfs-comments-list,
.uc,
#comments,
#dle-comments-list {
    overflow: visible !important;
}

.sxcm-comment {
    position: relative !important;

    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 11px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* линия вложенности для древовидных ответов */
.sxcm-comment .sxcm-comment,
.sxfs-comments-list .children .sxcm-comment,
.sxfs-comments-list .comments-tree .sxcm-comment,
.sxfs-comments-list ul .sxcm-comment,
.sxfs-comments-list ol .sxcm-comment {
    margin-left: 36px !important;
}

.sxcm-comment .sxcm-comment::before,
.sxfs-comments-list .children .sxcm-comment::before,
.sxfs-comments-list .comments-tree .sxcm-comment::before,
.sxfs-comments-list ul .sxcm-comment::before,
.sxfs-comments-list ol .sxcm-comment::before {
    content: "" !important;
    position: absolute !important;
    left: -21px !important;
    top: 0 !important;

    width: 1px !important;
    height: calc(100% + 11px) !important;

    background: linear-gradient(180deg, rgba(185,179,132,0.22), rgba(185,179,132,0.04)) !important;
}

.sxcm-comment .sxcm-comment::after,
.sxfs-comments-list .children .sxcm-comment::after,
.sxfs-comments-list .comments-tree .sxcm-comment::after,
.sxfs-comments-list ul .sxcm-comment::after,
.sxfs-comments-list ol .sxcm-comment::after {
    content: "" !important;
    position: absolute !important;
    left: -21px !important;
    top: 22px !important;

    width: 15px !important;
    height: 1px !important;

    background: rgba(185,179,132,0.22) !important;
}

/* avatar */
.sxcm-avatar-wrap {
    position: relative !important;
    z-index: 2 !important;

    flex: 0 0 42px !important;
    width: 42px !important;
}

.sxcm-avatar {
    width: 42px !important;
    height: 42px !important;

    border-radius: 11px !important;

    background:
        radial-gradient(circle at 35% 20%, rgba(185,179,132,0.14), transparent 44%),
        #242424 !important;

    border: 1px solid rgba(185,179,132,0.16) !important;

    overflow: hidden !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 8px 18px rgba(0,0,0,0.24) !important;
}

.sxcm-avatar img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}

.sxcm-avatar-pos {
    border-color: rgba(139, 205, 111, 0.32) !important;
}

.sxcm-avatar-neg {
    border-color: rgba(203, 102, 102, 0.34) !important;
}

/* card */
.sxcm-card {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    border-radius: 13px !important;

    background:
        radial-gradient(circle at 10% 0%, rgba(185,179,132,0.055), transparent 34%),
        linear-gradient(180deg, #242424 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 10px 22px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;
}

.sxcm-positive .sxcm-card {
    border-color: rgba(139, 205, 111, 0.18) !important;
}

.sxcm-negative .sxcm-card {
    border-color: rgba(203, 102, 102, 0.22) !important;
}

.sxcm-own .sxcm-card {
    border-color: rgba(185,179,132,0.22) !important;
    box-shadow:
        0 10px 22px rgba(0,0,0,0.20),
        inset 3px 0 0 rgba(185,179,132,0.42) !important;
}

/* top */
.sxcm-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding: 10px 12px 9px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxcm-user {
    min-width: 0 !important;
}

.sxcm-name-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;

    min-width: 0 !important;
}

.sxcm-login {
    display: inline-block !important;
    max-width: 210px !important;

    color: #e3eaa9 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

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

.sxcm-group {
    display: inline-flex !important;
    align-items: center !important;

    max-width: 150px !important;
    height: 20px !important;

    padding: 0 7px !important;

    border-radius: 999px !important;
    background: color-mix(in srgb, var(--sxcm-group-color) 15%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--sxcm-group-color) 35%, transparent) !important;

    color: var(--sxcm-group-color) !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

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

.sxcm-owner-badge {
    display: inline-flex !important;
    align-items: center !important;

    height: 20px !important;
    padding: 0 7px !important;

    border-radius: 999px !important;
    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #d6d09f !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.sxcm-date-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    margin-top: 5px !important;

    color: #8f8f8f !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

.sxcm-date-row i {
    color: #b9b384 !important;
    font-size: 11px !important;
}

.sxcm-id {
    color: #b9b384 !important;
    text-decoration: none !important;
}

.sxcm-id:hover {
    color: #e3eaa9 !important;
}

.sxcm-ip {
    color: #707070 !important;
}

/* rating */
.sxcm-rating-box {
    flex: 0 0 auto !important;
}

.sxcm-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    min-height: 25px !important;
    padding: 0 8px !important;

    border-radius: 8px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.sxcm-rating-pos {
    background: rgba(139,205,111,0.12) !important;
    border: 1px solid rgba(139,205,111,0.22) !important;
    color: #9bd67c !important;
}

.sxcm-rating-neg {
    background: rgba(203,102,102,0.13) !important;
    border: 1px solid rgba(203,102,102,0.24) !important;
    color: #e08585 !important;
}

.sxcm-rating-neu {
    background: rgba(185,179,132,0.09) !important;
    border: 1px solid rgba(185,179,132,0.14) !important;
    color: #aaa27a !important;
}

/* text */
.sxcm-text {
    padding: 11px 12px !important;

    color: #d2d2d2 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.sxcm-text a {
    color: #d6d09f !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(214,208,159,0.32) !important;
    text-underline-offset: 3px !important;
}

.sxcm-text a:hover {
    color: #e3eaa9 !important;
    text-decoration-color: rgba(227,234,169,0.55) !important;
}

.sxcm-text img,
.sxcm-text video,
.sxcm-text iframe {
    max-width: 100% !important;
    height: auto !important;
}

.sxcm-text blockquote,
.sxcm-text .quote {
    margin: 9px 0 !important;
    padding: 9px 11px !important;

    border-radius: 10px !important;
    background: rgba(0,0,0,0.18) !important;
    border-left: 3px solid rgba(185,179,132,0.35) !important;

    color: #c8c8c8 !important;
}

/* bottom */
.sxcm-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    padding: 8px 12px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
    background: rgba(0,0,0,0.08) !important;
}

.sxcm-votes,
.sxcm-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.sxcm-vote,
.sxcm-action,
.sxcm-reply {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    min-height: 25px !important;
    padding: 0 8px !important;

    border-radius: 8px !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    cursor: pointer !important;
}

.sxcm-vote-plus {
    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.14) !important;
    color: #d6d09f !important;
}

.sxcm-vote-minus {
    background: rgba(203,102,102,0.11) !important;
    border: 1px solid rgba(203,102,102,0.17) !important;
    color: #d98787 !important;
}

.sxcm-action {
    color: #9f9f9f !important;
    background: #252525 !important;
    border: 1px solid rgba(255,255,255,0.045) !important;
}

.sxcm-action:hover {
    color: #e3eaa9 !important;
    background: rgba(185,179,132,0.10) !important;
    border-color: rgba(185,179,132,0.18) !important;
}

.sxcm-danger {
    color: #d98787 !important;
}

.sxcm-reply {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.15), rgba(185,179,132,0.07)),
        #2b2b2b !important;

    border: 1px solid rgba(185,179,132,0.20) !important;
    color: #e3eaa9 !important;
}

.sxcm-reply:hover {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.22), rgba(185,179,132,0.09)),
        #303030 !important;

    border-color: rgba(185,179,132,0.32) !important;
}

/* DLE links generated by tags */
.sxcm-actions a,
.sxcm-votes a,
.sxcm-reply a,
.sxcm-action a,
.sxcm-vote a {
    color: inherit !important;
    text-decoration: none !important;
}

/* старые классы не должны мешать */
.ucomm_block .left,
.ucomm_block .right,
.ucomm_block .mess_cont,
.ucomm_block .top,
.ucomm_block .middle,
.ucomm_block .bottom {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxcm-comment {
        gap: 8px !important;
    }

    .sxcm-avatar-wrap {
        flex-basis: 36px !important;
        width: 36px !important;
    }

    .sxcm-avatar {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
    }

    .sxcm-comment .sxcm-comment,
    .sxfs-comments-list .children .sxcm-comment,
    .sxfs-comments-list .comments-tree .sxcm-comment,
    .sxfs-comments-list ul .sxcm-comment,
    .sxfs-comments-list ol .sxcm-comment {
        margin-left: 18px !important;
    }

    .sxcm-top {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .sxcm-rating-box {
        align-self: flex-start !important;
    }

    .sxcm-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sxcm-login {
        max-width: 165px !important;
    }
}
/* =========================================================
   COMMENTS — remove tree list numbers
========================================================= */

.sxfs-comments-list ol,
.sxfs-comments-list ul,
.sxfs-comments-list li,
.uc ol,
.uc ul,
.uc li,
#comments ol,
#comments ul,
#comments li,
#dle-comments-list ol,
#dle-comments-list ul,
#dle-comments-list li {
    list-style: none !important;
    list-style-type: none !important;
}

.sxfs-comments-list li::marker,
.uc li::marker,
#comments li::marker,
#dle-comments-list li::marker {
    content: "" !important;
    font-size: 0 !important;
    color: transparent !important;
}

.sxfs-comments-list > ol,
.sxfs-comments-list > ul,
.uc > ol,
.uc > ul,
#comments > ol,
#comments > ul,
#dle-comments-list > ol,
#dle-comments-list > ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* если DLE/старый стиль рисует номера через before */
.sxfs-comments-list > ol > li::before,
.sxfs-comments-list > ul > li::before,
.uc > ol > li::before,
.uc > ul > li::before,
#comments > ol > li::before,
#comments > ul > li::before,
#dle-comments-list > ol > li::before,
#dle-comments-list > ul > li::before {
    content: none !important;
    display: none !important;
}
/* =========================================================
   COMMENTS — fix tree overflow / clipping
========================================================= */

.sxfs-comments,
.sxfs-comments-list,
.sxfs-comments-list .uc,
.sxfs-comments-list ol,
.sxfs-comments-list ul,
.sxfs-comments-list li,
.uc,
.uc ol,
.uc ul,
.uc li,
#comments,
#dle-comments-list {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.sxfs-comments {
    overflow: hidden !important;
}

.sxfs-comments-list,
.sxfs-comments-list .uc {
    overflow: visible !important;
}

/* главный фикс: если у коммента есть отступ дерева, ширину уменьшаем */
.sxfs-comments-list ol .sxcm-comment,
.sxfs-comments-list ul .sxcm-comment,
.uc ol .sxcm-comment,
.uc ul .sxcm-comment,
#comments ol .sxcm-comment,
#comments ul .sxcm-comment,
#dle-comments-list ol .sxcm-comment,
#dle-comments-list ul .sxcm-comment {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin-left: 36px !important;
    box-sizing: border-box !important;
}

/* чтобы карточка не вылезала за пределы */
.sxcm-comment {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.sxcm-card {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* нижняя панель кнопок больше не обрезается */
.sxcm-bottom {
    flex-wrap: wrap !important;
    overflow: visible !important;
}

.sxcm-votes {
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

.sxcm-actions {
    flex: 1 1 320px !important;
    min-width: 0 !important;
    max-width: 100% !important;

    justify-content: flex-end !important;
    overflow: visible !important;
}

.sxcm-action,
.sxcm-reply,
.sxcm-vote {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* длинные комментарии, цитаты, ссылки и текст не должны распирать блок */
.sxcm-text,
.sxcm-text * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.sxcm-text {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

.sxcm-text blockquote,
.sxcm-text .quote {
    max-width: 100% !important;
    overflow: hidden !important;
}

/* на маленькой ширине делаем дерево компактнее */
@media (max-width: 760px) {
    .sxfs-comments-list ol .sxcm-comment,
    .sxfs-comments-list ul .sxcm-comment,
    .uc ol .sxcm-comment,
    .uc ul .sxcm-comment,
    #comments ol .sxcm-comment,
    #comments ul .sxcm-comment,
    #dle-comments-list ol .sxcm-comment,
    #dle-comments-list ul .sxcm-comment {
        width: calc(100% - 18px) !important;
        max-width: calc(100% - 18px) !important;
        margin-left: 18px !important;
    }

    .sxcm-actions {
        justify-content: flex-start !important;
        flex-basis: 100% !important;
    }
}
.ratingplus {
    color: #9dd183 !important;
}
/* =========================================================
   COOKIE NOTICE — compact modal
========================================================= */

.cookie_notice {
    position: fixed !important;
    right: 22px !important;
    bottom: 22px !important;
    left: auto !important;
    top: auto !important;

    display: none;

    width: 430px !important;
    max-width: calc(100vw - 28px) !important;

    padding: 16px 16px 14px !important;

    border-radius: 15px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.12), transparent 38%),
        linear-gradient(180deg, #252525 0%, #1d1d1d 100%) !important;

    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #cfcfcf !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    box-shadow:
        0 22px 55px rgba(0,0,0,0.48),
        inset 0 1px 0 rgba(255,255,255,0.045) !important;

    z-index: 999999 !important;

    box-sizing: border-box !important;
}

.cookie_notice::before {
    content: "\f564";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;

    margin-right: 9px !important;
    margin-bottom: 7px !important;

    float: left !important;

    border-radius: 10px !important;
    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.20) !important;

    color: #e3eaa9 !important;
    font-size: 14px !important;
}

.cookie_notice > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    clear: both !important;

    margin-top: 13px !important;
}

.cookie_notice .cookie_btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;
    padding: 0 12px !important;

    border-radius: 9px !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    box-sizing: border-box !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease;
}

.cookie_notice #cookie_close {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.20), rgba(139,205,111,0.10)),
        #263024 !important;

    border: 1px solid rgba(139,205,111,0.26) !important;
    color: #b8ee9d !important;
}

.cookie_notice #cookie_close:hover {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.28), rgba(139,205,111,0.14)),
        #2b3828 !important;

    border-color: rgba(139,205,111,0.40) !important;
    transform: translateY(-1px) !important;
}

.cookie_notice .cookie_btn:not(#cookie_close) {
    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.16) !important;
    color: #d6d09f !important;
}

.cookie_notice .cookie_btn:not(#cookie_close):hover {
    background: rgba(185,179,132,0.16) !important;
    border-color: rgba(185,179,132,0.28) !important;
    color: #e3eaa9 !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 760px) {
    .cookie_notice {
        right: 12px !important;
        bottom: 12px !important;
        left: 12px !important;

        width: auto !important;
        max-width: none !important;

        padding: 14px !important;

        font-size: 12.5px !important;
    }

    .cookie_notice > div {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .cookie_notice .cookie_btn {
        width: 100% !important;
    }
}
/* COOKIE NOTICE — fix broken icon */
.cookie_notice::before {
    content: "🍪" !important;

    font-family:
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Noto Color Emoji",
        Arial,
        sans-serif !important;

    font-weight: 400 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 32px !important;
    height: 32px !important;

    margin-right: 9px !important;
    margin-bottom: 7px !important;

    float: left !important;

    border-radius: 10px !important;
    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.20) !important;

    color: #e3eaa9 !important;
    font-size: 17px !important;
    line-height: 1 !important;
}
/* =========================================================
   AGE 18 MODAL — no flicker version
========================================================= */

html.sx-age18-lock,
html.sx-age18-lock body {
    overflow: hidden !important;
}

/* По умолчанию окно скрыто, чтобы не мигало после подтверждения */
#sx-age18-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999999 !important;

    display: none !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 18px !important;

    background:
        radial-gradient(circle at 50% 0%, rgba(185,179,132,0.14), transparent 42%),
        rgba(0,0,0,0.84) !important;

    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;

    box-sizing: border-box !important;
}

/* Показываем только если JS добавил класс */
#sx-age18-overlay.sx-age18-visible {
    display: flex !important;
}

#sx-age18-modal {
    width: 430px !important;
    max-width: 100% !important;

    border-radius: 17px !important;

    background:
        radial-gradient(circle at 18% 0%, rgba(185,179,132,0.12), transparent 36%),
        linear-gradient(180deg, #282828 0%, #1d1d1d 100%) !important;

    border: 1px solid rgba(185,179,132,0.20) !important;

    box-shadow:
        0 28px 80px rgba(0,0,0,0.62),
        inset 0 1px 0 rgba(255,255,255,0.045) !important;

    overflow: hidden !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    color: #d7d7d7 !important;

    animation: sxAge18Show .18s ease-out !important;
}

@keyframes sxAge18Show {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.sx-age18-top {
    padding: 20px 20px 14px !important;

    border-bottom: 1px solid rgba(255,255,255,0.06) !important;

    text-align: center !important;
}

.sx-age18-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;

    margin-bottom: 11px !important;

    border-radius: 14px !important;

    background: rgba(199,74,74,0.14) !important;
    border: 1px solid rgba(199,74,74,0.30) !important;

    color: #ffd0d0 !important;

    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.sx-age18-title {
    margin: 0 !important;

    color: #e3eaa9 !important;

    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.sx-age18-text {
    padding: 15px 20px 5px !important;

    color: #cfcfcf !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    text-align: center !important;
}

.sx-age18-text b {
    color: #ffd0d0 !important;
    font-weight: 800 !important;
}

.sx-age18-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    padding: 17px 20px 20px !important;
}

.sx-age18-buttons button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 0 15px !important;

    border-radius: 10px !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    cursor: pointer !important;

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

#sx-age18-yes {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.24), rgba(139,205,111,0.11)),
        #263024 !important;

    border: 1px solid rgba(139,205,111,0.34) !important;

    color: #b8ee9d !important;

    box-shadow: 0 8px 18px rgba(0,0,0,0.22) !important;
}

#sx-age18-yes:hover {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.32), rgba(139,205,111,0.15)),
        #2d3b29 !important;

    border-color: rgba(139,205,111,0.48) !important;

    transform: translateY(-1px) !important;
}

#sx-age18-no {
    background:
        linear-gradient(180deg, rgba(203,102,102,0.22), rgba(203,102,102,0.11)),
        #332323 !important;

    border: 1px solid rgba(203,102,102,0.34) !important;

    color: #ffd0d0 !important;
}

#sx-age18-no:hover {
    background:
        linear-gradient(180deg, rgba(203,102,102,0.30), rgba(203,102,102,0.14)),
        #3b2828 !important;

    border-color: rgba(203,102,102,0.48) !important;

    transform: translateY(-1px) !important;
}

@media (max-width: 520px) {
    .sx-age18-buttons {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sx-age18-buttons button {
        width: 100% !important;
    }
}
.red {    text-align: center;
    gap: 10px;
    margin-bottom: 8px;
    padding: 10px;
    border-radius: 10px;
    background: rgb(158 39 39 / 18%);
    border: 1px solid rgb(230 106 106 / 27%);
    color: #e06161;
    box-sizing: border-box;}
/* =========================================================
   FEEDBACK PAGE
========================================================= */

.sxfb-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #d4d4d4 !important;

    box-sizing: border-box !important;
}

.sxfb-page *,
.sxfb-page *::before,
.sxfb-page *::after {
    box-sizing: border-box !important;
}

/* hero */
.sxfb-hero {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    margin-bottom: 13px !important;
    padding: 16px !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 10% 0%, rgba(185,179,132,0.13), transparent 38%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.17) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.sxfb-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 48px !important;

    width: 48px !important;
    height: 48px !important;

    border-radius: 14px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.22) !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;
}

.sxfb-hero-text {
    min-width: 0 !important;
}

.sxfb-hero-text h1 {
    margin: 0 0 4px !important;

    color: #e3eaa9 !important;

    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.sxfb-hero-text p {
    margin: 0 !important;

    color: #a9a9a9 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* cards */
.sxfb-card,
.sxfb-policy {
    border-radius: 15px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.055), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;
}

.sxfb-form-card {
    margin-bottom: 13px !important;
}

.sxfb-card-head,
.sxfb-policy-head {
    padding: 14px 16px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxfb-card-head h2,
.sxfb-policy-head h2 {
    margin: 0 0 3px !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxfb-card-head span,
.sxfb-policy-head p {
    margin: 0 !important;

    color: #8f8f8f !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

/* form */
.sxfb-form {
    padding: 16px !important;
}

.sxfb-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.sxfb-field {
    margin-bottom: 11px !important;
}

.sxfb-field label {
    display: block !important;

    margin: 0 0 6px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.sxfb-field input[type="text"],
.sxfb-field input[type="email"],
.sxfb-field input[type="password"],
.sxfb-field textarea,
.sxfb-field select,
.sxfb-recipient select,
.sxfb-code input {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 10px !important;

    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 0 0 0 rgba(185,179,132,0) !important;

    transition:
        border-color .15s ease,
        background .15s ease,
        box-shadow .15s ease !important;
}

.sxfb-field input[type="text"],
.sxfb-field input[type="email"],
.sxfb-field input[type="password"],
.sxfb-field select,
.sxfb-recipient select,
.sxfb-code input {
    height: 40px !important;
    padding: 0 12px !important;
}

.sxfb-field textarea {
    min-height: 170px !important;
    padding: 11px 12px !important;

    resize: vertical !important;
}

.sxfb-field input::placeholder,
.sxfb-field textarea::placeholder,
.sxfb-code input::placeholder {
    color: #6f6f6f !important;
}

.sxfb-field input:focus,
.sxfb-field textarea:focus,
.sxfb-field select:focus,
.sxfb-recipient select:focus,
.sxfb-code input:focus {
    background: #202020 !important;
    border-color: rgba(185,179,132,0.35) !important;

    box-shadow: 0 0 0 3px rgba(185,179,132,0.08) !important;
}

/* recipient generated by DLE */
.sxfb-recipient select {
    appearance: auto !important;
}

.sxfb-recipient option {
    background: #1d1d1d !important;
    color: #dedede !important;
}

/* file */
.sxfb-file-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-height: 44px !important;
    padding: 9px 10px !important;

    border-radius: 11px !important;

    background: #1d1d1d !important;
    border: 1px dashed rgba(185,179,132,0.22) !important;

    color: #9e9e9e !important;
}

.sxfb-file-box i {
    color: #b9b384 !important;
    font-size: 14px !important;
}

.sxfb-file-box input[type="file"] {
    width: 100% !important;

    color: #aaa !important;

    font-size: 13px !important;
}

.sxfb-file-box input[type="file"]::file-selector-button {
    margin-right: 10px !important;
    padding: 7px 10px !important;

    border-radius: 8px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.20) !important;

    color: #d6d09f !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}

/* captcha / submit */
.sxfb-submit-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    margin-top: 5px !important;
    padding-top: 13px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxfb-code {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxfb-code-img {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 120px !important;
    min-height: 40px !important;

    padding: 4px !important;

    border-radius: 9px !important;

    background: #181818 !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    overflow: hidden !important;
}

.sxfb-code-img img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

.sxfb-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    flex: 0 0 auto !important;

    min-height: 42px !important;
    padding: 0 16px !important;

    border-radius: 11px !important;

    background:
        linear-gradient(180deg, rgba(185,179,132,0.20), rgba(185,179,132,0.09)),
        #2a2a2a !important;

    border: 1px solid rgba(185,179,132,0.26) !important;

    color: #e3eaa9 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    box-shadow: 0 9px 18px rgba(0,0,0,0.20) !important;

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

.sxfb-submit:hover {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.28), rgba(185,179,132,0.12)),
        #303030 !important;

    border-color: rgba(185,179,132,0.38) !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 12px 24px rgba(0,0,0,0.25) !important;
}

/* policy */
.sxfb-policy {
    margin-top: 0 !important;
}

.sxfb-policy-item {
    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxfb-policy-item:first-of-type {
    border-top: 0 !important;
}

.sxfb-policy-item summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding: 13px 16px !important;

    color: #d6d09f !important;

    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;

    cursor: pointer !important;

    list-style: none !important;

    background: rgba(255,255,255,0.015) !important;

    transition:
        background .15s ease,
        color .15s ease !important;
}

.sxfb-policy-item summary::-webkit-details-marker {
    display: none !important;
}

.sxfb-policy-item summary:hover {
    background: rgba(185,179,132,0.06) !important;
    color: #e3eaa9 !important;
}

.sxfb-policy-item summary i {
    color: #8f8f8f !important;
    font-size: 12px !important;

    transition: transform .18s ease !important;
}

.sxfb-policy-item[open] summary i {
    transform: rotate(180deg) !important;
}

.sxfb-policy-content {
    padding: 2px 16px 15px !important;

    color: #cfcfcf !important;

    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

.sxfb-policy-content p {
    margin: 10px 0 !important;
}

.sxfb-policy-content ul {
    margin: 9px 0 11px 18px !important;
    padding: 0 !important;
}

.sxfb-policy-content li {
    margin: 4px 0 !important;
    padding: 0 !important;

    color: #c9c9c9 !important;
}

.sxfb-policy-content b {
    color: #e3eaa9 !important;
    font-weight: 850 !important;
}

.sxfb-policy-content a {
    color: #d6d09f !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(214,208,159,0.35) !important;
    text-underline-offset: 3px !important;
}

.sxfb-policy-content a:hover {
    color: #e3eaa9 !important;
    text-decoration-color: rgba(227,234,169,0.60) !important;
}

/* old template reset */
.sxfb-page .box,
.sxfb-page .box_in,
.sxfb-page .addform,
.sxfb-page .ui-form,
.sxfb-page .form-group,
.sxfb-page .form_submit {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxfb-hero {
        align-items: flex-start !important;
        padding: 14px !important;
    }

    .sxfb-icon {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
    }

    .sxfb-hero-text h1 {
        font-size: 21px !important;
    }

    .sxfb-grid {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .sxfb-submit-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxfb-code {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxfb-code-img {
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .sxfb-submit {
        width: 100% !important;
    }
}
/* =========================================================
   INFO / ERROR PAGE
========================================================= */

.sxinfo-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}

.sxinfo-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;

    width: 100% !important;

    padding: 17px !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.13), transparent 38%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.18) !important;

    box-shadow:
        0 14px 32px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;

    box-sizing: border-box !important;
}

.sxinfo-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 48px !important;

    width: 48px !important;
    height: 48px !important;

    border-radius: 14px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.22) !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.sxinfo-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxinfo-content h1 {
    margin: 0 0 8px !important;

    color: #e3eaa9 !important;

    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
}

.sxinfo-text {
    color: #cfcfcf !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.sxinfo-text a {
    color: #d6d09f !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(214,208,159,0.35) !important;
    text-underline-offset: 3px !important;
}

.sxinfo-text a:hover {
    color: #e3eaa9 !important;
    text-decoration-color: rgba(227,234,169,0.60) !important;
}

.sxinfo-text b,
.sxinfo-text strong {
    color: #e3eaa9 !important;
    font-weight: 850 !important;
}

.sxinfo-text ul,
.sxinfo-text ol {
    margin: 9px 0 9px 20px !important;
    padding: 0 !important;
}

.sxinfo-text li {
    margin: 4px 0 !important;
}

/* если DLE выводит внутри ошибки старые кнопки */
.sxinfo-text .btn,
.sxinfo-text button,
.sxinfo-text input[type="button"],
.sxinfo-text input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;
    padding: 0 12px !important;

    border-radius: 9px !important;

    background:
        linear-gradient(180deg, rgba(185,179,132,0.18), rgba(185,179,132,0.08)),
        #2a2a2a !important;

    border: 1px solid rgba(185,179,132,0.24) !important;

    color: #e3eaa9 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    cursor: pointer !important;
}

.sxinfo-text .btn:hover,
.sxinfo-text button:hover,
.sxinfo-text input[type="button"]:hover,
.sxinfo-text input[type="submit"]:hover {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.26), rgba(185,179,132,0.12)),
        #303030 !important;

    border-color: rgba(185,179,132,0.36) !important;
}

/* reset старых классов */
.sxinfo-page.berrors,
.sxinfo-page.fix_grid,
.sxinfo-page.box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxinfo-card {
        gap: 11px !important;
        padding: 14px !important;
    }

    .sxinfo-icon {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;

        border-radius: 12px !important;

        font-size: 16px !important;
    }

    .sxinfo-content h1 {
        font-size: 19px !important;
    }

    .sxinfo-text {
        font-size: 13.5px !important;
    }
}
/* =========================================================
   LOST PASSWORD PAGE
========================================================= */

.sxlp-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

.sxlp-page *,
.sxlp-page *::before,
.sxlp-page *::after {
    box-sizing: border-box !important;
}

.sxlp-card {
    width: 100% !important;

    border-radius: 16px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.12), transparent 36%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.17) !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;

    overflow: hidden !important;
}

/* head */
.sxlp-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    padding: 17px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxlp-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 50px !important;

    width: 50px !important;
    height: 50px !important;

    border-radius: 15px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.23) !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.sxlp-title {
    min-width: 0 !important;
}

.sxlp-title h1 {
    margin: 0 0 5px !important;

    color: #e3eaa9 !important;

    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.sxlp-title p {
    margin: 0 !important;

    max-width: 680px !important;

    color: #a7a7a7 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
}

/* form */
.sxlp-form {
    padding: 17px !important;
}

.sxlp-field {
    margin-bottom: 12px !important;
}

.sxlp-field label {
    display: block !important;

    margin: 0 0 6px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.sxlp-field input[type="text"],
.sxlp-code input {
    width: 100% !important;
    max-width: 100% !important;
    height: 41px !important;

    padding: 0 12px !important;

    border-radius: 10px !important;

    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 0 0 0 rgba(185,179,132,0) !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        box-shadow .15s ease !important;
}

.sxlp-field input::placeholder,
.sxlp-code input::placeholder {
    color: #6f6f6f !important;
}

.sxlp-field input:focus,
.sxlp-code input:focus {
    background: #202020 !important;
    border-color: rgba(185,179,132,0.35) !important;

    box-shadow: 0 0 0 3px rgba(185,179,132,0.08) !important;
}

/* captcha */
.sxlp-code {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    width: 100% !important;
}

.sxlp-code-img {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-width: 122px !important;
    min-height: 41px !important;

    padding: 4px !important;

    border-radius: 10px !important;

    background: #181818 !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    overflow: hidden !important;
}

.sxlp-code-img img {
    display: block !important;

    max-width: 100% !important;
    height: auto !important;
}

.sxlp-code input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxlp-recaptcha {
    overflow: hidden !important;
}

/* submit */
.sxlp-submit-row {
    display: flex !important;
    justify-content: flex-end !important;

    margin-top: 4px !important;
    padding-top: 14px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxlp-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 42px !important;
    padding: 0 16px !important;

    border-radius: 11px !important;

    background:
        linear-gradient(180deg, rgba(185,179,132,0.20), rgba(185,179,132,0.09)),
        #2a2a2a !important;

    border: 1px solid rgba(185,179,132,0.26) !important;

    color: #e3eaa9 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    box-shadow: 0 9px 18px rgba(0,0,0,0.20) !important;

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

.sxlp-submit:hover {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.28), rgba(185,179,132,0.12)),
        #303030 !important;

    border-color: rgba(185,179,132,0.38) !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 12px 24px rgba(0,0,0,0.25) !important;
}

/* note */
.sxlp-note {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;

    padding: 12px 17px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;

    background: rgba(0,0,0,0.09) !important;

    color: #9f9f9f !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

.sxlp-note i {
    margin-top: 2px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
}

/* old template reset */
.page_form__inner,
.page_form__form,
.page_form__inner .ui-form,
.page_form__inner .form-group,
.page_form__inner .form_submit {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.page_form__inner .ui-form li {
    list-style: none !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxlp-head {
        align-items: flex-start !important;
        padding: 14px !important;
    }

    .sxlp-icon {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;

        border-radius: 12px !important;

        font-size: 16px !important;
    }

    .sxlp-title h1 {
        font-size: 21px !important;
    }

    .sxlp-title p {
        font-size: 13.5px !important;
    }

    .sxlp-form {
        padding: 14px !important;
    }

    .sxlp-code {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxlp-code-img {
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .sxlp-submit-row {
        justify-content: stretch !important;
    }

    .sxlp-submit {
        width: 100% !important;
    }

    .sxlp-note {
        padding: 12px 14px !important;
    }
}
/* =========================================================
   PROFILE POPUP
========================================================= */

.sxpp {
    width: 100% !important;
    max-width: 460px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.12), transparent 38%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.16) !important;

    color: #d4d4d4 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;

    box-shadow:
        0 18px 44px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}

.sxpp *,
.sxpp *::before,
.sxpp *::after {
    box-sizing: border-box !important;
}

/* верх профиля */
.sxpp-head {
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;

    padding: 15px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxpp-avatar {
    flex: 0 0 64px !important;

    width: 64px !important;
    height: 64px !important;

    border-radius: 16px !important;

    background:
        radial-gradient(circle at 35% 20%, rgba(185,179,132,0.15), transparent 44%),
        #1d1d1d !important;

    border: 1px solid rgba(185,179,132,0.24) !important;

    overflow: hidden !important;

    box-shadow:
        0 9px 20px rgba(0,0,0,0.25),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.sxpp-avatar img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}

.sxpp-main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxpp-name {
    margin-bottom: 6px !important;

    color: #e3eaa9 !important;

    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;

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

.sxpp-online-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;

    margin-bottom: 7px !important;
}

.sxpp-online {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    height: 24px !important;
    padding: 0 8px !important;

    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

.sxpp-online i {
    font-size: 7px !important;
}

.sxpp-is-online {
    background: rgba(139,205,111,0.12) !important;
    border: 1px solid rgba(139,205,111,0.24) !important;
    color: #9bd67c !important;
}

.sxpp-is-offline {
    background: rgba(150,150,150,0.10) !important;
    border: 1px solid rgba(150,150,150,0.16) !important;
    color: #aaa !important;
}

.sxpp-group {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;

    color: #8f8f8f !important;

    font-size: 12px !important;
    line-height: 1.25 !important;
}

.sxpp-group span {
    color: #8f8f8f !important;
    font-weight: 600 !important;
}

.sxpp-group b {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 22px !important;
    max-width: 190px !important;

    padding: 0 8px !important;

    border-radius: 999px !important;

    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.16) !important;

    color: #d6d09f !important;

    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

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

/* информация */
.sxpp-info {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;

    padding: 4px 0 !important;
}

.sxpp-info-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    min-height: 43px !important;
    padding: 9px 15px !important;

    border-top: 1px solid rgba(255,255,255,0.045) !important;
}

.sxpp-info-item:first-child {
    border-top: 0 !important;
}

.sxpp-info-item > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    min-width: 0 !important;

    color: #a8a8a8 !important;

    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
}

.sxpp-info-item > span i {
    width: 14px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
    text-align: center !important;
}

.sxpp-info-item > b {
    min-width: 0 !important;

    color: #dedede !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-align: right !important;
}

/* ссылки новостей / комментариев */
.sxpp-links {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 6px !important;

    min-width: 0 !important;
}

.sxpp-links b {
    color: #e3eaa9 !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.sxpp-links em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 24px !important;
    padding: 0 8px !important;

    border-radius: 8px !important;

    background: rgba(185,179,132,0.09) !important;
    border: 1px solid rgba(185,179,132,0.14) !important;

    color: #d6d09f !important;

    font-style: normal !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.sxpp-links a,
.sxpp a {
    color: inherit !important;
    text-decoration: none !important;
}

.sxpp-links em:hover {
    background: rgba(185,179,132,0.15) !important;
    border-color: rgba(185,179,132,0.26) !important;
    color: #e3eaa9 !important;
}

/* сброс старых стилей */
.userinfo.sxpp,
.userinfo.sxpp .avatar,
.userinfo.sxpp ul,
.userinfo.sxpp li {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    list-style: none !important;
}

.userinfo.sxpp ul,
.userinfo.sxpp li {
    display: block !important;
}

/* если DLE выводит popup в jQuery UI */
.ui-dialog .sxpp {
    max-width: 100% !important;
    box-shadow: none !important;
}

.ui-dialog .ui-dialog-content .sxpp {
    margin: 0 !important;
}

/* mobile */
@media (max-width: 520px) {
    .sxpp-head {
        align-items: flex-start !important;
        padding: 14px !important;
    }

    .sxpp-avatar {
        flex-basis: 54px !important;
        width: 54px !important;
        height: 54px !important;

        border-radius: 14px !important;
    }

    .sxpp-name {
        font-size: 18px !important;
    }

    .sxpp-info-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;

        padding: 10px 14px !important;
    }

    .sxpp-info-item > b,
    .sxpp-links {
        justify-content: flex-start !important;
        text-align: left !important;
    }
}
/* =========================================================
   REGISTRATION PAGE
========================================================= */

.sxreg-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

.sxreg-page *,
.sxreg-page *::before,
.sxreg-page *::after {
    box-sizing: border-box !important;
}

.sxreg-card {
    width: 100% !important;

    border-radius: 16px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.12), transparent 36%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.17) !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;

    overflow: hidden !important;
}

/* head */
.sxreg-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    padding: 17px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxreg-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 50px !important;

    width: 50px !important;
    height: 50px !important;

    border-radius: 15px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.23) !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.sxreg-title {
    min-width: 0 !important;
}

.sxreg-title h1 {
    margin: 0 0 5px !important;

    color: #e3eaa9 !important;

    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.sxreg-title p {
    margin: 0 !important;

    max-width: 760px !important;

    color: #a7a7a7 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42 !important;
}

/* body */
.sxreg-body {
    padding: 17px !important;
}

/* alerts */
.sxreg-alerts {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    margin-bottom: 15px !important;
}

.sxreg-alert {
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;

    padding: 12px !important;

    border-radius: 13px !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.sxreg-alert-danger {
    background:
        radial-gradient(circle at 8% 0%, rgba(203,102,102,0.16), transparent 36%),
        rgba(203,102,102,0.075) !important;

    border: 1px solid rgba(203,102,102,0.22) !important;
}

.sxreg-alert-note {
    background:
        radial-gradient(circle at 8% 0%, rgba(185,179,132,0.13), transparent 36%),
        rgba(185,179,132,0.075) !important;

    border: 1px solid rgba(185,179,132,0.18) !important;
}

.sxreg-alert-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 34px !important;

    width: 34px !important;
    height: 34px !important;

    border-radius: 10px !important;

    font-size: 14px !important;
}

.sxreg-alert-danger .sxreg-alert-icon {
    background: rgba(203,102,102,0.12) !important;
    border: 1px solid rgba(203,102,102,0.23) !important;
    color: #ffd0d0 !important;
}

.sxreg-alert-note .sxreg-alert-icon {
    background: rgba(185,179,132,0.11) !important;
    border: 1px solid rgba(185,179,132,0.22) !important;
    color: #e3eaa9 !important;
}

.sxreg-alert-text {
    min-width: 0 !important;

    color: #cfcfcf !important;

    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

.sxreg-alert-text b {
    display: block !important;

    margin-bottom: 3px !important;

    color: #e3eaa9 !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxreg-alert-danger .sxreg-alert-text b {
    color: #ffd0d0 !important;
}

.sxreg-alert-text span {
    display: block !important;
}

/* form */
.sxreg-form {
    width: 100% !important;
}

.sxreg-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.sxreg-field {
    margin-bottom: 12px !important;
}

.sxreg-field label {
    display: block !important;

    margin: 0 0 6px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.sxreg-field input[type="text"],
.sxreg-field input[type="email"],
.sxreg-field input[type="password"],
.sxreg-field textarea,
.sxreg-field select,
.sxreg-code input,
.sxreg-xfields input[type="text"],
.sxreg-xfields input[type="email"],
.sxreg-xfields input[type="password"],
.sxreg-xfields select,
.sxreg-xfields textarea {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 10px !important;

    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 0 0 0 rgba(185,179,132,0) !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        box-shadow .15s ease !important;
}

.sxreg-field input[type="text"],
.sxreg-field input[type="email"],
.sxreg-field input[type="password"],
.sxreg-field select,
.sxreg-code input,
.sxreg-xfields input[type="text"],
.sxreg-xfields input[type="email"],
.sxreg-xfields input[type="password"],
.sxreg-xfields select {
    height: 41px !important;
    padding: 0 12px !important;
}

.sxreg-field textarea,
.sxreg-xfields textarea {
    min-height: 130px !important;
    padding: 11px 12px !important;

    resize: vertical !important;
}

.sxreg-field input::placeholder,
.sxreg-field textarea::placeholder,
.sxreg-code input::placeholder,
.sxreg-xfields input::placeholder,
.sxreg-xfields textarea::placeholder {
    color: #6f6f6f !important;
}

.sxreg-field input:focus,
.sxreg-field textarea:focus,
.sxreg-field select:focus,
.sxreg-code input:focus,
.sxreg-xfields input:focus,
.sxreg-xfields textarea:focus,
.sxreg-xfields select:focus {
    background: #202020 !important;
    border-color: rgba(185,179,132,0.35) !important;

    box-shadow: 0 0 0 3px rgba(185,179,132,0.08) !important;
}

/* login check */
.sxreg-login-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
}

.sxreg-login-check input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxreg-check-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    flex: 0 0 auto !important;

    height: 41px !important;
    padding: 0 12px !important;

    border-radius: 10px !important;

    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #d6d09f !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease !important;
}

.sxreg-check-btn:hover {
    background: rgba(185,179,132,0.16) !important;
    border-color: rgba(185,179,132,0.30) !important;
    color: #e3eaa9 !important;
    transform: translateY(-1px) !important;
}

.sxreg-check-result,
#result-registration {
    margin-top: 6px !important;

    color: #a8a8a8 !important;

    font-size: 12.5px !important;
    line-height: 1.35 !important;
}

/* captcha */
.sxreg-code {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    width: 100% !important;
}

.sxreg-code-img {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    min-width: 122px !important;
    min-height: 41px !important;

    padding: 4px !important;

    border-radius: 10px !important;

    background: #181818 !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    overflow: hidden !important;
}

.sxreg-code-img img {
    display: block !important;

    max-width: 100% !important;
    height: auto !important;
}

.sxreg-code input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxreg-recaptcha {
    overflow: hidden !important;
}

/* file */
.sxreg-file-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-height: 44px !important;
    padding: 9px 10px !important;

    border-radius: 11px !important;

    background: #1d1d1d !important;
    border: 1px dashed rgba(185,179,132,0.22) !important;

    color: #9e9e9e !important;
}

.sxreg-file-box i {
    color: #b9b384 !important;
    font-size: 14px !important;
}

.sxreg-file-box input[type="file"] {
    width: 100% !important;

    color: #aaa !important;

    font-size: 13px !important;
}

.sxreg-file-box input[type="file"]::file-selector-button {
    margin-right: 10px !important;
    padding: 7px 10px !important;

    border-radius: 8px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.20) !important;

    color: #d6d09f !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 850 !important;

    cursor: pointer !important;
}

/* xfields */
.sxreg-xfields-box {
    width: 100% !important;

    padding: 11px !important;

    border-radius: 12px !important;

    background: rgba(0,0,0,0.12) !important;
    border: 1px solid rgba(255,255,255,0.055) !important;
}

.sxreg-xfields table,
.sxreg-xfields .xfields {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;

    background: transparent !important;
}

.sxreg-xfields tr,
.sxreg-xfields td {
    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}

.sxreg-xfields td {
    margin-bottom: 10px !important;
}

.sxreg-xfields td:last-child {
    margin-bottom: 0 !important;
}

.sxreg-xfields b,
.sxreg-xfields strong {
    display: block !important;

    margin-bottom: 6px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

/* submit */
.sxreg-submit-row {
    display: flex !important;
    justify-content: flex-end !important;

    margin-top: 4px !important;
    padding-top: 14px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxreg-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 42px !important;
    padding: 0 16px !important;

    border-radius: 11px !important;

    background:
        linear-gradient(180deg, rgba(139,205,111,0.20), rgba(139,205,111,0.09)),
        #263024 !important;

    border: 1px solid rgba(139,205,111,0.30) !important;

    color: #b8ee9d !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    box-shadow: 0 9px 18px rgba(0,0,0,0.20) !important;

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

.sxreg-submit:hover {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.28), rgba(139,205,111,0.13)),
        #2d3b29 !important;

    border-color: rgba(139,205,111,0.45) !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 12px 24px rgba(0,0,0,0.25) !important;
}

/* old template reset */
.page_form__inner,
.page_form__form,
.page_form__inner .ui-form,
.page_form__inner .form-group,
.page_form__inner .form_submit,
.page_form__inner .regtext {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.page_form__inner .ui-form li {
    list-style: none !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxreg-head {
        align-items: flex-start !important;
        padding: 14px !important;
    }

    .sxreg-icon {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;

        border-radius: 12px !important;

        font-size: 16px !important;
    }

    .sxreg-title h1 {
        font-size: 21px !important;
    }

    .sxreg-title p {
        font-size: 13.5px !important;
    }

    .sxreg-body {
        padding: 14px !important;
    }

    .sxreg-alert {
        padding: 11px !important;
    }

    .sxreg-grid {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .sxreg-login-check {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxreg-check-btn {
        width: 100% !important;
    }

    .sxreg-code {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxreg-code-img {
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .sxreg-submit-row {
        justify-content: stretch !important;
    }

    .sxreg-submit {
        width: 100% !important;
    }
}
/* =========================================================
   RELATED NEWS ITEM
========================================================= */

.sxrn-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;
    width: 100% !important;

    border-radius: 13px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.055), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 10px 22px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease !important;
}

.sxrn-card:hover {
    transform: translateY(-2px) !important;

    border-color: rgba(185,179,132,0.20) !important;

    box-shadow:
        0 14px 28px rgba(0,0,0,0.26),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

/* image */
.sxrn-media {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    aspect-ratio: 16 / 9 !important;

    background: #181818 !important;

    overflow: hidden !important;

    text-decoration: none !important;
}

.sxrn-img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transition:
        transform .22s ease,
        filter .22s ease,
        opacity .22s ease !important;
}

.sxrn-card:hover .sxrn-img {
    transform: scale(1.035) !important;
}

/* blur / nsfw */
.sxrn-card-blur .sxrn-img {
    filter: blur(5px) brightness(.78) !important;
    transform: scale(1.04) !important;
}

.sxrn-card-blur:hover .sxrn-img {
    filter: blur(4px) brightness(.84) !important;
    transform: scale(1.065) !important;
}

.sxrn-blur-mark {
    position: absolute !important;
    right: 8px !important;
    top: 8px !important;
    z-index: 2 !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    min-height: 24px !important;
    padding: 0 8px !important;

    border-radius: 999px !important;

    background: rgba(25,25,25,0.72) !important;
    border: 1px solid rgba(203,102,102,0.30) !important;

    color: #ffd0d0 !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.sxrn-blur-mark i {
    font-size: 10px !important;
}

/* body */
.sxrn-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;

    min-width: 0 !important;

    padding: 10px !important;
}

.sxrn-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    min-height: 36px !important;

    color: #e0e0e0 !important;

    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.28 !important;

    text-decoration: none !important;

    overflow: hidden !important;
}

.sxrn-title:hover {
    color: #e3eaa9 !important;
}

.sxrn-cat {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    width: fit-content !important;
    max-width: 100% !important;

    min-height: 25px !important;
    padding: 0 8px !important;

    border-radius: 8px !important;

    background: rgba(185,179,132,0.08) !important;
    border: 1px solid rgba(185,179,132,0.13) !important;

    color: #b9b384 !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-decoration: none !important;
}

.sxrn-cat i {
    flex: 0 0 auto !important;

    color: #b9b384 !important;

    font-size: 11px !important;
}

.sxrn-cat span {
    min-width: 0 !important;

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

.sxrn-cat:hover {
    background: rgba(185,179,132,0.14) !important;
    border-color: rgba(185,179,132,0.24) !important;
    color: #e3eaa9 !important;
}

/* old related reset */
.filekmodpj,
.sukjopanalpj,
.siktext,
.siktitlepj,
.sikcat,
.aimgjz,
.imgfozapj {
    float: none !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    text-align: left !important;
}

/* если related выводится старым контейнером */
.sxfs-related-grid .sxrn-card,
.sxfs-related-list .sxrn-card,
.relatednews .sxrn-card,
#related_news .sxrn-card {
    height: 100% !important;
}

/* parent grid safety */
.sxfs-related-grid,
.sxfs-related-list,
.relatednews,
#related_news {
    min-width: 0 !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxrn-body {
        padding: 9px !important;
    }

    .sxrn-title {
        min-height: auto !important;

        font-size: 13.5px !important;
    }

    .sxrn-cat {
        max-width: 100% !important;
    }
}
/* =========================================================
   RELATED NEWS — compact grid
========================================================= */

/* родитель похожих материалов */
.sxfs-related-grid,
.sxfs-related-list,
.relatednews,
#related_news,
#related-news,
.related-news,
.related_news {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* если DLE оборачивает каждый материал в div */
.sxfs-related-grid > *,
.sxfs-related-list > *,
.relatednews > *,
#related_news > *,
#related-news > *,
.related-news > *,
.related_news > * {
    min-width: 0 !important;
    max-width: 100% !important;
}

/* сама карточка */
.sxrn-card {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 12px !important;
}

/* картинка меньше по высоте */
.sxrn-media {
    aspect-ratio: 16 / 10 !important;
    max-height: 150px !important;
}

/* если картинка всё равно тянется */
.sxrn-img {
    width: 100% !important;
    height: 100% !important;
    max-height: 150px !important;

    object-fit: cover !important;
}

/* текст компактнее */
.sxrn-body {
    gap: 7px !important;
    padding: 9px !important;
}

.sxrn-title {
    min-height: auto !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    font-size: 13.5px !important;
    line-height: 1.25 !important;

    overflow: hidden !important;
}

.sxrn-cat {
    min-height: 23px !important;
    padding: 0 7px !important;

    font-size: 11.5px !important;
}

/* если внутри related есть старые wrapper-блоки */
.filekmodpj {
    width: 100% !important;
    max-width: 100% !important;
}

/* адаптив */
@media (max-width: 1100px) {
    .sxfs-related-grid,
    .sxfs-related-list,
    .relatednews,
    #related_news,
    #related-news,
    .related-news,
    .related_news {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .sxfs-related-grid,
    .sxfs-related-list,
    .relatednews,
    #related_news,
    #related-news,
    .related-news,
    .related_news {
        grid-template-columns: 1fr !important;
    }

    .sxrn-media {
        max-height: 180px !important;
    }

    .sxrn-img {
        max-height: 180px !important;
    }
}
/* =========================================================
   NAVIGATION / PAGINATION
========================================================= */

.sxnav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;

    box-sizing: border-box !important;
}

.sxnav *,
.sxnav *::before,
.sxnav *::after {
    box-sizing: border-box !important;
}

/* ссылки и активная страница */
.sxnav a,
.sxnav span,
.sxnav b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 34px !important;
    height: 34px !important;

    padding: 0 10px !important;

    border-radius: 10px !important;

    background: #242424 !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    color: #b9b9b9 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 8px 18px rgba(0,0,0,0.12) !important;

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

.sxnav a:hover {
    background: rgba(185,179,132,0.10) !important;
    border-color: rgba(185,179,132,0.22) !important;

    color: #e3eaa9 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 10px 22px rgba(0,0,0,0.18) !important;
}

/* текущая страница */
.sxnav span,
.sxnav b,
.sxnav .current,
.sxnav .active,
.sxnav .navigation_current {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.20), rgba(185,179,132,0.09)),
        #2b2b2b !important;

    border-color: rgba(185,179,132,0.30) !important;

    color: #e3eaa9 !important;

    cursor: default !important;
}

/* многоточие */
.sxnav .nav_ext,
.sxnav .pages_ext,
.sxnav .dots {
    min-width: 28px !important;

    background: transparent !important;
    border-color: transparent !important;

    color: #777 !important;

    box-shadow: none !important;
}

/* вперед / назад, если DLE выводит текстом */
.sxnav a[title],
.sxnav .prev,
.sxnav .next {
    width: auto !important;
}

/* чтобы старые стили DLE не делали общий фон */
.pages-navigation {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.pages-navigation > * {
    margin: 0 !important;
}

/* старые классы навигации */
.navigation,
.navigation a,
.navigation span,
.pnext,
.pprev {
    box-sizing: border-box !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxnav {
        gap: 6px !important;
        margin-top: 13px !important;
    }

    .sxnav a,
    .sxnav span,
    .sxnav b {
        min-width: 32px !important;
        height: 32px !important;

        padding: 0 9px !important;

        border-radius: 9px !important;

        font-size: 12.5px !important;
    }
}
/* =========================================================
   SEARCH TEMPLATE
========================================================= */

#fullsearch {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

.sxsr-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #d4d4d4 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}

.sxsr-page *,
.sxsr-page *::before,
.sxsr-page *::after {
    box-sizing: border-box !important;
}

/* head */
.sxsr-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    margin: 0 0 13px !important;
    padding: 16px !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 10% 0%, rgba(185,179,132,0.13), transparent 38%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.17) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.sxsr-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 48px !important;

    width: 48px !important;
    height: 48px !important;

    border-radius: 14px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.23) !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.sxsr-title {
    min-width: 0 !important;
}

.sxsr-title h1 {
    margin: 0 0 4px !important;

    color: #e3eaa9 !important;

    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.sxsr-title p {
    margin: 0 !important;

    color: #a8a8a8 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* card */
.sxsr-card {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 16px !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.055), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;
}

/* simple search */
.sxsr-simple {
    width: 100% !important;
}

.sxsr-search-line {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
}

.sxsr-search-line input[type="text"],
.sxsr-search-line input[type="search"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* extended */
.sxsr-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
}

.sxsr-box {
    min-width: 0 !important;

    margin: 0 !important;
    padding: 13px !important;

    border-radius: 13px !important;

    background: rgba(0,0,0,0.12) !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

.sxsr-box-wide {
    grid-column: 1 / -1 !important;
}

.sxsr-box legend {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    padding: 0 8px !important;

    color: #e3eaa9 !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxsr-box legend i {
    color: #b9b384 !important;
    font-size: 13px !important;
}

/* fields */
.sxsr-field {
    width: 100% !important;
    margin: 0 !important;
}

.sxsr-field + .sxsr-field {
    margin-top: 10px !important;
}

.sxsr-field label {
    display: block !important;

    margin: 0 0 6px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.sxsr-page input[type="text"],
.sxsr-page input[type="search"],
.sxsr-page input[type="password"],
.sxsr-page select,
.sxsr-page textarea {
    max-width: 100% !important;

    border-radius: 10px !important;

    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 0 0 0 rgba(185,179,132,0) !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        box-shadow .15s ease !important;
}

.sxsr-page input[type="text"],
.sxsr-page input[type="search"],
.sxsr-page input[type="password"],
.sxsr-page select {
    height: 40px !important;
    padding: 0 12px !important;
}

.sxsr-page textarea {
    min-height: 120px !important;
    padding: 11px 12px !important;
    resize: vertical !important;
}

.sxsr-page input[type="text"]:focus,
.sxsr-page input[type="search"]:focus,
.sxsr-page input[type="password"]:focus,
.sxsr-page select:focus,
.sxsr-page textarea:focus {
    background: #202020 !important;
    border-color: rgba(185,179,132,0.35) !important;
    box-shadow: 0 0 0 3px rgba(185,179,132,0.08) !important;
}

.sxsr-page input::placeholder,
.sxsr-page textarea::placeholder {
    color: #6f6f6f !important;
}

/* options */
.sxsr-options {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    margin-top: 9px !important;

    color: #bdbdbd !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
}

.sxsr-inline-options {
    margin-top: 0 !important;
}

.sxsr-options label,
.sxsr-user-field label,
.sxsr-check-line {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    margin: 0 !important;

    color: #bdbdbd !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    cursor: pointer !important;
}

.sxsr-page input[type="radio"],
.sxsr-page input[type="checkbox"] {
    accent-color: #b9b384 !important;
}

.sxsr-user-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.sxsr-user-field input[type="text"] {
    width: 100% !important;
}

.sxsr-category-box {
    max-height: 280px !important;

    padding: 10px !important;

    border-radius: 11px !important;

    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    overflow: auto !important;
}

.sxsr-category-box select {
    width: 100% !important;
}

/* category scrollbar */
.sxsr-category-box::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

.sxsr-category-box::-webkit-scrollbar-track {
    background: #181818 !important;
    border-radius: 999px !important;
}

.sxsr-category-box::-webkit-scrollbar-thumb {
    background: rgba(185,179,132,0.34) !important;
    border-radius: 999px !important;
}

.sxsr-category-box::-webkit-scrollbar-thumb:hover {
    background: rgba(227,234,169,0.44) !important;
}

/* buttons */
.sxsr-submit-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    margin-top: 14px !important;
    padding-top: 14px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxsr-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 39px !important;
    padding: 0 13px !important;

    border-radius: 10px !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    cursor: pointer !important;

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

.sxsr-btn-main {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.20), rgba(139,205,111,0.09)),
        #263024 !important;

    border: 1px solid rgba(139,205,111,0.30) !important;

    color: #b8ee9d !important;

    box-shadow: 0 8px 18px rgba(0,0,0,0.18) !important;
}

.sxsr-btn-main:hover {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.28), rgba(139,205,111,0.13)),
        #2d3b29 !important;

    border-color: rgba(139,205,111,0.45) !important;

    transform: translateY(-1px) !important;
}

.sxsr-btn-secondary {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.18), rgba(185,179,132,0.08)),
        #2a2a2a !important;

    border: 1px solid rgba(185,179,132,0.24) !important;

    color: #e3eaa9 !important;
}

.sxsr-btn-secondary:hover {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.27), rgba(185,179,132,0.12)),
        #303030 !important;

    border-color: rgba(185,179,132,0.38) !important;

    transform: translateY(-1px) !important;
}

.sxsr-btn-muted {
    background: #252525 !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #aaa !important;
}

.sxsr-btn-muted:hover {
    background: #2b2b2b !important;
    border-color: rgba(255,255,255,0.12) !important;

    color: #d2d2d2 !important;

    transform: translateY(-1px) !important;
}

/* result message */
.sxsr-result-msg {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;

    margin-top: 12px !important;
    padding: 12px 13px !important;

    border-radius: 13px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.10), transparent 36%),
        #242424 !important;

    border: 1px solid rgba(185,179,132,0.16) !important;

    color: #cfcfcf !important;

    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

.sxsr-result-msg i {
    margin-top: 2px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
}

/* old reset */
.searchpage.box,
.searchpage .box_in,
.searchpage .searchtable,
.searchpage table,
.searchpage td,
.searchpage fieldset {
    float: none !important;

    background: transparent !important;
    box-shadow: none !important;

    color: inherit !important;
}

.searchpage table {
    border-collapse: collapse !important;
}

.searchpage td {
    padding: 0 !important;
    border: 0 !important;
}

/* mobile */
@media (max-width: 900px) {
    .sxsr-grid {
        grid-template-columns: 1fr !important;
    }

    .sxsr-search-line {
        flex-wrap: wrap !important;
    }

    .sxsr-search-line input[type="text"],
    .sxsr-search-line input[type="search"] {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .sxsr-search-line .sxsr-btn {
        flex: 1 1 auto !important;
    }
}

@media (max-width: 620px) {
    .sxsr-head {
        align-items: flex-start !important;

        padding: 14px !important;
    }

    .sxsr-icon {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;

        border-radius: 12px !important;

        font-size: 16px !important;
    }

    .sxsr-title h1 {
        font-size: 21px !important;
    }

    .sxsr-title p {
        font-size: 13.5px !important;
    }

    .sxsr-card {
        padding: 13px !important;
    }

    .sxsr-submit-row {
        align-items: stretch !important;
        justify-content: stretch !important;
    }

    .sxsr-btn,
    .sxsr-search-line .sxsr-btn {
        width: 100% !important;
        flex-basis: 100% !important;
    }
}
/* =========================================================
   SEARCH PAGE — full width inside materials grid
========================================================= */

/* форма поиска не должна вставать в одну сетку с материалами */
.sxm-entries #dle-content > .sxsr-page,
.sxm-entries #dle-content > article.sxsr-page,
.sxm-entries #dle-content > .searchpage {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 14px !important;
}

/* сообщение с количеством результатов тоже на всю ширину */
.sxm-entries #dle-content > .sxsr-result-msg,
.sxm-entries #dle-content > .search_result_num {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: 100% !important;
}

/* если DLE оборачивает поиск в дополнительные блоки */
.sxm-entries #dle-content > #fullsearch,
.sxm-entries #dle-content > #searchtable,
.sxm-entries #dle-content > .searchtable {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: 100% !important;
}

/* сам блок поиска делаем компактнее */
.sxm-entries #dle-content .sxsr-page {
    display: block !important;
}

.sxm-entries #dle-content .sxsr-head {
    margin-bottom: 10px !important;
}

.sxm-entries #dle-content .sxsr-card {
    padding: 14px !important;
}

/* чтобы после поиска карточки материалов снова шли нормальной сеткой */
.sxm-entries #dle-content > .sxss-card {
    grid-column: auto !important;
}
/* =========================================================
   MATERIALS GRID — extra DLE sections
========================================================= */

.sxm-entries {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.sxm-entries #dle-content {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

.sxm-entries #dle-content > * {
    min-width: 0 !important;
    max-width: 100% !important;
}

.sxm-entries #dle-content > .sxss-card {
    width: 100% !important;
    max-width: 100% !important;
}

/* форма поиска и системные блоки должны быть на всю ширину */
.sxm-entries #dle-content > .sxsr-page,
.sxm-entries #dle-content > .sxinfo-page,
.sxm-entries #dle-content > .berrors,
.sxm-entries #dle-content > .search_result_num,
.sxm-entries #dle-content > .navigation,
.sxm-entries #dle-content > .sxnav {
    grid-column: 1 / -1 !important;
}

/* если DLE в закладках/авторских страницах выводит старые обертки */
.sxm-entries #dle-content > .box,
.sxm-entries #dle-content > .story {
    max-width: 100% !important;
}

/* адаптив */
@media (max-width: 1100px) {
    .sxm-entries #dle-content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .sxm-entries #dle-content {
        grid-template-columns: 1fr !important;
    }
}
/* =========================================================
   USERINFO — profile page inside materials grid
========================================================= */

/* сам профиль пользователя не должен становиться маленькой карточкой сетки */
.sxm-entries #dle-content > .userinfo,
.sxm-entries #dle-content > .user-info,
.sxm-entries #dle-content > .userprofile,
.sxm-entries #dle-content > .profile-page,
.sxm-entries #dle-content > .profile_box,
.sxm-entries #dle-content > .profilebox,
.sxm-entries #dle-content > .statistics,
.sxm-entries #dle-content > .pm_status,
.sxm-entries #dle-content > .berrors,
.sxm-entries #dle-content > .sxinfo-page {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: 100% !important;
}

/* если внутри профиля есть заголовки/служебные блоки */
.sxm-entries #dle-content > h1,
.sxm-entries #dle-content > h2,
.sxm-entries #dle-content > .title,
.sxm-entries #dle-content > .speedbar,
.sxm-entries #dle-content > .navigation,
.sxm-entries #dle-content > .sxnav,
.sxm-entries #dle-content > .sxm-bottom-nav {
    grid-column: 1 / -1 !important;
}

/* материалы пользователя внутри профиля остаются сеткой */
.sxm-entries #dle-content > .sxss-card {
    grid-column: auto !important;

    width: 100% !important;
    max-width: 100% !important;
}
/* =========================================================
   SEARCH RESULTS
========================================================= */

.sxsrp-card,
.sxsrc-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    border-radius: 14px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.06), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 12px 26px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}

/* короткие результаты поиска должны идти списком, не карточками сетки */
.sxm-entries #dle-content > .sxsrp-card,
.sxm-entries #dle-content > .sxsrc-card {
    grid-column: 1 / -1 !important;
}

.sxsrp-fixed {
    border-color: rgba(185,179,132,0.20) !important;
}

/* post result */
.sxsrp-main {
    padding: 13px 14px !important;
}

.sxsrp-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;

    margin-bottom: 8px !important;
}

.sxsrp-title {
    min-width: 0 !important;

    margin: 0 !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

.sxsrp-title a {
    color: #e3eaa9 !important;
    text-decoration: none !important;
}

.sxsrp-title a:hover {
    color: #f0f5bd !important;
}

.sxsrp-badges {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 6px !important;

    flex: 0 0 auto !important;
}

.sxsrp-badge,
.sxsrp-edit {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    min-height: 25px !important;
    padding: 0 8px !important;

    border-radius: 8px !important;

    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

.sxsrp-badge {
    background: rgba(185,179,132,0.11) !important;
    border: 1px solid rgba(185,179,132,0.20) !important;
    color: #d6d09f !important;
}

.sxsrp-edit {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.07) !important;
    color: #aaa !important;
}

.sxsrp-edit a {
    color: inherit !important;
    text-decoration: none !important;
}

.sxsrp-edit:hover {
    background: rgba(185,179,132,0.10) !important;
    border-color: rgba(185,179,132,0.20) !important;
    color: #e3eaa9 !important;
}

.sxsrp-text {
    color: #cfcfcf !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;

    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.sxsrp-text a {
    color: #d6d09f !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(214,208,159,0.35) !important;
    text-underline-offset: 3px !important;
}

/* meta */
.sxsrp-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    padding: 9px 14px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
    background: rgba(0,0,0,0.08) !important;
}

.sxsrp-meta-left,
.sxsrp-meta-right {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    min-width: 0 !important;
}

.sxsrp-meta-left span,
.sxsrp-cat {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    color: #9f9f9f !important;

    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}

.sxsrp-meta-left i,
.sxsrp-cat i {
    color: #b9b384 !important;
    font-size: 12px !important;
}

.sxsrp-cat {
    min-height: 25px !important;
    padding: 0 8px !important;

    border-radius: 8px !important;

    background: rgba(185,179,132,0.08) !important;
    border: 1px solid rgba(185,179,132,0.13) !important;

    color: #b9b384 !important;
}

.sxsrp-cat:hover {
    background: rgba(185,179,132,0.14) !important;
    border-color: rgba(185,179,132,0.24) !important;
    color: #e3eaa9 !important;
}

/* comment result */
.sxsrc-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;

    padding: 13px 14px !important;
}

.sxsrc-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;

    border-radius: 12px !important;

    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #e3eaa9 !important;

    font-size: 15px !important;
}

.sxsrc-content {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.sxsrc-title {
    margin: 0 0 7px !important;

    color: #e3eaa9 !important;

    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

.sxsrc-text {
    color: #cfcfcf !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;

    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.sxsrc-text a {
    color: #d6d09f !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(214,208,159,0.35) !important;
    text-underline-offset: 3px !important;
}

/* reset old search result */
.sxsrp-card.box,
.sxsrp-card.story,
.sxsrp-card .box_in,
.sxsrp-card .meta,
.sxsrp-card .story_icons,
.sxsrc-card.comment,
.sxsrc-card .com_content {
    float: none !important;
    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    list-style: none !important;
}

/* mobile */
@media (max-width: 700px) {
    .sxsrp-head,
    .sxsrp-meta {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sxsrp-badges {
        justify-content: flex-start !important;
    }

    .sxsrc-card {
        gap: 10px !important;
        padding: 12px !important;
    }

    .sxsrc-icon {
        flex-basis: 34px !important;
        width: 34px !important;
        height: 34px !important;

        border-radius: 10px !important;
    }

    .sxsrp-title {
        font-size: 16px !important;
    }

    .sxsrc-title {
        font-size: 15px !important;
    }
}
/* =========================================================
   STATIC PAGE
========================================================= */

.sxst-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #d4d4d4 !important;

    box-sizing: border-box !important;
}

.sxst-page *,
.sxst-page *::before,
.sxst-page *::after {
    box-sizing: border-box !important;
}

/* header */
.sxst-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    width: 100% !important;

    margin: 0 0 13px !important;
    padding: 16px !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 10% 0%, rgba(185,179,132,0.13), transparent 38%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.17) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.sxst-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 48px !important;

    width: 48px !important;
    height: 48px !important;

    border-radius: 14px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.23) !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.sxst-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxst-title h1 {
    margin: 0 0 4px !important;

    color: #e3eaa9 !important;

    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.sxst-title p {
    margin: 0 !important;

    color: #a8a8a8 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* edit */
.sxst-edit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    flex: 0 0 auto !important;

    min-height: 34px !important;
    padding: 0 11px !important;

    border-radius: 10px !important;

    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #d6d09f !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease !important;
}

.sxst-edit:hover {
    background: rgba(185,179,132,0.16) !important;
    border-color: rgba(185,179,132,0.30) !important;

    color: #e3eaa9 !important;

    transform: translateY(-1px) !important;
}

.sxst-edit a {
    color: inherit !important;
    text-decoration: none !important;
}

/* content card */
.sxst-card {
    width: 100% !important;
    max-width: 100% !important;

    padding: 16px !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.055), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;
}

/* text */
.sxst-text {
    width: 100% !important;
    max-width: 100% !important;

    color: #d1d1d1 !important;

    font-size: 14.5px !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;

    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.sxst-text p {
    margin: 0 0 12px !important;
}

.sxst-text p:last-child {
    margin-bottom: 0 !important;
}

.sxst-text h1,
.sxst-text h2,
.sxst-text h3,
.sxst-text h4 {
    margin: 18px 0 10px !important;

    color: #e3eaa9 !important;

    font-weight: 900 !important;
    line-height: 1.25 !important;
}

.sxst-text h1 {
    font-size: 23px !important;
}

.sxst-text h2 {
    font-size: 20px !important;
}

.sxst-text h3 {
    font-size: 18px !important;
}

.sxst-text h4 {
    font-size: 16px !important;
}

.sxst-text a {
    color: #d6d09f !important;

    text-decoration: underline !important;
    text-decoration-color: rgba(214,208,159,0.35) !important;
    text-underline-offset: 3px !important;
}

.sxst-text a:hover {
    color: #e3eaa9 !important;
    text-decoration-color: rgba(227,234,169,0.60) !important;
}

.sxst-text b,
.sxst-text strong {
    color: #e3eaa9 !important;
    font-weight: 850 !important;
}

.sxst-text ul,
.sxst-text ol {
    margin: 10px 0 13px 20px !important;
    padding: 0 !important;
}

.sxst-text li {
    margin: 5px 0 !important;
    padding: 0 !important;
}

.sxst-text blockquote,
.sxst-text .quote {
    margin: 13px 0 !important;
    padding: 11px 13px !important;

    border-radius: 12px !important;

    background: rgba(0,0,0,0.18) !important;
    border-left: 3px solid rgba(185,179,132,0.38) !important;

    color: #cfcfcf !important;
}

/* images / media */
.sxst-text img,
.sxst-text video,
.sxst-text iframe {
    max-width: 100% !important;
}

.sxst-text img,
.sxst-text video {
    height: auto !important;

    border-radius: 12px !important;
}

.sxst-text iframe {
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}

/* tables */
.sxst-text table {
    width: 100% !important;
    max-width: 100% !important;

    margin: 14px 0 !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    background: #202020 !important;
    border: 1px solid rgba(255,255,255,0.07) !important;

    border-radius: 12px !important;

    overflow: hidden !important;
}

.sxst-text table th,
.sxst-text table td {
    padding: 9px 10px !important;

    border: 1px solid rgba(255,255,255,0.06) !important;

    color: #d0d0d0 !important;

    font-size: 13.5px !important;
    line-height: 1.4 !important;
}

.sxst-text table th {
    background: rgba(185,179,132,0.10) !important;
    color: #e3eaa9 !important;

    font-weight: 850 !important;
}

/* pages */
.sxst-pages {
    margin-top: 15px !important;
    padding-top: 14px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxst-pages:empty {
    display: none !important;
}

.sxst-pages a,
.sxst-pages span,
.sxst-pages b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 32px !important;
    height: 32px !important;

    margin: 3px !important;
    padding: 0 9px !important;

    border-radius: 9px !important;

    background: #242424 !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    color: #b9b9b9 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    text-decoration: none !important;
}

.sxst-pages a:hover,
.sxst-pages b,
.sxst-pages span {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.20), rgba(185,179,132,0.09)),
        #2b2b2b !important;

    border-color: rgba(185,179,132,0.30) !important;

    color: #e3eaa9 !important;
}

/* old reset */
.sxst-page.box,
.sxst-page.story,
.sxst-page .box_in,
.sxst-page .text,
.sxst-page .title {
    float: none !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* если static вдруг попал в сетку материалов */
.sxm-entries #dle-content > .sxst-page {
    grid-column: 1 / -1 !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxst-head {
        align-items: flex-start !important;

        padding: 14px !important;
    }

    .sxst-icon {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;

        border-radius: 12px !important;

        font-size: 16px !important;
    }

    .sxst-title h1 {
        font-size: 21px !important;
    }

    .sxst-title p {
        font-size: 13.5px !important;
    }

    .sxst-edit span {
        display: none !important;
    }

    .sxst-card {
        padding: 14px !important;
    }

    .sxst-text {
        font-size: 14px !important;
        line-height: 1.58 !important;
    }

    .sxst-text table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
}
/* =========================================================
   STATS PAGE
========================================================= */

.sxstat-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #d4d4d4 !important;

    box-sizing: border-box !important;
}

.sxstat-page *,
.sxstat-page *::before,
.sxstat-page *::after {
    box-sizing: border-box !important;
}

/* head */
.sxstat-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    width: 100% !important;

    margin: 0 0 13px !important;
    padding: 16px !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 10% 0%, rgba(185,179,132,0.13), transparent 38%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.17) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.sxstat-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 48px !important;

    width: 48px !important;
    height: 48px !important;

    border-radius: 14px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.23) !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.035) !important;
}

.sxstat-title {
    min-width: 0 !important;
}

.sxstat-title h1 {
    margin: 0 0 4px !important;

    color: #e3eaa9 !important;

    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.sxstat-title p {
    margin: 0 !important;

    color: #a8a8a8 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* periods */
.sxstat-periods {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;

    margin: 0 0 13px !important;
}

.sxstat-period {
    display: flex !important;
    align-items: flex-start !important;
    gap: 11px !important;

    min-width: 0 !important;
    min-height: 92px !important;

    padding: 13px !important;

    border-radius: 14px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.08), transparent 36%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.sxstat-period-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 38px !important;

    width: 38px !important;
    height: 38px !important;

    border-radius: 12px !important;

    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #e3eaa9 !important;

    font-size: 15px !important;
}

.sxstat-period-text {
    min-width: 0 !important;
}

.sxstat-period-text b {
    display: block !important;

    margin-bottom: 5px !important;

    color: #e3eaa9 !important;

    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxstat-period-text span {
    display: block !important;

    color: #bdbdbd !important;

    font-size: 13.5px !important;
    font-weight: 400 !important;
    line-height: 1.38 !important;
}

/* main card */
.sxstat-card,
.sxstat-top-card {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.055), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;
}

.sxstat-card {
    margin-bottom: 13px !important;
    padding: 14px !important;
}

.sxstat-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;
}

.sxstat-group {
    min-width: 0 !important;

    padding: 12px !important;

    border-radius: 13px !important;

    background: rgba(0,0,0,0.13) !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.025) !important;
}

.sxstat-group-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin-bottom: 10px !important;
}

.sxstat-group-head i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 30px !important;
    height: 30px !important;

    border-radius: 10px !important;

    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.16) !important;

    color: #b9b384 !important;

    font-size: 13px !important;
}

.sxstat-group-head h2 {
    margin: 0 !important;

    color: #e3eaa9 !important;

    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxstat-group ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.sxstat-group li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    min-height: 34px !important;

    padding: 7px 0 !important;

    border-top: 1px solid rgba(255,255,255,0.045) !important;

    color: #bdbdbd !important;

    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.sxstat-group li:first-child {
    border-top: 0 !important;
}

.sxstat-group li span {
    min-width: 0 !important;
}

.sxstat-group li b {
    flex: 0 0 auto !important;

    min-width: 34px !important;

    color: #e3eaa9 !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    text-align: right !important;
}

.sxstat-group li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    width: 100% !important;

    color: #d6d09f !important;

    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
}

.sxstat-group li a:hover {
    color: #e3eaa9 !important;
}

.sxstat-group li a i {
    font-size: 11px !important;
}

/* database */
.sxstat-db {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    margin-top: 13px !important;
    padding: 11px 12px !important;

    border-radius: 12px !important;

    background: rgba(185,179,132,0.075) !important;
    border: 1px solid rgba(185,179,132,0.15) !important;

    color: #bdbdbd !important;

    font-size: 13.5px !important;
    line-height: 1.3 !important;
}

.sxstat-db i {
    color: #b9b384 !important;
    font-size: 13px !important;
}

.sxstat-db b {
    color: #e3eaa9 !important;
    font-weight: 900 !important;
}

/* top users */
.sxstat-top-card {
    padding: 0 !important;
}

.sxstat-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding: 14px 16px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxstat-section-head h2 {
    margin: 0 0 3px !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxstat-section-head p {
    margin: 0 !important;

    color: #8f8f8f !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

.sxstat-section-head > i {
    color: #d6d09f !important;
    font-size: 18px !important;
}

.sxstat-users-table {
    width: 100% !important;
    max-width: 100% !important;

    padding: 12px !important;

    overflow-x: auto !important;
}

.sxstat-users-table::-webkit-scrollbar {
    height: 8px !important;
}

.sxstat-users-table::-webkit-scrollbar-track {
    background: #181818 !important;
    border-radius: 999px !important;
}

.sxstat-users-table::-webkit-scrollbar-thumb {
    background: rgba(185,179,132,0.34) !important;
    border-radius: 999px !important;
}

.sxstat-users-table table,
.sxstat-users-table .userstop {
    width: 100% !important;
    min-width: 520px !important;

    margin: 0 !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    background: transparent !important;
}

.sxstat-users-table tr {
    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxstat-users-table tr:first-child {
    border-top: 0 !important;
}

.sxstat-users-table td,
.sxstat-users-table th {
    padding: 9px 10px !important;

    color: #cfcfcf !important;

    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;

    vertical-align: middle !important;
}

.sxstat-users-table th {
    color: #e3eaa9 !important;
    font-weight: 850 !important;
}

.sxstat-users-table a {
    color: #d6d09f !important;
    text-decoration: none !important;
}

.sxstat-users-table a:hover {
    color: #e3eaa9 !important;
}

.sxstat-users-table img {
    max-width: 38px !important;
    max-height: 38px !important;

    border-radius: 10px !important;

    object-fit: cover !important;
}

/* old reset */
.sxstat-page.box,
.sxstat-page.story,
.sxstat-page .box_in,
.sxstat-page .dark_top,
.sxstat-page .stats_head,
.sxstat-page .statistics,
.sxstat-page .stat_group,
.sxstat-page .table_top_users {
    float: none !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sxstat-page ul,
.sxstat-page li {
    list-style: none !important;
}

/* если stats попал в сетку материалов */
.sxm-entries #dle-content > .sxstat-page {
    grid-column: 1 / -1 !important;
}

/* mobile */
@media (max-width: 1000px) {
    .sxstat-periods,
    .sxstat-grid {
        grid-template-columns: 1fr !important;
    }

    .sxstat-period {
        min-height: auto !important;
    }
}

@media (max-width: 760px) {
    .sxstat-head {
        align-items: flex-start !important;

        padding: 14px !important;
    }

    .sxstat-icon {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;

        border-radius: 12px !important;

        font-size: 16px !important;
    }

    .sxstat-title h1 {
        font-size: 21px !important;
    }

    .sxstat-title p {
        font-size: 13.5px !important;
    }

    .sxstat-card {
        padding: 12px !important;
    }

    .sxstat-section-head {
        padding: 13px 14px !important;
    }

    .sxstat-users-table {
        padding: 10px !important;
    }
}
/* =========================================================
   USERINFO PAGE
========================================================= */

.sxuf-page {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #d4d4d4 !important;

    box-sizing: border-box !important;
}

.sxuf-page *,
.sxuf-page *::before,
.sxuf-page *::after {
    box-sizing: border-box !important;
}

/* tabs */
.sxuf-tabs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    margin: 0 0 12px !important;
    padding: 0 !important;
}

.sxuf-tab {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 38px !important;
    padding: 0 13px !important;

    border-radius: 11px !important;

    background: #242424 !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    color: #b9b9b9 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 8px 18px rgba(0,0,0,0.12) !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease,
        transform .15s ease !important;
}

.sxuf-tab:hover,
.sxuf-tab.is-active {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.20), rgba(185,179,132,0.09)),
        #2b2b2b !important;

    border-color: rgba(185,179,132,0.30) !important;

    color: #e3eaa9 !important;

    transform: translateY(-1px) !important;
}

/* shell */
.sxuf-shell {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sxuf-pane {
    width: 100% !important;
}

/* hero */
.sxuf-hero {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 13px !important;

    width: 100% !important;

    margin-bottom: 13px !important;
}

.sxuf-avatar-card,
.sxuf-hero-main,
.sxuf-card,
.sxuf-settings,
.sxuf-stat {
    border-radius: 16px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.09), transparent 36%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.15) !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;

    overflow: hidden !important;
}

.sxuf-avatar-card {
    padding: 16px !important;
    text-align: center !important;
}

.sxuf-avatar {
    width: 168px !important;
    height: 168px !important;

    margin: 0 auto 12px !important;

    border-radius: 24px !important;

    background:
        radial-gradient(circle at 35% 20%, rgba(185,179,132,0.16), transparent 44%),
        #1d1d1d !important;

    border: 1px solid rgba(185,179,132,0.25) !important;

    overflow: hidden !important;

    box-shadow:
        0 14px 30px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.sxuf-avatar img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}

.sxuf-status {
    display: flex !important;
    justify-content: center !important;

    margin-bottom: 10px !important;
}

.sxuf-online,
.sxuf-offline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    min-height: 27px !important;
    padding: 0 10px !important;

    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.sxuf-online {
    background: rgba(139,205,111,0.12) !important;
    border: 1px solid rgba(139,205,111,0.25) !important;
    color: #9bd67c !important;
}

.sxuf-offline {
    background: rgba(150,150,150,0.10) !important;
    border: 1px solid rgba(150,150,150,0.16) !important;
    color: #aaa !important;
}

.sxuf-online i,
.sxuf-offline i {
    font-size: 7px !important;
}

.sxuf-pm {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    width: 100% !important;
    min-height: 38px !important;

    border-radius: 11px !important;

    background:
        linear-gradient(180deg, rgba(185,179,132,0.18), rgba(185,179,132,0.08)),
        #2a2a2a !important;

    border: 1px solid rgba(185,179,132,0.24) !important;

    color: #e3eaa9 !important;

    font-size: 13px !important;
    font-weight: 850 !important;

    cursor: pointer !important;
}

.sxuf-pm a {
    color: inherit !important;
    text-decoration: none !important;
}

.sxuf-pm span {
    color: #aaa !important;
    font-size: 12px !important;
}

/* main profile */
.sxuf-hero-main {
    padding: 16px !important;
}

.sxuf-name-row {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding-bottom: 13px !important;
    margin-bottom: 13px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxuf-name-row h1 {
    margin: 0 0 5px !important;

    color: #e3eaa9 !important;

    font-size: 30px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
}

.sxuf-name-row p {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    margin: 0 !important;

    color: #aaa !important;

    font-size: 14px !important;
    font-weight: 600 !important;
}

.sxuf-name-row p i {
    color: #b9b384 !important;
    font-size: 13px !important;
}

.sxuf-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    flex: 0 0 auto !important;

    min-height: 34px !important;
    padding: 0 10px !important;

    border-radius: 10px !important;

    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #e3eaa9 !important;

    font-size: 13px !important;
    font-weight: 900 !important;
}

.sxuf-rating b {
    color: #e3eaa9 !important;
    font-weight: 900 !important;
}

.sxuf-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

.sxuf-info-item {
    min-width: 0 !important;

    padding: 10px 11px !important;

    border-radius: 12px !important;

    background: rgba(0,0,0,0.13) !important;
    border: 1px solid rgba(255,255,255,0.055) !important;
}

.sxuf-info-wide {
    grid-column: 1 / -1 !important;
}

.sxuf-info-item span {
    display: block !important;

    margin-bottom: 4px !important;

    color: #8f8f8f !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.sxuf-info-item b {
    display: block !important;

    color: #d8d8d8 !important;

    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;

    word-break: break-word !important;
}

.sxuf-boosty {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    color: #e3eaa9 !important;

    font-size: 14px !important;
    font-weight: 850 !important;

    text-decoration: none !important;
}

/* cards */
.sxuf-card {
    margin-bottom: 13px !important;
}

.sxuf-card-head {
    padding: 13px 15px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxuf-card-head h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 !important;

    color: #e3eaa9 !important;

    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxuf-card-head h2 i {
    color: #b9b384 !important;
    font-size: 14px !important;
}

.sxuf-text,
.sxuf-awards {
    padding: 14px 15px !important;

    color: #cfcfcf !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.sxuf-text a,
.sxuf-awards a {
    color: #d6d09f !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(214,208,159,0.35) !important;
    text-underline-offset: 3px !important;
}

/* stats */
.sxuf-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;

    margin-bottom: 13px !important;
}

.sxuf-stat {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;

    min-height: 76px !important;
    padding: 14px !important;

    color: #d4d4d4 !important;

    text-decoration: none !important;

    transition:
        transform .15s ease,
        border-color .15s ease,
        background .15s ease !important;
}

.sxuf-stat:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(185,179,132,0.28) !important;
}

.sxuf-stat i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    height: 40px !important;

    border-radius: 12px !important;

    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #e3eaa9 !important;

    font-size: 15px !important;
}

.sxuf-stat span {
    flex: 1 1 auto !important;

    color: #aaa !important;

    font-size: 13px !important;
    font-weight: 800 !important;
}

.sxuf-stat b {
    color: #e3eaa9 !important;

    font-size: 22px !important;
    font-weight: 950 !important;
}

/* settings */
.sxuf-settings {
    overflow: hidden !important;
}

.sxuf-settings-head {
    padding: 16px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxuf-settings-head h2 {
    margin: 0 0 4px !important;

    color: #e3eaa9 !important;

    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxuf-settings-head p {
    margin: 0 !important;

    color: #9f9f9f !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
}

.sxuf-form {
    padding: 16px !important;
}

.sxuf-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.sxuf-field {
    margin-bottom: 12px !important;
}

.sxuf-field label {
    display: block !important;

    margin: 0 0 6px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.sxuf-field input[type="text"],
.sxuf-field input[type="email"],
.sxuf-field input[type="password"],
.sxuf-field select,
.sxuf-field textarea,
.sxuf-xfields input[type="text"],
.sxuf-xfields input[type="email"],
.sxuf-xfields input[type="password"],
.sxuf-xfields select,
.sxuf-xfields textarea {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 10px !important;

    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 0 0 0 rgba(185,179,132,0) !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        box-shadow .15s ease !important;
}

.sxuf-field input[type="text"],
.sxuf-field input[type="email"],
.sxuf-field input[type="password"],
.sxuf-field select,
.sxuf-xfields input[type="text"],
.sxuf-xfields input[type="email"],
.sxuf-xfields input[type="password"],
.sxuf-xfields select {
    height: 41px !important;
    padding: 0 12px !important;
}

.sxuf-field textarea,
.sxuf-xfields textarea {
    min-height: 120px !important;
    padding: 11px 12px !important;

    resize: vertical !important;
}

.sxuf-field input:focus,
.sxuf-field select:focus,
.sxuf-field textarea:focus,
.sxuf-xfields input:focus,
.sxuf-xfields select:focus,
.sxuf-xfields textarea:focus {
    background: #202020 !important;
    border-color: rgba(185,179,132,0.35) !important;

    box-shadow: 0 0 0 3px rgba(185,179,132,0.08) !important;
}

.sxuf-field input::placeholder,
.sxuf-field textarea::placeholder {
    color: #6f6f6f !important;
}

/* separator */
.sxuf-separator {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    margin: 15px 0 12px !important;

    color: #e3eaa9 !important;

    font-size: 13px !important;
    font-weight: 900 !important;
}

.sxuf-separator::before,
.sxuf-separator::after {
    content: "" !important;

    height: 1px !important;

    background: rgba(255,255,255,0.07) !important;

    flex: 1 1 auto !important;
}

.sxuf-separator span {
    flex: 0 0 auto !important;
}

/* checkboxes */
.sxuf-checkbox,
.sxuf-checks {
    color: #bdbdbd !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
}

.sxuf-checkbox {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    margin-top: 7px !important;
}

.sxuf-checkbox label {
    margin: 0 !important;

    color: #bdbdbd !important;

    font-size: 13px !important;
    font-weight: 650 !important;
}

.sxuf-checkbox input[type="checkbox"],
.sxuf-checks input[type="checkbox"] {
    accent-color: #b9b384 !important;
}

.sxuf-checks {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;

    margin-top: 12px !important;
}

.sxuf-checks .sxuf-checkbox {
    margin: 0 !important;
    padding: 10px !important;

    border-radius: 11px !important;

    background: rgba(0,0,0,0.12) !important;
    border: 1px solid rgba(255,255,255,0.055) !important;
}

/* file */
.sxuf-file-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    min-height: 44px !important;
    padding: 9px 10px !important;

    border-radius: 11px !important;

    background: #1d1d1d !important;
    border: 1px dashed rgba(185,179,132,0.22) !important;

    color: #9e9e9e !important;
}

.sxuf-file-box i {
    color: #b9b384 !important;
    font-size: 14px !important;
}

.sxuf-file-box input[type="file"] {
    width: 100% !important;

    color: #aaa !important;

    font-size: 13px !important;
}

.sxuf-file-box input[type="file"]::file-selector-button {
    margin-right: 10px !important;
    padding: 7px 10px !important;

    border-radius: 8px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.20) !important;

    color: #d6d09f !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 850 !important;

    cursor: pointer !important;
}

/* xfields */
.sxuf-xfields-box {
    width: 100% !important;

    padding: 11px !important;

    border-radius: 12px !important;

    background: rgba(0,0,0,0.12) !important;
    border: 1px solid rgba(255,255,255,0.055) !important;
}

.sxuf-xfields table,
.sxuf-xfields .xfields {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-collapse: collapse !important;

    background: transparent !important;
}

.sxuf-xfields tr,
.sxuf-xfields td {
    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}

.sxuf-xfields td {
    margin-bottom: 10px !important;
}

.sxuf-xfields td:last-child {
    margin-bottom: 0 !important;
}

.sxuf-xfields b,
.sxuf-xfields strong {
    display: block !important;

    margin-bottom: 6px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

/* submit */
.sxuf-submit-row {
    display: flex !important;
    justify-content: flex-end !important;

    margin-top: 15px !important;
    padding-top: 14px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxuf-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 42px !important;
    padding: 0 16px !important;

    border-radius: 11px !important;

    background:
        linear-gradient(180deg, rgba(139,205,111,0.20), rgba(139,205,111,0.09)),
        #263024 !important;

    border: 1px solid rgba(139,205,111,0.30) !important;

    color: #b8ee9d !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    box-shadow: 0 9px 18px rgba(0,0,0,0.20) !important;

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

.sxuf-submit:hover {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.28), rgba(139,205,111,0.13)),
        #2d3b29 !important;

    border-color: rgba(139,205,111,0.45) !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 12px 24px rgba(0,0,0,0.25) !important;
}

/* old reset */
.ufx-page,
.ufx-page.box,
.ufx-page.story,
.ufx-page .ufx-shell,
.ufx-page .ufx-box,
.ufx-page .box_in,
.ufx-page .addform,
.ufx-page .ui-form,
.ufx-page .form-group,
.ufx-page .form_submit {
    float: none !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    list-style: none !important;
}

.ufx-page ul,
.ufx-page li {
    list-style: none !important;
}

/* если профиль попал в общую сетку */
.sxm-entries #dle-content > .sxuf-page,
.sxm-entries #dle-content > .ufx-page {
    grid-column: 1 / -1 !important;
}

/* mobile */
@media (max-width: 960px) {
    .sxuf-hero {
        grid-template-columns: 1fr !important;
    }

    .sxuf-avatar {
        width: 140px !important;
        height: 140px !important;
    }
}

@media (max-width: 760px) {
    .sxuf-page {
        max-width: 100% !important;
    }

    .sxuf-tabs {
        align-items: stretch !important;
    }

    .sxuf-tab {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .sxuf-name-row {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sxuf-name-row h1 {
        font-size: 24px !important;
    }

    .sxuf-info-grid,
    .sxuf-stats,
    .sxuf-form-grid,
    .sxuf-checks {
        grid-template-columns: 1fr !important;
    }

    .sxuf-hero-main,
    .sxuf-avatar-card,
    .sxuf-form {
        padding: 14px !important;
    }

    .sxuf-submit-row {
        justify-content: stretch !important;
    }

    .sxuf-submit {
        width: 100% !important;
    }
}
/* =========================================================
   USERINFO FIX — profile full width, materials below
========================================================= */

/* сам профиль должен занимать всю строку сетки */
.sxm-entries > .sxuf-page,
.sxm-entries > .ufx-page,
.sxm-entries > .ufx-switch,
.sxm-entries > .userinfo,
.sxm-entries > .profile,
.sxm-entries > .profile-page,
.sxm-entries > .userprofile,
.sxm-entries #dle-content > .sxuf-page,
.sxm-entries #dle-content > .ufx-page,
.sxm-entries #dle-content > .ufx-switch,
.sxm-entries #dle-content > .userinfo,
.sxm-entries #dle-content > .profile,
.sxm-entries #dle-content > .profile-page,
.sxm-entries #dle-content > .userprofile {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* если DLE оборачивает профиль в form */
.sxm-entries > form:has(.sxuf-page),
.sxm-entries > form:has(.ufx-page),
.sxm-entries #dle-content > form:has(.sxuf-page),
.sxm-entries #dle-content > form:has(.ufx-page) {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* профиль не должен быть узким */
.sxuf-page {
    width: 100% !important;
    max-width: 100% !important;

    grid-column: 1 / -1 !important;
}

/* внутри профиля возвращаем нормальную ширину колонок */
.sxuf-hero {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    align-items: stretch !important;
}

/* чтобы текст не ломался по буквам */
.sxuf-info-item,
.sxuf-info-item b,
.sxuf-info-item span,
.sxuf-name-row,
.sxuf-hero-main {
    min-width: 0 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

.sxuf-info-item b {
    white-space: normal !important;
}

/* карточки материалов пользователя должны начинаться ниже профиля */
.sxm-entries > .sxss-card,
.sxm-entries #dle-content > .sxss-card {
    grid-column: auto !important;

    width: 100% !important;
    max-width: 100% !important;
}

/* если рядом с профилем попала первая карточка — принудительно переносим */
.sxuf-page + .sxss-card,
.ufx-page + .sxss-card,
form:has(.sxuf-page) + .sxss-card,
form:has(.ufx-page) + .sxss-card {
    grid-column: auto !important;
}

/* мобильная версия */
@media (max-width: 960px) {
    .sxuf-hero {
        grid-template-columns: 1fr !important;
    }
}
/* =========================================================
   USERINFO — AWARDS NORMAL VIEW
========================================================= */

.sxuf-awards {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 14px 15px !important;

    box-sizing: border-box !important;
}

.sxuf-awards .awards-block,
.sxuf-awards .sxawards-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

.sxuf-awards .sxaward,
.sxuf-awards .award {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 92px !important;

    margin: 0 !important;
    padding: 10px !important;

    border-radius: 13px !important;

    background:
        radial-gradient(circle at 25% 0%, rgba(185,179,132,0.12), transparent 42%),
        rgba(0,0,0,0.14) !important;

    border: 1px solid rgba(255,255,255,0.060) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 8px 18px rgba(0,0,0,0.16) !important;

    box-sizing: border-box !important;

    transition:
        transform .15s ease,
        border-color .15s ease,
        background .15s ease !important;
}

.sxuf-awards .sxaward:hover,
.sxuf-awards .award:hover {
    transform: translateY(-2px) !important;

    background:
        radial-gradient(circle at 25% 0%, rgba(185,179,132,0.18), transparent 42%),
        rgba(185,179,132,0.07) !important;

    border-color: rgba(185,179,132,0.24) !important;
}

.sxaward-iconbox {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 70px !important;

    width: 70px !important;
    height: 70px !important;

    border-radius: 12px !important;

    background: rgba(0,0,0,0.14) !important;
    border: 1px solid rgba(255,255,255,0.045) !important;

    overflow: hidden !important;
}

.sxuf-awards img,
.sxuf-awards .award-icon,
.sxuf-awards .sxaward-icon {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 62px !important;
    max-height: 62px !important;

    margin: 0 auto !important;

    object-fit: contain !important;
}

.sxaward-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxaward-title {
    margin-bottom: 4px !important;

    color: #e3eaa9 !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

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

.sxaward-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    margin-bottom: 6px !important;

    color: #bdbdbd !important;

    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;

    overflow: hidden !important;
}

.sxaward-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;

    color: #8f8f8f !important;

    font-size: 11.5px !important;
    line-height: 1.2 !important;
}

.sxaward-meta span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;

    min-width: 0 !important;

    color: #8f8f8f !important;
}

.sxaward-meta i {
    color: #b9b384 !important;
    font-size: 10px !important;
}

/* пустой блок */
.sxuf-awards .awards-empty {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 78px !important;

    border-radius: 12px !important;

    background: rgba(0,0,0,0.12) !important;
    border: 1px dashed rgba(185,179,132,0.18) !important;

    color: #8f8f8f !important;

    font-size: 13px !important;
    font-weight: 700 !important;
}

/* если старый модуль вставляет br */
.sxuf-awards br {
    display: none !important;
}

/* mobile */
@media (max-width: 900px) {
    .sxuf-awards .awards-block,
    .sxuf-awards .sxawards-list {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 520px) {
    .sxuf-awards {
        padding: 12px !important;
    }

    .sxuf-awards .sxaward,
    .sxuf-awards .award {
        align-items: flex-start !important;
        gap: 9px !important;

        min-height: 82px !important;
        padding: 9px !important;
    }

    .sxaward-iconbox {
        flex-basis: 58px !important;

        width: 58px !important;
        height: 58px !important;
    }

    .sxuf-awards img,
    .sxuf-awards .award-icon,
    .sxuf-awards .sxaward-icon {
        max-width: 52px !important;
        max-height: 52px !important;
    }

    .sxaward-title {
        font-size: 13.5px !important;
    }

    .sxaward-desc {
        font-size: 12px !important;
    }
}
/* =========================================================
   ADD COMMENTS — TinyMCE dark editor
========================================================= */

.sxac-editor {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 12px !important;
    overflow: hidden !important;

    background: #1d1d1d !important;
}

/* общий контейнер TinyMCE */
.sxac-editor .mce-tinymce,
.sxac-editor .mce-container,
.sxac-editor .mce-panel {
    background: #1d1d1d !important;
    border-color: rgba(255,255,255,0.075) !important;

    color: #d7d7d7 !important;

    box-shadow: none !important;
}

/* внешний контейнер */
.sxac-editor .mce-tinymce {
    width: 100% !important;

    border: 1px solid rgba(255,255,255,0.075) !important;
    border-radius: 12px !important;

    overflow: hidden !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 10px 24px rgba(0,0,0,0.16) !important;
}

/* верхняя панель */
.sxac-editor .mce-top-part,
.sxac-editor .mce-toolbar-grp {
    background:
        linear-gradient(180deg, #292929 0%, #222222 100%) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.075) !important;

    box-shadow: none !important;
}

.sxac-editor .mce-top-part::before {
    display: none !important;
}

/* группы кнопок */
.sxac-editor .mce-toolbar,
.sxac-editor .mce-flow-layout,
.sxac-editor .mce-btn-group {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sxac-editor .mce-btn-group {
    padding: 4px 3px !important;
}

/* кнопки */
.sxac-editor .mce-btn {
    margin: 2px !important;

    border-radius: 7px !important;

    background: transparent !important;
    border: 1px solid transparent !important;

    box-shadow: none !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}

.sxac-editor .mce-btn button {
    min-width: 28px !important;
    height: 28px !important;

    padding: 0 7px !important;

    color: #cfcfcf !important;
}

.sxac-editor .mce-btn:hover,
.sxac-editor .mce-btn:focus,
.sxac-editor .mce-btn.mce-active,
.sxac-editor .mce-btn.mce-active:hover {
    background: rgba(185,179,132,0.12) !important;
    border-color: rgba(185,179,132,0.22) !important;

    box-shadow: none !important;
}

/* иконки TinyMCE */
.sxac-editor .mce-ico {
    color: #cfcfcf !important;
    text-shadow: none !important;
}

.sxac-editor .mce-btn:hover .mce-ico,
.sxac-editor .mce-btn.mce-active .mce-ico {
    color: #e3eaa9 !important;
}

/* разделители */
.sxac-editor .mce-container-body,
.sxac-editor .mce-stack-layout,
.sxac-editor .mce-flow-layout-item {
    background: transparent !important;
}

/* область ввода */
.sxac-editor .mce-edit-area {
    background: #1d1d1d !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.sxac-editor .mce-edit-area iframe,
.sxac-editor iframe#comments_ifr {
    display: block !important;

    width: 100% !important;

    background: #1d1d1d !important;
    border: 0 !important;
}

/* нижние/служебные панели, если появятся */
.sxac-editor .mce-statusbar,
.sxac-editor .mce-path,
.sxac-editor .mce-branding {
    background: #202020 !important;
    border-color: rgba(255,255,255,0.06) !important;

    color: #8f8f8f !important;
}

/* выпадающие окна TinyMCE */
.mce-menu,
.mce-menu .mce-container,
.mce-menu .mce-panel {
    background: #242424 !important;
    border-color: rgba(255,255,255,0.08) !important;

    color: #d7d7d7 !important;
}

.mce-menu-item {
    background: transparent !important;
    color: #d7d7d7 !important;
}

.mce-menu-item:hover,
.mce-menu-item.mce-selected,
.mce-menu-item:focus {
    background: rgba(185,179,132,0.12) !important;
    color: #e3eaa9 !important;
}

.mce-menu-item .mce-text {
    color: inherit !important;
}

/* модальные окна TinyMCE */
.mce-window {
    background:
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.18) !important;
    border-radius: 14px !important;

    box-shadow: 0 24px 70px rgba(0,0,0,0.55) !important;
}

.mce-window-head {
    background: #242424 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.mce-window-head .mce-title {
    color: #e3eaa9 !important;
}

.mce-window-body {
    background: #202020 !important;
    color: #d7d7d7 !important;
}

/* поля внутри окон TinyMCE */
.mce-window input,
.mce-window textarea,
.mce-window select {
    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    border-radius: 8px !important;
}

/* кнопки в окнах TinyMCE */
.mce-window .mce-btn {
    background: #2a2a2a !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    border-radius: 8px !important;
}

.mce-window .mce-primary {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.20), rgba(185,179,132,0.09)),
        #2a2a2a !important;

    border-color: rgba(185,179,132,0.28) !important;
}

.mce-window .mce-btn button {
    color: #e3eaa9 !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxac-editor .mce-btn button {
        min-width: 26px !important;
        height: 26px !important;

        padding: 0 6px !important;
    }

    .sxac-editor .mce-btn-group {
        padding: 3px 2px !important;
    }
}
.hint {background: #282828; width: auto; max-width: 900px; color: #ababab; font-size: 12px; border: 1px solid #303030; border-left: 3px solid #908956; margin: 0; padding: 6px; position: absolute; visibility: hidden; border-radius: 4px; z-index: 10000 !important;}

/* =========================================================
   PRIVATE MESSAGES PAGE
========================================================= */

.sxpm-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #d4d4d4 !important;

    box-sizing: border-box !important;
}

.sxpm-page *,
.sxpm-page *::before,
.sxpm-page *::after {
    box-sizing: border-box !important;
}

/* head */
.sxpm-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    margin: 0 0 12px !important;
    padding: 16px !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 10% 0%, rgba(185,179,132,0.13), transparent 38%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.17) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.sxpm-head-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 48px !important;

    width: 48px !important;
    height: 48px !important;

    border-radius: 14px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.23) !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;
}

.sxpm-head-text h1 {
    margin: 0 0 4px !important;

    color: #e3eaa9 !important;

    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

.sxpm-head-text p {
    margin: 0 !important;

    color: #a8a8a8 !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* nav */
.sxpm-nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    margin: 0 0 12px !important;
}

.sxpm-nav-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 38px !important;
    padding: 0 13px !important;

    border-radius: 11px !important;

    background: #242424 !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    color: #b9b9b9 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 8px 18px rgba(0,0,0,0.12) !important;
}

.sxpm-nav-item a {
    color: inherit !important;
    text-decoration: none !important;
}

.sxpm-nav-item:hover,
.sxpm-nav-new {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.20), rgba(185,179,132,0.09)),
        #2b2b2b !important;

    border-color: rgba(185,179,132,0.30) !important;

    color: #e3eaa9 !important;
}

/* cards */
.sxpm-card {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 13px !important;

    border-radius: 15px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.055), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;
}

.sxpm-card-head {
    padding: 14px 16px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxpm-card-head h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 0 3px !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxpm-card-head h2 i {
    color: #b9b384 !important;
    font-size: 14px !important;
}

.sxpm-card-head p {
    margin: 0 !important;

    color: #8f8f8f !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
}

/* pmlist */
.sxpm-list {
    padding: 12px !important;

    overflow-x: auto !important;
}

.sxpm-list table {
    width: 100% !important;
    min-width: 620px !important;

    margin: 0 !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    background: transparent !important;
}

.sxpm-list tr {
    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxpm-list tr:first-child {
    border-top: 0 !important;
}

.sxpm-list td,
.sxpm-list th {
    padding: 10px !important;

    color: #cfcfcf !important;

    font-size: 13.5px !important;
    line-height: 1.35 !important;

    vertical-align: middle !important;
}

.sxpm-list th {
    color: #e3eaa9 !important;
    font-weight: 850 !important;
}

.sxpm-list a {
    color: #d6d09f !important;
    text-decoration: none !important;
}

.sxpm-list a:hover {
    color: #e3eaa9 !important;
}

.sxpm-list img {
    max-width: 38px !important;
    max-height: 38px !important;

    border-radius: 10px !important;
    object-fit: cover !important;
}

/* form */
.sxpm-form {
    padding: 16px !important;
}

.sxpm-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

.sxpm-field {
    margin-bottom: 12px !important;
}

.sxpm-field label {
    display: block !important;

    margin: 0 0 6px !important;

    color: #b9b384 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.sxpm-field input[type="text"],
.sxpm-field input[type="email"],
.sxpm-field input[type="password"],
.sxpm-field select,
.sxpm-field textarea,
.sxpm-captcha input {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 10px !important;

    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    outline: none !important;
}

.sxpm-field input[type="text"],
.sxpm-field input[type="email"],
.sxpm-field input[type="password"],
.sxpm-field select,
.sxpm-captcha input {
    height: 41px !important;
    padding: 0 12px !important;
}

.sxpm-field textarea {
    min-height: 150px !important;
    padding: 11px 12px !important;
}

.sxpm-field input:focus,
.sxpm-field select:focus,
.sxpm-field textarea:focus,
.sxpm-captcha input:focus {
    background: #202020 !important;
    border-color: rgba(185,179,132,0.35) !important;

    box-shadow: 0 0 0 3px rgba(185,179,132,0.08) !important;
}

/* check */
.sxpm-checkline {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 10px 0 12px !important;

    color: #bdbdbd !important;

    font-size: 13px !important;
    font-weight: 650 !important;

    cursor: pointer !important;
}

.sxpm-checkline input {
    accent-color: #b9b384 !important;
}

/* TinyMCE PM editor */
.sxpm-editor {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 12px !important;
    overflow: hidden !important;

    background: #1d1d1d !important;
}

.sxpm-editor .mce-tinymce,
.sxpm-editor .mce-container,
.sxpm-editor .mce-panel {
    background: #1d1d1d !important;
    border-color: rgba(255,255,255,0.075) !important;

    color: #d7d7d7 !important;

    box-shadow: none !important;
}

.sxpm-editor .mce-tinymce {
    width: 100% !important;

    border: 1px solid rgba(255,255,255,0.075) !important;
    border-radius: 12px !important;

    overflow: hidden !important;
}

.sxpm-editor .mce-top-part,
.sxpm-editor .mce-toolbar-grp {
    background:
        linear-gradient(180deg, #292929 0%, #222222 100%) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.075) !important;

    box-shadow: none !important;
}

.sxpm-editor .mce-top-part::before {
    display: none !important;
}

.sxpm-editor .mce-toolbar,
.sxpm-editor .mce-flow-layout,
.sxpm-editor .mce-btn-group {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sxpm-editor .mce-btn-group {
    padding: 4px 3px !important;
}

.sxpm-editor .mce-btn {
    margin: 2px !important;

    border-radius: 7px !important;

    background: transparent !important;
    border: 1px solid transparent !important;

    box-shadow: none !important;
}

.sxpm-editor .mce-btn button {
    min-width: 28px !important;
    height: 28px !important;

    padding: 0 7px !important;

    color: #cfcfcf !important;
}

.sxpm-editor .mce-btn:hover,
.sxpm-editor .mce-btn:focus,
.sxpm-editor .mce-btn.mce-active,
.sxpm-editor .mce-btn.mce-active:hover {
    background: rgba(185,179,132,0.12) !important;
    border-color: rgba(185,179,132,0.22) !important;
}

.sxpm-editor .mce-ico {
    color: #cfcfcf !important;
    text-shadow: none !important;
}

.sxpm-editor .mce-btn:hover .mce-ico,
.sxpm-editor .mce-btn.mce-active .mce-ico {
    color: #e3eaa9 !important;
}

.sxpm-editor .mce-edit-area {
    background: #1d1d1d !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

.sxpm-editor iframe {
    display: block !important;

    width: 100% !important;

    background: #1d1d1d !important;
    border: 0 !important;
}

/* captcha / submit */
.sxpm-submit-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    margin-top: 14px !important;
    padding-top: 14px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxpm-captcha {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxpm-captcha-img {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 120px !important;
    min-height: 40px !important;

    padding: 4px !important;

    border-radius: 9px !important;

    background: #181818 !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    overflow: hidden !important;
}

.sxpm-submit-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.sxpm-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 41px !important;
    padding: 0 14px !important;

    border-radius: 11px !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    cursor: pointer !important;
}

.sxpm-btn-main {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.20), rgba(139,205,111,0.09)),
        #263024 !important;

    border: 1px solid rgba(139,205,111,0.30) !important;

    color: #b8ee9d !important;
}

.sxpm-btn-ghost {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.18), rgba(185,179,132,0.08)),
        #2a2a2a !important;

    border: 1px solid rgba(185,179,132,0.24) !important;

    color: #e3eaa9 !important;
}

/* read PM */
.sxpm-read {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 13px !important;

    padding: 14px !important;
}

.sxpm-read-avatar {
    width: 72px !important;
    height: 72px !important;

    border-radius: 16px !important;

    background: #1d1d1d !important;
    border: 1px solid rgba(185,179,132,0.20) !important;

    overflow: hidden !important;
}

.sxpm-read-avatar img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}

.sxpm-read-main {
    min-width: 0 !important;
}

.sxpm-read-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;

    margin-bottom: 10px !important;
    padding-bottom: 10px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxpm-read-top h2 {
    margin: 0 0 4px !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxpm-read-top span {
    color: #8f8f8f !important;

    font-size: 13px !important;
}

.sxpm-read-subject {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin-bottom: 10px !important;
    padding: 10px 11px !important;

    border-radius: 11px !important;

    background: rgba(185,179,132,0.08) !important;
    border: 1px solid rgba(185,179,132,0.15) !important;

    color: #e3eaa9 !important;
}

.sxpm-read-text {
    color: #cfcfcf !important;

    font-size: 14px !important;
    line-height: 1.55 !important;

    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.sxpm-read-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    margin-top: 13px !important;
    padding-top: 12px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;
}

.sxpm-action {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    min-height: 31px !important;
    padding: 0 10px !important;

    border-radius: 9px !important;

    background: #252525 !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    color: #aaa !important;

    font-size: 12.5px !important;
    font-weight: 850 !important;

    cursor: pointer !important;
}

.sxpm-action a {
    color: inherit !important;
    text-decoration: none !important;
}

.sxpm-action:hover {
    background: rgba(185,179,132,0.10) !important;
    border-color: rgba(185,179,132,0.20) !important;

    color: #e3eaa9 !important;
}

.sxpm-action-danger {
    color: #d98787 !important;
}

.sxpm-action-reply {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.18), rgba(185,179,132,0.08)),
        #2a2a2a !important;

    border-color: rgba(185,179,132,0.24) !important;

    color: #e3eaa9 !important;
}

/* old reset */
.sxpm-page.box,
.sxpm-page.story,
.sxpm-page .box_in,
.sxpm-page .pmtitles,
.sxpm-page .pmstyn,
.sxpm-page .addform,
.sxpm-page .ui-form,
.sxpm-page .form-group,
.sxpm-page .form_submit,
.sxpm-page .ucomm_block,
.sxpm-page .left,
.sxpm-page .right,
.sxpm-page .mess_cont,
.sxpm-page .top {
    float: none !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    list-style: none !important;
}

.sxpm-page ul,
.sxpm-page li {
    list-style: none !important;
}

/* если PM попал в сетку */
.sxm-entries #dle-content > .sxpm-page,
.sxm-static-content > .sxpm-page {
    grid-column: 1 / -1 !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxpm-head {
        align-items: flex-start !important;
        padding: 14px !important;
    }

    .sxpm-head-icon {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;

        border-radius: 12px !important;

        font-size: 16px !important;
    }

    .sxpm-head-text h1 {
        font-size: 21px !important;
    }

    .sxpm-nav-item {
        width: 100% !important;
    }

    .sxpm-form-grid {
        grid-template-columns: 1fr !important;
    }

    .sxpm-submit-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxpm-captcha {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxpm-submit-buttons,
    .sxpm-btn {
        width: 100% !important;
    }

    .sxpm-read {
        grid-template-columns: 1fr !important;
    }

    .sxpm-read-avatar {
        width: 58px !important;
        height: 58px !important;
    }

    .sxpm-read-actions {
        justify-content: flex-start !important;
    }
}
/* =========================================================
   PM LIST — generated {pmlist} markup
========================================================= */

.sxpm-list .pmx-list-form {
    margin: 0 !important;
    padding: 0 !important;
}

.sxpm-list .pmx-listbox {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 14px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.055), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 10px 24px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;
}

.sxpm-list .pmx-listbox__head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding: 13px 14px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.010)),
        #242424 !important;

    border-bottom: 1px solid rgba(255,255,255,0.060) !important;
}

.sxpm-list .pmx-listbox__title {
    color: #e3eaa9 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxpm-list .pmx-listbox__meta {
    color: #9f9f9f !important;

    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
}

.sxpm-list .pmx-listbox__items {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;

    padding: 12px !important;
}

/* одно сообщение */
.sxpm-list .pmx-msg {
    display: grid !important;
    grid-template-columns: 34px 145px minmax(0, 1fr) 104px !important;
    gap: 10px !important;
    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;

    padding: 11px !important;

    border-radius: 12px !important;

    background:
        radial-gradient(circle at 8% 0%, rgba(185,179,132,0.055), transparent 36%),
        #242424 !important;

    border: 1px solid rgba(255,255,255,0.060) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 7px 16px rgba(0,0,0,0.14) !important;

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

.sxpm-list .pmx-msg:hover {
    background:
        radial-gradient(circle at 8% 0%, rgba(185,179,132,0.10), transparent 36%),
        #292929 !important;

    border-color: rgba(185,179,132,0.20) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 10px 20px rgba(0,0,0,0.20) !important;
}

.sxpm-list .pmx-msg--unread {
    border-left: 3px solid #b9b384 !important;
}

.sxpm-list .pmx-msg--read {
    border-left: 3px solid rgba(255,255,255,0.13) !important;
}

.sxpm-list .pmx-msg--reply {
    border-left: 3px solid #8f7a4f !important;
}

/* чекбокс */
.sxpm-list .pmx-msg__check {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sxpm-list .pmx-mark,
.sxpm-list input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;

    accent-color: #b9b384 !important;

    cursor: pointer !important;
}

/* статус */
.sxpm-list .pmx-msg__state {
    min-width: 0 !important;
}

.sxpm-list .pmx-statebadge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    max-width: 100% !important;

    min-height: 28px !important;
    padding: 0 9px !important;

    border-radius: 999px !important;

    background: rgba(255,255,255,0.035) !important;
    border: 1px solid rgba(255,255,255,0.070) !important;

    color: #bdbdbd !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
}

.sxpm-list .pmx-msg--unread .pmx-statebadge {
    background: rgba(185,179,132,0.11) !important;
    border-color: rgba(185,179,132,0.23) !important;

    color: #e3eaa9 !important;
}

.sxpm-list .pmx-msg--reply .pmx-statebadge {
    background: rgba(143,122,79,0.13) !important;
    border-color: rgba(143,122,79,0.25) !important;

    color: #d8c49a !important;
}

/* основная часть */
.sxpm-list .pmx-msg__main {
    min-width: 0 !important;
}

.sxpm-list .pmx-msg__subject {
    margin: 0 0 6px !important;

    min-width: 0 !important;
}

.sxpm-list .pmx-subjlink {
    display: inline-block !important;

    max-width: 100% !important;

    color: #e3eaa9 !important;

    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;

    text-decoration: none !important;

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

.sxpm-list .pmx-subjlink:hover {
    color: #f0f5bd !important;
}

.sxpm-list .pmx-subjlink--new {
    color: #b8ee9d !important;
}

.sxpm-list .pmx-msg__meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px 13px !important;

    color: #9f9f9f !important;

    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

.sxpm-list .pmx-meta-label {
    color: #777 !important;
    font-weight: 700 !important;
}

.sxpm-list .pmx-userlink {
    color: #d6d09f !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}

.sxpm-list .pmx-userlink:hover {
    color: #e3eaa9 !important;
}

/* открыть */
.sxpm-list .pmx-msg__open {
    text-align: right !important;
}

.sxpm-list .pmx-openbtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 32px !important;
    padding: 0 11px !important;

    border-radius: 9px !important;

    background:
        linear-gradient(180deg, rgba(185,179,132,0.17), rgba(185,179,132,0.07)),
        #2a2a2a !important;

    border: 1px solid rgba(185,179,132,0.20) !important;

    color: #e3eaa9 !important;

    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease !important;
}

.sxpm-list .pmx-openbtn:hover {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.26), rgba(185,179,132,0.11)),
        #303030 !important;

    border-color: rgba(185,179,132,0.34) !important;

    transform: translateY(-1px) !important;
}

/* низ списка */
.sxpm-list .pmx-listbox__footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;

    padding: 13px 14px !important;

    border-top: 1px solid rgba(255,255,255,0.060) !important;

    background: rgba(0,0,0,0.10) !important;
}

.sxpm-list .pmx-listbox__footer-left,
.sxpm-list .pmx-listbox__footer-right,
.sxpm-list .pmx-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
}

.sxpm-list .pmx-master-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    color: #bdbdbd !important;

    font-size: 13px !important;
    font-weight: 650 !important;
}

.sxpm-list .pmx-select {
    min-width: 210px !important;
    height: 38px !important;

    padding: 0 10px !important;

    border-radius: 9px !important;

    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
}

.sxpm-list .pmx-select:focus {
    border-color: rgba(185,179,132,0.35) !important;
    box-shadow: 0 0 0 3px rgba(185,179,132,0.08) !important;
    outline: none !important;
}

.sxpm-list .pmx-submit-btn {
    height: 38px !important;
    padding: 0 14px !important;

    border-radius: 9px !important;

    background:
        linear-gradient(180deg, rgba(139,205,111,0.20), rgba(139,205,111,0.09)),
        #263024 !important;

    border: 1px solid rgba(139,205,111,0.30) !important;

    color: #b8ee9d !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;

    cursor: pointer !important;
}

.sxpm-list .pmx-submit-btn:hover {
    background:
        linear-gradient(180deg, rgba(139,205,111,0.28), rgba(139,205,111,0.13)),
        #2d3b29 !important;

    border-color: rgba(139,205,111,0.45) !important;
}

/* пагинация внутри ЛС */
.sxpm-list .pmx-pages.pages-navigation,
.sxpm-list .pmx-pages {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}

.sxpm-list .pmx-pages a,
.sxpm-list .pmx-pages span,
.sxpm-list .pmx-pages b {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 30px !important;
    height: 30px !important;

    margin: 0 3px 3px 0 !important;
    padding: 0 9px !important;

    border-radius: 8px !important;

    background: #242424 !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    color: #b9b9b9 !important;

    font-size: 12px !important;
    font-weight: 850 !important;

    text-decoration: none !important;
}

.sxpm-list .pmx-pages a:hover,
.sxpm-list .pmx-pages span,
.sxpm-list .pmx-pages b {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.20), rgba(185,179,132,0.09)),
        #2b2b2b !important;

    border-color: rgba(185,179,132,0.30) !important;

    color: #e3eaa9 !important;
}

/* пустой список */
.sxpm-list .pmx-empty {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    min-height: 84px !important;

    padding: 18px !important;

    border-radius: 13px !important;

    background: rgba(0,0,0,0.12) !important;
    border: 1px dashed rgba(185,179,132,0.18) !important;

    color: #9f9f9f !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.sxpm-list .pmx-empty i {
    color: #b9b384 !important;
}

/* если по какой-то причине pmlist выводится без .sxpm-list */
.pmx-listbox {
    box-sizing: border-box !important;
}

.pmx-listbox *,
.pmx-listbox *::before,
.pmx-listbox *::after {
    box-sizing: border-box !important;
}

/* adaptive */
@media (max-width: 980px) {
    .sxpm-list .pmx-msg {
        grid-template-columns: 34px minmax(0, 1fr) !important;
        grid-template-areas:
            "check state"
            "main main"
            "open open" !important;
    }

    .sxpm-list .pmx-msg__check {
        grid-area: check !important;
    }

    .sxpm-list .pmx-msg__state {
        grid-area: state !important;
    }

    .sxpm-list .pmx-msg__main {
        grid-area: main !important;
    }

    .sxpm-list .pmx-msg__open {
        grid-area: open !important;
        text-align: left !important;
    }

    .sxpm-list .pmx-openbtn {
        width: 100% !important;
    }
}

@media (max-width: 640px) {
    .sxpm-list .pmx-listbox__head,
    .sxpm-list .pmx-listbox__footer {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxpm-list .pmx-listbox__footer-left,
    .sxpm-list .pmx-listbox__footer-right,
    .sxpm-list .pmx-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .sxpm-list .pmx-select,
    .sxpm-list .pmx-submit-btn {
        width: 100% !important;
    }

    .sxpm-list .pmx-msg__meta {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 5px !important;
    }
}
/* =========================================================
   SHORTSTORY PUBL — news / guides cards
========================================================= */

.sxpub-card {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    border-radius: 14px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.060), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 12px 26px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease !important;
}

.sxpub-card:hover {
    transform: translateY(-2px) !important;

    border-color: rgba(185,179,132,0.20) !important;

    box-shadow:
        0 15px 30px rgba(0,0,0,0.27),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

/* image */
.sxpub-media {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    aspect-ratio: 16 / 9 !important;

    background: #181818 !important;

    overflow: hidden !important;

    text-decoration: none !important;
}

.sxpub-img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transition:
        transform .22s ease,
        filter .22s ease,
        opacity .22s ease !important;
}

.sxpub-card:hover .sxpub-img {
    transform: scale(1.035) !important;
}

/* type badge */
.sxpub-type {
    position: absolute !important;
    left: 9px !important;
    top: 9px !important;
    z-index: 2 !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    min-height: 25px !important;
    padding: 0 9px !important;

    border-radius: 999px !important;

    background: rgba(25,25,25,0.72) !important;
    border: 1px solid rgba(185,179,132,0.24) !important;

    color: #e3eaa9 !important;

    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.sxpub-type i {
    color: #b9b384 !important;
    font-size: 11px !important;
}

/* body */
.sxpub-body {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    padding: 11px 12px 10px !important;
}

.sxpub-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    min-height: 43px !important;

    margin: 0 0 9px !important;

    color: #e3eaa9 !important;

    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.32 !important;

    text-decoration: none !important;

    overflow: hidden !important;
}

.sxpub-title:hover {
    color: #f0f5bd !important;
}

/* meta */
.sxpub-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    margin-bottom: 9px !important;

    min-width: 0 !important;
}

.sxpub-cat,
.sxpub-date {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    min-height: 25px !important;

    color: #a9a9a9 !important;

    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1 !important;

    text-decoration: none !important;
}

.sxpub-cat {
    max-width: 100% !important;

    padding: 0 8px !important;

    border-radius: 8px !important;

    background: rgba(185,179,132,0.08) !important;
    border: 1px solid rgba(185,179,132,0.13) !important;

    color: #b9b384 !important;
}

.sxpub-cat i,
.sxpub-date i {
    flex: 0 0 auto !important;

    color: #b9b384 !important;

    font-size: 11px !important;
}

.sxpub-cat span {
    min-width: 0 !important;

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

.sxpub-cat:hover {
    background: rgba(185,179,132,0.14) !important;
    border-color: rgba(185,179,132,0.24) !important;

    color: #e3eaa9 !important;
}

/* edit reason */
.sxpub-edit-reason {
    display: flex !important;
    align-items: flex-start !important;
    gap: 7px !important;

    margin: 0 0 9px !important;
    padding: 8px 9px !important;

    border-radius: 10px !important;

    background: rgba(143,211,111,0.075) !important;
    border: 1px solid rgba(143,211,111,0.16) !important;

    color: #9bd67c !important;

    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
}

.sxpub-edit-reason i {
    margin-top: 2px !important;

    color: #8fd36f !important;

    font-size: 12px !important;
}

/* description */
.sxpub-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;

    margin-top: auto !important;

    color: #cfcfcf !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;

    overflow: hidden !important;
}

.sxpub-desc a {
    color: #d6d09f !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(214,208,159,0.35) !important;
    text-underline-offset: 3px !important;
}

/* footer */
.sxpub-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    margin-top: auto !important;
    padding: 9px 12px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;

    background: rgba(0,0,0,0.08) !important;
}

.sxpub-stats,
.sxpub-author {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    min-width: 0 !important;

    color: #9f9f9f !important;

    font-size: 12.5px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

.sxpub-stats span,
.sxpub-author {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.sxpub-stats i,
.sxpub-author i {
    color: #b9b384 !important;
    font-size: 11px !important;
}

.sxpub-author span {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;

    max-width: 178px !important;

    color: #d6d09f !important;

    overflow: hidden !important;
}

/* old reset */
.filekmod,
.sukjopanal,
.siktext,
.siktitle,
.sikcat,
.datemsz,
.messzhfg,
.sujfoter,
.aimgjz,
.imgfoza {
    float: none !important;

    width: auto !important;
    height: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    text-align: left !important;
}

/* если карточка попала в сетку */
.sxm-entries #dle-content > .sxpub-card {
    width: 100% !important;
    max-width: 100% !important;

    grid-column: auto !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxpub-body {
        padding: 10px !important;
    }

    .sxpub-title {
        min-height: auto !important;

        font-size: 15px !important;
    }

    .sxpub-desc {
        -webkit-line-clamp: 4 !important;

        font-size: 13.5px !important;
    }

    .sxpub-footer {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 7px !important;
    }

    .sxpub-author span {
        max-width: 100% !important;
    }
}
/* =========================================================
   FULLSTORY PUBL — news / guides full page
========================================================= */

.sxpubf-page {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #d4d4d4 !important;

    box-sizing: border-box !important;
}

.sxpubf-page *,
.sxpubf-page *::before,
.sxpubf-page *::after {
    box-sizing: border-box !important;
}

/* crumbbar */
.sxpubf-crumbbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    margin: 0 0 12px !important;
    padding: 11px 13px !important;

    border-radius: 13px !important;

    background:
        radial-gradient(circle at 10% 0%, rgba(185,179,132,0.08), transparent 36%),
        #242424 !important;

    border: 1px solid rgba(255,255,255,0.055) !important;
}

.sxpubf-crumb-left {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    min-width: 0 !important;

    color: #8f8f8f !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.sxpubf-crumb-left a,
.sxpubf-cats a {
    color: #b9b384 !important;
    text-decoration: none !important;
}

.sxpubf-crumb-left a:hover,
.sxpubf-cats a:hover {
    color: #e3eaa9 !important;
}

.sxpubf-crumb-left > span {
    color: #666 !important;
}

.sxpubf-cats {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.sxpubf-crumb-right {
    flex: 0 0 auto !important;
}

.sxpubf-add-link,
.sxpubf-locked {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 34px !important;
    padding: 0 11px !important;

    border-radius: 10px !important;

    background:
        linear-gradient(180deg, rgba(139,205,111,0.18), rgba(139,205,111,0.08)),
        #263024 !important;

    border: 1px solid rgba(139,205,111,0.26) !important;

    color: #b8ee9d !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    text-decoration: none !important;
}

.sxpubf-locked {
    background: #252525 !important;
    border-color: rgba(255,255,255,0.075) !important;
    color: #aaa !important;
}

/* head */
.sxpubf-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;

    margin: 0 0 13px !important;
    padding: 16px !important;

    border-radius: 16px !important;

    background:
        radial-gradient(circle at 10% 0%, rgba(185,179,132,0.13), transparent 38%),
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.17) !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.sxpubf-head-main {
    display: flex !important;
    align-items: flex-start !important;
    gap: 13px !important;

    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.sxpubf-type-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 50px !important;

    width: 50px !important;
    height: 50px !important;

    border-radius: 15px !important;

    background: rgba(185,179,132,0.12) !important;
    border: 1px solid rgba(185,179,132,0.23) !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;
}

.sxpubf-title-wrap {
    min-width: 0 !important;
}

.sxpubf-title-wrap h1 {
    margin: 0 0 9px !important;

    color: #e3eaa9 !important;

    font-size: 28px !important;
    font-weight: 950 !important;
    line-height: 1.14 !important;
}

.sxpubf-meta-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    min-width: 0 !important;
}

.sxpubf-meta-row span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    min-height: 27px !important;
    padding: 0 9px !important;

    border-radius: 8px !important;

    background: rgba(0,0,0,0.13) !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    color: #a9a9a9 !important;

    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

.sxpubf-meta-row i {
    color: #b9b384 !important;
    font-size: 12px !important;
}

/* actions */
.sxpubf-head-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    flex: 0 0 auto !important;
    max-width: 42% !important;
}

.sxpubf-author {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    min-height: 34px !important;
    padding: 0 10px !important;

    border-radius: 10px !important;

    background: rgba(185,179,132,0.09) !important;
    border: 1px solid rgba(185,179,132,0.16) !important;

    color: #a9a9a9 !important;

    font-size: 13px !important;
    line-height: 1 !important;
}

.sxpubf-author span {
    color: #8f8f8f !important;
    font-weight: 700 !important;
}

.sxpubf-author b {
    color: #e3eaa9 !important;
    font-weight: 900 !important;
}

.sxpubf-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    min-height: 34px !important;
    padding: 0 7px !important;

    border-radius: 10px !important;

    background: rgba(0,0,0,0.13) !important;
    border: 1px solid rgba(255,255,255,0.060) !important;
}

.sxpubf-rating b {
    min-width: 24px !important;

    color: #e3eaa9 !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.sxpubf-rate-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    min-height: 26px !important;
    padding: 0 8px !important;

    border-radius: 8px !important;

    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    cursor: pointer !important;
}

.sxpubf-rate-plus {
    background: rgba(139,205,111,0.11) !important;
    border: 1px solid rgba(139,205,111,0.22) !important;
    color: #b8ee9d !important;
}

.sxpubf-rate-minus {
    background: rgba(203,102,102,0.11) !important;
    border: 1px solid rgba(203,102,102,0.22) !important;
    color: #ffd0d0 !important;
}

.sxpubf-edit {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    min-height: 34px !important;
    padding: 0 10px !important;

    border-radius: 10px !important;

    background: #252525 !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #aaa !important;

    font-size: 13px !important;
    font-weight: 850 !important;

    cursor: pointer !important;
}

.sxpubf-edit a {
    color: inherit !important;
    text-decoration: none !important;
}

/* poster */
.sxpubf-poster {
    margin: 0 0 13px !important;

    border-radius: 16px !important;

    background: #181818 !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    overflow: hidden !important;

    box-shadow: 0 14px 34px rgba(0,0,0,0.22) !important;
}

.sxpubf-poster-link {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
}

.sxpubf-poster img {
    display: block !important;

    width: 100% !important;
    max-height: 420px !important;

    object-fit: cover !important;
}

/* content */
.sxpubf-content-card,
.sxpubf-comments,
.sxpubf-add-comments {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 13px !important;

    border-radius: 16px !important;

    background:
        radial-gradient(circle at 12% 0%, rgba(185,179,132,0.055), transparent 34%),
        linear-gradient(180deg, #252525 0%, #1f1f1f 100%) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;

    box-shadow:
        0 12px 28px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;

    overflow: hidden !important;
}

.sxpubf-story {
    padding: 17px !important;

    color: #d1d1d1 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.66 !important;

    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

.sxpubf-story p {
    margin: 0 0 13px !important;
}

.sxpubf-story h1,
.sxpubf-story h2,
.sxpubf-story h3,
.sxpubf-story h4 {
    margin: 20px 0 10px !important;

    color: #e3eaa9 !important;

    font-weight: 900 !important;
    line-height: 1.25 !important;
}

.sxpubf-story h1 {
    font-size: 24px !important;
}

.sxpubf-story h2 {
    font-size: 21px !important;
}

.sxpubf-story h3 {
    font-size: 18px !important;
}

.sxpubf-story h4 {
    font-size: 16px !important;
}

.sxpubf-story a {
    color: #d6d09f !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(214,208,159,0.35) !important;
    text-underline-offset: 3px !important;
}

.sxpubf-story a:hover {
    color: #e3eaa9 !important;
    text-decoration-color: rgba(227,234,169,0.60) !important;
}

.sxpubf-story b,
.sxpubf-story strong {
    color: #e3eaa9 !important;
    font-weight: 850 !important;
}

.sxpubf-story ul,
.sxpubf-story ol {
    margin: 10px 0 14px 22px !important;
    padding: 0 !important;
}

.sxpubf-story li {
    margin: 5px 0 !important;
}

.sxpubf-story blockquote,
.sxpubf-story .quote {
    margin: 14px 0 !important;
    padding: 12px 14px !important;

    border-radius: 12px !important;

    background: rgba(0,0,0,0.18) !important;
    border-left: 3px solid rgba(185,179,132,0.38) !important;

    color: #cfcfcf !important;
}

.sxpubf-story img,
.sxpubf-story video,
.sxpubf-story iframe {
    max-width: 100% !important;
}

.sxpubf-story img,
.sxpubf-story video {
    height: auto !important;

    border-radius: 12px !important;
}

.sxpubf-story iframe {
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}

.sxpubf-story img.fr-dib {
    display: block !important;
    margin: 12px auto !important;
}

/* tables in article */
.sxpubf-story table {
    width: 100% !important;
    max-width: 100% !important;

    margin: 14px 0 !important;

    border-collapse: collapse !important;

    background: #202020 !important;
    border: 1px solid rgba(255,255,255,0.07) !important;

    border-radius: 12px !important;

    overflow: hidden !important;
}

.sxpubf-story table th,
.sxpubf-story table td {
    padding: 9px 10px !important;

    border: 1px solid rgba(255,255,255,0.06) !important;

    color: #d0d0d0 !important;

    font-size: 13.5px !important;
    line-height: 1.4 !important;
}

.sxpubf-story table th {
    background: rgba(185,179,132,0.10) !important;
    color: #e3eaa9 !important;
    font-weight: 850 !important;
}

/* ad/source/tags */
.sxpubf-ad {
    margin: 0 17px 15px !important;
}

.sxpubf-bottom-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;

    padding: 13px 17px !important;

    border-top: 1px solid rgba(255,255,255,0.055) !important;

    background: rgba(0,0,0,0.08) !important;
}

.sxpubf-source {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    min-height: 34px !important;
    padding: 0 11px !important;

    border-radius: 10px !important;

    background:
        linear-gradient(180deg, rgba(185,179,132,0.18), rgba(185,179,132,0.08)),
        #2a2a2a !important;

    border: 1px solid rgba(185,179,132,0.24) !important;

    color: #e3eaa9 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    text-decoration: none !important;
}

.sxpubf-tags {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    color: #9f9f9f !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
}

.sxpubf-tags > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    color: #b9b384 !important;

    font-weight: 850 !important;
}

.sxpubf-tags a {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 26px !important;
    padding: 0 8px !important;

    border-radius: 8px !important;

    background: rgba(185,179,132,0.08) !important;
    border: 1px solid rgba(185,179,132,0.13) !important;

    color: #d6d09f !important;

    font-size: 12.5px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}

.sxpubf-tags a:hover {
    background: rgba(185,179,132,0.14) !important;
    border-color: rgba(185,179,132,0.24) !important;
    color: #e3eaa9 !important;
}

/* comments */
.sxpubf-comments {
    padding: 0 !important;
}

.sxpubf-comments-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding: 14px 16px !important;

    border-bottom: 1px solid rgba(255,255,255,0.055) !important;
}

.sxpubf-comments-head h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 0 3px !important;

    color: #e3eaa9 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.sxpubf-comments-head h2 i {
    color: #b9b384 !important;
    font-size: 14px !important;
}

.sxpubf-comments-head p {
    margin: 0 !important;

    color: #8f8f8f !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
}

.sxpubf-comments-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 34px !important;
    height: 34px !important;

    border-radius: 999px !important;

    background: rgba(185,179,132,0.10) !important;
    border: 1px solid rgba(185,179,132,0.18) !important;

    color: #e3eaa9 !important;

    font-size: 13px !important;
    font-weight: 900 !important;
}

.sxpubf-comments-nav {
    padding: 12px 16px 0 !important;
}

.sxpubf-comments-nav-bottom {
    padding: 0 16px 14px !important;
}

.sxpubf-comments-nav:empty {
    display: none !important;
}

.sxpubf-comments-list {
    padding: 13px 16px !important;
}

.sxpubf-add-comments {
    padding: 14px !important;
}

/* old reset */
.loadcatss,
.eTitle,
.eBlock,
.eMessage,
.eMessaget,
.eDetails2,
.imgpivo,
.tabs,
.tab_container,
.tab_content,
.escren,
.uc16,
.uc17,
.uc18,
.uc19,
.uc15 {
    float: none !important;

    width: auto !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    list-style: none !important;
}

/* если fullstory_publ попал в сетку */
.sxm-entries #dle-content > .sxpubf-page {
    grid-column: 1 / -1 !important;
}

/* mobile */
@media (max-width: 900px) {
    .sxpubf-head {
        flex-direction: column !important;
    }

    .sxpubf-head-actions {
        justify-content: flex-start !important;
        max-width: none !important;
        width: 100% !important;
    }

    .sxpubf-title-wrap h1 {
        font-size: 24px !important;
    }
}

@media (max-width: 760px) {
    .sxpubf-crumbbar {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .sxpubf-head,
    .sxpubf-story,
    .sxpubf-add-comments {
        padding: 14px !important;
    }

    .sxpubf-head-main {
        align-items: flex-start !important;
    }

    .sxpubf-type-icon {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;

        border-radius: 12px !important;

        font-size: 16px !important;
    }

    .sxpubf-title-wrap h1 {
        font-size: 21px !important;
    }

    .sxpubf-meta-row span {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .sxpubf-poster img {
        max-height: 260px !important;
    }

    .sxpubf-story {
        font-size: 14px !important;
        line-height: 1.58 !important;
    }

    .sxpubf-story table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    .sxpubf-bottom-tools {
        align-items: flex-start !important;
        flex-direction: column !important;
        padding: 13px 14px !important;
    }

    .sxpubf-comments-head {
        align-items: flex-start !important;
    }

    .sxpubf-comments-list {
        padding: 12px !important;
    }
}
/* =========================================================
   FULLSTORY — ARTICLE TYPOGRAPHY
========================================================= */

.sxfs-article-body {
    color: #d1d1d1 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.66 !important;

    word-break: break-word !important;
    overflow-wrap: anywhere !important;
}

/* paragraphs */
.sxfs-article-body p {
    margin: 0 0 13px !important;
}

.sxfs-article-body p:last-child {
    margin-bottom: 0 !important;
}

/* headings */
.sxfs-article-body h1,
.sxfs-article-body h2,
.sxfs-article-body h3,
.sxfs-article-body h4,
.sxfs-article-body h5,
.sxfs-article-body h6 {
    position: relative !important;

    margin: 22px 0 11px !important;
    padding: 0 !important;

    color: #e3eaa9 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;

    letter-spacing: -0.01em !important;
}

.sxfs-article-body h1:first-child,
.sxfs-article-body h2:first-child,
.sxfs-article-body h3:first-child,
.sxfs-article-body h4:first-child {
    margin-top: 0 !important;
}

.sxfs-article-body h1 {
    font-size: 26px !important;
}

.sxfs-article-body h2 {
    font-size: 23px !important;
}

.sxfs-article-body h3 {
    font-size: 20px !important;
}

.sxfs-article-body h4 {
    font-size: 17px !important;
}

.sxfs-article-body h5 {
    font-size: 15.5px !important;
}

.sxfs-article-body h6 {
    font-size: 14.5px !important;
    color: #d6d09f !important;
}

/* h2 / h3 visual accent */
.sxfs-article-body h2 {
    padding-bottom: 8px !important;

    border-bottom: 1px solid rgba(185,179,132,0.16) !important;
}

.sxfs-article-body h3 {
    padding-left: 12px !important;
}

.sxfs-article-body h3::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0.24em !important;

    width: 3px !important;
    height: 1.05em !important;

    border-radius: 999px !important;

    background: rgba(185,179,132,0.65) !important;
}

/* links */
.sxfs-article-body a {
    color: #d6d09f !important;
    text-decoration-color: rgba(214,208,159,0.35) !important;
    text-underline-offset: 3px !important;
    transition:
        color .15s ease,
        text-decoration-color .15s ease !important;
}

.sxfs-article-body a:hover {
    color: #e3eaa9 !important;
    text-decoration-color: rgba(227,234,169,0.65) !important;
}

/* strong */
.sxfs-article-body b,
.sxfs-article-body strong {
    color: #e3eaa9 !important;
    font-weight: 850 !important;
}

/* italic */
.sxfs-article-body i:not([class]),
.sxfs-article-body em {
    color: #d8d8d8 !important;
}

/* lists */
.sxfs-article-body ul,
.sxfs-article-body ol {
    margin: 11px 0 15px 22px !important;
    padding: 0 !important;
}

.sxfs-article-body li {
    margin: 6px 0 !important;
    padding-left: 2px !important;

    color: #d1d1d1 !important;
}

.sxfs-article-body li::marker {
    color: #b9b384 !important;
}

/* quotes */
.sxfs-article-body blockquote,
.sxfs-article-body .quote {
    margin: 15px 0 !important;
    padding: 12px 14px !important;

    border-radius: 12px !important;

    background:
        radial-gradient(circle at 8% 0%, rgba(185,179,132,0.10), transparent 36%),
        rgba(0,0,0,0.18) !important;

    border: 1px solid rgba(255,255,255,0.055) !important;
    border-left: 3px solid rgba(185,179,132,0.42) !important;

    color: #cfcfcf !important;

    font-size: 14px !important;
    line-height: 1.55 !important;
}

/* code */
.sxfs-article-body code {
    padding: 2px 5px !important;

    border-radius: 6px !important;

    background: rgba(0,0,0,0.28) !important;
    border: 1px solid rgba(255,255,255,0.055) !important;

    color: #e3eaa9 !important;

    font-family: "IBM Plex Mono", Consolas, monospace !important;
    font-size: 13px !important;
}

.sxfs-article-body pre {
    margin: 14px 0 !important;
    padding: 13px !important;

    border-radius: 12px !important;

    background: #191919 !important;
    border: 1px solid rgba(255,255,255,0.070) !important;

    color: #d7d7d7 !important;

    overflow-x: auto !important;
}

.sxfs-article-body pre code {
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    color: inherit !important;
}

/* images */
.sxfs-article-body img {
    max-width: 100% !important;
    height: auto !important;

    border-radius: 12px !important;
}

.sxfs-article-body img.fr-dib,
.sxfs-article-body img[style*="display: block"] {
    display: block !important;
    margin: 13px auto !important;
}

.sxfs-article-body img.fr-dii {
    display: inline-block !important;
    margin: 0 4px !important;
}

/* video / iframe */
.sxfs-article-body iframe,
.sxfs-article-body video {
    max-width: 100% !important;

    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,0.060) !important;
}

/* tables */
.sxfs-article-body table {
    width: 100% !important;
    max-width: 100% !important;

    margin: 15px 0 !important;

    border-collapse: collapse !important;
    border-spacing: 0 !important;

    background: #202020 !important;
    border: 1px solid rgba(255,255,255,0.070) !important;

    border-radius: 12px !important;

    overflow: hidden !important;
}

.sxfs-article-body table th,
.sxfs-article-body table td {
    padding: 9px 10px !important;

    border: 1px solid rgba(255,255,255,0.060) !important;

    color: #d0d0d0 !important;

    font-size: 13.5px !important;
    line-height: 1.4 !important;

    vertical-align: top !important;
}

.sxfs-article-body table th {
    background: rgba(185,179,132,0.10) !important;

    color: #e3eaa9 !important;

    font-weight: 850 !important;
}

/* horizontal line */
.sxfs-article-body hr {
    height: 1px !important;

    margin: 18px 0 !important;

    background: rgba(255,255,255,0.075) !important;
    border: 0 !important;
}

/* spoilers / DLE blocks */
.sxfs-article-body .title_spoiler,
.sxfs-article-body .text_spoiler {
    border-color: rgba(255,255,255,0.070) !important;
}

.sxfs-article-body .title_spoiler {
    padding: 9px 11px !important;

    border-radius: 10px 10px 0 0 !important;

    background: rgba(185,179,132,0.09) !important;

    color: #e3eaa9 !important;

    font-weight: 850 !important;
}

.sxfs-article-body .text_spoiler {
    padding: 11px !important;

    border-radius: 0 0 10px 10px !important;

    background: rgba(0,0,0,0.15) !important;

    color: #d0d0d0 !important;
}

/* mobile */
@media (max-width: 760px) {
    .sxfs-article-body {
        font-size: 14px !important;
        line-height: 1.58 !important;
    }

    .sxfs-article-body h1 {
        font-size: 22px !important;
    }

    .sxfs-article-body h2 {
        font-size: 20px !important;
    }

    .sxfs-article-body h3 {
        font-size: 18px !important;
    }

    .sxfs-article-body h4 {
        font-size: 16px !important;
    }

    .sxfs-article-body table {
        display: block !important;

        overflow-x: auto !important;
        white-space: nowrap !important;
    }
}
/* =========================================================
   REPLY POPUP — TinyMCE dark editor
========================================================= */

#dlereplypopup,
[id^="dlereplypopup"] {
    background: #242424 !important;
    color: #d7d7d7 !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

#dlereplypopup b,
[id^="dlereplypopup"] b {
    color: #e3eaa9 !important;
    font-weight: 850 !important;
}

/* editor wrapper */
#dlereplypopup .bb-editor,
[id^="dlereplypopup"] .bb-editor {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 8px !important;

    border-radius: 12px !important;
    overflow: hidden !important;

    background: #1d1d1d !important;
}

/* TinyMCE core */
#dlereplypopup .mce-tinymce,
#dlereplypopup .mce-container,
#dlereplypopup .mce-panel,
[id^="dlereplypopup"] .mce-tinymce,
[id^="dlereplypopup"] .mce-container,
[id^="dlereplypopup"] .mce-panel {
    background: #1d1d1d !important;
    border-color: rgba(255,255,255,0.075) !important;

    color: #d7d7d7 !important;

    box-shadow: none !important;
}

#dlereplypopup .mce-tinymce,
[id^="dlereplypopup"] .mce-tinymce {
    width: 100% !important;

    border: 1px solid rgba(255,255,255,0.075) !important;
    border-radius: 12px !important;

    overflow: hidden !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.025),
        0 10px 24px rgba(0,0,0,0.16) !important;
}

/* toolbar */
#dlereplypopup .mce-top-part,
#dlereplypopup .mce-toolbar-grp,
[id^="dlereplypopup"] .mce-top-part,
[id^="dlereplypopup"] .mce-toolbar-grp {
    background:
        linear-gradient(180deg, #292929 0%, #222222 100%) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.075) !important;

    box-shadow: none !important;
}

#dlereplypopup .mce-top-part::before,
[id^="dlereplypopup"] .mce-top-part::before {
    display: none !important;
}

#dlereplypopup .mce-toolbar,
#dlereplypopup .mce-flow-layout,
#dlereplypopup .mce-btn-group,
[id^="dlereplypopup"] .mce-toolbar,
[id^="dlereplypopup"] .mce-flow-layout,
[id^="dlereplypopup"] .mce-btn-group {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#dlereplypopup .mce-btn-group,
[id^="dlereplypopup"] .mce-btn-group {
    padding: 4px 3px !important;
}

/* buttons */
#dlereplypopup .mce-btn,
[id^="dlereplypopup"] .mce-btn {
    margin: 2px !important;

    border-radius: 7px !important;

    background: transparent !important;
    border: 1px solid transparent !important;

    box-shadow: none !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}

#dlereplypopup .mce-btn button,
[id^="dlereplypopup"] .mce-btn button {
    min-width: 28px !important;
    height: 28px !important;

    padding: 0 7px !important;

    color: #cfcfcf !important;
}

#dlereplypopup .mce-btn:hover,
#dlereplypopup .mce-btn:focus,
#dlereplypopup .mce-btn.mce-active,
#dlereplypopup .mce-btn.mce-active:hover,
[id^="dlereplypopup"] .mce-btn:hover,
[id^="dlereplypopup"] .mce-btn:focus,
[id^="dlereplypopup"] .mce-btn.mce-active,
[id^="dlereplypopup"] .mce-btn.mce-active:hover {
    background: rgba(185,179,132,0.12) !important;
    border-color: rgba(185,179,132,0.22) !important;

    box-shadow: none !important;
}

/* TinyMCE icons */
#dlereplypopup .mce-ico,
[id^="dlereplypopup"] .mce-ico {
    color: #cfcfcf !important;
    text-shadow: none !important;
}

#dlereplypopup .mce-btn:hover .mce-ico,
#dlereplypopup .mce-btn.mce-active .mce-ico,
[id^="dlereplypopup"] .mce-btn:hover .mce-ico,
[id^="dlereplypopup"] .mce-btn.mce-active .mce-ico {
    color: #e3eaa9 !important;
}

/* edit area */
#dlereplypopup .mce-edit-area,
[id^="dlereplypopup"] .mce-edit-area {
    background: #1d1d1d !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

#dlereplypopup .mce-edit-area iframe,
#dlereplypopup iframe[id^="comments"],
[id^="dlereplypopup"] .mce-edit-area iframe,
[id^="dlereplypopup"] iframe[id^="comments"] {
    display: block !important;

    width: 100% !important;

    background: #1d1d1d !important;
    border: 0 !important;
}

/* dialog buttons */
.ui-dialog .ui-dialog-buttonpane {
    background: #242424 !important;
    border-top: 1px solid rgba(255,255,255,0.075) !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    min-height: 38px !important;
    padding: 0 14px !important;

    border-radius: 9px !important;

    background: #2a2a2a !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    font-family: "Source Sans 3", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background:
        linear-gradient(180deg, rgba(185,179,132,0.20), rgba(185,179,132,0.09)),
        #303030 !important;

    border-color: rgba(185,179,132,0.30) !important;

    color: #e3eaa9 !important;
}

/* TinyMCE dropdowns/modals from reply popup */
.mce-menu,
.mce-menu .mce-container,
.mce-menu .mce-panel {
    background: #242424 !important;
    border-color: rgba(255,255,255,0.08) !important;

    color: #d7d7d7 !important;
}

.mce-menu-item {
    background: transparent !important;
    color: #d7d7d7 !important;
}

.mce-menu-item:hover,
.mce-menu-item.mce-selected,
.mce-menu-item:focus {
    background: rgba(185,179,132,0.12) !important;
    color: #e3eaa9 !important;
}

.mce-menu-item .mce-text {
    color: inherit !important;
}

.mce-window {
    background:
        linear-gradient(180deg, #282828 0%, #202020 100%) !important;

    border: 1px solid rgba(185,179,132,0.18) !important;
    border-radius: 14px !important;

    box-shadow: 0 24px 70px rgba(0,0,0,0.55) !important;
}

.mce-window-head {
    background: #242424 !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

.mce-window-head .mce-title {
    color: #e3eaa9 !important;
}

.mce-window-body {
    background: #202020 !important;
    color: #d7d7d7 !important;
}

.mce-window input,
.mce-window textarea,
.mce-window select {
    background: #1d1d1d !important;
    border: 1px solid rgba(255,255,255,0.075) !important;

    color: #dedede !important;

    border-radius: 8px !important;
}