@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/robotocondensed-cyrillic-ext.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/robotocondensed-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/robotocondensed-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/robotocondensed-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --gold: #a82a2a;
    --gold-rgb: 168 42 42;
    --gold-soft: #ff6659;
    --gold-dark: #7f1010;
    --gold-bg: rgba(168, 42, 42, .12);
--font-display: 'Inter', sans-serif;
--font-heading: 'Inter', sans-serif;
--font-body: 'Inter', sans-serif;
}

:root[data-theme="dark"] {
    --page-bg: #0a0808;
    --white: #161212;
    --bone: #1a1414;
    --ivory: #201818;
    --parchment: #281c1a;
    --stone-100: #241a14;
    --stone-200: #2c1a12;
    --stone-300: #4a2a20;
    --has-border-inset: rgba(211, 47, 47, .1);
    --has-border-inner: rgba(255, 255, 255, .05);
    --gold: #a82a2a;
    --gold-rgb: 168 42 42;
    --gold-soft: #ff6659;
    --gold-dark: #7f1010;
    --gold-bg: rgba(168, 42, 42, .16);
}

body:has(.ib-auth-page) {
    background: #0a0808 !important;
}

body:has(.ib-auth-page) .c-mobile-bar,
body:has(.ib-auth-page) .c-skip-link,
body:has(.ib-auth-page) .c-sidebar-overlay,
body:has(.ib-auth-page) #sidebar {
    display: none !important;
}

body:has(.ib-auth-page) .l-wrapper {
    display: block;
    padding: 0 !important;
}

body:has(.ib-auth-page) .l-main {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

body:has(.ib-auth-page) .l-page {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

.ib-auth-page {
    display: flex;
    min-height: 100vh;
    width: 100%;
    font-family: 'Inter', system-ui, sans-serif;
}

.ib-auth-video-side {
    position: relative;
    flex: 1 1 50%;
    min-height: 100vh;
    overflow: hidden;
    background: radial-gradient(120% 100% at 30% 0%, #2a0e0e 0%, #0a0808 60%);
}

.ib-auth-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ib-auth-video-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(10, 8, 8, .35) 0%, rgba(10, 8, 8, .55) 60%, rgba(10, 8, 8, .92) 100%),
    linear-gradient(90deg, rgba(10, 8, 8, .2) 0%, transparent 40%, transparent 60%, rgba(10, 8, 8, .55) 100%);
}

.ib-auth-logo {
    position: absolute;
    top: 32px;
    left: 40px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.ib-auth-logo img {
    width: 44px;
    height: auto;
    display: block;
}

.ib-auth-logo span {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
}

.ib-auth-video-text {
    position: absolute;
    left: 40px;
    bottom: 44px;
    right: 40px;
    z-index: 2;
    max-width: 440px;
}

.ib-auth-rate {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    margin-bottom: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: .8rem;
    letter-spacing: 2px;
    color: #fff;
    background: rgba(211, 47, 47, .15);
    border: 1px solid rgba(211, 47, 47, .4);
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
}

.ib-auth-video-text h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: 1.9rem;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 10px;
    text-shadow: 0 4px 18px rgba(0, 0, 0, .7);
}

.ib-auth-video-text p {
    font-family: 'Inter', sans-serif;
    font-size: .92rem;
    color: #c8c8c8;
    line-height: 1.6;
    margin: 0;
}

.ib-auth-form-side {
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 56px 24px;
    background: #0d0b0b;
    position: relative;
}

.ib-auth-form-side::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(120, 30, 30, .35) 0%, rgba(168, 42, 42, .45) 30%, rgba(168, 42, 42, .45) 70%, rgba(120, 30, 30, .35) 100%);
    box-shadow: 0 0 9px 0 rgba(168, 42, 42, .22);
}

.ib-auth-form-side::after {
    content: '';
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    z-index: 5;
    pointer-events: none;
    width: 8px;
    height: 8px;
    background: linear-gradient(135deg, #b03434, #7f1010);
    box-shadow: 0 0 10px 1px rgba(168, 42, 42, .4);
}

.ib-auth-form-side .c-login,
.ib-auth-form-side .c-register {
    width: 100%;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

.ib-auth-form-side .c-login__head,
.ib-auth-form-side .c-register__head {
    text-align: center;
    margin-bottom: 22px;
}

.ib-auth-form-side .c-login__logo,
.ib-auth-form-side .c-register__title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    font-size: 1.55rem;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff;
}

.ib-auth-form-side .c-login__subtitle,
.ib-auth-form-side .c-register__subtitle {
    color: #8d8d8d;
    font-size: .9rem;
    margin-top: 4px;
}

.ib-auth-form-side .c-divider {
    opacity: .5;
}

.ib-auth-form-side .c-field,
.ib-auth-form-side .c-reg-field {
    margin-bottom: 16px;
}

.ib-auth-form-side .c-field__label,
.ib-auth-form-side .c-reg-field__label,
.ib-auth-form-side .c-select__label {
    font-family: 'Inter', sans-serif;
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #8d8d8d;
    margin-bottom: 6px;
}

.ib-auth-form-side .c-field__input,
.ib-auth-form-side .c-reg-field__input,
.ib-auth-form-side .c-select__trigger,
.ib-auth-form-side input[type="text"],
.ib-auth-form-side input[type="email"],
.ib-auth-form-side input[type="password"] {
    background-color: #0a0808 !important;
    background-image: linear-gradient(180deg, #100d0d 0%, #0a0808 100%) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 0 !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    color: #fff !important;
    font-weight: 600;
    padding: 11px 14px !important;
    height: auto !important;
    box-shadow: none !important;
    transition: border-color .3s ease;
}

.ib-auth-form-side .c-field__input:focus,
.ib-auth-form-side .c-reg-field__input:focus,
.ib-auth-form-side .c-select__trigger:focus,
.ib-auth-form-side .c-select.is-open .c-select__trigger {
    border-color: rgba(211, 47, 47, .75) !important;
}

.ib-auth-form-side .c-field__input::placeholder {
    color: #555 !important;
}

.ib-auth-form-side .c-field__icon,
.ib-auth-form-side .c-select__icon {
    color: #a82a2a;
}

.ib-auth-form-side .c-field__toggle,
.ib-auth-form-side .c-field__eye {
    color: #999;
}

.ib-auth-form-side .c-select__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.ib-auth-form-side .c-select__dropdown {
    background: #100d0d !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 0 !important;
}

.ib-auth-form-side .c-select__option {
    color: #d0d0d0;
}

.ib-auth-form-side .c-select__option:hover,
.ib-auth-form-side .c-select__option.is-active {
    background: rgba(168, 42, 42, .25) !important;
    color: #fff;
}

.ib-auth-form-side .c-reg-field__login-row {
    display: flex;
}

.ib-auth-form-side .c-login__options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 4px 0 18px;
    flex-wrap: wrap;
}

.ib-auth-form-side .c-login__forgot {
    color: #999;
    font-size: .84rem;
}

.ib-auth-form-side .c-login__forgot:hover {
    color: #ff6659;
}

.ib-auth-form-side .c-check__box,
.ib-auth-form-side .c-reg-check__box {
    border-color: #2c1a12 !important;
    border-radius: 0 !important;
}

.ib-auth-form-side .c-check__input:checked ~ .c-check__box,
.ib-auth-form-side .c-reg-check__input:checked ~ .c-reg-check__box {
    background: #a82a2a !important;
    border-color: #a82a2a !important;
}

.ib-auth-form-side .c-check,
.ib-auth-form-side .c-reg-check {
    color: #b0b0b0;
    font-size: .85rem;
}

.ib-auth-form-side .c-reg-agree a,
.ib-auth-form-side .c-reg-check a {
    color: #ff6659;
}

.ib-auth-form-side .g-btn {
    width: 100%;
    background: linear-gradient(160deg, #c62828 0%, #7f1010 55%, #2b0404 100%) !important;
    border: none !important;
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 0 !important;
    border-radius: 0 !important;
    clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15) !important;
    transition: filter .3s ease, transform .3s ease;
}

.ib-auth-form-side .g-btn:hover {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.ib-auth-form-side .c-login__foot,
.ib-auth-form-side .c-register__foot {
    margin-top: 18px;
    text-align: center;
}

.ib-auth-form-side .c-login__sep,
.ib-auth-form-side .c-register__sep {
    color: #666;
}

.ib-auth-form-side .c-login__sep::before,
.ib-auth-form-side .c-login__sep::after {
    background: rgba(255, 255, 255, .08);
}

.ib-auth-form-side .c-login__socials {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 14px 0;
}

.ib-auth-form-side .c-social-icon-btn {
    background: linear-gradient(180deg, #201c1c 0%, #100e0e 100%) !important;
    border: 1px solid #2c1a12 !important;
    color: #ccc !important;
    border-radius: 0 !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
}

.ib-auth-form-side .c-social-icon-btn:hover {
    border-color: rgba(211, 47, 47, .6) !important;
}

.ib-auth-form-side .c-login__register,
.ib-auth-form-side .c-register__login-link {
    color: #999;
    font-size: .85rem;
    margin-top: 6px;
}

.ib-auth-form-side .c-login__register a,
.ib-auth-form-side .c-register__login-link a {
    color: #ff6659;
    font-weight: 700;
}

.ib-auth-form-side .c-pw-strength__bar {
    border-radius: 0 !important;
}

.ib-auth-form-side .c-notice {
    border-radius: 0 !important;
}

@media (max-width: 991.98px) {
    .ib-auth-page {
        flex-direction: column;
    }

    .ib-auth-video-side {
        flex: 0 0 auto;
        min-height: 0;
        height: 130px;
    }

    .ib-auth-video {
        display: none;
    }

    .ib-auth-video-text {
        display: none;
    }

    .ib-auth-logo {
        top: 18px;
        left: 20px;
    }

    .ib-auth-form-side {
        padding: 32px 18px;
    }

    .ib-auth-form-side::before {
        left: 0;
        right: 0;
        top: 0;
        bottom: auto;
        width: auto;
        height: 1px;
        background: linear-gradient(90deg, rgba(120, 30, 30, .3) 0%, rgba(168, 42, 42, .45) 30%, rgba(168, 42, 42, .45) 70%, rgba(120, 30, 30, .3) 100%);
    }

    .ib-auth-form-side::after {
        left: 50%;
        top: -4px;
        transform: translateX(-50%) rotate(45deg);
    }
}

/* ============ Кабинет — радикальный ib-рестайл компонентов ============ */

.g-btn {
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 700;

    border-radius: 0 !important;
clip-path: none !important;

transform: skewX(-14deg);

background: linear-gradient(
    180deg,
    #1a1414 0%,
    #100c0c 100%
) !important;

border: 1px solid #2c1a12 !important;

box-shadow: none !important;

    transition:
        filter .25s ease,
        transform .2s ease,
        background .25s ease !important;
}

.g-btn:hover {
    filter: brightness(1.18);

    border-color: rgba(211, 47, 47, .65) !important;

    color: #fff !important;

    transform: skewX(-14deg) translateY(-1px);
}
.g-btn > span,
.g-btn > svg {
    transform: skewX(14deg);
}

.g-btn--primary, .g-btn--action {
    background: linear-gradient(160deg, #c62828 0%, #7f1010 55%, #2b0404 100%) !important;
    color: #fff !important;
    border: none !important;
    clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15) !important;
}

.g-btn--primary:hover, .g-btn--action:hover {
    filter: brightness(1.12);
    color: #fff !important;
}

.g-btn--danger {
    background: linear-gradient(160deg, #c62828 0%, #7f1010 100%) !important;
    color: #fff !important;
}

.c-stats {
    gap: 1rem;
}

.c-card {
    background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .02) 0 1px, transparent 1px 6px),
    linear-gradient(180deg, #161212 0%, #0c0a0a 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    box-shadow: inset 0 0 0 1px #2c1a12, inset 0 0 40px rgba(0, 0, 0, .4) !important;
}

.c-card__icon {
    background: linear-gradient(135deg, #241a18 0%, #140f0e 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    color: #a82a2a !important;
    box-shadow: inset 0 0 0 1px #2c1a12 !important;
}

.c-card__label {
    color: #8d8d8d !important;
}

.c-card__value {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
}

.c-panel {
    background: linear-gradient(180deg, #161212 0%, #0c0a0a 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
    box-shadow: inset 0 0 0 1px #2c1a12, inset 0 0 50px rgba(0, 0, 0, .5) !important;
}

.c-panel__header {
    background: linear-gradient(180deg, rgba(211, 47, 47, .06), transparent) !important;
    border-bottom: 1px solid #2c1a12 !important;
}

.c-panel__title {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
    text-transform: uppercase;
}

.c-panel__count.g-btn {
    background: rgba(168, 42, 42, .15) !important;
    border: none !important;
    color: #ff8f87 !important;
    box-shadow: inset 0 0 0 1px rgba(211, 47, 47, .45) !important;
    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}

.c-table thead {
    background: rgba(211, 47, 47, .08) !important;
}

.c-table th {
    color: #8d8d8d !important;
    border-color: rgba(255, 255, 255, .06) !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.c-table td {
    color: #b0b0b0 !important;
    border-color: rgba(255, 255, 255, .05) !important;
}

.c-table tbody tr:hover {
    background: rgba(211, 47, 47, .06) !important;
    box-shadow: inset 0 0 0 1px rgba(211, 47, 47, .15) !important;
}

.c-acct__icon {
    color: #a82a2a !important;
}

.c-sidebar {
    background: #0a0808 !important;
}

.c-sidebar__logo {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
}
.c-sidebar__logo-img {
    max-height: 4rem;
}
.c-sidebar__link {
    color: rgb(255 255 255 / 0.81) !important;
}

.c-sidebar__link-icon {
    color: rgb(255 255 255 / 0.81) !important;
    opacity: 1 !important;
}

.c-sidebar__link:hover:before {
    background: rgba(211, 47, 47, .12) !important;
}

.c-sidebar__link:hover, .c-sidebar__link:hover.c-sidebar__link-icon{
    color: #fff !important;
}

.c-sidebar__link.is-active {
    background: rgba(168, 42, 42, .18) !important;
    color: #fff !important;
}

.c-sidebar__link.is-active .c-sidebar__link-icon {
    color: #ff6659 !important;
    opacity: 1 !important;
}

.c-sidebar__link:after {
    background: linear-gradient(#ff6659, #a82a2a) !important;
}

.c-navbar {
    background: linear-gradient(180deg, #161212 0%, #0c0a0a 100%) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.c-nb-srv__name {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
}

.c-nb-srv__icon {
    background: #241a18 !important;
    border-radius: 0 !important;
    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
    color: #a82a2a !important;
}

.c-locale__btn, .c-notif__btn {
    background: linear-gradient(180deg, #1a1414, #100c0c) !important;
    border: none !important;
    box-shadow: inset 0 0 0 1px #2c1a12 !important;
    border-radius: 0 !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    color: #cfc8c8 !important;
}

.c-locale__btn:hover, .c-notif__btn:hover {
    box-shadow: inset 0 0 0 1px rgba(211, 47, 47, .5) !important;
}

.c-user {
    background: linear-gradient(180deg, #1a1414, #100c0c) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 4px !important;
}

.c-user:hover {
    border-color: rgba(211, 47, 47, .55) !important;
}

.c-user__name {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #fff !important;
}

.c-user__email {
    color: #8d8d8d !important;
}

.c-user__avatar {
    background: linear-gradient(135deg, #a82a2a 0%, #7f1010 100%) !important;
    color: #fff !important;
    border-radius: 0 !important;
    clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}

.c-navbar__srv {
    background: linear-gradient(180deg, #161212, #0c0a0a) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 4px !important;
}

.c-navbar__srv-name {
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

.c-navbar__srv-progress-fill {
    background: linear-gradient(90deg, #c62828, #7f1010) !important;
}

.c-user__dropdown, .c-locale__dropdown, .c-notif__dropdown, .c-srv-sel__dropdown, .c-srv-tip {
    background: linear-gradient(180deg, #161212, #0c0a0a) !important;
    border: 1px solid #2c1a12 !important;
    border-radius: 4px !important;
}

.c-locale__item.is-active, .c-user__dropdown-item:hover, .c-locale__item:hover, .c-notif__item.is-unread {
    background: rgba(211, 47, 47, .12) !important;
}

.c-locale__item-name,
.c-locale__current {
    text-transform: capitalize !important;
}

/* Анимированный webm-логотип в сайдбаре/мобилбаре */
.c-sidebar__logo .ib-logo-vid {
    width: auto;
    height: 42px;
    max-width: 100%;
    display: block;
    object-fit: contain;
}

.c-mobile-bar__logo .ib-logo-vid {
    max-height: 30px;
    width: auto;
    display: block;
    object-fit: contain;
}

.c-sidebar.is-collapsed .c-sidebar__logo .ib-logo-vid {
    max-height: 34px;
}

.l-main {
    position: relative;
    z-index: 0;
}

.ib-cab-bg {
    position: fixed;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    border-radius: inherit;
}
[data-theme=dark] .wiki-article .re-block--spoiler details summary {
        background: #2a1616;
}
.wiki-article .re-block--banner {
    padding: 1.25rem 1.5rem 1.25rem 2.5rem;
}
.wiki-article .re-block--banner:before {
    left: .4rem;
}
.ib-cab-bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .5;
}
[data-theme=dark] .dn-slider-tip {
    background: var(--stone-100);
    color: var(--stone-900);
}
.ib-cab-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(120% 90% at 50% 0%, rgba(10, 8, 8, .5) 0%, rgba(10, 8, 8, .82) 65%, rgba(10, 8, 8, .95) 100%);
}
.wiki-menu__button-icon {
     width: 2rem;
     height: 2rem;
}
.wiki-article .re-block--countdown {
    background: linear-gradient(359deg, #161515, #000000);
    border: 1px solid var(--stone-200);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 4px 16px #0000000f;
}
.wiki-article .re-countdown-eyebrow {
    color: #fff;
}
[data-theme=dark] .wiki-article .re-block--spoiler {
     border-color: transparent;
    border-radius: 0;
}
.wiki-article .re-block--media-body>:last-child {
    color: #bbb5b5;
    margin-top: .4rem;
    font-size: .8rem;
}

[data-theme=dark] .wiki-article .re-block--popover {
    background: var(--bone);
    border-color: 
color-mix(in srgb, #000000 35%, var(--stone-300));
}

.wiki-article .re-block--popover {
    border: 1px solid 
    color-mix(in srgb, #5e323200 30%, var(--stone-200));
        max-width: 36rem;
        box-shadow: 0 4px 16px 
    color-mix(in srgb, var(--gold) 12%, #00000014);
    
}
[data-theme=dark] .wiki-article .re-block--popover {
margin: 0;
}
.wiki-article {
    color: #bfbfbf;
}
.wiki-article .re-block--timeline-item:before {
    left: -2rem;
}
.wiki-article ul:not([data-type="taskList"]) {
    list-style: none;
    padding-left: 0;
}
.wiki-article ul:not([data-type="taskList"]) > li {
    position: relative;
    padding-left: 1.25rem;
}
.wiki-article [class*=re-block--toast] {
    padding: 1rem 1.125rem 1rem 2.25rem;
}
.wiki-article [class*=re-block--toast]:before {
    left: .6rem;
}
@media (max-width: 560px) {
    .wiki-article p {
        margin-bottom: 0rem;
    }
}
.wiki-article ul:not([data-type="taskList"]) > li::before {
    content: "";
    position: absolute;
    left: 0.1rem;
    top: 0.68em;
    width: 0.4rem;
    height: 0.4rem;
    background: var(--gold);
    border-radius: 2px;
    transform: translateY(-50%) rotate(45deg);
    box-shadow: 0 0 4px rgb(var(--gold-rgb) / 0.5);
}
@media (max-width: 560px) {
    .wiki-article .re-block--timeline-item:before {
        left: -1.6rem;
    }
}
.dn-curpick {
    grid-template-columns: repeat(3, 1fr);
}
.dn-grid {
    --gold: #e13535;
}
body:has(.ib-auth-page) .ib-cab-bg {
    display: none !important;
}
/* Server name */
.c-nb-srv__name {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}

/* Server uptime */
.c-nb-srv__meta {
    font-size: 13px;
}

.c-nb-srv__time {
    font-weight: 600;
}
/* =========================================
   Navbar buttons: locale + notifications
   ========================================= */

.c-locale__btn,
.c-notif__btn {
    position: relative !important;
    overflow: visible !important;

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

    isolation: isolate;

    transition: transform .18s ease !important;
}


/* Внешняя форма кнопки */
.c-locale__btn::before,
.c-notif__btn::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background: #2c1a12 !important;

    clip-path: polygon(
        8px 0,
        100% 0,
        calc(100% - 8px) 100%,
        0 100%
    ) !important;

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

    pointer-events: none !important;
    z-index: -2 !important;

    transition:
        background .18s ease,
        filter .18s ease !important;
}


/* Внутренний фон */
.c-locale__btn::after,
.c-notif__btn::after {
    content: "" !important;

    position: absolute !important;
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;

    background: linear-gradient(
        180deg,
        #1a1414,
        #100c0c
    ) !important;

    clip-path: polygon(
        8px 0,
        100% 0,
        calc(100% - 8px) 100%,
        0 100%
    ) !important;

    pointer-events: none !important;
    z-index: -1 !important;

    transition: background .18s ease !important;
}


/* Hover: красная рамка именно по скошенной форме */
.c-locale__btn:hover::before,
.c-notif__btn:hover::before {
    background: rgba(211, 47, 47, .55) !important;
    filter: drop-shadow(0 0 2px rgba(211, 47, 47, .18));
}


.c-locale__btn:hover::after,
.c-notif__btn:hover::after {
    background: linear-gradient(
        180deg,
        #251717,
        #140c0c
    ) !important;
}


/* Иконки */
.c-locale__btn svg,
.c-notif__btn svg {
    position: relative !important;
    z-index: 2 !important;
}


/* Текст языка и стрелочка */
.c-locale__btn span,
.c-locale__btn .c-locale__chev {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================
   Notification badge
   ========================================= */

.c-notif__btn-badge {
    position: absolute !important;

    top: -7px !important;
    right: -7px !important;

    z-index: 10 !important;

    min-width: 18px !important;
    height: 18px !important;

    padding: 0 4px !important;

    background: #e53935 !important;
    border: 2px solid #100c0c !important;
    border-radius: 10px !important;

    color: #fff !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    pointer-events: none !important;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, .55) !important;
}
/* Убираем старую квадратную рамку */
.c-locale__btn,
.c-locale__btn:hover,
.c-locale__btn:focus,
.c-locale__btn:focus-visible,
.c-locale__btn:active,
.c-notif__btn,
.c-notif__btn:hover,
.c-notif__btn:focus,
.c-notif__btn:focus-visible,
.c-notif__btn:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* =========================================
   Statistics top champions
   ========================================= */

/* Desktop */
.c-stats-header {
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) minmax(580px, 660px) !important;
    align-items: center !important;
    gap: 32px !important;
}

.c-stats-header .c-page-title {
    min-width: 0 !important;
}


/* Контейнер трех топов */
.c-champ-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;

    width: 100% !important;
    gap: 10px !important;
}


/* Сама карточка */
.c-champ {
    min-width: 0 !important;
    width: 100% !important;

    padding: 12px 14px !important;
    gap: 8px !important;
}


/* ТОП ПВП / ТОП ПК / ТОП КЛАН */
.c-champ__label {
    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: .06em !important;
    opacity: .9;

    gap: 6px !important;
}

.c-champ__label svg {
    width: 14px !important;
    height: 14px !important;
}


/* Центральная строка */
.c-champ__body {
    gap: 10px !important;
}


/* Кружок / аватар */
.c-champ__avatar {
    width: 34px !important;
    height: 34px !important;

    font-size: 10px !important;
    flex-shrink: 0 !important;
}


/* Ник */
.c-champ__name {
    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}


/* PvP / PK / репутация */
.c-champ__val {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.c-champ__val em {
    font-size: 10px !important;
}


/* =========================================
   Tablet
   ========================================= */

@media (max-width: 56rem) {

    .c-stats-header {
        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;
        gap: 1.25rem !important;
    }

    .c-stats-header .c-page-title {
        width: 100% !important;
    }

    .c-champ-cards {
        width: 100% !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }

    .c-champ {
        width: 100% !important;
    }
}


/* =========================================
   Mobile
   ========================================= */

@media (max-width: 36rem) {

    .c-champ-cards {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .c-champ {
        padding: 11px 13px !important;
    }

    .c-champ__label {
        font-size: 10px !important;
    }

    .c-champ__name {
        font-size: 13px !important;
    }

    .c-champ__val {
        font-size: 11px !important;
    }

    .c-champ__avatar {
        width: 32px !important;
        height: 32px !important;
    }
}

/* =========================================
   Tablet
   ========================================= */

@media (max-width: 56rem) {

    .c-stats-header {
        align-items: flex-start !important;
        gap: 1.25rem !important;
    }

    .c-stats-header .c-page-title {
        min-width: 0;
    }

    .c-champ-cards {
        width: 100% !important;

        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }

    .c-champ {
        width: 100% !important;
    }
}


/* =========================================
   Mobile
   ========================================= */

@media (max-width: 36rem) {

    .c-champ-cards {
        grid-template-columns: 1fr !important;

        gap: 10px !important;
    }

    .c-champ {
        padding: 11px 13px !important;
    }

    .c-champ__label {
        font-size: 10px !important;
    }

    .c-champ__name {
        font-size: 13px !important;
    }

    .c-champ__val {
        font-size: 11px !important;
    }

    .c-champ__avatar {
        width: 32px !important;
        height: 32px !important;
    }
}
/* =========================================
   IB: stable system font
   Убираем скачок web-шрифтов при загрузке
   ========================================= */

:root {
    --font-display: Arial, sans-serif !important;
    --font-heading: Arial, sans-serif !important;
    --font-body: Arial, sans-serif !important;
}

html,
body,
button,
input,
select,
textarea {
   font-family: "Segoe UI", Arial, sans-serif !important;
}

/* Элементы, где шрифт может быть прописан напрямую */
.g-btn,
.c-card__value,
.c-panel__title,
.c-table th,
.c-sidebar__logo,
.c-nb-srv__name,
.c-user__name,
.c-navbar__srv-name,
.c-page-title,
.c-champ__label,
.c-champ__name,
.c-champ__val {
    font-family: "Segoe UI", Arial, sans-serif !important;
}

/* =========================================
   TOP 10: встроенная вкладка в шапке
   ========================================= */

.c-panel__count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 72px !important;
    height: 32px !important;
    padding: 0 14px !important;
    margin-left: auto !important;

    background: linear-gradient(
        180deg,
        rgba(125, 22, 22, .55),
        rgba(70, 12, 12, .35)
    ) !important;

    border: none !important;
    border-left: 2px solid rgba(190, 45, 35, .65) !important;
    border-radius: 0 !important;
    clip-path: none !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    letter-spacing: .05em !important;

    color: #e79a91 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        inset 8px 0 18px rgba(120, 20, 20, .10) !important;

    opacity: 1 !important;
}

/* =========================================
   DASHBOARD CARDS / MAIN PAGE
   ========================================= */

/* Карточки */
.c-stats .c-card {
    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 45%),
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.015) 0 1px,
            transparent 1px 6px
        ),
        linear-gradient(180deg, #171313 0%, #0d0a0a 100%) !important;

    box-shadow:
        inset 0 0 0 1px rgba(95, 45, 35, .45),
        inset 0 0 35px rgba(0,0,0,.38),
        0 8px 22px rgba(0,0,0,.14) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}

/* Hover всей карточки */
.c-stats .c-card:hover {
    transform: translateY(-3px) !important;

    box-shadow:
        inset 0 0 0 1px rgba(168, 42, 42, .48),
        inset 0 0 38px rgba(0,0,0,.42),
        0 12px 28px rgba(0,0,0,.24),
        0 0 18px rgba(168,42,42,.06) !important;
}

/* Иконка слева */
.c-stats .c-card__icon {
    background:
        linear-gradient(145deg, rgba(168,42,42,.10), rgba(20,13,13,.9)) !important;

    box-shadow:
        inset 0 0 0 1px rgba(168,42,42,.18) !important;

    transition:
        color .2s ease,
        background .2s ease !important;
}

.c-stats .c-card:hover .c-card__icon {
    color: #d83a32 !important;

    background:
        linear-gradient(145deg, rgba(168,42,42,.16), rgba(20,13,13,.95)) !important;
}


/* =========================================
   НИЖНИЕ КНОПКИ КАРТОЧЕК
   создать / промокод / отправить / связаться
   ========================================= */

.c-card__footer .g-btn {
    position: relative !important;

    background:
        linear-gradient(
            180deg,
            rgba(31, 24, 24, .90),
            rgba(17, 13, 13, .95)
        ) !important;

    border: none !important;
    border-radius: 0 !important;
    clip-path: none !important;

    box-shadow:
        inset 0 0 0 1px rgba(85, 45, 36, .34) !important;

    color: #bfb8b8 !important;

    transition:
        color .2s ease,
        background .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

/* нормальная рамка со всех сторон */
.c-card__footer .g-btn:hover {
    background:
        linear-gradient(
            180deg,
            rgba(40, 27, 27, .96),
            rgba(20, 14, 14, .98)
        ) !important;

    color: #fff !important;

    box-shadow:
        inset 0 0 0 1px rgba(168, 42, 42, .55),
        0 0 12px rgba(168,42,42,.07) !important;

    transform: translateY(-1px) !important;
}

/* иконки нижних кнопок */
.c-card__footer .g-btn svg {
    color: #8c8585 !important;
    opacity: .9 !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}

.c-card__footer .g-btn:hover svg {
    color: #d85951 !important;
    transform: none !important;
}


/* =========================================
   МАЛЕНЬКИЕ КНОПКИ СПРАВА ВВЕРХУ
   связать / обновить / контакты
   ========================================= */

.c-card__action .g-btn:not(.g-btn--primary) {
    background: rgba(255,255,255,.015) !important;

    border: 1px solid rgba(110, 65, 55, .28) !important;
    border-radius: 2px !important;
    clip-path: none !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    color: #aaa2a2 !important;

    box-shadow: none !important;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease !important;
}

.c-card__action .g-btn:not(.g-btn--primary):hover {
    color: #fff !important;

    background: rgba(168,42,42,.08) !important;

    border-color: rgba(190,50,42,.55) !important;

    box-shadow:
        inset 0 0 10px rgba(168,42,42,.04) !important;

    transform: none !important;
}


/* =========================================
   ПОПОЛНИТЬ
   ========================================= */

.c-card__action .g-btn--primary {
    position: relative !important;

    min-width: 96px !important;
    height: 34px !important;
    padding: 0 15px !important;

    background:
        linear-gradient(
            135deg,
            #a82121 0%,
            #741010 65%,
            #4a0909 100%
        ) !important;

    border: none !important;
    border-radius: 2px !important;

    clip-path:
        polygon(
            8px 0,
            100% 0,
            100% calc(100% - 8px),
            calc(100% - 8px) 100%,
            0 100%,
            0 8px
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,100,90,.18),
        inset 0 1px 0 rgba(255,255,255,.10),
        0 4px 10px rgba(100,0,0,.18) !important;

    color: #fff !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .035em !important;

    transition:
        filter .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}

.c-card__action .g-btn--primary:hover {
    filter: brightness(1.12) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,120,105,.30),
        inset 0 1px 0 rgba(255,255,255,.13),
        0 6px 16px rgba(130,0,0,.24) !important;
}


/* =========================================
   ТЕКСТ КАРТОЧЕК
   ========================================= */

.c-stats .c-card__label {
    color: #9a9292 !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
}

.c-stats .c-card__value {
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
}

/* =========================================================
   DONATE / BALANCE PAGE
   ========================================================= */

/* 1. Основные две карточки: мягче углы */
.dn-card {
    border-radius: 10px !important;
}

.dn-card::before {
    border-radius: 7px !important;
}

/* Внутренние блоки тоже чуть округляем */
.dn-curln__row,
.dn-tiers,
.dn-tier,
.dn-curpick__btn,
.dn-pm-row {
    border-radius: 6px !important;
}


/* =========================================================
   2. Растягиваем центральную область на больших мониторах
   ========================================================= */

.dn-grid {
    max-width: none !important;
    width: 100% !important;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, .92fr) !important;

    gap: 18px !important;
}

/* На реально широких мониторах не даём контенту выглядеть мелким */
@media (min-width: 1500px) {
    .dn-card {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}

/* Планшет / небольшой экран */
@media (max-width: 980px) {
    .dn-grid {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   3. Бонусы: меньше агрессивного красного
   ========================================================= */

.dn-rcpt__row--bonus,
.dn-rcpt__row--bonus b {
    color: #ee9d97 !important;
}

.dn-rcpt__row--bonus small {
    color: #ee9d97 !important;
    opacity: .85 !important;
}


/* =========================================================
   5. "Ваш бонус +X%"
   ========================================================= */

.dn-sec-title__bonus {
    padding: 4px 9px !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    color: #efaaa0 !important;
    background: rgba(168, 42, 42, .14) !important;

    border: 1px solid rgba(168, 42, 42, .22) !important;

    border-radius: 5px !important;

    letter-spacing: .02em !important;
}


/* =========================================================
   6. Валюты
   Картинка заполняет кнопку с сохранением пропорций
   ========================================================= */

.dn-curpick {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

/* Обычная кнопка, если картинки нет */
.dn-curpick__btn {
    position: relative !important;

    min-width: 0 !important;
    height: 68px !important;

    padding: 7px 10px !important;

    overflow: hidden !important;

    border-radius: 6px !important;
}

/* Если у валюты есть картинка */
.dn-curpick__btn.has-ico {
    padding: 0 !important;

    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    overflow: hidden !important;
}

/* Сама картинка */
.dn-curpick__btn.has-ico > .dn-curpick__ico {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

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

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    border-radius: inherit !important;

    transform: none !important;
}

/* RUB / UAH / EUR не показываем поверх картинки */
.dn-curpick__btn.has-ico > .dn-curpick__code {
    display: none !important;
}

/* Галочка остаётся поверх изображения */
.dn-curpick__btn.has-ico > .dn-curpick__tick {
    position: absolute !important;

    top: 6px !important;
    right: 6px !important;

    z-index: 5 !important;
}

/* Если картинки нет, остаётся обычный текст */
.dn-curpick__code {
    font-size: 12px !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
    .dn-curpick {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* =========================================
   DONATE: desktop currency proportions
   ========================================= */

@media (min-width: 701px) {

    .dn-curpick {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .dn-curpick__btn {
        height: 56px !important;
    }

    .dn-curpick__btn.has-ico > .dn-curpick__ico {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center !important;

        overflow: hidden !important;
    }
}

/* =========================================================
   7. Накопительные уровни
   ========================================================= */

/* Неактивные */
.dn-tier {
    transition:
        background .2s ease,
        border-color .2s ease,
        opacity .2s ease !important;
}

/* Уже пройденные */
.dn-tier.is-passed {
    opacity: .62 !important;
}
.dn-tier.is-active {
    opacity: 1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(168, 42, 42, .18) 0%,
            rgba(168, 42, 42, .07) 48%,
            transparent 100%
        ) !important;

    border: none !important;

    box-shadow:
        inset 3px 0 0 #c93631,
        inset 0 0 18px rgba(168, 42, 42, .05) !important;
}

/* =========================================================
   8. Процент внутри кнопки БОНУСЫ
   ========================================================= */

.dn-tab__badge {
    min-width: 40px !important;
    height: 22px !important;

    padding: 0 8px !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    letter-spacing: 0 !important;
}

.dn-tab.g-btn--primary .dn-tab__badge {
    background: rgba(20, 5, 5, .28) !important;
    color: #fff !important;
}


/* =========================================================
   Будущий блок общей суммы
   ========================================================= */

.dn-rcpt__total {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 14px;
    padding: 13px 15px;

    background:
        linear-gradient(
            90deg,
            rgba(168,42,42,.11),
            rgba(168,42,42,.035)
        );

    border: 1px solid rgba(168,42,42,.26);
    border-radius: 6px;

    color: #e0d8d8;

    font-size: 14px;
    font-weight: 700;
}

.dn-rcpt__total b {
    color: #fff;

    font-size: 18px;
    font-weight: 800;

    font-variant-numeric: tabular-nums;
}

.dn-rcpt__total b {
    color: #fff;

    font-size: 16px;
    font-weight: 800;

    font-variant-numeric: tabular-nums;
}

.dn-tier.is-active {
    opacity: 1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(168, 42, 42, .18) 0%,
            rgba(168, 42, 42, .07) 48%,
            transparent 100%
        ) !important;

    border: 1px solid rgba(201, 54, 49, .65) !important;

    box-shadow:
        inset 3px 0 0 #c93631,
        inset 0 0 18px rgba(168, 42, 42, .05),
        0 0 10px rgba(168, 42, 42, .08) !important;
}

/* =========================================
   Текущий уровень бонуса
   Убираем золотое свечение
   ========================================= */

.dn-tier.is-active {
    background:
        linear-gradient(
            90deg,
            rgba(168, 42, 42, .13) 0%,
            rgba(168, 42, 42, .05) 55%,
            transparent 100%
        ) !important;

    color: #f0eaea !important;
}

/* Красная полоска слева вместо золотой */
.dn-tier.is-active::before {
    background: #c93631 !important;
    box-shadow: none !important;
}

/* Сам +35% */
.dn-tier.is-active .dn-tier__bonus {
    min-width: 58px !important;
    height: 28px !important;
    padding: 0 10px !important;

   color: #ee9d97 !important;

    background: rgba(168, 42, 42, .20) !important;

    border: 1px solid rgba(200, 55, 48, .25) !important;
    border-radius: 5px !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}

/* =========================================
   Стоимость в валютах
   ========================================= */
/* =========================================
   Стоимость в валютах
   ========================================= */

.dn-curln__row {
    min-height: 42px !important;
    padding: 9px 12px !important;
}

/* Код валюты слева */
.dn-curln__code {
    color: #e87973 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
}

/* Основной текст */
.dn-curln__eq {
    color: #d9d2d2 !important;
    font-size: 13px !important;
}

/* "Итого ~" */
.dn-curln__sum {
    color: #9f9797 !important;
    font-size: 12px !important;
}

/* Сумма */
.dn-curln__sum b {
    color: #e9b0ac !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

/* RUB / USD / UAH справа */
.dn-curln__currency {
    margin-left: 4px !important;

    color: #e87973 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .03em !important;
}
/* =========================================
   История платежей: счётчик
   ========================================= */

.dn-tab__badge {
    background: rgba(168, 42, 42, .20) !important;
    border: 1px solid rgba(200, 55, 48, .35) !important;
    color: #ee9d97 !important;

    box-shadow: none !important;
    text-shadow: none !important;
}
/* =========================================
   Способы оплаты
   Чуть уменьшаем карточки
   ========================================= */

.dn-pm-list {
    gap: 10px !important;
}

.dn-pm-cell {
    min-width: 0 !important;
}

/* сама кнопка способа оплаты */
.dn-pm-row {
    height: 76px !important;
    padding: 6px 10px !important;
    border-radius: 7px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.dn-pm-row__ico {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* картинка платёжной системы */
.dn-pm-row__ico img {
    max-width: 100% !important;
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* =========================================
   ИТОГО ПОЛУЧИТЕ — mobile
   ========================================= */

@media (max-width: 700px) {
    .dn-rcpt__total {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        margin-top: 12px !important;
        padding: 12px 14px !important;

        background:
            linear-gradient(
                90deg,
                rgba(168, 42, 42, .11),
                rgba(168, 42, 42, .035)
            ) !important;

        border: 1px solid rgba(168, 42, 42, .30) !important;
        border-radius: 6px !important;

        color: #d6cece !important;
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    .dn-rcpt__total b {
        color: #f0b0ab !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        text-align: right !important;
    }
}

/* =========================================
   SHOP
   Категория товара
   ========================================= */

.sh-card__tier {
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .10em !important;
}

/* Популярный товар */
.sh-card__badge {
    top: 10px !important;
    right: 12px !important;

    padding: 5px 10px !important;

    background: rgba(168, 42, 42, .16) !important;
    border: 1px solid rgba(200, 55, 48, .28) !important;
    border-radius: 5px !important;

    color: #ee9d97 !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;

    box-shadow: none !important;
    text-shadow: none !important;
}
/* =========================================
   SHOP: количество предмета
   ========================================= */

.sh-line__qty {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    padding: 5px 7px !important;

    line-height: 1 !important;

    background: rgba(18,10,10,.65) !important;
    border: 1px solid rgba(168,42,42,.20) !important;
    border-radius: 5px !important;
}

.sh-line__qty:hover {
    color: #ee9d97 !important;
    background: rgba(168, 42, 42, .15) !important;
    border-color: rgba(200, 55, 48, .38) !important;
    box-shadow: none !important;
}

.sh-line__qty:hover .sh-line__qty-lbl {
    color: #ee9d97 !important;
}
/* Линия категории не залезает под "Популярный" */
.sh-card--popular .sh-card__tier::after {
    flex: none !important;
    width: 38px !important;
}


/* =========================================
   INVENTORY
   Увеличиваем вкладки и предметы
   ========================================= */

/* Все / Оружие / Броня / Прочее */
.c-inv-tabs {
    gap: 6px !important;
    padding: 10px 16px !important;
}

.c-inv-tab {
    padding: 7px 13px !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;

    border-radius: 5px !important;
}

/* Активная категория */
.c-inv-tab.is-active {
    color: #ee9d97 !important;
    background: rgba(168, 42, 42, .16) !important;
    box-shadow: none !important;
}

/* Сетка предметов */
.c-inv-slots {
    grid-template-columns: repeat(auto-fill, 76px) !important;
    gap: 9px !important;
    padding: 16px !important;
}

/* Карточка предмета */
.c-slot {
    width: 76px !important;
    height: 76px !important;
    border-radius: 7px !important;
}

.c-slot__icon {
    width: 40px !important;
    height: 40px !important;
}

.c-slot__icon img {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
}

/* Количество */
.c-slot__qty {
    padding: 1px 4px !important;
    font-size: 10px !important;
}

/* Заточка +10 и т.п. */
.c-slot__ench {
    padding: 1px 4px !important;
    font-size: 10px !important;
}

/* Grade S / A / B и т.п. */
.c-slot__grade {
    padding: 1px 3px !important;
    font-size: 9px !important;
}
/* Иконка выбранного персонажа */
.c-inv-char__avatar {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
}
/* =========================================
   INVENTORY: выбор персонажа
   ========================================= */

.c-char-select {
    padding: 14px 16px !important;
}

.c-char-select__list {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
    gap: 10px !important;
}

/* Вся карточка персонажа */
.c-char-pill {
    min-height: 64px !important;
    padding: 8px 12px !important;
    gap: 10px !important;

    border-radius: 8px !important;
    font-family: Arial, sans-serif !important;
}

/* Аватар */
.c-char-pill__avatar {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
}

/* Фото персонажа */
.c-char-pill__avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Текстовый блок */
.c-char-pill__info {
    gap: 3px !important;
}

/* Имя */
.c-char-pill__name {
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* Класс / информация */
.c-char-pill__class {
    display: block !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}

/* Выбранный персонаж */
.c-char-pill.is-active {
    background: rgba(168, 42, 42, .10) !important;
    border-color: rgba(200, 55, 48, .35) !important;

    box-shadow:
        inset 3px 0 0 #c93631 !important;
}

/* Аватар выбранного персонажа */
.c-char-pill.is-active .c-char-pill__avatar {
    box-shadow:
        0 0 0 2px rgba(168, 42, 42, .18),
        0 0 0 1px rgba(200, 55, 48, .30) !important;
}

/* =========================================
   FILES: меню категорий
   ========================================= */

.c-filter-tabs {
    min-height: 44px !important;
    padding: 5px !important;
    gap: 5px !important;
    border-radius: 7px !important;
}

/* Все / Патч для игры / Патч + Клиент / Updater */
.c-filter-tab {
    min-height: 34px !important;
    padding: 0 16px !important;

    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;

    border-radius: 6px !important;
}

/* Активный пункт */
.c-filter-tab.is-active {
    color: #f2eded !important;
    background: rgba(168, 42, 42, .16) !important;
}

/* 3 файла / 8 зеркал */
.c-filter-bar__stat {
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* =========================================
   WIKI MOBILE NAVIGATION
   Без выезжающего меню
   ========================================= */
/* =========================================
   WIKI MOBILE NAVIGATION
   Горизонтальные вкладки без меню
   ========================================= */

.wiki-mobile-nav {
    display: none;
}

@media (max-width: 960px) {

    /* Старую кнопку "Разделы" убираем */
    .wiki-mobile-toggle {
        display: none !important;
    }

    /* Старый выезжающий sidebar убираем */
    .wiki-sidebar {
        display: none !important;
    }

    .wiki-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .wiki-mobile-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;

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

        margin-bottom: 4px !important;
    }

    /* Каждая строка свайпается вбок */
    .wiki-mobile-nav__row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

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

        gap: 6px !important;

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

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

        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .wiki-mobile-nav__row::-webkit-scrollbar {
        display: none !important;
    }

    /* Основные разделы */
    .wiki-mobile-nav__item {
        flex: 0 0 auto !important;

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

        width: auto !important;
        min-width: auto !important;
        max-width: none !important;

        min-height: 38px !important;
        padding: 7px 13px !important;

        white-space: nowrap !important;

        font-family: Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        color: #b9b0b0 !important;

        background: rgba(18, 11, 11, .82) !important;
        border: 1px solid rgba(168, 42, 42, .18) !important;
        border-radius: 6px !important;

        box-shadow: none !important;
        text-decoration: none !important;
    }

    .wiki-mobile-nav__item.is-active {
        color: #ee9d97 !important;

        background: rgba(168, 42, 42, .16) !important;
        border-color: rgba(200, 55, 48, .36) !important;

        box-shadow:
            inset 0 -2px 0 rgba(201, 54, 49, .75) !important;
    }

    /* Подразделы */
    .wiki-mobile-nav__item--sub {
        min-height: 34px !important;
        padding: 6px 11px !important;

        font-size: 11px !important;

        background: rgba(14, 9, 9, .68) !important;
    }

    /* Третий уровень */
    .wiki-mobile-nav__item--third {
        min-height: 31px !important;
        padding: 5px 10px !important;

        font-size: 10px !important;

        background: rgba(12, 8, 8, .58) !important;
    }

    /* Контент */
    .wiki-content {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* =========================================
   MOBILE FIX: sidebar logo + close
   ========================================= */

@media (max-width: 960px) {

    .c-sidebar__head {
        position: relative !important;
        padding-right: 64px !important;
    }

    .c-sidebar__logo {
        width: 100% !important;
        max-width: calc(100% - 10px) !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .c-sidebar__logo-img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .c-sidebar__head-actions {
        position: absolute !important;
        top: 50% !important;
        right: 16px !important;
        transform: translateY(-50%) !important;
        z-index: 10 !important;
    }

    .c-sidebar__burger {
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
    }
}

/* =========================================
   MOBILE FIX: Все в корзину
   ========================================= */

@media (max-width: 600px) {

    .c-inv-toolbar {
        gap: 8px !important;
    }

    .c-inv-addall {
        min-width: 0 !important;
        width: auto !important;

        padding: 9px 11px !important;
        gap: 6px !important;

        font-size: 11px !important;
        line-height: 1 !important;
        white-space: nowrap !important;

        flex-shrink: 0 !important;
    }

    .c-inv-addall .g-btn__icon {
        width: 15px !important;
        height: 15px !important;
        flex: 0 0 15px !important;
    }

    .c-inv-addall .g-btn__icon svg {
        width: 15px !important;
        height: 15px !important;
    }
}

/* =========================================
   MOBILE FIX: магазин / окно покупки
   ========================================= */

@media (max-width: 600px) {

    #sh-buy-modal,
    #sh-pay-modal {
        align-items: flex-start !important;

        padding:
            calc(78px + env(safe-area-inset-top))
            12px
            16px !important;

        overflow-y: auto !important;
    }

    #sh-buy-modal .c-create,
    #sh-pay-modal .c-create {
        width: 100% !important;
        max-width: 100% !important;

        max-height: calc(
            100dvh - 105px - env(safe-area-inset-top)
        ) !important;

        margin: 0 auto !important;
    }

    /* Шапка окна всегда остаётся сверху */
    #sh-buy-modal .c-create__head,
    #sh-pay-modal .c-create__head {
        position: sticky !important;
        top: 0 !important;
        z-index: 50 !important;

        flex-shrink: 0 !important;

        background: var(--white) !important;
    }

    [data-theme="dark"] #sh-buy-modal .c-create__head,
    [data-theme="dark"] #sh-pay-modal .c-create__head {
        background: var(--bone) !important;
    }

    /* Крестик */
    #sh-buy-modal .c-create__head > .g-btn,
    #sh-pay-modal .c-create__head > .g-btn {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 36px !important;
        height: 36px !important;

        flex: 0 0 36px !important;

        position: relative !important;
        z-index: 60 !important;
    }
}
/* =========================================
   INVENTORY MOBILE
   Убираем количество выбранных предметов
   ========================================= */

@media (max-width: 600px) {
    .c-inv-toolbar__count {
        display: none !important;
    }
}

/* =========================================
   MOBILE SIDEBAR
   Чтобы сервер снизу не уезжал под Safari
   ========================================= */

@media (max-width: 768px) {

    .c-sidebar {
        height: 100dvh !important;
        max-height: 100dvh !important;

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

        padding-bottom:
            calc(24px + env(safe-area-inset-bottom)) !important;

        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Меню не должно выталкивать сервер за экран */
    .c-sidebar__nav {
        flex-shrink: 0 !important;
    }

    /* Блок выбранного сервера */
    .c-sidebar__srv-cards {
        flex-shrink: 0 !important;
        margin-bottom: 10px !important;
    }

    /* Нижняя часть sidebar */
    .c-sidebar__foot {
        flex-shrink: 0 !important;
        padding-bottom:
            calc(12px + env(safe-area-inset-bottom)) !important;
    }
}

/* =========================================
   MOBILE SIDEBAR
   Убираем нижнюю ссылку Infernalbattle
   ========================================= */

@media (max-width: 768px) {
    .c-sidebar__foot {
        display: none !important;
    }
}

/* =========================================
   TICKETS MOBILE
   Новый тикет под заголовком
   ========================================= */

@media (max-width: 600px) {

    .np-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    .np-header__left {
        width: 100% !important;
        min-width: 0 !important;
    }

    .np-header > .g-btn {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 44px !important;
        padding: 10px 16px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;

        font-size: 13px !important;
        white-space: nowrap !important;
    }
}

/* =========================================
   SERVER SELECTOR DESKTOP
   Показываем все сервера сразу
   ========================================= */

@media (min-width: 769px) {

    /* Верхнюю карточку выбранного сервера скрываем */
    .c-srv-sel__trigger {
        display: none !important;
    }

    /* Выпадающий список превращаем в обычный постоянный список */
    .c-srv-sel__dropdown {
        display: block !important;
        position: static !important;

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

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Список серверов */
    .c-srv-sel__list {
        display: flex !important;
        flex-direction: column !important;
        gap: 6px !important;
    }

    /* Каждый сервер */
    .c-srv-sel__item {
        display: block !important;

        padding: 9px 10px !important;

        background: rgba(255,255,255,.025) !important;
        border: 1px solid rgba(255,255,255,.07) !important;
        border-radius: 7px !important;

        cursor: pointer !important;

        transition:
            background .15s ease,
            border-color .15s ease !important;
    }

    .c-srv-sel__item:hover {
        background: rgba(168,42,42,.08) !important;
        border-color: rgba(200,55,48,.20) !important;
    }

/* Выбранный сервер */
.c-srv-sel__item.is-active,
.c-srv-sel__item[aria-selected="true"] {
    background:
        linear-gradient(
            90deg,
            rgba(190, 38, 38, .28),
            rgba(168, 42, 42, .08)
        ) !important;

    border-color: rgba(225, 60, 52, .75) !important;

    box-shadow:
        inset 4px 0 0 #e13f38,
        inset 0 0 18px rgba(210, 45, 40, .12),
        0 0 8px rgba(220, 45, 40, .45),
        0 0 20px rgba(200, 35, 35, .22) !important;
}

.c-srv-sel__item.is-active .c-srv-sel__name,
.c-srv-sel__item[aria-selected="true"] .c-srv-sel__name {
    color: #ff756e !important;
    font-weight: 700 !important;

    text-shadow:
        0 0 6px rgba(255, 70, 60, .55),
        0 0 12px rgba(220, 45, 40, .25);
}

/* =========================================
   SERVER SELECTOR
   "Выберите сервер"
   ========================================= */
.c-srv-sel__head {
    width: calc(100% - 8px) !important;
    margin: 0 auto 10px !important;
    padding: 6px 10px !important;

    text-align: center !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;

    color: #bdb4b4 !important;
    opacity: 1 !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(168, 42, 42, .055),
            transparent
        ) !important;

    border-top: 1px solid rgba(168, 42, 42, .16) !important;
    border-bottom: 1px solid rgba(168, 42, 42, .16) !important;
    border-left: none !important;
    border-right: none !important;

    border-radius: 0 !important;
    box-shadow: none !important;
}

.c-nb-srv__time {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #d4cccc !important;
    letter-spacing: .01em !important;
}

.c-nb-srv__sep {
    margin: 0 5px !important;
    color: rgba(200, 55, 48, .65) !important;
}

/* =========================================
   MOBILE: убираем лишний вертикальный скролл
   ========================================= */

@media (max-width: 768px) {

    .l-wrapper {
        min-height: 0 !important;
        height: auto !important;
    }

    .l-main {
        min-height: 0 !important;
        height: auto !important;
    }

    .l-page {
        min-height: 0 !important;
        height: auto !important;
        padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important;
    }
}

/* =========================================
   MOBILE: ИГРОВЫЕ АККАУНТЫ
   ========================================= */

@media (max-width: 768px) {

    /* Скрываем "Создан" и "Пароль" */
    .ib-mobile-hide {
        display: none !important;
    }

    /* Запрещаем горизонтальный скролл у таблицы аккаунтов */
    .c-table-wrap:has(.c-account-tbody) {
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: hidden !important;
        overflow-y: visible !important;
    }

    /* Сама таблица строго по ширине экрана */
    .c-table:has(.c-account-tbody) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        table-layout: fixed !important;
    }

    /* Все ячейки */
    .c-table:has(.c-account-tbody) th,
    .c-table:has(.c-account-tbody) td {
        min-width: 0 !important;
        max-width: none !important;

        padding-left: 6px !important;
        padding-right: 6px !important;

        box-sizing: border-box !important;
    }

    /* =====================================
       ШИРИНА ОСТАВШИХСЯ КОЛОНОК
       1 = Аккаунт
       4 = Персонажи
       5 = Действия
       ===================================== */

    /* Аккаунт */
    .c-table:has(.c-account-tbody) th:nth-child(1),
    .c-table:has(.c-account-tbody) td:nth-child(1) {
        width: 52% !important;
    }

    /* Персонажи */
    .c-table:has(.c-account-tbody) th:nth-child(4),
    .c-table:has(.c-account-tbody) td:nth-child(4) {
        width: 28% !important;
    }

    /* Действия */
    .c-table:has(.c-account-tbody) th:nth-child(5),
    .c-table:has(.c-account-tbody) td:nth-child(5) {
        width: 20% !important;
    }

    /* =====================================
       АККАУНТ
       ===================================== */

    .c-account-tbody .c-acct {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        gap: 7px !important;

        overflow: hidden !important;
    }

    .c-account-tbody .c-acct__icon {
        width: 36px !important;
        height: 36px !important;

        min-width: 36px !important;
        flex: 0 0 36px !important;
    }

    .c-account-tbody .c-acct__name {
        min-width: 0 !important;
        max-width: 100% !important;

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

        font-size: 13px !important;
    }

    /* =====================================
       ПЕРСОНАЖИ
       ===================================== */

    .c-account-tbody .char-block {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        gap: 4px !important;

        overflow: hidden !important;
        white-space: nowrap !important;
    }

    .c-account-tbody .c-char-avatar {
        width: 28px !important;
        height: 28px !important;

        min-width: 28px !important;
        flex: 0 0 28px !important;
    }

    /* =====================================
       КНОПКА / ДЕЙСТВИЯ
       ===================================== */

    .c-account-tbody .g-btn {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        padding-left: 6px !important;
        padding-right: 6px !important;

        gap: 3px !important;

        font-size: 10px !important;
        white-space: nowrap !important;
    }

    .c-account-tbody .g-btn__icon {
        width: 14px !important;
        height: 14px !important;

        flex: 0 0 14px !important;
    }

    .c-account-tbody .g-btn__icon svg {
        width: 14px !important;
        height: 14px !important;
    }

    /* =====================================
       ВЫПАДАЮЩИЙ БЛОК ПЕРСОНАЖЕЙ
       ===================================== */

    .c-account-tbody .c-char-strip__cell {
        display: table-cell !important;

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

        padding-left: 6px !important;
        padding-right: 6px !important;

        overflow: hidden !important;
    }
}
@media (max-width: 768px) {
    .ib-desktop-only {
        display: none !important;
    }

    .c-table:has(.c-account-tbody) th:nth-child(4),
    .c-table:has(.c-account-tbody) th:nth-child(5) {
        text-align: center !important;
    }
}

/
/* =========================================
   Сервер в авторизации / регистрации
   ========================================= */

/* ПК */
.c-select[data-name="server"] .c-select__trigger-label {
    position: relative !important;
    right: 28px !important;
}

/* Телефон */
@media (max-width: 768px) {

    .c-select[data-name="server"] .c-select__trigger-label {
        right: 28px !important;
    }
}
/* =========================================
   FILES: регистрация аккаунта
   ========================================= */

.ib-files-register {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    margin: 16px 0 20px;
    padding: 14px 16px;

    background:
        linear-gradient(
            90deg,
            rgba(168, 42, 42, .10),
            rgba(18, 10, 10, .72)
        );

    border: 1px solid rgba(168, 42, 42, .22);
    border-left: 3px solid #c93631;
    border-radius: 7px;
}

.ib-files-register__text {
    min-width: 0;
}

.ib-files-register__title {
    margin-bottom: 4px;

    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;

    color: #eee8e8;
}

.ib-files-register__desc {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.45;

    color: #a69d9d;
}

.ib-files-register__btn {
    flex: 0 0 auto;

    min-height: 38px;
    padding: 8px 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    white-space: nowrap;
    text-decoration: none;
}


/* MOBILE */
@media (max-width: 600px) {

    .ib-files-register {
        flex-direction: column;
        align-items: stretch;

        gap: 11px;

        margin: 12px 0 16px;
        padding: 13px;
    }

.ib-files-register__title {
    font-size: 15px;
}

.ib-files-register__desc {
    font-size: 12px;
}

    .ib-files-register__btn {
        width: 100%;
        min-height: 42px;

        padding: 9px 12px;

        font-size: 12px;
    }
}
/* =========================================
   STORE: таймер повторной покупки
   ========================================= */

.sh-buy__cooldown {
    display: flex;
    align-items: center;
    gap: 12px;

    margin: 12px 0;
    padding: 13px 14px;

    background: rgba(168, 42, 42, .10);
    border: 1px solid rgba(200, 55, 48, .25);
    border-left: 3px solid #c93631;
    border-radius: 7px;
}

.sh-buy__cooldown-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;

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

    color: #e57d77;
    background: rgba(168, 42, 42, .12);
    border-radius: 6px;
}

.sh-buy__cooldown-icon svg {
    width: 19px;
    height: 19px;
}

.sh-buy__cooldown-body {
    min-width: 0;
}

.sh-buy__cooldown-title {
    margin-bottom: 3px;

    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;

    color: #bdb3b3;
}

.sh-buy__cooldown-time {
    font-family: Arial, sans-serif;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: .05em;

    color: #ee9d97;
}

.sh-buy__cooldown-hint {
    margin-top: 4px;

    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1.35;

    color: #817878;
}

@media (max-width: 600px) {
    .sh-buy__cooldown {
        padding: 12px;
        gap: 10px;
    }

    .sh-buy__cooldown-time {
        font-size: 20px;
    }
}
/* STORE: cooldown на карточке товара */

.sh-card__cooldown {
    width: 100%;
    margin-top: 8px;
    padding: 8px 10px;

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

    background: rgba(168, 42, 42, .08);
    border: 1px solid rgba(200, 55, 48, .20);
    border-radius: 6px;

    font-family: Arial, sans-serif;
}

.sh-card__cooldown-label {
    font-size: 11px;
    font-weight: 600;
    color: #8f8585;
}

.sh-card__cooldown-time {
    flex: 0 0 auto;

    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;

    color: #e58a84;
}

@media (max-width: 600px) {
    .sh-card__cooldown {
        padding: 7px 9px;
    }

    .sh-card__cooldown-label {
        font-size: 10px;
    }

    .sh-card__cooldown-time {
        font-size: 13px;
    }
}

/* STORE: кнопка покупки по центру */
.sh-card__foot {
    justify-content: center !important;
}

.sh-card__foot .sh-price {
    width: 100%;
    text-align: center !important;
    align-items: center !important;
}
.sh-card__foot .sh-price__old,
.sh-card__foot .sh-price__now {
    width: 100%;
    justify-content: center !important;
    text-align: center !important;
}
.sh-card__foot .sh-card__cooldown {
    width: 100%;
    text-align: center;
    justify-content: center;
}

.sh-card__foot > .g-btn {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Способы входа: Пассключи / Файл-ключ */
.set-sub-nav {
    gap: 8px;
}

.set-sub-nav__btn.g-btn {
    min-height: 38px;

    color: #a9a3a0 !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.035),
            rgba(255,255,255,.012)
        ) !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;

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

.set-sub-nav__btn.g-btn svg {
    color: #8f8986 !important;
    transition: color .18s ease;
}

/* Наведение */
.set-sub-nav__btn.g-btn:hover:not(.is-active) {
    color: #d4cfcc !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.06),
            rgba(255,255,255,.025)
        ) !important;

    border-color: rgba(255,255,255,.14) !important;

    box-shadow: none !important;
}

.set-sub-nav__btn.g-btn:hover:not(.is-active) svg {
    color: #c3bdb9 !important;
}

/* Активный способ входа */
.set-sub-nav__btn.is-active.g-btn {
    color: #ff756e !important;

    background:
        linear-gradient(
            180deg,
            rgba(190,38,38,.18),
            rgba(120,24,24,.08)
        ) !important;

    border-color: rgba(225,60,52,.50) !important;

    box-shadow:
        inset 0 0 14px rgba(210,45,40,.08),
        0 0 10px rgba(200,35,35,.12) !important;
}

.set-sub-nav__btn.is-active.g-btn svg {
    color: #e95851 !important;
}

/* =========================================
   MOBILE: СТАТИСТИКА — FINAL
   PvP:  # | Ник | Клан | PvP
   PK:   # | Ник | Клан | PK
   Clan: # | Клан | Лидер | Репутация
   ========================================= */

@media (max-width: 768px) {

    /* Общая геометрия только для трёх нужных таблиц */
    .ib-stat-table--pvp,
    .ib-stat-table--pk,
    .ib-stat-table--clan {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .c-table-wrap:has(.ib-stat-table--pvp),
    .c-table-wrap:has(.ib-stat-table--pk),
    .c-table-wrap:has(.ib-stat-table--clan) {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .ib-stat-table--pvp th,
    .ib-stat-table--pvp td,
    .ib-stat-table--pk th,
    .ib-stat-table--pk td,
    .ib-stat-table--clan th,
    .ib-stat-table--clan td {
        min-width: 0 !important;
        max-width: none !important;
        box-sizing: border-box !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    /* TOP PvP: # | Ник | Клан | PvP */
    .ib-stat-table--pvp .ib-stat-col--class,
    .ib-stat-table--pvp .ib-stat-col--level,
    .ib-stat-table--pvp .ib-stat-col--pk,
    .ib-stat-table--pvp .ib-stat-col--online {
        display: none !important;
    }

    /* TOP PK: # | Ник | Клан | PK */
    .ib-stat-table--pk .ib-stat-col--class,
    .ib-stat-table--pk .ib-stat-col--level,
    .ib-stat-table--pk .ib-stat-col--pvp,
    .ib-stat-table--pk .ib-stat-col--online {
        display: none !important;
    }

    .ib-stat-table--pvp .ib-stat-col--rank,
    .ib-stat-table--pk .ib-stat-col--rank {
        width: 38px !important;
        text-align: center !important;
    }

    .ib-stat-table--pvp .ib-stat-col--nick,
    .ib-stat-table--pk .ib-stat-col--nick {
        width: 34% !important;
    }

    .ib-stat-table--pvp .ib-stat-col--clan,
    .ib-stat-table--pk .ib-stat-col--clan {
        width: 32% !important;
    }

    .ib-stat-table--pvp .ib-stat-col--pvp,
    .ib-stat-table--pk .ib-stat-col--pk {
        width: 24% !important;
        text-align: center !important;
    }

    /* TOP кланов: # | Клан | Лидер | Репутация */
    .ib-stat-table--clan .ib-clan-stat-col--ally,
    .ib-stat-table--clan .ib-clan-stat-col--members,
    .ib-stat-table--clan .ib-clan-stat-col--level {
        display: none !important;
    }

    .ib-stat-table--clan .ib-clan-stat-col--rank {
        width: 38px !important;
        text-align: center !important;
    }

    .ib-stat-table--clan .ib-clan-stat-col--clan {
        width: 29% !important;
    }

    .ib-stat-table--clan .ib-clan-stat-col--leader {
        width: 35% !important;
    }

    .ib-stat-table--clan .ib-clan-stat-col--reputation {
        width: 26% !important;
        text-align: center !important;
    }

    /* Не даём длинным никам/кланам растягивать таблицу */
    .ib-stat-table--pvp .c-player,
    .ib-stat-table--pk .c-player,
    .ib-stat-table--pvp .c-clan,
    .ib-stat-table--pk .c-clan,
    .ib-stat-table--clan .c-player,
    .ib-stat-table--clan .c-clan {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .ib-stat-table--pvp .c-player__name,
    .ib-stat-table--pk .c-player__name,
    .ib-stat-table--pvp .c-clan__link,
    .ib-stat-table--pk .c-clan__link,
    .ib-stat-table--clan .c-player__name,
    .ib-stat-table--clan .c-clan__link {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .ib-stat-table--pvp .c-player__avatar,
    .ib-stat-table--pk .c-player__avatar,
    .ib-stat-table--clan .c-player__avatar {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        flex: 0 0 28px !important;
    }

    .ib-stat-table--pvp .c-val__bar,
    .ib-stat-table--pk .c-val__bar,
    .ib-stat-table--clan .c-val__bar {
        display: none !important;
    }
}

/* =========================================
   MOBILE: игровые аккаунты — компактная таблица
   # Аккаунт / Персонажи / Действия: заголовки-иконки
   ========================================= */
@media (max-width: 768px) {
    /* Скрываем подписи, оставляя иконки */
    .ib-desktop-only {
        display: none !important;
    }

    /* Дата создания и пароль в отдельных колонках на мобиле не нужны */
    .ib-mobile-hide {
        display: none !important;
    }

    /* Таблица аккаунтов не должна вылезать вправо */
    .c-table-wrap:has(.c-account-tbody) {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .c-table:has(.c-account-tbody) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .c-table:has(.c-account-tbody) th,
    .c-table:has(.c-account-tbody) td {
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    /* После скрытия Created/Password остаются 3 колонки */
    .c-table:has(.c-account-tbody) th:nth-child(1),
    .c-table:has(.c-account-tbody) td:nth-child(1) {
        width: 46% !important;
    }

    .c-table:has(.c-account-tbody) th:nth-child(4),
    .c-table:has(.c-account-tbody) td:nth-child(4) {
        width: 27% !important;
        text-align: center !important;
    }

    .c-table:has(.c-account-tbody) th:nth-child(5),
    .c-table:has(.c-account-tbody) td:nth-child(5) {
        width: 27% !important;
        text-align: center !important;
    }

    .c-table:has(.c-account-tbody) thead th:nth-child(1),
    .c-table:has(.c-account-tbody) thead th:nth-child(4),
    .c-table:has(.c-account-tbody) thead th:nth-child(5) {
        text-align: center !important;
    }

    .c-table:has(.c-account-tbody) thead th:nth-child(1) > *,
    .c-table:has(.c-account-tbody) thead th:nth-child(4) > *,
    .c-table:has(.c-account-tbody) thead th:nth-child(5) > * {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .c-table:has(.c-account-tbody) .c-acct {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .c-table:has(.c-account-tbody) .char-block {
        white-space: normal !important;
    }

    /* Пароль в Действиях: только иконка, компактная кнопка */
    .c-account-tbody > tr:not(.c-char-strip) > td:nth-child(5) .g-btn {
        width: 36px !important;
        min-width: 36px !important;
        height: 34px !important;
        padding: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .c-account-tbody > tr:not(.c-char-strip) > td:nth-child(5) > div {
        justify-content: center !important;
    }

    .c-account-tbody > tr:not(.c-char-strip) > td:nth-child(5) > div > div {
        width: auto !important;
    }

    /* Раскрытая карточка персонажа должна занимать всю таблицу */
    .c-char-strip__cell {
        width: 100% !important;
    }
}
/* ===== FIX BROWSER AUTOFILL ===== */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #e8e8e8 !important;
    caret-color: #e8e8e8 !important;

    -webkit-box-shadow: 0 0 0 1000px #0d0b0b inset !important;
    box-shadow: 0 0 0 1000px #0d0b0b inset !important;

    transition: background-color 9999s ease-out 0s !important;
}

input:autofill {
    color: #e8e8e8 !important;
    background: #0d0b0b !important;
}
/* ===== DONATE SLIDER UPGRADE ===== */
.dn-slider-wrap {
    position: relative;
    margin-top: 1.25rem;
    margin-bottom: .25rem;
    padding: .55rem .55rem .35rem;
    background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(0,0,0,.06));
    border: 1px solid rgba(255,255,255,.045);
    border-radius: 10px;
}

.dn-slider-tip {
    padding: .22rem .5rem !important;
    border-color: rgba(225,63,56,.75) !important;
    border-radius: 7px !important;
    font-size: .7rem !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums;
    box-shadow:
        0 3px 10px rgba(0,0,0,.28),
        0 0 10px rgba(225,63,56,.30),
        0 0 22px rgba(225,63,56,.14) !important;
}

.dn-slider::-webkit-slider-runnable-track {
    height: 4px !important;
    border-radius: 999px;
    background:
        linear-gradient(
            90deg,
            var(--gold) 0%,
            var(--gold) var(--p, 0%),
            rgba(255,255,255,.09) var(--p, 0%),
            rgba(255,255,255,.09) 100%
        ) !important;
    box-shadow:
        0 0 5px rgba(225,63,56,.35),
        0 0 14px rgba(225,63,56,.18);
}

.dn-slider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -6px !important;
    border: 2px solid #f5e6d0 !important;
    border-radius: 50% !important;
    background: var(--gold) !important;
    box-shadow:
        0 0 0 3px rgba(225,63,56,.12),
        0 0 8px rgba(225,63,56,.65),
        0 0 18px rgba(225,63,56,.35) !important;
    transition:
        transform .15s ease,
        box-shadow .15s ease !important;
}

.dn-slider:hover::-webkit-slider-thumb {
    transform: scale(1.08);
    box-shadow:
        0 0 0 4px rgba(225,63,56,.13),
        0 0 10px rgba(225,63,56,.8),
        0 0 24px rgba(225,63,56,.42) !important;
}

.dn-slider:active::-webkit-slider-thumb {
    transform: scale(1.14);
}

.dn-slider::-moz-range-track {
    height: 4px !important;
    border-radius: 999px;
    background: rgba(255,255,255,.09) !important;
}

.dn-slider::-moz-range-progress {
    height: 4px !important;
    border-radius: 999px;
    background: var(--gold) !important;
    box-shadow:
        0 0 6px rgba(225,63,56,.5),
        0 0 15px rgba(225,63,56,.2);
}

.dn-slider::-moz-range-thumb {
    width: 13px !important;
    height: 13px !important;
    border: 2px solid #f5e6d0 !important;
    border-radius: 50% !important;
    background: var(--gold) !important;
    box-shadow:
        0 0 8px rgba(225,63,56,.7),
        0 0 18px rgba(225,63,56,.35) !important;
}

.dn-slider-scale {
    padding: 0 .25rem !important;
    margin-top: .05rem !important;
}

.dn-slider-scale i {
    width: 1px !important;
    height: .28rem !important;
    background: rgba(255,255,255,.13) !important;
}

.dn-slider-scale b {
    font-size: .58rem !important;
    font-variant-numeric: tabular-nums;
}
/* =========================================================
   STORE UI POLISH v2
   ========================================================= */


/* ===== ITEM ICON ===== */

.sh-gi {
    border-radius: 6px !important;
    background: rgba(255,255,255,.02) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.sh-gi img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 5px !important;
}

.sh-gi__shine,
.sh-gi__spark {
    border-radius: 5px !important;
}


/* ===== QUANTITY ===== */

.sh-line__qty {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    padding: 5px 7px !important;

    background: rgba(18,10,10,.65) !important;
    border: 1px solid rgba(168,42,42,.20) !important;
    border-radius: 5px !important;

    box-shadow: none !important;
}

.sh-line__qty-lbl {
    display: inline-flex !important;
    align-items: center !important;

    color: #807776 !important;

    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.sh-line__qty-num {
    display: inline-flex !important;
    align-items: center !important;

    color: #f2efed !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    transform: translateY(-1px);
}


/* ===== PRICE ===== */

.sh-price {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    gap: 2px !important;

    text-align: center !important;
}


/* Старая цена */

.sh-price__old {
    display: inline-flex !important;
    align-items: baseline !important;

    width: fit-content !important;
    max-width: max-content !important;

    gap: 3px !important;

    color: #746d6b !important;

    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: rgba(160,150,148,.7) !important;

    opacity: .72 !important;
}

.sh-price__old::after {
    display: none !important;
    content: none !important;
}

.sh-price__old-num {
    font-size: 10px !important;
    font-weight: 500 !important;
}

.sh-price__old-cur {
    font-size: 8px !important;
    font-weight: 500 !important;
}


/* Текущая цена */

.sh-price__now {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;

    width: fit-content !important;

    gap: 2px !important;

    color: #f1eeec !important;
}

.sh-price__num {
    color: #f1eeec !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    font-variant-numeric: tabular-nums;
}

.sh-price__cur {
    color: #c4bcba !important;

    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
}
.sh-card__foot {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.sh-price__cur {
    color: #c4bcba !important;
}

/* ===== PURCHASE TOTAL ===== */

.sh-buy__total {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    padding: 14px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(168,42,42,.07),
            rgba(255,255,255,.012)
        ) !important;

    border: 1px solid rgba(186,70,60,.24) !important;
    border-radius: 8px !important;

    box-shadow: none !important;
}

.sh-buy__total-label {
    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    color: #8f8785 !important;

    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .035em !important;

    text-transform: uppercase !important;
}

.sh-buy__total-icon {
    width: 16px !important;
    height: 16px !important;

    color: #8f8785 !important;
}

.sh-buy__total-price {
    display: inline-flex !important;
    align-items: baseline !important;

    gap: 6px !important;

    white-space: nowrap !important;
}

.sh-buy__total-num {
    color: #f5f2f0 !important;

    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    font-variant-numeric: tabular-nums;
}

.sh-buy__total-cur {
    color: #beb6b3 !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    letter-spacing: .01em !important;

    text-transform: none !important;
}


/* ===== MOBILE ===== */

@media (max-width: 600px) {

    .sh-price__num {
        font-size: 21px !important;
    }

    .sh-price__cur {
        font-size: 11px !important;
    }

    .sh-buy__total {
        gap: 10px !important;
        padding: 12px 13px !important;
    }

    .sh-buy__total-label {
        font-size: 9px !important;
    }

    .sh-buy__total-num {
        font-size: 20px !important;
    }

    .sh-buy__total-cur {
        font-size: 10px !important;
    }
}

/* ===== STORE TOP ICON ===== */

.sh-card__seal.has-image {
    width: 58px !important;
    height: 58px !important;

    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,.08) !important;

    background: rgba(255,255,255,.02) !important;

    box-shadow:
        inset 0 0 8px rgba(0,0,0,.35),
        0 0 8px rgba(0,0,0,.25) !important;

    overflow: hidden !important;
}

.sh-card__seal.has-image::before,
.sh-card__seal.has-image::after {
    display: none !important;
}

.sh-card__seal.has-image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    border-radius: 7px !important;
}
/* =========================================================
   STORE MOBILE POLISH v2
   ========================================================= */

@media (max-width: 600px) {

    /* =========================
       PRODUCT CARD
       ========================= */

    .sh-card {
        border-radius: 14px !important;
    }

    .sh-card__head {
        padding: 14px 14px 12px !important;
        gap: 12px !important;
    }

    .sh-card__body {
        padding: 12px 14px !important;
    }

    .sh-card__foot {
        padding: 12px 14px 14px !important;
    }


    /* =========================
       PRODUCT ICON
       Реальная картинка = квадрат
       Заглушка = круг
       ========================= */

    .sh-card__seal:has(img),
    .sh-card__seal.has-image {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;

        padding: 0 !important;

        border-radius: 8px !important;

        background: rgba(255,255,255,.025) !important;

        border: 1px solid rgba(178,87,67,.30) !important;

        box-shadow:
            0 3px 10px rgba(0,0,0,.30),
            0 0 10px rgba(155,55,40,.08) !important;

        overflow: hidden !important;
    }

    .sh-card__seal:has(img)::before,
    .sh-card__seal:has(img)::after,
    .sh-card__seal.has-image::before,
    .sh-card__seal.has-image::after {
        display: none !important;
        content: none !important;
    }

    .sh-card__seal:has(img) img,
    .sh-card__seal.has-image img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;

        border: 0 !important;
        border-radius: 7px !important;

        box-shadow: none !important;
    }

    /* Заглушка без картинки остаётся круглой */
    .sh-card__seal:not(:has(img)):not(.has-image) {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
    }


    /* =========================
       PRODUCT TITLE
       ========================= */

    .sh-card__cat {
        font-size: 9px !important;
        line-height: 1.1 !important;
    }

    .sh-card__title {
        margin-top: 4px !important;

        font-size: 17px !important;
        line-height: 1.15 !important;
        font-weight: 500 !important;
    }


    /* =========================
       ITEM ROW
       ========================= */

    .sh-line {
        min-height: 46px !important;

        gap: 9px !important;
    }

    .sh-line__icon {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
    }

    .sh-line__name {
        color: #d6cfcc !important;

        font-size: 12px !important;
        line-height: 1 !important;
    }


    /* =========================
       QUANTITY
       ========================= */

    .sh-line__qty {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 4px !important;

        padding: 5px 7px !important;

        line-height: 1 !important;

        white-space: nowrap !important;
    }

    .sh-line__qty-lbl {
        display: inline-flex !important;
        align-items: center !important;

        color: #7f7876 !important;

        font-size: 9px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
    }

    .sh-line__qty-num {
        display: inline-flex !important;
        align-items: center !important;

        color: #f1edeb !important;

        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1 !important;

        transform: translateY(-1px) !important;
    }


    /* =========================
       PRICE AREA
       ========================= */

    .sh-card__foot .sh-price {
        display: flex !important;

        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;

        width: auto !important;

        gap: 3px !important;

        text-align: left !important;
    }


    /* Старая цена */

    .sh-card__foot .sh-price__old {
        display: inline-flex !important;

        align-items: baseline !important;

        width: fit-content !important;

        gap: 3px !important;

        color: #817a77 !important;

        opacity: .78 !important;

        text-decoration: line-through !important;
        text-decoration-color: rgba(160,150,147,.70) !important;
        text-decoration-thickness: 1px !important;

        line-height: 1 !important;
    }

    .sh-card__foot .sh-price__old::before,
    .sh-card__foot .sh-price__old::after {
        display: none !important;
        content: none !important;
    }

    .sh-card__foot .sh-price__old-num {
        color: #817a77 !important;

        font-size: 11px !important;
        font-weight: 500 !important;
    }

    .sh-card__foot .sh-price__old-cur {
        color: #817a77 !important;

        font-size: 9px !important;
        font-weight: 500 !important;
    }


    /* Основная цена */

    .sh-card__foot .sh-price__now {
        display: inline-flex !important;

        align-items: baseline !important;
        justify-content: flex-start !important;

        width: fit-content !important;

        gap: 4px !important;

        color: #f2eeec !important;
    }

    .sh-card__foot .sh-price__num {
        color: #f5f1ef !important;

        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        letter-spacing: 0 !important;

        font-variant-numeric: tabular-nums;
    }

    .sh-card__foot .sh-price__cur,
    .sh-card__foot .sh-price__now > span:last-child {
        color: #c7bfbc !important;

        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 0 !important;

        text-transform: none !important;

        opacity: 1 !important;
    }


    /* =========================
       BUY BUTTON
       ========================= */

    .sh-card__foot .g-btn {
        min-height: 36px !important;

        padding: 8px 16px !important;

        font-size: 13px !important;
    }


    /* =====================================================
       PURCHASE MODAL
       ===================================================== */

    .sh-buy {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;

        margin: 12px auto !important;

        border-radius: 14px !important;
    }

    .sh-buy__head {
        padding: 13px 14px !important;
    }

    .sh-buy__title {
        font-size: 17px !important;
    }

    .sh-buy__body {
        padding: 12px !important;
    }


    /* =========================
       MODAL PRODUCT ICON
       ========================= */

    .sh-buy__seal:has(img),
    .sh-buy__seal.has-image {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;

        padding: 0 !important;

        border-radius: 7px !important;

        background: rgba(255,255,255,.025) !important;

        border: 1px solid rgba(178,87,67,.28) !important;

        overflow: hidden !important;

        box-shadow: none !important;
    }

    .sh-buy__seal:has(img)::before,
    .sh-buy__seal:has(img)::after,
    .sh-buy__seal.has-image::before,
    .sh-buy__seal.has-image::after {
        display: none !important;
        content: none !important;
    }

    .sh-buy__seal:has(img) img,
    .sh-buy__seal.has-image img {
        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;

        border-radius: 6px !important;
    }


    /* =========================
       MODAL PRODUCT
       ========================= */

    .sh-buy__product {
        padding: 11px !important;

        gap: 10px !important;
    }

    .sh-buy__product-name {
        color: #f1edeb !important;

        font-size: 15px !important;
    }

    .sh-buy__product-count {
        color: #8d8582 !important;

        font-size: 9px !important;
    }


    /* =========================
       CHARACTER SELECT
       ========================= */

    .sh-buy__label {
        margin-bottom: 6px !important;

        color: #8d8582 !important;

        font-size: 9px !important;
    }

    .sh-buy__select {
        min-height: 42px !important;

        padding: 9px 11px !important;

        font-size: 12px !important;
    }


    /* =========================
       WILL BE DEDUCTED
       ========================= */

    .sh-buy__total {
        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 8px !important;

        padding: 12px !important;

        border-radius: 8px !important;
    }

    .sh-buy__total-label {
        display: inline-flex !important;

        align-items: center !important;

        gap: 5px !important;

        color: #938b88 !important;

        font-size: 9px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }

    .sh-buy__total-icon {
        width: 14px !important;
        height: 14px !important;

        color: #938b88 !important;
    }

    .sh-buy__total-price,
    .sh-buy__total-value {
        display: inline-flex !important;

        align-items: baseline !important;
        justify-content: flex-end !important;

        gap: 4px !important;

        white-space: nowrap !important;
    }

    .sh-buy__total-num {
        color: #f5f1ef !important;

        font-size: 19px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        letter-spacing: 0 !important;
    }

    .sh-buy__total-cur {
        color: #c7bfbc !important;

        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 0 !important;
        text-transform: none !important;

        opacity: 1 !important;
    }


    /* =========================
       MODAL BUY BUTTON
       ========================= */

    .sh-buy__footer {
        padding: 10px 12px 12px !important;
    }

    .sh-buy__footer .g-btn {
        min-height: 40px !important;

        padding: 9px 14px !important;

        font-size: 13px !important;
    }
}
/* ===== MOBILE FINAL FIX ===== */
@media (max-width: 600px) {

    /* Валюта и цена */
    .sh-card__foot .sh-price__num {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    .sh-card__foot .sh-price__cur,
    .sh-card__foot .sh-price__now > span:last-child {
        color: #d8d1ce !important;
        -webkit-text-fill-color: #d8d1ce !important;
        opacity: 1 !important;
    }

    /* Количество предметов */
    .sh-line__qty-num {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        transform: none !important;
        position: relative !important;
        top: -1px !important;
    }
}
/* ===== STORE MOBILE REAL FIX ===== */
@media (max-width: 600px) {

    .sh-card__foot .sh-price__now {
        color: #f2efed !important;
        -webkit-text-fill-color: #f2efed !important;

        font-size: 18px !important;
        font-weight: 700 !important;

        letter-spacing: 0 !important;
        gap: 3px !important;
    }

    .sh-card__foot .sh-price__now > span {
        color: #c9c2bf !important;
        -webkit-text-fill-color: #c9c2bf !important;

        font-size: 10px !important;
        font-weight: 600 !important;

        letter-spacing: 0 !important;
        text-transform: none !important;

        opacity: 1 !important;
    }

    .sh-card__foot .sh-price__old {
        color: #817a77 !important;
        -webkit-text-fill-color: #817a77 !important;

        font-size: 10px !important;
        letter-spacing: 0 !important;
    }
}
/* =========================================
   INVENTORY: итог выбранных предметов
   ========================================= */

.c-cart__total {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.c-cart__total-label {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}

.c-cart__total-val {
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    color: #ee7066 !important;
    text-shadow: 0 0 10px rgba(220, 55, 45, .25) !important;

    font-variant-numeric: tabular-nums;
}
/* =========================================================
   СПОСОБЫ ОПЛАТЫ
   Выбранный метод: яркая подсветка без галочки
   ========================================================= */

/* Убираем галочку ТОЛЬКО у способов оплаты */
.dn-pm-cell > .dn-pm-row__check {
    display: none !important;
}

/* Плавность */
.dn-pm-row {
    transition:
        border-color .20s ease,
        box-shadow .20s ease,
        background .20s ease,
        filter .20s ease,
        transform .20s ease !important;
}

/* Выбранный способ оплаты */
.dn-pm-row.dn-pm-row--active {
    border: 1px solid #ef4b43 !important;

    background:
        linear-gradient(
            180deg,
            rgba(239, 75, 67, .12),
            rgba(120, 20, 18, .06)
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 105, 95, .28),
        inset 0 0 18px rgba(220, 50, 42, .10),
        0 0 0 1px rgba(239, 75, 67, .45),
        0 0 10px rgba(239, 75, 67, .50),
        0 0 22px rgba(200, 40, 35, .25) !important;

    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
}

/* Картинка выбранного способа чуть ярче */
.dn-pm-row.dn-pm-row--active .dn-pm-row__ico img {
    filter:
        brightness(1.10)
        contrast(1.04) !important;
}
/* =========================================================
   ВАЛЮТЫ
   Выбранная валюта: красная подсветка как у способа оплаты
   ========================================================= */

.dn-curpick__btn {
    transition:
        border-color .20s ease,
        box-shadow .20s ease,
        background .20s ease,
        filter .20s ease,
        transform .20s ease !important;
}

/* Убираем старое затемнение выбранной валюты */
.dn-curpick__btn.is-active {
    opacity: 1 !important;

    border: 1px solid #ef4b43 !important;

    background:
        linear-gradient(
            180deg,
            rgba(239, 75, 67, .12),
            rgba(120, 20, 18, .06)
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 105, 95, .28),
        inset 0 0 18px rgba(220, 50, 42, .10),
        0 0 0 1px rgba(239, 75, 67, .45),
        0 0 10px rgba(239, 75, 67, .50),
        0 0 22px rgba(200, 40, 35, .25) !important;

    filter: brightness(1.08) !important;
    transform: translateY(-1px) !important;
}

/* Картинка выбранной валюты становится ярче */
.dn-curpick__btn.is-active .dn-curpick__ico {
    opacity: 1 !important;

    filter:
        brightness(1.10)
        contrast(1.04) !important;
}

/* Галочку валют тоже убираем */
.dn-curpick__btn .dn-curpick__tick {
    display: none !important;
}
/* =========================================================
   СПОСОБЫ ОПЛАТЫ
   Неактивные темнее / выбранный полностью яркий
   ========================================================= */

/* НЕ ВЫБРАННЫЕ */
.dn-pm-row:not(.dn-pm-row--active) {
    filter: brightness(.65) saturate(.75) !important;
    opacity: .78 !important;
}

.dn-pm-row:not(.dn-pm-row--active) .dn-pm-row__ico,
.dn-pm-row:not(.dn-pm-row--active) .dn-pm-row__ico img {
    filter: none !important;
    opacity: 1 !important;
}


/* ВЫБРАННЫЙ */
.dn-pm-row.dn-pm-row--active {
    opacity: 1 !important;
    filter: none !important;

    /* никакой тёмной/красной заливки */
    background: transparent !important;

    border: 1px solid #ef4b43 !important;

    box-shadow:
        inset 0 0 0 1px rgba(255, 105, 95, .22),
        0 0 0 1px rgba(239, 75, 67, .45),
        0 0 10px rgba(239, 75, 67, .55),
        0 0 22px rgba(200, 40, 35, .28) !important;

    transform: translateY(-1px) !important;
}


/* Внутренний контейнер выбранного */
.dn-pm-row.dn-pm-row--active .dn-pm-row__ico {
    opacity: 1 !important;
    filter: none !important;
    background: transparent !important;
}


/* САМА КАРТИНКА выбранного способа */
.dn-pm-row.dn-pm-row--active .dn-pm-row__ico img {
    opacity: 1 !important;
    filter: none !important;
}


/* HOVER невыбранного */
.dn-pm-row:not(.dn-pm-row--active):hover {
    filter: brightness(.85) saturate(.90) !important;
    opacity: .92 !important;
}
/* STORE: количество предмета x1 / x2 / x10 */
.sh-card .sh-line .sh-line__qty-num {
    font-size: 14px !important;
    font-weight: 800 !important;
}
/* Donate: связь с администратором */
.dn-admin-contact {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;

    margin-top: 14px;
    padding-top: 12px;

    border-top: 1px solid rgba(255, 255, 255, .045);

    color: #746d69;
    font-size: 11px;
    line-height: 1.35;
}

.dn-admin-contact a {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    color: #c75b53;
    font-weight: 600;
    text-decoration: none;

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

.dn-admin-contact a:hover {
    color: #ef746a;
    text-shadow: 0 0 10px rgba(215, 76, 66, .22);
}

.dn-admin-contact__arrow {
    position: relative;
    top: -1px;

    transition: transform .18s ease;
}

.dn-admin-contact a:hover .dn-admin-contact__arrow {
    transform: translateX(2px);
}

@media (max-width: 767px) {
    .dn-admin-contact {
        justify-content: center;
        text-align: center;
    }
}

/* IB auth artwork: reveal the centre, keep the lower text area dark. */
.ib-auth-video-overlay {
    background:
        linear-gradient(180deg, rgba(10,8,8,.16) 0%, rgba(10,8,8,.22) 55%, rgba(10,8,8,.88) 100%),
        linear-gradient(90deg, rgba(10,8,8,.10) 0%, transparent 35%, transparent 70%, rgba(10,8,8,.35) 100%);
}