@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-BlackItalic.eot);
    src:
        local("Mazzard H Black Italic"),
        local("MazzardH-BlackItalic"),
        url(../fonts/Mazzard/MazzardH-BlackItalic.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-BlackItalic.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-BlackItalic.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-Black.eot);
    src:
        local("Mazzard H Black"),
        local("MazzardH-Black"),
        url(../fonts/Mazzard/MazzardH-Black.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-Black.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-Black.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-Medium.eot);
    src:
        local("Mazzard H Medium"),
        local("MazzardH-Medium"),
        url(../fonts/Mazzard/MazzardH-Medium.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-Medium.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-Medium.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-LightItalic.eot);
    src:
        local("Mazzard H Light Italic"),
        local("MazzardH-LightItalic"),
        url(../fonts/Mazzard/MazzardH-LightItalic.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-LightItalic.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-LightItalic.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-ExtraLight.eot);
    src:
        local("Mazzard H ExtraLight"),
        local("MazzardH-ExtraLight"),
        url(../fonts/Mazzard/MazzardH-ExtraLight.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-ExtraLight.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-ExtraLight.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-Light.eot);
    src:
        local("Mazzard H Light"),
        local("MazzardH-Light"),
        url(../fonts/Mazzard/MazzardH-Light.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-Light.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-Light.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-ExtraBoldItalic.eot);
    src:
        local("Mazzard H ExtraBold Italic"),
        local("MazzardH-ExtraBoldItalic"),
        url(../fonts/Mazzard/MazzardH-ExtraBoldItalic.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-ExtraBoldItalic.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-ExtraBoldItalic.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-ExtraBoldItalic.ttf) format("truetype");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-MediumItalic.eot);
    src:
        local("Mazzard H Medium Italic"),
        local("MazzardH-MediumItalic"),
        url(../fonts/Mazzard/MazzardH-MediumItalic.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-MediumItalic.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-MediumItalic.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-Thin.eot);
    src:
        local("Mazzard H Thin"),
        local("MazzardH-Thin"),
        url(../fonts/Mazzard/MazzardH-Thin.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-Thin.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-Thin.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-SemiBoldItalic.eot);
    src:
        local("Mazzard H SemiBold Italic"),
        local("MazzardH-SemiBoldItalic"),
        url(../fonts/Mazzard/MazzardH-SemiBoldItalic.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-SemiBoldItalic.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-SemiBoldItalic.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-ThinItalic.eot);
    src:
        local("Mazzard H Thin Italic"),
        local("MazzardH-ThinItalic"),
        url(../fonts/Mazzard/MazzardH-ThinItalic.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-ThinItalic.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-ThinItalic.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-ThinItalic.ttf) format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-Bold.eot);
    src:
        local("Mazzard H Bold"),
        local("MazzardH-Bold"),
        url(../fonts/Mazzard/MazzardH-Bold.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-Bold.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-Bold.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-Regular.eot);
    src:
        local("Mazzard H Regular"),
        local("MazzardH-Regular"),
        url(../fonts/Mazzard/MazzardH-Regular.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-Regular.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-Regular.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-SemiBold.eot);
    src:
        local("Mazzard H SemiBold"),
        local("MazzardH-SemiBold"),
        url(../fonts/Mazzard/MazzardH-SemiBold.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-SemiBold.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-SemiBold.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-BoldItalic.eot);
    src:
        local("Mazzard H Bold Italic"),
        local("MazzardH-BoldItalic"),
        url(../fonts/Mazzard/MazzardH-BoldItalic.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-BoldItalic.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-BoldItalic.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-ExtraLightItalic.eot);
    src:
        local("Mazzard H ExtraLight Italic"),
        local("MazzardH-ExtraLightItalic"),
        url(../fonts/Mazzard/MazzardH-ExtraLightItalic.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-ExtraLightItalic.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-ExtraLightItalic.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-ExtraLightItalic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard H";
    src: url(../fonts/Mazzard/MazzardH-ExtraBold.eot);
    src:
        local("Mazzard H ExtraBold"),
        local("MazzardH-ExtraBold"),
        url(../fonts/Mazzard/MazzardH-ExtraBold.eot?#iefix)
            format("embedded-opentype"),
        url(../fonts/Mazzard/MazzardH-ExtraBold.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardH-ExtraBold.woff) format("woff"),
        url(../fonts/Mazzard/MazzardH-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard M";
    src: url(../fonts/Mazzard/MazzardM-Bold.eot);
    src:
        local("Mazzard M Bold"),
        local("MazzardM-Bold"),
        url(../fonts/Mazzard/MazzardM-Bold.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardM-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard M";
    src: url(../fonts/Mazzard/MazzardM-SemiBold.eot);
    src:
        local("Mazzard M SemiBold"),
        local("MazzardM-SemiBold"),
        url(../fonts/Mazzard/MazzardM-SemiBold.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardM-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard M";
    src: url(../fonts/Mazzard/MazzardM-Medium.eot);
    src:
        local("Mazzard M Medium"),
        local("MazzardM-Medium"),
        url(../fonts/Mazzard/MazzardM-Medium.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardM-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard M";
    src: url(../fonts/Mazzard/MazzardM-Regular.eot);
    src:
        local("Mazzard M Regular"),
        local("MazzardM-Regular"),
        url(../fonts/Mazzard/MazzardM-Regular.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardM-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Mazzard M";
    src: url(../fonts/Mazzard/MazzardM-Light.eot);
    src:
        local("Mazzard M Light"),
        local("MazzardM-Light"),
        url(../fonts/Mazzard/MazzardM-Light.woff2) format("woff2"),
        url(../fonts/Mazzard/MazzardM-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Mazzard H", sans-serif;
    line-height: 1.4;
    outline: 0 !important;
}

::-moz-selection {
    background-color: #8456ff;
}

::selection {
    background-color: #8456ff;
}

img {
    /* max-width: 100%; */
    /* width: 100%; */
    vertical-align: bottom;
}

.instruction img {
    width: none;
    vertical-align: bottom;
}

body {
    width: 100%;
    min-width: 320px;
    background: #111720;
}

a,
button,
input,
li,
p,
span {
    font-size: inherit;
}

a,
li,
p,
span {
    font-weight: inherit;
    font-family: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    color: inherit;
    text-align: inherit;
}

p {
    color: #ffffff;
}

span {
    color: #ffffff;
}

li {
    color: #ffffff;
}

ol {
    color: #ffffff;
}

a {
    color: #ffffff;
}

div {
    color: #ffffff;
}

button {
    color: #ffffff;
}

input,
textarea {
    border: unset;
}

button {
    cursor: pointer;
    border: none;
    background-color: unset;
    white-space: nowrap;
}

a {
    text-decoration: none;
}

html {
    --content-width: 1520px;
    --header-height: 176px;
}

html::-webkit-scrollbar {
    width: 10px;
    background-color: #131923;
}

html::-webkit-scrollbar-thumb {
    width: 10px;
    background-color: #8456ff;
}

html::-webkit-scrollbar-thumb:hover {
    background-color: #6b34ff;
}

.wrapper {
    width: 100%;
}

@supports (overflow: clip) {
    html,
    body {
        overflow-x: clip;
    }
}

.content {
    width: var(--content-width);
    max-width: calc(100% - 160px);
    margin: 0 auto;
    position: relative;
}

.section-category {
    padding: 12px 25px 12px 15px;
    background-color: #1a2431;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100px;
    white-space: nowrap;
}

.section-category + .section-caption,
.section-category + .section-caption-container {
    margin-top: 25px;
}

.section-category__icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: -o-linear-gradient(283.59deg, #8456ff 9.73%, #8e4cd7 102.08%);
    background: linear-gradient(166.41deg, #8456ff 9.73%, #8e4cd7 102.08%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
}

.section-category__icon img {
    width: 60%;
    height: 60%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.section-category__text {
    font-size: 16px;
    font-weight: 500;
}

.section-caption {
    font-size: 55px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.section-caption + .section-subcaption {
    margin-top: 15px;
}

.section-caption__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 0.8em;
    height: 0.8em;
    background: -o-linear-gradient(283.59deg, #ad57ff 9.73%, #8a56ff 102.08%);
    background: linear-gradient(166.41deg, #ad57ff 9.73%, #8a56ff 102.08%);
    vertical-align: middle;
}

.section-caption__icon span {
    display: block;
    width: 55%;
    height: 55%;
    background-image: url(../img/icon_lightning.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.section-caption-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-subcaption {
    font-size: 22px;
    line-height: 1.44;
    color: rgba(255, 255, 255, 0.54);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Mazzard M";
}

.section-subcaption .social-btn {
    margin-left: 30px;
}

.btn {
    -webkit-transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        -webkit-transform 0.15s ease,
        -webkit-box-shadow 0.25s ease;
    -o-transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.15s ease,
        box-shadow 0.25s ease;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.15s ease,
        box-shadow 0.25s ease;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    min-height: 44px;
    padding: 0 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100px;
    background-color: #141a25;
    border: 1px solid #222c3d;
    color: #fff;
    text-decoration: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.btn[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.btn:hover {
    background-color: #222c3d;
    transform: translateY(-1px);
}

.btn:active {
    transform: translateY(0);
}

.btn:focus-visible {
    outline: 2px solid #8456ff;
    outline-offset: 2px;
}

.btn__icon {
    padding-right: 7px;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    margin-right: 15px;
}

.btn__icon img {
    width: 23px;
    height: 23px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.btn-accent {
    background-color: #8456ff;
    border-color: #8456ff;
    box-shadow: 0 6px 22px -8px rgba(132, 86, 255, 0.55);
}

.btn-accent:hover {
    background-color: #6b34ff;
    border-color: #6b34ff;
    box-shadow: 0 10px 28px -8px rgba(132, 86, 255, 0.75);
}

.btn-auth-tg {
    background-color: #54a9eb;
}

.btn-auth-tg:hover {
    background-color: #4888ba;
}

.btn-yandex {
    background-color: #fc3f1d;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-yandex:hover {
    background-color: #e03010;
}

.btn-outline-accent {
    border: 1px solid #8456ff;
    color: #8456ff;
    background-color: transparent !important;
}

.btn-outline-accent:hover {
    background-color: #8456ff;
    color: #fff;
}

.types {
    padding: 4px 7px 4px 25px;
    border-radius: 4px;
    background-color: rgba(138, 245, 155, 0.09);
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    color: #8af59b;
    background-image: url(../img/icon_7.svg);
    background-size: 13px 13px;
    background-position: 7px center;
    background-repeat: no-repeat;
    margin-bottom: 11px;
}

.decor {
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: contain;
}

.slider-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider-arrows__arrow {
    width: 61px;
    height: 61px;
    border-radius: 9px;
    background-color: #222730;
    -webkit-transition:
        0.3s background-color,
        0.3s opacity;
    -o-transition:
        0.3s background-color,
        0.3s opacity;
    transition:
        0.3s background-color,
        0.3s opacity;
    background-image: url(../img/icon_arrow-next.svg);
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: center;
}

.slider-arrows__arrow:hover {
    background-color: #2b313d;
}

.slider-arrows__arrow.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.slider-arrows__prev {
    margin-right: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cheat-status {
    padding: 4px 7px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.cheat-status svg {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.cheat-status svg [fill] {
    fill: var(--color);
}

.cheat-status svg [stroke] {
    stroke: var(--color);
}

.cheat-status::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    background-color: var(--color);
    opacity: 0.09;
}

.cheat-status_undetected,
.cheat-status_without-root {
    --color: #8af59b;
}

.cheat-status_on-update,
.cheat-status_with-root {
    --color: #f5c48a;
}

.cheat-status_risk {
    --color: #ff989f;
}

.cheat-status_detected {
    --color: #ff989f;
}

section {
    position: relative;
    width: 100%;
}

section:first-child {
    padding-top: var(--header-height);
}

.header {
    font-size: 16px;
    position: relative;
    z-index: 10;
    height: var(--header-height);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header__logo {
    width: 153px;
    margin-right: 78px;
    display: block;
}

.header__logo img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    max-width: 100%;
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    margin-right: auto;
    font-family: "Mazzard M";
}

.header__menu__item a {
    color: #e9f1ff;
    font-weight: 700;
    -webkit-transition: 0.2s opacity;
    -o-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.header__menu__item a:hover {
    opacity: 0.6;
}

.header__menu__item:not(:last-child) {
    margin-right: 55px;
}

.header__lang {
    margin-right: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.header__lang__flag {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.09);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.09);
}

.header__lang__flag img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.header__lang .select__selected {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: #e9f1ff;
    font-family: "Mazzard M";
    font-weight: 700;
    font-size: 16px;
    height: auto;
    overflow: visible;
    gap: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__lang .select__selected::after {
    position: static;
    width: 16px;
    height: 16px;
    opacity: 0.4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* ===== Кастомный селект языка — компактный список ровно под кнопкой ===== */
.header__lang .select__inner {
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    padding: 5px;
    border-radius: 12px;
    background-color: #161c26;
    border: 1px solid #242d3c;
    -webkit-box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5);
    -webkit-transition:
        opacity 0.2s ease,
        -webkit-transform 0.2s ease;
    transition:
        opacity 0.2s ease,
        -webkit-transform 0.2s ease;
    -o-transition:
        opacity 0.2s ease,
        transform 0.2s ease;
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        -webkit-transform 0.2s ease;
}

.header__lang:not(._active) .select__inner {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
}

.header__lang .select__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 6px;
    border-radius: 8px;
    font-family: "Mazzard M";
    font-weight: 700;
    font-size: 14px;
    color: rgba(233, 241, 255, 0.6);
    margin-bottom: 2px;
    -webkit-transition:
        background-color 0.18s ease,
        color 0.18s ease;
    -o-transition:
        background-color 0.18s ease,
        color 0.18s ease;
    transition:
        background-color 0.18s ease,
        color 0.18s ease;
}

.header__lang .select__option:last-child {
    margin-bottom: 0;
}

.header__lang .select__option:hover {
    background-color: #222c3b;
    color: #fff;
}

.header__lang .select__option._active {
    opacity: 1;
    background-color: rgba(132, 86, 255, 0.16);
    color: #ac8dff;
}

.header__search {
    width: 272px;
    height: 56px;
    margin-right: 20px;
    position: relative;
    z-index: 12;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header__search-reset-btn {
    width: 40px;
    height: 40px;
    right: 14px;
    top: 20px;
    position: absolute;
    z-index: 4;
    background-color: #1b2330;
    border-radius: 12px;
    background-image: url(../img/icon_remove.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
    opacity: 1;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.header__search-reset-btn:hover {
    background-color: #222c3d;
}

@media screen and (min-width: 768px) {
    .header__search-reset-btn {
        display: none;
    }
}

.header__search-btn {
    width: 20px;
    height: 20px;
    background-image: url(../img/icon_search.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media screen and (min-width: 768px) {
    .header__search-btn {
        display: none;
    }
}

.header__search:not(._active) .header__search__inner,
.header__search:not(._active) .header__search__overlay {
    opacity: 0;
    pointer-events: none;
}

.header__search__scroll-container {
    max-height: 293px;
}

.header__search__input {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: #111720;
    border: 1px solid transparent;
    border-radius: 18px;
    padding: 0 20px 0 52px;
    background-image: url(../img/header-search.svg);
    background-repeat: no-repeat;
    background-size: 19px 19px;
    background-position: 22px center;
    font-family: "Mazzard M";
    font-weight: 700;
    font-size: 16px;
    color: #e9f1ff;
    -webkit-transition: border-color 0.25s;
    -o-transition: border-color 0.25s;
    transition: border-color 0.25s;
}

.header__search__input:focus {
    border-color: #2a3344;
}

.header__search__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.header__search__input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.header__search__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.header__search__input::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.header__search__overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(11, 15, 21, 0.72);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 1;
}

.header__search__inner {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 14px 0;
    background-color: #111720;
    border: 1px solid #1d2533;
    border-radius: 18px;
    -webkit-box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
    top: calc(100% + 10px);
}

.header__search__inner,
.header__search__overlay {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.header__login {
    height: 56px;
    padding: 0 23px;
    background-color: #8456ff;
    border: none;
    border-radius: 18px;
    font-weight: 600;
    font-family: "Mazzard M";
    font-size: 18px;
    color: #fefefe;
    letter-spacing: -0.02em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header__login:hover {
    background-color: #6b34ff;
}

.header__login .btn__icon {
    border-right: none;
    padding-right: 0;
    margin-right: 15px;
}

.header__hamburger {
    width: 46px;
    height: 46px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 24px;
    border-radius: 13px;
    background-color: #171d28;
    border: 1px solid #222c3d;
    -webkit-transition:
        background-color 0.25s ease,
        border-color 0.25s ease;
    -o-transition:
        background-color 0.25s ease,
        border-color 0.25s ease;
    transition:
        background-color 0.25s ease,
        border-color 0.25s ease;
}

@media screen and (min-width: 1440px) {
    .header__hamburger {
        display: none;
    }
}

.header__hamburger:hover {
    background-color: #1e2531;
    border-color: #2f3a4d;
}

.header__hamburger._active {
    background-color: #8456ff;
    border-color: #8456ff;
}

.header__hamburger span {
    position: relative;
    display: block;
    width: 19px;
    height: 2px;
    border-radius: 2px;
    background-color: #e9f1ff;
    -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
    transition: -webkit-transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
    -o-transition: transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
    transition: transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
    transition:
        transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1),
        -webkit-transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
}

.header__hamburger span::before,
.header__hamburger span::after {
    content: "";
    position: absolute;
    left: 0;
    width: 19px;
    height: 2px;
    border-radius: 2px;
    background-color: #e9f1ff;
    -webkit-transition:
        top 0.3s ease,
        opacity 0.2s ease,
        -webkit-transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
    transition:
        top 0.3s ease,
        opacity 0.2s ease,
        -webkit-transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
    -o-transition:
        top 0.3s ease,
        opacity 0.2s ease,
        transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
    transition:
        top 0.3s ease,
        opacity 0.2s ease,
        transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
    transition:
        top 0.3s ease,
        opacity 0.2s ease,
        transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1),
        -webkit-transform 0.33s cubic-bezier(0.62, 0.12, 0.2, 1);
}

.header__hamburger span::before {
    top: -6px;
}

.header__hamburger span::after {
    top: 6px;
}

.header__hamburger._active span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header__hamburger._active span::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.header__hamburger._active span::after {
    top: 0;
    opacity: 0;
}

[data-simplebar] .simplebar-scrollbar::before {
    background: #29313d;
    left: 3px;
    right: 3px;
}

.search-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    padding: 15px 0;
}

.search-item:hover {
    background-color: #161c26;
}

.search-item_cheat .search-item__image img {
    width: 53px;
    height: 53px;
    border-radius: 50%;
}

.search-item__link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.search-item__image {
    width: 58px;
    margin: 0px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
}

.search-item__image img {
    width: 100%;
}

.search-item__status,
.search-item__types {
    font-size: 12px;
    margin-bottom: unset;
}

.search-item__name {
    display: block;
    margin-top: 7px;
    font-size: 16px;
    font-weight: 500;
}

#card .container,
#card .container__btn,
#card .container__load-text,
#card .eclipse,
#card .graph .bar,
#card .platforms,
#card .skill,
#card .stats,
#card .telegram {
    will-change: auto;
}

#card .container {
    width: 510px;
    height: 628px;
    border-radius: 27px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#18202c),
        to(#141a25)
    );
    background: -o-linear-gradient(top, #18202c 0, #141a25 100%);
    background: linear-gradient(180deg, #18202c 0, #141a25 100%);
    border: 1px solid #212937;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#card .container__color-btns {
    position: absolute;
    left: 25px;
    top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#card .container__color-btns div {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
}

#card .container__color-btns .red {
    background-color: #ff5f57;
}

#card .container__color-btns .yellow {
    background-color: #ffbd2e;
}

#card .container__color-btns .green {
    background-color: #28ca42;
}

#card .container__caption {
    margin: 24px 0;
    text-align: center;
    font-weight: 500;
    font-family: "Mazzard M";
    font-size: 30px;
}

#card .container__image {
    width: 381px;
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

#card .container__load-text {
    border-radius: 10px;
    height: 20px;
    width: 262px;
    background-color: #28303d;
}

#card .container__load-text + .container__load-text {
    width: 196px;
    margin-top: 10px;
}

#card .container__btn {
    padding: 0 23px;
    height: 56px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 37px auto 0;
    background-color: #232b36;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
}

#card .container__btn:hover {
    background-color: #2b3543;
}

#card .skill {
    padding: 15px 26px 15px 50px;
    border-radius: 82px;
    background-color: #141c2a;
    border: 1px solid #212937;
    position: absolute;
    top: 130px;
    left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 500;
    font-family: "Mazzard M";
    background-image: url(../img/icon_rise.svg);
    background-size: 14px 8px;
    background-position: 26px center;
    background-repeat: no-repeat;
}

#card .eclipse {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: #262f3f;
    -webkit-filter: blur(106.5px);
    filter: blur(106.5px);
    position: absolute;
    top: 120px;
    left: -125px;
}

#card .telegram {
    padding: 10px 72px 10px 10px;
    border-radius: 82px;
    border: 1px solid #212937;
    background-color: #141c2a;
    position: absolute;
    top: 88px;
    right: 0;
    -webkit-transform: translateX(80%);
    -ms-transform: translateX(80%);
    transform: translateX(80%);
    font-family: "Mazzard M";
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

#card .telegram:hover::after {
    opacity: 1;
}

#card .telegram::after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/icon_go-arrow.svg);
    opacity: 0.5;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    background-size: contain;
    background-position: center;
}

#card .telegram .link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

#card .telegram .icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #8456ff;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#card .telegram .icon svg {
    width: 65%;
    height: 65%;
}

#card .telegram .icon svg [fill] {
    fill: #fff;
}

#card .telegram .icon svg [stroke] {
    stroke: #fff;
}

#card .telegram .icon svg [opacity] {
    opacity: 1;
}

#card .telegram p {
    font-size: 19px;
    font-weight: 600;
}

#card .telegram span {
    font-size: 16px;
    font-weight: 500;
    opacity: 0.54;
}

#card .telegram div {
    font-family: inherit;
}

#card .platforms {
    padding: 30px 27px;
    border-radius: 27px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#18202c),
        to(#141a25)
    );
    background: -o-linear-gradient(top, #18202c 0, #141a25 100%);
    background: linear-gradient(180deg, #18202c 0, #141a25 100%);
    border: 1px solid #222938;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
}

#card .platforms span {
    width: 28px;
    height: 28px;
    opacity: 0.5;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

#card .platforms span img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

#card .platforms span:hover {
    opacity: 1;
}

#card .platforms span:not(:last-child) {
    margin-bottom: 30px;
}

#card .stats {
    padding: 25px;
    border-radius: 19px;
    background:
        -o-linear-gradient(
            122.79deg,
            rgba(153, 224, 164, 0.11) 0,
            rgba(20, 26, 37, 0) 99.23%
        ),
        #141a25;
    background:
        linear-gradient(
            327.21deg,
            rgba(153, 224, 164, 0.11) 0,
            rgba(20, 26, 37, 0) 99.23%
        ),
        #141a25;
    position: absolute;
    z-index: 3;
    bottom: 89px;
    left: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #212937;
}

#card .stats span {
    display: block;
}

#card .stats .caption {
    font-size: 20px;
    font-weight: 500;
    font-family: "Mazzard M";
}

#card .stats .subcaption {
    margin-top: 4px;
    opacity: 0.5;
    font-size: 13px;
}

#card .stats .types {
    margin: 10px 0;
}

#card .stats .graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    --max-bar-height: 90px;
}

#card .stats .graph .elem {
    width: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
}

#card .stats .graph .elem .num {
    margin-bottom: 7px;
    font-size: 10px;
    font-family: "Mazzard M";
    color: #6d7d99;
    opacity: 0.5;
}

#card .stats .graph .elem .bar {
    background-color: #3e4b64;
    border-radius: 4px;
}

#card .stats .graph .elem:last-child .num {
    opacity: 1;
    color: #85e594;
}

#card .stats .graph .elem:last-child .bar {
    background-color: #85e594;
}

.main-section1 {
    overflow: hidden;
}

.main-section1 #card {
    position: absolute;
    right: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-section1__inner {
    width: 800px;
    max-width: 60%;
}

.main-section1__section-category + .section-caption {
    margin-top: 30px;
}

.main-section1__section-caption {
    font-size: 55px;
    margin-bottom: 30px;
}

.main-section1__section-subcaption {
    width: 650px;
    max-width: 100%;
    font-family: "Mazzard M";
    font-size: 18px;
}

.main-section1__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 80px;
}

.main-section1__btns .btn {
    height: 74px;
    padding: 0 32px;
}

.main-section1__btns .btn:not(:last-child) {
    margin-right: 18px;
}

.main-section1__support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 70px;
    font-family: "Mazzard M";
}

.main-section1__support span {
    margin-right: 30px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.44;
    opacity: 0.3;
}

.main-section1__support div {
    width: 28px;
    height: 28px;
    display: block;
    opacity: 0.3;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.main-section1__support div:hover {
    opacity: 1;
}

.main-section1__support div:not(:last-child) {
    margin-right: 15px;
}

.main-section1__support div img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

/* ===== Hero (главный экран) ===== */
.hero {
    position: relative;
}

.hero__content {
    position: relative;
}

.hero__col {
    position: relative;
    z-index: 2;
    width: 807px;
    max-width: 100%;
    padding-top: 29px;
    padding-bottom: 27px;
}

.hero__image {
    position: absolute;
    bottom: 0;
    right: -9.1%;
    width: 59.6%;
    z-index: 1;
    pointer-events: none;
}

.hero__image img {
    display: block;
    width: 100%;
    height: auto;
}

.hero__badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding: 12px 25px 12px 15px;
    background-color: #1a2431;
    border-radius: 18px;
}

.hero__badge-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: -o-linear-gradient(283.59deg, #8456ff 9.73%, #8e4cd7 102.08%);
    background: linear-gradient(166.41deg, #8456ff 9.73%, #8e4cd7 102.08%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hero__badge-icon img {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
}

.hero__badge-text {
    font-family: "Mazzard H";
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
}

.hero__title {
    margin-top: 65px;
    font-family: "Mazzard H";
    font-size: 71px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.01em;
    color: #fff;
}

.hero__title-bolt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    top: -16px;
    width: 55px;
    height: 55px;
    margin: 0 6px;
    border-radius: 50%;
    vertical-align: -14px;
    background: -o-linear-gradient(283.59deg, #764ee0 9.73%, #8e4cd7 102.08%);
    background: linear-gradient(166.41deg, #764ee0 9.73%, #8e4cd7 102.08%);
}

.hero__title-bolt img {
    width: 28px;
    height: 28px;
    -o-object-fit: contain;
    object-fit: contain;
}

.hero__subtitle {
    margin-top: 70px;
    width: 567px;
    max-width: 100%;
    font-family: "Mazzard M";
    font-size: 22px;
    font-weight: 500;
    line-height: 1.445;
    color: rgba(255, 255, 255, 0.54);
}

.hero__actions {
    margin-top: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 18px;
}

.hero__btn-catalog {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 220px;
    height: 103px;
    display: block;
}

.hero__btn-catalog::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #8456ff;
    -webkit-mask: url(../img/hero-catalog-shape.svg) no-repeat center;
    mask: url(../img/hero-catalog-shape.svg) no-repeat center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
}

.hero__btn-catalog:hover::before {
    background-color: #6b34ff;
}

.hero__btn-catalog__tab {
    position: absolute;
    top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 28px;
    height: 28px;
}

.hero__btn-catalog__tab img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.hero__btn-catalog__label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Mazzard H";
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.hero__btn-register {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    height: 74px;
    padding: 0 47px;
    background-color: #141a25;
    border: 1px solid #222c3d;
    border-radius: 18px;
    font-family: "Mazzard H";
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
}

.hero__btn-register:hover {
    background-color: #222c3d;
}

.hero__btn-register__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
}

.hero__btn-register__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (max-width: 1600px) {
    .hero__col {
        width: 700px;
    }

    .hero__title {
        margin-top: 50px;
        font-size: 60px;
    }

    .hero__title-bolt {
        width: 48px;
        height: 48px;
        vertical-align: -12px;
    }

    .hero__title-bolt img {
        width: 24px;
        height: 24px;
    }

    .hero__subtitle {
        margin-top: 45px;
    }

    .hero__actions {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1280px) {
    .hero__col {
        width: 580px;
    }

    .hero__title {
        font-size: 50px;
    }

    .hero__title-bolt {
        width: 42px;
        height: 42px;
        vertical-align: -10px;
    }

    .hero__subtitle {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .hero__col {
        width: 460px;
    }

    .hero__title {
        font-size: 44px;
    }
}

@media screen and (max-width: 900px) {
    .hero__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hero__col {
        width: 100%;
        max-width: 600px;
        padding-bottom: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .hero__image {
        position: static;
        width: 100%;
        max-width: 560px;
        margin: 30px auto 0;
        opacity: 1;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media screen and (max-width: 767px) {
    .hero__badge {
        gap: 10px;
        padding: 8px 16px 8px 8px;
    }

    .hero__badge-icon {
        width: 28px;
        height: 28px;
    }

    .hero__badge-icon img {
        width: 16px;
        height: 16px;
    }

    .hero__badge-text {
        font-size: 14px;
        white-space: normal;
    }

    .hero__title {
        margin-top: 28px;
        font-size: 34px;
    }

    .hero__title-bolt {
        width: 32px;
        height: 32px;
        margin: 0 4px;
        vertical-align: -8px;
    }

    .hero__title-bolt img {
        width: 18px;
        height: 18px;
    }

    .hero__subtitle {
        margin-top: 24px;
        font-size: 16px;
    }

    .hero__actions {
        margin-top: 28px;
    }
}

@media screen and (max-width: 480px) {
    .hero__actions {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 14px;
    }

    .hero__btn-register {
        padding: 0 22px;
    }
}

.section2 {
    position: relative;
    margin: 130px 0 170px;
}

@media screen and (min-width: 768px) {
    .section2 .slider-arrows {
        display: none;
    }
}

.section2::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    background-color: rgba(38, 47, 63, 0.4);
    -webkit-filter: blur(106.5px);
    filter: blur(106.5px);
    right: -125px;
    top: 0;
    pointer-events: none;
}

.section2__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section2__slider {
    margin-top: 70px;
    width: 100%;
    overflow: visible !important;
}

.section2__block-container {
    z-index: 2;
    position: relative;
}

@media screen and (min-width: 768px) {
    .section2__block-container.swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 29px;
    }
}

.section2__block {
    background-color: #171d28;
    border-radius: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 70px 34px 45px;
    font-family: "Mazzard M";
}

.section2__block.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width: 768px) {
    .section2__block.swiper-slide {
        width: unset;
        height: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.section2__block__icon {
    width: 55px;
    height: 55px;
    background-color: #8456ff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section2__block__icon img {
    max-width: 60%;
    max-height: 60%;
}

.section2__block__caption {
    margin: 35px 0 10px;
    font-size: 26px;
    font-weight: 600;
}

.section2__block__text {
    font-size: 18px;
    font-weight: 500;
    opacity: 0.5;
}

.catalog {
    margin: 130px 0;
}

.catalog .content {
    position: relative;
    z-index: 2;
}

.catalog__cards-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 110px;
}

.catalog__show-more {
    margin: 100px auto 0;
    border-radius: 100px;
    background-color: #272f3c;
    padding: 24px 38px;
    font-size: 16px;
}

.catalog__platform {
    min-width: 270px;
}

.card {
    height: 400px;
    border-radius: 12px;
    background-color: #171d28;
    padding: 40px;
    position: relative;
    padding-top: calc(var(--card-image-height) + 10px);
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    overflow: hidden;
    --card-image-height: 242px;
}

.card__link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.card__img {
    pointer-events: none;
    position: absolute;
    top: 0;
    height: var(--card-image-height);
    left: -20px;
    right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.card__name-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card__name {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.44;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    max-height: 2.88em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card__btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #232b36;
    background-image: url(../img/icon_8.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    margin-left: 10px;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.game-cheats__slider-arrow {
    width: 49px;
    height: 49px;
}

.game-cheats__slider-container:not(:last-child) {
    margin-bottom: 170px;
}

.game-cheats__slider-container:first-child {
    margin-top: 40px;
}

.cheat-card {
    padding: 30px 35px;
    border-radius: 12px;
    background-color: #171d28;
}

.cheat-card .cheat-status {
    position: absolute;
    right: 22px;
    top: 22px;
}

.cheat-card::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(23, 29, 40, 0.5);
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    z-index: 2;
}

.cheat-card.swiper-slide {
    max-width: 291px !important;
}

.cheat-card::before,
.cheat-card__btn {
    opacity: 0;
}

@media (hover: hover) {
    .cheat-card:hover .cheat-card__btn,
    .cheat-card:hover::before {
        opacity: 1;
    }
}

.cheat-card__btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 14px 0;
    border-radius: 32px;
    background-color: #232b36;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    width: calc(100% - 70px);
    text-align: center;
    -webkit-transition:
        0.3s background-color,
        0.3s opacity;
    -o-transition:
        0.3s background-color,
        0.3s opacity;
    transition:
        0.3s background-color,
        0.3s opacity;
    z-index: 3;
}

.cheat-card__logo img {
    width: 100%;
}

.cheat-card__logo {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cheat-card__name {
    margin: 20px 0 10px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.44;
    font-family: "Mazzard M";
}

.cheat-card__list {
    list-style-type: none;
}

.cheat-card__list li {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    opacity: 0.5;
    position: relative;
    padding-left: 13px;
    font-family: "Mazzard M";
}

.cheat-card__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 2px solid #fff;
    border-radius: 50%;
}

.cheat-card__list li:not(:last-child) {
    margin-bottom: 8px;
}

.cheat-card__platform {
    padding: 4px 7px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.09);
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
}

.cheat-card__platform svg {
    width: 17px;
    height: 17px;
    margin-right: 5px;
}

.cheat-card__platform svg [stroke] {
    stroke: #fff;
}

.cheat-card__platform svg [fill] {
    fill: #fff;
}

.cheat-card__platform svg [opacity] {
    opacity: 1;
}

.game-cards-slider .swiper-wrapper {
    padding-top: 60px;
}

.game-cards__slider-container {
    margin-bottom: 170px;
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    margin-bottom: 40px;
}

.breadcrumbs li {
    font-size: 14px;
    font-weight: 500;
    font-family: "Mazzard M";
}

.breadcrumbs li:not(:last-child) {
    /* margin-right:15px
 */
}

.breadcrumbs li:last-child {
    /* opacity: .5; */
    /* pointer-events: none; */
}

.policy__part-caption {
    font-size: 16px;
    font-weight: 600;
    font-family: "Mazzard M";
    margin-bottom: 15px;
}

.policy__part-caption:not(:first-child) {
    margin-top: 35px;
}

.policy__list,
.policy__text {
    padding-left: 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
}

.policy__list a,
.policy__text a {
    color: #c0a8ff;
    text-decoration: underline;
}

.policy__list a:hover,
.policy__text a:hover {
    text-decoration: none;
}

.policy__list {
    padding: 15px 0 15px 41px;
    list-style-type: none;
}

.policy__list li:not(:last-child) {
    margin-bottom: 6px;
}

.cheat-page {
    --content-width: 1260px;
}

.cheat-block {
    height: 560px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 100px;
}

.cheat-block__name {
    margin: 15px 0 18px;
    font-size: 33px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.cheat-block__text {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    line-height: 1.5;
    font-family: "Mazzard M";
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 15px;
}
.cheat-block__info,
.cheat-block__requirements,
.cheat-block__slider {
    background-color: #171d28;
    border-radius: 15px;
}

.cheat-block__info .types,
.cheat-block__requirements .types,
.cheat-block__slider .types {
    margin-bottom: unset !important;
}

.cheat-block__slider {
    grid-area: 1/1/3/3;
    overflow: hidden;
    --arrow-spacing: 30px;
}

.cheat-block__slider:hover .cheat-block__slider__arrow {
    opacity: 0.5;
}

.cheat-block__slider:hover .cheat-block__slider__arrow:hover {
    opacity: 1;
}

.cheat-block__slider .swiper {
    height: 100%;
}

.cheat-block__slider__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.cheat-block__slider__arrow {
    position: absolute;
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #171d27;
    -webkit-backdrop-filter: blur(16.5px);
    backdrop-filter: blur(16.5px);
    background-image: url(../img/icon_arrow-next.svg);
    background-size: 33%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 3;
    opacity: 0.3;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.cheat-block__slider__arrow::after {
    display: none;
}

.cheat-block__slider__prev {
    left: var(--arrow-spacing);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.cheat-block__slider__next {
    right: var(--arrow-spacing);
}

.cheat-block__requirements {
    grid-area: 3/1/4/3;
    padding: 35px 40px;
}

.cheat-block__requirements .caption {
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.cheat-block__requirements-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cheat-block__requirement {
    font-family: "Mazzard M";
    line-height: 1.44;
}

.cheat-block__requirement span {
    margin-bottom: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    opacity: 0.55;
}

.cheat-block__requirement span img {
    width: 19px;
    height: 19px;
    margin-right: 10px;
}

.cheat-block__requirement p {
    padding-left: 29px;
    font-size: 16px;
    font-weight: 500;
}

.cheat-block__info {
    grid-area: 1/3/4/4;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cheat-block__info__btn-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.cheat-block__info__btn-line .btn-accent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 10px;
}

.cheat-block__info__btn-line .btn-play {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background-color: #232b36;
    background-image: url(../img/icon_pause.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    background-size: 33%;
}

.cheat-block__info__btn-line .btn-play:hover {
    background-color: #2b3543;
}

.cheat-functions {
    margin-bottom: 130px;
}

.cheat-functions .swiper {
    overflow: visible;
}

.cheat-functions__caption-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 38px;
}

.cheat-functions__caption {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}

.cheat-functions__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.cheat-functions__block {
    border-radius: 25px;
    padding: 15px;
    background-color: #171d28;
}

.cheat-functions__block.swiper-slide {
    width: 408px;
    height: unset;
}

.cheat-functions__block__name-panel {
    height: 92px;
    border-radius: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-transform: uppercase;
}

.cheat-functions__block__name-panel span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

.cheat-functions__block__name-panel#visuals {
    background: -o-linear-gradient(
        229.12deg,
        #8af59b -202.99%,
        rgba(23, 29, 39, 0.2) 95.69%
    );
    background: linear-gradient(
        220.88deg,
        #8af59b -202.99%,
        rgba(23, 29, 39, 0.2) 95.69%
    );
}

.cheat-functions__block__name-panel#visuals span {
    background: -o-linear-gradient(
        290.14deg,
        #8af59b 48.84%,
        rgba(138, 245, 155, 0) 137.13%
    );
    background: linear-gradient(
        159.86deg,
        #8af59b 48.84%,
        rgba(138, 245, 155, 0) 137.13%
    );
}

.cheat-functions__block__name-panel#aimbot {
    background: -o-linear-gradient(
        229.12deg,
        #ffbb56 -202.99%,
        rgba(23, 29, 39, 0.2) 95.69%
    );
    background: linear-gradient(
        220.88deg,
        #ffbb56 -202.99%,
        rgba(23, 29, 39, 0.2) 95.69%
    );
}

.cheat-functions__block__name-panel#aimbot span {
    background: -o-linear-gradient(
        290.14deg,
        #ffbb56 48.84%,
        rgba(255, 187, 86, 0) 137.13%
    );
    background: linear-gradient(
        159.86deg,
        #ffbb56 48.84%,
        rgba(255, 187, 86, 0) 137.13%
    );
}

.cheat-functions__block__name-panel#misc {
    background: -o-linear-gradient(
        229.12deg,
        #ff5693 -202.99%,
        rgba(23, 29, 39, 0.2) 95.69%
    );
    background: linear-gradient(
        220.88deg,
        #ff5693 -202.99%,
        rgba(23, 29, 39, 0.2) 95.69%
    );
}

.cheat-functions__block__name-panel#misc span {
    background: -o-linear-gradient(
        290.14deg,
        #ff8cb5 48.84%,
        rgba(255, 140, 181, 0) 137.13%
    );
    background: linear-gradient(
        159.86deg,
        #ff8cb5 48.84%,
        rgba(255, 140, 181, 0) 137.13%
    );
}

.cheat-functions__block__name-panel#aimbot,
.cheat-functions__block__name-panel#misc,
.cheat-functions__block__name-panel#visuals {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cheat-functions__block__name-panel#aimbot span,
.cheat-functions__block__name-panel#misc span,
.cheat-functions__block__name-panel#visuals span {
    -webkit-background-clip: text;
    background-clip: text;
}

.cheat-functions__block__list {
    list-style-type: none;
}

.cheat-functions__block__list li {
    opacity: 0.55;
    font-size: 17px;
    font-family: "Mazzard M";
    padding-left: 16px;
    position: relative;
}

.cheat-functions__block__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
    border: 2px solid #fff;
    border-radius: 50%;
}

.cheat-functions__block__list li:not(:last-child) {
    margin-bottom: 12px;
}

.cheat-functions__block__scroll-container {
    padding: 16px;
    max-height: 450px;
    margin: 30px 0;
}

.not-found {
    padding-bottom: 95px;
}

.not-found__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-family: "Mazzard M";
    position: relative;
    padding-top: 50px;
}

.not-found__container::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -200px;
    pointer-events: none;
}

.not-found__code {
    font-size: 134px;
    font-weight: 600;
}

.not-found__caption {
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 600;
    font-family: "Mazzard M";
}

.not-found__text {
    margin-bottom: 70px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    opacity: 0.54;
    width: 400px;
    max-width: 100%;
}

.not-found__btn {
    padding: 24px 84px;
    border-radius: 12px;
}

.tg-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    --card-image-height: 0px !important
;
}

.tg-card__icon {
    width: 80px;
    height: 80px;
    margin-bottom: 25px;
}

.tg-card__icon svg {
    width: 100%;
    height: 100%;
}

.tg-card__caption {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.44;
}

.tg-card__text {
    margin-top: 10px;
    font-size: 16px;
    opacity: 0.5;
    line-height: 1.36;
}

.tg-card__btn {
    padding: 17px 23px;
    border-radius: 31px;
    background-color: #232b36;
    margin-top: 26px;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    font-size: 18px;
}

.tg-card__btn:hover {
    background-color: #343f50;
}

.faq {
    position: relative;
}

.faq::before {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    left: -125px;
    top: -120px;
    background: rgba(38, 47, 63, 0.4);
    -webkit-filter: blur(106.5px);
    filter: blur(106.5px);
    pointer-events: none;
}

.faq__container {
    margin-top: 70px;
    position: relative;
    z-index: 2;
}

.faq__container .accordion {
    margin-top: 10px;
}

.accordion {
    background-color: #171d27;
    overflow: hidden;
    border-radius: 20px;
    font-family: "Mazzard M";
}

.accordion._active .accordion__header__btn::after {
    opacity: 0;
}

.accordion__body,
.accordion__header {
    font-family: inherit;
}

.accordion__header {
    padding: 22px 25px 22px 35px;
    cursor: pointer;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18px;
}

.accordion__header__btn {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #222730;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.accordion__header__btn::after,
.accordion__header__btn::before {
    content: "";
    position: absolute;
    width: 14px;
    border: 1px solid #fff;
}

.accordion__header__btn::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.accordion__header:hover {
    background-color: #191f2a;
}

.accordion__body {
    border-top: 1px solid rgba(61, 69, 85, 0.7);
    padding: 35px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.36;
    font-family: "Mazzard M";
    display: none;
}

.accordion__body__content {
    opacity: 0.5;
}

.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 101;
    background-color: rgba(18, 18, 18, 0.8);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
    -o-transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
    --border-radius: 20px;
}

.popup._active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.popup#cheat-video._active {
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.popup__btns-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 13px;
    margin-top: 20px;
}

.popup__btns-container .popup__submit-btn {
    margin-top: unset;
}

.popup__back-btn {
    border-radius: 12px;
    background-color: #1d2533;
    font-size: 18px;
    font-weight: 600;
    font-family: "Mazzard M";
    padding: 0 40px;
    border: unset;
}

.popup__payment-methods,
.popup__payment-methods-two {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 40px;
}

.popup__payment-methods input[type="radio"],
.popup__payment-methods-two input[type="radio"] {
    display: none;
}

.popup__payment-methods input[type="radio"]:checked + .popup__payment-method {
    border-color: #8456ff;
}

.popup__payment-method {
    background-color: #1d2533;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 11px;
    border: 1px solid #1d2533;
    -webkit-transition:
        0.3s border-color,
        0.3s background-color;
    -o-transition:
        0.3s border-color,
        0.3s background-color;
    transition:
        0.3s border-color,
        0.3s background-color;
    cursor: pointer;
    position: relative;
}

.popup__payment-method__custom-info {
    position: absolute;
    padding: 3px 7px;
    border-radius: 6px;
    right: 10px;
    top: 10px;
    background-color: #3c4151;
    font-size: 12px;
}

.popup__payment-method:hover {
    background-color: #252f41;
}

.popup__payment-method img {
    width: 60%;
    height: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.popup__step:not(._active) {
    display: none;
}

.popup__wrapper {
    max-height: 100%;
    overflow: auto;
    width: 100%;
    padding: 20px 0;
}

.popup__inner {
    padding: 50px 45px;
    background-color: #171e2a;
    border-radius: var(--border-radius);
    width: 595px;
    max-width: calc(100% - 50px);
    margin: 0 auto;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(28px) scale(0.96);
    -ms-transform: translateY(28px) scale(0.96);
    transform: translateY(28px) scale(0.96);
    -webkit-transition:
        opacity 0.34s ease,
        -webkit-transform 0.34s cubic-bezier(0.2, 0.72, 0.24, 1);
    transition:
        opacity 0.34s ease,
        -webkit-transform 0.34s cubic-bezier(0.2, 0.72, 0.24, 1);
    -o-transition:
        opacity 0.34s ease,
        transform 0.34s cubic-bezier(0.2, 0.72, 0.24, 1);
    transition:
        opacity 0.34s ease,
        transform 0.34s cubic-bezier(0.2, 0.72, 0.24, 1);
    transition:
        opacity 0.34s ease,
        transform 0.34s cubic-bezier(0.2, 0.72, 0.24, 1),
        -webkit-transform 0.34s cubic-bezier(0.2, 0.72, 0.24, 1);
}

.popup._active .popup__inner {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
}

.popup__close {
    position: absolute;
    right: 27px;
    top: 27px;
    width: 24px;
    height: 24px;
    opacity: 0.3;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.popup__close svg {
    width: 100%;
    height: 100%;
}

.popup__close:hover {
    opacity: 1;
}

.popup__caption {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.popup__submit-btn {
    width: 100%;
    height: 67px;
    border-radius: 12px;
    margin-top: 40px;
    font-size: 18px;
    font-family: "Mazzard M";
}

.popup__note {
    margin-top: 14px;
    font-size: 12px;
    letter-spacing: -0.01em;
    opacity: 0.5;
}

.popup__hint {
    margin-top: 40px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.popup__hint__btn {
    color: #c0a8ff;
}

.popup__toggle {
    margin: 30px 0;
}

.popup__checkbox {
    margin: 35px 0 30px;
}

.popup__buy-info {
    display: grid;
    gap: var(--gap);
    --gap: 10px;
}

.popup__buy-info__block {
    text-align: center;
    border-radius: 12px;
    padding: 17px 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-weight: 500;
    font-family: "Mazzard M";
    background-color: rgba(34, 42, 55, 0.62);
}

.popup__buy-info__block span {
    color: rgba(255, 255, 255, 0.8);
}

.popup__buy-info__block-line {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap);
}

.popup__input-line {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.popup__input-line .input-block + .input-block {
    margin: unset;
}

.popup__video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: var(--border-radius);
}

.popup__video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.popup#buy .popup__inner,
.popup#replenishment .popup__inner {
    width: 685px;
}

.popup#cheat-video .popup__video-wrap {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding-top: 56px;
}

.popup#cheat-video .popup__inner {
    width: 100%;
    max-width: 100%;
    padding: 0;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.1),
        0 8px 40px rgba(0, 0, 0, 0.6);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.1),
        0 8px 40px rgba(0, 0, 0, 0.6);
}

.popup#cheat-video .popup__close {
    position: absolute;
    top: -48px;
    right: 0;
    z-index: 10;
    opacity: 1;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    -webkit-transition:
        opacity 0.2s,
        background 0.2s;
    -o-transition:
        opacity 0.2s,
        background 0.2s;
    transition:
        opacity 0.2s,
        background 0.2s;
    cursor: pointer;
}

.popup#cheat-video .popup__close:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.4);
}

.popup#cheat-video .popup__close svg {
    width: 20px;
    height: 20px;
}

.input-block + .input-block {
    margin-top: 30px;
}

.input-block_showHide .input-block__input {
    padding-right: 60px;
}

.input-block_promo .input-block__input {
    padding-right: 60px;
}

.input-block_copy .input-block__input {
    padding-right: 60px;
}

.input-block__label {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.5);
}

.input-block__label-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px;
}

.input-block__label-link {
    color: #c0a8ff;
    font-size: 14px;
    letter-spacing: -0.01em;
    font-weight: 500;
    text-decoration: underline;
}

.input-block__label-link:hover {
    text-decoration: none;
}

.input-block__input {
    padding: 0 28px;
    border-radius: 12px;
    font-size: 16px;
    width: 100%;
    background-color: #1d2533;
    color: #ffffff;
    height: 59px;
}

.input-block__textarea {
    height: auto;
    min-height: 120px;
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 1.5;
    font-family: "Mazzard M";
    resize: vertical;
}

.input-block__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.input-block__input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.input-block__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.input-block__input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.input-block__input::placeholder {
    color: rgba(255, 255, 255, 0.2);
}

.input-block__input-container {
    position: relative;
}

.input-block__input-container__apply-promo {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #b4a9d2;
}

.input-block__copy-btn,
.input-block__showHide-btn {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: calc(50% - 10px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    opacity: 0.3;
    background-image: url(../img/icon_copy.svg);
}

.input-block__copy-btn:hover,
.input-block__showHide-btn:hover {
    opacity: 0.5;
}

.input-block__showHide-btn {
    background-image: url(../img/icon_hide.svg);
}

.input-block__showHide-btn._active {
    background-image: url(../img/icon_show.svg);
}

.input-block__select .select__selected {
    height: 59px;
    border-radius: 12px;
}

.input-block__select .select__inner,
.input-block__select .select__selected {
    background-color: #1d2533;
}

.input-block__select .select__option._active,
.input-block__select .select__option:hover {
    background-color: #1a212e;
}

.input-block__radio-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.input-block__radio-container input[type="radio"] {
    display: none;
}

.input-block__radio-container
    input[type="radio"]:checked
    + .input-block__radio-label {
    opacity: 1;
    background-color: rgba(177, 148, 255, 0.1);
    border-color: rgba(177, 148, 255, 0.2);
}

.input-block__radio-container
    input[type="radio"]:checked
    + .input-block__radio-label
    .input-block__radio-label__icon {
    border-color: #8456ff;
}

.input-block__radio-container
    input[type="radio"]:checked
    + .input-block__radio-label
    .input-block__radio-label__icon::before {
    opacity: 1;
}

.input-block__radio-label {
    padding: 20px 28px;
    border-radius: 12px;
    background-color: rgba(31, 39, 53, 0.8);
    border: 1px solid rgba(31, 39, 53, 0.8);
    font-size: 16px;
    opacity: 0.4;
    font-weight: 500;
    font-family: "Mazzard M";
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.input-block__radio-label__icon {
    width: 18px;
    height: 18px;
    margin-right: 13px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: relative;
    -webkit-transition: 0.3s border-color;
    -o-transition: 0.3s border-color;
    transition: 0.3s border-color;
}

.input-block__radio-label__icon::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #8456ff;
    opacity: 0;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.input-block__radio-label:hover {
    opacity: 1;
}

.select {
    position: relative;
    z-index: 2;
}

.select select {
    display: none;
}

.select__search {
    position: relative;
    margin-bottom: 9px;
}

.select__search input {
    width: 100%;
    border-radius: 8px;
    background-color: #d3d3d3;
    padding: 12px 12px 12px 39px;
    border: unset;
    font-size: 15px;
}

.select__search input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.select__search input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.select__search input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.select__search input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.select__search input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.select__search::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    left: 14px;
    top: calc(50% - 7.5px);
    background-image: url(../img/icon_search.svg);
    background-size: contain;
    background-position: center;
    opacity: 0.8;
}

.select__selected {
    padding: 19px 64px 19px 25px;
    border-radius: 8px;
    background-color: #222730;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.select__selected::after {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    right: 20px;
    top: calc(50% - 11.5px);
    opacity: 0.3;
    background-image: url(../img/icon_select-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.select__inner {
    position: absolute;
    top: calc(100% + 8px);
    background-color: #171d28;
    border: 1px solid #232c3b;
    -webkit-box-shadow: 0 24px 46px rgba(0, 0, 0, 0.5);
    box-shadow: 0 24px 46px rgba(0, 0, 0, 0.5);
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 14px;
    padding: 8px;
    width: 100%;
    right: 0;
    font-family: "Mazzard M";
}

.select__option {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    cursor: pointer;
    -webkit-transition:
        0.25s background-color,
        0.25s color;
    -o-transition:
        0.25s background-color,
        0.25s color;
    transition:
        0.25s background-color,
        0.25s color;
    border-radius: 10px;
    padding: 10px 13px;
    margin-bottom: 2px;
}

.select__option._active {
    opacity: 0.5;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    pointer-events: none;
}

.select__option._active,
.select__option:hover {
    background-color: #212a38;
}

.select._active {
    z-index: 3;
}

.select._active .select__selected::after {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.select:not(._active) .select__inner {
    opacity: 0;
    pointer-events: none;
}

.toggle {
    --active-color: #c0a8ff;
    --disabled-color: #57647b;
}

.toggle__input {
    display: none;
}

.toggle__input:checked + .toggle__label .toggle__icon {
    border-color: var(--active-color);
}

.toggle__input:checked + .toggle__label .toggle__icon::before {
    background-color: var(--active-color);
    left: calc(100% - 13px - 5px);
}

.toggle__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
}

.toggle__icon {
    width: 42px;
    height: 25px;
    margin-right: 14px;
    border-radius: 17px;
    border: 1px solid var(--disabled-color);
    -webkit-transition: 0.3s border-color;
    -o-transition: 0.3s border-color;
    transition: 0.3s border-color;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.toggle__icon::before {
    content: "";
    position: absolute;
    left: 5px;
    top: calc(50% - 6.5px);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: var(--disabled-color);
    -webkit-transition:
        0.3s left,
        0.3s background-color;
    -o-transition:
        0.3s left,
        0.3s background-color;
    transition:
        0.3s left,
        0.3s background-color;
}

.toggle__text {
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    font-family: "Mazzard M";
}

.checkbox {
    --active-color: #8456ff;
    --disabled-color: #57647b;
    --border-radius: 4px;
}

.checkbox__input {
    display: none;
}

.checkbox__input:checked + .checkbox__label .checkbox__icon::after {
    opacity: 1;
}

.checkbox__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
}

.checkbox__icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: var(--border-radius);
    position: relative;
    overflow: hidden;
}

.checkbox__icon::after,
.checkbox__icon::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkbox__icon::before {
    border: 2px solid var(--disabled-color);
    border-radius: var(--border-radius);
}

.checkbox__icon::after {
    opacity: 0;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    background: url(../img/icon_check.svg) var(--active-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 11px;
}

.checkbox__text {
    font-size: 16px;
    margin-top: 2px;
}

.footer {
    padding: 50px 0;
    margin-top: 125px;
}

.footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer__logo {
    width: 137px;
    height: auto;
}

.footer__logo img {
    width: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left center;
    object-position: left center;
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Mazzard M";
}

.footer__menu__item {
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
    transition: 0.3s color;
    color: #91979e;
    font-size: 16px;
}

.footer__menu__item._active,
.footer__menu__item:hover {
    color: #fff;
}

.footer__menu__item:not(:last-child) {
    margin-right: 72px;
    gap: 72px;
    position: relative;
}

.footer__menu__item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -38px;
    border: 2px solid #d9d9d9;
    border-radius: 50%;
    top: calc(50% - 2px);
}

.footer__bottom-container {
    margin-top: 40px;
    text-align: center;
}

.footer__bottom-container .footer__menu__item {
    display: none;
}

.footer__copy {
    color: rgba(255, 255, 255, 0.4);
    font-size: 16px;
    font-weight: 500s;
    font-family: "Mazzard M";
}

.social-btn {
    --color: #b79dff;
    padding: 13px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 16px;
}

.social-btn:hover::before {
    opacity: 0.12;
}

.social-btn::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--color);
    opacity: 0.09;
    border-radius: 8px;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.social-btn__icon {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
    position: relative;
}

.social-btn__icon::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: var(--color);
    opacity: 0.1;
}

.social-btn__icon svg {
    max-width: 60%;
    max-height: 60%;
}

.social-btn__icon svg [fill] {
    fill: var(--color);
}

.social-btn__icon svg [stroke] {
    stroke: var(--color);
}

.social-btn__text {
    color: var(--color);
}

.reviews {
    margin: 50px 0;
    overflow: hidden;
    position: relative;
    --slide-height: 420px;
}

.reviews-slider {
    margin-top: 60px;
    overflow: unset !important;
}

.reviews__slide {
    border-radius: 24px;
    background-color: #171d27;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "Mazzard M";
}

.reviews__slide.swiper-slide {
    width: 345px;
    height: var(--slide-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.reviews__slide__user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 26px;
    font-family: inherit;
}

.reviews__slide__avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.reviews__slide__name {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reviews__slide__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.36;
    opacity: 0.5;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 52px;
    overflow-x: hidden;
}

.reviews__slide__btn {
    width: 100%;
    padding: 16px 0;
    border-radius: 12px;
    background-color: #272f3c;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.reviews__slide__btn:hover {
    background-color: #2f3948;
}

.key {
    padding: 20px 0 110px;
    margin-bottom: 70px;
    background-color: rgba(255, 255, 255, 0.01);
}

.key__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.key__payed-date {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 21px;
}

.key__section-caption {
    font-size: 45px;
    margin-bottom: 30px;
}

.key__input-block {
    width: 450px;
    max-width: 100%;
}

.attention {
    padding: 13px 22px;
    border-radius: 6px;
    width: 740px;
    max-width: 100%;
    margin-top: 40px;
    color: var(--color);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    font-size: 15px;
    z-index: 2;
    --color: #f5c48a;
    --border-radius: 6px;
}

.attention svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 18px;
    margin-right: 14px;
}

.attention svg [fill] {
    fill: var(--color);
}

.attention svg [stroke] {
    stroke: var(--color);
}

.attention::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--color);
    opacity: 0.09;
    border-radius: var(--border-radius);
    z-index: -1;
}

.instruction {
    margin-bottom: 170px;
    --content-width: 1200px;
}

.instruction__container {
    padding: 74px;
    border-radius: 20px;
    background-color: #141b25;
}

.instruction__section-caption {
    margin-bottom: 30px;
}

.instruction__section-caption.section-caption {
    font-size: 35px;
}

.instruction__links {
    margin: 30px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.instruction__link {
    padding: 18px 60px 18px 35px;
    border-radius: 90px;
    background-color: #232a35;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 0 13px 13px 0;
    background-image: url(../img/icon_download.svg);
    background-position: calc(100% - 35px) center;
    background-size: 17px;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 87px;
}

.instruction__link span {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
}

.instruction__link:hover {
    background-color: #2b3442;
}

.instruction__text {
    font-size: 17px;
    font-weight: 500;
    font-family: "Mazzard M";
    line-height: 1.44;
    color: rgba(255, 255, 255, 0.54);
}

.instruction__text + .instruction__text {
    margin-top: 18px;
}

.instruction__text + .instruction__part-caption {
    margin-top: 80px;
}

.instruction__part-caption {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.instruction__part-caption + .instruction__text {
    margin-top: 30px;
}

.instruction__video {
    margin: 60px 0;
    position: relative;
}

.instruction__video video {
    width: 100%;
    border-radius: 21px;
}

.instruction__video__play {
    position: absolute;
    width: 90px;
    height: 90px;
    left: calc(50% - 45px);
    top: calc(50% - 45px);
    border-radius: 50%;
    background: #8456ff url(../img/icon_pause.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
    z-index: 3;
    display: none;
}

.test-popup-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
}

.test-popup-btns button {
    border-radius: 3px;
    border: 1px solid grey;
    padding: 5px 7px;
    margin-right: 10px;
}

#copyTextInput {
    opacity: 0;
    left: 50%;
    top: 50%;
    position: fixed;
    z-index: -1;
}

.notification-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

.notification {
    position: fixed;
    right: 50px;
    max-width: 90%;
    z-index: 110;
    padding: 20px 40px;
    font-size: 15px;
    font-weight: 600;
    --color: #fff;
    line-height: 1.428571428571429;
    color: var(--color);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s bottom;
    -o-transition: 0.3s bottom;
    transition: 0.3s bottom;
}

.notification::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background-color: #111720;
    z-index: -1;
}

.notification svg [stroke] {
    stroke: var(--color);
}

.notification svg [fill] {
    fill: var(--color);
}

.notification .icon {
    width: 22px;
    height: 22px;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
}

.notification .close {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 15px;
    right: 13px;
    cursor: pointer;
    background-image: url(../img/icon29.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.notification span {
    color: #fff;
}

.notification_success {
    --color: #99e0a4;
}

.notification_fail {
    --color: #fd7676;
}

.notification_attention {
    --color: #fdbf76;
}

.about-heading-section {
    min-height: 100vh;
    padding-bottom: 200px;
}

.about-heading-section__decor1 {
    width: 336px;
    height: 244px;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-25%, -45%);
    -ms-transform: translate(-25%, -45%);
    transform: translate(-25%, -45%);
}

.about-heading-section__decor2 {
    width: 227px;
    height: 350px;
    right: 0;
    bottom: -10%;
}

.about-heading-section__decor3 {
    width: 140px;
    height: 140px;
    left: 10%;
    bottom: 10px;
}

.about-heading-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    z-index: 2;
}

.about-heading-section__section-caption {
    text-transform: uppercase;
    font-size: 55px;
    width: 1050px;
    max-width: 100%;
    font-weight: 500;
    margin-bottom: 30px;
    position: relative;
}

.about-heading-section__section-subcaption {
    width: 880px;
    max-width: 100%;
    font-size: 20px;
    font-family: "Mazzard M";
}

.about-heading-section__btn {
    padding: 23px 32px;
    margin-top: 75px;
    border-color: #fff;
}

.about-heading-section__get-result {
    padding: 18px 24px;
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    color: #85e594;
    border: 1px solid #85e594;
    border-radius: 11px;
    background: rgba(133, 229, 148, 0.1);
    -webkit-backdrop-filter: blur(16.5px);
    backdrop-filter: blur(16.5px);
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
    top: -20%;
    right: 5%;
    text-transform: none;
}

.about-section {
    margin-top: -124px;
    --content-width: 1200px;
}

.about-section__block {
    background-color: #171d28;
    border-radius: 10px;
    padding: 45px;
}

.about-section__block + .about-section__block {
    margin-top: 20px;
}

.about-section__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-section__stat {
    text-align: center;
    position: relative;
    padding: 18px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.about-section__stat p {
    font-size: 48px;
    font-weight: 600;
}

.about-section__stat span {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    font-family: "Mazzard M";
    opacity: 0.54;
    line-height: 1.44;
    display: block;
}

.about-section__stat:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -80px;
    border-right: 1px solid #283444;
}

.about-section__contacts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.about-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    padding: 20px 22px;
    background-color: #171d28;
    border: 1px solid #1d2533;
    border-radius: 16px;
    text-decoration: none;
    -webkit-transition:
        border-color 0.25s,
        background-color 0.25s;
    -o-transition:
        border-color 0.25s,
        background-color 0.25s;
    transition:
        border-color 0.25s,
        background-color 0.25s;
}

.about-contact:hover {
    border-color: #2f3a4d;
    background-color: #1b2230;
}

.about-contact__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 13px;
    background-color: rgba(132, 86, 255, 0.12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about-contact__icon svg {
    width: 22px;
    height: 22px;
}

.about-contact__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.about-contact__label {
    font-family: "Mazzard M";
    font-size: 13px;
    color: rgba(255, 255, 255, 0.4);
}

.about-contact__value {
    font-family: "Mazzard M";
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 1024px) {
    .about-section__contacts {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .about-section__contacts {
        grid-template-columns: 1fr;
    }
}

.about-section__text {
    font-size: 18px;
    font-weight: 500;
    opacity: 0.54;
    margin-top: 70px;
    font-family: "Mazzard M";
}

.about-section__history {
    overflow: hidden;
}

.about-section__history__caption {
    margin-bottom: 45px;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.about-section__history__slide {
    padding-top: 47px;
    position: relative;
}

.about-section__history__slide:first-child .point {
    opacity: 1;
    background-color: #8456ff;
    border-color: #8456ff;
}

.about-section__history__slide:first-child .point::before {
    display: none;
}

.about-section__history__slide .point {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: #171d28;
}

.about-section__history__slide .point::after {
    content: "";
    position: absolute;
    left: calc(50% - 4.5px);
    top: calc(50% - 4.5px);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
}

.about-section__history__slide:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    right: -81px;
    border-top: 1px dotted rgba(255, 255, 255, 0.3);
}

.about-section__history__slide:not(:last-child) {
    margin-right: 81px;
}

.about-section__history__slide.swiper-slide {
    width: 265px;
}

.about-section__history__slide .years {
    font-size: 31px;
    font-weight: 500;
}

.about-section__history__slide .record {
    margin: 10px 0;
    color: #ac8dff;
}

.about-section__history__slide .small-text {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.44;
    opacity: 0.54;
    font-family: "Mazzard M";
}

.about-section__history__slider {
    --arrows-gap: 0;
    overflow: visible !important;
}

.about-section__history__slider-btn {
    width: 49px;
    height: 49px;
    position: absolute;
    top: calc(50% - 24px);
    background-color: #222730;
    border-radius: 9px;
    background-image: url(../img/icon_arrow-next.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    z-index: 3;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.about-section__history__slider-btn.swiper-button-disabled {
    opacity: 0;
}

.about-section__history__prev-btn {
    left: var(--arrows-gap);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.about-section__history__next-btn {
    right: var(--arrows-gap);
}

.status-heading-section {
    min-height: 560px;
}

.status-heading-section__section-caption {
    text-transform: uppercase;
    font-size: 71px;
}

.status-heading-section__section-caption .section-caption__icon {
    margin-top: -0.2em;
}

.status-heading-section__section-subcaption {
    font-size: 20px;
}

.status-heading-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding-bottom: 95px;
    position: unset;
}

.status-heading-section__attention {
    width: unset;
}

.status-heading-section__filter {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    padding: 12px 12px 12px 30px;
    border-radius: 10px;
    background-color: #171d28;
    border: 1px solid #242c3b;
    width: 730px;
    max-width: calc(100% - 140px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
}

.status-heading-section__filter input {
    background-color: unset;
    padding-left: 32px;
    background-image: url(../img/icon_search.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    background-position: left center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 53px;
    margin-right: 20px;
}

.status-heading-section__filter .select {
    height: 53px;
    text-align: left;
}

.status-heading-section__filter .select__option,
.status-heading-section__filter .select__selected {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.status-heading-section__filter .select__inner,
.status-heading-section__filter .select__selected {
    background-color: #212936;
}

.status-heading-section__filter .select__option._active,
.status-heading-section__filter .select__option:hover {
    background-color: #1e2531;
}

.status {
    position: relative;
    padding-left: 14px;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 3px);
    border: 3px solid var(--color);
    border-radius: 50%;
}

.status._recommend {
    --color: #85e594;
}

.status._risk {
    --color: #f5c48a;
}

.status._on-update {
    --color: #8456ff;
}

.status._not-recommend {
    --color: #ff989f;
}

.cheat-statuses {
    padding: 140px 0;
}

.cheat-statuses__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #171d28;
    padding: 28px 40px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.cheat-statuses__header p {
    font-size: 18px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 600;
}

.cheat-statuses__header__all-statuses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cheat-statuses__header__all-statuses .status:not(:last-child) {
    margin-right: 50px;
}

.cheat-statuses__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.game-status-block {
    border-radius: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #171d28;
    border: 1px solid #1d2533;
    overflow: hidden;
    -webkit-transition: border-color 0.25s;
    -o-transition: border-color 0.25s;
    transition: border-color 0.25s;
}

.game-status-block:hover {
    border-color: #2a3344;
}

.game-status-block__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 28px 30px;
    overflow: hidden;
}

.game-status-block__name {
    margin-bottom: 18px;
    font-family: "Mazzard M";
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}

.game-status-block__cheats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.game-status-block__cheats span {
    margin: 0 10px 10px 0;
    padding: 9px 15px 9px 29px;
    border-radius: 8px;
    background-color: #1c2530;
    display: block;
}

.game-status-block__cheats span::before {
    left: 15px;
}

.attach-file input {
    display: none;
}

.attach-file label {
    display: block;
    width: 17px;
    height: 17px;
    cursor: pointer;
    background-image: url(../img/icon_attach.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.profile {
    --gap: 20px;
}

.profile__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: calc(-1 * var(--gap));
}

.profile__sidebar {
    width: 415px;
    margin-right: var(--gap);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__block {
    border-radius: 15px;
    background-color: #171d28;
    margin-top: var(--gap);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.profile__menu {
    padding: 24px;
    list-style-type: none;
}

.profile__menu__item {
    opacity: 0.5;
    -webkit-transition:
        0.3s opacity,
        0.3s background-color;
    -o-transition:
        0.3s opacity,
        0.3s background-color;
    transition:
        0.3s opacity,
        0.3s background-color;
    border-radius: 10px;
    font-size: 16px;
}

.profile__menu__item._active,
.profile__menu__item:hover {
    opacity: 1;
    background-color: #1f2531;
}

.profile__menu__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 19px 26px;
}

.profile__menu__item a svg {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.profile__menu__item a svg [fill] {
    fill: #fff;
}

.profile__menu__item a svg [stroke] {
    stroke: #fff;
}

.profile__menu__item a svg [opacity] {
    opacity: 1;
}

.profile__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    --padding-y: 45px;
    --padding-x: 55px;
}

.profile__main .profile__block {
    padding: var(--padding-y) var(--padding-x);
}

.profile__main__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    min-height: 40px;
}

.profile__main__header_border {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #252d3b;
}

.profile__main__header__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

.profile__main__header__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(50, 56, 68, 0.7);
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    padding: 10px 14px;
    border-radius: 56px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    font-family: "Mazzard M";
}

.profile__main__header__btn:hover {
    background-color: #323844;
}

.profile__main__header__btn svg {
    width: 19px;
    height: 19px;
    margin-right: 6px;
}

.profile__main__header__btn:not(:last-child) {
    margin-right: 15px;
}

.profile__main__btn-back {
    width: 34px;
    height: 32px;
    border-radius: 7px;
    background-color: #323844;
    margin-right: 20px;
    background-image: url(../img/icon_back-arrow.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
}

.profile__main__btn-back:hover {
    background-color: #3a414f;
}

.profile__avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #8456ff;
    padding: 8px;
    margin-right: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
}

.profile__settings-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile__settings-block_input {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #212a37;
}

.profile__settings-block_input .profile__settings-block__text {
    width: 30%;
    padding-right: 20px;
}

.profile__settings-block_edit .profile__settings-block__cancel-btn {
    opacity: 1;
    pointer-events: all;
}

.profile__settings-block_edit .profile__settings-block__edit-btn {
    background-image: url(../img/icon_check.svg);
    padding: 18px 42px 18px 18px;
    background-position: calc(100% - 18px) center;
}

.profile__settings-block_edit .profile__settings-block__edit-btn .edit {
    display: none;
}

.profile__settings-block_edit .profile__settings-block__edit-btn .submit {
    display: inline;
}

.profile__settings-block__input {
    border-radius: 12px;
    padding: 16px 28px;
    color: #ffffff;
    margin-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #293242;
    background-color: transparent;
    -webkit-transition:
        0.3s background-color,
        0.3s border-color;
    -o-transition:
        0.3s background-color,
        0.3s border-color;
    transition:
        0.3s background-color,
        0.3s border-color;
}

.profile__settings-block__input[readonly] {
    background-color: #1e2533;
    border-color: #1e2533;
}

.profile__settings-block__avatar {
    margin-right: 30px;
}

.profile__settings-block__avatar-ext {
    padding: 7px 12px;
    border-radius: 6px;
    background-color: #1d2430;
    font-size: 13px;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.46);
    display: inline-block;
    margin-top: 8px;
}

.profile__settings-block__name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.profile__settings-block__descr {
    margin-top: 7px;
    opacity: 0.5;
    font-size: 15px;
    letter-spacing: -0.01em;
}

.profile__settings-block__edit-btn {
    padding: 18px 47.5px 18px 22.5px;
    border-radius: 90px;
    background-color: #1f2631;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: -0.01em;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    background-image: url(../img/icon_17.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: calc(100% - 22.5px) center;
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 148px;
}

.profile__settings-block__edit-btn:hover {
    background-color: #27303e;
}

.profile__settings-block__edit-btn .submit {
    display: none;
}

.profile__settings-block__cancel-btn {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 1px solid #323b48;
    margin-right: 10px;
    background-size: 13px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
    pointer-events: none;
}

.profile__settings-block__cancel-btn::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/icon_remove.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
}

.profile__settings-block__cancel-btn:hover::before {
    opacity: 0.75;
}

.profile__identity {
    padding: 35px;
}

.profile__identity__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35px;
}

.profile__identity__user-info {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 10px;
}

.profile__identity__nickname {
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.01em;
    width: 100%;
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.profile__identity__balance {
    margin-top: 10px;
    color: #f5c48a;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.01em;
}

.profile__identity__exit {
    width: 50px;
    height: 50px;
    border-radius: 9px;
    background-color: #1f2631;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    background-image: url(../img/icon_exit.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__identity__exit:hover {
    background-color: #27303e;
}

.profile__identity__replenishment-btn {
    padding: 20px 0;
    width: 100%;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 600;
    font-family: "Mazzard M";
}

.profile__caption {
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

.profile__tabs__scroll-container {
    width: 100%;
}

.profile__tabs__choose {
    margin-bottom: 50px;
    position: relative;
    width: calc(100% + var(--padding-x));
}

.profile__tabs__choose::before {
    content: "";
    position: absolute;
    left: calc(-1 * var(--padding-x));
    bottom: 0;
    right: calc(-1 * var(--padding-x));
    border-top: 1px solid #252d3b;
}

.profile__tabs__choose__spacing {
    width: var(--padding-x);
    height: 20px;
}

.profile__tabs__choose__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.profile__tabs__choose__btn {
    padding-bottom: 28px;
    font-size: 16px;
    font-weight: 500;
    z-index: 2;
    position: relative;
}

.profile__tabs__choose__btn:not(:last-child) {
    margin-right: 40px;
}

.profile__tabs__choose__btn._active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-top: 2px solid #8456ff;
}

.profile__tabs__choose__btn:last-child {
    padding-right: var(--padding-x);
}

.profile__tabs__choose__btn:last-child::after {
    right: var(--padding-x);
}

.profile__tabs__tab:not(._active) {
    display: none;
}

.profile__auth {
    border-radius: 7px;
    background-color: #1b222e;
    padding: 22px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popup__video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
}

.popup__video-container iframe,
.popup__video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* iOS: prevent native fullscreen button so only popup close is visible */
.popup__video-container video::-webkit-media-controls-fullscreen-button {
    display: none !important;
}

.popup__video-container video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

.input-block {
    margin-bottom: 24px;
}

.profile__auth-container {
    margin-top: 25px;
}

.profile__auth__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__auth__info img {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-right: 13px;
}

.profile__auth__info span {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.profile__auth__link-info {
    padding-right: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.01em;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.profile__auth__btn {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background-color: #272f3d;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    background-image: url(../img/icon_plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__auth__btn:hover {
    background-color: #2f394a;
}

.profile__auth__btn._linked {
    background-image: url(../img/icon_check2.svg);
}

.profile__empty-block {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #5b6678;
}

.profile__empty-block__icon {
    width: 36px;
    height: 36px;
}

.profile__empty-block__icon svg {
    width: 100%;
    height: 100%;
}

.profile__empty-block__icon svg [fill] {
    fill: #5b6678;
}

.profile__empty-block__icon svg [stroke] {
    stroke: #5b6678;
}

.profile__empty-block__icon svg [opacity] {
    opacity: 1;
}

.profile__empty-block__caption {
    margin: 32px 0 15px;
    font-size: 25px;
    font-weight: 600;
}

.profile__empty-block__text {
    font-size: 18px;
    font-family: "Mazzard M";
    line-height: 1.42;
}

.profile__table__header,
.profile__table__row {
    display: grid;
}

.profile__table__header {
    opacity: 0.5;
    font-size: 14px;
    padding: 0 17px 15px;
}

.profile__table__row {
    padding: 17px;
    border-radius: 10px;
    background-color: rgba(31, 38, 49, 0.8);
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile__table__row + .profile__table__row {
    margin-top: 8px;
}

.profile__table__col {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.profile__table__col_justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.profile__table__col__col-name {
    display: block;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.5;
    margin-bottom: 6px;
}

@media screen and (min-width: 768px) {
    .profile__table__col__col-name {
        display: none;
    }
}

.profile__table__link {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background-color: #272f3d;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    background-image: url(../img/icon_arrow-next.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.profile__table__link:hover {
    background-color: #2f394a;
}

.profile__table__body {
    padding-right: 18px;
    width: calc(100% + 18px);
}

.profile__orders-table .profile__table__header,
.profile__orders-table .profile__table__row {
    grid-template-columns: 158px repeat(3, 1fr) 1fr;
}

.profile__orders-table .profile__table__body {
    max-height: 360px;
}

.profile__orders-table__cheat-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile__orders-table__cheat-card img {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 14px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.profile__orders-table__cheat-card span {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: -0.01em;
}

.profile__referral-table .profile__table__header,
.profile__referral-table .profile__table__row {
    grid-template-columns: 35px 1fr repeat(2, 2fr);
}

.profile__referral-table .profile__table__body {
    max-height: 208px;
}

.profile__referral-table__user-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile__referral-table__user-card img {
    width: 29px;
    height: 29px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 14px;
}

.profile__referral-table__income {
    padding: 6px 11px;
    color: var(--color);
    position: relative;
    --color: #8af59b;
}

.profile__referral-table__income::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    background-color: var(--color);
    opacity: 0.09;
}

.profile__referral__stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.profile__referral__stat {
    border-radius: 10px;
    background-color: rgba(31, 38, 49, 0.8);
    padding: 24px 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.profile__referral__stat#followers {
    --color: #fd7676;
}

.profile__referral__stat#earned {
    --color: #8af59b;
}

.profile__referral__stat svg {
    width: 19px;
    height: 19px;
}

.profile__referral__stat svg [fill] {
    fill: var(--color);
}

.profile__referral__stat svg [stroke] {
    stroke: var(--color);
}

.profile__referral__stat svg [opacity] {
    opacity: 1;
}

.profile__referral__stat p {
    margin: 9px 0 8px;
    font-size: 15px;
    font-weight: 800;
    font-family: "Mazzard M";
}

.profile__referral__stat span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #c9d3e6;
    opacity: 0.4;
}

.profile__referral__container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 15px;
    margin-bottom: 40px;
}

.profile__referral__info-block-container {
    overflow: hidden;
}

.profile__referral__info-block {
    border-radius: 10px;
    background-color: rgba(31, 38, 49, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    position: relative;
    padding-right: 58px;
}

.profile__referral__info-block .copy {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 17px;
    top: calc(50% - 7px);
    background-image: url(../img/icon_copy.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.profile__referral__info-block .label,
.profile__referral__info-block .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    color: #c9d3e6;
    font-weight: 600;
    font-family: "Mazzard M";
}

.profile__referral__info-block .label {
    width: 140px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 10px 0 20px;
    border-right: 1px solid rgba(201, 211, 230, 0.05);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__referral__info-block .value {
    padding-left: 28px;
    cursor: pointer;
    overflow: hidden;
}

.profile__referral__info-block .value span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.profile__referral__info-block + .profile__referral__info-block {
    margin-top: 10px;
}

.profile__withdraw-table .profile__table__header,
.profile__withdraw-table .profile__table__row {
    grid-template-columns: 77px 1fr repeat(3, 1fr);
}

.profile__withdraw-table .profile__table__body {
    max-height: 352px;
}

.profile__withdraw-table__status {
    padding: 7px 10px;
    color: var(--color);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    font-size: 14px;
    font-family: "Mazzard M";
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.profile__withdraw-table__status svg {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__withdraw-table__status svg [fill] {
    fill: var(--color);
}

.profile__withdraw-table__status svg [stroke] {
    stroke: var(--color);
}

.profile__withdraw-table__status svg [opacity] {
    opacity: 1;
}

.profile__withdraw-table__status::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--color);
    border-radius: 6px;
    opacity: 0.29;
    z-index: -1;
}

.profile__withdraw-table__status_success {
    --color: #8af59b;
}

.profile__withdraw-table__status_process {
    --color: #f5c48a;
}

.profile__tickets {
    max-height: 420px;
    width: calc(100% + 18px);
    padding-right: 18px;
}

.profile__ticket {
    padding: 17px 22px;
    border-radius: 10px;
    background-color: rgba(31, 38, 49, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.profile__ticket_without-bg {
    background-color: unset !important;
    padding: unset !important;
}

.profile__ticket + .profile__ticket {
    margin-top: 4px;
}

.profile__ticket__icon {
    width: 46px;
    height: 46px;
    border-radius: 5px;
    background-color: #2a313f;
    background-image: url(../img/icon_support.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 20px;
    background-position: center;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__ticket__icon__user {
    width: 46px;
    height: 46px;
    border-radius: 5px;
    background-color: #2a313f;
    background-image: url(../img/icon_user.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 20px;
    background-position: center;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__ticket__info p {
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.profile__ticket__info div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profile__ticket__info span {
    font-size: 14px;
    letter-spacing: -0.01em;
    color: rgba(255, 255, 255, 0.5);
}

.profile__ticket__info span:not(:last-child) {
    position: relative;
    padding-right: 12px;
}

.profile__ticket__info span:not(:last-child)::after {
    content: "";
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    top: calc(50% - 1px);
    right: 5px;
}

.profile__ticket__status {
    margin-left: auto;
    padding: 6px 11px;
    font-size: 14px;
    color: var(--color);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    font-weight: 500;
}

.profile__ticket__status svg {
    width: 15px;
    height: 15px;
    margin-right: 6px;
}

.profile__ticket__status svg [fill] {
    fill: var(--color);
}

.profile__ticket__status svg [stroke] {
    stroke: var(--color);
}

.profile__ticket__status svg [opacity] {
    opacity: 1;
}

.profile__ticket__status::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--color);
    border-radius: 6px;
    opacity: 0.09;
    z-index: -1;
}

.profile__ticket__status_success {
    --color: #8af59b;
}

.profile__ticket__status_answered {
    --color: #8c60ff;
}

.profile__ticket__status_process {
    --color: #f5c48a;
}

.profile__ticket-chat {
    max-height: 350px;
    width: calc(100% + 18px);
    padding-right: 18px;
    margin: 30px 0 30px;
    /* border-bottom: 1px solid #242D3B; */
}

.profile__ticket-chat__message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.profile__ticket-chat__message + .profile__ticket-chat__message {
    margin-top: 20px;
}

.profile__ticket-chat__message_own .profile__ticket-chat__message__body {
    background: rgba(31, 38, 49, 0.8);
}

.profile__ticket-chat__message__avatar {
    width: 43px;
    height: 43px;
    border-radius: 7px;
    overflow: hidden;
    margin-right: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.profile__ticket-chat__message__body {
    padding: 21px 50px 40px 26px;
    border-radius: 10px;
    background:
        -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(rgba(169, 136, 255, 0.05)),
            to(rgba(169, 136, 255, 0.05))
        ),
        rgba(31, 38, 49, 0.8);
    background:
        -o-linear-gradient(
            bottom,
            rgba(169, 136, 255, 0.05),
            rgba(169, 136, 255, 0.05)
        ),
        rgba(31, 38, 49, 0.8);
    background:
        linear-gradient(
            0deg,
            rgba(169, 136, 255, 0.05),
            rgba(169, 136, 255, 0.05)
        ),
        rgba(31, 38, 49, 0.8);
    color: #c9d3e6;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    word-wrap: break-word;
    position: relative;
    font-size: 14px;
}

.profile__ticket-chat__message__body .time {
    letter-spacing: -0.01em;
    position: absolute;
    right: 15px;
    bottom: 15px;
    opacity: 0.4;
}

.profile__ticket-form #ticket-body {
    height: 240px;
}

.profile__ticket-form #chat-message {
    height: 114px;
}

.profile__form__textarea {
    padding: 21px 33px 21px 57px;
    border-radius: 10px;
    background-color: #1e242f;
    width: 100%;
    resize: none;
    font-size: 14px;
    color: #c9d3e6;
}

.profile__form__textarea::-webkit-input-placeholder {
    color: rgba(201, 211, 230, 0.4);
}

.profile__form__textarea::-moz-placeholder {
    color: rgba(201, 211, 230, 0.4);
}

.profile__form__textarea:-ms-input-placeholder {
    color: rgba(201, 211, 230, 0.4);
}

.profile__form__textarea::-ms-input-placeholder {
    color: rgba(201, 211, 230, 0.4);
}

.profile__form__textarea::placeholder {
    color: rgba(201, 211, 230, 0.4);
}

.profile__form__textarea-container {
    position: relative;
}

.profile__form__textarea-container .attach-file {
    position: absolute;
    left: 25px;
    top: 20px;
}

.profile__form__btn {
    margin: 20px 0 0 auto;
    padding: 18px 36px;
}

.profile__form__select {
    margin-bottom: 10px;
}

.profile__form__select .select__selected {
    background-color: #1e242f;
    height: 60px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    padding: 0 30px;
}

.profile__form__select .select__inner {
    background-color: #1e242f;
}

.profile__form__select .select__inner [data-simplebar] {
    max-height: 150px;
}

[data-profile-tab]:not(._active) {
    display: none;
}

main.main .accordion,
main.main .card,
main.main .reviews__slide,
main.main .section-caption,
main.main .section-category,
main.main .section-subcaption {
}

@media screen and (max-width: 1600px) {
    .not-found {
        padding-bottom: 50px;
    }

    .main-section1__support span {
        font-size: 18px;
    }

    html {
        --header-height: 138px;
    }

    .main-section1__section-caption {
        font-size: 50px;
    }

    .main-section1__btns {
        margin-top: 50px;
    }

    .header__logo {
        margin-right: 60px;
        width: 135px;
    }

    .header__search {
        margin-right: 15px;
        width: 240px;
    }

    .header__lang {
        margin-right: 30px;
    }

    .main-section1__support {
        margin-top: 45px;
    }

    #card .container {
        width: 399px;
        height: 516px;
    }

    #card .container__image {
        width: 312px;
    }

    #card .container__caption {
        font-size: 25px;
        margin: 19px 0;
    }

    #card .container__load-text {
        height: 16px;
        width: 215px;
    }

    #card .container__load-text + .container__load-text {
        width: 161px;
    }

    #card .container__btn {
        margin-top: 31px;
        font-size: 15px;
        padding: 0 19px;
    }

    #card .container__color-btns {
        top: 21px;
        left: 21px;
    }

    #card .skill {
        font-size: 17px;
        padding: 12px 21px 12px 40px;
        background-position: 21px center;
        top: 105px;
    }

    #card .telegram {
        top: 72px;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    #card .stats {
        -webkit-transform: translateX(-80%);
        -ms-transform: translateX(-80%);
        transform: translateX(-80%);
        bottom: 73px;
        padding: 21px;
    }

    #card .platforms {
        padding: 25px 23px;
    }

    #card .platforms span {
        width: 23px;
    }

    #card .platforms span:not(:last-child) {
        margin-bottom: 25px;
    }

    .main-section1__section-category + .section-caption {
        margin-top: 25px;
    }

    .section2__block-container {
        gap: 21px;
    }

    .section2__block {
        padding: 50px 30px;
    }

    .section2__block__text {
        font-size: 16px;
    }

    .main-section1__support div {
        width: 24px;
        height: 24px;
    }

    .main-section1__support span {
        margin-right: 18px;
    }

    .catalog {
        padding-top: 110px;
    }

    .tg-card__caption {
        font-size: 22px;
    }

    .tg-card__text {
        font-size: 13px;
    }

    .tg-card__btn {
        margin-top: 23px;
        font-size: 15px;
    }

    .card__name {
        font-size: 20px;
    }

    .card__btn {
        width: 35px;
        height: 35px;
    }

    .card {
        padding: calc(var(--card-image-height) + 10px) 35px 30px;
    }

    .catalog__cards-container {
        gap: 16px;
    }

    .section-caption {
        font-size: 50px;
    }

    .slider-arrows__arrow {
        width: 49px;
        height: 49px;
    }

    .slider-arrows__prev {
        margin-right: 8px;
    }

    .accordion__body,
    .accordion__header {
        font-size: 18px;
    }

    .accordion__header__btn {
        width: 40px;
        height: 40px;
    }

    .accordion__header {
        padding: 15px 20px 15px 35px;
    }

    .faq__container {
        margin-top: 55px;
    }

    .footer {
        margin-top: 80px;
    }

    .cheat-card__name {
        font-size: 26px;
    }

    .game-cheats__slider-container:not(:last-child) {
        margin-bottom: 150px;
    }

    .about-heading-section {
        padding-bottom: 200px;
    }

    .profile__settings-block__input {
        margin-right: 10px;
    }

    .not-found__code {
        font-size: 105px;
    }

    .not-found__caption {
        margin: 25px 0 15px;
    }

    .not-found__text {
        margin-bottom: 60px;
    }

    .profile__auth {
        padding: 16px 16px 16px 30px;
    }

    .status-heading-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .cheat-statuses {
        padding: 100px 0;
    }
}

@media screen and (max-width: 1400px) {
    .about-heading-section {
        padding-bottom: 150px;
    }

    .not-found {
        padding-bottom: 20px;
    }

    .content {
        max-width: calc(100% - 80px);
    }

    /* ===== Мобильное меню — выезжающая панель на весь экран ===== */
    .header__menu {
        position: fixed;
        left: 0;
        right: 0;
        top: var(--header-height);
        bottom: 0;
        z-index: 9;
        padding: 24px 20px 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 10px;
        background: -o-linear-gradient(top, #11161f 0%, #0b0f16 100%);
        background: linear-gradient(180deg, #11161f 0%, #0b0f16 100%);
        overflow-y: auto;
        -webkit-transition:
            opacity 0.3s ease,
            visibility 0.3s ease,
            -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        transition:
            opacity 0.3s ease,
            visibility 0.3s ease,
            -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition:
            opacity 0.3s ease,
            visibility 0.3s ease,
            transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        transition:
            opacity 0.3s ease,
            visibility 0.3s ease,
            transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        transition:
            opacity 0.3s ease,
            visibility 0.3s ease,
            transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            -webkit-transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .header__menu:not(._active) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transform: translateY(-18px);
        -ms-transform: translateY(-18px);
        transform: translateY(-18px);
    }

    .header__menu._active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .header__menu__item {
        width: 100%;
        max-width: 560px;
        opacity: 0;
        -webkit-transform: translateY(16px);
        -ms-transform: translateY(16px);
        transform: translateY(16px);
        -webkit-transition:
            opacity 0.4s ease,
            -webkit-transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
        transition:
            opacity 0.4s ease,
            -webkit-transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
        -o-transition:
            opacity 0.4s ease,
            transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
        transition:
            opacity 0.4s ease,
            transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
        transition:
            opacity 0.4s ease,
            transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1),
            -webkit-transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
    }

    .header__menu._active .header__menu__item {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .header__menu._active .header__menu__item:nth-child(1) {
        -webkit-transition-delay: 0.07s;
        -o-transition-delay: 0.07s;
        transition-delay: 0.07s;
    }
    .header__menu._active .header__menu__item:nth-child(2) {
        -webkit-transition-delay: 0.13s;
        -o-transition-delay: 0.13s;
        transition-delay: 0.13s;
    }
    .header__menu._active .header__menu__item:nth-child(3) {
        -webkit-transition-delay: 0.19s;
        -o-transition-delay: 0.19s;
        transition-delay: 0.19s;
    }
    .header__menu._active .header__menu__item:nth-child(4) {
        -webkit-transition-delay: 0.25s;
        -o-transition-delay: 0.25s;
        transition-delay: 0.25s;
    }
    .header__menu._active .header__menu__item:nth-child(5) {
        -webkit-transition-delay: 0.31s;
        -o-transition-delay: 0.31s;
        transition-delay: 0.31s;
    }

    .header__menu__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 22px;
        border-radius: 16px;
        background-color: #171d28;
        border: 1px solid #1f2632;
        font-family: "Mazzard M";
        font-weight: 600;
        font-size: 17px;
        color: #e9f1ff;
        opacity: 1;
        -webkit-transition:
            background-color 0.2s ease,
            border-color 0.2s ease;
        -o-transition:
            background-color 0.2s ease,
            border-color 0.2s ease;
        transition:
            background-color 0.2s ease,
            border-color 0.2s ease;
    }

    .header__menu__item a::after {
        content: "";
        width: 8px;
        height: 8px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-right: 2px solid #5b6678;
        border-bottom: 2px solid #5b6678;
        border-radius: 1px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition:
            border-color 0.2s ease,
            -webkit-transform 0.2s ease;
        transition:
            border-color 0.2s ease,
            -webkit-transform 0.2s ease;
        -o-transition:
            border-color 0.2s ease,
            transform 0.2s ease;
        transition:
            border-color 0.2s ease,
            transform 0.2s ease;
        transition:
            border-color 0.2s ease,
            transform 0.2s ease,
            -webkit-transform 0.2s ease;
    }

    .header__menu__item a:hover {
        background-color: #1c2431;
        border-color: #2b3545;
        opacity: 1;
    }

    .header__menu__item a:hover::after {
        border-color: #ac8dff;
    }

    .header__menu__item._active a {
        background-color: rgba(132, 86, 255, 0.12);
        border-color: rgba(132, 86, 255, 0.4);
        color: #ac8dff;
    }

    .header__menu__item._active a::after {
        border-color: #ac8dff;
    }

    .header__menu__item:not(:last-child) {
        margin-right: unset;
    }

    .header__logo {
        margin-right: auto;
    }

    .header__search__input {
        width: 272px;
    }

    .section-category {
        padding: 7px 20px 7px 8px;
    }

    .section-category__text {
        font-size: 14px;
    }

    .section-subcaption {
        font-size: 18px;
    }

    .main-section1__btns,
    .main-section1__btns .btnheight 62px {
        margin-top: 44px;
    }

    .main-section1 #card {
        right: 0;
    }

    #card .container {
        width: 334px;
        height: 432px;
        border-radius: 19px;
    }

    #card .container__caption {
        font-size: 21px;
        margin: 16px 0;
    }

    #card .container__load-text {
        width: 180px;
    }

    #card .container__load-text + .container__load-text {
        width: 135px;
    }

    #card .container__btn {
        padding: 0 16px;
        margin-top: 26px;
        height: 39px;
        font-size: 12px;
    }

    #card .container__btn .btn__icon img {
        width: 17px;
        height: 17px;
    }

    #card .container__image {
        width: 262px;
    }

    #card .container__color-btns {
        top: 18px;
        left: 17px;
    }

    #card .container__color-btns div {
        width: 8px;
        height: 8px;
    }

    #card .container__color-btns div:not(:last-child) {
        margin-right: 6px;
    }

    #card .platforms {
        padding: 21px 17px;
        border-radius: 19px;
    }

    #card .platforms span {
        width: 19px;
        height: 19px;
    }

    #card .skill {
        padding: 10px 18px 10px 34px;
        top: 130px;
        font-size: 14px;
        background-position: 12px center;
    }

    #card .stats {
        -webkit-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        transform: translateX(-60%);
        bottom: 51px;
        padding: 17px;
        border-radius: 13px;
    }

    #card .stats .caption {
        font-size: 14px;
    }

    #card .stats .subcaption {
        font-size: 10px;
    }

    #card .stats .graph {
        --max-bar-height: 61px;
    }

    #card .stats .graph .elem {
        width: 12px;
    }

    #card .stats .types {
        margin: 10px 0 0;
    }

    #card .telegram {
        right: -11px;
        top: -24px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        padding: 6px 46px 6px 6px;
    }

    #card .telegram::after {
        width: 25px;
        height: 25px;
        right: 9px;
    }

    #card .telegram .icon {
        width: 33px;
        height: 33px;
        margin-right: 7px;
    }

    #card .telegram p {
        font-size: 14px;
    }

    #card .telegram span {
        font-size: 11px;
    }

    .types {
        /* font-size:10px

     */
    }

    .main-section1__inner {
        width: 560px;
    }

    .main-section1__section-subcaption {
        width: 560px;
    }

    .main-section1__btns .btn {
        height: 62px;
    }

    .section2 {
        margin: 95px 0;
    }

    .section2__block {
        padding: 40px 10px 30px;
    }

    .section2__block-container {
        gap: 16px;
        margin-top: 50px;
    }

    .section2__block__caption {
        font-size: 19px;
        margin: 26px 0 9px;
    }

    .section2__block__text {
        font-size: 15px;
    }

    .section2__block__icon {
        width: 41px;
        height: 41px;
    }

    .section-caption {
        font-size: 45px;
    }

    .main .catalog {
        padding-top: 80px;
    }

    .catalog__cards-container {
        margin-top: 70px;
    }

    .catalog__cards-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .card {
        height: 340px;
        --card-image-height: 219px;
    }

    .tg-card__icon {
        width: 60px;
        height: 60px;
    }

    .tg-card__btn {
        padding: 14px 20px;
        font-size: 15px;
    }

    .reviews {
        margin: 115px 0;
    }

    .reviews-slider {
        margin-top: 50px;
    }

    .footer__menu {
        display: none;
    }

    .footer__bottom-container {
        margin-top: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .footer__bottom-container .footer__menu__item {
        display: block;
    }

    .footer__menu__item {
        margin-right: unset;
        font-size: 16px;
    }

    .footer__menu__item::after {
        display: none;
    }

    .footer__logo {
        width: 135px;
    }

    .cheat-card {
        padding: 20px 25px;
    }

    .cheat-card__logo {
        width: 38px;
        height: 38px;
    }

    .cheat-card__list li {
        font-size: 12px;
    }

    .cheat-card__name {
        margin: 12px 0 8px;
        font-size: 18px;
    }

    .cheat-card__status {
        top: 14px;
        right: 14px;
        font-size: 12px;
    }

    .cheat-card__platform svg {
        width: 14px;
        height: 14px;
    }

    .game-cheats__slider-container:not(:last-child) {
        margin-bottom: 90px;
    }

    .cheat-block {
        display: block;
        height: unset;
    }

    .cheat-block__info,
    .cheat-block__slider {
        margin-bottom: 20px;
    }

    .cheat-block__slider {
        height: 426px;
    }

    .cheat-block__info__btn-line {
        width: unset;
        margin-top: 55px;
    }

    .cheat-block__info__btn-line .btn-accent {
        padding: 0 87px;
    }

    .instruction__container {
        padding: 74px 64px;
        border-radius: 20px;
    }

    .instruction::before {
        content: "";
        position: absolute;
        width: 250px;
        height: 250px;
        border-radius: 50%;
        background-color: rgba(38, 47, 63, 0.4);
        -webkit-filter: blur(106.5px);
        filter: blur(106.5px);
        top: 0;
        right: -115px;
    }

    .instruction__links {
        margin-bottom: 50px;
    }

    .instruction {
        margin-bottom: 90px;
    }

    .about-heading-section__btn {
        margin-top: 60px;
    }

    .about-heading-section__section-caption {
        font-size: 50px;
        margin-bottom: unset;
    }

    .about-heading-section__decor1 {
        width: 230px;
        height: 230px;
        top: 0;
        -webkit-transform: translate(-10%, 10%);
        -ms-transform: translate(-10%, 10%);
        transform: translate(-10%, 10%);
    }

    .about-heading-section__decor3 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
        bottom: 13%;
        left: 7%;
        width: 120px;
        height: 120px;
    }

    .about-heading-section__get-result {
        display: none;
    }

    .about-heading-section__decor2 {
        width: 175px;
    }

    .about-heading-section__section-subcaption {
        width: 570px;
    }

    .about-heading-section__decor2 {
        bottom: unset;
        top: 0;
    }

    .about-heading-section__btn {
        padding: 18px 32px;
    }

    .about-section__stat:not(:last-child)::after {
        right: -40px;
    }

    .about-section__contacts {
        gap: 40px;
    }

    .about-section__text {
        margin-top: 50px;
    }

    .catalog {
        padding-top: unset;
    }

    .status-heading-section {
        min-height: 475px;
    }

    .cheat-statuses__header {
        padding: 19px 30px;
    }

    .cheat-statuses__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .cheat-statuses__header {
        padding: 34px 30px;
    }

    .cheat-statuses__header__all-statuses {
        display: block;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        margin-top: 20px;
    }

    .cheat-statuses__header__all-statuses .status:not(:last-child) {
        margin-right: 23px;
    }

    .cheat-statuses__container {
        grid-template-columns: unset;
        gap: 20px;
    }

    .game-status-block__info {
        padding: 40px 30px;
    }

    .profile__sidebar {
        margin-right: unset;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .profile__container {
        display: block;
    }

    .profile__menu {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .profile__identity__container {
        margin-bottom: unset;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .profile__identity__replenishment-btn {
        width: 260px;
        margin-right: 79px;
    }

    .profile__identity {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .profile__identity__exit {
        width: 64px;
        height: 64px;
        position: absolute;
        right: 35px;
    }

    .profile__auth__info {
        width: 30%;
    }

    .profile__orders-table .profile__table__header,
    .profile__orders-table .profile__table__row {
        grid-template-columns: 35px repeat(4, 1fr);
    }

    .cheat-functions {
        margin-bottom: 90px;
    }

    .status-heading-section {
        background-image: unset;
    }

    .status-heading-section__container {
        padding-bottom: 40px;
    }

    .select__selected {
        padding: 15px 63px 13px 20px;
    }

    .cheat-statuses {
        padding: 75px 0;
    }

    .game-cards__slider-container {
        margin-bottom: 90px;
    }
}

@media screen and (max-width: 1024px) {
    .catalog__cards-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 999px) {
    .popup#cheat-video .popup__video-wrap {
        max-width: calc(100% - 16px);
    }

    .popup#cheat-video .popup__inner {
        border-radius: 10px;
    }

    .popup#cheat-video .popup__close {
        top: -44px;
        right: 0;
        width: 36px;
        height: 36px;
    }

    .popup#cheat-video .popup__close svg {
        width: 18px;
        height: 18px;
    }

    .not-found {
        padding-bottom: 90px;
    }

    .header__login {
        height: 56px;
        width: 59px;
        font-size: 0;
        padding: unset;
        border-radius: 15px;
    }

    .header__login .btn__icon {
        margin-right: unset;
        padding-right: unset;
        border-right: unset;
    }

    .header__hamburger {
        margin-left: 20px;
    }

    .main-section1__inner,
    .main-section1__section-subcaption {
        width: unset;
        max-width: unset;
    }

    .main-section1__inner {
        padding-top: 680px;
        position: relative;
    }

    .main-section1 #card {
        right: unset;
        left: 100px;
        top: 0;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    #card .platforms {
        top: 40%;
    }

    #card .telegram {
        top: 46px;
        right: 0;
        -webkit-transform: translateX(calc(100% - 50px));
        -ms-transform: translateX(calc(100% - 50px));
        transform: translateX(calc(100% - 50px));
    }

    #card .eclipse {
        display: none;
    }

    .section2__block-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .section-caption {
        font-size: 45px;
    }

    .main-section1__section-caption {
        font-size: 42px;
    }

    .section2__container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .section2__slider {
        margin-top: 45px;
    }

    .catalog {
        margin: 90px 0;
    }

    .catalog__cards-container {
        margin-top: 60px;
    }

    .catalog .section-caption-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .catalog .section-caption-container .section-caption-container__inner {
        margin-bottom: 40px;
    }

    .card {
        height: 285px;
        --card-image-height: 182px;
        padding: calc(var(--card-image-height) + 10px) 20px 20px;
    }

    .card__name {
        font-size: 18px;
    }

    .card__btn {
        width: 27px;
        height: 27px;
        background-size: 40%;
    }

    .types {
        margin-bottom: 10px;
    }

    .tg-card__icon {
        width: 46px;
        height: 46px;
        margin-bottom: 15px;
    }

    .tg-card__caption {
        font-size: 18px;
    }

    .tg-card__text {
        font-size: 12px;
    }

    .tg-card__btn {
        padding: 14px 30px;
    }

    .reviews__slide__name {
        font-size: 22px;
    }

    .reviews__slide__text {
        font-size: 16px;
    }

    .reviews {
        --slide-height: 375px;
    }

    .instruction__container {
        padding: 64px 50px;
        background-color: #141b25;
    }

    .instruction__text + .instruction__part-caption {
        margin-top: 50px;
    }

    .cheat-statuses__header__all-statuses {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .cheat-statuses__header__all-statuses {
        width: 100%;
    }

    .cheat-statuses__header__all-statuses .status:not(:last-child) {
        margin-right: unset;
    }

    .about-heading-section__decor3 {
        left: 0;
        -webkit-transform: rotate(55deg);
        -ms-transform: rotate(55deg);
        transform: rotate(55deg);
        width: 100px;
        height: 100px;
    }

    .about-heading-section__decor1 {
        left: 0;
        bottom: 0;
        top: unset;
        -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        transform: translate(0, 50%);
        width: 200px;
        height: 200px;
    }

    .about-heading-section__decor2 {
        display: none;
    }

    .about-section__stat:not(:last-child) {
        margin-right: 48px;
    }

    .about-section__stat:not(:last-child)::after {
        right: -24px;
    }

    .about-section__stat p {
        font-size: 35px;
    }

    .about-section__block {
        padding: 40px;
    }

    .about-section__history__slide .years {
        font-size: 25px;
    }

    .profile__avatar {
        height: 63px;
        width: 63px;
        margin-right: 16px;
    }

    .profile__identity__nickname {
        font-size: 16px;
    }

    .profile__main {
        --padding-x: 40px;
    }

    .profile__settings-block_input {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .profile__settings-block_input .profile__settings-block__text {
        width: 100%;
        padding-right: unset;
        margin-bottom: 32px;
    }

    .profile__referral__container {
        grid-template-columns: repeat(2, 1fr);
    }

    .profile__referral__info-block .label {
        width: 110px;
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .profile__referral-table .profile__table__header,
    .profile__referral-table .profile__table__row,
    .profile__withdraw-table .profile__table__header,
    .profile__withdraw-table .profile__table__row {
        grid-template-columns: 35px repeat(4, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .profile__form__textarea {
        padding: 20px 25px 20px 45px;
    }

    .profile__form__textarea-container .attach-file {
        left: 15px;
    }

    .profile__container {
        margin-top: unset;
    }

    #ticket-tab {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        z-index: 10;
        margin-top: unset !important;
        border-radius: unset !important;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 20px;
    }

    .profile__ticket-chat__message__body {
        padding: 20px 20px 30px;
    }

    .profile__ticket-chat__message__body .time {
        font-size: 12px;
        right: 12px;
        bottom: 12px;
    }

    .header {
        position: fixed;
        left: 0;
        right: 0;
        background-color: #151c27;
    }

    .about-heading-section {
        min-height: unset;
    }

    .not-found {
        padding-bottom: 20px;
    }

    .popup__caption {
        font-size: 22px;
    }

    .popup__payment-methods {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 50px;
    }

    .input-block__radio-container,
    .popup__buy-info__block-line,
    .popup__input-line {
        grid-template-columns: unset;
    }

    .popup__submit-btn {
        margin-top: 25px;
        height: 59px;
    }

    .popup__back-btn {
        padding: 0 20px;
    }

    .popup__back-btn,
    .popup__submit-btn {
        font-size: 16px;
    }

    .popup__inner {
        padding: 40px 35px;
    }

    .popup__close {
        right: 24px;
        height: 24px;
    }

    .header__search__scroll-container {
        max-height: 100%;
        padding-bottom: 50px;
    }

    .header__search {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: -o-linear-gradient(
            224.28deg,
            #1b2330 -107.89%,
            #111720 7.18%
        );
        background: linear-gradient(225.72deg, #1b2330 -107.89%, #111720 7.18%);
        margin-right: unset;
        width: auto;
        height: unset;
        z-index: 9;
        padding: 10px 0;
        -webkit-transition:
            opacity 0.28s ease,
            -webkit-transform 0.28s ease;
        transition:
            opacity 0.28s ease,
            -webkit-transform 0.28s ease;
        -o-transition:
            opacity 0.28s ease,
            transform 0.28s ease;
        transition:
            opacity 0.28s ease,
            transform 0.28s ease;
        transition:
            opacity 0.28s ease,
            transform 0.28s ease,
            -webkit-transform 0.28s ease;
    }

    .header__search:not(._visible) {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px);
    }

    .header__search__input {
        height: 60px;
        width: 100%;
        border: none;
        border-radius: unset;
        background-color: unset;
        padding-right: 60px;
    }

    .header__search__input:focus {
        border: none;
    }

    .header__search__inner {
        top: 73px;
        bottom: 0;
        padding: unset;
        border: none;
        border-radius: unset;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header__search__overlay {
        display: none;
    }

    .header__logo {
        width: 100px;
        margin-right: auto;
    }

    .header__lang {
        margin: 0 25px;
    }

    .header__login {
        width: 48px;
        height: 48px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-radius: 10px;
    }

    .header__hamburger {
        margin: 0 20px;
    }

    .content {
        max-width: calc(100% - 60px);
    }

    html {
        --header-height: 98px;
    }

    .main-section1 #card {
        left: 20px;
        top: 30px;
    }

    #card .eclipse {
        display: none;
    }

    #card .container {
        height: 366px;
        max-width: calc(100vw - 60px);
    }

    #card .container__image {
        width: 262px;
        max-width: 85%;
    }

    #card .container__btn {
        display: none;
    }

    #card .skill {
        top: 71px;
        left: -9px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    #card .stats {
        left: -40px;
        bottom: 52px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    #card .telegram {
        top: -27px;
        right: -32px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    .main-section1__inner {
        padding-top: 440px;
    }

    .section-category__icon {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .section-caption {
        font-size: 30px;
    }

    .main-section1__section-caption {
        margin-bottom: unset;
    }

    .main-section1__btns .btn:not(:last-child) {
        margin-right: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .main-section1__btns .btn:last-child {
        font-size: 0;
        height: 62px;
        width: 62px;
        padding: unset;
    }

    .main-section1__btns .btn:last-child .btn__icon {
        padding-right: unset;
        margin-right: unset;
        border-right: unset;
    }

    .main-section1__support span {
        font-size: 14px;
        margin-right: 15px;
    }

    .main-section1__support div {
        width: 20px;
        height: 20px;
    }

    .section2__block-container {
        gap: unset;
    }

    .section2__block.swiper-slide {
        max-width: 258px;
        height: unset;
    }

    .catalog {
        margin: 70px 0;
    }

    .main .catalog {
        padding-top: 60px;
    }

    .catalog__cards-container {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .card {
        height: 231px;
        --card-image-height: 148px;
        padding: var(--card-image-height) 18px 14px;
    }

    .card__btn {
        width: 22px;
        height: 22px;
    }

    .card__name {
        font-size: 15px;
    }

    .tg-card__icon {
        display: none;
    }

    .tg-card__caption {
        font-size: 15px;
    }

    .tg-card__btn {
        margin-top: 21px;
        width: 100%;
        font-size: 13px;
    }

    .catalog__show-more {
        padding: 15px 20px;
        margin-top: 50px;
    }

    .section-caption-container {
        display: block;
    }

    .section-caption-container__inner {
        margin-bottom: 20px;
    }

    .section-category + .section-caption,
    .section-category + .section-caption-container {
        margin-top: 15px;
    }

    .reviews {
        margin: 70px 0;
    }

    .reviews__slide {
        padding: 35px;
    }

    .reviews__slide__name {
        font-size: 20px;
    }

    .faq::before {
        display: none;
    }

    .accordion__header__btn {
        width: 35px;
        height: 35px;
    }

    .accordion__header {
        padding: 17px 25px 17px 20px;
    }

    .accordion__body {
        padding: 25px;
    }

    .footer__logo {
        width: 100px;
    }

    .social-btn {
        padding: 10px 13px;
        font-size: 15px;
    }

    .footer__bottom-container {
        margin-top: 20px;
    }

    .footer__bottom-container {
        display: block;
        text-align: left;
    }

    .footer__copy {
        margin-top: 10px;
    }

    .footer {
        padding: 30px 0;
        margin-top: 40px;
    }

    .cheat-card.swiper-slide {
        width: 220px;
    }

    .slider-arrows__arrow {
        width: 38px;
        height: 38px;
        border-radius: 9px;
    }

    .game-cheats__slider-container:not(:last-child) {
        margin-bottom: 75px;
    }

    .game-cheats {
        overflow: hidden;
    }

    .game-cheats-slider.swiper {
        overflow: visible;
    }

    .cheat-block__slider {
        height: 228px;
    }

    .cheat-block__slider {
        --arrow-spacing: 20px;
    }

    .cheat-block__slider__arrow {
        width: 36px;
        height: 36px;
    }

    .cheat-block__info,
    .cheat-block__requirements {
        padding: 35px 30px;
    }

    .cheat-block__name {
        margin: 15px 0;
    }

    .cheat-block__text {
        font-size: 15px;
    }

    .cheat-block__name {
        font-size: 25px;
    }

    .cheat-block__info__btn-line .btn-accent {
        padding: unset;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .cheat-block__info__btn-line {
        width: 100%;
    }

    .cheat-block__requirements-container {
        display: block;
    }

    .cheat-block__requirement:not(:last-child) {
        margin-bottom: 25px;
    }

    .cheat-block__info__btn-line {
        margin-top: 40px;
    }

    .cheat-block {
        margin-bottom: 70px;
    }

    .cheat-functions__block.swiper-slide {
        width: 100%;
    }

    .key__container {
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .key__input-block {
        margin-top: -10px;
    }

    .key__payed-date {
        margin-bottom: 12px;
    }

    .attention {
        margin-top: 15px;
    }

    .attention {
        font-size: 14px;
    }

    .key {
        padding-bottom: 60px;
        margin-bottom: 55px;
    }

    .instruction__container {
        padding: 50px 40px;
    }

    .instruction__section-caption.section-caption {
        font-size: 25px;
    }

    .instruction__link {
        width: 100%;
    }

    .instruction__text {
        font-size: 15px;
    }

    .instruction__video {
        margin: 45px 0;
    }

    .about-heading-section__decor1,
    .about-heading-section__decor3 {
        display: none;
    }

    .about-heading-section__container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
    }

    .about-heading-section__section-caption {
        font-size: 28px;
    }

    .about-heading-section__section-subcaption {
        font-size: 14px;
    }

    .about-heading-section__btn {
        margin-top: 35px;
    }

    .about-heading-section__btn {
        width: 100%;
    }

    .about-section__stats {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }

    .about-section__stat {
        padding: 5px 0;
    }

    .about-section__stat:not(:last-child) {
        margin: unset;
    }

    .about-section__stat:not(:last-child)::after {
        display: none;
    }

    .about-section__stat:nth-child(1),
    .about-section__stat:nth-child(2) {
        margin-bottom: 60px;
        position: relative;
    }

    .about-section__stat:nth-child(1)::after {
        display: block;
        left: 0;
        width: 200%;
        bottom: -30px;
        border: unset;
        border-bottom: 1px solid #283444;
        pointer-events: none;
    }

    .about-section__stat:nth-child(1),
    .about-section__stat:nth-child(3) {
        border-right: 1px solid #283444;
    }

    .about-section__stat:nth-child(2),
    .about-section__stat:nth-child(4) {
        padding-left: 35px;
    }

    .about-section__block {
        padding: 35px 40px;
    }

    .about-section__stat {
        text-align: left;
    }

    .about-section__stat p {
        font-size: 25px;
    }

    .about-section__stat span {
        font-size: 16px;
    }

    .about-section__contacts {
        flex-direction: column;
        align-items: center;
        gap: 27px;
    }

    .about-section__contact p {
        font-size: 18px;
    }

    .about-section__history__slide .years {
        font-size: 20px;
    }

    .about-section__text {
        font-size: 14px;
        margin-top: 30px;
    }

    .status-heading-section__filter {
        max-width: calc(100% - 60px);
        width: 100%;
    }

    .status-heading-section__container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
    }

    .status-heading-section {
        min-height: 400px;
    }

    .status-heading-section__filter {
        padding: 10px;
        padding-left: 20px;
    }

    .status-heading-section__filter input {
        width: 100px;
    }

    .status-heading-section__filter .select {
        width: 210px;
    }

    .cheat-statuses__header__all-statuses {
        grid-template-columns: unset;
    }

    .cheat-statuses {
        padding: 67px 0 0;
    }

    .game-status-block__info {
        padding: 22px 20px;
    }

    .game-status-block__cheats span {
        font-size: 15px;
    }

    .not-found__code {
        font-size: 67px;
    }

    .not-found__caption {
        font-size: 25px;
        margin: 6px 0 20px;
    }

    .profile__identity {
        display: block;
    }

    .profile__identity__replenishment-btn {
        margin: 30px 0 0;
        width: 100%;
    }

    .profile__identity__exit {
        width: 50px;
        height: 50px;
    }

    .profile__identity {
        padding: 30px;
    }

    .profile__settings-block__input {
        width: calc(100% - 118px);
    }

    .profile__settings-block:not(.profile__settings-block_avatar):not(
            .profile__settings-block_password
        )
        .profile__settings-block__edit-btn {
        font-size: 0;
        width: 49px;
        height: 49px;
        border-radius: 10px;
    }

    .profile__settings-block:not(.profile__settings-block_avatar):not(
            .profile__settings-block_password
        )
        .profile__settings-block__edit-btn,
    .profile__settings-block:not(.profile__settings-block_avatar):not(
            .profile__settings-block_password
        ).profile__settings-block_edit
        .profile__settings-block__edit-btn {
        padding: unset;
        background-position: center;
    }

    .profile__settings-block__cancel-btn {
        width: 49px;
        height: 49px;
    }

    .profile__settings-block_avatar,
    .profile__settings-block_password {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
    }

    .profile__settings-block_avatar .profile__settings-block__edit-btn,
    .profile__settings-block_password .profile__settings-block__edit-btn {
        width: 100%;
        margin-top: 20px;
    }

    .profile__settings-block_avatar {
        padding-bottom: 30px;
    }

    .profile__settings-block_avatar .profile__settings-block__edit-btn {
        margin-bottom: 14px;
    }

    .profile__settings-block_avatar .profile__settings-block__text {
        width: calc(100% - 78px);
    }

    .profile__avatar {
        width: 58px;
        height: 58px;
    }

    .profile__settings-block__avatar-ext {
        position: absolute;
        left: 0;
        top: 100%;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .profile__settings-block__descr {
        font-size: 12px;
    }

    .profile__settings-block__cancel-btn {
        display: none;
        opacity: 1;
    }

    .profile__settings-block_edit .profile__settings-block__cancel-btn {
        display: block;
    }

    .profile__auth__info span {
        display: none;
    }

    .profile__auth__info img {
        margin-right: unset;
    }

    .profile__auth__link-info {
        font-size: 12px;
    }

    .profile__auth__info {
        width: unset;
        margin-right: 16px;
    }

    .profile__tabs__choose__btn {
        font-size: 15px;
    }

    .profile__tabs__choose__btn:not(:last-child) {
        margin-right: 30px;
    }

    .profile__auth {
        padding: 16px 16px 16px 23px;
    }

    .profile__settings-block__name {
        font-size: 16px;
    }

    .profile__settings-block__descr {
        font-size: 15px;
    }

    .profile__ticket {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .profile__ticket__info {
        width: calc(100% - 58px);
    }

    .profile__ticket__icon {
        margin-right: 12px;
    }

    .profile__ticket__status {
        margin: 10px 0 0 58px;
    }

    .profile__ticket {
        padding: 17px 20px;
    }

    .profile__main__btn-back {
        margin-right: 15px;
    }

    .profile__main__header_border {
        padding-bottom: 22px;
        margin-bottom: 35px;
    }

    .profile__form__btn {
        width: 100%;
    }

    .profile__ticket-chat__message + .profile__ticket-chat__message {
        margin-top: 15px;
    }

    .profile__ticket-chat {
        max-height: 340px;
        margin-bottom: 35px;
    }

    .profile__empty-block__caption {
        font-size: 22px;
        margin: 25px 0 10px;
    }

    .profile__empty-block__text {
        font-size: 16px;
    }

    .footer_profile .footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .footer_profile .footer__copy {
        margin-top: 24px;
    }

    .profile__orders-table .profile__table__header {
        display: none;
    }

    .profile__table__row {
        padding: 15px;
    }

    .profile__orders-table .profile__table__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .profile__orders-table .profile__table__col:nth-child(1) {
        display: none;
    }

    .profile__orders-table .profile__table__col:nth-child(2) {
        position: relative;
        width: 100%;
        padding-bottom: 13px;
        margin-bottom: 26px;
    }

    .profile__orders-table .profile__table__col:nth-child(2)::after {
        content: "";
        position: absolute;
        left: -15px;
        bottom: 0;
        right: -15px;
        border-bottom: 1px solid #262d39;
    }

    .profile__orders-table .profile__table__col:nth-child(3),
    .profile__orders-table .profile__table__col:nth-child(4),
    .profile__orders-table .profile__table__col:nth-child(5) {
        display: block;
        padding-bottom: 11px;
    }

    .profile__orders-table .profile__table__col:nth-child(5) {
        position: static;
    }

    .profile__orders-table .profile__table__link {
        position: absolute;
        right: 15px;
        top: 14px;
    }

    .profile__referral__container {
        grid-template-columns: unset;
    }

    .profile__main__referral-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .profile__main__referral-header .profile__main__header__btns {
        margin: 15px 0 0 0;
    }

    .profile__referral-table__user-card img {
        display: none;
    }

    .profile__referral-table
        .profile__table__header
        .profile__table__col:nth-child(3) {
        display: none;
    }

    .profile__referral-table
        .profile__table__header
        .profile__table__col:nth-child(2) {
        grid-area: 1/2/2/4;
    }

    .profile__referral-table__income {
        padding: 6px;
        font-size: 14px;
    }

    .profile__withdraw-table
        .profile__table__header
        .profile__table__col:nth-child(3) {
        display: none;
    }

    .profile__withdraw-table
        .profile__table__header
        .profile__table__col:nth-child(2) {
        grid-area: 1/2/2/4;
    }

    .profile__withdraw-table .profile__table__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .profile__withdraw-table .profile__table__row .profile__table__col {
        width: calc(100% - 35px);
        margin-left: 35px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        white-space: nowrap;
    }

    .profile__withdraw-table
        .profile__table__row
        .profile__table__col:nth-child(1) {
        width: 35px;
    }

    .profile__withdraw-table
        .profile__table__row
        .profile__table__col:nth-child(1),
    .profile__withdraw-table
        .profile__table__row
        .profile__table__col:nth-child(2) {
        margin-left: unset;
    }

    .profile__withdraw-table
        .profile__table__row
        .profile__table__col:nth-child(3) {
        margin: 10px 0 16px 35px;
        overflow: hidden;
    }

    .profile__withdraw-table
        .profile__table__row
        .profile__table__col:nth-child(3)
        span:not(.profile__table__col__col-name) {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .profile__withdraw-table
        .profile__table__row
        .profile__table__col:nth-child(3)
        .profile__table__col__col-name {
        margin: 0 10px 0 0;
    }

    .game-cards__slider-container {
        margin-bottom: 70px;
    }

    .breadcrumbs {
        margin-bottom: 30px;
    }

    .instruction__link {
        background-position: calc(100% - 20px) center;
        padding-right: 56px;
    }

    .not-found__btn {
        padding: 20px;
        width: 100%;
    }

    .profile__identity__replenishment-btn {
        height: 57px;
        padding: unset;
    }
}

@media screen and (max-width: 427px) {
    #card .container {
        height: 352px;
        width: 310px;
    }

    #card .container__image {
        width: 230px;
    }

    #card .stats {
        left: -15px;
        width: 122px;
        bottom: 45px;
        padding: 17px 17px 13px;
    }

    #card .stats .subcaption {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    #card .stats .graph .elem:nth-child(3) {
        display: none;
    }

    #card .telegram {
        top: -30px;
        right: -10px;
    }

    #card .skill {
        left: 8px;
        top: 69px;
    }

    #card .platforms {
        right: -9px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }

    .main-section1 #card {
        left: 0;
    }

    .header__logo {
        width: 80px;
    }

    .header__hamburger {
        width: 42px;
        height: 42px;
        margin: 0 14px;
    }

    .content {
        max-width: calc(100% - 50px);
    }

    .header__lang {
        margin: 0 15px;
    }

    .header__login {
        width: 44px;
        height: 35px;
    }

    .main-section1__inner {
        padding-top: 420px;
    }

    .section-category {
        padding: 7px 10px 7px 7px;
    }

    .section-category__text {
        font-size: 12px;
    }

    .section-category__icon {
        width: 20px;
        height: 20px;
    }

    .section-subcaption {
        font-size: 14px;
    }

    .section-caption {
        font-size: 28px;
    }

    .main-section1__btns .btn {
        height: 54px;
    }

    .main-section1__btns .btn:last-child {
        height: 54px;
        width: 54px;
    }

    .main-section1__support {
        margin-top: 20px;
    }

    .main-section1__btns {
        margin-top: 40px;
    }

    .catalog .section-caption-container .section-caption-container__inner {
        margin-bottom: 20px;
    }

    .card {
        height: 220px;
        padding: var(--card-image-height) 15px 15px;
        --card-image-height: 130px;
    }

    .card__name {
        font-size: 14px;
    }

    .card__img {
        left: -10px;
        right: -10px;
    }

    .card__btn {
        width: 18px;
        height: 18px;
    }

    .tg-card__text {
        font-size: 11px;
    }

    .tg-card__btn {
        margin-top: 12px;
        padding: 10px;
    }

    .section-subcaption .social-btn {
        margin-left: 15px;
    }

    .reviews__slide.swiper-slide {
        width: 275px;
    }

    .reviews__slide {
        padding: 30px;
    }

    .reviews__slide__avatar {
        width: 44px;
        height: 44px;
    }

    .reviews__slide__name {
        font-size: 18px;
    }

    .reviews {
        --slide-height: 325px;
    }

    .accordion__header {
        padding: 23px 20px;
    }

    .faq__container {
        margin-top: 20px;
    }

    .footer__logo {
        width: 80px;
    }

    .footer__bottom-container .footer__menu__item,
    .footer__copy {
        font-size: 14px;
    }

    .game-cheats__slider-container:not(:last-child) {
        margin-bottom: 70px;
    }

    .breadcrumbs {
        margin-bottom: 20px;
    }

    .cheat-block__slider {
        height: 192px;
    }

    .cheat-block__info__btn-line .btn-accent {
        font-size: 15px;
    }

    .cheat-block__info__btn-line .btn-accent .btn__icon {
        margin-right: 10px;
    }

    .cheat-block__info__btn-line .btn-play {
        width: 54px;
        height: 54px;
    }

    .instruction__container {
        padding: 40px 30px;
    }

    .instruction__section-caption.section-caption {
        font-size: 20px;
    }

    .instruction__links {
        margin: 26px 0 30px;
    }

    .instruction__text + .instruction__part-caption {
        margin-top: 40px;
    }

    .instruction__part-caption {
        font-size: 20px;
    }

    .instruction__part-caption + .instruction__text {
        margin-top: 20px;
    }

    .instruction {
        margin-bottom: 70px;
    }

    .about-heading-section__section-caption {
        font-size: 24px;
    }

    .about-section__history__caption {
        font-size: 20px;
    }

    .about-section__block {
        padding: 35px 30px;
    }

    .status-heading-section__filter .select {
        width: 152px;
    }

    .status-heading-section__filter .select .select__selected {
        padding-right: 39px;
        padding-left: 15px;
    }

    .status-heading-section__filter .select .select__selected::after {
        right: 13px;
    }

    .not-found__code {
        font-size: 45px;
    }

    .not-found__caption {
        font-size: 20px;
        margin: 5px 0 15px;
    }

    .not-found__text {
        font-size: 14px;
        margin-bottom: 45px;
    }

    .profile__identity__replenishment-btn {
        height: 49px;
    }

    .profile__menu {
        padding: 20px 24px;
    }

    .profile__menu__item {
        font-size: 15px;
    }

    .profile__main {
        --padding-y: 40px;
        --padding-x: 25px;
    }

    .profile__caption {
        font-size: 16px;
    }

    .profile__settings-block__descr {
        font-size: 12px;
    }

    .profile__referral__stats {
        grid-template-columns: unset;
    }

    .profile__table__col {
        font-size: 14px;
    }

    .popup__back-btn,
    .popup__submit-btn {
        font-size: 14px;
    }

    .popup__inner {
        padding: 25px;
    }

    .input-block + .input-block {
        margin-top: 25px;
    }

    .popup__hint {
        font-size: 14px;
        margin-top: 35px;
    }

    .input-block__input {
        font-size: 15px;
    }

    .profile__ticket-chat__message__body {
        padding: 18px 18px 25px;
    }

    .profile__ticket-chat__message__body .time {
        font-size: 10px;
        right: 10px;
        bottom: 10px;
    }
}

/* iOS Swiper touch fixes */
.swiper-wrapper {
    -webkit-touch-callout: none;
}

.card,
.cheat-card {
    -webkit-tap-highlight-color: transparent;
}

.swiper,
.reviews-slider,
.about-section__history__slider,
.section2__slider,
.cheat-functions .swiper {
    touch-action: pan-y;
    overscroll-behavior-x: contain;
}

@media (hover: hover) {
    .card:hover {
        background-color: #1c2331;
    }
    .card__btn:hover {
        background-color: #343f50;
    }
    .cheat-card__btn:hover {
        background-color: #2b3543;
    }
}

@media (hover: none) {
    .cheat-card:hover .cheat-card__btn,
    .cheat-card:hover::before {
        opacity: 1;
    }
}

/* =================================================================
   iOS Native Scroll Carousels
   Carousels moved outside .content for full-width on iOS.
   On non-iOS, Swiper handles layout. On iOS, native CSS scroll.
   ================================================================= */

/* --- Non-iOS: carousels outside .content need content-width padding --- */
.reviews-slider.js-carousel,
.game-cheats-slider.js-carousel,
.game-cards-slider.js-carousel,
.swiper-functional.js-carousel,
.section2__slider.js-carousel {
    padding-right: max(30px, calc((100% - var(--content-width)) / 2));
    box-sizing: border-box;
}

/* --- iOS: Native scroll for all .js-carousel elements --- */
html.ios .js-carousel {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: auto;
    touch-action: pan-x pan-y;
}

html.ios .js-carousel .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    transform: none !important;
    transition: none !important;
}

html.ios .js-carousel .swiper-slide {
    flex-shrink: 0;
    scroll-snap-align: start;
}

/* Hide scrollbar on iOS */
html.ios .js-carousel::-webkit-scrollbar {
    display: none;
}
html.ios .js-carousel {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* --- Per-carousel slide widths on iOS mobile (≤767px) --- */
@media (max-width: 767px) {
    /* Reviews: auto-width slides, add gap */
    html.ios .reviews-slider.js-carousel {
        padding-left: 30px;
        padding-right: 30px;
        gap: 0;
    }
    html.ios .reviews-slider.js-carousel .swiper-wrapper {
        gap: 25px;
    }
    html.ios .reviews-slider .swiper-slide {
        width: 280px;
        flex: 0 0 280px;
    }

    /* Section2 features: auto-width */
    html.ios .section2__slider.js-carousel {
        padding-left: 30px;
        padding-right: 30px;
    }
    html.ios .section2__slider.js-carousel .swiper-wrapper {
        gap: 12px;
    }

    /* Game cheats slider: auto on mobile */
    html.ios .game-cheats-slider.js-carousel {
        padding-left: 30px;
        padding-right: 30px;
    }
    html.ios .game-cheats-slider.js-carousel .swiper-wrapper {
        gap: 13px;
    }

    /* Game cards slider: 2 per view on mobile */
    html.ios .game-cards-slider.js-carousel {
        padding-left: 30px;
        padding-right: 30px;
    }
    html.ios .game-cards-slider.js-carousel .swiper-wrapper {
        gap: 20px;
    }
    html.ios .game-cards-slider .swiper-slide {
        flex: 0 0 calc(50vw - 40px);
    }

    /* Cheat functions: auto-width */
    html.ios .swiper-functional.js-carousel {
        padding-left: 30px;
        padding-right: 30px;
    }
    html.ios .swiper-functional.js-carousel .swiper-wrapper {
        gap: 18px;
    }

    /* History slider (about page) — inside .content, need overflow visible on parent */
    html.ios .about-section__history {
        overflow: visible !important;
    }
    html.ios .about-section__history__slider.js-carousel .swiper-wrapper {
        gap: 0;
    }
    /* About page history slider — breakout from .content on iOS mobile */
    html.ios .about-section__history__slider.js-carousel {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(-1 * (100vw - 100%) / 2);
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
        scroll-padding-left: 30px;
        scroll-padding-right: 30px;
    }
    html.ios .about-section__history__slider.js-carousel .swiper-wrapper {
        gap: 0;
    }
    html.ios .about-section__history__slide {
        scroll-snap-align: start;
        scroll-margin-left: 30px;
    }
    html.ios .about-section__history__slider-btn {
        display: none !important;
    }

    /* Override parent overflow:hidden that clips carousels */
    html.ios .reviews {
        overflow: visible !important;
    }
    html.ios .reviews .content {
        overflow: visible !important;
    }
    html.ios .section2 .content {
        overflow: visible !important;
    }
    html.ios .game-cheats {
        overflow: visible !important;
    }
    html.ios .cheat-block__slider {
        overflow: visible !important;
    }

    /* Breakout reviews-slider from .content on iOS mobile */
    html.ios .reviews-slider.js-carousel {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(-1 * (100vw - 100%) / 2);
        box-sizing: border-box;
    }
    /* Breakout section2__slider from .content on iOS mobile */
    html.ios .section2__slider.js-carousel {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(-1 * (100vw - 100%) / 2);
        box-sizing: border-box;
    }
}

/* --- iOS tablet/desktop sizes (≥768px) — larger slide counts --- */
@media (min-width: 768px) {
    html.ios .game-cheats-slider.js-carousel .swiper-wrapper {
        gap: 17px;
    }
    html.ios .game-cheats-slider .swiper-slide {
        flex: 0 0 calc(33.333% - 12px);
    }

    html.ios .game-cards-slider.js-carousel .swiper-wrapper {
        gap: 20px;
    }
    html.ios .game-cards-slider .swiper-slide {
        flex: 0 0 calc(33.333% - 14px);
    }
}

@media (min-width: 1000px) {
    html.ios .game-cheats-slider .swiper-slide {
        flex: 0 0 calc(25% - 13px);
    }
}

@media (min-width: 1439px) {
    html.ios .game-cards-slider .swiper-slide {
        flex: 0 0 calc(25% - 15px);
    }
}

@media (min-width: 1601px) {
    html.ios .game-cheats-slider .swiper-slide {
        flex: 0 0 calc(20% - 14px);
    }
}

/* ===== Catalog (Эксклюзивные читы) ===== */
.catalog__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 40px;
}

.catalog__badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    padding: 12px 25px 12px 15px;
    border-radius: 18px;
    background: -o-linear-gradient(
        266deg,
        rgba(173, 87, 255, 0.16) 9.73%,
        rgba(138, 86, 255, 0.16) 102.08%
    );
    background: linear-gradient(
        176.84deg,
        rgba(173, 87, 255, 0.16) 9.73%,
        rgba(138, 86, 255, 0.16) 102.08%
    );
}

.catalog__badge-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: -o-linear-gradient(283.59deg, #8456ff 9.73%, #8e4cd7 102.08%);
    background: linear-gradient(166.41deg, #8456ff 9.73%, #8e4cd7 102.08%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.catalog__badge-icon img {
    width: 21px;
    height: 21px;
    -o-object-fit: contain;
    object-fit: contain;
}

.catalog__badge-text {
    font-family: "Mazzard H";
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
}

.catalog__title {
    margin-top: 25px;
    font-family: "Mazzard H";
    font-size: 55px;
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: -0.01em;
    color: #fff;
}

.catalog__subtitle {
    margin-top: 15px;
    font-family: "Mazzard M";
    font-size: 22px;
    font-weight: 500;
    line-height: 1.445;
    color: rgba(255, 255, 255, 0.54);
}

.catalog__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 111px;
}

.catalog__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 19px 23px;
    font-family: "Mazzard H";
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    border: 1px solid #222c3d;
    background-color: #141a25;
    -webkit-transition:
        0.3s background-color,
        0.3s color,
        0.3s border-color;
    -o-transition:
        0.3s background-color,
        0.3s color,
        0.3s border-color;
    transition:
        0.3s background-color,
        0.3s color,
        0.3s border-color;
}

.catalog__tab:not(:first-child) {
    margin-left: -1px;
}

.catalog__tab:first-child {
    border-radius: 18px 0 0 18px;
}

.catalog__tab:last-child {
    border-radius: 0 18px 18px 0;
}

.catalog__tab.is-active {
    background-color: #8456ff;
    border-color: #8456ff;
    position: relative;
    z-index: 1;
}

.catalog__tab:not(.is-active) {
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.catalog__tab:not(.is-active):hover {
    color: rgba(255, 255, 255, 0.8);
}

.catalog__tab-ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.catalog__tab-ico img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.catalog__tab:not(.is-active) .catalog__tab-ico {
    opacity: 0.5;
}

.catalog__cards-container {
    margin-top: 80px;
}

.catalog-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #171d28;
    border-radius: 18px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.3s -webkit-transform;
    transition: 0.3s -webkit-transform;
    -o-transition: 0.3s transform;
    transition: 0.3s transform;
    transition:
        0.3s transform,
        0.3s -webkit-transform;
}

.catalog-card:hover {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.catalog-card__img {
    position: relative;
    aspect-ratio: 4 / 3;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #10151e;
}

.catalog-card__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.catalog-card__img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 55%;
    background: -o-linear-gradient(top, rgba(23, 29, 40, 0) 0%, #171d28 92%);
    background: linear-gradient(180deg, rgba(23, 29, 40, 0) 0%, #171d28 92%);
    pointer-events: none;
}

.catalog-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px 24px 24px;
}

.catalog-card__name {
    font-family: "Mazzard H";
    font-size: 24px;
    font-weight: 500;
    line-height: 1.445;
    color: #fff;
    text-transform: capitalize;
}

.catalog-card__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-top: 7px;
}

.catalog-card__tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 4px;
    font-family: "Mazzard H";
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.catalog-card__tag img {
    width: 13px;
    height: 13px;
    -o-object-fit: contain;
    object-fit: contain;
}

.catalog-card__tag--game {
    background-color: rgba(172, 141, 255, 0.09);
    color: #ac8dff;
}

.catalog-card__tag--count {
    background-color: rgba(138, 245, 155, 0.09);
    color: #8af59b;
}

.catalog-card__desc {
    margin-top: 21px;
    font-family: "Mazzard H";
    font-size: 13px;
    font-weight: 500;
    line-height: 1.445;
    color: #fff;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog-card__more {
    margin-top: auto;
    padding-top: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
    font-family: "Mazzard M";
    font-size: 18px;
    color: #ac8dff;
    letter-spacing: -0.02em;
}

.catalog-card__more img {
    width: 18px;
    height: 13px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: 0.2s -webkit-transform;
    transition: 0.2s -webkit-transform;
    -o-transition: 0.2s transform;
    transition: 0.2s transform;
    transition:
        0.2s transform,
        0.2s -webkit-transform;
}

.catalog-card:hover .catalog-card__more img {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
}

@media screen and (max-width: 1600px) {
    .catalog__title {
        font-size: 50px;
    }

    .catalog__tabs {
        margin-top: 95px;
    }
}

@media screen and (max-width: 1280px) {
    .catalog__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }

    .catalog__tabs {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .catalog__title {
        font-size: 32px;
    }

    .catalog__subtitle {
        font-size: 16px;
    }

    .catalog__tabs {
        width: 100%;
        overflow-x: auto;
    }

    .catalog__tab {
        padding: 14px 16px;
        font-size: 15px;
    }
}

/* ===== Section 2 (Новый уровень игрового опыта) ===== */
.section2__inner {
    text-align: center;
}

.section2__badge {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 12px 25px 12px 15px;
    border-radius: 16px;
    background-color: #1a2431;
}

.section2__badge-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(166.41deg, #8456ff 9.73%, #8e4cd7 102.08%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.section2__badge-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.section2__badge-text {
    font-family: "Mazzard H";
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
}

.section2__title {
    margin-top: 22px;
    font-family: "Mazzard H";
    font-size: 50px;
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: -0.01em;
    color: #fff;
}

.section2__title-spark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 42px;
    vertical-align: -6px;
}

.section2__title-spark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.section2__grid {
    margin: 60px auto 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 21px;
    max-width: 1255px;
}

.s2-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: linear-gradient(180deg, #18202c 0%, #171d28 42.8%);
    border-radius: 24px;
    padding: 58px 28px 64px;
    overflow: hidden;
}

.s2-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../img/s2-card-bg.svg) no-repeat center;
    background-size: 100% 100%;
    pointer-events: none;
    opacity: 0.5;
}

.s2-card__icon,
.s2-card__title,
.s2-card__text {
    position: relative;
}

.s2-card__icon {
    flex-shrink: 0;
    width: 83px;
    height: 83px;
    border-radius: 50%;
    background-color: rgba(132, 86, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.s2-card__icon-inner {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: linear-gradient(166.41deg, #8456ff 9.73%, #8e4cd7 102.08%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.s2-card__icon-inner img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.s2-card__title {
    margin-top: 19px;
    font-family: "Mazzard M";
    font-weight: 600;
    font-size: 24px;
    line-height: 1.445;
    color: #fff;
}

.s2-card__text {
    margin-top: 13px;
    font-family: "Mazzard M";
    font-weight: 500;
    font-size: 16px;
    line-height: 1.365;
    color: rgba(255, 255, 255, 0.5);
    max-width: 243px;
}

.s2-card__pill {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -30px;
    width: 86px;
    height: 40px;
    border-radius: 16px 16px 0 0;
    background-color: #8456ff;
    -webkit-transition: 0.3s bottom;
    -o-transition: 0.3s bottom;
    transition: 0.3s bottom;
}

.s2-card:hover .s2-card__pill {
    bottom: -20px;
}

@media screen and (max-width: 1024px) {
    .section2__grid {
        grid-template-columns: repeat(2, 1fr);
        max-width: 640px;
    }
}

@media screen and (max-width: 900px) {
    .s2-card {
        padding: 46px 22px 52px;
    }
}

@media screen and (max-width: 767px) {
    .section2__title {
        font-size: 30px;
    }

    .section2__title-spark {
        width: 26px;
        height: 26px;
        vertical-align: -4px;
    }

    .section2__grid {
        grid-template-columns: 1fr;
        max-width: 360px;
    }
}

/* ===== Reviews (Что о нас говорят клиенты) ===== */
.reviews__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
}

.reviews__badge {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 12px 25px 12px 15px;
    border-radius: 18px;
    background-color: #1a2431;
}

.reviews__badge-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(166.41deg, #8456ff 9.73%, #8e4cd7 102.08%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews__badge-icon img {
    width: 21px;
    height: 21px;
    object-fit: contain;
}

.reviews__badge-text {
    font-family: "Mazzard H";
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
}

.reviews__title {
    margin-top: 26px;
    font-family: "Mazzard H";
    font-size: 55px;
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: -0.01em;
    color: #fff;
}

.reviews__subtitle {
    margin-top: 15px;
    font-family: "Mazzard M";
    font-size: 18px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
}

.reviews__all {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 9px;
    font-family: "Mazzard M";
    font-weight: 600;
    font-size: 16px;
    color: #ac8dff;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.reviews__all img {
    width: 18px;
    height: 13px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    transition:
        transform 0.2s ease,
        -webkit-transform 0.2s ease;
}

.reviews__all:hover {
    color: #c4adff;
}

.reviews__all:hover img {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
}

/* ===== Отзывы — карточка (сетка) ===== */
.rev-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #171d28;
    border: 1px solid #202834;
    border-radius: 20px;
    padding: 28px;
    overflow: hidden;
    box-sizing: border-box;
    height: auto;
    -webkit-transition:
        border-color 0.25s ease,
        -webkit-transform 0.25s ease;
    transition:
        border-color 0.25s ease,
        -webkit-transform 0.25s ease;
    -o-transition:
        border-color 0.25s ease,
        transform 0.25s ease;
    transition:
        border-color 0.25s ease,
        transform 0.25s ease;
    transition:
        border-color 0.25s ease,
        transform 0.25s ease,
        -webkit-transform 0.25s ease;
}

.rev-card:hover {
    border-color: #2c3647;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

.rev-card::after {
    content: "\201D";
    position: absolute;
    top: 16px;
    right: 26px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 92px;
    line-height: 1;
    color: rgba(132, 86, 255, 0.14);
    pointer-events: none;
}

.rev-card__head {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
}

.rev-card__avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #0f141d;
}

.rev-card__name {
    font-family: "Mazzard M";
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.rev-card__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    margin-top: 18px;
}

.rev-card__stars img {
    width: 17px;
    height: 17px;
    -o-object-fit: contain;
    object-fit: contain;
}

.rev-card__text {
    margin-top: 16px;
    font-family: "Mazzard M";
    font-weight: 400;
    font-size: 15px;
    line-height: 1.62;
    color: rgba(255, 255, 255, 0.55);
}

/* ===== FAQ (Часто задаваемые вопросы) ===== */
.faq__badge {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 12px 25px 12px 15px;
    border-radius: 18px;
    background-color: #1a2431;
}

.faq__badge-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(166.41deg, #8456ff 9.73%, #8e4cd7 102.08%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq__badge-icon img {
    width: 17px;
    height: 22px;
    object-fit: contain;
}

.faq__badge-text {
    font-family: "Mazzard H";
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.faq__title {
    margin-top: 28px;
    font-family: "Mazzard H";
    font-size: 55px;
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: -0.01em;
    color: #fff;
}

.faq__container {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faq__container .accordion {
    margin: 0;
    background-color: #171d28;
    border-radius: 20px;
    overflow: hidden;
}

.faq__container .accordion__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 30px 35px;
    cursor: pointer;
}

.faq__container .accordion__header__content {
    font-family: "Mazzard M";
    font-weight: 500;
    font-size: 18px;
    line-height: 1.445;
    color: #fff;
}

.faq__container .accordion__header__btn {
    position: relative;
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #222730;
    transition: 0.3s background-color;
}

.faq__container .accordion__header:hover .accordion__header__btn {
    background-color: #2c3340;
}

.faq__container .accordion__header__btn::before,
.faq__container .accordion__header__btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transition:
        0.3s -webkit-transform,
        0.3s opacity;
    transition:
        0.3s transform,
        0.3s opacity;
}

.faq__container .accordion__header__btn::before {
    width: 14px;
    height: 2px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.faq__container .accordion__header__btn::after {
    width: 2px;
    height: 14px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.faq__container .accordion._active .accordion__header__btn::after {
    -webkit-transform: translate(-50%, -50%) scaleY(0);
    -ms-transform: translate(-50%, -50%) scaleY(0);
    transform: translate(-50%, -50%) scaleY(0);
    opacity: 0;
}

.faq__container .accordion__body__content {
    margin: 0 35px;
    font-family: "Mazzard M";
    font-weight: 500;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1280px) {
    .reviews-slider .rev-card,
    .reviews-slider.swiper-initialized .swiper-slide.rev-card,
    .reviews-slider:not(.swiper-initialized) .rev-card {
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        width: 400px;
    }
}

@media screen and (max-width: 1024px) {
    .reviews__title,
    .faq__title {
        font-size: 40px;
    }

    .reviews-slider .rev-card,
    .reviews-slider.swiper-initialized .swiper-slide.rev-card,
    .reviews-slider:not(.swiper-initialized) .rev-card {
        -ms-flex: 0 0 360px;
        flex: 0 0 360px;
        width: 360px;
    }
}

@media screen and (max-width: 767px) {
    .reviews__top {
        flex-direction: column;
    }

    .reviews__arrows {
        margin-top: 0;
    }

    .reviews__title,
    .faq__title {
        font-size: 30px;
    }

    .reviews__sub-count {
        font-size: 17px;
    }

    .reviews-slider .rev-card,
    .reviews-slider.swiper-initialized .swiper-slide.rev-card,
    .reviews-slider:not(.swiper-initialized) .rev-card {
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        width: 300px;
        padding: 20px;
    }

    .rev-card__text {
        font-size: 16px;
    }

    .rev-card__name {
        font-size: 20px;
    }

    .faq__container .accordion__header {
        padding: 22px 24px;
    }

    .faq__container .accordion__header__content {
        font-size: 16px;
    }

    .faq__container .accordion__body__content {
        margin: 0 24px;
    }
}

/* ===== Game / category page ===== */
.game-hero {
    position: relative;
}

.game-hero__inner {
    position: relative;
    padding: 100px 0 0px;
    min-height: 430px;
}

.game-hero__text {
    position: relative;
    z-index: 2;
    width: 900px;
    max-width: 100%;
}

.game-hero__title {
    font-family: "Mazzard H";
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #fff;
}

.game-hero__title-dim {
    color: rgba(255, 255, 255, 0.32);
}

.game-hero__desc {
    margin-top: 26px;
    max-width: 760px;
    font-family: "Mazzard M";
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.54);
}

.game-hero__count {
    display: block;
    margin-top: 30px;
    font-family: "Mazzard M";
    font-size: 16px;
    font-weight: 500;
    color: #8456ff;
}

.game-hero__back {
    display: inline-block;
    margin-top: 18px;
    font-family: "Mazzard M";
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
    transition: 0.2s color;
}



.game-hero__back:hover {
    color: #fff;
}

.game-hero__image {
    position: absolute;
    right: 10px;
    top: 0;
    width: 44vw;
    max-width: 600px;
    z-index: 1;
    pointer-events: none;
}

.game-hero__image::before {
    content: "";
    position: absolute;
    left: 52%;
    top: 48%;
    width: 70%;
    height: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, #8456ff 32.56%, #8456ff 100%);

    opacity: 0.34;
    filter: blur(106.80000305175781px);
    z-index: -1;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .game-hero__image::before {
        top: 77%;
    }
}

.game-hero__image img {
    position: relative;
    z-index: 1;
}

.game-cheats-slider:not(.swiper-initialized),
.game-cards-slider:not(.swiper-initialized) {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.game-cheats-slider:not(.swiper-initialized)::-webkit-scrollbar,
.game-cards-slider:not(.swiper-initialized)::-webkit-scrollbar {
    display: none;
}

.game-cheats-slider:not(.swiper-initialized) .swiper-wrapper,
.game-cards-slider:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    gap: 20px;
}

.game-cheats-slider:not(.swiper-initialized) .game-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 290px;
    flex: 0 0 290px;
}

.game-cards-slider:not(.swiper-initialized) .catalog-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 365px;
    flex: 0 0 365px;
}

.reviews-slider:not(.swiper-initialized) {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.reviews-slider:not(.swiper-initialized)::-webkit-scrollbar {
    display: none;
}

.reviews-slider:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    gap: 24px;
}

.reviews-slider:not(.swiper-initialized) .rev-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 438px;
    flex: 0 0 438px;
}

.game-hero__image img {
    display: block;
    width: 100%;
    height: auto;
}

/* platform section */
.game-list {
    margin-top: 30px;
}

.game-list__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
}

.game-list__platform {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: "Mazzard H";
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.game-list__platform-icon {
    width: 22px;
    height: 24px;
    object-fit: contain;
}

.game-list__arrows {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.game-list__arrows .slider-arrows__arrow {
    width: 50px;
    height: 50px;
    border-radius: 9px;
    background-color: #222730;
    background-image: url(../img/rv-chevron.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    transition:
        0.3s background-color,
        0.3s opacity;
}

.game-list__arrows .slider-arrows__arrow:hover {
    background-color: #2d3543;
}

.game-list__arrows .slider-arrows__prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.game-list__arrows .slider-arrows__arrow.swiper-button-disabled {
    opacity: 0.35;
}

/* product card */
.game-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 290px;
    height: auto;
    box-sizing: border-box;
    padding: 30px;
    background-color: #171d28;
    border-radius: 18px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    transition:
        0.3s transform,
        0.3s background-color;
}

.game-card:hover {
    background-color: #1b2230;
}

.game-card__hover {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(23, 29, 40, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.game-card:hover .game-card__hover {
    opacity: 1;
    visibility: visible;
}

.game-card__hover-btn {
    width: 220px;
    max-width: calc(100% - 40px);
    padding: 14px 20px;
    border-radius: 18px;
    background-color: #232b36;
    font-family: "Mazzard M";
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    text-align: center;
    -webkit-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

.game-card:hover .game-card__hover-btn:hover {
    background-color: #2b3441;
}

.game-card__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.game-card__logo {
    width: 47px;
    height: 47px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    background-color: #0f141d;
}

.game-card__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.game-card__status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 6px;
    background-color: #213031;
    font-family: "Mazzard H";
    font-size: 13px;
    font-weight: 500;
    color: #8af59b;
    white-space: nowrap;
}

.game-card__status img {
    width: 11px;
    height: 13px;
    object-fit: contain;
}

.game-card__status.cheat-status_on-update {
    background-color: #2f2c1d;
    color: #f1ff9d;
}

.game-card__status.cheat-status_not-recommend,
.game-card__status.cheat-status_risk,
.game-card__status.cheat-status_detected {
    background-color: #2f1f24;
    color: #ff989f;
}

.game-card__name {
    margin-top: 24px;
    font-family: "Mazzard M";
    font-weight: 600;
    font-size: 24px;
    color: #fff;
}

.game-card__list {
    margin-top: 16px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.game-card__list li {
    position: relative;
    padding-left: 13px;
    font-family: "Mazzard M";
    font-weight: 500;
    font-size: 16px;
    line-height: 1.365;
    color: rgba(255, 255, 255, 0.5);
}

.game-card__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.game-card__bottom {
    margin-top: auto;
    padding-top: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.game-card__tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 5px;
    font-family: "Mazzard H";
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.game-card__tag img {
    width: 12px;
    height: 12px;
    object-fit: contain;
}

.game-card__tag--green {
    background-color: rgba(138, 245, 155, 0.09);
    color: #8af59b;
}

.game-card__tag--purple {
    background-color: rgba(172, 141, 255, 0.09);
    color: #ac8dff;
}

.game-card__price {
    display: inline-flex;
    align-items: center;
    padding: 8px 15px;
    border-radius: 7px;
    background-color: rgba(138, 115, 208, 0.12);
    font-family: "Mazzard M";
    font-size: 14px;
    font-weight: 500;
    color: #8a73d0;
}

/* recommendations */
.game-rec {
    margin-top: 70px;
}

.game-rec__title {
    font-family: "Mazzard H";
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}

.game-cards-slider .catalog-card {
    width: 365px;
    height: auto;
    box-sizing: border-box;
}

.game .faq {
    margin-top: 90px;
}

@media screen and (max-width: 1280px) {
    .game-hero__text {
        width: 620px;
    }

    .game-hero__image {
        width: 44vw;
        max-width: 540px;
    }

    .game-hero__title {
        font-size: 36px;
    }
}

@media screen and (max-width: 1024px) {
    .game-hero__text {
        width: 100%;
    }

    .game-hero__image {
        width: 380px;
        opacity: 0.45;
    }

    .game-hero__title {
        font-size: 32px;
    }

    .game-hero__desc {
        max-width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .game-hero__image {
        width: 320px;
    }

    .game-hero__inner {
        min-height: 360px;
    }
}

@media screen and (max-width: 767px) {
    .game-hero__image {
        position: static;
        width: 100%;
        max-width: 420px;
        opacity: 1;
        margin: 24px auto 0;
    }

    .game-hero__inner {
        padding-bottom: 20px;
        min-height: 0;
    }

    .game-hero__title {
        font-size: 26px;
    }

    .game-hero__desc {
        font-size: 15px;
    }
}

/* ===== Back-to-top button ===== */
.to-top {
    position: fixed;
    right: 28px;
    bottom: 60px;
    z-index: 40;
    width: 52px;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    border-radius: 1000000px;
    border: 1px solid #222c3d;
    background-color: #171d28;
    color: #ac8dff;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(16px);
    -ms-transform: translateY(16px);
    transform: translateY(16px);
    -webkit-transition:
        opacity 0.3s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        -webkit-transform 0.3s ease;
    transition:
        opacity 0.3s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        -webkit-transform 0.3s ease;
    -o-transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        -webkit-transform 0.3s ease;
}

.to-top.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.to-top:hover {
    background-color: #222c3d;
    border-color: #2f3a4d;
    color: #fff;
}

.to-top svg {
    display: block;
}

@media screen and (max-width: 767px) {
    .to-top {
        right: 16px;
        bottom: 84px;
        width: 46px;
        height: 46px;
        border-radius: 10000px;
    }
}

/* ===== "Смотреть всё" button ===== */
.catalog__more-wrap,
.reviews__more-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 54px;
}

.section-more-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px;
    padding: 18px 38px;
    border-radius: 16px;
    background-color: #171d28;
    border: 1px solid #222c3d;
    font-family: "Mazzard M";
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    -webkit-transition:
        background-color 0.25s,
        border-color 0.25s;
    -o-transition:
        background-color 0.25s,
        border-color 0.25s;
    transition:
        background-color 0.25s,
        border-color 0.25s;
}

.section-more-btn:hover {
    background-color: #222c3d;
    border-color: #2f3a4d;
}

.section-more-btn img {
    width: 18px;
    height: 13px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: 0.2s -webkit-transform;
    transition: 0.2s transform;
}

.section-more-btn:hover img {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
}

/* ===== Games catalog page ===== */
.games-catalog {
    padding-bottom: 110px;
}

.games-catalog__head {
    text-align: center;
}

.games-catalog__title {
    margin-top: 22px;
    font-family: "Mazzard H";
    font-size: 50px;
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: -0.01em;
    color: #fff;
}

.games-catalog__subtitle {
    margin-top: 14px;
    font-family: "Mazzard M";
    font-size: 18px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
}

.games-catalog__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 48px;
}

.games-catalog__tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.games-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.games-search__icon {
    position: absolute;
    left: 18px;
    width: 18px;
    height: 18px;
    opacity: 0.5;
    pointer-events: none;
}

.games-search__input {
    height: 54px;
    width: 260px;
    max-width: 100%;
    background-color: #111720;
    border: 1px solid #222c3d;
    border-radius: 14px;
    padding: 0 18px 0 46px;
    font-family: "Mazzard M";
    font-weight: 500;
    font-size: 15px;
    color: #e9f1ff;
    -webkit-transition: border-color 0.25s;
    -o-transition: border-color 0.25s;
    transition: border-color 0.25s;
}

.games-search__input:focus {
    border-color: #2a3344;
}

.games-search__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.35);
}
.games-search__input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.35);
}
.games-search__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.35);
}
.games-search__input::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

/* ===== Кастомный селект сортировки (страница «Каталог игр») ===== */
.games-select {
    width: 232px;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.games-select .select__selected {
    height: 54px;
    padding: 0 46px 0 18px;
    border-radius: 14px;
    background-color: #111720;
    border: 1px solid #222c3d;
    font-family: "Mazzard M";
    font-weight: 500;
    font-size: 15px;
    color: #e9f1ff;
    -webkit-transition:
        border-color 0.25s,
        background-color 0.25s;
    -o-transition:
        border-color 0.25s,
        background-color 0.25s;
    transition:
        border-color 0.25s,
        background-color 0.25s;
}

.games-select:hover .select__selected {
    border-color: #2a3344;
}

.games-select._active .select__selected {
    border-color: #8456ff;
    background-color: #141b26;
}

.games-select .select__selected::after {
    width: 16px;
    height: 16px;
    right: 16px;
    top: calc(50% - 8px);
    opacity: 0.5;
    -webkit-transition:
        opacity 0.25s,
        -webkit-transform 0.25s;
    transition:
        opacity 0.25s,
        -webkit-transform 0.25s;
    -o-transition:
        opacity 0.25s,
        transform 0.25s;
    transition:
        opacity 0.25s,
        transform 0.25s;
    transition:
        opacity 0.25s,
        transform 0.25s,
        -webkit-transform 0.25s;
}

.games-select._active .select__selected::after {
    opacity: 1;
}

.games-select .select__inner {
    top: calc(100% + 8px);
    padding: 8px;
    border-radius: 14px;
    background-color: #171d28;
    border: 1px solid #232c3b;
    -webkit-box-shadow: 0 24px 46px rgba(0, 0, 0, 0.5);
    box-shadow: 0 24px 46px rgba(0, 0, 0, 0.5);
    -webkit-transition:
        opacity 0.22s ease,
        -webkit-transform 0.22s ease;
    transition:
        opacity 0.22s ease,
        -webkit-transform 0.22s ease;
    -o-transition:
        opacity 0.22s ease,
        transform 0.22s ease;
    transition:
        opacity 0.22s ease,
        transform 0.22s ease;
    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        -webkit-transform 0.22s ease;
}

.games-select:not(._active) .select__inner {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.games-select .select__option {
    padding: 11px 14px;
    margin-bottom: 2px;
    border-radius: 10px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.68);
    -webkit-transition:
        background-color 0.2s ease,
        color 0.2s ease;
    -o-transition:
        background-color 0.2s ease,
        color 0.2s ease;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.games-select .select__option:last-child {
    margin-bottom: 0;
}

.games-select .select__option:hover {
    background-color: #212a38;
    color: #fff;
}

.games-select .select__option._active {
    opacity: 1;
    background-color: rgba(132, 86, 255, 0.14);
    color: #ac8dff;
}

.games-catalog__empty {
    text-align: center;
    padding: 70px 0;
    font-family: "Mazzard M";
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5);
}

/* ===== Reviews page ===== */
.reviews-page__section {
    padding-bottom: 110px;
}

.reviews-page__head {
    text-align: center;
}

.reviews-page__title {
    margin-top: 22px;
    font-family: "Mazzard H";
    font-size: 50px;
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: -0.01em;
    color: #fff;
}

.reviews-page__subtitle {
    margin-top: 14px;
    font-family: "Mazzard M";
    font-size: 18px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
}

.reviews-page__leave-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 26px;
    padding: 15px 34px;
    font-size: 16px;
}

.reviews-grid {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.reviews-grid .rev-card {
    width: auto;
    max-width: none;
}

.reviews-page__empty {
    text-align: center;
    padding: 80px 0;
    font-family: "Mazzard M";
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1024px) {
    .reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .games-catalog__title,
    .reviews-page__title {
        font-size: 40px;
    }
}

@media screen and (max-width: 767px) {
    .reviews-grid {
        grid-template-columns: 1fr;
    }

    .games-catalog__title,
    .reviews-page__title {
        font-size: 30px;
    }

    .games-catalog__subtitle,
    .reviews-page__subtitle {
        font-size: 16px;
    }

    .games-catalog__controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .games-catalog__tools {
        width: 100%;
    }

    .games-search,
    .games-search__input,
    .games-select {
        width: 100%;
    }

    .section-more-btn {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* ===== Telegram login widget in auth popup ===== */
.popup__tg-login {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* ===== Profile: login methods ===== */
.profile__auth-methods {
    margin-top: 16px;
    background-color: #171d28;
    border: 1px solid #1d2533;
    border-radius: 16px;
    padding: 20px 24px;
}

.profile__auth-methods__title {
    font-family: "Mazzard M";
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin-bottom: 6px;
}

.profile__auth-method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #1d2533;
}

.profile__auth-method:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.profile__auth-method__name {
    font-family: "Mazzard M";
    font-size: 16px;
    color: #fff;
}

.profile__auth-method__status {
    font-family: "Mazzard M";
    font-size: 14px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.45);
}

.profile__auth-method__status.is-on {
    background-color: rgba(138, 245, 155, 0.1);
    color: #8af59b;
}

/* ================== Cheat page — modernized layout (overrides) ================== */
.cheat-page .breadcrumbs {
    margin-bottom: 20px;
}
.cheat-block {
    height: auto;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 20px;
    margin-bottom: 80px;
}
.cheat-block__slider {
    grid-area: 1/1/2/2;
    align-self: stretch;
    height: 100%;
    min-height: 0;
    border-radius: 16px;
    background: #171d28;
    overflow: hidden;
}
.cheat-block__info {
    grid-area: 1/2/2/3;
    padding: 28px 28px 24px;
    border-radius: 16px;
    min-height: 360px;
    height: 100%;
}
.cheat-block__requirements {
    grid-area: 2/1/3/3;
    padding: 24px 28px;
    border-radius: 16px;
}
.cheat-block__name {
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: -0.01em;
    font-weight: 600;
}
.cheat-block__text {
    font-size: 15px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.78);
    margin-bottom: 18px;
}
.cheat-block__info .types {
    align-self: flex-start;
    margin-bottom: 10px;
}
.cheat-block__info .cheat-status {
    margin: 8px 0 14px;
}
.cheat-block__info__btn-line {
    margin-top: auto;
    gap: 10px;
    align-items: stretch;
}
.cheat-block__info__btn-line .btn-accent {
    margin-right: 0;
    min-height: 54px;
    font-size: 16px;
}
.cheat-block__info__btn-line .btn-play {
    width: 54px;
    height: 54px;
    flex-shrink: 0;
    background-size: 30%;
}
.cheat-block__requirements .caption {
    margin-bottom: 18px;
    font-size: 15px;
    opacity: 0.9;
}
.cheat-block__requirements-container {
    gap: 24px;
    flex-wrap: wrap;
}
.cheat-block__requirement {
    flex: 1;
    min-width: 200px;
    padding: 14px 18px;
    background: #1d2533;
    border-radius: 12px;
}
.cheat-block__requirement span {
    font-size: 13px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    opacity: 0.5;
    margin-bottom: 6px;
}
.cheat-block__requirement span img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.cheat-block__requirement p {
    padding-left: 0;
    font-size: 15px;
    line-height: 1.4;
    word-break: break-word;
}

/* Tablet — single column */
@media (max-width: 1023px) {
    .cheat-block {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        margin-bottom: 60px;
    }
    .cheat-block__slider {
        grid-area: auto;
        aspect-ratio: 16/10;
        height: auto;
        align-self: auto;
    }
    .cheat-block__info {
        grid-area: auto;
        padding: 24px;
        min-height: 0;
    }
    .cheat-block__requirements {
        grid-area: auto;
        padding: 20px 24px;
    }
    .cheat-block__name {
        font-size: 24px;
    }
}
@media (max-width: 599px) {
    .cheat-block {
        gap: 14px;
        margin-bottom: 40px;
    }
    .cheat-block__slider {
        aspect-ratio: 4/3;
        border-radius: 12px;
        height: auto;
        align-self: auto;
    }
    .cheat-block__info {
        padding: 18px;
        border-radius: 12px;
    }
    .cheat-block__requirements {
        padding: 16px 18px;
        border-radius: 12px;
    }
    .cheat-block__name {
        font-size: 21px;
    }
    .cheat-block__text {
        font-size: 14px;
        margin-bottom: 14px;
    }
    .cheat-block__info__btn-line .btn-accent {
        font-size: 15px;
        min-height: 48px;
    }
    .cheat-block__info__btn-line .btn-play {
        width: 48px;
        height: 48px;
    }
    .cheat-block__requirements-container {
        flex-direction: column;
        gap: 10px;
    }
    .cheat-block__requirement {
        min-width: 0;
    }
}

/* Functional section: gentle polish, no structural change */
.cheat-functions {
    margin-bottom: 90px;
}
.cheat-functions__caption-container {
    margin-bottom: 20px;
}

/* Recommendations spacing */
.game-cheats {
    padding-bottom: 60px;
}
.cheat-block__slider__slide.is-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1d2533, #171d28);
}
.cheat-block__slider__slide.is-empty::after {
    content: "";
    width: 64px;
    height: 64px;
    background: url(../img/logo.png) center/contain no-repeat;
    opacity: 0.18;
}

/* ================================================================== */
/*  PAY PAGE — new payment flow per Figma (Mazzard, #171e2a panels)   */
/* ================================================================== */
.pay-page-body {
    margin: 0;
    background: #111720;
    font-family:
        "Mazzard M",
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
}
.pay-page-body.pay-modal-open {
    overflow: hidden;
}
.pay-page {
    max-width: 840px;
    margin: 0 auto;
    padding: 24px 16px 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (min-width: 1024px) {
    .pay-page {
        padding: 48px 24px;
        gap: 20px;
    }
}

/* ============ Card panel ============ */
.pay-card {
    background: #171e2a;
    border-radius: 20px;
    padding: 24px 22px;
    position: relative;
}
@media (min-width: 768px) {
    .pay-card {
        padding: 36px 35px;
    }
}
.pay-card__title {
    margin: 0 0 18px;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.16;
    letter-spacing: -0.2px;
    color: #fff;
}
@media (min-width: 768px) {
    .pay-card__title {
        font-size: 26px;
        letter-spacing: -0.26px;
        margin-bottom: 24px;
    }
}

/* ============ Order info ============ */
.pay-info__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 18px;
}
@media (min-width: 768px) {
    .pay-info__grid {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "a a" "b c";
    }
    .pay-info__field--wide {
        grid-area: a;
    }
}
.pay-info__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.pay-info__label {
    font-size: 14px;
    line-height: 1.25;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 600;
}
@media (min-width: 768px) {
    .pay-info__label {
        font-size: 16px;
    }
}
.pay-chip {
    background: #1d2533;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 12px 14px 18px;
    min-height: 56px;
    gap: 12px;
    min-width: 0;
}
@media (min-width: 768px) {
    .pay-chip {
        padding: 16px 11px 16px 24px;
        min-height: 67px;
    }
}
.pay-chip__value {
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
@media (min-width: 768px) {
    .pay-chip__value {
        font-size: 18px;
    }
}
.pay-chip__copy {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition:
        background 0.2s,
        color 0.2s;
}
.pay-chip__copy:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}
.pay-chip__copy:focus-visible {
    outline: 2px solid #8456ff;
    outline-offset: 1px;
}

.pay-info__timer {
    margin: 0 0 14px;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}
@media (min-width: 768px) {
    .pay-info__timer {
        font-size: 20px;
        margin-bottom: 18px;
    }
}
.pay-info__timer-label {
    opacity: 0.85;
}
.pay-info__timer-value {
    color: #8456ff;
    margin-left: 6px;
}
.pay-info__timer-value.is-expired {
    color: #e74c3c;
}

.pay-hint {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #1b2330;
    border-radius: 8px;
    padding: 18px 20px;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
    .pay-hint {
        padding: 24px 24px;
        font-size: 16px;
    }
}
.pay-hint__icon {
    flex-shrink: 0;
    color: #8456ff;
    display: inline-flex;
}
.pay-hint__text strong,
.pay-hint__text b {
    color: rgba(255, 255, 255, 0.78);
    font-weight: 600;
}

/* ============ Methods picker ============ */
.pay-methods {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 18px;
}
.pay-methods[hidden] {
    display: none;
}
.pay-methods__skeleton {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.pay-methods__skeleton span {
    display: block;
    height: 56px;
    border-radius: 12px;
    background: linear-gradient(90deg, #1a2230 0%, #212a3a 50%, #1a2230 100%);
    background-size: 200% 100%;
    animation: pay-shimmer 1.4s infinite linear;
}
@keyframes pay-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.pay-method {
    display: flex;
    align-items: center;
    gap: 12px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 10px 12px;
    min-height: 56px;
    text-align: left;
    color: #fff;
    cursor: pointer;
    width: 100%;
    font-family: inherit;
    transition:
        background 0.2s,
        border-color 0.2s,
        transform 0.15s;
    -webkit-tap-highlight-color: transparent;
}
@media (min-width: 768px) {
    .pay-method {
        min-height: 56px;
        padding: 12px;
    }
}
.pay-method:hover {
    background: rgba(29, 37, 51, 0.6);
}
.pay-method.is-selected {
    background: #1d2533;
    border-color: rgba(132, 86, 255, 0.4);
}
.pay-method:focus-visible {
    outline: 2px solid #8456ff;
    outline-offset: 2px;
}
.pay-method__icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background: #0f141c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.pay-method__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pay-method__name {
    flex: 1;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
@media (min-width: 768px) {
    .pay-method__name {
        font-size: 18px;
    }
}
.pay-method__hint {
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    flex-shrink: 0;
    max-width: 50%;
}
@media (min-width: 768px) {
    .pay-method__hint {
        font-size: 16px;
    }
}
.pay-method__chevron {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.4);
    display: inline-flex;
}

.pay-methods__empty {
    text-align: center;
    padding: 24px;
    color: rgba(255, 255, 255, 0.4);
}

.pay-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 0;
    padding: 8px 4px;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.65);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
}
.pay-back:hover {
    color: #fff;
}

/* ============ Actions / Buttons ============ */
.pay-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.pay-actions__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.pay-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 18px 16px;
    min-height: 54px;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition:
        background 0.2s,
        opacity 0.2s,
        transform 0.12s;
    -webkit-tap-highlight-color: transparent;
}
@media (min-width: 768px) {
    .pay-btn {
        padding: 22px 16px;
        min-height: 67px;
        font-size: 18px;
    }
}
.pay-btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}
.pay-btn:active:not(:disabled) {
    transform: translateY(1px);
}
.pay-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.pay-btn--primary {
    background: #8456ff;
    box-shadow: 0 8px 22px -10px rgba(132, 86, 255, 0.6);
}
.pay-btn--primary:hover:not(:disabled) {
    background: #6b34ff;
}
.pay-btn--secondary {
    background: #1d2533;
}
.pay-btn--secondary:hover:not(:disabled) {
    background: #222c3d;
}
.pay-btn--danger:hover:not(:disabled) {
    background: #3a2128;
    color: #ff8a8a;
}

/* ============ Toast ============ */
.pay-toast {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    background: #11181f;
    color: #f5727f;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 -2px 18px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition:
        opacity 0.2s,
        transform 0.2s;
    z-index: 9999;
}
.pay-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
@media (min-width: 768px) {
    .pay-toast {
        left: auto;
        right: 24px;
        bottom: 24px;
        max-width: 420px;
    }
}

/* ============ Cancel modal ============ */
.pay-modal {
    position: fixed;
    inset: 0;
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.pay-modal[hidden] {
    display: none;
}
.pay-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    animation: pay-fade-in 0.2s ease-out;
}
.pay-modal__panel {
    position: relative;
    background: #171e2a;
    border-radius: 20px;
    padding: 32px 24px 28px;
    width: 100%;
    max-width: 720px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    animation: pay-pop-in 0.25s cubic-bezier(0.2, 0.7, 0.2, 1);
}
@media (min-width: 768px) {
    .pay-modal__panel {
        padding: 39px 35px;
    }
}
.pay-modal__title {
    margin: 0;
    text-align: center;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.16;
    letter-spacing: -0.28px;
}
@media (min-width: 768px) {
    .pay-modal__title {
        font-size: 40px;
        letter-spacing: -0.4px;
    }
}
.pay-modal__icon {
    display: inline-flex;
    color: #e74c3c;
}
.pay-modal__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
}
@keyframes pay-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes pay-pop-in {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@media (prefers-reduced-motion: reduce) {
    .pay-modal__panel,
    .pay-modal__backdrop,
    .pay-methods__skeleton span {
        animation: none;
    }
    .pay-btn,
    .pay-method,
    .pay-toast,
    .pay-chip__copy {
        transition: none;
    }
}

/* ============ Terminal state (paid/cancelled/expired) ============ */
.pay-terminal {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 60px 20px;
    text-align: center;
}
.pay-terminal__text {
    margin: 0;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

/* ================================================================== */
/*  BUY MODAL — Figma pay tokens applied to existing popup#buy        */
/* ================================================================== */
.popup--pay #result {
    background: transparent;
}
.popup--pay #body {
    background: #171e2a;
    border-radius: 20px;
    padding: 28px 24px;
    max-width: 560px;
    width: 100%;
    color: #fff;
    font-family:
        "Mazzard M",
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;
}
@media (min-width: 768px) {
    .popup--pay #body {
        padding: 36px 35px;
    }
}

.popup--pay .pay-card__title {
    margin: 0 0 22px;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.16;
    letter-spacing: -0.22px;
    color: #fff;
    display: block;
}
@media (min-width: 768px) {
    .popup--pay .pay-card__title {
        font-size: 26px;
        letter-spacing: -0.26px;
    }
}
.popup--pay .pay-card__title--sm {
    font-size: 18px;
    margin-bottom: 14px;
}
.popup--pay #modal_title {
    color: #fff;
}

/* ============ Step 1 sections ============ */
.popup--pay .pay-section {
    margin-bottom: 18px;
}
.popup--pay .pay-section__label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
}
.popup--pay .pay-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Hide radio inputs visually, keep accessible */
.popup--pay .pay-option__input,
.popup--pay #block_tariffs input[type="radio"],
.popup--pay #buy-payments-methods input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

/* Radio row label — tariff + buy-method */
.popup--pay .pay-option,
.popup--pay #block_tariffs .input-block__radio-label {
    display: flex;
    align-items: center;
    gap: 12px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 14px 16px;
    min-height: 56px;
    color: #fff;
    cursor: pointer;
    transition:
        background 0.2s,
        border-color 0.2s;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    margin: 0;
}
@media (min-width: 768px) {
    .popup--pay .pay-option,
    .popup--pay #block_tariffs .input-block__radio-label {
        font-size: 17px;
    }
}
.popup--pay .pay-option:hover,
.popup--pay #block_tariffs .input-block__radio-label:hover {
    background: rgba(29, 37, 51, 0.6);
}
.popup--pay .pay-option__input:checked + .pay-option,
.popup--pay
    #block_tariffs
    input[type="radio"]:checked
    + .input-block__radio-label {
    background: #1d2533;
    border-color: rgba(132, 86, 255, 0.5);
}

/* Visible radio bullet */
.popup--pay .pay-option__radio,
.popup--pay #block_tariffs .input-block__radio-label__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.25);
    position: relative;
    display: inline-block;
    background: transparent;
    transition: border-color 0.2s;
}
.popup--pay .pay-option__radio::after,
.popup--pay #block_tariffs .input-block__radio-label__icon::after {
    content: "";
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: #8456ff;
    opacity: 0;
    transition: opacity 0.15s;
}
.popup--pay .pay-option__input:checked + .pay-option .pay-option__radio,
.popup--pay
    #block_tariffs
    input[type="radio"]:checked
    + .input-block__radio-label
    .input-block__radio-label__icon {
    border-color: #8456ff;
}
.popup--pay .pay-option__input:checked + .pay-option .pay-option__radio::after,
.popup--pay
    #block_tariffs
    input[type="radio"]:checked
    + .input-block__radio-label
    .input-block__radio-label__icon::after {
    opacity: 1;
}

/* Tariff label text spacing (JS-injected: "<b>days</b>/<price>") */
.popup--pay #block_tariffs .input-block__radio-label b {
    font-weight: 600;
    color: #fff;
}
.popup--pay #block_tariffs .input-block__radio-label span {
    color: rgba(255, 255, 255, 0.65);
}

/* ============ Promo ============ */
.popup--pay .pay-promo {
    display: flex;
    align-items: stretch;
    gap: 8px;
    background: #1d2533;
    border-radius: 12px;
    padding: 6px 6px 6px 16px;
    min-height: 56px;
}
.popup--pay .pay-promo__input {
    flex: 1;
    background: transparent;
    border: 0;
    outline: none;
    color: #fff;
    font-family: "Mazzard M", sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    min-width: 0;
}
.popup--pay .pay-promo__input::placeholder {
    color: rgba(255, 255, 255, 0.35);
}
.popup--pay .pay-promo__apply {
    flex-shrink: 0;
    padding: 0 22px;
    border: 0;
    border-radius: 10px;
    background: #8456ff;
    color: #fff;
    cursor: pointer;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.2s;
}
.popup--pay .pay-promo__apply:hover {
    background: #6b34ff;
}

/* ============ Step 2: payment methods (JS-injected popup__payment-method) ============ */
.popup--pay #buy-payments-methods {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}
.popup--pay #buy-payments-methods > div[style] {
    /* override JS inline grid */
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 8px !important;
}
.popup--pay #buy-payments-methods .popup__payment-method {
    display: flex !important;
    align-items: center;
    gap: 12px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 10px 14px;
    min-height: 56px;
    color: #fff;
    cursor: pointer;
    transition:
        background 0.2s,
        border-color 0.2s;
    margin: 0;
    text-align: left;
}
.popup--pay #buy-payments-methods .popup__payment-method:hover {
    background: rgba(29, 37, 51, 0.6);
}
.popup--pay
    #buy-payments-methods
    input[type="radio"]:checked
    + .popup__payment-method {
    background: #1d2533;
    border-color: rgba(132, 86, 255, 0.5);
}
.popup--pay #buy-payments-methods .popup__payment-method img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    background: #0f141c;
    flex-shrink: 0;
    order: 0;
}
.popup--pay #buy-payments-methods .popup__payment-method__custom-info {
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    flex: 1;
    text-align: left;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    order: 1;
}
@media (min-width: 768px) {
    .popup--pay #buy-payments-methods .popup__payment-method__custom-info {
        font-size: 17px;
    }
}
.popup--pay #product-bt-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 4px;
}
.popup--pay #product-bt-back:hover {
    color: #fff;
}

/* ============ Order info chips ============ */
.popup--pay .pay-order-info {
    background: #1b2330;
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
}
.popup--pay .pay-order-info__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 14px;
}
.popup--pay .pay-order-info__label {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
}
.popup--pay .pay-order-info__value {
    color: #fff;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
    text-align: right;
}
.popup--pay .pay-order-info__value--accent {
    color: #8456ff;
}

/* ============ Actions ============ */
.popup--pay .pay-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
}
.popup--pay .pay-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 16px 18px;
    min-height: 54px;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition:
        background 0.2s,
        opacity 0.2s,
        transform 0.12s;
}
.popup--pay .pay-btn:active:not(:disabled) {
    transform: translateY(1px);
}
.popup--pay .pay-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
.popup--pay .pay-btn--primary {
    background: #8456ff;
    box-shadow: 0 8px 22px -10px rgba(132, 86, 255, 0.6);
}
.popup--pay .pay-btn--primary:hover:not(:disabled) {
    background: #6b34ff;
}
.popup--pay .pay-btn--secondary {
    background: #1d2533;
}
.popup--pay .pay-btn--secondary:hover:not(:disabled) {
    background: #222c3d;
}

/* ============ Terminal (success / expired) ============ */
.popup--pay .pay-terminal--inline {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 32px 8px 8px;
    text-align: center;
}
.popup--pay .pay-terminal--inline .pay-actions {
    width: 100%;
    max-width: 320px;
}
.popup--pay .pay-terminal__text {
    margin: 0;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
}

/* ============ Buy modal — extra overrides for legacy selectors ============ */
.popup--pay .popup__caption {
    text-transform: none !important;
    letter-spacing: -0.22px;
}
.popup--pay #block_tariffs .input-block__radio-label {
    opacity: 1 !important;
    padding: 14px 16px !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    align-items: center !important;
    font-size: 15px;
}
.popup--pay
    #block_tariffs
    input[type="radio"]:checked
    + .input-block__radio-label {
    background: #1d2533 !important;
    border-color: rgba(132, 86, 255, 0.5) !important;
}
.popup--pay #block_tariffs .input-block__radio-label b {
    color: #fff !important;
    opacity: 1 !important;
    font-weight: 600;
}
.popup--pay #block_tariffs .input-block__radio-label span {
    color: rgba(255, 255, 255, 0.85) !important;
    opacity: 1 !important;
}
.popup--pay #block_tariffs .input-block__radio-label__icon {
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    flex-shrink: 0;
    margin: 0 !important;
}
.popup--pay
    #block_tariffs
    input[type="radio"]:checked
    + .input-block__radio-label
    .input-block__radio-label__icon {
    border-color: #8456ff !important;
}
.popup--pay #block_tariffs .input-block__radio-label__icon::before {
    content: "" !important;
    position: absolute;
    inset: 3px;
    border-radius: 50%;
    background: #8456ff !important;
    opacity: 0;
    transition: opacity 0.15s;
}
.popup--pay #block_tariffs .input-block__radio-label__icon {
    position: relative !important;
}
.popup--pay
    #block_tariffs
    input[type="radio"]:checked
    + .input-block__radio-label
    .input-block__radio-label__icon::before {
    opacity: 1 !important;
}

/* Tighten modal layout on desktop, more breathing room */
.popup--pay #body {
    padding: 32px 28px !important;
}
@media (min-width: 768px) {
    .popup--pay #body {
        padding: 40px 36px !important;
        max-width: 600px !important;
    }
}
.popup--pay .pay-card__title {
    font-size: 24px;
}
@media (min-width: 768px) {
    .popup--pay .pay-card__title {
        font-size: 28px;
    }
}

/* Hide floating chat bubble when modal is open to avoid visual collision */
body:has(.popup._active.popup--pay) .floating-support,
body:has(.popup._active.popup--pay) #floating-support,
body:has(.popup._active.popup--pay) .support-bubble {
    display: none !important;
}

/* JivoChat removed entirely; legacy hide-rules no longer needed */

/* Fix promo OK button — legacy class adds position:absolute */
.popup--pay .pay-promo__apply,
.popup--pay #check-promo {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
}
.popup--pay .pay-promo {
    position: relative;
}

/* ================================================================== */
/*  BUY MODAL v2 — premium pricing-focused dark (ui-ux-pro-max)        */
/* ================================================================== */

/* Body — premium panel with subtle radial accent and inner highlight */
.popup--pay #body {
    position: relative;
    background:
        radial-gradient(
            ellipse 80% 50% at 50% 0%,
            rgba(132, 86, 255, 0.08),
            transparent 70%
        ),
        linear-gradient(180deg, #1a2230 0%, #161c27 100%) !important;
    border-radius: 24px !important;
    padding: 36px 32px !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.05) inset,
        0 -1px 0 rgba(0, 0, 0, 0.4) inset,
        0 30px 60px -20px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(255, 255, 255, 0.04);
    overflow: hidden;
    max-width: 560px !important;
}
.popup--pay #body::before {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    top: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.12),
        transparent
    );
    pointer-events: none;
}
@media (min-width: 768px) {
    .popup--pay #body {
        padding: 40px 36px !important;
    }
}

/* Title — bigger, with subtle gradient on the product name */
.popup--pay .pay-card__title {
    margin: 0 0 24px !important;
    font-family: "Mazzard H", sans-serif;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 1.16;
    letter-spacing: -0.5px !important;
    color: #fff;
}
.popup--pay #modal_title {
    background: linear-gradient(180deg, #fff 0%, #cbb6ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
@media (min-width: 768px) {
    .popup--pay .pay-card__title {
        font-size: 26px !important;
    }
}

/* Section label — uppercase tracking, smaller */
.popup--pay .pay-section__label {
    display: block !important;
    margin-bottom: 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.4) !important;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}
.popup--pay .pay-section {
    margin-bottom: 22px;
}

/* === TARIFF CARDS — premium look === */
.popup--pay #block_tariffs {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.popup--pay #block_tariffs .input-block__radio-label {
    position: relative;
    padding: 16px 18px !important;
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.4),
        rgba(29, 37, 51, 0.2)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    min-height: 60px;
    display: flex !important;
    align-items: center !important;
    gap: 14px;
    transition:
        border-color 0.2s ease,
        background 0.25s ease,
        transform 0.15s ease !important;
}
.popup--pay #block_tariffs .input-block__radio-label:hover {
    border-color: rgba(132, 86, 255, 0.25) !important;
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.7),
        rgba(29, 37, 51, 0.4)
    ) !important;
}
.popup--pay
    #block_tariffs
    input[type="radio"]:checked
    + .input-block__radio-label {
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.18),
        rgba(132, 86, 255, 0.06)
    ) !important;
    border-color: rgba(132, 86, 255, 0.55) !important;
    box-shadow: 0 8px 22px -12px rgba(132, 86, 255, 0.55);
}
.popup--pay
    #block_tariffs
    input[type="radio"]:checked
    + .input-block__radio-label::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #8456ff
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M5 12l4 4 10-10' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>")
        center/12px no-repeat;
    box-shadow: 0 0 0 4px rgba(132, 86, 255, 0.18);
}

/* Hide JS radio icon, use only the new bullet */
.popup--pay #block_tariffs .input-block__radio-label__icon {
    display: none !important;
}

/* Tariff content (b = days, span = price) */
.popup--pay #block_tariffs .input-block__radio-label b {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 17px;
    flex-shrink: 0;
    min-width: 80px;
    letter-spacing: -0.01em;
}
.popup--pay #block_tariffs .input-block__radio-label > span:first-of-type {
    color: rgba(255, 255, 255, 0.2) !important;
    font-weight: 400 !important;
    flex-shrink: 0;
}
.popup--pay #block_tariffs .input-block__radio-label > span:last-of-type {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 600 !important;
    font-size: 17px;
    margin-left: 0;
}
.popup--pay
    #block_tariffs
    input[type="radio"]:checked
    + .input-block__radio-label
    > span:last-of-type {
    color: #fff !important;
}

/* === PAYMENT METHOD CHIPS === */
.popup--pay .pay-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.popup--pay .pay-option {
    position: relative;
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.4),
        rgba(29, 37, 51, 0.2)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 14px 18px !important;
    min-height: 60px !important;
    transition:
        border-color 0.2s,
        background 0.25s !important;
    gap: 14px !important;
}
.popup--pay .pay-option:hover {
    border-color: rgba(132, 86, 255, 0.25) !important;
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.7),
        rgba(29, 37, 51, 0.4)
    ) !important;
}
.popup--pay .pay-option__input:checked + .pay-option {
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.18),
        rgba(132, 86, 255, 0.06)
    ) !important;
    border-color: rgba(132, 86, 255, 0.55) !important;
    box-shadow: 0 8px 22px -12px rgba(132, 86, 255, 0.55);
}
/* Icon for payment method by id */
.popup--pay .pay-option::before {
    content: "";
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(132, 86, 255, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.popup--pay label[for="buy-method-1"]::before {
    background: rgba(132, 86, 255, 0.15)
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M3 7h18v10H3z' stroke='%23b59aff' stroke-width='2' stroke-linejoin='round'/><path d='M3 11h18M7 15h4' stroke='%23b59aff' stroke-width='2' stroke-linecap='round'/></svg>")
        center/18px no-repeat;
}
.popup--pay label[for="buy-method-2"]::before {
    background: rgba(132, 86, 255, 0.15)
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M12 2v20M5 9h11a2 2 0 010 4H8a2 2 0 000 4h11' stroke='%23b59aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")
        center/18px no-repeat;
}

/* Hide old custom radio bullet — replaced by check pill on right */
.popup--pay .pay-option__radio {
    display: none !important;
}
.popup--pay .pay-option__label {
    flex: 1;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600 !important;
    font-size: 15px;
    color: #fff !important;
    letter-spacing: -0.005em;
}
.popup--pay .pay-option__input:checked + .pay-option::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #8456ff
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M5 12l4 4 10-10' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>")
        center/12px no-repeat;
    box-shadow: 0 0 0 4px rgba(132, 86, 255, 0.18);
}

/* === PROMO — gradient chip with sparkle === */
.popup--pay .pay-promo {
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.7),
        rgba(29, 37, 51, 0.4)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px !important;
    padding: 6px 6px 6px 50px !important;
    min-height: 56px;
    position: relative;
}
.popup--pay .pay-promo::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M12 2l1.6 5 5 1.6-5 1.6L12 15l-1.6-5-5-1.6 5-1.6L12 2z' fill='%23b59aff'/></svg>")
        center/contain no-repeat;
    opacity: 0.7;
}
.popup--pay .pay-promo__input {
    font-size: 15px !important;
    color: #fff !important;
}
.popup--pay .pay-promo__input::placeholder {
    color: rgba(255, 255, 255, 0.35);
}
.popup--pay .pay-promo__apply {
    padding: 0 24px !important;
    border-radius: 10px !important;
    background: #8456ff !important;
    box-shadow: 0 6px 18px -8px rgba(132, 86, 255, 0.6);
    font-size: 13px !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700 !important;
    transition:
        background 0.2s,
        transform 0.15s,
        box-shadow 0.2s !important;
}
.popup--pay .pay-promo__apply:hover {
    background: #6b34ff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px -8px rgba(132, 86, 255, 0.75);
}

/* === PRIMARY CTA — premium glow + shimmer === */
.popup--pay .pay-btn--primary,
.popup--pay button.popup__submit-btn {
    position: relative;
    background: linear-gradient(180deg, #9466ff 0%, #7340ff 100%) !important;
    border: 0 !important;
    color: #fff !important;
    min-height: 58px !important;
    padding: 18px !important;
    border-radius: 14px !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 700 !important;
    font-size: 16px !important;
    letter-spacing: 0.005em;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.18) inset,
        0 -1px 0 rgba(0, 0, 0, 0.2) inset,
        0 4px 8px -6px rgba(132, 86, 255, 0.35),
        0 0 0 1px rgba(132, 86, 255, 0.25) !important;
    overflow: hidden;
    transition:
        transform 0.15s ease,
        box-shadow 0.25s ease !important;
    margin-top: 8px !important;
}
.popup--pay .pay-btn--primary::before,
.popup--pay button.popup__submit-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.18),
        transparent
    );
    transform: translateX(-110%);
    transition: transform 0.9s ease;
    pointer-events: none;
}
.popup--pay .pay-btn--primary:hover:not(:disabled),
.popup--pay button.popup__submit-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.22) inset,
        0 -1px 0 rgba(0, 0, 0, 0.25) inset,
        0 4px 10px -8px rgba(132, 86, 255, 0.45),
        0 0 0 1px rgba(132, 86, 255, 0.35) !important;
}
.popup--pay .pay-btn--primary:hover::before,
.popup--pay button.popup__submit-btn:hover::before {
    transform: translateX(110%);
}
.popup--pay .pay-btn--primary:active:not(:disabled),
.popup--pay button.popup__submit-btn:active:not(:disabled) {
    transform: translateY(1px);
}

/* Secondary btn — ghost */
.popup--pay .pay-btn--secondary {
    background: rgba(29, 37, 51, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.85) !important;
}
.popup--pay .pay-btn--secondary:hover:not(:disabled) {
    background: rgba(29, 37, 51, 0.85) !important;
    color: #fff !important;
}

/* === CLOSE BUTTON — better hover === */
.popup--pay .popup__close,
.popup--pay [class*="popup__close"] {
    transition:
        background 0.2s,
        transform 0.15s !important;
    border-radius: 10px !important;
}
.popup--pay .popup__close:hover {
    background: rgba(255, 255, 255, 0.05);
    transform: rotate(90deg);
}

/* Buy modal — kill outer .popup__inner panel; keep only #body */
.popup--pay .popup__inner {
    background: transparent !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.popup--pay #body {
    background: #171e2a !important;
    border-radius: 20px !important;
    box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.7) !important;
}
.popup--pay #body::before {
    display: none !important;
}

/* === Buy modal — close button inside body + glow + better icons === */
.popup--pay .popup__inner {
    position: relative;
}

/* Close button — relocate to top-right of #body (since popup__inner is now zero-padding) */
.popup--pay .popup__close {
    position: absolute !important;
    top: 18px !important;
    right: 20px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition:
        background 0.2s,
        border-color 0.2s;
    z-index: 3;
    color: rgba(255, 255, 255, 0.65);
}
.popup--pay .popup__close:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(132, 86, 255, 0.4) !important;
    color: #fff;
}
.popup--pay .popup__close::before,
.popup--pay .popup__close::after {
    background-color: currentColor !important;
}

/* Move close inside the body visually — relative to #body via offset */
.popup--pay #body {
    padding-top: 48px !important;
}
@media (min-width: 768px) {
    .popup--pay #body {
        padding-top: 52px !important;
    }
}
.popup--pay .pay-card__title {
    padding-right: 48px;
}

/* Subtle purple glow + soft inner highlight (toned down per request) */
.popup--pay #body {
    background:
        radial-gradient(
            ellipse 90% 60% at 50% 0%,
            rgba(132, 86, 255, 0.05),
            transparent 70%
        ),
        linear-gradient(180deg, #1a2230 0%, #161c27 100%) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 0 0 1px rgba(132, 86, 255, 0.07),
        0 0 28px -14px rgba(132, 86, 255, 0.18),
        0 30px 80px -20px rgba(0, 0, 0, 0.75) !important;
    border-radius: 20px !important;
    overflow: hidden;
    position: relative;
}
.popup--pay #body::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 18%;
    right: 18%;
    top: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        transparent
    );
    pointer-events: none;
    z-index: 2;
}

/* === Updated icons — Lucide/Phosphor style strokes === */
/* Платежные системы — proper credit card outline */
.popup--pay label[for="buy-method-1"]::before {
    background: rgba(132, 86, 255, 0.12)
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b59aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='2.5'/><line x1='2' y1='10' x2='22' y2='10'/><line x1='6' y1='15' x2='10' y2='15'/></svg>")
        center/20px no-repeat !important;
}
/* Списать с баланса — wallet outline */
.popup--pay label[for="buy-method-2"]::before {
    background: rgba(132, 86, 255, 0.12)
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b59aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 8V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-1'/><path d='M22 12h-5a2 2 0 0 0 0 4h5z'/></svg>")
        center/20px no-repeat !important;
}
/* Promo — ticket icon */
.popup--pay .pay-promo::before {
    width: 20px !important;
    height: 20px !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b59aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a2 2 0 1 1 0-4V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2a2 2 0 1 1 0 4v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2z'/><line x1='8' y1='9' x2='8' y2='15' stroke-dasharray='1 2'/></svg>")
        center/contain no-repeat !important;
    opacity: 0.85 !important;
}

/* Make popup__inner match #body width so close button lands inside the visible panel */
.popup--pay .popup__inner {
    width: 560px !important;
    max-width: calc(100% - 32px) !important;
}
@media (min-width: 768px) {
    .popup--pay .popup__inner {
        width: 600px !important;
    }
}
.popup--pay #body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
.popup--pay #result {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ================================================================== */
/*  Buy modal — STEP 2 payment methods picker (compact rows)          */
/* ================================================================== */
.popup--pay #buy-payments-methods {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 18px !important;
    grid-template-columns: none !important;
}
.popup--pay #buy-payments-methods > div[style],
.popup--pay #product-bt-main,
.popup--pay #product-bt-sub {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 8px !important;
}
.popup--pay #buy-payments-methods .popup__payment-method {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    height: auto !important;
    min-height: 60px !important;
    padding: 10px 14px !important;
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.4),
        rgba(29, 37, 51, 0.2)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    cursor: pointer;
    text-align: left !important;
    transition:
        border-color 0.2s,
        background 0.25s !important;
    margin: 0 !important;
}
.popup--pay #buy-payments-methods .popup__payment-method:hover {
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.7),
        rgba(29, 37, 51, 0.4)
    ) !important;
    border-color: rgba(132, 86, 255, 0.25) !important;
}
.popup--pay
    #buy-payments-methods
    input[type="radio"]:checked
    + .popup__payment-method {
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.18),
        rgba(132, 86, 255, 0.06)
    ) !important;
    border-color: rgba(132, 86, 255, 0.55) !important;
    box-shadow: 0 8px 22px -12px rgba(132, 86, 255, 0.55);
}
.popup--pay #buy-payments-methods .popup__payment-method img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    background: rgba(255, 255, 255, 0.04) !important;
    padding: 4px;
    flex-shrink: 0 !important;
    order: 0 !important;
    margin: 0 !important;
}
.popup--pay #buy-payments-methods .popup__payment-method__custom-info {
    position: static !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
    order: 1 !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #fff !important;
    text-align: left !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
/* Currency badge on the right (re-use custom-info text wrapped in pill if exists) */
.popup--pay #buy-payments-methods .popup__payment-method::after {
    content: "";
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.18);
    margin-left: auto;
    transition: all 0.2s;
}
.popup--pay
    #buy-payments-methods
    input[type="radio"]:checked
    + .popup__payment-method::after {
    background: #8456ff
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M5 12l4 4 10-10' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>")
        center/9px no-repeat;
    border-color: #8456ff;
}
.popup--pay #product-bt-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.65) !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 4px;
    margin-top: 8px;
}
.popup--pay #product-bt-back:hover {
    color: #fff !important;
}

/* ================================================================== */
/*  Функционал — modernized cheat-functions cards                      */
/* ================================================================== */
.cheat-functions {
    margin-bottom: 90px;
}
.cheat-functions__caption-container {
    margin-bottom: 24px;
}
.cheat-functions__caption {
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.16;
    letter-spacing: -0.24px;
    margin: 0;
}
.cheat-functions__block.swiper-slide {
    width: 340px !important;
    height: unset;
}
.cheat-functions__block {
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px !important;
    padding: 16px !important;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}
@media (hover: hover) {
    .cheat-functions__block:hover {
        transform: translateY(-3px);
        border-color: rgba(132, 86, 255, 0.35);
        box-shadow: 0 14px 34px -16px rgba(132, 86, 255, 0.45);
    }
}

/* Header pill — compact, single-line, gradient bg + text in same accent */
.cheat-functions__block__name-panel {
    height: 44px !important;
    border-radius: 12px !important;
    font-family: "Mazzard M", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    padding: 0 18px !important;
    justify-content: flex-start !important;
}
.cheat-functions__block__name-panel span {
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
    text-fill-color: currentColor !important;
    color: inherit !important;
    background: transparent !important;
}
.cheat-functions__block__name-panel::before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    margin-right: 10px;
    box-shadow: 0 0 12px currentColor;
}

/* Category color tokens */
.cheat-functions__block__name-panel#visuals {
    background: linear-gradient(
        90deg,
        rgba(138, 245, 155, 0.18),
        rgba(138, 245, 155, 0)
    ) !important;
    color: #8af59b !important;
}
.cheat-functions__block__name-panel#aimbot {
    background: linear-gradient(
        90deg,
        rgba(255, 187, 86, 0.18),
        rgba(255, 187, 86, 0)
    ) !important;
    color: #ffbb56 !important;
}
.cheat-functions__block__name-panel#misc {
    background: linear-gradient(
        90deg,
        rgba(255, 140, 181, 0.18),
        rgba(255, 140, 181, 0)
    ) !important;
    color: #ff8cb5 !important;
}
.cheat-functions__block__name-panel:not(#visuals):not(#aimbot):not(#misc) {
    background: linear-gradient(
        90deg,
        rgba(132, 86, 255, 0.18),
        rgba(132, 86, 255, 0)
    ) !important;
    color: #b59aff !important;
}

/* List */
.cheat-functions__block__scroll-container {
    padding: 14px 4px !important;
    max-height: 380px;
    margin: 12px 0 0 !important;
}
.cheat-functions__block__list li {
    opacity: 0.78 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-family: "Mazzard M", sans-serif;
    padding-left: 18px !important;
    position: relative;
}
.cheat-functions__block__list li::before {
    content: "" !important;
    position: absolute;
    left: 2px;
    top: 0.55em !important;
    width: 6px !important;
    height: 6px !important;
    border: 0 !important;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.5;
}
.cheat-functions__block__list li:not(:last-child) {
    margin-bottom: 8px !important;
}

/* Inherit accent color into bullets per category */
.cheat-functions__block:has(#visuals) .cheat-functions__block__list li::before {
    background: #8af59b;
}
.cheat-functions__block:has(#aimbot) .cheat-functions__block__list li::before {
    background: #ffbb56;
}
.cheat-functions__block:has(#misc) .cheat-functions__block__list li::before {
    background: #ff8cb5;
}

@media (max-width: 599px) {
    .cheat-functions__block.swiper-slide {
        width: 280px !important;
    }
    .cheat-functions__caption {
        font-size: 20px;
    }
}

/* ================================================================== */
/*  /games — responsive overhaul (mobile-first thinking)              */
/* ================================================================== */

/* Cards grid — adaptive columns by viewport, not hard-coded 4 */
.games-page .catalog__cards-container,
.catalog__cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 48px;
}
@media (min-width: 1024px) {
    .games-page .catalog__cards-container,
    .catalog__cards-container {
        margin-top: 64px;
    }
}
@media (min-width: 1440px) {
    .games-page .catalog__cards-container,
    .catalog__cards-container {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Head — fluid title, smaller subtitle on mobile */
.games-catalog {
    padding-bottom: 60px;
}
@media (min-width: 768px) {
    .games-catalog {
        padding-bottom: 90px;
    }
}
.games-catalog__title {
    margin-top: 14px;
    font-size: clamp(28px, 5.5vw, 50px);
    line-height: 1.1;
    letter-spacing: -0.02em;
}
.games-catalog__subtitle {
    margin-top: 10px;
    font-size: clamp(14px, 2.2vw, 18px);
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

/* Controls — stack on mobile, side-by-side on desktop */
.games-catalog__controls {
    margin-top: 28px;
    gap: 14px;
    align-items: stretch;
}
@media (min-width: 768px) {
    .games-catalog__controls {
        margin-top: 40px;
        align-items: center;
        gap: 20px;
    }
}

/* Tabs row — horizontal scroll on narrow viewports, no wrap */
.games-catalog__tabs {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 0 16px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex-wrap: nowrap;
}
.games-catalog__tabs::-webkit-scrollbar {
    display: none;
}
.games-catalog__tabs .catalog__tab {
    flex-shrink: 0;
}
@media (min-width: 768px) {
    .games-catalog__tabs {
        margin: 0;
        padding: 0;
        overflow: visible;
        flex-wrap: wrap;
    }
}

/* Tools — full-width on mobile, fixed-ish on desktop */
.games-catalog__tools {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
}
@media (min-width: 600px) {
    .games-catalog__tools {
        grid-template-columns: 1fr 200px;
        gap: 10px;
    }
}
@media (min-width: 768px) {
    .games-catalog__tools {
        display: flex;
        width: auto;
        gap: 12px;
    }
}

.games-search__input {
    width: 100% !important;
    max-width: none !important;
    height: 48px;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .games-search__input {
        width: 260px !important;
        height: 54px;
        border-radius: 14px;
    }
}
.games-search__icon {
    left: 16px;
    width: 16px;
    height: 16px;
}

.games-select {
    width: 100% !important;
    flex-shrink: 0;
}
@media (min-width: 768px) {
    .games-select {
        width: 232px !important;
    }
}
.games-select .select__selected {
    height: 48px;
    border-radius: 12px;
    font-size: 14px;
}
@media (min-width: 768px) {
    .games-select .select__selected {
        height: 54px;
        border-radius: 14px;
        font-size: 15px;
    }
}

/* Catalog card — tighten on mobile */
@media (max-width: 599px) {
    .catalog-card {
        border-radius: 14px;
    }
    .catalog-card__body {
        padding: 14px 16px 16px;
    }
    .catalog-card__name {
        font-size: 18px;
        line-height: 1.2;
    }
    .catalog-card__tags {
        gap: 6px;
    }
    .catalog-card__tag {
        font-size: 12px;
        padding: 5px 10px;
    }
    .catalog-card__desc {
        font-size: 13px;
        line-height: 1.45;
        margin-bottom: 10px;
    }
    .catalog-card__more {
        font-size: 13px;
    }
}
@media (min-width: 600px) and (max-width: 899px) {
    .catalog-card__name {
        font-size: 20px;
    }
    .catalog-card__body {
        padding: 16px 20px 20px;
    }
}

/* Empty state */
.games-catalog__empty {
    text-align: center;
    padding: 48px 16px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
}

/* Make hero badge a touch smaller on mobile so it doesn't dominate */
@media (max-width: 599px) {
    .games-catalog__head .catalog__badge {
        transform: scale(0.85);
        transform-origin: center;
    }
}

/* ================================================================== */
/*  Header — add Статусы pill nav style                                */
/* ================================================================== */
.header__menu {
    flex-wrap: nowrap;
}
@media (max-width: 1100px) {
    .header__menu__item {
        font-size: 14px !important;
    }
}

/* ================================================================== */
/*  Hero CTA — pill primary (arrow) + pill secondary                   */
/* ================================================================== */
.hero__actions {
    margin-top: 48px !important;
    gap: 14px !important;
    align-items: center !important;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .hero__actions {
        margin-top: 60px !important;
        gap: 16px !important;
    }
}

/* Primary pill — replace SVG-mask shape with a clean pill */
.hero__btn-catalog {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    min-height: 64px;
    padding: 0 36px 0 30px !important;
    background: #8456ff !important;
    border-radius: 999px !important;
    border: 0;
    cursor: pointer;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.2) inset,
        0 16px 36px -10px rgba(132, 86, 255, 0.6);
    transition:
        background 0.2s,
        transform 0.15s,
        box-shadow 0.25s;
    color: #fff;
}
.hero__btn-catalog:hover {
    background: #9466ff !important;
    transform: translateY(-1px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25) inset,
        0 22px 42px -10px rgba(132, 86, 255, 0.75);
}
.hero__btn-catalog::before {
    display: none !important;
}
.hero__btn-catalog__tab {
    position: static !important;
    transform: none !important;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.hero__btn-catalog__tab img {
    filter: brightness(0) invert(1);
}
.hero__btn-catalog__label {
    position: static !important;
    height: auto !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    letter-spacing: 0.005em;
    color: #fff;
    display: inline-flex;
    align-items: center;
}
.hero__btn-catalog__label::after {
    content: "";
    display: inline-block;
    margin-left: 14px;
    width: 22px;
    height: 22px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/><polyline points='12 5 19 12 12 19'/></svg>")
        center/contain no-repeat;
}

/* Secondary pill — Register / How it works */
.hero__btn-register {
    height: 64px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    transition:
        background 0.2s,
        border-color 0.2s,
        color 0.2s;
}
.hero__btn-register:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(132, 86, 255, 0.4) !important;
    color: #fff !important;
}
.hero__btn-register__icon {
    display: none !important;
}

@media (max-width: 599px) {
    .hero__btn-catalog {
        min-height: 54px;
        padding: 0 24px 0 22px !important;
        gap: 10px !important;
    }
    .hero__btn-catalog__label {
        font-size: 15px !important;
    }
    .hero__btn-catalog__label::after {
        width: 18px;
        height: 18px;
        margin-left: 10px;
    }
    .hero__btn-catalog__tab {
        width: 22px;
        height: 22px;
    }
    .hero__btn-register {
        height: 54px !important;
        padding: 0 22px !important;
        font-size: 14px !important;
    }
}

/* ================================================================== */
/*  /games — mobile card tightening                                    */
/* ================================================================== */
@media (max-width: 599px) {
    .games-page .catalog__cards-container {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    /* Wide vertical cards like desktop — image on top, body below */
    .games-page .catalog-card {
        flex-direction: column !important;
        align-items: stretch !important;
        border-radius: 18px;
    }
    .games-page .catalog-card__img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        flex-shrink: 0;
        border-radius: 0 !important;
    }
    .games-page .catalog-card__img::after {
        content: "" !important;display: block !important;
        position:absolute;left:0;right:0;bottom:-2px;height:55%;
        background:linear-gradient(180deg, rgba(23,29,40,0) 0%, #171d28 92%) !important;
        pointer-events:none;
    }
    .games-page .catalog-card__body {
        padding: 18px 18px 20px !important;
        flex: 1;
        min-width: 0;
        display:flex;flex-direction:column;gap:4px;
    }
    .games-page .catalog-card__name {
        font-size: 18px !important;
        line-height: 1.2;
        font-weight:700;
        margin-bottom:8px;
    }
    .games-page .catalog-card__tags {
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 12px;
    }
    .games-page .catalog-card__tag {
        font-size: 12px;
        padding: 5px 10px;
        border-radius:8px;
    }
    .games-page .catalog-card__tag img {
        width: 12px;
        height: 12px;
        margin-right:5px;
    }
    .games-page .catalog-card__desc {
        display: block !important;
        font-size:13px !important;line-height:1.5;
        color:rgba(255,255,255,.5);margin:0 0 12px;
    }
    .games-page .catalog-card__more {
        font-size: 13px;
        margin-top: auto;
    }
    .games-page .catalog-card__more img {
        width: 14px;
        height: 14px;
    }
}

/* ================================================================== */
/*  Cookie consent banner — Figma node 50:9245                         */
/* ================================================================== */
.cookie-banner {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 9999;
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.28s ease,
        transform 0.28s ease;
    pointer-events: none;
}
.cookie-banner.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.cookie-banner[hidden] {
    display: none;
}
.cookie-banner__inner {
    max-width: 1262px;
    background: #171e2a;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7);
}
@media (min-width: 900px) {
    .cookie-banner__inner {
        flex-direction: row;
        align-items: center;
        border-radius: 24px;
        padding: 24px;
        gap: 14px;
    }
}
.cookie-banner__text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.cookie-banner__title {
    margin: 0;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
}
@media (min-width: 768px) {
    .cookie-banner__title {
        font-size: 16px;
        letter-spacing: -0.18px;
        text-transform: uppercase;
    }
}
.cookie-banner__desc {
    margin: 0;
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.55);
}
@media (min-width: 768px) {
    .cookie-banner__desc {
        font-size: 15px;
    }
}
.cookie-banner__actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
.cookie-banner__actions .cookie-banner__btn {
    flex: 1;
}
@media (min-width: 900px) {
    .cookie-banner__actions .cookie-banner__btn {
        flex: 0 0 auto;
    }
}
.cookie-banner__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 24px;
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    cursor: pointer;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    transition:
        background 0.2s,
        transform 0.12s,
        box-shadow 0.25s;
    -webkit-tap-highlight-color: transparent;
}
@media (min-width: 768px) {
    .cookie-banner__btn {
        padding: 18px 24px;
        font-size: 16px;
    }
}
.cookie-banner__btn:active {
    transform: translateY(1px);
}
.cookie-banner__btn--primary {
    background: #8456ff;
    box-shadow: 0 8px 22px -10px rgba(132, 86, 255, 0.55);
}
.cookie-banner__btn--primary:hover {
    background: #9466ff;
}
.cookie-banner__btn--secondary {
    background: #272f3c;
}
.cookie-banner__btn--secondary:hover {
    background: #32394a;
}

/* Game-list head — bring arrows next to the platform name */
.game-list__head {
    justify-content: flex-start !important;
    gap: 16px !important;
}
.game-list__arrows {
    margin-left: auto;
}
@media (min-width: 768px) {
    .game-list__arrows {
        margin-left: 18px;
    }
}
.game-list__arrows .slider-arrows__arrow {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background-size: 18px !important;
}

/* Make sure swiper inside is actually scrollable horizontally on all viewports */
.game-list .game-cheats-slider {
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
.game-list .game-cheats-slider .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px;
}
.game-list .game-cheats-slider .game-card {
    scroll-snap-align: start;
    flex-shrink: 0;
}
.game-list .game-cheats-slider::-webkit-scrollbar {
    display: none;
}
.game-list .game-cheats-slider {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

@media (max-width: 599px) {
    .game-list__head {
        flex-wrap: wrap;
    }
    .game-list__platform {
        font-size: 17px;
    }
    .game-list__arrows {
        margin-left: auto;
    }
    .game-list__arrows .slider-arrows__arrow {
        width: 36px !important;
        height: 36px !important;
    }
}

/* ================================================================== */
/*  Reviews page — inline form + rating stats                          */
/* ================================================================== */
.reviews-page__leave-btn {
    display: none !important;
}
.reviews-page__head {
    margin-bottom: 28px;
}

/* Rating stats card */
.reviews-stats {
    background: #171e2a;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}
.reviews-stats__rating {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-shrink: 0;
}
.reviews-stats__value {
    margin: 0;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 42px;
    line-height: 1;
    color: #f1ff9d;
}
.reviews-stats__stars {
    display: flex;
    gap: 3px;
}
.reviews-stats__stars img {
    filter: brightness(1.1) saturate(1.2);
}
.reviews-stats__count {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.75);
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 14px;
}
.reviews-stats__count svg {
    flex-shrink: 0;
}

/* Form */
.reviews-form {
    background: #171e2a;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 18px;
    padding: 24px 28px;
    margin-bottom: 32px;
}
.reviews-form__title {
    margin: 0 0 22px;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.01em;
    color: #fff;
}
.reviews-form__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px 20px;
}
@media (min-width: 768px) {
    .reviews-form__grid {
        grid-template-columns: 1fr 1fr;
    }
}
.reviews-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}
.reviews-form__field--wide {
    grid-column: 1 / -1;
}
.reviews-form__label {
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}
.reviews-form__label span {
    color: #8456ff;
    margin-left: 2px;
}

.reviews-form__input,
.reviews-form__select,
.reviews-form__textarea {
    width: 100%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 14px 16px;
    color: #fff;
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    transition:
        border-color 0.2s,
        background 0.2s;
    outline: none;
}
.reviews-form__input::placeholder,
.reviews-form__textarea::placeholder {
    color: rgba(255, 255, 255, 0.3);
}
.reviews-form__input:hover,
.reviews-form__select:hover,
.reviews-form__textarea:hover {
    border-color: rgba(255, 255, 255, 0.12);
}
.reviews-form__input:focus,
.reviews-form__select:focus,
.reviews-form__textarea:focus {
    border-color: rgba(132, 86, 255, 0.55);
    background: rgba(255, 255, 255, 0.05);
}

.reviews-form__select-wrap {
    position: relative;
}
.reviews-form__select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 42px;
    cursor: pointer;
}
.reviews-form__select-chevron {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
}

.reviews-form__textarea {
    resize: vertical;
    min-height: 120px;
}
.reviews-form__textarea-wrap {
    position: relative;
}
.reviews-form__counter {
    position: absolute;
    right: 14px;
    bottom: 10px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    pointer-events: none;
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
}

/* Star picker */
.reviews-form__stars {
    display: flex;
    gap: 2px;
    padding-top: 4px;
}
.reviews-form__star {
    background: none;
    border: 0;
    cursor: pointer;
    opacity: 0.25;
    transform: scale(0.95);
    transition:
        opacity 0.15s,
        transform 0.15s;
}
.reviews-form__star img {
    display: block;
    filter: brightness(1.05);
}
.reviews-form__star.is-active {
    opacity: 1;
    transform: scale(1);
}
.reviews-form__star:hover {
    opacity: 1;
    transform: scale(1.05);
}

/* Submit */
.reviews-form__actions {
    margin-top: 22px;
    display: flex;
}
.reviews-form__submit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    min-height: 48px;
    background: #8456ff;
    color: #fff;
    border: 0;
    border-radius: 999px;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 10px 24px -10px rgba(132, 86, 255, 0.6);
    transition:
        background 0.2s,
        transform 0.12s,
        box-shadow 0.25s;
}
.reviews-form__submit:hover {
    background: #9466ff;
    transform: translateY(-1px);
    box-shadow: 0 14px 30px -10px rgba(132, 86, 255, 0.75);
}
.reviews-form__submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

/* Review card meta improvements */
.rev-card__head {
    display: flex;
    align-items: center;
    gap: 12px;
}
.rev-card__meta {
    flex: 1;
    min-width: 0;
}
.rev-card__sub {
    margin: 2px 0 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    font-family: "Mazzard M", sans-serif;
}
.rev-card__date {
    flex-shrink: 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
}

@media (max-width: 599px) {
    .reviews-stats {
        padding: 18px 20px;
        gap: 16px;
    }
    .reviews-stats__value {
        font-size: 34px;
    }
    .reviews-form {
        padding: 20px 18px;
        border-radius: 14px;
    }
    .reviews-form__title {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .reviews-form__input,
    .reviews-form__select,
    .reviews-form__textarea {
        padding: 12px 14px;
        font-size: 14px;
    }
    .reviews-form__star img {
        width: 24px;
        height: 24px;
    }
}

/* ================================================================== */
/*  Header — modern pill nav with custom dropdown                      */
/* ================================================================== */
.header__menu {
    gap: 8px !important;
    margin-right: auto !important;
    padding: 0;
    flex-wrap: nowrap;
    align-items: center;
}
.header__menu__item {
    position: relative;
}
.header__menu__item:not(:last-child) {
    margin-right: 0 !important;
}
.header__menu__item > a {
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.7) !important;
    font-weight: 600 !important;
    font-size: 14px;
    letter-spacing: 0.01em;
    transition:
        color 0.2s,
        background 0.2s !important;
    opacity: 1 !important;
}
.header__menu__item > a:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.04);
    opacity: 1 !important;
}

/* Pill dropdown button (Каталог читов) */
.header__menu__pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: transparent;
    border: 1px solid rgba(132, 86, 255, 0.35);
    border-radius: 999px;
    color: #fff;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition:
        background 0.2s,
        border-color 0.2s,
        color 0.2s;
}
.header__menu__pill:hover,
.header__menu__item--dropdown.is-open .header__menu__pill {
    background: rgba(132, 86, 255, 0.12);
    border-color: rgba(132, 86, 255, 0.6);
}
.header__menu__pill-spark {
    display: inline-flex;
    color: #b59aff;
    flex-shrink: 0;
    filter: drop-shadow(0 0 4px rgba(132, 86, 255, 0.6));
}
.header__menu__pill-chev {
    display: inline-flex;
    opacity: 0.7;
    transition: transform 0.2s;
    flex-shrink: 0;
}
.header__menu__item--dropdown.is-open .header__menu__pill-chev {
    transform: rotate(180deg);
}

/* ============ Mega menu (replaces simple dropdown) ============ */
.header__mega {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    width: min(660px, calc(100vw - 32px));
    background: #171e2a;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    padding: 18px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 30px 70px -20px rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition:
        opacity 0.22s ease,
        transform 0.22s ease,
        visibility 0.22s;
    z-index: 130;
}
.header__menu__item--dropdown.is-open .header__mega {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header__mega__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 4px 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.header__mega__title {
    margin: 0;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.01em;
}
.header__mega__sub {
    margin: 2px 0 0;
    font-family: "Mazzard M", sans-serif;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 500;
}
.header__mega__all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(132, 86, 255, 0.12);
    color: #b59aff !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    transition:
        background 0.2s,
        color 0.2s;
}
.header__mega__all:hover {
    background: rgba(132, 86, 255, 0.22);
    color: #fff !important;
}
.header__mega__all svg {
    transition: transform 0.2s;
}
.header__mega__all:hover svg {
    transform: translateX(2px);
}

.header__mega__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-bottom: 14px;
}
.header__mega__card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 12px;
    color: #fff !important;
    text-decoration: none;
    transition:
        background 0.18s,
        transform 0.15s;
}
.header__mega__card:hover {
    background: rgba(132, 86, 255, 0.12);
    transform: translateY(-1px);
}
.header__mega__card-img {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #0f141c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.04);
}
.header__mega__card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.header__mega__card-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.header__mega__card-name {
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header__mega__card-meta {
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
}

.header__mega__foot {
    display: flex;
    gap: 6px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.header__mega__quick {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 8px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.75) !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-decoration: none;
    transition:
        background 0.18s,
        color 0.2s;
}
.header__mega__quick:hover {
    background: rgba(132, 86, 255, 0.14);
    color: #fff !important;
}
.header__mega__quick svg {
    flex-shrink: 0;
    color: #b59aff;
}

/* Tighten neighboring elements so right side has breathing room */
.header__lang {
    margin-right: 12px !important;
}

@media (max-width: 1100px) {
    .header__menu__item > a {
        padding: 8px 10px;
        font-size: 13px;
    }
    .header__menu__pill {
        padding: 8px 14px;
        font-size: 13px;
    }
    .header__menu {
        gap: 4px !important;
    }
}

/* Mega menu — adaptive */
@media (max-width: 899px) {
    .header__mega {
        position: fixed;
        left: 8px;
        right: 8px;
        top: auto;
        width: auto;
        max-height: calc(100vh - 90px);
        overflow: auto;
        padding: 14px;
    }
    .header__mega__grid {
        grid-template-columns: 1fr;
        gap: 4px;
    }
    .header__mega__card {
        padding: 10px;
    }
    .header__mega__card-img {
        width: 40px;
        height: 40px;
    }
}

/* Mega menu — kill body overflow contribution when hidden + tighten foot on small */
.header__menu__item--dropdown:not(.is-open) .header__mega {
    display: none;
}
@media (max-width: 899px) {
    .header__mega__foot {
        flex-wrap: wrap;
    }
    .header__mega__quick {
        flex: 1 1 calc(33% - 4px);
        min-width: 0;
        font-size: 11px;
        padding: 8px 6px;
    }
    .header__mega__quick svg {
        width: 12px;
        height: 12px;
    }
}

/* Hard kill any stray horizontal scroll caused by transforms / sub-pixel zoom.
   Do NOT set max-width — body { zoom: 0.9 } already scales children; clipping
   width to 100vw shifts everything left and leaves a 10vw gap on the right. */
html,
body {
    overflow-x: clip;
}
@supports not (overflow-x: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

/* ================================================================== */
/*  Adaptive sweep — fixes per page                                    */
/* ================================================================== */

/* Status page — long pill text overflows select on mobile */
.status,
.cheat-status {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select__selected .status,
.select__selected .cheat-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 599px) {
    .select__selected {
        min-width: 0;
        max-width: 100%;
        font-size: 13px;
    }
    .game-status-block .select__selected {
        max-width: 160px;
    }
}

/* About — keep contacts grid tidy on mobile */
@media (max-width: 599px) {
    .about-section__contacts {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px;
    }
    .about-section__stats {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px;
    }
    .about-section__history__slide {
        padding: 0 4px;
    }
    .about-section__history__caption {
        font-size: 18px !important;
    }
    .about-heading-section .section-caption {
        font-size: clamp(24px, 6vw, 36px) !important;
        line-height: 1.15;
    }
    .about-section__text {
        font-size: 14px !important;
        line-height: 1.55;
    }
}

/* Index — hero / sections tighten on mobile */
@media (max-width: 599px) {
    .hero {
        padding-top: 160px;
        padding-bottom: 30px;
    }
    .hero__title {
        font-size: clamp(28px, 7vw, 40px) !important;
        line-height: 1.1;
    }
    .hero__subtitle {
        font-size: 14px !important;
        margin-top: 10px;
    }
    .hero__image {
        margin-top: 24px;
        max-width: 80%;
    }
    .hero__image img {
        width: 100%;
        height: auto;
    }
    .section2__grid {
        grid-template-columns: 1fr !important;
        gap: 12px;
    }
    .section2__title {
        font-size: clamp(22px, 6vw, 32px) !important;
        line-height: 1.15;
    }
    .reviews-grid {
        grid-template-columns: 1fr !important;
    }
    .reviews__top {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 14px;
    }
    .reviews__all {
        align-self: stretch;
        justify-content: center;
    }
    .section-caption {
        font-size: clamp(22px, 6.5vw, 36px);
        line-height: 1.15;
    }
    .catalog__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }
    .catalog__top .catalog__tabs {
        align-self: stretch;
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .section-more-btn {
        align-self: center;
    }
}

/* FAQ */
@media (max-width: 599px) {
    .faq__title {
        font-size: clamp(22px, 6vw, 32px) !important;
    }
    .accordion__title {
        font-size: 14px !important;
        padding: 14px 16px !important;
    }
    .accordion__body {
        padding: 16px 14px !important;
        font-size: 13px !important;
    }
}

/* Footer mobile */
@media (max-width: 599px) {
    .footer__container {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding: 24px 16px;
    }
    .footer__menu {
        flex-direction: column;
        gap: 8px;
    }
    .footer__bottom-container {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
    .footer__copy {
        font-size: 12px;
    }
}

/* Profile / orders pages — common patterns */
@media (max-width: 768px) {
    .profile__container,
    .profile__sidebar,
    .profile__content {
        flex-direction: column;
        gap: 14px;
    }
    .profile__sidebar {
        width: 100% !important;
    }
    .profile__table thead {
        display: none;
    }
    .profile__table tr {
        display: block;
        background: #171e2a;
        border-radius: 12px;
        padding: 14px;
        margin-bottom: 10px;
    }
    .profile__table td {
        display: block;
        padding: 4px 0;
        font-size: 13px;
    }
    .profile__table td::before {
        content: attr(data-label) ": ";
        opacity: 0.5;
        font-weight: 600;
        margin-right: 6px;
    }
}

/* Generic — make ALL fixed buttons smaller and reachable on mobile */
@media (max-width: 599px) {
    .to-top {
        width: 42px !important;
        height: 42px !important;
        right: 14px;
        bottom: 14px;
    }
}

/* ================================================================== */
/*  Mega menu — visual polish v2                                       */
/* ================================================================== */
.header__mega {
    background:
        radial-gradient(
            ellipse 70% 50% at 30% 0%,
            rgba(132, 86, 255, 0.1),
            transparent 70%
        ),
        linear-gradient(180deg, #1d2533 0%, #161c27 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.05) inset,
        0 0 0 1px rgba(132, 86, 255, 0.08),
        0 30px 70px -20px rgba(0, 0, 0, 0.75) !important;
    padding: 20px !important;
}
.header__mega::before {
    content: "";
    position: absolute;
    left: 24%;
    right: 24%;
    top: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(132, 86, 255, 0.45),
        transparent
    );
    pointer-events: none;
}
/* Tiny invisible bridge so the dropdown doesn't snap closed when moving between pill and panel */
.header__mega::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

.header__mega__head {
    padding: 0 4px 16px !important;
    margin-bottom: 16px !important;
}
.header__mega__title {
    font-size: 15px !important;
    letter-spacing: -0.01em !important;
}
.header__mega__sub {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

.header__mega__all {
    padding: 9px 16px !important;
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.2),
        rgba(132, 86, 255, 0.1)
    ) !important;
    border: 1px solid rgba(132, 86, 255, 0.3) !important;
    color: #cbb6ff !important;
    box-shadow: 0 6px 16px -8px rgba(132, 86, 255, 0.4);
}
.header__mega__all:hover {
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.35),
        rgba(132, 86, 255, 0.2)
    ) !important;
    border-color: rgba(132, 86, 255, 0.5) !important;
    color: #fff !important;
}

/* Cards */
.header__mega__grid {
    gap: 6px !important;
}
.header__mega__card {
    position: relative;
    padding: 10px !important;
    border-radius: 12px !important;
    border: 1px solid transparent;
    transition:
        background 0.2s,
        border-color 0.2s,
        transform 0.15s !important;
}
.header__mega__card:hover {
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.14),
        rgba(132, 86, 255, 0.06)
    ) !important;
    border-color: rgba(132, 86, 255, 0.25);
}
.header__mega__card-img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: linear-gradient(135deg, #0f141c, #1a2230) !important;
    box-shadow: 0 4px 12px -6px rgba(0, 0, 0, 0.4);
}
.header__mega__card-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.header__mega__card-img img.is-fallback {
    object-fit: contain !important;
    width: 55% !important;
    height: 55% !important;
    margin: auto;
    opacity: 0.35;
    filter: brightness(1.3);
}
.header__mega__card-name {
    font-size: 14px !important;
    color: #fff !important;
}
.header__mega__card-meta {
    font-size: 11px !important;
    color: #b59aff !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}
.header__mega__card-arrow {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.4);
    opacity: 0;
    transform: translateX(-4px);
    transition:
        opacity 0.2s,
        transform 0.2s,
        background 0.2s,
        color 0.2s;
}
.header__mega__card:hover .header__mega__card-arrow {
    opacity: 1;
    transform: translateX(0);
    background: rgba(132, 86, 255, 0.25);
    color: #fff;
}

/* Footer quick links */
.header__mega__foot {
    padding-top: 14px !important;
    gap: 6px !important;
}
.header__mega__quick {
    padding: 10px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition:
        background 0.2s,
        color 0.2s,
        border-color 0.2s !important;
}
.header__mega__quick:hover {
    border-color: rgba(132, 86, 255, 0.3) !important;
    background: rgba(132, 86, 255, 0.14) !important;
}

/* Pill — subtle pulse so it invites hover */
.header__menu__pill {
    transition:
        background 0.2s,
        border-color 0.2s,
        box-shadow 0.25s,
        transform 0.15s !important;
}
.header__menu__pill:hover {
    transform: translateY(-1px);
}
.header__menu__item--dropdown.is-open .header__menu__pill {
    border-color: rgba(132, 86, 255, 0.7) !important;
    background: rgba(132, 86, 255, 0.18) !important;
    box-shadow: 0 8px 22px -10px rgba(132, 86, 255, 0.55);
}

/* Mega card image fallback — show letter avatar if img fails/missing */
.header__mega__card-img {
    position: relative;
}
.header__mega__card-img::before {
    content: attr(data-letter);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Mazzard H", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: rgba(203, 182, 255, 0.85);
    background: linear-gradient(
        135deg,
        rgba(132, 86, 255, 0.18),
        rgba(132, 86, 255, 0.06)
    );
    pointer-events: none;
    text-transform: uppercase;
}
.header__mega__card-img img {
    position: relative;
    z-index: 1;
}

/* ================================================================== */
/*  Hamburger — modern pill button matching the new header aesthetic   */
/* ================================================================== */
.header__hamburger {
    width: 42px !important;
    height: 42px !important;
    margin-left: 8px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease !important;
    position: relative;
    flex-shrink: 0;
}
@media (min-width: 1024px) {
    .header__hamburger {
        display: none !important;
    }
}
.header__hamburger:hover {
    background: rgba(132, 86, 255, 0.12) !important;
    border-color: rgba(132, 86, 255, 0.4) !important;
}
.header__hamburger._active {
    background: rgba(132, 86, 255, 0.18) !important;
    border-color: rgba(132, 86, 255, 0.55) !important;
    box-shadow: 0 0 18px -6px rgba(132, 86, 255, 0.5) !important;
}

/* Lines — clean 16px width, 1.5px height */
.header__hamburger span,
.header__hamburger span::before,
.header__hamburger span::after {
    width: 16px !important;
    height: 1.5px !important;
    background-color: #fff !important;
    border-radius: 2px !important;
}
.header__hamburger span::before {
    top: -5px !important;
}
.header__hamburger span::after {
    top: 5px !important;
}

/* Clean X animation when active */
.header__hamburger._active span {
    background: transparent !important;
    transform: none !important;
}
.header__hamburger._active span::before {
    top: 0 !important;
    transform: rotate(45deg) !important;
    background: #cbb6ff !important;
}
.header__hamburger._active span::after {
    top: 0 !important;
    transform: rotate(-45deg) !important;
    background: #cbb6ff !important;
    opacity: 1 !important;
}

/* Mobile menu polish — match new aesthetic when opened full-screen */
@media (max-width: 1023px) {
    .header__menu {
        background: rgba(11, 15, 22, 0.96) !important;
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        padding-top: 90px !important;
        gap: 8px !important;
    }
    .header__menu__item {
        padding: 0 18px;
        width: 100%;
        max-width: 520px;
    }
    .header__menu__item > a,
    .header__menu__pill {
        display: flex !important;
        width: 100% !important;
        padding: 16px 22px !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(255, 255, 255, 0.05) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #fff !important;
        justify-content: flex-start !important;
        transition:
            background 0.2s,
            border-color 0.2s !important;
    }
    .header__menu__item > a:hover,
    .header__menu__pill:hover {
        background: rgba(132, 86, 255, 0.12) !important;
        border-color: rgba(132, 86, 255, 0.3) !important;
    }
    .header__menu__item--dropdown .header__menu__pill {
        background: rgba(132, 86, 255, 0.12) !important;
        border-color: rgba(132, 86, 255, 0.35) !important;
        color: #fff !important;
    }
    /* Inline expanded mega menu on mobile */
    .header__mega {
        position: static !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        margin-top: 8px;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    .header__mega::before,
    .header__mega::after {
        display: none !important;
    }
    .header__menu__item--dropdown:not(.is-open) .header__mega {
        display: none !important;
    }
    .header__mega__head {
        padding: 0 !important;
        margin-bottom: 10px !important;
        border-bottom: 0 !important;
    }
    .header__mega__grid {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }
    .header__mega__foot {
        border-top: 0 !important;
        padding-top: 8px !important;
    }
}

/* Header mobile — tighten right side, profile pill shouldn't have huge gap */
@media (max-width: 1023px) {
    /* The .header__menu is rendered as fixed overlay on mobile, but the empty
       <ul> in the flow still takes space because of order-natural; force it out. */
    .header__menu:not(._active) {
        flex: 0 0 0 !important;
        width: 0 !important;
        min-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }
    .header__lang {
        margin-left: auto !important;
        margin-right: 8px !important;
    }
    .header__search-btn {
        margin-right: 8px !important;
    }
    .header__hamburger {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
    .header__login {
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        font-size: 0 !important;
        flex-shrink: 0;
    }
    .header__login .btn__icon {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }
    .header__login .btn__icon img {
        width: 18px !important;
        height: 18px !important;
    }
}

/* ================================================================== */
/*  Profile/login pill — polish on mobile                              */
/* ================================================================== */
@media (max-width: 1023px) {
    .header__login {
        width: 42px !important;
        height: 42px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(
            180deg,
            #9466ff 0%,
            #7340ff 100%
        ) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.2) inset,
            0 6px 18px -6px rgba(132, 86, 255, 0.55) !important;
        font-size: 0 !important;
        flex-shrink: 0;
        transition:
            transform 0.15s ease,
            box-shadow 0.25s ease !important;
    }
    .header__login:hover,
    .header__login:active {
        transform: translateY(-1px);
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.25) inset,
            0 10px 24px -6px rgba(132, 86, 255, 0.7) !important;
    }
    .header__login .btn__icon {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .header__login .btn__icon img {
        width: 18px !important;
        height: 18px !important;
        filter: brightness(0) invert(1);
    }
}

/* ================================================================== */
/*  Catalog cards on index — horizontal on mobile (match /games style) */
/* ================================================================== */
@media (max-width: 599px) {
    /* Wide vertical cards (like desktop): image on top, body below, one per row */
    .catalog__cards-container {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .catalog-card {
        flex-direction: column !important;
        align-items: stretch !important;
        border-radius: 18px;
        overflow: hidden;
        background-color: #171d28;
        border: 1px solid rgba(255, 255, 255, 0.05);
        /* Smooth lift + shadow transition — matches desktop feel */
        transition:
            transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1),
            border-color 0.3s ease,
            box-shadow 0.3s ease !important;
        will-change: transform;
    }
    .catalog-card:hover,
    .catalog-card:active {
        transform: translateY(-6px) !important;
        border-color: rgba(132, 86, 255, 0.32);
        box-shadow: 0 22px 44px -20px rgba(132, 86, 255, 0.55),
                    0 10px 24px -16px rgba(0, 0, 0, 0.6);
    }
    .catalog-card__img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        flex-shrink: 0;
        border-radius: 0 !important;
        background: #10151e;
        overflow: hidden;
        position: relative;
    }
    .catalog-card__img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block;
        transition: transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
    }
    .catalog-card:hover .catalog-card__img img,
    .catalog-card:active .catalog-card__img img {
        transform: scale(1.05);
    }
    /* Bottom fade-into-card gradient — same as desktop */
    .catalog-card__img::after {
        content: "" !important;
        display: block !important;
        position: absolute;
        left: 0; right: 0; bottom: -2px;
        height: 55%;
        background: linear-gradient(180deg, rgba(23, 29, 40, 0) 0%, #171d28 92%) !important;
        pointer-events: none;
    }
    /* Arrow slides on tap/hover — like desktop */
    .catalog-card:hover .catalog-card__more img,
    .catalog-card:active .catalog-card__more img {
        transform: translateX(5px);
    }
    .catalog-card__more img { transition: transform 0.25s cubic-bezier(0.2,0.7,0.2,1); }
    .catalog-card__body {
        padding: 18px 18px 20px !important;
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .catalog-card__name {
        font-size: 18px !important;
        line-height: 1.2;
        font-weight: 700;
        margin-bottom: 8px;
    }
    .catalog-card__tags {
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 12px;
    }
    .catalog-card__tag {
        font-size: 12px !important;
        padding: 5px 10px !important;
        border-radius: 8px;
    }
    .catalog-card__tag img {
        width: 12px !important;
        height: 12px !important;
        margin-right: 5px;
    }
    .catalog-card__desc {
        display: block !important;
        font-size: 13px !important;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.5);
        margin: 0 0 12px;
    }
    .catalog-card__more {
        font-size: 13px !important;
        margin-top: auto;
        color: #b59aff;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        font-weight: 700;
    }
    .catalog-card__more img {
        width: 14px !important;
        height: 14px !important;
    }
}

/* ================================================================== */
/*  Mobile burger menu — premium redesign                              */
/* ================================================================== */
@media (max-width: 1023px) {
    .header__menu {
        background:
            radial-gradient(
                ellipse 70% 50% at 20% 0%,
                rgba(132, 86, 255, 0.1),
                transparent 70%
            ),
            linear-gradient(180deg, #0e131c 0%, #0a0e15 100%) !important;
        padding: 96px 16px 24px !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    /* Subtle pill brand-mark above the items list */
    .header__menu::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0px;
        transform: translateX(-50%);
        width: 40%;
        height: 4px;
        border-radius: 99px;
        background: linear-gradient(
            90deg,
            transparent,
            rgba(132, 86, 255, 0.5),
            transparent
        );
    }

    .header__menu__item {
        max-width: none !important;
        width: 100%;
        padding: 0 !important;
        margin: 0 0 6px !important;
        opacity: 0;
        transform: translateY(12px);
        transition:
            opacity 0.35s ease,
            transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
    }
    .header__menu._active .header__menu__item {
        opacity: 1;
        transform: translateY(0);
    }

    /* Plain menu link as a clean row card with icon + label + chevron */
    .header__menu__item > a {
        display: grid !important;
        grid-template-columns: 42px 1fr 18px;
        gap: 14px;
        align-items: center;
        padding: 14px 16px !important;
        background: rgba(255, 255, 255, 0.025) !important;
        border: 1px solid rgba(255, 255, 255, 0.04) !important;
        border-radius: 14px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #fff !important;
        position: relative;
        overflow: hidden;
        transition:
            background 0.2s ease,
            border-color 0.2s ease,
            transform 0.15s ease !important;
    }
    .header__menu__item > a:hover,
    .header__menu__item > a:active {
        background: rgba(132, 86, 255, 0.1) !important;
        border-color: rgba(132, 86, 255, 0.3) !important;
        transform: translateX(2px);
    }
    .header__menu__item.is-active > a {
        background: linear-gradient(
            180deg,
            rgba(132, 86, 255, 0.18),
            rgba(132, 86, 255, 0.06)
        ) !important;
        border-color: rgba(132, 86, 255, 0.5) !important;
        box-shadow: 0 8px 22px -12px rgba(132, 86, 255, 0.55);
    }

    /* Icon container — purple square 32×32 */
    .header__menu__item > a::before {
        content: "";
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background: linear-gradient(
            180deg,
            rgba(132, 86, 255, 0.18),
            rgba(132, 86, 255, 0.08)
        );
        border: 1px solid rgba(132, 86, 255, 0.18);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px;
        flex-shrink: 0;
    }
    /* Per-item icons */
    .header__menu__item > a[href="/status"]::before {
        background-image:
            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbb6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><polyline points='12 7 12 12 15 14'/></svg>"),
            linear-gradient(
                180deg,
                rgba(132, 86, 255, 0.18),
                rgba(132, 86, 255, 0.08)
            );
    }
    .header__menu__item > a[href="/reviews"]::before {
        background-image:
            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbb6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='12 2 15 9 22 9 17 14 19 22 12 17 5 22 7 14 2 9 9 9 12 2'/></svg>"),
            linear-gradient(
                180deg,
                rgba(132, 86, 255, 0.18),
                rgba(132, 86, 255, 0.08)
            );
    }
    .header__menu__item > a[href="/about"]::before {
        background-image:
            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbb6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><line x1='12' y1='8' x2='12' y2='12'/><circle cx='12' cy='16' r='.5' fill='%23cbb6ff'/></svg>"),
            linear-gradient(
                180deg,
                rgba(132, 86, 255, 0.18),
                rgba(132, 86, 255, 0.08)
            );
    }
    .header__menu__item > a[href*="#faq"]::before {
        background-image:
            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbb6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M9.5 9a2.5 2.5 0 1 1 4 2c-1 .6-1.5 1.2-1.5 2'/><circle cx='12' cy='16.5' r='.7' fill='%23cbb6ff'/></svg>"),
            linear-gradient(
                180deg,
                rgba(132, 86, 255, 0.18),
                rgba(132, 86, 255, 0.08)
            );
    }
    /* Chevron */
    .header__menu__item > a::after {
        content: "";
        width: 14px;
        height: 14px;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.45' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 6 15 12 9 18'/></svg>")
            center/contain no-repeat;
        transition: transform 0.2s ease;
    }
    .header__menu__item > a:hover::after {
        transform: translateX(3px);
    }

    /* ============ Catalog pill — same row treatment but accent ============ */
    .header__menu__item--dropdown {
        margin-bottom: 6px !important;
    }
    .header__menu__pill {
        display: grid !important;
        grid-template-columns: 42px 1fr 18px;
        gap: 14px;
        align-items: center;
        width: 100%;
        padding: 14px 16px !important;
        background: linear-gradient(
            180deg,
            rgba(132, 86, 255, 0.16),
            rgba(132, 86, 255, 0.06)
        ) !important;
        border: 1px solid rgba(132, 86, 255, 0.4) !important;
        border-radius: 14px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #fff !important;
        justify-content: flex-start !important;
        box-shadow: 0 8px 22px -12px rgba(132, 86, 255, 0.55);
        position: relative;
        overflow: hidden;
    }
    .header__menu__pill > span:first-of-type {
        /* The text span */
        order: 1;
    }
    .header__menu__pill-chev {
        order: 2;
        width: 14px !important;
        height: 14px !important;
        margin-left: auto;
    }
    /* Icon for catalog */
    .header__menu__pill::before {
        content: "";
        order: 0;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background:
            url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f1ff9d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='8' height='8' rx='1.5'/><rect x='13' y='3' width='8' height='8' rx='1.5'/><rect x='3' y='13' width='8' height='8' rx='1.5'/><rect x='13' y='13' width='8' height='8' rx='1.5'/></svg>")
                center/18px no-repeat,
            linear-gradient(
                180deg,
                rgba(241, 255, 157, 0.18),
                rgba(132, 86, 255, 0.1)
            );
        border: 1px solid rgba(241, 255, 157, 0.25);
        box-shadow: 0 0 14px -4px rgba(241, 255, 157, 0.4);
        flex-shrink: 0;
    }

    /* Mega menu inside burger — inline reveal, compact grid */
    .header__mega {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        margin: 6px 0 6px !important;
        padding: 8px !important;
        background: rgba(132, 86, 255, 0.04) !important;
        border: 1px solid rgba(132, 86, 255, 0.12) !important;
        border-radius: 14px !important;
        box-shadow: none !important;
        width: 100% !important;
    }
    .header__mega::before,
    .header__mega::after {
        display: none !important;
    }
    .header__menu__item--dropdown:not(.is-open) .header__mega {
        display: none !important;
    }
    .header__mega__head {
        padding: 4px 6px 10px !important;
        margin-bottom: 8px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    }
    .header__mega__title {
        font-size: 12px !important;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: rgba(255, 255, 255, 0.5) !important;
        font-weight: 700 !important;
    }
    .header__mega__sub {
        display: none !important;
    }
    .header__mega__all {
        padding: 6px 12px !important;
        font-size: 11px !important;
    }
    .header__mega__grid {
        grid-template-columns: 1fr !important;
        gap: 2px !important;
        margin-bottom: 8px !important;
    }
    .header__mega__card {
        padding: 8px !important;
        border-radius: 10px !important;
    }
    .header__mega__card-img {
        width: 36px !important;
        height: 36px !important;
        border-radius: 8px !important;
    }
    .header__mega__card-img::before {
        font-size: 15px !important;
    }
    .header__mega__card-name {
        font-size: 13px !important;
    }
    .header__mega__card-meta {
        font-size: 10px !important;
    }
    .header__mega__card-arrow {
        width: 20px !important;
        height: 20px !important;
    }
    .header__mega__foot {
        padding-top: 8px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
        gap: 4px !important;
    }
    .header__mega__quick {
        padding: 8px 10px !important;
        font-size: 11px !important;
        border-radius: 8px !important;
    }
    .header__mega__quick svg {
        width: 11px !important;
        height: 11px !important;
    }

    /* Footer info inside burger menu */
    .header__menu::after {
        content: "© FnRus";
        display: block;
        text-align: center;
        margin-top: auto;
        padding-top: 18px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.3);
        font-family: "Mazzard M", sans-serif;
    }
}

/* ================================================================== */
/*  Profile/login pill — desktop polish (gradient + glow + pill)       */
/* ================================================================== */
@media (min-width: 1024px) {
    .header__login {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px;
        height: auto !important;
        min-height: 48px !important;
        padding: 0 22px 0 18px !important;
        border-radius: 999px !important;
        background: linear-gradient(
            180deg,
            #9466ff 0%,
            #7340ff 100%
        ) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        font-family: "Mazzard M", sans-serif !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        letter-spacing: 0.01em !important;
        color: #fff !important;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.2) inset,
            0 -1px 0 rgba(0, 0, 0, 0.15) inset,
            0 10px 26px -8px rgba(132, 86, 255, 0.55) !important;
        transition:
            transform 0.15s ease,
            box-shadow 0.25s ease,
            background 0.25s ease !important;
        position: relative;
        overflow: hidden;
    }
    .header__login:hover {
        transform: translateY(-1px);
        background: linear-gradient(
            180deg,
            #a07aff 0%,
            #7d4fff 100%
        ) !important;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.25) inset,
            0 -1px 0 rgba(0, 0, 0, 0.2) inset,
            0 16px 34px -8px rgba(132, 86, 255, 0.75) !important;
    }
    .header__login:active {
        transform: translateY(0);
    }
    /* Shimmer overlay on hover */
    .header__login::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: inherit;
        pointer-events: none;
        background: linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.18),
            transparent
        );
        transform: translateX(-110%);
        transition: transform 0.8s ease;
    }
    .header__login:hover::before {
        transform: translateX(110%);
    }

    /* Avatar/icon — round chip with subtle bg, no border divider */
    .header__login .btn__icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, 0.18) !important;
        flex-shrink: 0;
    }
    .header__login .btn__icon img {
        width: 14px !important;
        height: 14px !important;
        filter: brightness(0) invert(1);
    }
}

/* ================================================================== */
/*  Buy modal step 2 — new layout: icon + name + currency-pill + radio */
/* ================================================================== */
.popup--pay #buy-payments-methods .popup__payment-method {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    min-height: 60px !important;
}

/* Icon wrapper — round 36×36 chip */
.popup--pay #buy-payments-methods .popup__payment-method__icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #0f141c !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    overflow: hidden;
}
.popup--pay #buy-payments-methods .popup__payment-method__icon img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: block;
}

/* Name — main label, left-aligned, no truncation if it fits */
.popup--pay #buy-payments-methods .popup__payment-method__name {
    flex: 1 !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #fff !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    text-align: left !important;
}
@media (min-width: 768px) {
    .popup--pay #buy-payments-methods .popup__payment-method__name {
        font-size: 16px !important;
    }
}

/* Currency / region — small pill on the right */
.popup--pay #buy-payments-methods .popup__payment-method__hint,
.popup--pay #buy-payments-methods .popup__payment-method__custom-info {
    position: static !important;
    flex-shrink: 0;
    padding: 4px 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 999px !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.55) !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2 !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
}
.popup--pay
    #buy-payments-methods
    input[type="radio"]:checked
    + .popup__payment-method
    .popup__payment-method__hint,
.popup--pay
    #buy-payments-methods
    input[type="radio"]:checked
    + .popup__payment-method
    .popup__payment-method__custom-info {
    background: rgba(132, 86, 255, 0.15) !important;
    border-color: rgba(132, 86, 255, 0.4) !important;
    color: #cbb6ff !important;
}

/* Aggregator row (BT) — chevron instead of currency badge */
.popup--pay #buy-payments-methods .popup__payment-method--aggregator {
    text-decoration: none !important;
}
.popup--pay #buy-payments-methods .popup__payment-method__chev {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.4);
    margin-left: 4px;
    transition:
        transform 0.2s,
        color 0.2s;
}
.popup--pay
    #buy-payments-methods
    .popup__payment-method--aggregator:hover
    .popup__payment-method__chev {
    color: #fff;
    transform: translateX(2px);
}

/* Old ::after radio-circle no longer needed — remove */
.popup--pay #buy-payments-methods .popup__payment-method::after {
    display: none !important;
}

/* Back button in BT sub-menu */
.popup--pay #buy-payments-methods .popup__payment-method__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.65) !important;
    text-decoration: none;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 13px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition:
        background 0.2s,
        color 0.2s;
}
.popup--pay #buy-payments-methods .popup__payment-method__back:hover {
    background: rgba(132, 86, 255, 0.12);
    color: #fff !important;
    border-color: rgba(132, 86, 255, 0.3);
}

/* ================================================================== */
/*  Buy modal — cancel confirmation overlay (Figma "оплата 8/9")       */
/* ================================================================== */
.popup--pay #body {
    position: relative;
}
.buy-cancel-confirm {
    position: absolute;
    inset: 0;
    background: rgba(8, 10, 14, 0.82);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: inherit;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    transition: opacity 0.22s ease;
}
.buy-cancel-confirm[hidden] {
    display: none;
}
.buy-cancel-confirm.is-open {
    opacity: 1;
}
.buy-cancel-confirm__panel {
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    text-align: center;
    transform: translateY(8px) scale(0.97);
    transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.buy-cancel-confirm.is-open .buy-cancel-confirm__panel {
    transform: translateY(0) scale(1);
}
.buy-cancel-confirm__title {
    margin: 0;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.16;
    letter-spacing: -0.26px;
    color: #fff;
}
@media (min-width: 768px) {
    .buy-cancel-confirm__title {
        font-size: 32px;
    }
}
.buy-cancel-confirm__icon {
    display: inline-flex;
    color: #e74c3c;
}
.buy-cancel-confirm .pay-actions__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    width: 100%;
}

/* ================================================================== */
/*  /status — v2 clean rebuild (ui-ux-pro-max Dark Mode OLED)          */
/* ================================================================== */

/* Reset legacy layout: kill 560px min-height + absolute filter */
.status-page .status-heading-section {
    min-height: 0 !important;
    padding: 48px 0 28px !important;
    position: relative;
}
.status-page .status-heading-section__container {
    padding-bottom: 0 !important;
    align-items: stretch !important;
    text-align: left !important;
    gap: 18px;
}
.status-page .status-heading-section__filter {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    bottom: auto !important;
    left: auto !important;
}

/* Force GSAP-stuck elements visible (animation never completes on this page) */
.status-page .status-heading-section__section-subcaption,
.status-page .status-heading-section__attention,
.status-page .status-heading-section__filter {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Title — clean, white, no uppercase mess */
.status-page .status-heading-section__section-caption {
    color: #fff !important;
    opacity: 1 !important;
    font-family: "Mazzard H", sans-serif !important;
    font-size: clamp(28px, 4.5vw, 44px) !important;
    line-height: 1.1 !important;
    text-transform: none !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    text-align: center;
    margin: 0 0 8px !important;
}
.status-page .status-heading-section__section-caption .section-caption__icon {
    margin: 0 4px;
    vertical-align: middle;
}
.status-page .status-heading-section__section-subcaption {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 15px;
    line-height: 1.5;
    max-width: 580px;
    margin: 0 auto 4px !important;
    text-align: center;
}

/* Attention banner — amber/warning, compact */
.status-page .status-heading-section__attention {
    margin: 8px auto 0;
    max-width: 720px;
    width: auto !important;
    background: linear-gradient(
        180deg,
        rgba(245, 196, 138, 0.1),
        rgba(245, 196, 138, 0.03)
    ) !important;
    border: 1px solid rgba(245, 196, 138, 0.25) !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 14px;
    line-height: 1.4;
    align-self: center;
}

/* Filter bar — search input + status dropdown in a glass-pill */
.status-page .status-heading-section__filter {
    max-width: 720px;
    margin: 8px auto 0 !important;
    display: flex !important;
    gap: 6px;
    align-items: stretch;
    background: rgba(23, 29, 40, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    padding: 6px !important;
    box-shadow: 0 16px 40px -20px rgba(0, 0, 0, 0.5);
    overflow: visible;
}
.status-page .status-heading-section__filter input[type="search"] {
    flex: 1 !important;
    min-width: 0;
    height: 46px !important;
    background: transparent !important;
    background-image: url(/assets/img/icon_search.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    background-position: 14px center !important;
    border: 0 !important;
    outline: none !important;
    padding: 0 16px 0 42px !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif;
    font-size: 15px;
}
.status-page .status-heading-section__filter input[type="search"]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.status-page .status-heading-section__filter .select {
    flex-shrink: 0;
    height: 46px !important;
}
.status-page .status-heading-section__filter .select__selected {
    height: 46px !important;
    background: rgba(132, 86, 255, 0.12) !important;
    border: 1px solid rgba(132, 86, 255, 0.28) !important;
    border-radius: 10px !important;
    padding: 0 36px 0 16px !important;
    display: flex !important;
    align-items: center;
    cursor: pointer;
    font-size: 13px;
}

/* Statuses legend card */
.cheat-statuses {
    padding-bottom: 60px;
}
.cheat-statuses__header {
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.5),
        rgba(23, 29, 40, 0.3)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 18px 22px !important;
    margin-bottom: 14px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}
.cheat-statuses__header > p {
    margin: 0;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.cheat-statuses__header__all-statuses {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* ---------- Status pills (used everywhere) ---------- */
.status {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    padding: 5px 11px !important;
    border-radius: 999px !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.005em !important;
    line-height: 1.2 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    white-space: nowrap;
}
.status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}
.status._recommend {
    background: rgba(138, 245, 155, 0.1) !important;
    border-color: rgba(138, 245, 155, 0.28) !important;
}
.status._recommend::before {
    background: #8af59b;
    box-shadow: 0 0 8px rgba(138, 245, 155, 0.85);
}
.status._on-update {
    background: rgba(241, 255, 157, 0.1) !important;
    border-color: rgba(241, 255, 157, 0.28) !important;
}
.status._on-update::before {
    background: #f1ff9d;
    box-shadow: 0 0 8px rgba(241, 255, 157, 0.85);
}
.status._risk {
    background: rgba(245, 196, 138, 0.1) !important;
    border-color: rgba(245, 196, 138, 0.28) !important;
}
.status._risk::before {
    background: #f5c48a;
    box-shadow: 0 0 8px rgba(245, 196, 138, 0.85);
}
.status._not-recommend {
    background: rgba(255, 138, 138, 0.1) !important;
    border-color: rgba(255, 138, 138, 0.28) !important;
}
.status._not-recommend::before {
    background: #ff8a8a;
    box-shadow: 0 0 8px rgba(255, 138, 138, 0.85);
}

/* Game blocks — grid of cards */
.cheat-statuses__container {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 12px;
}
.game-status-block {
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 18px 20px !important;
    transition:
        border-color 0.25s ease,
        transform 0.15s ease,
        box-shadow 0.25s ease;
}
.game-status-block:hover {
    border-color: rgba(132, 86, 255, 0.35) !important;
    transform: translateY(-2px);
    box-shadow: 0 18px 40px -22px rgba(132, 86, 255, 0.55);
}
.game-status-block__info {
    padding: 0 !important;
}
.game-status-block__name {
    margin: 0 0 12px !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 600 !important;
    font-size: 17px !important;
    color: #fff !important;
    letter-spacing: -0.005em !important;
}
.game-status-block__cheats {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
}

/* Mobile */
@media (max-width: 599px) {
    .status-page .status-heading-section {
        padding: 28px 0 18px !important;
    }
    .cheat-statuses__container {
        grid-template-columns: 1fr !important;
    }
    .cheat-statuses__header {
        padding: 14px 16px !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .cheat-statuses__header > p {
        font-size: 12px;
    }
    .game-status-block {
        padding: 14px 16px !important;
    }
    .game-status-block__name {
        font-size: 15px !important;
        margin-bottom: 10px !important;
    }
    .status-page .status-heading-section__filter {
        flex-direction: column;
        padding: 5px !important;
    }
    .status-page .status-heading-section__filter .select__selected {
        width: 100%;
    }
}

/* ================================================================== */
/*  /about — section cards + contacts + history timeline polish        */
/* ================================================================== */
.about-page .about-heading-section {
    padding: 60px 0 30px;
}
.about-heading-section__section-caption {
    color: #fff !important;
    opacity: 1 !important;
    font-size: clamp(28px, 5vw, 52px) !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 14px !important;
}
.about-heading-section__section-subcaption {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 15px;
    max-width: 680px;
    margin-bottom: 24px !important;
}
.about-heading-section__btn {
    background: linear-gradient(180deg, #9466ff 0%, #7340ff 100%) !important;
    border: 0 !important;
    color: #fff !important;
    padding: 16px 26px !important;
    min-height: 54px;
    border-radius: 999px !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 15px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.2) inset,
        0 12px 28px -10px rgba(132, 86, 255, 0.55) !important;
    transition:
        transform 0.15s ease,
        box-shadow 0.25s ease !important;
}
.about-heading-section__btn:hover {
    transform: translateY(-1px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25) inset,
        0 16px 32px -10px rgba(132, 86, 255, 0.7) !important;
}

/* Stats block — premium cards */
.about-section__block.about-section__stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 22px;
}
.about-section__stat {
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 18px;
    padding: 22px 20px;
    text-align: center;
    transition:
        border-color 0.25s ease,
        transform 0.15s ease;
}
.about-section__stat:hover {
    border-color: rgba(132, 86, 255, 0.3);
    transform: translateY(-2px);
}
.about-section__stat p {
    margin: 0 0 4px;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 700 !important;
    font-size: 34px !important;
    line-height: 1;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #fff, #cbb6ff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.about-section__stat span {
    color: rgba(255, 255, 255, 0.55);
    font-size: 13px;
    font-weight: 500;
}
@media (max-width: 899px) {
    .about-section__block.about-section__stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Contacts block — social links premium */
.about-section__block.about-section__contacts {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 22px;
}
.about-contact {
    display: flex !important;
    align-items: center;
    gap: 12px;
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 14px;
    padding: 14px 16px;
    text-decoration: none !important;
    transition:
        border-color 0.2s,
        transform 0.15s,
        box-shadow 0.25s;
}
.about-contact:hover {
    border-color: rgba(132, 86, 255, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -16px rgba(132, 86, 255, 0.5);
}
.about-contact__icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    flex-shrink: 0;
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.2),
        rgba(132, 86, 255, 0.08)
    ) !important;
    border: 1px solid rgba(132, 86, 255, 0.15);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #cbb6ff;
}
.about-contact__body {
    display: flex !important;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.about-contact__label {
    color: #fff !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.about-contact__value {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* History timeline */
.about-section__history {
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    margin-bottom: 22px;
}
.about-section__history__caption {
    margin: 0 0 18px !important;
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    letter-spacing: -0.01em;
}
.about-section__history__slide {
    padding: 18px 14px;
}
.about-section__history__slide .years {
    color: #cbb6ff !important;
    font-weight: 700 !important;
    font-size: 16px;
    margin-bottom: 6px;
}
.about-section__history__slide .record {
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 6px;
    letter-spacing: -0.005em;
}
.about-section__history__slide .small-text {
    color: rgba(255, 255, 255, 0.55);
    font-size: 13px;
    line-height: 1.4;
}
.about-section__history__slide .point {
    background: #8456ff !important;
    box-shadow: 0 0 12px rgba(132, 86, 255, 0.6) !important;
}

/* About long text */
.about-section__text {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px;
    line-height: 1.6;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 14px;
    padding: 18px 22px;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

/* ================================================================== */
/*  /profile — sidebar + content panels                                */
/* ================================================================== */
.profile {
    padding: 40px 0 60px;
}
.profile__container {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
}
@media (max-width: 899px) {
    .profile__container {
        grid-template-columns: 1fr;
    }
}

.profile__sidebar {
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 20px;
    padding: 20px;
    align-self: start;
    position: sticky;
    top: 24px;
}
.profile__menu__item {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    text-decoration: none;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 14px;
    transition:
        background 0.2s,
        color 0.2s !important;
}
.profile__menu__item:hover {
    background: rgba(132, 86, 255, 0.1) !important;
    color: #fff !important;
}
.profile__menu__item._active {
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.18),
        rgba(132, 86, 255, 0.06)
    ) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(132, 86, 255, 0.3) inset;
}

.profile__content {
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 20px;
    padding: 28px;
}
.profile__caption {
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    letter-spacing: -0.01em;
    margin: 0 0 22px;
}
.profile__tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 24px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.profile__tab,
.profile__tab__label {
    flex: 1;
    padding: 10px 14px !important;
    border-radius: 9px !important;
    text-align: center;
    color: rgba(255, 255, 255, 0.6) !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition:
        background 0.2s,
        color 0.2s !important;
}
.profile__tab:hover,
.profile__tab__label:hover {
    color: #fff !important;
}
.profile__tab._active,
.profile__tab__label._active,
input.profile__tab:checked + .profile__tab__label {
    background: linear-gradient(180deg, #8456ff, #6b34ff) !important;
    color: #fff !important;
    box-shadow: 0 6px 18px -8px rgba(132, 86, 255, 0.55);
}

@media (max-width: 599px) {
    .profile {
        padding: 24px 0 40px;
    }
    .profile__content {
        padding: 18px;
    }
    .profile__caption {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .profile__tabs {
        font-size: 12px;
    }
}

/* (status pill rules moved into /status v2 block above) */

/* ================================================================== */
/*  /game (category landing) — hero polish + section nav arrows        */
/* ================================================================== */
.game-hero {
    padding: 60px 0 40px;
    position: relative;
}
.game-hero__inner {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}
.game-hero__text {
    flex: 1;
    min-width: 0;
}
.game-hero__title {
    margin: 0 0 16px !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(28px, 4vw, 48px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    color: #fff !important;
}
.game-hero__title-dim {
    color: rgba(255, 255, 255, 0.4) !important;
}
.game-hero__desc {
    margin: 0 0 18px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 15px;
    line-height: 1.5;
    max-width: 640px;
}
.game-hero__count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(132, 86, 255, 0.12);
    border: 1px solid rgba(132, 86, 255, 0.3);
    color: #cbb6ff;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 13px;
}
.game-hero__back {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    margin-left: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.7) !important;
    text-decoration: none;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 13px;
    transition:
        background 0.2s,
        color 0.2s,
        border-color 0.2s;
}
.game-hero__back:hover {
    background: rgba(132, 86, 255, 0.12);
    border-color: rgba(132, 86, 255, 0.3);
    color: #fff !important;
}
.game-hero__image {
    flex-shrink: 0;
    width: 42%;
    max-width: 480px;
}
.game-hero__image img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 899px) {
    .game-hero {
        padding: 40px 0 0px;
    }
    .game-hero__inner {
        flex-direction: column;
        gap: 24px;
    }
    .game-hero__image {
        width: 60%;
    }
}
@media (max-width: 599px) {
    .game-hero__image {
        width: 80%;
    }
}

/* Section heading per platform — better arrows + spacing */
.game-list {
    margin-bottom: 40px;
}
.game-list__head {
    margin-bottom: 18px !important;
    align-items: center;
}
.game-list__platform {
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.game-list__platform-icon {
    width: 20px;
    height: 22px;
}
.game-list__platform span {
    color: #fff;
    letter-spacing: -0.005em;
}

/* Game card — premium product tile */
.game-card {
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 18px !important;
    padding: 18px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.25s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    color: #fff !important;
}
.game-card:hover {
    transform: translateY(-3px);
    border-color: rgba(132, 86, 255, 0.35);
    box-shadow: 0 18px 40px -20px rgba(132, 86, 255, 0.5);
}
.game-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}
.game-card__logo {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #0f141c;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.06);
}
.game-card__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.game-card__status {
    flex-shrink: 0;
}
.game-card__name {
    font-family: "Mazzard H", sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.01em;
    margin: 0 0 10px;
}
.game-card__list {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.game-card__list li {
    font-family: "Mazzard M", sans-serif;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.68);
    padding-left: 14px;
    position: relative;
    line-height: 1.4;
}
.game-card__list li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0.55em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8456ff;
    opacity: 0.7;
}
.game-card__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.game-card__tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.game-card__tag--green {
    background: rgba(138, 245, 155, 0.1);
    color: #8af59b;
}
.game-card__tag--purple {
    background: rgba(132, 86, 255, 0.12);
    color: #cbb6ff;
}
.game-card__price {
    color: #fff;
    font-family: "Mazzard M", sans-serif;
    font-weight: 700;
    font-size: 15px;
}

.game-card__hover {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.2),
        rgba(132, 86, 255, 0.05)
    );
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}
.game-card:hover .game-card__hover {
    opacity: 1;
}
.game-card__hover-btn {
    padding: 12px 24px;
    border-radius: 999px;
    background: linear-gradient(180deg, #9466ff, #7340ff);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 0 12px 28px -10px rgba(132, 86, 255, 0.6);
}

@media (max-width: 599px) {
    .game-card {
        padding: 14px;
    }
    .game-card__name {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .game-card__list li {
        font-size: 12px;
    }
    .game-card__price {
        font-size: 14px;
    }
}

/* ================================================================== */
/*  Footer — premium polish (matches header glass style)              */
/* ================================================================== */
.footer {
    margin-top: 60px;
    padding: 40px 0 20px;
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(11, 15, 22, 0.6) 100%
    );
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    position: relative;
}
.footer__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    margin-bottom: 18px;
}
.footer__logo img {
    height: 115px;
    object-fit: contain;
}
.footer__menu {
    display: flex !important;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}
.footer__menu__item {
    color: rgba(255, 255, 255, 0.6) !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s;
}
.footer__menu__item:hover {
    color: #fff !important;
}
.footer__bottom-container {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
.footer__copy {
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
    margin: 0;
}

@media (max-width: 599px) {
    .footer {
        margin-top: 40px;
        padding: 30px 0 16px;
    }
    .footer__container {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding-bottom: 20px;
    }
    .footer__menu {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .footer__bottom-container {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 10px;
    }
}

/* ================================================================== */
/*  Section caption — global typography refresh                        */
/* ================================================================== */
.section-caption {
    color: #fff !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(28px, 4.5vw, 48px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
}
.section-subcaption {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 15px;
    line-height: 1.5;
}

/* ================================================================== */
/*  Accordion (FAQ) — premium                                          */
/* ================================================================== */
.accordion__item {
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 14px !important;
    margin-bottom: 8px !important;
    overflow: hidden;
    transition: border-color 0.25s ease;
}
.accordion__item:hover {
    border-color: rgba(132, 86, 255, 0.25);
}
.accordion__item._active {
    border-color: rgba(132, 86, 255, 0.45);
}
.accordion__title {
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #fff !important;
    padding: 18px 22px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
}
.accordion__title::after {
    content: "";
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cbb6ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")
        center/contain no-repeat;
    transition: transform 0.25s ease;
}
.accordion__item._active .accordion__title::after {
    transform: rotate(180deg);
}
.accordion__body {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 14px;
    line-height: 1.55;
}

/* ================================================================== */
/*  Notification toast — premium                                       */
/* ================================================================== */
.notification {
    background: linear-gradient(180deg, #1d2533, #171d28) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7) !important;
    padding: 14px 20px !important;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
}
.notification.success {
    border-color: rgba(138, 245, 155, 0.4) !important;
}
.notification.success::before {
    background: #8af59b !important;
    box-shadow: 0 0 12px rgba(138, 245, 155, 0.6);
}
.notification.fail {
    border-color: rgba(255, 138, 138, 0.4) !important;
}
.notification.fail::before {
    background: #ff8a8a !important;
    box-shadow: 0 0 12px rgba(255, 138, 138, 0.6);
}

/* ================================================================== */
/*  NUKE legacy min-height + absolute positioning on hero sections     */
/*  Many media queries inherit 100vh / 560px / 475px — kill them all   */
/* ================================================================== */
.about-page .about-heading-section,
.status-page .status-heading-section,
.reviews-page .reviews-page__section {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 48px !important;
    padding-bottom: 32px !important;
}
.about-page .about-heading-section__container,
.status-page .status-heading-section__container {
    position: relative !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    text-align: center !important;
}

/* Remove ALL decorative absolutes that anchor to non-existent dimensions */
.about-page .decor,
.about-page .about-heading-section__decor1,
.about-page .about-heading-section__decor2,
.about-page .about-heading-section__decor3 {
    display: none !important;
}

/* Status hero filter — back to normal flow */
.status-page .status-heading-section__filter {
    position: static !important;
    transform: none !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 720px !important;
    margin: 8px auto 0 !important;
}

/* About hero "Купить читы" btn alignment + spacing reset */
.about-heading-section__btn {
    margin: 6px auto 0 !important;
}

/* Force any GSAP-stuck initial states visible on these sections */
.status-page .status-heading-section *,
.about-page .about-heading-section * {
    opacity: 1 !important;
    visibility: visible !important;
}
/* Only reset transform on the wrappers, not children that have animation */
.status-page .status-heading-section > *,
.status-page .status-heading-section__container > *,
.about-page .about-heading-section > *,
.about-page .about-heading-section__container > * {
    transform: none !important;
}

/* about-section — no min-height tricks either */
.about-page .about-section {
    padding: 24px 0 60px !important;
}
.about-page .about-section .content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* about-section block defaults (was probably big card with padding) */
.about-section__block {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Section captions: kill `text-align: center` if hero forces it on inner content */
.about-heading-section__section-caption,
.status-heading-section__section-caption {
    text-align: center !important;
    width: 100%;
    /* override any line-clamp/min-height set elsewhere */
    height: auto !important;
}

/* Header is position:absolute (overlays hero on main page).
   On pages WITHOUT a full hero image the content collides with it.
   Push first section down to clear the header height. */
.status-page > section:first-of-type,
.about-page > section:first-of-type,
.reviews-page > section:first-of-type,
.profile > section:first-of-type,
main.status-page,
main.about-page,
main.reviews-page,
main.profile {
    padding-top: 140px !important;
}
@media (max-width: 599px) {
    .status-page > section:first-of-type,
    .about-page > section:first-of-type,
    .reviews-page > section:first-of-type,
    .profile > section:first-of-type,
    main.status-page,
    main.about-page,
    main.reviews-page,
    main.profile {
        padding-top: 110px !important;
    }
}

/* Force all game-status-blocks visible (GSAP stagger never finishes after #1) */
.status-page .game-status-block {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Status filter dropdown — closed by default; only open on hover/.is-open */
.status-page .status-heading-section__filter .select__inner {
    display: none !important;
}
.status-page .status-heading-section__filter .select:hover .select__inner,
.status-page .status-heading-section__filter .select._open .select__inner {
    display: block !important;
}

/* /about — force visible (GSAP stagger frozen) */
.about-page .about-section__stat,
.about-page .about-contact,
.about-page .about-section__history__slide,
.about-page .about-section__text {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Hide the floating "Получите результат" decorative badge that overlaps */
.about-heading-section__get-result {
    display: none !important;
}

/* Kill legacy negative margin that overlaps about-section onto heading */
.about-page .about-section {
    margin-top: 0 !important;
}

/* ================================================================== */
/*  No-hero pages — tighter hero, header in flow                       */
/* ================================================================== */
/* Reduce padding-top: make content start closer to header */
main.status-page,
main.about-page,
main.reviews-page,
main.profile {
    padding-top: 100px !important;
}
@media (max-width: 599px) {
    main.status-page,
    main.about-page,
    main.reviews-page,
    main.profile {
        padding-top: 80px !important;
    }
}
.status-page .status-heading-section,
.about-page .about-heading-section {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.status-page .status-heading-section__container,
.about-page .about-heading-section__container {
    gap: 12px !important;
}

/* ================================================================== */
/*  About — beefier stats cards                                        */
/* ================================================================== */
.about-page .about-section__stats {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
}
.about-section__stat {
    padding: 22px 22px 20px !important;
    background:
        radial-gradient(
            ellipse 80% 60% at 50% 0%,
            rgba(132, 86, 255, 0.1),
            transparent 70%
        ),
        linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 18px !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.04) inset,
        0 14px 30px -20px rgba(0, 0, 0, 0.5);
    min-height: 120px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.about-section__stat::before {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    top: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(132, 86, 255, 0.45),
        transparent
    );
}
.about-section__stat p {
    margin: 0 0 6px !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 700 !important;
    font-size: 36px !important;
    line-height: 1;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #fff 0%, #cbb6ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.about-section__stat span {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px;
    font-weight: 500;
}
@media (max-width: 1023px) {
    .about-page .about-section__stats {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* About contacts grid — keep card look but tighter */
.about-section__contacts {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 10px !important;
}

/* About history timeline — proper connector line + visible dots */
.about-section__history {
    background: linear-gradient(180deg, #1d2533 0%, #171d28 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 18px !important;
    padding: 24px !important;
    margin-top: 6px;
}
.about-section__history__caption {
    margin: 0 0 18px !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    color: #fff !important;
    letter-spacing: -0.01em;
}
.about-section__history__slider {
    position: relative;
}
.about-section__history__slider::before {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 8px;
    height: 2px;
    background: linear-gradient(
        90deg,
        rgba(132, 86, 255, 0.5),
        rgba(132, 86, 255, 0.1)
    );
    z-index: 1;
}
.about-section__history__slide {
    position: relative;
    padding: 24px 8px 8px !important;
    z-index: 2;
}
.about-section__history__slide .point {
    position: relative;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50%;
    background: #8456ff !important;
    border: 3px solid #0f141c !important;
    box-shadow: 0 0 16px rgba(132, 86, 255, 0.6) !important;
    margin: 0 0 12px;
}
.about-section__history__slide .years {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 18px;
    letter-spacing: -0.005em;
    margin-bottom: 6px;
}
.about-section__history__slide .record {
    color: #cbb6ff !important;
    font-weight: 600 !important;
    font-size: 14px;
    margin-bottom: 8px;
}
.about-section__history__slide .small-text {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 12.5px;
    line-height: 1.45;
}
.about-section__history__slider-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: rgba(132, 86, 255, 0.12) !important;
    border: 1px solid rgba(132, 86, 255, 0.3) !important;
}
.about-section__history__slider-btn:hover {
    background: rgba(132, 86, 255, 0.22) !important;
}

/* About long text */
.about-section__text {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 14px;
    line-height: 1.6;
    background: rgba(255, 255, 255, 0.02);
    border-radius: 14px;
    padding: 18px 22px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    margin-top: 6px;
}

/* ================================================================== */
/*  Status — tighter spacing                                            */
/* ================================================================== */
.cheat-statuses {
    padding-top: 8px !important;
    padding-bottom: 60px;
}

/* ================================================================== */
/*  /reviews — custom select (rv-select)                               */
/* ================================================================== */
.rv-select {
    position: relative;
    width: 100%;
}
.rv-select__trigger {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 14px 16px;
    min-height: 48px;
    color: #fff;
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    transition:
        background 0.2s,
        border-color 0.2s;
    text-align: left;
}
.rv-select__trigger:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
}
.rv-select.is-open .rv-select__trigger,
.rv-select:focus-within .rv-select__trigger {
    background: rgba(132, 86, 255, 0.08);
    border-color: rgba(132, 86, 255, 0.5);
}
.rv-select__value {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.4);
}
.rv-select.has-value .rv-select__value {
    color: #fff;
}
.rv-select__chev {
    color: rgba(255, 255, 255, 0.45);
    flex-shrink: 0;
    transition: transform 0.2s;
}
.rv-select.is-open .rv-select__chev {
    transform: rotate(180deg);
    color: #cbb6ff;
}

.rv-select__menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 50;
    background: #171e2a;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7);
    max-height: 280px;
    overflow-y: auto;
    animation: rvSelectDrop 0.18s ease-out;
}
@keyframes rvSelectDrop {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.rv-select__option {
    width: 100%;
    display: flex !important;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    transition:
        background 0.15s,
        color 0.15s;
}
.rv-select__option:hover {
    background: rgba(132, 86, 255, 0.14);
    color: #fff;
}
.rv-select__option.is-selected {
    background: rgba(132, 86, 255, 0.2);
    color: #fff;
}
.rv-select__dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
    transition:
        background 0.15s,
        box-shadow 0.15s;
}
.rv-select__option:hover .rv-select__dot,
.rv-select__option.is-selected .rv-select__dot {
    background: #8456ff;
    box-shadow: 0 0 8px rgba(132, 86, 255, 0.6);
}

/* Scrollbar inside menu */
.rv-select__menu::-webkit-scrollbar {
    width: 6px;
}
.rv-select__menu::-webkit-scrollbar-track {
    background: transparent;
}
.rv-select__menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

/* ================================================================== */
/*  CLEANUP: remove decorative dots (A + B + C)                        */
/* ================================================================== */

/* A. Status pill — remove the colored dot. Bg + border encode the status. */
.status::before {
    display: none !important;
}

/* B. History timeline — continuous line + small clean dots */
.about-section__history__slider::before {
    background: rgba(132, 86, 255, 0.22) !important;
    top: 11px !important;
    height: 1px !important;
    left: 18px !important;
    right: 18px !important;
}
.about-section__history__slide {
    padding: 6px 8px 8px !important;
}
.about-section__history__slide .point {
    width: 8px !important;
    height: 8px !important;
    background: #8456ff !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 0 14px !important;
    position: relative;
    z-index: 2;
}

/* C. Status legend — replace dot with left-accent border (per status color) */
.cheat-statuses__header__all-statuses .status {
    border-left: 3px solid currentColor;
    padding-left: 12px !important;
    border-radius: 6px !important;
}
.cheat-statuses__header__all-statuses .status._recommend {
    border-left-color: #8af59b !important;
    color: #8af59b !important;
}
.cheat-statuses__header__all-statuses .status._on-update {
    border-left-color: #f1ff9d !important;
    color: #f1ff9d !important;
}
.cheat-statuses__header__all-statuses .status._risk {
    border-left-color: #f5c48a !important;
    color: #f5c48a !important;
}
.cheat-statuses__header__all-statuses .status._not-recommend {
    border-left-color: #ff8a8a !important;
    color: #ff8a8a !important;
}

/* ================================================================== */
/*  Fix: legend pill text + about history arrows                       */
/* ================================================================== */

/* Legend pills: white text, only border-left coloured */
.cheat-statuses__header__all-statuses .status._recommend,
.cheat-statuses__header__all-statuses .status._on-update,
.cheat-statuses__header__all-statuses .status._risk,
.cheat-statuses__header__all-statuses .status._not-recommend {
    color: rgba(255, 255, 255, 0.92) !important;
}

/* About history prev/next buttons — restore arrow SVG icon */
.about-section__history__slider-btn {
    background-color: rgba(132, 86, 255, 0.12) !important;
    background-image: url(../img/icon_arrow-next.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px !important;
    border: 1px solid rgba(132, 86, 255, 0.3) !important;
    border-radius: 10px !important;
    width: 36px !important;
    height: 36px !important;
    top: calc(50% - 18px) !important;
}
.about-section__history__slider-btn:hover {
    background-color: rgba(132, 86, 255, 0.22) !important;
}
.about-section__history__prev-btn {
    transform: scaleX(-1) !important;
}

/* ================================================================== */
/*  /about timeline — clean single line through all dots               */
/* ================================================================== */
.about-section__history {
    padding: 24px 28px 28px !important;
    position: relative;
    overflow: hidden;
}
.about-section__history__slider {
    overflow: visible !important;
    padding: 8px 0 0 !important;
    position: relative;
}
/* Override previous ::before — make line full-width inside swiper-wrapper */
.about-section__history__slider::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;
    height: 1px !important;
    background: rgba(132, 86, 255, 0.18) !important;
    z-index: 0;
    pointer-events: none;
}
.about-section__history__slider .swiper-wrapper {
    align-items: flex-start;
}
.about-section__history__slide {
    padding: 0 14px 4px !important;
    position: relative;
}
.about-section__history__slide .point {
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #8456ff !important;
    border: 0 !important;
    box-shadow: 0 0 0 4px #171d28 !important;
    margin: 0 0 18px !important;
    position: relative;
    z-index: 2;
}
.about-section__history__slide .years {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    letter-spacing: -0.005em !important;
    margin: 0 0 6px !important;
}
.about-section__history__slide .record {
    color: #cbb6ff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    margin: 0 0 8px !important;
    line-height: 1.3;
}
.about-section__history__slide .small-text {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

/* ================================================================== */
/*  /games (catalog with filter tabs + search)                         */
/* ================================================================== */
.games-page {
    padding-bottom: 80px;
}
.games-page .games-hero {
    text-align: center;
    padding: 24px 0 28px;
}
.games-page .games-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(132, 86, 255, 0.12);
    border: 1px solid rgba(132, 86, 255, 0.3);
    color: #cbb6ff;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 14px;
}
.games-page .games-hero__title {
    color: #fff !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(28px, 4.5vw, 44px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 10px !important;
}
.games-page .games-hero__subtitle {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 15px;
    max-width: 560px;
    margin: 0 auto !important;
}

/* Filter row: tabs + search + sort */
.games-page .games-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    align-items: stretch;
}
.games-page .games-tabs {
    display: flex;
    gap: 4px;
    background: rgba(23, 29, 40, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 5px;
    flex-shrink: 0;
}
.games-page .games-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 18px;
    border-radius: 10px;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.6);
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 13px;
    transition:
        background 0.2s,
        color 0.2s;
}
.games-page .games-tab:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.04);
}
.games-page .games-tab.is-active {
    background: linear-gradient(180deg, #8456ff, #6b34ff);
    color: #fff;
    box-shadow: 0 6px 18px -8px rgba(132, 86, 255, 0.55);
}
.games-page #games-search {
    flex: 1;
    min-width: 220px;
    background: rgba(23, 29, 40, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    padding: 0 18px 0 18px !important;
    height: auto !important;
    min-height: 48px;
    background-image: url(/assets/img/icon_search.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 16px center !important;
    background-size: 16px !important;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif !important;
    font-size: 14px !important;
    outline: none;
}
.games-page #games-search:focus {
    border-color: rgba(132, 86, 255, 0.45) !important;
    background-color: rgba(132, 86, 255, 0.06) !important;
}
.games-page #games-search::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.games-page #games-sort {
    background: rgba(23, 29, 40, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    padding: 0 36px 0 16px !important;
    min-height: 48px;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif !important;
    font-size: 13px !important;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.5)' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 14px !important;
}

@media (max-width: 599px) {
    .games-page .games-filters {
        flex-direction: column;
        gap: 8px;
    }
    .games-page .games-tabs {
        justify-content: stretch;
    }
    .games-page .games-tab {
        flex: 1;
        justify-content: center;
        padding: 9px 10px;
        font-size: 12px;
    }
}

/* ================================================================== */
/*  /games — fix targeting actual class names                          */
/* ================================================================== */
.games-page .games-catalog {
    padding-bottom: 80px;
}
.games-page .games-catalog__head {
    text-align: center;
    margin-bottom: 22px;
}
.games-page .catalog__badge {
    display: inline-flex;
    margin-bottom: 14px;
}
.games-page .games-catalog__title {
    color: #fff !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(28px, 4.5vw, 44px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 10px !important;
}
.games-page .games-catalog__subtitle {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 15px;
    max-width: 560px;
    margin: 0 auto !important;
}

/* Controls row */
.games-page .games-catalog__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    align-items: stretch;
}
.games-page .games-catalog__tabs {
    display: flex;
    gap: 4px;
    background: rgba(23, 29, 40, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 5px;
    margin: 0 !important;
    flex-shrink: 0;
}
.games-page .games-catalog__tabs .catalog__tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px !important;
    border-radius: 10px !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.6) !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition:
        background 0.2s,
        color 0.2s;
    width: auto !important;
    height: auto !important;
}
.games-page .games-catalog__tabs .catalog__tab:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
.games-page .games-catalog__tabs .catalog__tab.is-active {
    background: linear-gradient(180deg, #8456ff, #6b34ff) !important;
    color: #fff !important;
    box-shadow: 0 6px 18px -8px rgba(132, 86, 255, 0.55);
}
.games-page .games-catalog__tabs .catalog__tab-ico {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.games-page .games-catalog__tabs .catalog__tab-ico img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.85;
}
.games-page .games-catalog__tabs .catalog__tab.is-active .catalog__tab-ico img {
    opacity: 1;
}

.games-page .games-catalog__tools {
    display: flex;
    gap: 10px;
    flex: 1;
    min-width: 280px;
}
.games-page .games-search {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(23, 29, 40, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    padding: 0 0 0 42px;
    transition:
        border-color 0.2s,
        background 0.2s;
}
.games-page .games-search:focus-within {
    border-color: rgba(132, 86, 255, 0.45);
    background: rgba(132, 86, 255, 0.06);
}
.games-page .games-search__icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    opacity: 0.5;
    filter: brightness(0) invert(1);
}
.games-page .games-search__input {
    flex: 1;
    background: transparent !important;
    border: 0 !important;
    outline: none !important;
    padding: 14px 0 !important;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif !important;
    font-size: 14px !important;
}
.games-page .games-search__input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.games-page .games-select {
    flex-shrink: 0;
    position: relative;
}
.games-page .games-sort {
    background: rgba(23, 29, 40, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    padding: 0 36px 0 16px !important;
    min-height: 48px;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.5)' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 14px !important;
}
.games-page .games-sort:focus {
    border-color: rgba(132, 86, 255, 0.45) !important;
    outline: none !important;
}

@media (max-width: 599px) {
    .games-page .games-catalog__controls {
        flex-direction: column;
        gap: 8px;
    }
    .games-page .games-catalog__tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
    }
    .games-page .games-catalog__tabs .catalog__tab {
        flex-shrink: 0;
        padding: 9px 14px !important;
        font-size: 12px !important;
    }
    .games-page .games-catalog__tools {
        flex-direction: column;
        min-width: 0;
    }
}

/* Force games-catalog controls visible (GSAP frozen state) */
.games-page .games-catalog__controls,
.games-page .games-catalog__head,
.games-page .games-catalog__title,
.games-page .games-catalog__subtitle {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* ================================================================== */
/*  /status — custom selector + premium legend                         */
/* ================================================================== */

/* ============ Filter bar wrapper ============ */
.status-page .status-heading-section__filter {
    max-width: 760px;
    margin: 14px auto 0 !important;
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.7),
        rgba(23, 29, 40, 0.5)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    padding: 6px !important;
    display: flex !important;
    gap: 6px;
    align-items: stretch;
    box-shadow: 0 18px 40px -22px rgba(0, 0, 0, 0.6);
}
.status-page .status-heading-section__filter input[type="search"] {
    flex: 1;
    min-width: 0;
    background: transparent !important;
    background-image: url(/assets/img/icon_search.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 18px center !important;
    background-size: 16px !important;
    border: 0 !important;
    outline: none !important;
    padding: 0 16px 0 46px !important;
    height: 48px !important;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif;
    font-size: 14px;
}
.status-page .status-heading-section__filter input[type="search"]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

/* ============ Custom select trigger ============ */
.status-page .status-heading-section__filter .select {
    flex-shrink: 0;
    position: relative;
    min-width: 260px;
}
.status-page .status-heading-section__filter > .select select {
    /* keep native select hidden but accessible */
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
}
.status-page .status-heading-section__filter .select__selected {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 48px !important;
    padding: 0 16px !important;
    background: rgba(132, 86, 255, 0.1) !important;
    border: 1px solid rgba(132, 86, 255, 0.32) !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 13px;
    transition:
        background 0.2s,
        border-color 0.2s;
}
.status-page .status-heading-section__filter .select__selected:hover {
    background: rgba(132, 86, 255, 0.16) !important;
    border-color: rgba(132, 86, 255, 0.5) !important;
}
.status-page .status-heading-section__filter .select__selected::after {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.6)' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")
        center/contain no-repeat;
    transition: transform 0.2s;
}
.status-page
    .status-heading-section__filter
    .select._open
    .select__selected::after,
.status-page
    .status-heading-section__filter
    .select:focus-within
    .select__selected::after {
    transform: rotate(180deg);
}
/* Status pill inside trigger — strip extra border-left, keep clean text */
.status-page .status-heading-section__filter .select__selected .status {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}
.status-page .status-heading-section__filter .select__selected .status::before {
    content: "" !important;
    display: inline-block !important;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.status-page
    .status-heading-section__filter
    .select__selected
    .status._recommend::before {
    background: #8af59b;
    box-shadow: 0 0 8px rgba(138, 245, 155, 0.6);
}
.status-page
    .status-heading-section__filter
    .select__selected
    .status._on-update::before {
    background: #f1ff9d;
    box-shadow: 0 0 8px rgba(241, 255, 157, 0.6);
}
.status-page
    .status-heading-section__filter
    .select__selected
    .status._risk::before {
    background: #f5c48a;
    box-shadow: 0 0 8px rgba(245, 196, 138, 0.6);
}
.status-page
    .status-heading-section__filter
    .select__selected
    .status._not-recommend::before {
    background: #ff8a8a;
    box-shadow: 0 0 8px rgba(255, 138, 138, 0.6);
}

/* ============ Options panel ============ */
.status-page .status-heading-section__filter .select__inner {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    background: #171e2a !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    padding: 6px !important;
    box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.7) !important;
    z-index: 60;
    display: none !important;
}
.status-page .status-heading-section__filter .select._open .select__inner,
.status-page
    .status-heading-section__filter
    .select:focus-within
    .select__inner,
.status-page .status-heading-section__filter .select:hover .select__inner {
    display: block !important;
    animation: rvSelectDrop 0.18s ease-out;
}
.status-page .status-heading-section__filter .select__option {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 10px 12px !important;
    border-radius: 9px !important;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.85);
    font-family: "Mazzard M", sans-serif;
    font-weight: 500;
    font-size: 13px;
    transition: background 0.15s;
}
.status-page .status-heading-section__filter .select__option:hover {
    background: rgba(132, 86, 255, 0.14);
}
.status-page .status-heading-section__filter .select__option .status {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}
.status-page .status-heading-section__filter .select__option .status::before {
    content: "" !important;
    display: inline-block !important;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}
.status-page
    .status-heading-section__filter
    .select__option
    .status._recommend::before {
    background: #8af59b;
}
.status-page
    .status-heading-section__filter
    .select__option
    .status._on-update::before {
    background: #f1ff9d;
}
.status-page
    .status-heading-section__filter
    .select__option
    .status._risk::before {
    background: #f5c48a;
}
.status-page
    .status-heading-section__filter
    .select__option
    .status._not-recommend::before {
    background: #ff8a8a;
}

/* ============ Legend card v2 — premium grid ============ */
.cheat-statuses__header {
    background: linear-gradient(
        180deg,
        rgba(29, 37, 51, 0.55),
        rgba(23, 29, 40, 0.35)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 18px !important;
    padding: 22px 26px !important;
    margin-bottom: 16px;
    display: grid !important;
    grid-template-columns: auto 1fr;
    gap: 24px;
    align-items: center;
}
.cheat-statuses__header > p {
    margin: 0 !important;
    font-family: "Mazzard H", sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.55) !important;
    line-height: 1.4;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    padding-right: 24px;
}
.cheat-statuses__header__all-statuses {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    flex: 1;
}
.cheat-statuses__header__all-statuses .status {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-left: 3px solid currentColor !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: center;
    gap: 0;
    min-height: 46px;
    transition:
        background 0.2s,
        border-color 0.2s;
}
.cheat-statuses__header__all-statuses .status:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}
.cheat-statuses__header__all-statuses .status._recommend {
    border-left-color: #8af59b !important;
    color: rgba(255, 255, 255, 0.92) !important;
}
.cheat-statuses__header__all-statuses .status._on-update {
    border-left-color: #f1ff9d !important;
    color: rgba(255, 255, 255, 0.92) !important;
}
.cheat-statuses__header__all-statuses .status._risk {
    border-left-color: #f5c48a !important;
    color: rgba(255, 255, 255, 0.92) !important;
}
.cheat-statuses__header__all-statuses .status._not-recommend {
    border-left-color: #ff8a8a !important;
    color: rgba(255, 255, 255, 0.92) !important;
}

@media (max-width: 899px) {
    .cheat-statuses__header {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }
    .cheat-statuses__header > p {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        padding: 0 0 12px !important;
    }
    .cheat-statuses__header__all-statuses {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 599px) {
    .cheat-statuses__header__all-statuses {
        grid-template-columns: 1fr;
    }
    .status-page .status-heading-section__filter {
        flex-direction: column;
        padding: 5px !important;
    }
    .status-page .status-heading-section__filter .select {
        min-width: 0;
        width: 100%;
    }
}

/* ================================================================== */
/*  Selector v3 — clean options with left-accent, no overlapping dots  */
/* ================================================================== */

/* Trigger: simple status text + chevron, no awkward dot */
.status-page .status-heading-section__filter .select__selected .status::before {
    display: none !important;
}
.status-page .status-heading-section__filter .select__selected .status {
    border-left: 3px solid currentColor !important;
    padding-left: 12px !important;
}
.status-page
    .status-heading-section__filter
    .select__selected
    .status._recommend {
    border-left-color: #8af59b !important;
}
.status-page
    .status-heading-section__filter
    .select__selected
    .status._on-update {
    border-left-color: #f1ff9d !important;
}
.status-page .status-heading-section__filter .select__selected .status._risk {
    border-left-color: #f5c48a !important;
}
.status-page
    .status-heading-section__filter
    .select__selected
    .status._not-recommend {
    border-left-color: #ff8a8a !important;
}

/* Options: each row gets a left-accent + clean label */
.status-page .status-heading-section__filter .select__option {
    padding: 0 !important;
    border-radius: 9px !important;
    overflow: hidden;
    margin: 2px 0;
}
.status-page .status-heading-section__filter .select__option .status {
    width: 100%;
    border: 0 !important;
    border-left: 3px solid currentColor !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 12px 14px 12px 14px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    transition:
        background 0.15s,
        color 0.15s;
}
/* Kill any inherited ::before dots */
.status-page .status-heading-section__filter .select__option .status::before {
    display: none !important;
    content: none !important;
}
.status-page .status-heading-section__filter .select__option:hover {
    background: rgba(132, 86, 255, 0.1) !important;
}
.status-page .status-heading-section__filter .select__option:hover .status {
    color: #fff !important;
}
.status-page .status-heading-section__filter .select__option._active {
    background: rgba(132, 86, 255, 0.16) !important;
}
.status-page .status-heading-section__filter .select__option._active .status {
    color: #fff !important;
}
/* Per-status left-accent colours */
.status-page
    .status-heading-section__filter
    .select__option
    .status._recommend {
    border-left-color: #8af59b !important;
}
.status-page
    .status-heading-section__filter
    .select__option
    .status._on-update {
    border-left-color: #f1ff9d !important;
}
.status-page .status-heading-section__filter .select__option .status._risk {
    border-left-color: #f5c48a !important;
}
.status-page
    .status-heading-section__filter
    .select__option
    .status._not-recommend {
    border-left-color: #ff8a8a !important;
}

/* Home page GSAP — handled fully in animations.js now. No CSS overrides. */

/* ================================================================== */
/*  /status — clean custom select (rewrite)                            */
/* ================================================================== */
.status-heading-section__filter .select,
.status-heading-section__filter select {
    display: none !important;
}
.st-select {
    position: relative;
    display: inline-flex;
    min-width: 280px;
    font-family: inherit;
    user-select: none;
}
.st-select__trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 16px;
    background: #161b24;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    color: #fff;
    font: 500 14px/1.2 inherit;
    cursor: pointer;
    transition:
        border-color 0.18s ease,
        background 0.18s ease;
}
.st-select__trigger:hover {
    border-color: rgba(255, 255, 255, 0.18);
    background: #1a212c;
}
.st-select.is-open .st-select__trigger {
    border-color: #8456ff;
    background: #1a212c;
}
.st-select__bar {
    flex: 0 0 auto;
    display: inline-block;
    width: 3px;
    height: 16px;
    border-radius: 2px;
    background: #8af59b;
}
.st-select__bar--recommend {
    background: #8af59b;
}
.st-select__bar--risk {
    background: #f5c48a;
}
.st-select__bar--on-update {
    background: #f1ff9d;
}
.st-select__bar--not-recommend {
    background: #ff8a8a;
}
.st-select__value {
    flex: 1 1 auto;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.st-select__chev {
    flex: 0 0 auto;
    display: block;
    width: 14px;
    height: 14px;
    color: rgba(255, 255, 255, 0.55);
    transition:
        transform 0.2s ease,
        color 0.18s ease;
}
.st-select.is-open .st-select__chev {
    transform: rotate(180deg);
    color: #fff;
}
.st-select__menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #161b24;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 6px;
    z-index: 50;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.st-select__menu[hidden] {
    display: none;
}
.st-select__opt {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    background: transparent;
    color: #fff;
    border-radius: 10px;
    cursor: pointer;
    text-align: left;
    font: 500 14px/1.2 inherit;
    transition: background 0.15s ease;
}
.st-select__opt:hover {
    background: rgba(255, 255, 255, 0.05);
}
.st-select__opt.is-active {
    background: rgba(132, 86, 255, 0.14);
}
.st-select__opt-label {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 600px) {
    .st-select {
        min-width: 0;
        width: 100%;
    }
}

/* ================================================================== */
/*  /about timeline — kill legacy dotted segments + perfect line       */
/* ================================================================== */
/* Legacy CSS draws a dotted ::before on each slide :not(:last-child)
   with top:9px right:-81px — creating broken segments between slides.
   Remove them entirely; the slider::before below provides one clean line. */
.about-section__history__slide:not(:last-child)::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
}
.about-section__history__slide:not(:last-child) {
    margin-right: 0 !important;
}
.about-section__history__slide.swiper-slide {
    width: auto !important;
}

/* Single continuous line — span swiper-wrapper full width, sit exactly
   on dot vertical center. Slide padding-top:8px, dot height 10px → center 13px */
.about-section__history__slider {
    position: relative !important;
    overflow: visible !important;
    padding: 8px 0 0 !important;
}
.about-section__history__slider::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    top: 13px !important;
    height: 2px !important;
    background: linear-gradient(
        90deg,
        rgba(132, 86, 255, 0) 0%,
        rgba(132, 86, 255, 0.32) 8%,
        rgba(132, 86, 255, 0.32) 92%,
        rgba(132, 86, 255, 0) 100%
    ) !important;
    border: 0 !important;
    border-radius: 1px !important;
    z-index: 0;
    pointer-events: none;
}
.about-section__history__slide {
    padding: 0 14px 4px !important;
    position: relative !important;
    background: transparent !important;
}
.about-section__history__slide .point {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #a98aff !important;
    border: 0 !important;
    box-shadow:
        0 0 0 3px #171d28,
        0 0 10px rgba(169, 138, 255, 0.45) !important;
    margin: 8px 0 18px !important;
    position: relative !important;
    z-index: 2 !important;
}
.about-section__history__slide .point::before,
.about-section__history__slide .point::after {
    content: none !important;
    display: none !important;
}

/* /status select — "Все статусы" neutral bar */
.st-select__bar--all {
    background: linear-gradient(
        180deg,
        #8af59b 0%,
        #f1ff9d 33%,
        #f5c48a 66%,
        #ff8a8a 100%
    );
}

/* ================================================================== */
/*  /about — history timeline: kill swiper layout on desktop, use grid */
/* ================================================================== */
@media (min-width: 768px) {
    .about-section__history__slider {
        overflow: visible !important;
        padding: 14px 8px 4px !important;
        position: relative !important;
    }
    /* Force grid layout — 4 equal columns regardless of swiper inline styles */
    .about-section__history__slider .swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 24px !important;
        transform: none !important;
        width: 100% !important;
        align-items: flex-start !important;
    }
    .about-section__history__slider .swiper-slide {
        width: auto !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }
    .about-section__history__slide {
        padding: 0 !important;
        background: transparent !important;
        position: relative !important;
    }
    /* Single clean line — spans from first dot center to last dot center.
       4 cols, gap 24px, slides equal width. Dot is 10px, centered at start
       of each slide. Line goes from col1-center to col4-center.
       col-width = (100% - 3*24px) / 4, dot center = 5px from slide left.
       So left = 5px, right = 5px is wrong — last col spans full last column.
       Use simpler: line under all dots, left:5px to right:5px. */
    .about-section__history__slider::before {
        content: "" !important;
        position: absolute !important;
        left: 13px !important;
        right: 13px !important;
        top: 19px !important;
        height: 2px !important;
        background: linear-gradient(
            90deg,
            rgba(132, 86, 255, 0.45) 0%,
            rgba(132, 86, 255, 0.45) 100%
        ) !important;
        border-radius: 1px !important;
        z-index: 0;
        pointer-events: none;
    }
    .about-section__history__slide .point {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;
        background: #a98aff !important;
        border: 0 !important;
        box-shadow:
            0 0 0 4px #171d28,
            0 0 12px rgba(169, 138, 255, 0.5) !important;
        margin: 0 0 16px !important;
        position: relative !important;
        z-index: 2 !important;
    }
    /* Hide swiper nav arrows on desktop — grid has no need for them */
    .about-section__history__prev-btn,
    .about-section__history__next-btn {
        display: none !important;
    }
}
/* Mobile: keep swiper but make line span container with single soft line */
@media (max-width: 767px) {
    .about-section__history__slider::before {
        left: 8px !important;
        right: 8px !important;
        background: rgba(132, 86, 255, 0.35) !important;
    }
}

/* ================================================================== */
/*  Auth / Register / Reset password — modern modal redesign           */
/* ================================================================== */
.popup#auth .popup__inner,
.popup#register .popup__inner,
.popup#resetPass .popup__inner {
    padding: 36px 36px 28px !important;
    width: 460px !important;
    max-width: calc(100% - 32px) !important;
    background:
        radial-gradient(
            120% 80% at 50% -10%,
            rgba(132, 86, 255, 0.18) 0%,
            rgba(132, 86, 255, 0) 60%
        ),
        linear-gradient(180deg, #181f2c 0%, #131923 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 22px !important;
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(132, 86, 255, 0.08) inset !important;
    overflow: hidden;
}
/* Subtle decorative glow inside top */
.popup#auth .popup__inner::before,
.popup#register .popup__inner::before,
.popup#resetPass .popup__inner::before {
    content: "";
    position: absolute;
    top: -40%;
    left: 50%;
    transform: translateX(-50%);
    width: 380px;
    height: 380px;
    background: radial-gradient(
        circle,
        rgba(132, 86, 255, 0.18) 0%,
        rgba(132, 86, 255, 0) 60%
    );
    pointer-events: none;
    z-index: 0;
}
.popup#auth .popup__inner > *:not(.popup__close),
.popup#register .popup__inner > *:not(.popup__close),
.popup#resetPass .popup__inner > *:not(.popup__close) {
    position: relative;
    z-index: 1;
}
/* Close button must stay absolute + above the decorative glow */
.popup#auth .popup__close,
.popup#register .popup__close,
.popup#resetPass .popup__close {
    position: absolute !important;
    z-index: 10 !important;
}

/* Caption with badge above */
.popup#auth .popup__caption,
.popup#register .popup__caption,
.popup#resetPass .popup__caption {
    margin: 6px 0 24px !important;
    text-transform: none !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
    color: #fff !important;
}
/* User icon-badge removed per request */
.popup#auth .popup__caption::before,
.popup#register .popup__caption::before,
.popup#resetPass .popup__caption::before {
    content: none !important;
    display: none !important;
}

/* Close button — refined */
.popup#auth .popup__close,
.popup#register .popup__close,
.popup#resetPass .popup__close {
    right: 18px !important;
    top: 18px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition:
        background 0.18s ease,
        border-color 0.18s ease !important;
}
.popup#auth .popup__close:hover,
.popup#register .popup__close:hover,
.popup#resetPass .popup__close:hover {
    background: rgba(132, 86, 255, 0.14) !important;
    border-color: rgba(132, 86, 255, 0.35) !important;
}
.popup#auth .popup__close svg,
.popup#register .popup__close svg,
.popup#resetPass .popup__close svg {
    width: 14px !important;
    height: 14px !important;
    color: rgba(255, 255, 255, 0.75);
}

/* Input fields — modern with focus glow */
.popup#auth .input-block,
.popup#register .input-block,
.popup#resetPass .input-block {
    margin-bottom: 14px !important;
}
.popup#auth .input-block__label,
.popup#register .input-block__label,
.popup#resetPass .input-block__label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-bottom: 8px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.popup#auth .input-block__label-link,
.popup#register .input-block__label-link,
.popup#resetPass .input-block__label-link {
    font-size: 12px !important;
    color: #cbb6ff !important;
    text-decoration: none !important;
    transition: color 0.18s ease;
}
.popup#auth .input-block__label-link:hover,
.popup#register .input-block__label-link:hover,
.popup#resetPass .input-block__label-link:hover {
    color: #fff !important;
}
.popup#auth .input-block__input,
.popup#register .input-block__input,
.popup#resetPass .input-block__input {
    height: 50px !important;
    background: #0f141d !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 12px !important;
    padding: 0 16px !important;
    color: #fff !important;
    font-size: 15px !important;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease !important;
}
.popup#auth .input-block__input::placeholder,
.popup#register .input-block__input::placeholder,
.popup#resetPass .input-block__input::placeholder {
    color: rgba(255, 255, 255, 0.32) !important;
}
.popup#auth .input-block__input:focus,
.popup#register .input-block__input:focus,
.popup#resetPass .input-block__input:focus {
    background: #131927 !important;
    border-color: rgba(132, 86, 255, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(132, 86, 255, 0.14) !important;
    outline: none !important;
}
.popup#auth .input-block__showHide-btn,
.popup#register .input-block__showHide-btn,
.popup#resetPass .input-block__showHide-btn {
    right: 14px !important;
    opacity: 0.55 !important;
    transition: opacity 0.18s ease !important;
}
.popup#auth .input-block__showHide-btn:hover,
.popup#register .input-block__showHide-btn:hover,
.popup#resetPass .input-block__showHide-btn:hover {
    opacity: 1 !important;
}

/* Primary CTA — gradient + arrow + glow */
.popup#auth .popup__submit-btn.btn-accent,
.popup#register .popup__submit-btn.btn-accent,
.popup#resetPass .popup__submit-btn.btn-accent {
    height: 52px !important;
    margin: 18px 0 0 !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    background: linear-gradient(180deg, #9468ff 0%, #7a4eff 100%) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow:
        0 12px 28px rgba(132, 86, 255, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transition:
        transform 0.15s ease,
        box-shadow 0.18s ease,
        filter 0.15s ease !important;
}
.popup#auth .popup__submit-btn.btn-accent:hover,
.popup#register .popup__submit-btn.btn-accent:hover,
.popup#resetPass .popup__submit-btn.btn-accent:hover {
    transform: translateY(-1px);
    box-shadow:
        0 16px 36px rgba(132, 86, 255, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    filter: brightness(1.05);
}
.popup#auth .popup__submit-btn.btn-accent:active,
.popup#register .popup__submit-btn.btn-accent:active,
.popup#resetPass .popup__submit-btn.btn-accent:active {
    transform: translateY(0);
}

/* Divider "или" — replace ugly hr */
.popup#auth hr,
.popup#register hr,
.popup#resetPass hr {
    border: 0 !important;
    margin: 22px 0 14px !important;
    height: 1px !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.08) 30%,
        rgba(255, 255, 255, 0.08) 70%,
        transparent
    ) !important;
    position: relative;
    overflow: visible;
}
.popup#auth hr::after,
.popup#register hr::after,
.popup#resetPass hr::after {
    content: "или";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 12px;
    background: #161c28;
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Yandex / OAuth secondary buttons */
.popup#auth .btn-yandex.popup__submit-btn,
.popup#register .btn-yandex.popup__submit-btn,
.popup#resetPass .btn-yandex.popup__submit-btn {
    height: 48px !important;
    margin: 8px 0 0 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition:
        background 0.18s ease,
        border-color 0.18s ease !important;
}
.popup#auth .btn-yandex.popup__submit-btn:hover,
.popup#register .btn-yandex.popup__submit-btn:hover,
.popup#resetPass .btn-yandex.popup__submit-btn:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}
.popup#auth .popup__tg-login,
.popup#register .popup__tg-login,
.popup#resetPass .popup__tg-login {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

/* Hints + notes */
.popup#auth .popup__hint,
.popup#register .popup__hint,
.popup#resetPass .popup__hint {
    margin-top: 20px !important;
    text-align: center;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.55);
}
.popup#auth .popup__hint__btn,
.popup#register .popup__hint__btn,
.popup#resetPass .popup__hint__btn {
    color: #cbb6ff !important;
    font-weight: 600 !important;
    transition: color 0.18s ease;
}
.popup#auth .popup__hint__btn:hover,
.popup#register .popup__hint__btn:hover,
.popup#resetPass .popup__hint__btn:hover {
    color: #fff !important;
}
.popup#auth .popup__note,
.popup#register .popup__note,
.popup#resetPass .popup__note {
    text-align: center !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.35) !important;
    margin-top: 12px !important;
}

/* Captcha center */
.popup#auth .h-captcha,
.popup#register .h-captcha {
    margin: 14px auto 0 !important;
}

/* Mobile tweaks */
@media (max-width: 480px) {
    .popup#auth .popup__inner,
    .popup#register .popup__inner,
    .popup#resetPass .popup__inner {
        padding: 28px 22px 22px !important;
        border-radius: 18px !important;
    }
    .popup#auth .popup__caption,
    .popup#register .popup__caption,
    .popup#resetPass .popup__caption {
        font-size: 21px !important;
        margin-bottom: 18px !important;
    }
}

/* Override inline styles from blade <button style="margin-top:20px..."> */
.popup#auth .btn.popup__submit-btn[style],
.popup#register .btn.popup__submit-btn[style],
.popup#resetPass .btn.popup__submit-btn[style] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.popup#auth .btn-accent.popup__submit-btn[style],
.popup#register .btn-accent.popup__submit-btn[style],
.popup#resetPass .btn-accent.popup__submit-btn[style] {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
}

/* Sticky header reverted — keep original behavior from base CSS. */

/* ================================================================== */
/*  FAQ — HACKEXE-style dark accordion cards w/ accent ring on open    */
/* ================================================================== */
.faq {
    padding: 60px 0 80px;
}
.faq__container,
.faq .accordion-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 920px;
    margin: 0 auto;
}
.faq .accordion {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.025),
        rgba(255, 255, 255, 0.012)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 16px !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease !important;
}
.faq .accordion:hover {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.04),
        rgba(255, 255, 255, 0.018)
    ) !important;
}
.faq .accordion._active,
.faq .accordion.is-open,
.faq .accordion.active {
    border-color: rgba(132, 86, 255, 0.45) !important;
    box-shadow:
        0 0 0 3px rgba(132, 86, 255, 0.1),
        0 10px 28px rgba(0, 0, 0, 0.32) !important;
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.06),
        rgba(255, 255, 255, 0.015)
    ) !important;
}
.faq .accordion__header {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px 22px !important;
    cursor: pointer;
}
.faq .accordion__header::before {
    content: "";
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #181f2c;
    border: 1px solid rgba(255, 255, 255, 0.07);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14' fill='none' stroke='%23cbb6ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    transition:
        transform 0.3s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
}
.faq .accordion._active .accordion__header::before,
.faq .accordion.is-open .accordion__header::before {
    background-color: rgba(132, 86, 255, 0.14);
    border-color: rgba(132, 86, 255, 0.45);
}
.faq .accordion__header__content {
    flex: 1 1 auto;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #fff !important;
    line-height: 1.4;
    letter-spacing: -0.005em;
}
/* Chevron toggle — clean, rotates on open */
.faq .accordion__header__btn {
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    position: relative;
    transition:
        transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1),
        background 0.25s ease,
        border-color 0.25s ease;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='12' height='12' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.faq .accordion__header__btn::before,
.faq .accordion__header__btn::after {
    content: none !important;
    display: none !important;
}
.faq .accordion._active .accordion__header__btn,
.faq .accordion.is-open .accordion__header__btn {
    transform: rotate(180deg);
    background-color: rgba(132, 86, 255, 0.16) !important;
    border-color: rgba(132, 86, 255, 0.4) !important;
}
/* FAQ answer body — defaults only. NO !important + no wildcard inherit
   so admin rich-text (inline styles like font-size, color) can override. */
.faq .accordion__body__content {
    color: rgba(255, 255, 255, .7);
    font-family: "Mazzard H", "Mazzard M", sans-serif;
    font-size: 16px;
    line-height: 1.65;
}
.faq .accordion__body__content p{margin:0 0 8px}
.faq .accordion__body__content p:last-child{margin-bottom:0}
.faq__title {
    font-family: "Mazzard M", sans-serif;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: -0.015em;
    text-align: center;
    margin: 8px 0 6px;
}
.faq__subtitle {
    text-align: center;
    color: rgba(255, 255, 255, 0.55);
    font-size: 15px;
    margin: 0 0 28px;
}
/* FAQ badge — mirror the reviews__badge style (big purple circle + label) */
.faq {
    text-align: center;
}
.faq .content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.faq .content > *:not(.faq__container) {
    margin-left: auto;
    margin-right: auto;
}
.faq__container {
    width: 100%;
    text-align: left;
}
.faq__badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 12px 25px 12px 15px !important;
    border-radius: 18px !important;
    background-color: #1a2431 !important;
    border: 0 !important;
    margin: 0 auto 18px !important;
    width: auto !important;
    color: #fff !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.faq__badge-icon {
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: linear-gradient(
        166.41deg,
        #8456ff 9.73%,
        #8e4cd7 102.08%
    ) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
}
.faq__badge-icon img {
    width: 21px !important;
    height: 21px !important;
    object-fit: contain !important;
    filter: none !important;
}
.faq__badge-text {
    font-family: "Mazzard H", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #fff !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
@media (max-width: 600px) {
    .faq__title {
        font-size: 24px;
    }
    .faq .accordion__header {
        padding: 14px 16px !important;
        gap: 10px !important;
    }
    .faq .accordion__header__content {
        font-size: 14px !important;
    }
}

/* ================================================================== */
/*  REVIEWS — move "all reviews" button below grid (full width)        */
/* ================================================================== */
.reviews .reviews__top {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
}
.reviews .reviews__all {
    display: none !important;
}
/* Append a copy below grid */
.reviews .content {
    position: relative;
}
.reviews-grid + .reviews__all-bottom,
.reviews__all-bottom {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 32px auto 0;
    padding: 14px 28px;
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.18),
        rgba(132, 86, 255, 0.06)
    );
    border: 1px solid rgba(132, 86, 255, 0.32);
    border-radius: 999px;
    color: #fff !important;
    font-family: "Mazzard M", sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none !important;
    transition:
        transform 0.18s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
    box-shadow: 0 8px 24px rgba(132, 86, 255, 0.18);
}
.reviews .content {
    display: flex;
    flex-direction: column;
}
.reviews-grid + .reviews__all-bottom {
    margin-left: auto;
    margin-right: auto;
}
.reviews__all-bottom:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(132, 86, 255, 0.32);
    background: linear-gradient(
        180deg,
        rgba(132, 86, 255, 0.26),
        rgba(132, 86, 255, 0.1)
    );
}
.reviews__all-bottom svg,
.reviews__all-bottom img {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

/* ================================================================== */
/*  MOBILE: hide hero images on cheat / category pages                 */
/* ================================================================== */
@media (max-width: 768px) {
    .game-hero__image,
    .main-section1__inner > .main-section1__image,
    .hero__image {
        display: none !important;
    }
    /* cheat-block__slider (product gallery) stays visible on mobile */
    .game-hero {
        padding-top: 180px !important;
        text-align: left;
    }
    .game-hero__title {
        font-size: 26px !important;
        line-height: 1.2 !important;
    }
    .game-hero__desc {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
    .game-hero__count {
        font-size: 14px !important;
    }
}

/* ================================================================== */
/*  TOP-UP balance modal — apply payment-method styles (reuses popup--pay) */
/* ================================================================== */
.popup--pay #topup-payments-methods .popup__payment-method {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important;
    min-height: 60px !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    margin-bottom: 8px;
    width: 100% !important;
    cursor: pointer;
    transition:
        border-color 0.18s ease,
        background 0.18s ease !important;
}
.popup--pay #topup-payments-methods .popup__payment-method:hover {
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
.popup--pay #topup-payments-methods input[type="radio"] {
    display: none !important;
}
.popup--pay
    #topup-payments-methods
    input[type="radio"]:checked
    + .popup__payment-method {
    background: rgba(132, 86, 255, 0.08) !important;
    border-color: rgba(132, 86, 255, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(132, 86, 255, 0.08) !important;
}
.popup--pay #topup-payments-methods .popup__payment-method__icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #0f141c !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    overflow: hidden;
}
.popup--pay #topup-payments-methods .popup__payment-method__icon img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
}
.popup--pay #topup-payments-methods .popup__payment-method__name {
    flex: 1 !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #fff !important;
    text-align: left !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}
.popup--pay #topup-payments-methods .popup__payment-method__hint,
.popup--pay #topup-payments-methods .popup__payment-method__custom-info {
    position: static !important;
    flex-shrink: 0;
    padding: 4px 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 999px !important;
    font-family: "Mazzard M", sans-serif !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    color: rgba(255, 255, 255, 0.55) !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2 !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
}
.popup--pay #topup-payments-methods .popup__payment-method__chev {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.4);
    margin-left: 4px;
    transition:
        transform 0.2s,
        color 0.2s;
}
.popup--pay
    #topup-payments-methods
    .popup__payment-method--aggregator:hover
    .popup__payment-method__chev {
    color: #fff;
    transform: translateX(2px);
}
.popup--pay #topup-payments-methods .popup__payment-method::after {
    display: none !important;
}
.popup--pay #topup-payments-methods .popup__payment-method__back {
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    font-size: 13px;
}
.popup--pay #topup-payments-methods .popup__payment-method__back:hover {
    color: #fff;
}

/* topup sum input — match payment design */
.popup--pay #replenishment .input-block__input {
    height: 56px !important;
    background: #0f141d !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 14px !important;
    padding: 0 18px !important;
    color: #fff !important;
    font-size: 18px !important;
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}
.popup--pay #replenishment .input-block__input:focus {
    border-color: rgba(132, 86, 255, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(132, 86, 255, 0.14) !important;
    outline: none !important;
}

/* ================================================================== */
/*  Interactive background — soft particle/glow canvas                 */
/* ================================================================== */
/* Starfield — true background, behind ALL content. Click-through. */
/* Trick: page bg moves to <html>, <body> becomes transparent.
   Canvas at z:-1 paints between html-bg and body content. */
html{ background-color:#0a0e15 !important }
body{ background-color:transparent !important }
#bg-fx {
    position: fixed;
    inset: 0;
    z-index: -1 !important;
    pointer-events: none;
    opacity: 0.85;
}
@media (prefers-reduced-motion: reduce) {
    #bg-fx {
        display: none;
    }
}

/* Mobile header tweaks reverted along with sticky header. */

/* ================================================================== */
/*  Header — always fixed (no jumps), frosted bg appears on scroll      */
/* ================================================================== */
/* Header is always fixed at top, full width, transparent at y=0.
   At y>40 the .is-scrolled class adds a subtle frosted backdrop,
   thin bottom border, and soft shadow. No size/position jumps. */
.header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    background: transparent;
    border-bottom: 1px solid transparent;
    box-shadow: 0 0 0 0 transparent;
    -webkit-backdrop-filter: blur(0) saturate(100%);
    backdrop-filter: blur(0) saturate(100%);
    z-index: 1000;
    transition:
        background 0.35s cubic-bezier(0.2, 0.7, 0.2, 1),
        backdrop-filter 0.35s ease,
        -webkit-backdrop-filter 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        height 0.35s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
}
/* When scrolled — tight slim bar (~64px total), very subtle backdrop */
.header.is-scrolled {
    height: 64px !important; /* shrink the WHOLE header, not just container */
    background: rgba(15, 19, 28, 0.55) !important;
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    border-bottom-color: rgba(255, 255, 255, 0.04) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22) !important;
}
.header.is-scrolled .header__container {
    height: 64px !important; /* matches outer header height — no empty space below */
}
.header__container {
    transition: height 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.header.is-scrolled .header__logo img {
    transform: scale(0.85);
    transform-origin: left center;
}
.header__logo img {
    transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* Mega-menu must sit above the header */
.header__mega {
    z-index: 1001;
}

@media (max-width: 768px) {
    .header.is-scrolled {
        height: 52px !important;
    }
    .header.is-scrolled .header__container {
        height: 52px !important;
    }
}

/* ================================================================== */
/*  "Смотреть весь каталог" button — purple gradient pill w/ glow      */
/* ================================================================== */
/* Ensure glow isn't clipped by parent sections */
.catalog,
.catalog .content,
.catalog__more-wrap,
.reviews__more-wrap {
    overflow: visible !important;
}
.catalog__more-wrap,
.reviews__more-wrap {
    margin-top: 48px !important;
    padding-bottom: 24px; /* breathing room so shadow isn't cut */
}

/* Section-more-btn — bigger, Mazzard H font (NOT uppercase), neon only on hover */
.section-more-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    padding: 20px 44px !important;
    background: linear-gradient(180deg, #9468ff 0%, #7a4eff 100%) !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-family: "Mazzard H", "Mazzard M", sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.3s ease,
        filter 0.2s ease,
        background 0.3s ease !important;
    position: relative;
}
.section-more-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 18px 44px rgba(132, 86, 255, 0.55),
        0 6px 18px rgba(132, 86, 255, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    filter: brightness(1.06);
    background: linear-gradient(180deg, #a07cff 0%, #8557ff 100%) !important;
}
.section-more-btn:active {
    transform: translateY(0) !important;
}

/* Arrow icon — clean, slides on hover */
.section-more-btn img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
}
.section-more-btn:hover img {
    transform: translateX(6px) !important;
}

@media (max-width: 600px) {
    .section-more-btn {
        padding: 16px 30px !important;
        font-size: 16px !important;
        gap: 12px !important;
    }
    .section-more-btn img {
        width: 18px !important;
        height: 18px !important;
    }
}

/* ==================================================================== */
/*  MOBILE MENU + SEARCH — clean rewrite (single source of truth)        */
/* ==================================================================== */
/*  Replaces all prior patch blocks. Architecture:
    - Both overlays open as fixed panels starting at top: var(--header-height).
    - Header itself stays visible above (z:1000); its burger X / search-X
      buttons close the overlays. No conflicting fullscreen / z:998 hacks.
    - State classes (JS-driven): ._active on .header__menu, ._visible on
      .header__search (fullscreen), ._active on .header__search (results).   */
@media (max-width: 1023px) {
    /* --- Header container — flex order so right side never collapses --- */
    .header__container {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        /* No z-index here — let the burger/login/etc each lift above the overlays.
           Without z-index on container, the overlay (position:fixed, z:50) escapes
           the container’s stacking and sits properly above page content. */
    }
    .header__lang {
        order: 3;
        margin: 0 !important;
        position: relative !important;
        z-index: 100 !important;
    }
    .header__search-btn {
        order: 4;
        margin: 0 !important;
        position: relative !important;
        z-index: 100 !important;
    }
    .header__login {
        order: 5;
        margin: 0 !important;
        flex-shrink: 0 !important;
        position: relative !important;
        z-index: 100 !important;
    }
    .header__hamburger {
        order: 6;
        margin: 0 !important;
        flex-shrink: 0 !important;
        position: relative !important;
        z-index: 100 !important;
    }
    .header__logo {
        position: relative !important;
        z-index: 100 !important;
    }

    /* --- MENU overlay — slides down from under the header --- */
    .header__menu {
        position: fixed !important;
        top: var(--header-height) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: calc(100vh - var(--header-height)) !important;
        margin: 0 !important;
        padding: 24px 18px 32px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        background: #0b0f16 !important; /* solid opaque dark — guaranteed to cover */
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        z-index: 50 !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px);
        transition:
            opacity 0.25s ease,
            transform 0.25s ease,
            visibility 0.25s !important;
    }
    .header__menu._active {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }
    /* Items — uniform card rows, no legacy stagger animation */
    .header__menu__item {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        margin: 0 !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .header__menu__item > a,
    .header__menu__pill {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 14px !important;
        width: 100% !important;
        padding: 16px 18px !important;
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(255, 255, 255, 0.06) !important;
        border-radius: 14px !important;
        color: #fff !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        text-align: left !important;
        transition:
            background 0.18s ease,
            border-color 0.18s ease !important;
    }
    .header__menu__item > a:hover,
    .header__menu__pill:hover {
        background: rgba(132, 86, 255, 0.1) !important;
        border-color: rgba(132, 86, 255, 0.3) !important;
    }
    /* Mega-menu (catalog dropdown) — inline under its pill */
    .header__mega {
        position: static !important;
        width: 100% !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin-top: 6px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
    .header__menu__item--dropdown:not(.is-open) .header__mega {
        display: none !important;
    }
    .header__mega__grid {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    /* --- SEARCH overlay — slides down from under the header --- */
    .header__search {
        position: fixed !important;
        top: var(--header-height) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: calc(100vh - var(--header-height)) !important;
        margin: 0 !important;
        padding: 18px 18px 24px !important;
        background: #0b0f16 !important; /* solid opaque dark — guaranteed to cover */
        z-index: 50 !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-10px);
        transition:
            opacity 0.25s ease,
            transform 0.25s ease,
            visibility 0.25s !important;
        display: block !important;
    }
    .header__search._visible {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }
    /* Input — full-width pill */
    .header__search__input {
        position: relative !important;
        width: 100% !important;
        height: 54px !important;
        padding: 0 56px 0 20px !important;
        background: rgba(255, 255, 255, 0.04) !important;
        border: 1px solid rgba(255, 255, 255, 0.07) !important;
        border-radius: 14px !important;
        color: #fff !important;
        font-size: 15px !important;
        outline: none !important;
    }
    .header__search__input:focus {
        border-color: rgba(132, 86, 255, 0.4) !important;
        background: rgba(255, 255, 255, 0.06) !important;
    }
    /* Reset btn — anchored to right edge of the input.
       Form padding-top:18px + (54-36)/2 = 27px */
    .header__search-reset-btn {
        display: block !important;
        position: absolute !important;
        right: 28px !important;
        top: 27px !important;
        width: 36px !important;
        height: 36px !important;
        background-color: rgba(255, 255, 255, 0.05) !important;
        border-radius: 10px !important;
        background-size: 12px 12px !important;
        transform: none !important;
    }
    .header__search-reset-btn:hover {
        background-color: rgba(132, 86, 255, 0.18) !important;
    }
    /* Results dropdown — inline below input */
    .header__search__inner {
        position: static !important;
        margin-top: 12px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        max-height: calc(100vh - var(--header-height) - 120px) !important;
        overflow-y: auto !important;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease !important;
    }
    .header__search._active .header__search__inner {
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    /* Background overlay — handled by .header__search bg itself */
    .header__search__overlay {
        display: none !important;
    }
}

/* Desktop ≥1024 — original layout untouched */

/* ================================================================== */
/*  Mobile menu / mega-menu — clean single chevron (kill duplicates)   */
/* ================================================================== */
@media (max-width: 1023px) {
    /* Wipe ALL legacy and double arrows from menu rows + mega cards */
    .header__menu__item a::after,
    .header__menu__item a::before,
    .header__menu__pill::after,
    .header__mega__card::after,
    .header__mega__card::before {
        content: none !important;
        display: none !important;
        border: 0 !important;
        background: none !important;
    }

    /* One clean SVG chevron at the right edge of EVERY menu row and
       every mega-card. Uses ::after on the <a> itself. */
    .header__menu__item > a,
    .header__mega__card {
        position: relative !important;
        padding-right: 42px !important;
    }
    .header__menu__item > a::after,
    .header__mega__card::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        right: 14px !important;
        top: 50% !important;
        width: 16px;
        height: 16px;
        transform: translateY(-50%) !important;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='.55' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 6 15 12 9 18'/></svg>")
            center/contain no-repeat !important;
        border: 0 !important;
        transition:
            transform 0.2s ease,
            opacity 0.2s ease !important;
        opacity: 0.85;
    }
    .header__menu__item > a:hover::after,
    .header__mega__card:hover::after {
        transform: translate(3px, -50%) !important;
        opacity: 1;
    }
}

/* ==================================================================== */
/*  FOOTER — polish + adaptive (clean rewrite)                          */
/* ==================================================================== */
/* Override premium-polish block above with cleaner layout + better
   responsive stacking. Layout: logo on left, menu in center, TG btn on
   right. On mobile: stack vertically with consistent spacing. */
.footer{
    margin-top:80px !important;
    padding:36px 0 22px !important;
    background:
        linear-gradient(180deg, transparent 0%, rgba(132,86,255,.025) 30%, rgba(11,15,22,.85) 100%) !important;
    border-top:1px solid rgba(255,255,255,.05) !important;
    position:relative;
}
/* Subtle accent line at the very top of the footer */
.footer::before{
    content:"";position:absolute;
    top:-1px;left:50%;transform:translateX(-50%);
    width:min(420px, 70%);height:1px;
    background:linear-gradient(90deg, transparent, rgba(132,86,255,.4), transparent);
    pointer-events:none;
}
.footer__container{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:32px !important;
    flex-wrap:wrap !important;
    padding-bottom:28px !important;
    margin-bottom:18px !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
}
.footer__logo{
    display:inline-flex;align-items:center;
    flex-shrink:0;
    transition:transform .25s ease, filter .25s ease;
}
.footer__logo:hover{
    transform:translateY(-1px);
    filter:drop-shadow(0 0 12px rgba(132,86,255,.4));
}
.footer__logo img{
    width:auto !important;height:42px !important;
    object-fit:contain !important;
    max-width:none !important;
}
.footer__menu{
    display:flex !important;
    gap:8px !important;
    list-style:none;
    margin:0 !important;padding:0 !important;
    flex-wrap:wrap !important;
    justify-content:center;
    flex:1 1 auto;
}
.footer__menu__item{
    padding:0 !important;
    margin:0 !important;
}
.footer__menu__item:not(:last-child)::after{content:none !important;display:none !important}
.footer__menu__item > a,
.footer__menu .footer__menu__item{
    color:rgba(255,255,255,.6) !important;
    font-family:'Mazzard M',sans-serif !important;
    font-weight:500 !important;font-size:14px !important;
    text-decoration:none !important;
    padding:8px 14px !important;
    border-radius:10px !important;
    transition:color .2s ease, background .2s ease !important;
    display:inline-flex;align-items:center;
}
.footer__menu__item > a:hover{
    color:#fff !important;
    background:rgba(132,86,255,.08) !important;
}

/* Telegram CTA button — clean pill, brand accent */
.footer__social-btn{
    --color:#b79dff;
    display:inline-flex !important;align-items:center !important;gap:10px !important;
    padding:12px 20px !important;
    background:linear-gradient(180deg, rgba(132,86,255,.18) 0%, rgba(132,86,255,.08) 100%) !important;
    border:1px solid rgba(132,86,255,.32) !important;
    border-radius:14px !important;
    color:#fff !important;
    font-family:'Mazzard M',sans-serif !important;
    font-size:14px !important;font-weight:600 !important;
    text-decoration:none !important;
    box-shadow:0 8px 20px rgba(132,86,255,.18) !important;
    transition:transform .18s ease, box-shadow .25s ease, background .2s ease !important;
    position:relative;overflow:hidden;
}
.footer__social-btn::before{display:none !important}  /* legacy bg ::before */
.footer__social-btn:hover{
    transform:translateY(-1px);
    background:linear-gradient(180deg, rgba(132,86,255,.26) 0%, rgba(132,86,255,.12) 100%) !important;
    box-shadow:0 12px 28px rgba(132,86,255,.32) !important;
}
.footer__social-btn .social-btn__icon{
    width:28px !important;height:28px !important;margin:0 !important;
    border-radius:8px !important;
    background:rgba(132,86,255,.22) !important;
    display:inline-flex;align-items:center;justify-content:center;
}
.footer__social-btn .social-btn__icon::before{display:none !important}
.footer__social-btn .social-btn__icon svg{
    width:16px !important;height:16px !important;
    max-width:none !important;max-height:none !important;
}
.footer__social-btn .social-btn__text{
    color:#fff !important;
    font:600 14px 'Mazzard M', sans-serif !important;
}

/* Bottom bar — policy link + copyright */
.footer__bottom-container{
    display:flex !important;
    align-items:center !important;justify-content:space-between !important;
    gap:16px !important;flex-wrap:wrap !important;
}
.footer__bottom-container .footer__menu__item{
    color:rgba(255,255,255,.5) !important;
    font-size:13px !important;font-weight:500 !important;
    padding:0 !important;background:transparent !important;
    transition:color .2s ease;
}
.footer__bottom-container .footer__menu__item:hover{color:#fff !important}
.footer__copy{
    color:rgba(255,255,255,.4) !important;
    font-size:12px !important;
    margin:0 !important;
    font-family:'Mazzard M',sans-serif;
}

/* Tablet (≤900) — give menu its own row */
@media (max-width: 900px){
    .footer__container{
        gap:20px !important;
        justify-content:center !important;
    }
    .footer__logo{order:1}
    .footer__social-btn{order:2}
    .footer__menu{
        order:3;
        flex-basis:100%;
        justify-content:center !important;
    }
}

/* Mobile (≤599) — minimal aesthetic: pure typography, no cards/chips,
   generous whitespace. Inspired by Linear/Vercel/Notion footers. */
@media (max-width: 599px){
    .footer{
        margin-top:64px !important;
        padding:40px 20px 24px !important;
        background:linear-gradient(180deg, transparent 0%, rgba(11,15,22,.6) 100%) !important;
    }
    /* Remove the decorative top accent line — not needed for minimal */
    .footer::before{display:none !important}

    .footer__container{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap:36px !important;
        padding-bottom:32px !important;
        border-bottom:1px solid rgba(255,255,255,.04) !important;
    }

    /* Logo — small, centered, subtle */
    .footer__logo{
        order:1;
        opacity:.85;
        transition:opacity .25s ease;
    }
    .footer__logo:hover,.footer__logo:active{
        opacity:1;
        filter:none;transform:none;
    }
    .footer__logo img{height:54px !important;width:auto !important}

    /* Menu — pure text vertical list, no backgrounds, no borders */
    .footer__menu{
        order:2;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        gap:18px !important;
        width:auto !important;
        background:transparent !important;
    }
    .footer__menu__item{
        display:block !important;
        width:auto !important;
        padding:0 !important;margin:0 !important;
        background:transparent !important;border:0 !important;
    }
    .footer__menu__item > a{
        display:inline-block !important;
        padding:0 !important;margin:0 !important;
        background:transparent !important;border:0 !important;border-radius:0 !important;
        color:rgba(255,255,255,.55) !important;
        font-family:'Mazzard M',sans-serif !important;
        font-weight:500 !important;font-size:14px !important;
        letter-spacing:.01em;
        text-align:center;
        min-height:auto !important;
        transition:color .2s ease !important;
    }
    .footer__menu__item > a:hover,
    .footer__menu__item > a:active{
        color:#fff !important;
        background:transparent !important;
        border:0 !important;
    }

    /* Telegram — subtle compact pill, not screaming for attention */
    .footer__social-btn{
        order:3;
        display:inline-flex !important;
        width:auto !important;
        justify-content:center !important;align-items:center !important;
        gap:10px !important;
        padding:10px 18px !important;
        font-size:13px !important;
        min-height:auto !important;
        background:transparent !important;
        border:1px solid rgba(255,255,255,.08) !important;
        border-radius:999px !important;
        box-shadow:none !important;
        color:rgba(255,255,255,.75) !important;
    }
    .footer__social-btn:hover,
    .footer__social-btn:active{
        background:rgba(132,86,255,.06) !important;
        border-color:rgba(132,86,255,.25) !important;
        color:#fff !important;
        transform:none !important;
        box-shadow:none !important;
    }
    .footer__social-btn .social-btn__icon{
        width:18px !important;height:18px !important;
        background:transparent !important;
    }
    .footer__social-btn .social-btn__icon svg{
        width:14px !important;height:14px !important;
    }
    .footer__social-btn .social-btn__text{
        font-size:13px !important;font-weight:500 !important;
        color:inherit !important;
    }

    /* Bottom — single tiny line, very subtle */
    .footer__bottom-container{
        flex-direction:column !important;
        align-items:center !important;justify-content:center !important;
        gap:6px !important;
        padding-top:0 !important;
        text-align:center;
    }
    .footer__bottom-container .footer__menu__item{
        font-size:11px !important;
        color:rgba(255,255,255,.4) !important;
    }
    .footer__bottom-container .footer__menu__item:hover{color:rgba(255,255,255,.7) !important}
    .footer__copy{
        font-size:11px !important;
        color:rgba(255,255,255,.3) !important;
        letter-spacing:.02em;
    }
}

/* ================================================================== */
/*  When header is scrolled (compact 64px), overlays must align top    */
/* ================================================================== */
@media (max-width: 1023px){
    .header.is-scrolled ~ * .header__menu,           /* fallback if needed */
    .header.is-scrolled .header__menu,
    .header.is-scrolled .header__search{
        top:64px !important;
        height:calc(100vh - 64px) !important;
    }
}
@media (max-width: 768px){
    .header.is-scrolled .header__menu,
    .header.is-scrolled .header__search{
        top:52px !important;
        height:calc(100vh - 52px) !important;
    }
}

/* ==================================================================== */
/*  Header — bigger nav text + bigger profile button                    */
/* ==================================================================== */
@media (min-width: 1024px){
    /* Nav menu items: lighter weight, uppercase */
    .header__menu__item > a{
        font-size:13px !important;
        font-weight:500 !important;
        letter-spacing:.08em !important;
        text-transform:uppercase !important;
    }
    .header__menu__pill{
        font-size:13px !important;
        font-weight:500 !important;
        letter-spacing:.08em !important;
        text-transform:uppercase !important;
        padding:11px 18px !important;
    }
    .header__menu__pill-spark,
    .header__menu__pill-chev{
        width:16px !important;height:16px !important;
    }

    /* Profile (login) pill — uppercase, lighter weight */
    .header__login{
        height:56px !important;
        padding:0 26px 0 22px !important;
        font-size:13px !important;
        font-weight:500 !important;
        letter-spacing:.08em !important;
        text-transform:uppercase !important;
        gap:10px !important;
    }
    .header__login .btn__icon{
        width:36px !important;height:36px !important;
    }
    .header__login .btn__icon img{
        width:18px !important;height:18px !important;
    }

    /* Hide the globe icon next to language (also removed from markup) */
    .header__lang__globe{display:none !important}
    /* Adjust lang select padding without the globe */
    .header__lang .select__selected{padding-left:14px !important}
}

/* ==================================================================== */
/*  Hero — tighter vertical spacing (per reference screenshot)           */
/* ==================================================================== */
/* Original hero has 65-70px margins between every element → bloated.
   Bring spacing closer together for a tighter, modern look. */
.hero__col{
    padding-top:14px !important;
    padding-bottom:14px !important;
}
.hero__title{margin-top:28px !important}
.hero__subtitle{margin-top:22px !important}
.hero__actions{margin-top:32px !important}

@media (max-width: 1023px){
    .hero__col{padding-top:10px !important;padding-bottom:10px !important}
    .hero__title{margin-top:20px !important}
    .hero__subtitle{margin-top:16px !important}
    .hero__actions{margin-top:24px !important}
}

@media (max-width: 599px){
    .hero__title{margin-top:18px !important}
    .hero__subtitle{margin-top:14px !important}
    .hero__actions{margin-top:22px !important}
}

/* ==================================================================== */
/*  Hero spider image — blend into page bg (kill the dark rectangle)    */
/* ==================================================================== */
/* The PNG has its own dark background that's slightly off from the page
   color, creating a visible rectangle. We solve it with two layers:
   (1) mix-blend-mode: screen — dark bg pixels add nothing to page bg,
       only the colored/bright spider pixels show through
   (2) a soft radial mask fades the edges to transparent so even any
       leftover seam disappears smoothly. */
.hero__image{
    mix-blend-mode:normal !important;          /* revert: screen made it worse */
}
.hero__image img{
    /* Aggressive radial mask — center spider sharp, edges fade out fast.
       28% solid → 65% half-fade → 95% transparent. */
    -webkit-mask-image:radial-gradient(ellipse 58% 65% at 50% 52%, #000 28%, rgba(0,0,0,.45) 65%, rgba(0,0,0,0) 95%);
    mask-image:radial-gradient(ellipse 58% 65% at 50% 52%, #000 28%, rgba(0,0,0,.45) 65%, rgba(0,0,0,0) 95%);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    filter:none !important;
}

/* Hero image — nudge slightly lower */
@media (min-width: 1024px){
    .hero__image{
        bottom:-40px !important;       /* drop a bit below original alignment */
    }
}

/* ==================================================================== */
/*  Disable Yandex.Browser image-action overlay (camera/save button)    */
/* ==================================================================== */
/* The Yandex camera icon over images is triggered when the image is
   draggable / selectable. Blocking pointer events + drag + selection on
   product card images removes the overlay without breaking parent links. */
.catalog-card__img img,
.game-card__img img,
.game-status-block__img img,
.cheat-block__slider img,
.rev-card__avatar,
.hero__image img,
.game-hero__image img,
.cheat-card__img img,
.catalog-card img,
.header__mega__card-img img,
.s2-card img{
    pointer-events:none !important;
    -webkit-user-drag:none !important;
    -khtml-user-drag:none !important;
    -moz-user-drag:none !important;
    -o-user-drag:none !important;
    user-drag:none !important;
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    user-select:none !important;
    -webkit-touch-callout:none !important;
}

/* ==================================================================== */
/*  Catalog-card images — rendered as background-image (no Yandex btn)  */
/* ==================================================================== */
/* The Yandex.Browser camera overlay attaches only to <img> tags. We
   render game thumbnails via CSS background-image instead → overlay
   never appears. The inline `style="background-image: url(...)"` sets
   the URL; this block handles sizing. */
.catalog-card__img{
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}

/* ==================================================================== */
/*  1. Header "Каталог читов" pill — center text label                  */
/* ==================================================================== */
@media (min-width: 1024px){
    .header__menu__pill{
        justify-content:center !important;
        min-width:180px;
    }
    /* Make the LABEL span take the remaining space so it sits in the center
       between the spark icon (left) and chevron (right) */
    .header__menu__pill > span:not(.header__menu__pill-spark):not(.header__menu__pill-chev){
        flex:1 1 auto !important;
        text-align:center !important;
    }
}

/* ==================================================================== */
/*  2. FAQ title — bigger                                               */
/* ==================================================================== */
.faq__title{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:700 !important;
    font-size:44px !important;
    letter-spacing:-0.015em !important;
    line-height:1.12 !important;
}
.faq__subtitle{
    font-size:17px !important;
    line-height:1.5 !important;
}
@media (max-width: 768px){
    .faq__title{font-size:30px !important}
    .faq__subtitle{font-size:15px !important}
}

/* ==================================================================== */
/*  3. FAQ accordion items — bigger, different font                     */
/* ==================================================================== */
.faq .accordion__header__content{
    font-family:"Mazzard H", "Mazzard M", sans-serif !important;
    font-weight:500 !important;
    font-size:17px !important;
    letter-spacing:-0.005em !important;
    line-height:1.4 !important;
}
@media (max-width: 768px){
    .faq .accordion__header__content{font-size:15px !important}
}

/* ==================================================================== */
/*  4. Footer text — uppercase + letter-spacing (match header style)    */
/* ==================================================================== */
.footer__menu__item > a,
.footer__menu .footer__menu__item,
.footer__bottom-container .footer__menu__item{
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    font-weight:500 !important;
    font-family:"Mazzard M", sans-serif !important;
}
.footer__copy{
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
}
.footer__social-btn,
.footer__social-btn .social-btn__text{
    text-transform:uppercase !important;
    letter-spacing:.08em !important;
    font-weight:500 !important;
}

/* ==================================================================== */
/*  Reviews page — bigger hero title                                    */
/* ==================================================================== */
.reviews-page__title{
    font-family:"Mazzard H", sans-serif !important;
    font-size:64px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:-0.015em !important;
}
.reviews-page__subtitle{
    font-size:20px !important;
    line-height:1.5 !important;
}
.reviews-page__head{
    padding-bottom:18px;
}
@media (max-width: 1023px){
    .reviews-page__title{font-size:48px !important}
    .reviews-page__subtitle{font-size:17px !important}
}
@media (max-width: 599px){
    .reviews-page__title{font-size:34px !important}
    .reviews-page__subtitle{font-size:15px !important}
}

/* ==================================================================== */
/*  Reviews — initials avatar (replaces game-character images)          */
/* ==================================================================== */
/* Round chip with brand purple-tint and uppercase initials */
.rev-card__avatar{
    display:inline-flex !important;
    align-items:center !important;justify-content:center !important;
    width:42px !important;height:42px !important;
    border-radius:50% !important;
    flex-shrink:0 !important;
    background:linear-gradient(135deg, rgba(132,86,255,.32) 0%, rgba(132,86,255,.14) 100%) !important;
    border:1px solid rgba(132,86,255,.30) !important;
    color:#cbb6ff !important;
    font-family:'Mazzard M',sans-serif !important;
    font-weight:700 !important;font-size:14px !important;
    letter-spacing:.02em;
    text-transform:uppercase;
    overflow:hidden;
    object-fit:cover;
}
.reviews-page .rev-card__avatar{width:44px !important;height:44px !important;font-size:15px !important}
/* Hide src image fallback if browser somehow still tries to render legacy <img> */
img.rev-card__avatar{display:none !important}

/* Card head — fix date overlap with link/subtitle. Date goes top-right
   absolutely; meta takes remaining width safely. */
.rev-card__head{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
    position:relative !important;
    padding-right:80px;          /* breathing room for the absolute date */
}
.rev-card__meta{
    flex:1 1 auto;min-width:0;
}
.rev-card__name{
    font-weight:600 !important;font-size:15px !important;
    color:#fff !important;
    margin:2px 0 2px !important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.rev-card__sub{
    font-size:12px !important;
    color:rgba(203,182,255,.78) !important;
    margin:0 !important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.rev-card__date{
    position:absolute !important;
    right:0 !important;top:4px !important;
    font-size:12px !important;
    color:rgba(255,255,255,.42) !important;
    white-space:nowrap;
}

/* ==================================================================== */
/*  Status page — bigger title + better legend pill typography          */
/* ==================================================================== */
.status-heading-section__section-caption,
.section-caption.status-heading-section__section-caption{
    font-family:"Mazzard H", sans-serif !important;
    font-size:56px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:-0.015em !important;
}
.status-heading-section__section-subcaption,
.section-subcaption.status-heading-section__section-subcaption{
    font-size:18px !important;
    line-height:1.5 !important;
    margin-top:14px !important;
}
@media (max-width: 1023px){
    .status-heading-section__section-caption{font-size:40px !important}
    .status-heading-section__section-subcaption{font-size:16px !important}
}
@media (max-width: 599px){
    .status-heading-section__section-caption{font-size:30px !important}
    .status-heading-section__section-subcaption{font-size:14px !important}
}

/* Legend pills (Рекомендуем / На свой страх и риск / etc) — bigger,
   Mazzard H, no caps */
.cheat-statuses__header__all-statuses .status{
    font-family:"Mazzard H", "Mazzard M", sans-serif !important;
    font-weight:500 !important;
    font-size:14px !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    padding:10px 18px !important;
}
.cheat-statuses__header p{
    font-family:"Mazzard M", sans-serif !important;
    font-size:13px !important;
    font-weight:500 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    color:rgba(255,255,255,.55) !important;
}

/* ==================================================================== */
/*  Game-list — platform title + slider arrows (force visible + bigger) */
/* ==================================================================== */
/* The platform title ("Android" / "iOS" / etc) and slider arrows have
   been disappearing on some pages (rendered but with transparent color
   or stuck-zero opacity from GSAP). Force-show them with bigger,
   readable typography + inline SVG chevron background so we don't
   depend on the external rv-chevron.svg file. */
.game-list__head{
    align-items:center !important;
    gap:18px !important;
    padding-top:10px !important;
    padding-bottom:14px !important;
    opacity:1 !important;visibility:visible !important;
}
.game-list__platform{
    opacity:1 !important;visibility:visible !important;
    font-family:"Mazzard H", sans-serif !important;
    font-weight:700 !important;
    font-size:24px !important;
    color:#fff !important;
    letter-spacing:-0.005em;
    display:inline-flex !important;align-items:center !important;
    gap:12px !important;
}
.game-list__platform span{
    color:#fff !important;
    opacity:1 !important;
    font-size:24px !important;
}
.game-list__platform-icon{
    width:24px !important;height:26px !important;
    opacity:1 !important;
}

/* Arrows — visible by default, inline SVG fallback */
.game-list__arrows{
    opacity:1 !important;visibility:visible !important;
    margin-left:auto !important;
    display:flex !important;gap:10px !important;
}
.game-list__arrows .slider-arrows__arrow{
    width:46px !important;height:46px !important;
    border-radius:12px !important;
    background-color:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 6 15 12 9 18'/></svg>") !important;
    background-size:20px 20px !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    opacity:1 !important;visibility:visible !important;
    transition:background-color .2s ease, border-color .2s ease !important;
}
.game-list__arrows .slider-arrows__arrow:hover{
    background-color:rgba(132,86,255,.14) !important;
    border-color:rgba(132,86,255,.32) !important;
}
.game-list__arrows .slider-arrows__prev{
    transform:scaleX(-1) !important;
}
.game-list__arrows .slider-arrows__arrow.swiper-button-disabled{
    opacity:.35 !important;pointer-events:none !important;
}

@media (max-width: 599px){
    .game-list__platform,
    .game-list__platform span{font-size:20px !important}
    .game-list__platform-icon{width:20px !important;height:22px !important}
    .game-list__arrows .slider-arrows__arrow{width:40px !important;height:40px !important;border-radius:10px !important}
}

/* ==================================================================== */
/*  About page — bigger typography + better font hierarchy              */
/* ==================================================================== */

/* 1. Hero title "МЫ ПРЕДЛАГАЕМ ЧИТЫ ДЛЯ MOBILE И ПК ИГР" */
.about-heading-section__section-caption{
    font-family:"Mazzard H", sans-serif !important;
    font-size:56px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:-0.015em !important;
}
.about-heading-section__section-subcaption{
    font-size:17px !important;
    line-height:1.55 !important;
    color:rgba(255,255,255,.55) !important;
    margin-top:18px !important;
}
@media (max-width: 1023px){
    .about-heading-section__section-caption{font-size:40px !important}
    .about-heading-section__section-subcaption{font-size:15px !important}
}
@media (max-width: 599px){
    .about-heading-section__section-caption{font-size:28px !important}
    .about-heading-section__section-subcaption{font-size:14px !important}
}

/* 2. Long paragraph "За долгие годы работы..." */
.about-section__text{
    font-family:"Mazzard H", "Mazzard M", sans-serif !important;
    font-size:17px !important;
    line-height:1.7 !important;
    color:rgba(255,255,255,.68) !important;
    margin-top:22px !important;
}
.about-section__text p{margin:0 0 14px}
.about-section__text p:last-child{margin-bottom:0}
@media (max-width: 599px){
    .about-section__text{font-size:15px !important;line-height:1.6 !important}
}

/* 3. Catalog block "Мы предлагаем продукты для таких игр как:" */
.about-page .section-caption-container .section-caption,
.about-page .catalog .section-caption{
    font-family:var(--font-sans) !important;
    font-size:36px !important;
    font-weight:600 !important;
    color:#fff !important;
    line-height:1.18 !important;
    letter-spacing:-0.01em !important;
}
@media (max-width: 1023px){
    .about-page .catalog .section-caption{font-size:30px !important}
}
@media (max-width: 599px){
    .about-page .catalog .section-caption{font-size:24px !important}
}

/* 4. Social-cards row (Telegram канал / Наши отзывы / ...) — fix font */
.about-contact__label{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:600 !important;
    font-size:15px !important;
    letter-spacing:-0.005em !important;
    color:#fff !important;
}
.about-contact__value{
    font-family:"Mazzard M", sans-serif !important;
    font-weight:500 !important;
    font-size:12px !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
    color:rgba(255,255,255,.5) !important;
    margin-top:4px;
}
@media (max-width: 599px){
    .about-contact__label{font-size:14px !important}
    .about-contact__value{font-size:11px !important}
}

/* ==================================================================== */
/*  Category page hero (/Pubg-Mobile etc.) — bigger title + HACKEXE-vibe */
/* ==================================================================== */
.game-hero{
    padding:72px 0 56px !important;
}
.game-hero__inner{gap:60px !important;align-items:flex-start !important}
.game-hero__text{flex:1 1 0;min-width:0}

/* Big display title */
.game-hero__title{
    font-family:"Mazzard H", sans-serif !important;
    font-size:clamp(36px, 5.5vw, 64px) !important;
    font-weight:700 !important;
    line-height:1.05 !important;
    letter-spacing:-0.02em !important;
    margin:0 0 22px !important;
    color:#fff !important;
}
.game-hero__title-dim{
    color:rgba(255,255,255,.32) !important;
    font-weight:700 !important;
    display:inline;
}

/* Body text */
.game-hero__desc{
    font-family:"Mazzard H", "Mazzard M", sans-serif !important;
    font-size:17px !important;
    line-height:1.6 !important;
    color:rgba(255,255,255,.65) !important;
    max-width:560px;
    margin:0 0 26px !important;
}

/* Stats row — count chip + back link sit on the same line, like screen 2 */
.game-hero__count,
.game-hero__back{
    display:inline-flex !important;align-items:center !important;
    height:38px;line-height:1;
    padding:0 16px !important;
    border-radius:999px !important;
    font-family:"Mazzard M", sans-serif !important;
    font-weight:600 !important;
    font-size:13px !important;
    letter-spacing:.06em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    transition:background .2s, border-color .2s, color .2s, transform .15s !important;
    vertical-align:middle;
}
.game-hero__count{
    background:rgba(132,86,255,.14) !important;
    border:1px solid rgba(132,86,255,.32) !important;
    color:#cbb6ff !important;
    margin-right:10px !important;
}
.game-hero__back{
    margin-left:0 !important;
    background:transparent !important;
    border:1px solid rgba(255,255,255,.10) !important;
    color:rgba(255,255,255,.72) !important;
    gap:8px !important;
}
.game-hero__back::before{
    content:none !important;   /* arrow now provided by the SVG icon in markup */
}
.game-hero__back:hover{
    background:rgba(132,86,255,.10) !important;
    border-color:rgba(132,86,255,.32) !important;
    color:#fff !important;
}
.game-hero__back:hover::before{transform:translateX(-3px)}

/* Image — keep proportion stable, soft mask edges, no harsh PNG bg */
.game-hero__image{
    flex:0 0 38% !important;
    max-width:420px !important;
    margin:0 !important;
}
.game-hero__image img{
    width:100% !important;height:auto !important;
    -webkit-mask-image:radial-gradient(ellipse 70% 75% at 50% 50%, #000 50%, rgba(0,0,0,.4) 80%, rgba(0,0,0,0) 100%);
    mask-image:radial-gradient(ellipse 70% 75% at 50% 50%, #000 50%, rgba(0,0,0,.4) 80%, rgba(0,0,0,0) 100%);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
}

@media (max-width: 1023px){
    .game-hero{padding:54px 0 40px !important}
    .game-hero__inner{gap:32px !important;flex-direction:column-reverse}
    .game-hero__image{flex:0 0 auto !important;max-width:320px !important;margin:0 auto !important}
    .game-hero__title{font-size:36px !important}
    .game-hero__desc{font-size:15px !important}
}
@media (max-width: 599px){
    .game-hero{padding:36px 0 28px !important}
    .game-hero__title{font-size:28px !important;margin-bottom:14px !important}
    .game-hero__desc{font-size:14px !important;margin-bottom:18px !important}
    .game-hero__count,
    .game-hero__back{height:34px;font-size:12px !important;padding:0 14px !important}
    .game-hero__image{max-width:240px !important}
}

/* ==================================================================== */
/*  Bring back plain black background (user request)                    */
/* ==================================================================== */
html{ background-color:rgb(17 23 32) !important }
body{ background-color:transparent !important }
/* #bg-fx canvas already z:-1 so stars still visible against the black */

/* ==================================================================== */
/*  /games — "Каталог игр" hero title bigger                            */
/* ==================================================================== */
.games-catalog__title{
    font-family:"Mazzard H", sans-serif !important;
    font-size:56px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:-0.015em !important;
}
.games-catalog__subtitle{
    font-size:17px !important;
    line-height:1.55 !important;
}
@media (max-width: 1023px){
    .games-catalog__title{font-size:40px !important}
    .games-catalog__subtitle{font-size:15px !important}
}
@media (max-width: 599px){
    .games-catalog__title{font-size:28px !important}
    .games-catalog__subtitle{font-size:14px !important}
}

/* ==================================================================== */
/*  Cheat page — Функционал cards bigger + Mazzard H                    */
/* ==================================================================== */
.cheat-functions__caption,
.cheat-functions .cheat-functions__caption{
    font-family:"Mazzard H", sans-serif !important;
    font-size:34px !important;
    font-weight:700 !important;
    letter-spacing:-0.012em !important;
}
.cheat-functions__block__name-panel{
    font-size:15px !important;
}
.cheat-functions__block__name-panel span{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:600 !important;
    font-size:15px !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}
.cheat-functions__block__list{
    font-family:"Mazzard H", "Mazzard M", sans-serif !important;
    font-size:15px !important;
    line-height:1.6 !important;
}
.cheat-functions__block__list li{
    font-size:15px !important;
    line-height:1.6 !important;
    color:rgba(255,255,255,.78) !important;
    padding:2px 0;
}
@media (max-width: 599px){
    .cheat-functions__caption{font-size:24px !important}
    .cheat-functions__block__list li{font-size:14px !important}
}

/* ==================================================================== */
/*  Category page (/{game}) — premium hero v2 (HACKEXE-style)           */
/* ==================================================================== */
.game-hero{
    position:relative;
    padding:120px 0 60px !important;
}
.game-hero__inner{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:60px !important;
}
.game-hero__text{
    flex:1 1 auto;
    max-width:680px;
    position:relative;z-index:2;
}

/* Breadcrumb */
.game-hero__crumbs{
    display:flex;align-items:center;gap:8px;
    font-family:"Mazzard M",sans-serif;
    font-size:13px;font-weight:500;
    color:rgba(255,255,255,.4);
    margin-bottom:22px;
}
.game-hero__crumbs a{
    color:rgba(255,255,255,.5);
    text-decoration:none;
    transition:color .15s ease;
}
.game-hero__crumbs a:hover{color:#fff}
.game-hero__crumbs-sep{
    color:rgba(255,255,255,.25);
    margin:0 2px;
}
.game-hero__crumbs-current{
    color:rgba(255,255,255,.8);
}

/* Title — big, with dim parenthetical */
.game-hero__title{
    font-family:"Mazzard H",sans-serif !important;
    font-size:54px !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:-0.018em !important;
    color:#fff !important;
    margin:0 0 20px !important;
}
.game-hero__title-dim{
    color:rgba(255,255,255,.32) !important;
    font-weight:700 !important;
    margin-left:8px;
}

/* Description */
.game-hero__desc{
    font-family:"Mazzard M",sans-serif !important;
    font-size:16px !important;
    font-weight:500 !important;
    line-height:1.6 !important;
    color:rgba(255,255,255,.62) !important;
    margin:0 0 22px !important;
    max-width:560px;
}

/* Stats row — count · undetected · delivery · support */
.game-hero__stats{
    display:flex !important;align-items:center !important;
    flex-wrap:wrap !important;gap:0 !important;
    list-style:none !important;
    margin:0 0 22px !important;padding:0 !important;
}
.game-hero__stat{
    display:inline-flex !important;align-items:center !important;
    gap:8px;
    padding:6px 16px;
    font-family:"Mazzard M",sans-serif !important;
    font-size:13px !important;font-weight:500 !important;
    color:rgba(255,255,255,.62) !important;
    position:relative;
    white-space:nowrap;
}
.game-hero__stat svg{flex-shrink:0;opacity:.7}
.game-hero__stat:not(:last-child)::after{
    content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);
    width:3px;height:3px;border-radius:50%;
    background:rgba(255,255,255,.22);
}
.game-hero__stat:first-child{padding-left:0}
.game-hero__stat--badge{
    color:#8af59b !important;
}
.game-hero__stat--badge svg{opacity:1}

/* Back button */
.game-hero__back{
    display:inline-flex !important;align-items:center !important;gap:8px;
    margin-top:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    font-family:"Mazzard M",sans-serif !important;
    font-size:12px !important;font-weight:600 !important;
    color:rgba(255,255,255,.5) !important;
    text-transform:uppercase !important;
    letter-spacing:.10em !important;
    text-decoration:none !important;
    transition:color .18s ease;
}
.game-hero__back:hover{color:#fff !important}
.game-hero__back svg{transition:transform .2s ease}
.game-hero__back:hover svg{transform:translateX(-2px)}

/* Image — character on the right */
.game-hero__image{
    flex:0 0 40% !important;
    max-width:480px !important;
    position:relative;
}
.game-hero__image img{
    display:block;width:100%;height:auto;
    object-fit:contain;
}

@media (max-width: 1023px){
    .game-hero{padding:90px 0 40px !important}
    .game-hero__inner{gap:32px !important}
    .game-hero__title{font-size:42px !important}
    .game-hero__desc{font-size:15px !important}
    .game-hero__image{flex:0 0 36% !important;max-width:360px !important}
}
@media (max-width: 768px){
    .game-hero{padding:84px 0 32px !important}
    .game-hero__inner{flex-direction:column !important;text-align:left;gap:24px !important}
    .game-hero__text{max-width:none}
    .game-hero__title{font-size:32px !important}
    .game-hero__stats{justify-content:flex-start}
    .game-hero__image{display:none !important}     /* hide image on mobile */
}
@media (max-width: 480px){
    .game-hero__title{font-size:26px !important}
    .game-hero__desc{font-size:14px !important}
    .game-hero__stat{font-size:12px !important;padding:6px 12px}
}

/* ==================================================================== */
/*  Footer logo — large per request                                     */
/* ==================================================================== */
.footer__logo img{ height:115px !important; width:auto !important }
@media (max-width: 599px){
    .footer__logo img{ height:84px !important }
}

/* ==================================================================== */
/*  Cheat page — Функционал cards bigger + readable                     */
/* ==================================================================== */
.cheat-functions__slider,
.cheat-functions .swiper{
    overflow:visible;
}
.cheat-functions__block{
    min-height:340px !important;
    padding:0 !important;
}
.cheat-functions__block__name-panel{
    padding:18px 22px !important;
    min-height:58px !important;
    display:flex !important;align-items:center !important;
}
.cheat-functions__block__name-panel span{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:700 !important;
    font-size:16px !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}
.cheat-functions__block__scroll-container{
    padding:14px 22px 20px !important;
}
.cheat-functions__block__list li{
    font-family:"Mazzard H", "Mazzard M", sans-serif !important;
    font-size:16px !important;
    line-height:1.75 !important;
    color:rgba(255,255,255,.82) !important;
    padding:3px 0 !important;
}
@media (max-width: 599px){
    .cheat-functions__block{min-height:280px !important}
    .cheat-functions__block__list li{font-size:15px !important}
}

/* ==================================================================== */
/*  Buy modal — heading/label/button font (Mazzard H, cleaner)          */
/* ==================================================================== */
.popup--pay .pay-card__title,
.popup--pay .popup__caption{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:700 !important;
    letter-spacing:-0.01em !important;
}
.popup--pay .pay-section__label{
    font-family:"Mazzard M", sans-serif !important;
    font-weight:600 !important;
    font-size:12px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:rgba(255,255,255,.45) !important;
}
.popup--pay .pay-btn,
.popup--pay .pay-btn--primary,
.popup--pay .pay-btn--secondary{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:600 !important;
    letter-spacing:.01em !important;
}
.popup--pay .pay-option__label{
    font-family:"Mazzard H", "Mazzard M", sans-serif !important;
    font-weight:600 !important;
}

/* ==================================================================== */
/*  Payment method icon chip — light bg so dark logos stay visible      */
/* ==================================================================== */
.popup--pay #buy-payments-methods .popup__payment-method__icon,
.popup--pay #topup-payments-methods .popup__payment-method__icon{
    width:40px !important;height:40px !important;
    border-radius:11px !important;
    background:#fff !important;
    border:1px solid rgba(255,255,255,.12) !important;
    padding:6px !important;
    overflow:hidden;
}
.popup--pay #buy-payments-methods .popup__payment-method__icon img,
.popup--pay #topup-payments-methods .popup__payment-method__icon img{
    width:100% !important;height:100% !important;
    object-fit:contain !important;
}
/* When icon fails to load — show a neutral card glyph instead of empty box */
.popup--pay .popup__payment-method__icon.is-empty{
    background:rgba(132,86,255,.16) !important;
    border-color:rgba(132,86,255,.3) !important;
    position:relative;
}
.popup--pay .popup__payment-method__icon.is-empty::after{
    content:"";position:absolute;inset:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' fill='none' stroke='%23cbb6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='5' width='20' height='14' rx='3'/><path d='M2 10h20'/></svg>");
    background-repeat:no-repeat;background-position:center;background-size:20px;
}
/* Bigger name text in payment rows */
.popup--pay .popup__payment-method__name{
    font-family:"Mazzard H","Mazzard M",sans-serif !important;
    font-weight:600 !important;
    font-size:15px !important;
}

/* ==================================================================== */
/*  ABOUT stats — clean even 2×2 bento grid on mobile (kill 60px gaps)  */
/* ==================================================================== */
@media (max-width: 767px){
    .about-section__stats{
        display:grid !important;
        grid-template-columns:repeat(2, 1fr) !important;
        gap:12px !important;
        max-width:none !important;
    }
    .about-section__stat{
        margin:0 !important;
        padding:20px 18px !important;
        background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)) !important;
        border:1px solid rgba(255,255,255,.06) !important;
        border-radius:16px !important;
        border-right:0 !important;
        text-align:left;
    }
    /* Kill all the legacy spacers/dividers/offsets */
    .about-section__stat:nth-child(1),
    .about-section__stat:nth-child(2),
    .about-section__stat:nth-child(3),
    .about-section__stat:nth-child(4){
        margin-bottom:0 !important;
        padding-left:18px !important;
        border-right:0 !important;
    }
    .about-section__stat::after,
    .about-section__stat:nth-child(1)::after{display:none !important}
    .about-section__stat p{
        font-family:"Mazzard H", sans-serif !important;
        font-size:30px !important;font-weight:700 !important;
        margin:0 0 4px !important;line-height:1 !important;
    }
    .about-section__stat span{
        font-size:13px !important;
        color:rgba(255,255,255,.5) !important;
    }
}

/* ==================================================================== */
/*  SECTION2 "Почему стоит выбрать нас" — horizontal scroll on mobile   */
/* ==================================================================== */
@media (max-width: 767px){
    .section2__grid{
        display:flex !important;
        grid-template-columns:none !important;
        max-width:none !important;
        flex-wrap:nowrap !important;
        gap:14px !important;
        overflow-x:auto !important;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        padding:4px 16px 16px !important;
        margin:0 -16px !important;          /* bleed to screen edges */
        scrollbar-width:none;
    }
    .section2__grid::-webkit-scrollbar{display:none}
    .section2__grid .s2-card{
        flex:0 0 78% !important;
        max-width:78% !important;
        scroll-snap-align:center;
        padding:34px 22px 38px !important;
    }
}

/* ==================================================================== */
/*  FOOTER — refined mobile layout (screen 4)                           */
/* ==================================================================== */
@media (max-width: 599px){
    .footer{
        margin-top:48px !important;
        padding:36px 20px 26px !important;
    }
    .footer__container{
        gap:26px !important;
        padding-bottom:26px !important;
    }
    .footer__logo img{ height:96px !important }
    /* Links — two even columns, compact, tappable */
    .footer__menu{
        display:grid !important;
        grid-template-columns:repeat(2, 1fr) !important;
        gap:6px 14px !important;
        width:100%;
        justify-content:stretch !important;
    }
    .footer__menu__item{ width:100% !important }
    .footer__menu__item > a{
        display:flex !important;align-items:center !important;justify-content:center !important;
        padding:12px 10px !important;
        font-size:12px !important;
        letter-spacing:.06em !important;
        color:rgba(255,255,255,.6) !important;
        background:rgba(255,255,255,.03) !important;
        border:1px solid rgba(255,255,255,.05) !important;
        border-radius:12px !important;
        min-height:44px;
        text-align:center;
    }
    .footer__menu__item > a:active{
        background:rgba(132,86,255,.10) !important;
        border-color:rgba(132,86,255,.3) !important;
        color:#fff !important;
    }
    /* TG channel — full width prominent */
    .footer__social-btn{
        width:100% !important;
        justify-content:center !important;
        padding:15px 18px !important;
        font-size:13px !important;
        background:linear-gradient(180deg, rgba(132,86,255,.16), rgba(132,86,255,.06)) !important;
        border:1px solid rgba(132,86,255,.28) !important;
        border-radius:14px !important;
    }
    .footer__bottom-container{
        gap:8px !important;text-align:center;
        padding-top:6px !important;
    }
    .footer__bottom-container .footer__menu__item{
        background:transparent !important;border:0 !important;padding:0 !important;
        font-size:11px !important;min-height:auto;
    }
}

/* ==================================================================== */
/*  FINAL pass — category hero image, about hero, history, footer       */
/* ==================================================================== */

/* 1. Category page hero image — bigger */
.game-hero__image{
    flex:0 0 46% !important;
    max-width:580px !important;
}
@media (max-width: 1023px){
    .game-hero__image{flex:0 0 42% !important;max-width:440px !important}
}

/* 2. About hero — bigger title + subcaption never overflows the screen */
.about-heading-section__section-caption{
    font-size:60px !important;
}
.about-heading-section__section-subcaption{
    max-width:680px;
    overflow-wrap:anywhere;
    word-break:break-word;
}
@media (max-width: 1023px){
    .about-heading-section__section-caption{font-size:42px !important}
}
@media (max-width: 599px){
    .about-heading-section{padding-left:0;padding-right:0}
    .about-heading-section__container{padding-left:18px !important;padding-right:18px !important}
    .about-heading-section__section-caption{font-size:30px !important;line-height:1.12 !important}
    .about-heading-section__section-subcaption{
        font-size:14px !important;
        max-width:100% !important;
        width:100% !important;
    }
}

/* 3. About contacts + history caption — Mazzard H font (screen 4) */
.about-contact__label{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:600 !important;
    font-size:15px !important;
    letter-spacing:-0.005em !important;
}
.about-contact__value{
    font-family:"Mazzard M", sans-serif !important;
    font-size:12px !important;letter-spacing:.02em !important;
    text-transform:none !important;color:rgba(255,255,255,.5) !important;
}
.about-section__history__caption{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:700 !important;
    font-size:28px !important;
    letter-spacing:-0.012em !important;
}
.about-section__history__slide .years{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:700 !important;
}
.about-section__history__slide .record{
    font-family:"Mazzard H","Mazzard M",sans-serif !important;
}

/* 3b. History timeline — clean vertical stack on mobile (swiper disabled).
   Each year sits on its own row with a dot + vertical connector line. */
@media (max-width: 767px){
    .about-section__history__slider{
        overflow:visible !important;
        padding:8px 0 0 4px !important;
        position:relative !important;
    }
    /* kill the horizontal connector line */
    .about-section__history__slider::before{display:none !important}
    .about-section__history__slider .swiper-wrapper{
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        transform:none !important;
        width:100% !important;
    }
    .about-section__history__slide{
        width:100% !important;
        max-width:none !important;
        padding:0 0 22px 26px !important;
        margin:0 !important;
        position:relative !important;
    }
    /* vertical line down the left edge */
    .about-section__history__slide::before{
        content:"" !important;display:block !important;
        position:absolute !important;
        left:4px !important;top:6px !important;bottom:-6px !important;
        width:2px !important;
        background:rgba(132,86,255,.30) !important;
        border:0 !important;
    }
    .about-section__history__slide:last-child::before{display:none !important}
    /* dot on the line */
    .about-section__history__slide .point{
        position:absolute !important;
        left:0 !important;top:4px !important;
        width:10px !important;height:10px !important;
        margin:0 !important;
        border-radius:50% !important;
        background:#a98aff !important;border:0 !important;
        box-shadow:0 0 0 3px rgba(132,86,255,.18) !important;
        z-index:2 !important;
    }
    .about-section__history__slide .point::before,
    .about-section__history__slide .point::after{display:none !important}
    .about-section__history__slide .years{font-size:18px !important;margin:0 0 4px !important}
    .about-section__history__slide .record{font-size:14px !important;margin:0 0 4px !important}
    .about-section__history__slide .small-text{font-size:13px !important;line-height:1.5 !important}
    /* hide swiper nav arrows on mobile stack */
    .about-section__history__slider-btn{display:none !important}
}

/* 4. FOOTER — premium mobile rebuild (screen 2) */
@media (max-width: 599px){
    .footer{
        margin-top:40px !important;
        padding:34px 18px 24px !important;
        background:linear-gradient(180deg, transparent 0%, rgba(132,86,255,.04) 24%, rgba(8,11,17,.9) 100%) !important;
        border-top:1px solid rgba(255,255,255,.05) !important;
    }
    .footer__container{
        display:flex !important;flex-direction:column !important;
        align-items:center !important;
        gap:22px !important;
        padding-bottom:22px !important;
        border-bottom:1px solid rgba(255,255,255,.05) !important;
    }
    .footer__logo{order:1;align-self:center}
    .footer__logo img{height:92px !important;width:auto !important}

    /* Nav — single clean column of text links, generous tap area, NO boxes */
    .footer__menu{
        order:2;
        display:flex !important;flex-direction:column !important;
        align-items:center !important;
        gap:2px !important;width:100%;
        grid-template-columns:none !important;
    }
    .footer__menu__item{width:auto !important}
    .footer__menu__item > a{
        display:inline-flex !important;align-items:center;justify-content:center;
        padding:11px 8px !important;
        background:transparent !important;border:0 !important;border-radius:0 !important;
        min-height:auto !important;
        font-family:"Mazzard M",sans-serif !important;
        font-size:13px !important;font-weight:500 !important;
        letter-spacing:.08em !important;text-transform:uppercase !important;
        color:rgba(255,255,255,.6) !important;
        transition:color .18s ease;
    }
    .footer__menu__item > a:active{color:#fff !important;background:transparent !important;border:0 !important}

    /* TG channel — full-width pill */
    .footer__social-btn{
        order:3;width:100% !important;
        justify-content:center !important;align-items:center !important;gap:10px !important;
        padding:15px 18px !important;
        font-size:13px !important;
        background:linear-gradient(180deg, rgba(132,86,255,.18), rgba(132,86,255,.07)) !important;
        border:1px solid rgba(132,86,255,.3) !important;
        border-radius:14px !important;
        box-shadow:0 10px 26px -12px rgba(132,86,255,.5) !important;
    }
    /* Bottom legal — centered, tiny */
    .footer__bottom-container{
        flex-direction:column !important;align-items:center !important;
        gap:6px !important;padding-top:8px !important;text-align:center;
    }
    .footer__bottom-container .footer__menu__item{
        font-size:11px !important;color:rgba(255,255,255,.4) !important;
    }
    .footer__bottom-container .footer__menu__item > a{padding:2px 6px !important;font-size:11px !important}
    .footer__copy{font-size:11px !important;color:rgba(255,255,255,.35) !important}
}

/* ==================================================================== */
/*  History timeline — robust mobile stack (kills iOS 100vw breakout)   */
/* ==================================================================== */
@media (max-width: 767px){
    /* Neutralise the legacy iOS full-bleed breakout — swiper is disabled now */
    html.ios .about-section__history__slider.js-carousel,
    .about-section__history__slider,
    .about-section__history__slider.js-carousel{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:6px 0 0 !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }
    .about-section__history__slider .swiper-wrapper{
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;
        width:100% !important;
        transform:none !important;
        margin:0 !important;
    }
    /* Each entry = dot column + content, fully inside the card */
    .about-section__history__slide,
    .about-section__history__slide.swiper-slide{
        display:grid !important;
        grid-template-columns:18px 1fr !important;
        column-gap:14px !important;
        width:100% !important;max-width:100% !important;
        margin:0 !important;
        padding:0 0 22px !important;
        position:relative !important;
        scroll-margin:0 !important;
        box-sizing:border-box !important;
    }
    /* dot — first grid column, top aligned */
    .about-section__history__slide .point{
        position:relative !important;
        left:auto !important;top:5px !important;
        grid-column:1 !important;grid-row:1 / 60 !important;
        width:11px !important;height:11px !important;margin:0 !important;
        border-radius:50% !important;background:#a98aff !important;border:0 !important;
        box-shadow:0 0 0 3px rgba(132,86,255,.18) !important;
        align-self:start;
        z-index:2 !important;
    }
    .about-section__history__slide .point::before,
    .about-section__history__slide .point::after{display:none !important}
    /* vertical connector line in the dot column */
    .about-section__history__slide:not(:last-child)::before{
        content:"" !important;display:block !important;
        position:absolute !important;
        left:5px !important;top:14px !important;bottom:0 !important;
        width:2px !important;
        background:rgba(132,86,255,.28) !important;
        border:0 !important;transform:none !important;
    }
    /* content sits in column 2 and wraps — no horizontal overflow */
    .about-section__history__slide .years{
        grid-column:2 !important;
        font-family:"Mazzard H",sans-serif !important;font-weight:700 !important;
        font-size:18px !important;margin:0 0 4px !important;
    }
    .about-section__history__slide .record{
        grid-column:2 !important;
        font-size:14px !important;margin:0 0 4px !important;
    }
    .about-section__history__slide .small-text{
        grid-column:2 !important;
        font-size:13px !important;line-height:1.5 !important;
        margin:0 !important;
        max-width:100% !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
        white-space:normal !important;
    }
    .about-section__history__slider-btn{display:none !important}
}

/* ==================================================================== */
/*  FIX: popups must sit ABOVE the fixed header (z:1000)                */
/* ==================================================================== */
.popup{ z-index:2000 !important }
/* register/auth/reset content clears nothing now since popup covers header */

/* ==================================================================== */
/*  MOBILE — tighten home sections: smaller badges/titles, less gap     */
/* ==================================================================== */
@media (max-width: 767px){
    /* ---- Section vertical rhythm — kill oversized gaps ---- */
    .hero{ padding-bottom:24px !important }
    .hero__col{ padding-top:8px !important; padding-bottom:0 !important }
    .hero__actions{ margin-top:24px !important; margin-bottom:0 !important }
    main.main .catalog{ margin:40px 0 !important }
    main.main .section2{ margin:40px 0 !important }
    main.main .reviews{ margin:40px 0 !important }
    main.main .faq{ padding:40px 0 !important }

    /* ---- Section badges (Лучший чит / Почему / Отзывы) — smaller ---- */
    .catalog__badge,
    .section2__badge,
    .reviews__badge{
        padding:7px 14px 7px 8px !important;
        gap:8px !important;
        border-radius:999px !important;
    }
    .catalog__badge-icon,
    .section2__badge-icon,
    .reviews__badge-icon{
        width:30px !important;height:30px !important;
    }
    .catalog__badge-icon img,
    .section2__badge-icon img,
    .reviews__badge-icon img{ width:15px !important;height:15px !important }
    .catalog__badge-text,
    .section2__badge-text,
    .reviews__badge-text,
    .reviews__badge span:last-child{
        font-size:13px !important;
    }

    /* ---- Section titles — smaller on mobile ---- */
    .catalog__title,
    .section2__title,
    .reviews__title{
        font-size:30px !important;
        line-height:1.12 !important;
        margin-top:12px !important;
        letter-spacing:-0.01em !important;
    }
    .catalog__subtitle,
    .section2__subtitle,
    .reviews__subtitle{
        font-size:14px !important;
        line-height:1.5 !important;
        margin-top:8px !important;
    }
    /* spark/bolt icon inside section2 title — scale down */
    .section2__title-spark{ width:24px !important;height:24px !important;vertical-align:-3px !important }
}
@media (max-width: 480px){
    .catalog__title,
    .section2__title,
    .reviews__title{ font-size:26px !important }
}

/* ==================================================================== */
/*  FAQ — smaller badge + title on mobile (screen 1)                    */
/* ==================================================================== */
@media (max-width: 767px){
    .faq__badge{
        padding:7px 14px 7px 8px !important;
        gap:8px !important;
    }
    .faq__badge img,
    .faq__badge-icon img{width:15px !important;height:15px !important}
    .faq__badge-icon,
    .faq__badge > span:first-child{width:30px !important;height:30px !important}
    .faq__title{font-size:26px !important;line-height:1.14 !important}
    .faq__subtitle{font-size:14px !important}
}

/* ==================================================================== */
/*  CATEGORY page — title bigger, desc font, kill 430px empty gap       */
/* ==================================================================== */
/* Kill legacy min-height that leaves huge empty space when the hero
   image is hidden on mobile. */
.game-hero__inner{ min-height:0 !important }

/* Description — Mazzard font (screen 2) */
.game-hero__desc{
    font-family:"Mazzard H","Mazzard M",sans-serif !important;
}

@media (max-width: 768px){
    .game-hero{padding:84px 0 24px !important}
    .game-hero__inner{padding:0 !important;min-height:0 !important}
    /* Title bigger on mobile (screen 3) */
    .game-hero__title{font-size:38px !important;line-height:1.1 !important}
    .game-hero__desc{font-size:15px !important;line-height:1.6 !important}
    /* Tighten gap before first platform list (screen 4) */
    .game-list{margin-top:8px !important}
    .game-list__head{margin-bottom:16px !important}
}
@media (max-width: 480px){
    .game-hero__title{font-size:32px !important}
}

/* ==================================================================== */
/*  History timeline — force text wrapping (grid min-width:0 fix)       */
/* ==================================================================== */
@media (max-width: 767px){
    /* keep the slider/card from being overflowed by wide content */
    .about-section__history{overflow:hidden !important}
    .about-section__history__slider{overflow:hidden !important}
    /* minmax(0,1fr) lets the content column actually shrink & wrap */
    .about-section__history__slide,
    .about-section__history__slide.swiper-slide{
        grid-template-columns:18px minmax(0, 1fr) !important;
    }
    /* min-width:0 on grid children defeats the default min-content floor */
    .about-section__history__slide .years,
    .about-section__history__slide .record,
    .about-section__history__slide .small-text{
        min-width:0 !important;
        max-width:100% !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
        white-space:normal !important;
    }
}

/* ==================================================================== */
/*  Games catalog search — single clean magnifier (kill duplicate icon) */
/* ==================================================================== */
/* The input had its own background-image magnifier AND an <img> icon —
   two icons. Remove the input bg-image, keep one inline-SVG magnifier. */
.games-page #games-search,
.games-page .games-search__input{
    background-image:none !important;
}
.games-page .games-search__icon{
    position:absolute !important;
    left:16px !important;top:50% !important;
    transform:translateY(-50%) !important;
    width:18px !important;height:18px !important;
    color:rgba(255,255,255,.45) !important;
    opacity:1 !important;
    filter:none !important;
    pointer-events:none;
    transition:color .2s ease;
}
.games-page .games-search:focus-within .games-search__icon{
    color:#cbb6ff !important;
}

/* ==================================================================== */
/*  FIX batch — reviews date, category title, about gaps + stats        */
/* ==================================================================== */

/* (1) Reviews card: decorative quote glyph collided with the date.
   Push the quote lower (behind body text) so the top-right date is clean. */
.rev-card::after{
    top:52px !important;
    right:20px !important;
    font-size:78px !important;
    color:rgba(132,86,255,.10) !important;
}
.rev-card__date{ z-index:3 !important }

/* (2) Category page title — even bigger on desktop + larger image */
@media (min-width: 1024px){
    .game-hero__title{ font-size:64px !important }
    .game-hero__image{ flex:0 0 50% !important; max-width:640px !important }
}

/* (3+5) About page mobile — tighten gap before "Мы предлагаем..." and
   center the stat cards content */
@media (max-width: 767px){
    /* gap between the long paragraph and the catalog caption */
    .about-page .about-section{ padding-bottom:8px !important }
    .about-section__text{ margin-bottom:0 !important }
    .about-page .catalog{ margin-top:24px !important }
    .about-page .section-caption-container{ margin-bottom:18px !important }

    /* center stats content inside the bento cards */
    .about-section__stat{
        text-align:center !important;
        align-items:center !important;
        justify-content:center !important;
        display:flex !important;flex-direction:column !important;
        padding:22px 14px !important;
    }
    .about-section__stat p{ margin:0 0 4px !important }
}

/* ==================================================================== */
/*  MOBILE — kill excess top whitespace + fit titles + function cards   */
/* ==================================================================== */
@media (max-width: 599px){
    /* (1) Home hero — less space above the badge */
    main.main section:first-child,
    main.main .hero{ padding-top:74px !important }

    /* (2) Reviews / (3) Status / About / Profile — less top space */
    .status-page > section:first-of-type,
    .about-page > section:first-of-type,
    .reviews-page > section:first-of-type,
    .profile > section:first-of-type,
    main.status-page,
    main.about-page,
    main.reviews-page,
    main.profile{
        padding-top:78px !important;
    }

    /* (3) Status title — fit "Статусы читов" on one line */
    .status-heading-section__section-caption,
    .status-page .status-heading-section__section-caption{
        font-size:26px !important;
        line-height:1.1 !important;
    }
    .status-heading-section__section-caption .hero__title-bolt,
    .status-heading-section__section-caption img{
        width:22px !important;height:22px !important;vertical-align:-3px;
    }

    /* (4) Функционал cards — not so tall, fit content */
    .cheat-functions__block{ min-height:0 !important }
    .cheat-functions__block__scroll-container{ max-height:none !important }
}

/* ==================================================================== */
/*  MOBILE batch — footer / profile / game-card / section2 polish       */
/* ==================================================================== */

/* (3) Profile page — sidebar + main were overlapping (flex never went
   column on mobile because the old rule targeted .profile__container). */
@media (max-width: 900px){
    .profile{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .profile__sidebar{ width:100% !important; margin-right:0 !important }
    .profile__main{ width:100% !important }
}

/* (1) Footer — compact link list (kill the huge vertical gaps) */
@media (max-width: 599px){
    .footer{ margin-top:36px !important; padding:30px 18px 22px !important }
    .footer__container{ gap:18px !important; padding-bottom:18px !important }
    .footer__logo img{ height:80px !important }
    .footer__menu{
        gap:0 !important;
    }
    .footer__menu__item > a{
        padding:8px 8px !important;
        font-size:12px !important;
        line-height:1.2 !important;
        min-height:0 !important;
    }
}

/* (2) Category game-card — height fits content (no tall empty card) */
@media (max-width: 768px){
    .game-list .game-cheats-slider .swiper-wrapper{ align-items:flex-start !important }
    .game-list .game-cheats-slider .game-card{
        height:auto !important;
        align-self:flex-start !important;
    }
    .game-card{ justify-content:flex-start !important }
    .game-card__bottom{ margin-top:16px !important }
}

/* (4+5) Section2 horizontal scroll — softer edges + gap under title */
@media (max-width: 767px){
    .section2__title{ margin-bottom:22px !important }
    .section2__grid{
        margin:0 !important;                 /* no full-bleed clip */
        padding:4px 0 14px !important;
        scroll-padding-left:0 !important;
        gap:14px !important;
    }
    .section2__grid .s2-card{
        flex:0 0 86% !important;
        max-width:86% !important;
        border-radius:20px !important;       /* visible rounded corners */
    }
    /* small right peek so it's clear there's more to scroll */
    .section2__grid::after{
        content:"";flex:0 0 8px;
    }
}

/* ==================================================================== */
/*  MOBILE — hero gap + compact catalog button                          */
/* ==================================================================== */
@media (max-width: 767px){
    /* (1) Hero — remove the big empty band before the next section */
    main.main .hero{
        padding-bottom: 8px !important;
        min-height: 0 !important;
    }
    main.main .hero__col{ padding-bottom: 0 !important }
    main.main .catalog{ margin-top: 24px !important }

    /* (2) "Смотреть весь каталог" — compact auto-width pill (like reviews) */
    .catalog__more-wrap{ margin-top: 28px !important; padding-bottom: 8px }
    .catalog__more-wrap .section-more-btn,
    .section-more-btn{
        width: auto !important;
        max-width: max-content !important;
        align-self: center !important;
        padding: 13px 26px !important;
        font-size: 14px !important;
    }
    .section-more-btn img{ width: 16px !important; height: 16px !important }
}

/* ==================================================================== */
/*  Category hero title — lighter weight + hackexe-like sizing          */
/* ==================================================================== */
.game-hero__title{
    font-weight:600 !important;          /* less bold */
    font-size:56px !important;
    letter-spacing:-0.02em !important;
    line-height:1.06 !important;
}
.game-hero__title-dim{
    color:rgba(255,255,255,.34) !important;
    font-weight:600 !important;
    display:inline;                       /* keep (CS2) for SEO, inline after title */
}
@media (max-width: 1023px){ .game-hero__title{ font-size:44px !important } }
@media (max-width: 768px){ .game-hero__title{ font-size:38px !important } }
@media (max-width: 480px){ .game-hero__title{ font-size:30px !important } }

/* ==================================================================== */
/*  "Назад" button on category page — real bordered pill, bigger        */
/* ==================================================================== */
.game-hero__back{
    display:inline-flex !important;align-items:center !important;gap:10px !important;
    padding:13px 24px !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:999px !important;
    font-family:"Mazzard M",sans-serif !important;
    font-size:14px !important;font-weight:600 !important;
    letter-spacing:.04em !important;text-transform:uppercase !important;
    color:rgba(255,255,255,.7) !important;
    transition:background .2s ease, border-color .2s ease, color .2s ease !important;
}
.game-hero__back:hover{
    background:rgba(132,86,255,.12) !important;
    border-color:rgba(132,86,255,.35) !important;
    color:#fff !important;
}
.game-hero__back svg{ width:15px !important;height:15px !important }

/* ==================================================================== */
/*  Hero "Каталог игр" button — crisp font (no smudge)                  */
/* ==================================================================== */
.hero__btn-catalog__label{
    font-family:"Mazzard H", sans-serif !important;
    font-weight:600 !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

/* ==================================================================== */
/*  BADGE PILLS — unified refined chip (new design)                     */
/*  Targets hero / catalog / section2 / reviews / faq badges            */
/* ==================================================================== */
.hero__badge,
.catalog__badge,
.section2__badge,
.reviews__badge,
.faq__badge{
    display:inline-flex !important;align-items:center !important;
    gap:10px !important;
    padding:8px 18px 8px 8px !important;
    background:linear-gradient(180deg, rgba(132,86,255,.12), rgba(132,86,255,.05)) !important;
    border:1px solid rgba(132,86,255,.22) !important;
    border-radius:999px !important;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}
/* Icon chip — smaller, softer gradient */
.hero__badge-icon,
.catalog__badge-icon,
.section2__badge-icon,
.reviews__badge-icon,
.faq__badge-icon,
.reviews__badge > span:first-child,
.faq__badge > span:first-child{
    width:30px !important;height:30px !important;
    border-radius:50% !important;flex-shrink:0 !important;
    background:linear-gradient(135deg, #9468ff 0%, #7a4eff 100%) !important;
    box-shadow:0 4px 12px -4px rgba(132,86,255,.6) !important;
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
}
.hero__badge-icon img,
.catalog__badge-icon img,
.section2__badge-icon img,
.reviews__badge-icon img,
.faq__badge-icon img,
.reviews__badge > span:first-child img,
.faq__badge > span:first-child img{
    width:16px !important;height:16px !important;object-fit:contain !important;
}
/* Text — refined caption, lavender */
.hero__badge-text,
.catalog__badge-text,
.section2__badge-text,
.reviews__badge-text,
.faq__badge-text,
.reviews__badge > span:last-child,
.faq__badge > span:last-child{
    font-family:"Mazzard M", sans-serif !important;
    font-weight:600 !important;
    font-size:14px !important;
    letter-spacing:.01em !important;
    line-height:1.1 !important;
    color:#e6ddff !important;
    white-space:nowrap;
    text-transform:none !important;
}
@media (max-width: 599px){
    .hero__badge,.catalog__badge,.section2__badge,.reviews__badge,.faq__badge{
        padding:6px 14px 6px 6px !important;gap:8px !important;
    }
    .hero__badge-icon,.catalog__badge-icon,.section2__badge-icon,
    .reviews__badge-icon,.faq__badge-icon,
    .reviews__badge > span:first-child,.faq__badge > span:first-child{
        width:26px !important;height:26px !important;
    }
    .hero__badge-text,.catalog__badge-text,.section2__badge-text,
    .reviews__badge-text,.faq__badge-text,
    .reviews__badge > span:last-child,.faq__badge > span:last-child{ font-size:12.5px !important }
}

/* ==================================================================== */
/*  Hero title — UPPERCASE + slightly smaller (per request)             */
/* ==================================================================== */
.hero__title{
    text-transform:uppercase !important;
    font-size:52px !important;
    line-height:1.1 !important;
    letter-spacing:-0.01em !important;
}
@media (max-width:1023px){ .hero__title{ font-size:40px !important } }
@media (max-width:599px){ .hero__title{ font-size:30px !important } }

/* ==================================================================== */
/*  Big section headings — lighter weight (closer to reference)         */
/*  Less heavy than 700, crisp rendering for readability                */
/* ==================================================================== */
.reviews__title,
.reviews-page__title,
.catalog__title,
.section2__title,
.faq__title,
.games-catalog__title,
.about-heading-section__section-caption,
.status-heading-section__section-caption,
.game-hero__title{
    font-weight:600 !important;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    letter-spacing:-0.015em !important;
}

/* ==================================================================== */
/*  TYPOGRAPHY — lighter, more readable headings (hackexe-like)         */
/*  Mazzard H is a heavy display face → headings looked too chunky.     */
/*  Switch major headings to the cleaner Mazzard M at weight 600 and    */
/*  enable proper antialiasing so even small text stays crisp.          */
/* ==================================================================== */
body, body *{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}
.hero__title,
.catalog__title,
.section2__title,
.reviews__title,
.reviews-page__title,
.faq__title,
.games-catalog__title,
.about-heading-section__section-caption,
.status-heading-section__section-caption,
.game-hero__title,
.section-caption,
.about-section__history__caption,
.cheat-functions__caption,
.cheat-block__name{
    font-family:"Mazzard M","Mazzard H",sans-serif !important;
    font-weight:600 !important;
    letter-spacing:-0.02em !important;
}

/* (2) Hero H1 — uppercase + slightly smaller (screen 2) */
.hero__title{
    text-transform:uppercase !important;
    font-size:46px !important;
    line-height:1.1 !important;
}
@media (min-width:1440px){ .hero__title{ font-size:52px !important } }
@media (max-width:1023px){ .hero__title{ font-size:36px !important } }
@media (max-width:599px){ .hero__title{ font-size:30px !important } }

/* Keep the home "Эксклюзивные читы"→"Выберите свою игру" + others crisp,
   not uppercase (only the hero H1 is caps per request). */
.catalog__title,
.section2__title,
.reviews__title,
.reviews-page__title,
.faq__title,
.games-catalog__title{
    text-transform:none !important;
}

/* ==================================================================== */
/*  ФУНКЦИОНАЛ — clean rebuild (header bar + top-aligned list)          */
/*  Fixes: content was bottom-aligned with a big empty middle (simplebar */
/*  + equal-height swiper stretch). Now cards hug content, list sits      */
/*  right under a clean accent header.                                    */
/* ==================================================================== */
/* Cards size to content, top-aligned (no forced equal-height stretch) */
.swiper-functional .swiper-wrapper{ align-items:flex-start !important }
.cheat-functions__block.swiper-slide,
.cheat-functions__block{
    width:360px !important;
    height:auto !important;
    align-self:flex-start !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    background:#1a212e !important;
    border:1px solid rgba(255,255,255,.06) !important;
    border-radius:18px !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* Header bar — full-width accent strip with dot + uppercase title */
.cheat-functions__block__name-panel{
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:16px 20px !important;
    border-radius:0 !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
    display:flex !important;align-items:center !important;
    font-family:"Mazzard M",sans-serif !important;
    font-size:13px !important;font-weight:700 !important;
    letter-spacing:.16em !important;text-transform:uppercase !important;
}

/* Neutralise simplebar so the short lists flow naturally (no scroll/height) */
.cheat-functions__block__scroll-container{
    margin:0 !important;
    max-height:none !important;
    height:auto !important;
    padding:18px 20px 22px !important;
    overflow:visible !important;
}
.cheat-functions__block .simplebar-offset,
.cheat-functions__block .simplebar-content-wrapper,
.cheat-functions__block .simplebar-mask{
    position:static !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
}
.cheat-functions__block .simplebar-content{
    display:block !important;
    padding:0 !important;
}
.cheat-functions__block .simplebar-track{ display:none !important }

/* List — clean, top-aligned, even spacing */
.cheat-functions__block__list{
    display:flex !important;flex-direction:column !important;
    gap:12px !important;margin:0 !important;padding:0 !important;
    list-style:none !important;
}
.cheat-functions__block__list li{
    opacity:1 !important;
    margin:0 !important;
    padding-left:20px !important;
    position:relative;
    font-family:"Mazzard M",sans-serif !important;
    font-size:14.5px !important;line-height:1.35 !important;
    color:rgba(255,255,255,.74) !important;
}
.cheat-functions__block__list li::before{
    content:"" !important;
    position:absolute;left:2px;top:.5em;
    width:6px;height:6px;border-radius:50%;
    background:currentColor;opacity:1;
}

/* Accent header tints + matching bullet colors */
.cheat-functions__block__name-panel#visuals{
    background:linear-gradient(90deg, rgba(138,245,155,.16), rgba(138,245,155,0)) !important;
    color:#8af59b !important;
}
.cheat-functions__block__name-panel#aimbot{
    background:linear-gradient(90deg, rgba(255,187,86,.16), rgba(255,187,86,0)) !important;
    color:#ffbb56 !important;
}
.cheat-functions__block__name-panel#misc{
    background:linear-gradient(90deg, rgba(255,140,181,.16), rgba(255,140,181,0)) !important;
    color:#ff8cb5 !important;
}
.cheat-functions__block__name-panel:not(#visuals):not(#aimbot):not(#misc){
    background:linear-gradient(90deg, rgba(132,86,255,.16), rgba(132,86,255,0)) !important;
    color:#b59aff !important;
}
.cheat-functions__block:has(#visuals) .cheat-functions__block__list li{ color:rgba(255,255,255,.74) !important }
.cheat-functions__block:has(#visuals) .cheat-functions__block__list li::before{ background:#8af59b !important }
.cheat-functions__block:has(#aimbot) .cheat-functions__block__list li::before{ background:#ffbb56 !important }
.cheat-functions__block:has(#misc)   .cheat-functions__block__list li::before{ background:#ff8cb5 !important }

@media (max-width: 599px){
    .cheat-functions__block.swiper-slide,
    .cheat-functions__block{ width:84vw !important; max-width:340px !important }
    .cheat-functions__block__list li{ font-size:14px !important }
}

/* ==================================================================== */
/*  ФУНКЦИОНАЛ v2 — responsive GRID (swiper disabled), content-height    */
/* ==================================================================== */
/* Hide the now-unused slider arrows */
.cheat-functions .slider-arrows{ display:none !important }

/* Turn the swiper structure into a responsive grid */
.cheat-functions .swiper-functional,
.cheat-functions .swiper{
    overflow:visible !important;
    width:100% !important;
}
.cheat-functions .swiper-functional .swiper-wrapper,
.cheat-functions .swiper .swiper-wrapper{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:20px !important;
    transform:none !important;
    width:100% !important;
    align-items:start !important;       /* each card hugs its content */
}
.cheat-functions__block.swiper-slide,
.cheat-functions__block{
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    align-self:start !important;
}

@media (max-width: 980px){
    .cheat-functions .swiper-functional .swiper-wrapper,
    .cheat-functions .swiper .swiper-wrapper{
        grid-template-columns:repeat(2, 1fr) !important;
    }
}
@media (max-width: 640px){
    .cheat-functions .swiper-functional .swiper-wrapper,
    .cheat-functions .swiper .swiper-wrapper{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }
    .cheat-functions__block.swiper-slide,
    .cheat-functions__block{ width:auto !important;max-width:none !important }
}

/* ==================================================================== */
/*  GLOBAL FONT — Onest (self-hosted) mapped onto existing family names */
/*  Все ~250 деклараций font-family:"Mazzard H"/"Mazzard M" автоматически */
/*  рисуются Onest. Объявления в конце файла перекрывают оригинальные.   */
/* ==================================================================== */
/* Onest base faces */
@font-face{font-family:"Onest";src:url(../fonts/Onest/Onest-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Onest";src:url(../fonts/Onest/Onest-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Onest";src:url(../fonts/Onest/Onest-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Onest";src:url(../fonts/Onest/Onest-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Onest";src:url(../fonts/Onest/Onest-800.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}

/* Remap legacy family slots → Onest using WEIGHT RANGES so EVERY original
   Mazzard weight (200/300/400/500/600/700/800/900 + italics) is shadowed
   by an Onest face — no original Mazzard weight can survive. */
@font-face{font-family:"Mazzard M";src:url(../fonts/Onest/Onest-400.ttf) format("truetype");font-weight:100 449;font-style:normal;font-display:swap}
@font-face{font-family:"Mazzard M";src:url(../fonts/Onest/Onest-500.ttf) format("truetype");font-weight:450 549;font-style:normal;font-display:swap}
@font-face{font-family:"Mazzard M";src:url(../fonts/Onest/Onest-600.ttf) format("truetype");font-weight:550 649;font-style:normal;font-display:swap}
@font-face{font-family:"Mazzard M";src:url(../fonts/Onest/Onest-700.ttf) format("truetype");font-weight:650 749;font-style:normal;font-display:swap}
@font-face{font-family:"Mazzard M";src:url(../fonts/Onest/Onest-800.ttf) format("truetype");font-weight:750 1000;font-style:normal;font-display:swap}
/* italics → reuse normal Onest */
@font-face{font-family:"Mazzard M";src:url(../fonts/Onest/Onest-500.ttf) format("truetype");font-weight:100 1000;font-style:italic;font-display:swap}
@font-face{font-family:"Mazzard H";src:url(../fonts/Onest/Onest-400.ttf) format("truetype");font-weight:100 449;font-style:normal;font-display:swap}
@font-face{font-family:"Mazzard H";src:url(../fonts/Onest/Onest-500.ttf) format("truetype");font-weight:450 549;font-style:normal;font-display:swap}
@font-face{font-family:"Mazzard H";src:url(../fonts/Onest/Onest-600.ttf) format("truetype");font-weight:550 649;font-style:normal;font-display:swap}
@font-face{font-family:"Mazzard H";src:url(../fonts/Onest/Onest-700.ttf) format("truetype");font-weight:650 749;font-style:normal;font-display:swap}
@font-face{font-family:"Mazzard H";src:url(../fonts/Onest/Onest-800.ttf) format("truetype");font-weight:750 1000;font-style:normal;font-display:swap}
@font-face{font-family:"Mazzard H";src:url(../fonts/Onest/Onest-700.ttf) format("truetype");font-weight:100 1000;font-style:italic;font-display:swap}

:root{ --font-sans:"Onest","Mazzard M",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif }
/* Force Onest everywhere (overrides any stray family) */
html, body, body *{ font-family:var(--font-sans) !important }

/* Crisp rendering everywhere */
html, body, body *{
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
    text-rendering:optimizeLegibility;
}

/* ==================================================================== */
/*  FONT-WEIGHT normalization — clean, consistent scale (Onest)         */
/* ==================================================================== */
/* Big headings → 700 */
.hero__title,.section-caption,.catalog__title,.section2__title,.reviews__title,
.reviews-page__title,.faq__title,.games-catalog__title,.game-hero__title,
.about-heading-section__section-caption,.status-heading-section__section-caption,
.about-section__history__caption,.cheat-functions__caption,.cheat-block__name,
.popup__caption,.profile__main__header,.about-section__stat p{
    font-weight:700 !important;
    letter-spacing:-0.02em !important;
}
/* Sub-headings / pills / tabs / badges / buttons → 600 */
.hero__subtitle,.catalog__subtitle,.section2__subtitle,.reviews__subtitle,
.reviews-page__subtitle,.faq__subtitle,.games-catalog__subtitle,.game-hero__desc,
.header__menu__item > a,.header__menu__pill,.header__login,.btn,.section-more-btn,
.func-tab,.func-chip,.hero__badge-text,.catalog__badge-text,.section2__badge-text,
.reviews__badge-text,.faq__badge-text,.catalog-card__name,.game-card__name,
.rev-card__name,.about-contact__label,.cheat-functions__block__name-panel,
.pay-btn,.pay-option__label,.footer__social-btn,.footer__menu__item > a{
    font-weight:600 !important;
}
/* Body / lists / inputs / meta → 500 (comfortable on dark) */
body,p,li,span,a,input,textarea,select,label,
.cheat-functions__block__list li,.func-chip,.catalog-card__desc,.game-card__list li,
.rev-card__text,.about-section__text,.accordion__body__content,
.pay-order-info__label,.pay-order-info__value{
    font-weight:500;
}

/* ==================================================================== */
/*  ФУНКЦИОНАЛ v3 — segmented tabs + chips grid                         */
/* ==================================================================== */
.cheat-functions{ overflow:visible }
.cheat-functions .slider-arrows{ display:none !important }
.cheat-functions__caption-container{ margin-bottom:22px !important }

/* Tabs (segmented) */
.func-tabs{
    display:flex; flex-wrap:wrap; gap:10px;
    margin-bottom:18px;
}
.func-tab{
    display:inline-flex; align-items:center; gap:9px;
    padding:11px 20px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.07);
    border-radius:999px;
    color:rgba(255,255,255,.62);
    font-family:"Onest",sans-serif; font-weight:600; font-size:13px;
    letter-spacing:.14em; text-transform:uppercase;
    cursor:pointer;
    transition:background .2s ease, border-color .2s ease, color .2s ease;
}
.func-tab:hover{ color:#fff; background:rgba(255,255,255,.06) }
.func-tab__dot{
    width:8px; height:8px; border-radius:50%;
    background:currentColor; flex-shrink:0;
    box-shadow:0 0 10px currentColor;
}
/* Active tab — accent tint + glow */
.func-tab.is-active{ color:#fff }
.func-tab.func--visuals.is-active{ background:rgba(138,245,155,.12); border-color:rgba(138,245,155,.4) }
.func-tab.func--aimbot.is-active{  background:rgba(255,187,86,.12);  border-color:rgba(255,187,86,.4) }
.func-tab.func--misc.is-active{    background:rgba(255,140,181,.12);  border-color:rgba(255,140,181,.4) }
.func-tab.func--default.is-active{ background:rgba(132,86,255,.14);   border-color:rgba(132,86,255,.42) }
/* Dot color per category (always tinted) */
.func-tab.func--visuals .func-tab__dot{ color:#8af59b }
.func-tab.func--aimbot  .func-tab__dot{ color:#ffbb56 }
.func-tab.func--misc    .func-tab__dot{ color:#ff8cb5 }
.func-tab.func--default .func-tab__dot{ color:#b59aff }

/* Panel container — fixed-ish height so switching doesn't jump */
.func-panels{
    position:relative;
    background:#1a212e;
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:24px;
    min-height:200px;
}
.func-panel{ display:none }
.func-panel.is-active{ display:block; animation:funcFade .25s ease both }
@keyframes funcFade{ from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }
@media (prefers-reduced-motion: reduce){ .func-panel.is-active{ animation:none } }

/* Chips grid */
.func-chips{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
    gap:10px;
}
.func-chip{
    display:inline-flex; align-items:center; gap:10px;
    padding:11px 16px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:12px;
    color:rgba(255,255,255,.82);
    font-family:"Onest",sans-serif; font-weight:500; font-size:14px;
    line-height:1.3;
    transition:background .18s ease, border-color .18s ease;
}
.func-chip:hover{ background:rgba(255,255,255,.05) }
.func-chip__check{ flex-shrink:0 }
/* Check color per category */
.func--visuals .func-chip__check{ color:#8af59b }
.func--aimbot  .func-chip__check{ color:#ffbb56 }
.func--misc    .func-chip__check{ color:#ff8cb5 }
.func--default .func-chip__check{ color:#b59aff }

@media (max-width: 640px){
    .func-tabs{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin:0 -16px 16px; padding:0 16px }
    .func-tabs::-webkit-scrollbar{ display:none }
    .func-tab{ flex-shrink:0 }
    .func-chips{ grid-template-columns:1fr }
    .func-panels{ padding:18px; min-height:0 }
}

/* ==================================================================== */
/*  HEADING SIZES — scale down (были слишком крупные) + tighter leading */
/* ==================================================================== */
.hero__title{ font-size:38px !important; line-height:1.08 !important }
@media (min-width:1440px){ .hero__title{ font-size:42px !important } }
@media (max-width:1023px){ .hero__title{ font-size:32px !important } }
@media (max-width:599px){ .hero__title{ font-size:26px !important } }

/* Hero bolt icon — inline, must NOT inflate the line box (kills the gap) */
.hero__title-bolt{
    width:0.86em !important; height:0.86em !important;
    top:0 !important; margin:0 .12em !important;
    vertical-align:-0.14em !important;
}
.hero__title-bolt img{ width:54% !important; height:54% !important }

/* Section titles — smaller, refined */
.catalog__title,.section2__title,.reviews__title,.games-catalog__title{
    font-size:30px !important; line-height:1.12 !important;
}
.reviews-page__title{ font-size:44px !important; line-height:1.1 !important }
.game-hero__title{ font-size:48px !important; line-height:1.08 !important }
.about-heading-section__section-caption,
.status-heading-section__section-caption{ font-size:42px !important; line-height:1.1 !important }
.faq__title{ font-size:30px !important }

@media (max-width:1023px){
    .reviews-page__title{ font-size:36px !important }
    .game-hero__title{ font-size:40px !important }
    .about-heading-section__section-caption,
    .status-heading-section__section-caption{ font-size:32px !important }
    .catalog__title,.section2__title,.reviews__title,.games-catalog__title,.faq__title{ font-size:26px !important }
}
@media (max-width:599px){
    .reviews-page__title{ font-size:28px !important }
    .game-hero__title{ font-size:30px !important }
    .about-heading-section__section-caption,
    .status-heading-section__section-caption{ font-size:26px !important }
    .catalog__title,.section2__title,.reviews__title,.games-catalog__title,.faq__title{ font-size:24px !important }
}

/* ==================================================================== */
/*  FINAL polish — profile btn, equal CTA buttons, hero image lower     */
/* ==================================================================== */

/* (1) Hero image — drop lower (was sitting too high over content) */
@media (min-width:1024px){
    .hero__image{ transform:translateY(46px) }
}

/* (2) "Смотреть весь каталог" === "Смотреть все отзывы" (identical size) */
.section-more-btn,
.reviews__all-bottom{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    padding:15px 30px !important;
    min-height:54px !important;
    font-family:"Onest",sans-serif !important;
    font-weight:600 !important;
    font-size:15px !important;
    border-radius:999px !important;
    width:auto !important;
    max-width:max-content !important;
}
.section-more-btn svg, .section-more-btn img,
.reviews__all-bottom svg, .reviews__all-bottom img{ width:18px !important;height:18px !important }
@media (max-width:600px){
    .section-more-btn, .reviews__all-bottom{ padding:14px 26px !important; font-size:14px !important }
}

/* (3+4) Profile / login button — no caps, symmetric chevron, highlighted */
@media (min-width:1024px){
    .header__login{
        text-transform:none !important;
        letter-spacing:0 !important;
        font-weight:600 !important;
        gap:9px !important;
        padding:0 16px 0 8px !important;
        position:relative;
        overflow:hidden;
    }
    .header__login__label{
        text-transform:none !important;
        letter-spacing:.01em !important;
        max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
    }
    .header__login__chev{
        display:inline-flex;align-items:center;justify-content:center;
        color:rgba(255,255,255,.85);
        transition:transform .2s ease;
        flex-shrink:0;
    }
    .header__login:hover .header__login__chev{ transform:translateX(2px) }
    /* subtle shimmer sweep for visual emphasis */
    .header__login::after{
        content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
        background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.18) 50%, transparent 70%);
        transform:translateX(-130%);
        transition:transform .6s ease;
    }
    .header__login:hover::after{ transform:translateX(130%) }
}
/* Mobile: hide chevron + label (icon-only pill), as before */
@media (max-width:1023px){
    .header__login__chev{ display:none !important }
}

/* ==================================================================== */
/*  FIX batch — footer markers, vignette, profile overlap, status hdr   */
/* ==================================================================== */

/* (4 screen) Profile page — sidebar (415px) overflowed its 300px grid
   track and covered the main content. Make it fill the track. */
.profile__container .profile__sidebar{ width:100% !important; max-width:none !important }

/* (1 screen) Footer links — small accent marker before text (not bare) */
@media (min-width:600px){
    .footer__menu .footer__menu__item > a{
        position:relative; padding-left:16px !important;
    }
    .footer__menu .footer__menu__item > a::before{
        content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);
        width:5px; height:5px; border-radius:50%;
        background:#8456ff;
        box-shadow:0 0 8px rgba(132,86,255,.6);
        opacity:.7; transition:opacity .2s ease;
    }
    .footer__menu .footer__menu__item > a:hover::before{ opacity:1 }
}

/* (3 screen) Catalog card image vignette — shrink so image shows more */
.catalog-card__img::after,
.games-page .catalog-card__img::after{
    height:34% !important;
    background:linear-gradient(180deg, rgba(23,29,40,0) 0%, rgba(23,29,40,.85) 78%, #171d28 100%) !important;
}

/* (5 screen) Status category cards — title looks like a header (divider) */
.game-status-block__name{
    padding-bottom:12px !important;
    margin:0 0 14px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    position:relative;
}
.game-status-block__name::after{
    content:""; position:absolute; left:0; bottom:-1px;
    width:42px; height:2px; border-radius:2px;
    background:#8456ff;
    box-shadow:0 0 10px rgba(132,86,255,.55);
}

/* ==================================================================== */
/*  CATEGORY page polish — hero, back btn, spacing, card gap, gallery   */
/* ==================================================================== */

/* (1) Hero image — bigger, fills its area better */
@media (min-width:1024px){
    .game-hero__image{ flex:0 0 52% !important; max-width:720px !important }
    .game-hero__image img{ width:100% !important }
}

/* (2) "Назад" button — finished look (icon chip + lift) */
.game-hero__back{
    display:inline-flex !important;align-items:center !important;gap:10px !important;
    padding:11px 22px 11px 11px !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:999px !important;
    font-family:"Onest",sans-serif !important;
    font-size:13px !important;font-weight:600 !important;
    letter-spacing:.06em !important;text-transform:uppercase !important;
    color:rgba(255,255,255,.72) !important;
    transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease !important;
}
.game-hero__back svg{
    width:30px !important;height:30px !important;
    padding:7px; box-sizing:border-box;
    border-radius:50%;
    background:rgba(132,86,255,.16);
    color:#cbb6ff;
    flex-shrink:0;
}
.game-hero__back:hover{
    background:rgba(132,86,255,.10) !important;
    border-color:rgba(132,86,255,.35) !important;
    color:#fff !important;
    transform:translateY(-1px);
}

/* (3) Platform sections (Android / iOS / Эмуляторы) — equal spacing */
.game-list{ margin-top:48px !important }
.game-list:first-of-type{ margin-top:28px !important }
.game-list__head{ margin-bottom:20px !important }
@media (max-width:768px){
    .game-list{ margin-top:32px !important }
    .game-list:first-of-type{ margin-top:8px !important }
}

/* (4) Reduce gap between product cards (kill swiper margin + flex gap) */
.game-list .game-cheats-slider .swiper-wrapper{ gap:16px !important }
.game-list .game-cheats-slider .game-card{ margin:0 !important }

/* (5) Empty product gallery — intentional placeholder instead of blank box */
.cheat-block__slider__slide.is-empty{
    display:flex !important;align-items:center !important;justify-content:center !important;
    background:linear-gradient(180deg,#1a212e,#141a25) !important;
    border:1px dashed rgba(255,255,255,.08) !important;
    border-radius:16px;
}
.cheat-block__slider__slide.is-empty::after{
    content:"" !important;
    width:64px;height:64px;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='64' height='64' fill='none' stroke='%235b6478' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='3'/><circle cx='8.5' cy='8.5' r='1.5'/><path d='M21 15l-5-5L5 21'/></svg>");
    background-repeat:no-repeat;background-position:center;background-size:contain;
    opacity:.5;
}

/* ==================================================================== */
/*  CHEAT PAGE polish — func finish, video btn, footer seam, glow      */
/* ==================================================================== */

/* (1) ФУНКЦИОНАЛ — finished look: panel hugs content, chips feel solid */
.func-panels{ min-height:0 !important; padding:22px 22px 20px !important }
.func-chips{
    grid-template-columns:repeat(auto-fill, minmax(204px, 1fr)) !important;
    gap:12px !important;
}
.func-chip{
    padding:12px 15px !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:13px !important;
    font-weight:600 !important;
    font-size:14.5px !important;
    color:#fff !important;
    transition:background .18s ease, border-color .18s ease, transform .15s ease !important;
}
.func-chip:hover{ background:rgba(255,255,255,.065) !important; transform:translateY(-1px) }
/* check inside a soft category-tinted square */
.func-chip__check{
    width:24px !important; height:24px !important;
    padding:4px; box-sizing:border-box;
    border-radius:8px;
    background:rgba(255,255,255,.05);
}
.func--visuals .func-chip{ border-color:rgba(138,245,155,.14) }
.func--aimbot  .func-chip{ border-color:rgba(255,187,86,.14) }
.func--misc    .func-chip{ border-color:rgba(255,140,181,.14) }
.func--default .func-chip{ border-color:rgba(132,86,255,.16) }
.func--visuals .func-chip__check{ background:rgba(138,245,155,.14) }
.func--aimbot  .func-chip__check{ background:rgba(255,187,86,.14) }
.func--misc    .func-chip__check{ background:rgba(255,140,181,.14) }
.func--default .func-chip__check{ background:rgba(132,86,255,.16) }
.cheat-functions{ margin-bottom:60px !important }

/* (3) Video-review button — clear "watch review" pill, not a bare circle */
.cheat-block__info__btn-line{ display:flex; align-items:center; gap:12px }
.cheat-block__info__btn-line .btn-play{
    width:auto !important; height:auto !important;
    border-radius:14px !important;
    background-image:none !important;
    background-color:rgba(132,86,255,.10) !important;
    border:1px solid rgba(132,86,255,.32) !important;
    display:inline-flex !important; align-items:center; gap:9px;
    padding:0 18px !important; min-height:54px;
    color:#cbb6ff !important;
    font-family:"Onest",sans-serif; font-weight:600; font-size:14px;
    letter-spacing:.02em; white-space:nowrap; cursor:pointer;
    transition:background .2s ease, border-color .2s ease, color .2s ease, transform .15s ease !important;
}
.cheat-block__info__btn-line .btn-play:hover{
    background-color:rgba(132,86,255,.18) !important;
    border-color:rgba(132,86,255,.5) !important;
    color:#fff !important; transform:translateY(-1px);
}
.btn-play__icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:28px; height:28px; border-radius:50%;
    background:rgba(132,86,255,.22); color:#fff; flex-shrink:0;
}
.btn-play__icon svg{ width:12px; height:13px; margin-left:1px }
.btn-play__label{ display:inline-block }
@media (max-width:520px){
    .btn-play__label{ display:none }
    .cheat-block__info__btn-line .btn-play{ padding:0 !important; width:54px !important; justify-content:center }
}

/* (4) Footer — remove visible seam/transition with the section above */
.footer{
    margin-top:0 !important;
    background:transparent !important;
    border-top:0 !important;
}
.footer::before{ display:none !important }

/* (5) Faint ambient glow (like reference) — very subtle, behind everything */
body::before{
    content:"";
    position:fixed; inset:0;
    z-index:-2;
    pointer-events:none;
    background:
        radial-gradient(420px 420px at 16% 22%, rgba(132,86,255,.07), transparent 70%),
        radial-gradient(520px 520px at 88% 32%, rgba(124,99,255,.06), transparent 72%),
        radial-gradient(460px 460px at 72% 82%, rgba(150,86,255,.05), transparent 72%),
        radial-gradient(380px 380px at 30% 88%, rgba(110,80,255,.045), transparent 72%);
}
@media (prefers-reduced-motion: reduce){ body::before{ opacity:.6 } }

/* ==================================================================== */
/*  HOME hero polish — image lower, subtitle size, title leading       */
/* ==================================================================== */

/* (1) Hero spider — drop lower so it doesn't crowd the header/buttons */
@media (min-width:1024px){
    .hero__image{ bottom:-82px !important }
}

/* (2) Marketing subtitles were too large (22px) — calmer 16px */
.hero__subtitle,
.catalog__subtitle,
.section2__subtitle,
.reviews__subtitle,
.faq__subtitle{
    font-size:16px !important;
    line-height:1.5 !important;
}
@media (max-width:599px){
    .hero__subtitle,.catalog__subtitle,.section2__subtitle,
    .reviews__subtitle,.faq__subtitle{ font-size:14.5px !important }
}

/* (3) Hero title — tighten line leading (remove the gap between lines) */
.hero__title{ line-height:0.98 !important }

/* ==================================================================== */
/*  CATEGORY + CHEAT polish v3.2.0 — back btn, hero size, gallery       */
/* ==================================================================== */

/* (2) "Назад" — proper finished pill with icon chip (markup now has svg) */
.game-hero__back{
    display:inline-flex !important; align-items:center !important; gap:10px !important;
    padding:9px 20px 9px 9px !important;
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:999px !important;
    width:auto !important; height:auto !important;
    font-family:"Onest",sans-serif !important;
    font-size:13px !important; font-weight:600 !important;
    letter-spacing:.08em !important; text-transform:uppercase !important;
    color:rgba(255,255,255,.74) !important;
    transition:background .2s ease, border-color .2s ease, color .2s ease, transform .15s ease !important;
}
.game-hero__back__icon{
    width:32px !important; height:32px !important; flex-shrink:0;
    display:inline-flex !important; align-items:center; justify-content:center;
    border-radius:50%;
    background:rgba(132,86,255,.16);
    color:#cbb6ff;
}
.game-hero__back:hover{
    background:rgba(132,86,255,.10) !important;
    border-color:rgba(132,86,255,.38) !important;
    color:#fff !important;
    transform:translateY(-1px);
}
.game-hero__back:hover .game-hero__back__icon{ background:rgba(132,86,255,.28); color:#fff }

/* (1) Hero — enlarge title + image to fill the space */
@media (min-width:1024px){
    .game-hero__title{ font-size:56px !important; line-height:1.05 !important }
    .game-hero__image{ flex:0 0 58% !important; max-width:780px !important }
    .game-hero__image img{ width:100% !important; height:auto !important }
}
@media (min-width:1440px){
    .game-hero__title{ font-size:62px !important }
}

/* (3) Gallery — robust placeholder behind every slide. Broken/missing
       cover images (404) reveal a tasteful placeholder instead of a blank
       black box; a real image (object-fit:cover) fully covers it. */
.cheat-block__slider__slide{
    position:relative;
    background:linear-gradient(135deg,#1c2431,#141a25) !important;
}
.cheat-block__slider__slide img{ position:relative; z-index:1 }

/* ==================================================================== */
/*  v3.2.1 — gaps, profile identity, catalog pill, UNIFORM headings,    */
/*           s2-card top                                                */
/* ==================================================================== */

/* (1) Category card row — tighter, even gaps */
.game-list .game-cheats-slider .swiper-wrapper{ gap:10px !important }
.game-list .game-cheats-slider .game-card{ margin:0 !important }

/* (3) Header "Каталог читов" pill — leading icon for symmetry + emphasis */
.header__menu__pill{
    gap:8px !important;
    background:rgba(132,86,255,.12) !important;
    border-color:rgba(132,86,255,.45) !important;
}
.header__menu__pill:hover{
    background:rgba(132,86,255,.20) !important;
    border-color:rgba(132,86,255,.6) !important;
}
.header__menu__pill-icon{
    display:inline-flex; align-items:center; justify-content:center;
    color:#b59aff; flex-shrink:0;
}
.header__menu__pill-icon svg{ width:15px; height:15px }

/* (2) Profile sidebar identity — readable, aligned, full nickname */
.profile__identity{ padding:22px !important }
.profile__identity__container{ align-items:center !important; margin-bottom:18px !important }
.profile__avatar{ width:48px !important; height:48px !important; padding:5px !important; margin-right:12px !important }
.profile__identity__user-info{ overflow:visible !important; min-width:0 !important; padding-right:10px !important }
.profile__identity__nickname{
    font-size:16px !important; font-weight:600 !important; line-height:1.25 !important;
    white-space:normal !important; overflow:visible !important; text-overflow:clip !important;
    word-break:break-word !important;
}
.profile__identity__balance{ margin-top:5px !important; font-size:15px !important; font-weight:600 !important }
.profile__identity__exit{ width:42px !important; height:42px !important; background-size:20px !important; align-self:center }

/* (4) UNIFORM section/page headings — one font, size, weight, leading,
       letter-spacing on EVERY page (baseline = 30px home style). */
.catalog__title, .section2__title, .reviews__title, .faq__title,
.games-catalog__title, .reviews-page__title,
.about-heading-section__section-caption, .status-heading-section__section-caption,
.key__section-caption, .instruction__section-caption,
.section-caption{
    font-family:"Onest", sans-serif !important;
    font-size:44px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    letter-spacing:-0.02em !important;
}
/* matching subtitle/caption-sub tier — one size everywhere */
.catalog__subtitle, .section2__subtitle, .reviews__subtitle, .faq__subtitle,
.reviews-page__subtitle, .games-catalog__subtitle{
    font-family:"Onest", sans-serif !important;
    font-size:16px !important;
    font-weight:600 !important;
    line-height:1.5 !important;
    letter-spacing:0 !important;
}
@media (max-width:1023px){
    .catalog__title, .section2__title, .reviews__title, .faq__title,
    .games-catalog__title, .reviews-page__title,
    .about-heading-section__section-caption, .status-heading-section__section-caption,
    .key__section-caption, .instruction__section-caption, .section-caption{ font-size:38px !important }
}
@media (max-width:599px){
    .catalog__title, .section2__title, .reviews__title, .faq__title,
    .games-catalog__title, .reviews-page__title,
    .about-heading-section__section-caption, .status-heading-section__section-caption,
    .key__section-caption, .instruction__section-caption, .section-caption{ font-size:32px !important }
}

/* (5) "Новый уровень" cards — content flush to top, ring bg fills top */
.section2__grid .s2-card{ padding:34px 28px 40px !important }
.s2-card::before{ background-size:122% 122% !important; background-position:center top !important; opacity:.5 !important }

/* (4b) Override higher-specificity page-prefixed heading rules so the
        UNIFORM 30px caption style truly applies on /games and /status. */
.games-page .games-catalog__title,
.status-page .status-heading-section__section-caption,
.section-caption.status-heading-section__section-caption{
    font-family:"Onest", sans-serif !important;
    font-size:44px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    letter-spacing:-0.02em !important;
}
.games-page .games-catalog__subtitle{ font-size:16px !important; line-height:1.5 !important }
@media (max-width:1023px){
    .games-page .games-catalog__title,
    .status-page .status-heading-section__section-caption{ font-size:38px !important }
}
@media (max-width:599px){
    .games-page .games-catalog__title,
    .status-page .status-heading-section__section-caption{ font-size:32px !important }
}

/* ==================================================================== */
/*  v3.2.3 — HOME hero: bolt align, bigger title, tighter gaps, top pad */
/* ==================================================================== */

/* Lightning bolt — center it on the cap height (was sitting below text) */
.hero__title-bolt{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    width:0.8em !important; height:0.8em !important;
    vertical-align:middle !important;
    position:relative !important; top:-0.07em !important;
    margin:0 .14em !important;
}
.hero__title-bolt img{ width:52% !important; height:52% !important }

/* Bigger hero title, tighter leading */
.hero__title{ font-size:48px !important; line-height:1.0 !important; margin-top:18px !important }
@media (min-width:1440px){ .hero__title{ font-size:54px !important } }
@media (max-width:1023px){ .hero__title{ font-size:38px !important } }
@media (max-width:599px){ .hero__title{ font-size:30px !important } }

/* Subtitle a touch smaller + tighter gap */
.hero__subtitle{ font-size:15px !important; margin-top:13px !important }
.hero__actions{ margin-top:24px !important }

/* Hero sits a bit lower from the top (breathing room under header) */
@media (min-width:1024px){
    .hero{ padding-top:180px !important }
    .hero__image{ bottom:-118px !important }   /* keep image aligned after the shift */
}

/* About-page badge — match the standard site badges (purple-tint pill) */
.section-category{
    background:linear-gradient(176.84deg, rgba(173,87,255,.16) 9.73%, rgba(138,86,255,.16) 102.08%) !important;
    background-color:transparent !important;
    border-radius:18px !important;
}
.section-category__text{ font-family:"Onest", sans-serif !important; font-weight:600 !important; color:#fff !important }

/* (5b) "Новый уровень" cards — ring decoration HALOES the icon (centered
        on the icon, not stretched across the whole card). */
.section2__grid .s2-card{ padding:34px 28px 40px !important; overflow:hidden !important }
.s2-card::before{
    content:"" !important;
    position:absolute !important;
    inset:auto !important;
    top:76px !important;              /* icon vertical center (pad 34 + icon 83/2) */
    left:50% !important;
    width:320px !important;
    height:320px !important;
    transform:translate(-50%,-50%) !important;
    background:url(../img/s2-card-bg.svg) center / contain no-repeat !important;
    opacity:.55 !important;
    pointer-events:none !important;
}

/* (5c) "Новый уровень" — restore the ring SVG as the full-card background
        (its rings are baked at ~28% height to halo a top icon). Padding
        puts the icon right in that ring centre so the rings wrap it. */
.section2__grid .s2-card{ padding:48px 28px 52px !important; overflow:hidden !important }
.s2-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
    width:auto !important; height:auto !important;
    transform:none !important;
    background:url(../img/s2-card-bg.svg) center / 100% 100% no-repeat !important;
    opacity:.55 !important;
    pointer-events:none !important;
}

/* About badge — match .catalog__badge EXACTLY (full pill, thin border, etc.) */
.section-category{
    gap:10px !important;
    padding:8px 18px 8px 8px !important;
    border-radius:999px !important;
    background:linear-gradient(rgba(132,86,255,.12), rgba(132,86,255,.05)) !important;
    background-color:transparent !important;
    border:1px solid rgba(132,86,255,.22) !important;
}
.section-category__icon{
    width:30px !important; height:30px !important;
    margin-right:0 !important;
    background:linear-gradient(135deg, rgb(148,104,255) 0%, rgb(122,78,255) 100%) !important;
}
.section-category__icon img{ width:55% !important; height:55% !important }
.section-category__text{
    font-family:"Onest", sans-serif !important;
    font-size:14px !important; font-weight:600 !important;
    color:rgb(230,221,255) !important; letter-spacing:.14px !important;
}

/* Category page — reduce dead space between hero and first platform list */
@media (min-width:1024px){
    .game-hero{ padding-top:80px !important; padding-bottom:24px !important }
    .game-list{ margin-top:30px !important }
    .game-list:first-of-type{ margin-top:16px !important }
}

/* Category hero — tighten further: shorter section, less gap to first list */
@media (min-width:1024px){
    .game-hero{ padding-top:72px !important; padding-bottom:16px !important }
    .game-hero__image img{ max-height:380px !important; width:auto !important; max-width:100% !important; margin-left:auto !important; display:block }
    .game-list:first-of-type{ margin-top:8px !important }
}

/* ==================================================================== */
/*  v3.3.4 — notif z-index, gallery icon, FUNCTIONAL polish, hero img    */
/* ==================================================================== */

/* (A) Bottom-right notification ABOVE any modal/popup */
.notification, .notification-container{ z-index:100000 !important }

/* (B) Empty gallery — clean, centered placeholder (icon + caption) */
.cheat-block__slider__slide{
    position:relative !important;
    background:linear-gradient(160deg,#1b2330 0%,#141a25 100%) !important;
}
/* (C) ФУНКЦИОНАЛ — clean feature cards (title + description), more spacing */
.func-chips{ gap:14px !important }
.func-chip{
    align-items:flex-start !important;
    gap:12px !important;
    padding:15px 17px !important;
    background:rgba(255,255,255,.035) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    transition:background .18s ease, border-color .18s ease, transform .15s ease !important;
}
.func-chip:hover{ background:rgba(255,255,255,.06) !important; transform:translateY(-1px) }
.func-chip__check{
    flex-shrink:0; margin-top:1px;
    width:24px !important; height:24px !important;
    display:inline-flex !important; align-items:center; justify-content:center;
    border-radius:8px;
    background:rgba(255,255,255,.06);
}
.func-chip__body{ display:flex !important; flex-direction:column; gap:4px; min-width:0 }
.func-chip__title{ font-family:"Onest",sans-serif !important; font-weight:700 !important; font-size:15px !important; color:#fff !important; line-height:1.25 }
.func-chip__desc{ font-family:"Onest",sans-serif !important; font-weight:500 !important; font-size:13px !important; color:rgba(255,255,255,.6) !important; line-height:1.45 }
.func--visuals .func-chip__check{ background:rgba(138,245,155,.14) !important; color:#8af59b !important }
.func--aimbot  .func-chip__check{ background:rgba(255,187,86,.14) !important; color:#ffbb56 !important }
.func--misc    .func-chip__check{ background:rgba(255,140,181,.14) !important; color:#ff8cb5 !important }
.func--default .func-chip__check{ background:rgba(132,86,255,.16) !important; color:#b59aff !important }
.func-panels{ padding:24px !important }

/* (D) Category hero image — restore + enlarge (remove earlier height cap) */
@media (min-width:1024px){
    .game-hero__image{ flex:0 0 60% !important; max-width:860px !important }
    .game-hero__image img{ max-height:none !important; width:100% !important; max-width:100% !important; height:auto !important; margin-left:0 !important }
}

/* "Рекомендуем" — gap between the heading row and the cards (was 0) */
.game-cheats .section-caption-container{ margin-bottom:26px !important }

/* ==================================================================== */
/*  PROFILE — clean, balanced settings form (was sparse/right-shifted)  */
/* ==================================================================== */
/* Tidy the form column so it doesn't float in the huge empty panel */
.profile__tabs__tab{ max-width:780px !important }

/* Each editable field = a neat card row: label | input | button */
.profile__settings-block_input{
    display:flex !important; align-items:center !important; gap:18px !important;
    flex-wrap:nowrap !important;
    padding:16px 20px !important;
    margin:0 0 14px 0 !important;
    background:rgba(255,255,255,.03) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-top:1px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
}
.profile__settings-block_input .profile__settings-block__text{
    flex:0 0 210px !important; width:auto !important;
    padding-right:0 !important; margin-bottom:0 !important;
}
.profile__settings-block__name{ font-size:15px !important; font-weight:600 !important; letter-spacing:0 !important }
.profile__settings-block__descr{ font-size:13px !important; margin-top:2px !important; line-height:1.35 !important }
.profile__settings-block__input{
    flex:1 1 auto !important; min-width:0 !important;
    margin-right:0 !important;
    padding:13px 18px !important;
    border-radius:11px !important;
    font-size:15px !important;
}
.profile__settings-block__edit-btn{
    position:static !important;
    width:auto !important; min-width:120px !important;
    margin-left:0 !important;
    padding:13px 44px 13px 20px !important;
    border-radius:11px !important;
    background-color:rgba(132,86,255,.14) !important;
    color:#cbb6ff !important;
    background-position:calc(100% - 18px) center !important;
}
.profile__settings-block__edit-btn:hover{ background-color:rgba(132,86,255,.24) !important; color:#fff !important }
.profile__settings-block__cancel-btn{ flex-shrink:0 }

/* "Сменить пароль" row (tab Безопасность) — same card style */
.profile__settings-block_password{
    padding:16px 20px !important; margin:0 0 18px 0 !important;
    background:rgba(255,255,255,.03) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
}

/* Profile tabs wrapper must STACK (buttons on top, content below) — it was
   display:flex, shoving the form into a right-hand column. */
.profile__tabs{
    display:block !important;
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
    margin-bottom:8px !important;
}
.profile__tabs__choose{ margin-bottom:24px !important }
.profile__tabs__tab{ max-width:780px !important; margin-left:0 !important }

/* ---- Profile settings on MOBILE: stack each row so inputs & buttons are
   actually visible (the !important desktop rules above forced nowrap rows
   that overflowed the screen and got clipped by .profile__main overflow). ---- */
@media (max-width: 767px){
    .profile__main{ overflow:visible !important; --padding-x:18px !important; --padding-y:26px !important }
    .profile__main .profile__block{ padding:24px 18px !important }
    .profile__tabs__tab{ max-width:100% !important }

    /* "Личные данные" — label on top, then [input] + compact icon button in one row */
    .profile__settings-block_input{
        flex-wrap:wrap !important;
        align-items:center !important;
        gap:10px !important;
        padding:16px !important;
    }
    .profile__settings-block_input .profile__settings-block__text{
        flex:1 1 100% !important;
        width:100% !important;
        padding-right:0 !important;
    }
    .profile__settings-block__input{
        flex:1 1 0 !important;
        width:auto !important;
        min-width:0 !important;
        margin-right:0 !important;
    }
    /* compact square pencil button (icon only) next to the input */
    .profile__settings-block_input .profile__settings-block__edit-btn{
        flex:0 0 auto !important;
        width:50px !important; min-width:50px !important; height:50px !important;
        padding:0 !important;
        font-size:0 !important;                      /* hide the "Изменить" label */
        background-position:center !important;
        background-size:18px !important;
        display:inline-flex !important; align-items:center !important; justify-content:center !important;
    }
    .profile__settings-block_input .profile__settings-block__edit-btn .submit{ display:none !important }
    .profile__settings-block_input .profile__settings-block__cancel-btn{
        flex:0 0 auto !important;
        width:50px !important; height:50px !important;
    }

    /* "Безопасность" — change-password row stacked */
    .profile__settings-block_password{
        flex-wrap:wrap !important;
        gap:12px !important;
    }
    .profile__settings-block_password .profile__settings-block__text{ flex:1 1 100% !important }
    .profile__settings-block_password .profile__settings-block__edit-btn{
        width:100% !important;
        min-width:0 !important;
        margin-left:0 !important;
    }

    /* "Способы входа" card stays readable on narrow screens */
    .profile__auth-methods{ padding:6px 16px !important }
    .profile__auth-method{ gap:12px !important }
}

/* ==================================================================== */
/*  PAYMENT METHODS (buy step 2) — clean card rows, tidy currency tag    */
/* ==================================================================== */
/* Container: even spacing between rows */
.popup--pay #buy-payments-methods, .popup--pay #topup-payments-methods,
.popup--pay #product-bt-main, .popup--pay #product-bt-sub{
    display:flex !important; flex-direction:column !important; gap:10px !important;
}
/* Row = card */
.popup--pay #buy-payments-methods .popup__payment-method,
.popup--pay #topup-payments-methods .popup__payment-method{
    background:rgba(255,255,255,.03) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    padding:12px 16px !important;
    min-height:64px !important;
    gap:14px !important;
    margin:0 !important;
    cursor:pointer;
    transition:background .18s ease, border-color .18s ease !important;
}
.popup--pay #buy-payments-methods .popup__payment-method:hover{ background:rgba(255,255,255,.055) !important }
.popup--pay #buy-payments-methods input[type="radio"]:checked + .popup__payment-method,
.popup--pay #topup-payments-methods input[type="radio"]:checked + .popup__payment-method{
    background:rgba(132,86,255,.10) !important;
    border-color:rgba(132,86,255,.5) !important;
}
/* Icon chip — clean light tile */
.popup--pay #buy-payments-methods .popup__payment-method__icon{
    width:42px !important; height:42px !important; border-radius:11px !important;
    background:#fff !important; padding:7px !important; box-shadow:0 2px 6px rgba(0,0,0,.25);
}
/* Name fills, currency tag stays compact on the right (was stretched to 197px) */
.popup--pay #buy-payments-methods .popup__payment-method__name,
.popup--pay #topup-payments-methods .popup__payment-method__name{ flex:1 1 auto !important; min-width:0 }
.popup--pay #buy-payments-methods .popup__payment-method__hint,
.popup--pay #buy-payments-methods .popup__payment-method__custom-info,
.popup--pay #topup-payments-methods .popup__payment-method__hint,
.popup--pay #topup-payments-methods .popup__payment-method__custom-info{
    flex:0 0 auto !important;
    width:auto !important;
    max-width:max-content !important;
    margin-left:auto !important;
    padding:5px 12px !important;
    font-size:11px !important;
}

/* ==================================================================== */
/*  PROFILE — smaller sidebar buttons + fix security tab layout          */
/* ==================================================================== */
/* Sidebar menu items — were 74px tall, too big */
.profile__menu{ gap:4px !important; padding:14px !important }
.profile__menu__item a{ padding:12px 16px !important; font-size:14px !important; border-radius:12px !important }

/* Security tab — "Изменить пароль" row: label left, button pushed right */
.profile__settings-block_password{
    display:flex !important; align-items:center !important; gap:16px !important;
}
.profile__settings-block_password .profile__settings-block__text{ flex:1 1 auto !important }
.profile__settings-block_password .profile__settings-block__edit-btn{
    margin-left:auto !important; flex-shrink:0 !important;
    width:auto !important; min-width:120px !important;
    padding:13px 44px 13px 20px !important; border-radius:11px !important;
    background-color:rgba(132,86,255,.14) !important; color:#cbb6ff !important;
    background-position:calc(100% - 18px) center !important;
}
.profile__settings-block_password .profile__settings-block__edit-btn:hover{ background-color:rgba(132,86,255,.24) !important; color:#fff !important }

/* "Способы входа" — tidy card with separated rows */
.profile__auth-methods{
    margin-top:14px !important;
    background:rgba(255,255,255,.03) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    padding:6px 20px !important;
}
.profile__auth-methods__title{ padding:14px 0 10px !important; font-size:15px !important; font-weight:700 !important }
.profile__auth-method{
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    padding:14px 0 !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
}
.profile__auth-method__name{ font-size:14px !important; font-weight:500 !important }

/* Profile "Личные данные" inputs — refined look + focus state */
.profile__settings-block__input{
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:12px !important;
    padding:14px 18px !important;
    color:#fff !important;
    font-size:15px !important;
    font-family:"Onest",sans-serif !important;
    transition:border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.profile__settings-block__input::placeholder{ color:rgba(255,255,255,.35) !important }
.profile__settings-block__input[readonly]{
    background:rgba(255,255,255,.025) !important;
    border-color:rgba(255,255,255,.07) !important;
    color:rgba(255,255,255,.8) !important;
    cursor:default;
}
/* When the field is being edited (readonly removed) — purple highlight */
.profile__settings-block__input:not([readonly]){
    background:rgba(132,86,255,.06) !important;
    border-color:rgba(132,86,255,.45) !important;
}
.profile__settings-block__input:not([readonly]):focus{
    border-color:rgba(132,86,255,.65) !important;
    box-shadow:0 0 0 3px rgba(132,86,255,.14) !important;
    outline:none !important;
}
.profile__settings-block__input:hover:not([readonly]){ border-color:rgba(132,86,255,.6) !important }

/* Payment method icons → cohesive accent glyph chips (replaces logo tiles) */
.popup--pay #buy-payments-methods .popup__payment-method__icon,
.popup--pay #topup-payments-methods .popup__payment-method__icon{
    background:linear-gradient(160deg, rgba(132,86,255,.20), rgba(132,86,255,.10)) !important;
    border:1px solid rgba(132,86,255,.30) !important;
    box-shadow:none !important;
    padding:0 !important;
    width:42px !important; height:42px !important; border-radius:12px !important;
    color:#cdbcff !important;
}
.pm-glyph{ display:inline-flex; align-items:center; justify-content:center; color:#cdbcff }
.pm-glyph svg{ width:21px; height:21px; display:block }
/* selected row → brighter glyph chip */
.popup--pay #buy-payments-methods input[type="radio"]:checked + .popup__payment-method .popup__payment-method__icon,
.popup--pay #topup-payments-methods input[type="radio"]:checked + .popup__payment-method .popup__payment-method__icon{
    background:linear-gradient(160deg, rgba(132,86,255,.4), rgba(132,86,255,.2)) !important;
    border-color:rgba(132,86,255,.55) !important;
    color:#fff !important;
}
.popup--pay .popup__payment-method__icon .pm-glyph svg{ color:inherit }

/* Payment icons → real app-icon images (DB), chip transparent so the icon's
   own rounded coloured tile shows fully */
.popup--pay #buy-payments-methods .popup__payment-method__icon,
.popup--pay #topup-payments-methods .popup__payment-method__icon{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    width:44px !important; height:44px !important;
    border-radius:12px !important;
    overflow:hidden;
}
.popup--pay .popup__payment-method__icon .pm-img{
    width:100% !important; height:100% !important;
    object-fit:contain !important;
    border-radius:12px !important;
    display:block !important;
}
.popup--pay .popup__payment-method__icon .pm-glyph{ width:100%; height:100%; border-radius:12px; background:linear-gradient(160deg,rgba(132,86,255,.2),rgba(132,86,255,.1)); color:#cdbcff }

/* ==================================================================== */
/*  PAYMENT METHOD — better SELECTED state (radio dot + glow)            */
/* ==================================================================== */
.popup--pay #buy-payments-methods .popup__payment-method,
.popup--pay #topup-payments-methods .popup__payment-method{ position:relative !important }

/* radio indicator at the far right of each row */
.popup--pay #buy-payments-methods .popup__payment-method::after,
.popup--pay #topup-payments-methods .popup__payment-method::after{
    display:block !important; content:"" !important; position:static !important;
    flex-shrink:0 !important;
    width:20px !important; height:20px !important; border-radius:50% !important;
    border:2px solid rgba(255,255,255,.22) !important;
    margin-left:8px !important;
    transition:border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}
.popup--pay #buy-payments-methods input[type="radio"]:checked + .popup__payment-method::after,
.popup--pay #topup-payments-methods input[type="radio"]:checked + .popup__payment-method::after{
    border-color:#9468ff !important;
    background:#9468ff !important;
    box-shadow:inset 0 0 0 4px #182030 !important;
}
/* selected row — brighter fill + soft purple glow + lift */
.popup--pay #buy-payments-methods input[type="radio"]:checked + .popup__payment-method,
.popup--pay #topup-payments-methods input[type="radio"]:checked + .popup__payment-method{
    background:linear-gradient(180deg, rgba(132,86,255,.16), rgba(132,86,255,.08)) !important;
    border-color:rgba(132,86,255,.65) !important;
    box-shadow:0 0 0 1px rgba(132,86,255,.35), 0 10px 26px -12px rgba(132,86,255,.65) !important;
}
/* hide radio on the aggregator (it has a chevron instead) */
.popup--pay #buy-payments-methods .popup__payment-method--aggregator::after{ display:none !important }

/* ==================================================================== */
/*  PAYMENT ICONS — no background tile, just the line glyph              */
/* ==================================================================== */
.popup--pay #buy-payments-methods .popup__payment-method__icon,
.popup--pay #topup-payments-methods .popup__payment-method__icon,
.popup--pay #buy-payments-methods input[type="radio"]:checked + .popup__payment-method .popup__payment-method__icon,
.popup--pay #topup-payments-methods input[type="radio"]:checked + .popup__payment-method .popup__payment-method__icon{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    width:34px !important; height:34px !important;
    border-radius:0 !important;
}
.popup--pay .popup__payment-method__icon .pm-glyph{
    display:inline-flex !important; align-items:center; justify-content:center;
    width:100% !important; height:100% !important;
    background:transparent !important;
}
.popup--pay .popup__payment-method__icon .pm-glyph svg{ width:28px !important; height:28px !important; display:block }

/* ==================================================================== */
/*  PAYMENT ICONS — official logos on light tile, card/other bare glyph  */
/* ==================================================================== */
/* glyph (Банковская карта / Остальное) — no background */
.popup--pay .popup__payment-method__icon:has(.pm-glyph){
    background:transparent !important; border:0 !important; box-shadow:none !important;
    padding:0 !important; width:34px !important; height:34px !important; border-radius:0 !important;
}
/* official logo image — no tile, logo sits directly on the row */
.popup--pay #buy-payments-methods .popup__payment-method__icon:has(.pm-img),
.popup--pay #topup-payments-methods .popup__payment-method__icon:has(.pm-img),
.popup--pay #buy-payments-methods input[type="radio"]:checked + .popup__payment-method .popup__payment-method__icon:has(.pm-img){
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    width:40px !important; height:40px !important;
    border-radius:0 !important;
    overflow:visible;
}
.popup--pay .popup__payment-method__icon .pm-img{
    width:100% !important; height:100% !important; object-fit:contain !important; display:block !important;
}

/* ==================================================================== */
/*  v3.4.8 — ambient glow toned down for IPS + compact hero             */
/* ==================================================================== */
/* Glow: much softer/larger/dimmer so IPS panels don't show hard purple
   circles & banding (OLED was already fine). */
body::before{
    background:
        radial-gradient(640px 640px at 15% 20%, rgba(132,86,255,.05), transparent 66%),
        radial-gradient(720px 720px at 88% 30%, rgba(124,99,255,.042), transparent 68%),
        radial-gradient(640px 640px at 76% 86%, rgba(140,86,255,.038), transparent 68%) !important;
}

/* Hero — more compact (less top padding, tighter element gaps) */
@media (min-width:1024px){
    .hero{ padding-top:180px !important }
    .hero__image{ bottom:-118px !important }
}
.hero__title{ margin-top:12px !important }
.hero__subtitle{ margin-top:8px !important }
.hero__actions{ margin-top:14px !important }

/* ==================================================================== */
/*  v3.5.0 — payment rows match Figma "payson" (circle icons + region)   */
/* ==================================================================== */
.popup--pay #buy-payments-methods .popup__payment-method__icon,
.popup--pay #topup-payments-methods .popup__payment-method__icon{
    background:transparent !important; border:0 !important; box-shadow:none !important;
    padding:0 !important; width:34px !important; height:34px !important; border-radius:0 !important; overflow:visible !important;
}
.pm-fig{
    width:34px !important; height:34px !important; border-radius:50% !important; overflow:hidden;
    display:inline-flex !important; align-items:center; justify-content:center; flex-shrink:0;
    background:transparent;
}
.pm-fig img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:50%; }
.pm-fig--white{ background:#fff !important; }
.pm-fig--white img{ width:62% !important; height:62% !important; object-fit:contain; border-radius:0; }
.pm-fig--purple{ background:#8456ff !important; }
.pm-fig--purple img{ width:54% !important; height:54% !important; object-fit:contain; border-radius:0; filter:brightness(0) invert(1); }

/* Right-side region label — gray, no pill (Figma) */
.popup--pay #buy-payments-methods .popup__payment-method__region,
.popup--pay #topup-payments-methods .popup__payment-method__region{
    margin-left:auto !important; flex-shrink:0;
    font-family:"Onest",sans-serif !important; font-weight:500 !important;
    font-size:13px !important; color:rgba(255,255,255,.5) !important;
    white-space:nowrap; padding:0 !important; background:none !important; border:0 !important;
    letter-spacing:0 !important; text-transform:none !important;
}

/* ==================================================================== */
/*  v3.6.0 — client: system font stack + Tailwind heading scale          */
/* ==================================================================== */
:root{
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
html, body, body *{ font-family: var(--font-sans) !important; }

/* All headings → text-2xl / sm:text-3xl / lg:text-4xl, font-semibold, white */
.hero__title, .game-hero__title, .games-catalog__title, .reviews-page__title,
.catalog__title, .section2__title, .reviews__title, .faq__title,
.section-caption, .about-heading-section__section-caption,
.status-heading-section__section-caption, .key__section-caption,
.instruction__section-caption, .cheat-functions__caption,
.games-page .games-catalog__title, .status-page .status-heading-section__section-caption{
    font-size:24px !important;
    font-weight:600 !important;
    color:#fff !important;
    line-height:1.18 !important;
    letter-spacing:-0.01em !important;
}
@media (min-width:640px){
    .hero__title, .game-hero__title, .games-catalog__title, .reviews-page__title,
    .catalog__title, .section2__title, .reviews__title, .faq__title,
    .section-caption, .about-heading-section__section-caption,
    .status-heading-section__section-caption, .key__section-caption,
    .instruction__section-caption, .cheat-functions__caption,
    .games-page .games-catalog__title, .status-page .status-heading-section__section-caption{ font-size:30px !important; }
}
@media (min-width:1024px){
    .hero__title, .game-hero__title, .games-catalog__title, .reviews-page__title,
    .catalog__title, .section2__title, .reviews__title, .faq__title,
    .section-caption, .about-heading-section__section-caption,
    .status-heading-section__section-caption, .key__section-caption,
    .instruction__section-caption, .cheat-functions__caption,
    .games-page .games-catalog__title, .status-page .status-heading-section__section-caption{ font-size:36px !important; }
}

/* All sub-headings → text-sm / sm:text-base, white/40 */
.hero__subtitle, .game-hero__desc, .catalog__subtitle, .section2__subtitle,
.reviews__subtitle, .faq__subtitle, .games-catalog__subtitle,
.about-heading-section__section-subcaption, .section-subcaption{
    font-size:14px !important;
    font-weight:400 !important;
    color:rgba(255,255,255,.4) !important;
}
@media (min-width:640px){
    .hero__subtitle, .game-hero__desc, .catalog__subtitle, .section2__subtitle,
    .reviews__subtitle, .faq__subtitle, .games-catalog__subtitle,
    .about-heading-section__section-subcaption, .section-subcaption{ font-size:16px !important; }
}

/* Category hero — wider text column so the title isn't cramped */
@media (min-width:1024px){
    .game-hero__text{ flex:1 1 auto !important; max-width:none !important; padding-right:40px; }
    .game-hero__image{ flex:0 0 46% !important; max-width:680px !important; }
}

/* Payment icon — remove white background tile */
.pm-fig--white{ background:transparent !important; }
.pm-fig--white img{ width:100% !important; height:100% !important; object-fit:contain; }

/* Force system font over class-level Mazzard/Onest declarations everywhere */
html body [class], html body [class] *{ font-family: var(--font-sans) !important; }
.hero__title, .game-hero__title, .games-catalog__title, .reviews-page__title,
.catalog__title, .section2__title, .reviews__title, .faq__title,
.section-caption, .about-heading-section__section-caption,
.status-heading-section__section-caption, .key__section-caption,
.instruction__section-caption, .cheat-functions__caption,
.games-page .games-catalog__title, .status-page .status-heading-section__section-caption,
.section-caption.status-heading-section__section-caption,
.catalog-card__name, .game-card__name, .rev-card__name, .popup__caption,
.profile__caption, .profile__main__header, .func-tab, .func-chip__title{
    font-family: var(--font-sans) !important;
}

/* ==================================================================== */
/*  v3.6.2 — СБП circle, smaller hero btns, profile layout, footer gap   */
/* ==================================================================== */
/* СБП — colourful logo on a white circle (restored) */
.pm-fig--white{ background:#fff !important; }
.pm-fig--white img{ width:64% !important; height:64% !important; object-fit:contain; border-radius:0; }

/* Hero buttons — smaller, to match the updated (smaller) heading */
.hero__btn-catalog, .hero__btn-register{
    padding:12px 24px !important; min-height:0 !important; height:auto !important;
    font-size:14px !important;
}
.hero__btn-catalog__label, .hero__btn-register .name{ font-size:14px !important; font-weight:600 !important; }
.hero__btn-catalog__tab, .hero__btn-register__icon{ width:28px !important; height:28px !important; }
.hero__actions{ gap:12px !important; margin-top:18px !important; }

/* Hero — a touch more top padding */
@media (min-width:1024px){ .hero{ padding-top:260px !important; } }

/* Profile — gap under header, full-width main, wider sidebar, no bottom void */
.profile{ padding-top:170px !important; padding-bottom:30px !important; }
.profile__container{ grid-template-columns:330px minmax(0,1fr) !important; gap:26px !important; align-items:start !important; }
.profile__sidebar{ width:100% !important; max-width:none !important; }
.profile__main{ width:100% !important; flex:1 1 auto !important; }
.profile__tabs__tab{ max-width:none !important; }

/* Footer — tighter vertical spacing (less empty band at the very bottom) */
.footer{ margin-top:0 !important; padding-top:24px !important; padding-bottom:10px !important; }
.footer__container{ padding-bottom:18px !important; margin-bottom:14px !important; }

/* Sticky footer — short pages (profile, FAQ) no longer leave a void below */
.wrapper{ min-height:100vh; display:flex; flex-direction:column; }
.wrapper > main, .wrapper > .main, .wrapper > .cheat-page, .wrapper > .games-page{ flex:1 0 auto; }
.wrapper > .footer{ margin-top:auto !important; flex-shrink:0; }

/* ==================================================================== */
/*  v3.6.5 — FUNCTIONAL block: side-by-side category cards (Figma)       */
/* ==================================================================== */
.cheat-functions .slider-arrows{ display:none !important }
.func-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:24px !important;
}
.func-cat{
    background:#171d28 !important;
    border-radius:27px !important;
    overflow:hidden;
    display:flex; flex-direction:column;
    padding:14px;
}
.func-cat__head{
    position:relative; overflow:hidden;
    height:107px;
    border-radius:16px;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
    background:rgba(132,86,255,.06);
    border:1px solid rgba(255,255,255,.10);
    color:#b59aff;
}
/* concentric rings — exact Figma asset, full-width round arcs + breathing */
.func-cat__head::before{
    content:""; position:absolute; left:50%; top:50%;
    width:88%; aspect-ratio:1/1; height:auto;
    transform:translate(-50%,-50%) scale(1);
    background:url('/assets/img/func-rings.svg') center/contain no-repeat;
    opacity:.5; mix-blend-mode:overlay; pointer-events:none;
    animation:funcRings 7s ease-in-out infinite;
}
@keyframes funcRings{
    0%,100%{ transform:translate(-50%,-50%) scale(1) }
    50%    { transform:translate(-50%,-50%) scale(1.05) }
}
.func-cat__head{ transition:border-color .3s ease; }
.func-cat:hover .func-cat__head{ border-color:currentColor; }
.func-cat__icon{ animation:funcIconFloat 4.5s ease-in-out infinite; }
@keyframes funcIconFloat{
    0%,100%{ transform:translateY(0) }
    50%    { transform:translateY(-4px) }
}
.func-cat{ transition:transform .3s ease, box-shadow .3s ease; }
.func-cat:hover{ transform:translateY(-5px); box-shadow:0 18px 40px -20px rgba(0,0,0,.6); }
.func-cat__icon{ position:relative; z-index:1; width:42px; height:42px; display:inline-flex; }
.func-cat__icon svg, .func-cat__icon img{ width:100%; height:100%; object-fit:contain; display:block; }
.func-cat__name{ position:relative; z-index:1; font-weight:700; font-size:22px; text-transform:uppercase; letter-spacing:1.1px; line-height:1.16; }
.func-cat__body{ padding:20px 16px 6px; max-height:430px; overflow-y:auto; }
.func-cat__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.func-cat__list li{
    position:relative; padding-left:16px; margin:0;
    font-size:17px; line-height:1.445; color:rgba(255,255,255,.55);
}
.func-cat__list li::before{
    content:""; position:absolute; left:1px; top:10px;
    width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,.55);
}
/* accent per category — exact Figma colors, flat tint */
.func--visuals .func-cat__head{ background:rgba(138,245,155,.06) }
.func--visuals .func-cat__icon, .func--visuals .func-cat__name, .func--visuals .func-cat__head{ color:#8af59b }
.func--aimbot  .func-cat__head{ background:rgba(255,187,86,.06) }
.func--aimbot  .func-cat__icon, .func--aimbot  .func-cat__name, .func--aimbot  .func-cat__head{ color:#ffbb56 }
.func--misc    .func-cat__head{ background:rgba(255,86,96,.06) }
.func--misc    .func-cat__icon, .func--misc    .func-cat__name, .func--misc    .func-cat__head{ color:#ff5660 }
.func--default .func-cat__head{ background:rgba(132,86,255,.08) }
.func--default .func-cat__icon, .func--default .func-cat__name, .func--default .func-cat__head{ color:#b59aff }
.func-cat__body::-webkit-scrollbar{ width:7px }
.func-cat__body::-webkit-scrollbar-thumb{ background:#29313d; border-radius:30px }
.func-cat__body::-webkit-scrollbar-track{ background:transparent }
@media (max-width:900px){ .func-grid{ grid-template-columns:1fr !important } }

/* ==================================================================== */
/*  v3.6.6 — payment icons: crisp circles matching Figma exactly         */
/* ==================================================================== */
.popup--pay .popup__payment-method__icon{ width:38px !important; height:38px !important; }
.pm-fig{
    width:38px !important; height:38px !important;
    border-radius:50% !important; overflow:hidden !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    flex-shrink:0; background:transparent;
}
/* full circular brand logos (Crypto bot, Telegram Stars, Сбер, LZT) */
.pm-fig > img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:50% !important; display:block; }
/* СБП — colourful logo on a white circle, centred */
.pm-fig--white{ background:#fff !important; }
.pm-fig--white > img{ width:74% !important; height:74% !important; object-fit:contain !important; border-radius:0 !important; }
/* bank cards / transfers — white card glyph on a purple circle, centred */
.pm-fig--purple{ background:#8456ff !important; }
.pm-fig--purple > img{ width:50% !important; height:50% !important; object-fit:contain !important; border-radius:0 !important; filter:brightness(0) invert(1) !important; }

/* ==================================================================== */
/*  v3.6.7 — hero image fits inside hero (below header, not cut at top)  */
/* ==================================================================== */
@media (min-width:1024px){
    /* spider is fully absolute — it overflows freely and reserves NO layout space,
       so the hero stays compact (no empty gap). Centered vertically on the text. */
    .hero__image{
        position:absolute !important;
        top:50% !important; bottom:auto !important; right:-4% !important;
        transform:translateY(-50%) !important;
        height:auto !important; pointer-events:none;
        display:flex !important; align-items:center !important; justify-content:flex-end !important;
    }
    /* big image; soft fade on every edge (more blur on top & sides) so the
       image's dark rectangular background dissolves into the hero */
    .hero__image img{
        max-height:650px !important; width:auto !important; height:auto !important;
        max-width:100% !important; display:block;
        -webkit-mask-image:
            linear-gradient(180deg, transparent 0%, #000 17%, #000 82%, transparent 100%),
            linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
                mask-image:
            linear-gradient(180deg, transparent 0%, #000 17%, #000 82%, transparent 100%),
            linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
        -webkit-mask-composite:source-in !important;
                mask-composite:intersect !important;
    }
}
@media (min-width:1280px){
    .hero__image img{ max-height:710px !important; }
}
@media (min-width:1600px){
    .hero__image img{ max-height:770px !important; }
}

/* ---------------------------------------------------------------------- */
/*  v3.6.8 — hero second line accent (like screen 3 reference)            */
/* ---------------------------------------------------------------------- */
.hero__title-accent{
    color:#9b76ff !important;
}

/* ==================================================================== */
/*  v3.7.8 — hero typography 1:1 with reference (weight/size/tracking)   */
/* ==================================================================== */
.hero__title{
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:-0.025em !important;
    font-size:34px !important;
}
@media (min-width:640px){ .hero__title{ font-size:40px !important; } }
@media (min-width:1024px){ .hero__title{ font-size:52px !important; } }
@media (min-width:1280px){ .hero__title{ font-size:56px !important; } }
.hero__title-accent{ color:#9b76ff !important; font-weight:700 !important; }

.hero__subtitle{
    font-weight:300 !important;
    color:rgba(255,255,255,.70) !important;
    line-height:1.6 !important;
    max-width:28rem !important;
    font-size:14.4px !important;
}
@media (min-width:640px){ .hero__subtitle{ font-size:16px !important; } }
@media (min-width:1024px){ .hero__subtitle{ font-size:16.8px !important; } }

/* ==================================================================== */
/*  v3.8.2 — statuses & reviews titles UPPERCASE (match About heading);  */
/*           sticky footer also covers profile's plain <main>            */
/* ==================================================================== */
.status-heading-section__section-caption,
.status-page .status-heading-section__section-caption,
.section-caption.status-heading-section__section-caption,
.reviews-page .reviews-page__title,
.reviews-page__title{
    text-transform:uppercase !important;
}
/* ensure profile page (section.profile inside a bare <main>) pushes footer down */
.wrapper{ min-height:100vh !important; display:flex !important; flex-direction:column !important; }
.wrapper > main{ flex:1 0 auto !important; }
.footer{ margin-top:auto !important; }

/* ==================================================================== */
/*  v3.8.3 — tighten spacing: About (text→recommend) & footer gap       */
/* ==================================================================== */
/* About page — much smaller gap between the long text and "Рекомендуем" */
.about-page .catalog{ margin-top:36px !important; padding-top:24px !important; }
/* slightly smaller gap under the "Рекомендуем" heading before the cards */
.about-page .catalog .catalog__cards-container{ margin-top:28px !important; }

/* Footer — reduce big empty gap between the menu row and the copyright */
.footer__container{ margin-bottom:0 !important; padding-bottom:10px !important; }
.footer__bottom-container{ margin-top:14px !important; }

/* ==================================================================== */
/*  v3.8.4 — .game-list__head: NO animation, force always visible.       */
/*  !important beats any leftover inline GSAP styles (opacity/visibility).*/
/* ==================================================================== */
.game-list__head{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    translate:none !important;
    rotate:none !important;
    scale:none !important;
    filter:none !important;
}

/* ==================================================================== */
/*  v3.8.5 — bank-card payment icon: render payson-card.svg as-is        */
/*  (it already contains the purple circle + white card; no tint/bg).    */
/* ==================================================================== */
.pm-fig--card{ background:transparent !important; }
.pm-fig--card > img{
    width:100% !important; height:100% !important;
    object-fit:cover !important; border-radius:50% !important;
    filter:none !important;
}

/* ==================================================================== */
/*  v3.8.6 — category hero: premium reference look, in our purple style  */
/* ==================================================================== */
/* IMPORTANT: never clip the hero — overflow:hidden cut the glow into a hard
   rectangle (visible flat edges top/bottom). Let the glow fade out freely. */
.game-hero{ overflow:visible !important; }
.game-hero__image{ overflow:visible !important; }
/* ambient depth glow across the hero (soft, fully fades to transparent) */
.game-hero::before{
    content:""; position:absolute; inset:-40% -8%; z-index:0; pointer-events:none;
    background:
        radial-gradient(600px 460px at 80% 48%, rgba(132,86,255,.18), transparent 64%),
        radial-gradient(440px 340px at 8% 22%, rgba(132,86,255,.07), transparent 70%);
}
.game-hero__inner{ position:relative; z-index:1; }

/* soft round aura behind the figure — large & fully faded, no hard edges */
.game-hero__image::before{
    width:128% !important; height:128% !important;
    left:50% !important; top:50% !important;
    background:radial-gradient(closest-side, rgba(149,84,255,.42), rgba(132,86,255,.10) 52%, transparent 74%) !important;
    opacity:.85 !important; filter:blur(46px) !important;
}
/* coloured halo hugging the character silhouette (like reference green glow) */
.game-hero__image{
    filter:drop-shadow(0 20px 45px rgba(132,86,255,.42))
           drop-shadow(0 0 26px rgba(132,86,255,.32)) !important;
}

/* stats polish — crisper icons, glowing "Undetected" */
.game-hero__stat svg{ opacity:.85 !important; }
.game-hero__stat--badge{ color:#8af59b !important; }
.game-hero__stat--badge span{ text-shadow:0 0 12px rgba(138,245,155,.35); }

/* ==================================================================== */
/*  v3.8.9 — category hero desc: bigger, no animation (always visible)   */
/* ==================================================================== */
.game-hero__desc{
    font-size:17px !important;
    line-height:1.6 !important;
    max-width:680px !important;
    opacity:1 !important; visibility:visible !important; transform:none !important;
}

/* ==================================================================== */
/*  v3.9.0 — lift the back-to-top button ABOVE the Jivo chat button      */
/* ==================================================================== */
.to-top{ bottom:125px !important; z-index:39 !important; }
@media (max-width:599px){ .to-top{ bottom:92px !important; } }

/* ==================================================================== */
/*  v3.9.1 — Telegram login button (matches the Yandex pill, TG accent)  */
/* ==================================================================== */
.btn-telegram{ background-color:#229ED9; display:flex; align-items:center; justify-content:center; }
.btn-telegram:hover{ background-color:#1b8ec4; }
.popup#auth .btn-telegram.popup__submit-btn,
.popup#register .btn-telegram.popup__submit-btn,
.popup#resetPass .btn-telegram.popup__submit-btn{
    height:48px !important; margin:8px 0 0 !important; border-radius:12px !important;
    background:rgba(255,255,255,.04) !important; border:1px solid rgba(255,255,255,.08) !important;
    color:#fff !important; font-size:14px !important; font-weight:500 !important;
    transition:background .18s ease, border-color .18s ease !important;
}
.popup#auth .btn-telegram.popup__submit-btn:hover,
.popup#register .btn-telegram.popup__submit-btn:hover,
.popup#resetPass .btn-telegram.popup__submit-btn:hover{
    background:rgba(34,158,217,.14) !important; border-color:rgba(34,158,217,.40) !important;
}
.btn-telegram svg{ fill:#27A7E7 !important; }

/* ==================================================================== */
/*  v3.9.2 — social login buttons: icon-only, side-by-side, centered     */
/* ==================================================================== */
.popup__social{
    display:flex !important; justify-content:center !important; align-items:center !important;
    gap:12px !important; margin-top:18px !important;
}
.popup#auth .popup__social .btn-yandex.popup__submit-btn,
.popup#auth .popup__social .btn-telegram.popup__submit-btn,
.popup#register .popup__social .btn-yandex.popup__submit-btn,
.popup#register .popup__social .btn-telegram.popup__submit-btn,
.popup#resetPass .popup__social .btn-yandex.popup__submit-btn,
.popup#resetPass .popup__social .btn-telegram.popup__submit-btn,
.popup__social .btn-yandex,
.popup__social .btn-telegram{
    width:56px !important; min-width:56px !important; max-width:56px !important;
    height:48px !important; margin:0 !important; padding:0 !important;
    font-size:0 !important;           /* hide the text label, keep the icon */
    flex:0 0 auto !important;
}
.popup__social .btn-yandex svg,
.popup__social .btn-telegram svg{ margin:0 !important; }

/* ==================================================================== */
/*  v3.9.3 — product page: photo block stretches to the info block       */
/*  height (no empty gap below the photos on desktop)                    */
/* ==================================================================== */
@media (min-width:1024px){
    .cheat-block{ align-items:stretch !important; }
    .cheat-block__slider{
        aspect-ratio:auto !important;
        height:100% !important; min-height:100% !important;
        align-self:stretch !important;
    }
    .cheat-block__slider .swiper{ height:100% !important; }
    .cheat-block__slider__slide{ height:100% !important; }
    .cheat-block__slider__slide img{ width:100% !important; height:100% !important; object-fit:cover !important; }
}

/* ==================================================================== */
/*  v3.9.4 — PROFILE mobile: stack to one column so the settings panel   */
/*  is actually visible (the 330px+1fr grid squeezed it to nothing).     */
/* ==================================================================== */
@media (max-width:900px){
    .profile{ padding-top:108px !important; padding-bottom:24px !important; }
    .profile__container{
        position:static !important;
        display:flex !important; flex-direction:column !important;
        grid-template-columns:1fr !important;
        gap:16px !important; align-items:stretch !important;
    }
    .profile__sidebar{ width:100% !important; max-width:none !important; position:static !important; top:auto !important; }
    .profile__main{ width:100% !important; max-width:none !important; flex:1 1 auto !important; }
    .profile__tabs__tab{ max-width:none !important; }
    /* keep the account menu compact above the settings */
    .profile__menu{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; }
    .profile__menu__item{ flex:1 1 auto !important; }
}
@media (max-width:599px){
    .profile{ padding-top:96px !important; }
    .profile__main .profile__block{ padding:18px !important; }
    .profile__menu{ flex-direction:column !important; }
}

/* ==================================================================== */
/*  v3.9.8 — profile top↑ + kill bottom void (zoom) + FAQ heading gap    */
/* ==================================================================== */
/* body{zoom:.9} shrinks min-height:100vh to ~90vh → empty strip under the
   footer. Compensate so the wrapper truly fills the viewport (desktop). */
@media (min-width:1024px){
    .wrapper{ min-height:111.2vh !important; }
    .profile{ padding-top:200px !important; }
}
/* instruction/home FAQ: add gap between the heading and the cards */
.faq .section-caption + .faq__container{ margin-top:26px !important; }