/*********************************************
 *    Developer: https://t.me/k0lisey        *
 *    WebSite: crimson-hacks                 *
 *    Version: v1.0                          *
 ********************************************/

/*==========================
          GLOBAL
==========================*/

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #302f4b;
}

body {
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #0F1014;
    overflow-x: hidden;
}

body.no-scroll {
    overflow: hidden;
}

a {
    text-decoration: none;
    color: inherit;
    transition: .4s all;
}

a:hover {
    color: #fff !important;
}

.container {
    width: 1400px;
    padding: 0 60px;
    margin: auto;
}

.link,
.link i {
    cursor: pointer;
    transition: .4s all;
}

.link:hover,
.link:hover i {
    color: #fff !important;
}

.btn-new-style {
    border-radius: 15px;
    padding: 20px 30px;
    cursor: pointer;
    transition: .25s all;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    background: #93F9B9;
}

.btn-new-style span {
    position: relative;
}

.btn-new-style::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #93291E, #ED213A);
    opacity: 1;
    transition: .25s all;
}

/* .btn-new-style:hover::before {
    opacity: 0;
} */

.btn-new-style.outline {
    background: 0;
    border: 2px solid #2d3037;
    color: #9296a9;
}

.btn-new-style.outline::before {
    opacity: 0;
}

.btn-new-style.outline:hover {
    color: #fff;
}

.btn-new-style.outline:hover::before {
    opacity: 1;
}

.btn {
    padding: 20px 25px;
    border-radius: 10px;
    background: orange;
    font-weight: 500;
    letter-spacing: 1px;
    cursor: pointer;
    transition: .4s all;
}

.btn.purple {
    background: #6a4ddd;
    font-weight: 600;
}

.btn.purple:hover {
    background: #866bed;
}

.btn.gray {
    background: #2c303c;
    color: #9fa4b0;
    cursor: pointer;
}

.btn.gray:hover {
    color: #fff;
    background: #323746;
}

.btn.red {
    color: rgba(255, 255, 255, .7);
    background: #af031d;
    border: 2px solid rgba(242, 0, 37, 0.4);
}

.btn.red:hover {
    background: #d90424;
    border: 2px solid rgba(217, 4, 36, 0.4);
    color: #fff;
}

.btn.green {
    background: #2dc312;
    cursor: pointer;
}

.btn.green:hover {
    background: #32d714;
}

input,
textarea {
    border: none;
    font-family: inherit;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    resize: none;
    background: 0;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, .2);
}

.input .disabled {
    background: #141518 !important;
    border-color: #141518 !important;
}

input:disabled {
    color: rgba(255, 255, 255, .5) !important;
    background: #141518 !important;
    border-color: #141518 !important;
}

.-navigation-links {
    margin-bottom: 40px;
    color: #9296a9;
}

.-navigation-links .fa-light.fa-angle-right {
    margin: 0 10px;
}

.-navigation-links .fa-light.fa-house-heart {
    margin-right: 5px;
}

.-navigation-links a.active {
    color: #ED213A !important;
}

.-navigation-links a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}

/*==========================
       MODAL WINDOW
==========================*/

.modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100vh;
    width: 100%;
    padding-top: 200px;
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .5s all;
}

.modal-wrapper::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
}

.modal-wrapper .modal {
    width: 50%;
    background: rgb(29 33 40);
    border: 2px solid #242932;
    padding: 25px;
    padding-top: 100px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: auto;
    display: none;
    opacity: 0;
    z-index: -1;
}

.modal-wrapper.show,
.modal-wrapper .modal.show {
    opacity: 1;
    z-index: 55;
    display: block;
}

.modal-wrapper .modal .header {
    background: #242932;
    padding: 25px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    display: flex;
    align-items: center;
    width: 100%;
}

.modal-wrapper .modal .header .close {
    margin-left: auto;
    cursor: pointer;
}

.modal-wrapper .modal .input {
    height: 70px;
    padding-left: 90px;
    padding-right: 20px;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 15px;
    border: 2px solid #242932;
}

.modal-wrapper .modal .input i {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 70px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #242932;
}

.modal-wrapper .modal .input input {
    width: 100%;
    height: 100%;
}

.modal-wrapper .modal input.custom {
    height: 60px;
    padding: 0 20px;
    width: 100%;
    border: 2px solid #242932;
    border-radius: 10px;
    margin-bottom: 15px;
}

.modal-wrapper .modal textarea {
    border: 2px solid #242932;
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
}

.modal-wrapper .modal .go-send {
    display: flex;
    align-items: center;
}

.modal-wrapper .modal .go-send .rate {
    margin-right: auto;
}

.modal-wrapper .modal .go-send .rate p {
    padding: 10px;
    font-size: 20px;
    color: rgba(255, 255, 255, .4);
    cursor: pointer;
    transition: .5s all;
    float: right;
}

.modal-wrapper .modal .go-send .rate p:first-child {}

.modal-wrapper .modal .go-send .rate p:hover,
.modal-wrapper .modal .go-send .rate p:hover~p,
.modal-wrapper .modal .go-send .rate p.active {
    color: #ffba00;
}

.modal-wrapper .modal .select-img {
    color: #5a5f68;
    padding: 10px 15px;
    border: 2px solid #242932;
    background: rgb(32 36 44);
    cursor: pointer;
    border-radius: 10px;
    font-weight: 600;
    transition: .25s all;
}

.modal-wrapper .modal .select-img:hover {
    background: #242932;
    color: #666e7e;
}

.modal-wrapper .modal .select-img i {
    margin-right: 10px;
    font-size: 16px;
}

.modal-wrapper .modal .uploaded_img {
    color: #5a5f68;
    margin-right: auto;
    margin-left: 10px;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-wrapper .modal input[type="file"] {
    display: none;
}

.modal-wrapper .modal.tickets-create-new .btn.go-create {
    background: #ED213A;
}

.modal-wrapper .modal.tickets-views {
    width: 100%;
    margin-top: -50px;
}

.modal-wrapper .modal.tickets-views .ticket-view {
    display: none;
}

.modal-wrapper .modal.tickets-views .ticket-view.show {
    display: block;
}

.modal-wrapper .modal.tickets-views .ticket-view .info {
    background: #242932;
    padding: 20px 25px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.modal-wrapper .modal.tickets-views .ticket-view .info .title {
    font-size: 20px;
}

.modal-wrapper .modal.tickets-views .ticket-view .info .status-ticket {
    padding: 5px 8px;
    border-radius: 5px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.modal-wrapper .modal.tickets-views .ticket-view .info .status-ticket.open,
.modal-wrapper .modal.tickets-views .ticket-view .info .status-ticket.solved {
    background: #0ddd25;
}

.modal-wrapper .modal.tickets-views .ticket-view .info .status-ticket.refused {
    background: #e01414;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat {
    overflow-y: auto;
    height: 450px;
    padding: 25px;
    background: #191d24;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat::-webkit-scrollbar {
    width: 5px;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat::-webkit-scrollbar-track {
    background: transparent;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #2a313c;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg {
    background: #242932;
    padding: 15px;
    border-radius: 10px;
    overflow: hidden;
    max-width: 40%;
    margin-left: auto;
    margin-bottom: 15px;
    display: table;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg.admin {
    margin-right: auto;
    margin-left: 0;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg.full {
    width: 40%;
    position: relative;
    padding-top: 260px;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg img {
    height: 250px;
    width: 100%;
    margin-bottom: 10px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    background: #000;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg a {
    color: orange;
    text-decoration: underline;
}

.modal-wrapper .modal.tickets-views .ticket-view .chat .msg .date {
    font-size: 13px;
    color: #677081;
    margin-top: 5px;
    text-align: right;
}

.modal-wrapper .modal.tickets-views .ticket-view textarea {
    height: 80px;
    background: #242932;
    border: none;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-wrapper .modal.accept-email .description {
    margin-bottom: 20px;
    line-height: 1.5;
}

.modal-wrapper .modal.accept-email .description span {
    color: orange;
}

.modal-wrapper .modal.accept-email .inp {
    color: rgba(255, 255, 255, .4);
    margin-bottom: 10px;
}

.modal-wrapper .modal.accept-email .warning {
    color: orange;
    font-weight: 600;
    margin-top: 20px;
}

.modal-wrapper .modal.accept-email .warning i {
    margin-right: 10px;
    font-size: 18px;
}

.modal-wrapper .modal.select-buy {
    max-width: 30% !important;
}

.modal-wrapper .modal.select-buy .blocks .left-block,
.modal-wrapper .modal.select-buy .blocks .right-block {
    width: 50%;
    padding: 25px;
    border-radius: 15px;
    background: #242932;
    display: flex;
    flex-direction: column;
}

.modal-wrapper .modal.select-buy .blocks .title-s {
    text-align: center;
}

.modal-wrapper .modal.select-buy .blocks .btn {
    text-align: center;
    margin-top: auto;
}

.modal-wrapper .modal.select-buy .blocks .left-block {
    margin-right: 25px;
}

.modal-wrapper .modal.select-buy .blocks .img {
    width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-wrapper .modal.select-buy .blocks .img img {
    width: 130px;
    object-fit: contain;
}

.modal-wrapper .modal.select-buy .blocks .left-block img {
    border-radius: 10px;
    width: 150px;
}

.modal-wrapper .modal.select-buy .blocks .right-block .img img {
    height: 130px;
    width: 100%;
}

.modal-wrapper .modal.send-review {
    background: #212328;
    border: 2px solid #ffffff0a;
}

.modal-wrapper .modal.send-review .header {
    background: #ffffff0a;
}

.modal-wrapper .modal.send-review .input {
    border: 2px solid #ffffff0a;
}

.modal-wrapper .modal.send-review .input i {
    background: #ffffff0a;
}

.modal-wrapper .modal.send-review textarea {
    border: 2px solid #ffffff0a;
}

/*==========================
       NOTIFICATION
==========================*/

.notification-wrapper-note {
    position: fixed;
    top: 100px;
    right: 70px;
    height: 60px;
    display: flex;
    align-items: center;
    background: #242932;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    border-radius: 5px;
    overflow: hidden;
    padding-right: 20px;
    z-index: -1;
    opacity: 0;
    transition: .2s all;
}

.notification-wrapper-note i {
    height: 100%;
    width: 60px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: orange;
}

.notification-wrapper-note.show {
    opacity: 1;
    z-index: 1337;
}

/*==========================
       TABLE CONTENT
==========================*/

main table,
#tickets table {
    width: 100%;
    table-layout: fixed;
    font-family: 'Montserrat', sans-serif;
}

main .tbl-header,
#tickets .tbl-header {
    background: rgba(35, 37, 42, .48);
    border-radius: 5px;
    margin-top: 20px;
}

main .tbl-content,
#tickets .tbl-content {
    min-height: 400px;
    overflow-x: auto;
    margin-top: 0px;
}

main th,
#tickets th {
    padding: 20px 15px;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

main td,
#tickets td {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    height: 80px;
    overflow-x: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

main td a,
#tickets td a {
    font-weight: 600;
    text-decoration: underline;
}

main td .btn,
#tickets td .btn {
    padding: 10px 15px;
    letter-spacing: normal;
    display: inline-flex;
    padding: 5px 8px;
    text-transform: none;
    text-decoration: none;
}

#tickets td .btn {
    background: #ED213A;
}

main tbody tr,
#tickets tbody tr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .25s all;
}

main tbody tr::after,
#tickets tbody tr::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
}

main tbody tr.checked,
#tickets tbody tr tbody tr.checked {
    background: rgba(35, 37, 42, .2);
}

/*==========================
          HEADER
==========================*/

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 55;
    padding: 20px 0;
    background: rgba(15, 16, 20, 0.7);
    border-bottom: 1px solid rgba(30, 32, 40, 0.7);
    backdrop-filter: blur(10px);
}

header .navbar-nav {
    width: 100%;
}

header .navbar-nav .logo,
footer .content .col:first-child .logo {
    display: flex;
    align-items: center;
    font-weight: 900;
    color: #d72335;
    font-size: 22px;
    text-transform: uppercase;
    margin-right: 15px;
    text-shadow:
        0 0 15px #ee283c,
        0 0 25px #ee283c;
}

header .navbar-nav .logo:hover,
footer .content .col:first-child .logo:hover {
    color: #ee283c !important;
}

header .navbar-nav .logo img {
    width: 50px;
    margin-right: 5px;
}

header .navbar-nav .logo span {
    background: linear-gradient(to left, #6a4ddd, #866bed);
    font-weight: 700;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
}

header .navbar-nav .menu a {
    padding: 0 15px;
    color: #c2c6d7;
    position: relative;
    font-weight: 500;
}

header .navbar-nav .menu a:last-child {
    margin-right: 0;
}

header .navbar-nav .contacts {
    margin-left: auto;
}

header .navbar-nav .contacts a {
    padding: 20px 10px;
    font-size: 18px;
}

header .navbar-nav a:hover {
    color: #fff !important;
}

/*==========================
      HEADER-WRAPPER
==========================*/

#header-wrapper {
    position: relative;
    padding: 150px 0 70px 0;
    overflow: hidden;
    border-bottom: 1px solid #1E2028;
}

#header-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(/img/bg.jpg);
    background-size: cover;
    filter: hue-rotate(190deg);
    /* background-position: 50%; */
}

#header-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 36, 41, 0)), color-stop(90%, #191a1e));
    background: linear-gradient(330deg, rgba(33, 36, 41, 0) 0%, #0f1014 90%);
}


#header-wrapper .container {
    position: relative;
}

#header-wrapper .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    z-index: 8;
}

#header-wrapper .content .pre-title {
    position: relative;
    overflow: hidden;
    padding: 9px 14px;
    border-radius: 20px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

#header-wrapper .content .pre-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* background: rgb(58 163 119 / 10%); */
    background: rgb(237 33 58 / 10%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

#header-wrapper .content .pre-title span {
    font-size: 12px;
    background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #93291E, #ED213A);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    position: relative;
    text-transform: uppercase;
}

#header-wrapper .content .pre-title img {
    position: relative;
    margin-right: 10px;
}


#header-wrapper .content .title {
    margin-bottom: 20px;
    font-size: 45px;
    line-height: 1.5;
    font-weight: 700;
    width: 40%;
}

#header-wrapper .content .desc {
    margin-bottom: 25px;
    font-weight: 400;
    color: #9296a9;
    font-size: 18px;
    line-height: 1.7;
    width: 50%;
}

#header-wrapper .advantages {
    display: flex;
    align-items: center;
    margin-top: 30px;
    border-radius: 20px;
    padding: 20px 25px;
    background: rgb(27 29 32 / 58%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
}

#header-wrapper .advantages .advantage {
    display: flex;
    align-items: center;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #181e21;
}

#header-wrapper .advantages .advantage:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

#header-wrapper .advantages .advantage .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-right: 15px;
}

#header-wrapper .advantages .advantage .icon i::before,
#header-wrapper .advantages .advantage .icon i::after {
    /* background: #1D976C;
    background: -webkit-linear-gradient(to right, #93F9B9, #1D976C);
    background: linear-gradient(to right, #93F9B9, #1D976C); */
    background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #93291E, #ED213A);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}

#header-wrapper .advantages .advantage .info p {
    font-size: 24px;
    font-weight: 500;
}

#header-wrapper .advantages .advantage .info span {
    color: #9296a9;
}

#header-wrapper .person-img {
    position: absolute;
    z-index: 6;
    top: 0;
    height: 100%;
    width: 100%;
}

#header-wrapper .person-img .container {
    display: flex;
    justify-content: end;
}

#header-wrapper .person-img .container img {
    filter: hue-rotate(190deg);
}

/*==========================
         PRODUCTS
==========================*/

#products {
    padding-top: 60px;
    padding-bottom: 30px;
}

#products .sort-games {
    margin-bottom: 25px;
}

#products .sort-games .pretitle {
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 300;
    color: #9fa4b0;
}

#products .sort-games .vl {
    height: 25px;
    width: 1px;
    background: #25242a;
    margin: 0 15px;
}

#products .sort-games .list-cheats {
    max-width: 80%;
    overflow: hidden;
}

#products .sort-games .sort {
    height: 40px;
    padding: 0 12px;
    border-radius: 25px;
    margin-right: 10px;
    background: #1c1b20;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #9fa4b0;
    transition: .45s all;
    overflow: hidden;
    position: relative;
}

#products .sort-games .sort[data-filter="*"] {
    margin-right: 0;
}

#products .sort-games .sort::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-linear-gradient(left, #6a4ddd, #866bed);
    background: -o-linear-gradient(left, #6a4ddd, #866bed);
    background: linear-gradient(to right, #6a4ddd, #866bed);
    opacity: 0;
    transition: .45s all;
}

#products .sort-games .sort.active,
#products .sort-games .sort:hover {
    background: #25242a;
    color: #fff;
}

#products .sort-games .sort.active::before {
    opacity: 1;
}

#products .sort-games .sort .info {
    position: relative;
    display: flex;
    align-items: center;
}

#products .sort-games .sort img {
    width: 20px;
    border-radius: 50%;
    margin-right: 10px;
}

#products .sort-games .sort-by-cheats .sort:last-child,
#products .sort-games .sort-by-games-filters .sort:last-child {
    margin-right: 0;
}

#products .sort-by-games-filters {
    margin-left: auto;
    width: 20%;
}

#products .sort-by-games-filters .sort i {
    margin-right: 5px;
}

#products .sort-by-games-filters .sort[data-sort="popular"]::before {
    background: rgb(249, 175, 0);
    background: -webkit-linear-gradient(43deg, rgba(255, 115, 0, 1) 0%, rgba(249, 175, 0, 1) 100%);
    background: -o-linear-gradient(43deg, rgba(255, 115, 0, 1) 0%, rgba(249, 175, 0, 1) 100%);
    background: linear-gradient(133deg, rgba(255, 115, 0, 1) 0%, rgba(249, 175, 0, 1) 100%);
}

#products .sort-by-games-filters .sort[data-sort="new"]::before {
    background: rgb(0, 185, 249);
    background: -webkit-linear-gradient(43deg, rgba(0, 65, 255, 1) 0%, rgba(0, 185, 249, 1) 100%);
    background: -o-linear-gradient(43deg, rgba(0, 65, 255, 1) 0%, rgba(0, 185, 249, 1) 100%);
    background: linear-gradient(133deg, rgba(0, 65, 255, 1) 0%, rgba(0, 185, 249, 1) 100%);
}

#products .products .product-wrapper .popular-block {
    position: absolute;
    padding: 5px 10px;
    border-radius: 10px;
    top: 10px;
    left: 10px;
    z-index: 6;
    background: rgb(27 29 32 / 58%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
}

#products .products .product-wrapper .popular-block span {
    background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #93291E, #ED213A);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

#products .products .product-wrapper .popular-block span i {
    margin-right: 5px;
}

#products .sort-by-games-filters .pretitle {
    margin-left: 15px;
    text-align: right;
}

#cheats-page-wrapper {
    width: 100%;
    border-bottom: 1px solid #27292e;
    padding-top: 150px;
    padding-bottom: 60px;
    position: relative;
}

#cheats-page-wrapper .bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#cheats-page-wrapper .bg img {
    height: 100%;
    width: 100%;
    opacity: .1;
    object-fit: cover;
    filter: blur(5px) grayscale(1);
}

#cheats-page-wrapper .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70%;
    margin: auto;
    position: relative;
}

#cheats-page-wrapper .content .icon {
    height: 50px;
    width: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(27 29 32 / 58%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
}

#cheats-page-wrapper .content .icon img {
    height: 36px;
    width: 36px;
}

#cheats-page-wrapper .content .name {
    font-size: 35px;
    font-weight: 700;
    margin: 20px 0;
}

#cheats-page-wrapper .content .description {
    text-align: center;
    font-weight: 400;
    color: #9296a9;
    line-height: 1.7;
    font-size: 16px;
}

#products.cheats {
    padding-top: 60px;
}

#products .pre-info {
    margin-bottom: 35px;
}

#products .title {
    font-size: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

#products .title i {
    margin-right: 12px;
}

#products .title.popular i {
    color: #66fcf1;
}

#products .search-block {
    width: 50%;
    padding-left: 15px;
}

#products .search-block .search {
    background: #1B1B20;
    padding: 20px 15px;
    border-radius: 14px;
    padding-left: 50px;
    position: relative;
    width: 100%;
}

#products .search-block .search i {
    font-size: 17px;
    color: #9296a9;
    position: absolute;
    left: 20px;
}

#products .search-block .search input {
    width: 100%;
}

#products .search-block .search input::placeholder {
    color: #9296a9;
}

#products .products {
    margin-right: -25px;
}

#header-wrapper .carousel .product-wrapper,
#products .products .product-wrapper {
    width: 25%;
    padding: 20px 25px;
    padding-left: 0;
    padding-top: 0;
    max-height: 300px;
    min-height: 300px;
    overflow: hidden;
    margin-bottom: 5px;
}

#header-wrapper .carousel .product-wrapper {
    width: 50%;
}

#header-wrapper .carousel .product,
#products .products .product-wrapper .product {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

#header-wrapper .carousel .product:hover .btn-new-style::before,
#products .products .product-wrapper .product:hover .btn-new-style::before {
    opacity: 1;
}

#header-wrapper .carousel .product:hover .btn-new-style,
#products .products .product-wrapper .product:hover .btn-new-style {
    color: #fff;
}

#header-wrapper .carousel .product .price,
#products .products .product-wrapper .product .price {
    font-weight: 600;
}

#header-wrapper .carousel .product .m-img,
#products .products .product-wrapper .product .m-img {
    height: 50%;
    width: 100%;
    object-fit: cover;
    transition: .65s all;
    border-radius: 10px;
    left: 0;
    top: 0;
    position: absolute;
}

#header-wrapper .carousel .product .btn-new-style,
#products.cheats .products .product-wrapper .product .btn-new-style {
    padding: 15px 15px;
    margin-left: auto;
}

#header-wrapper .carousel .product .block .price-block,
#products.cheats .products .product-wrapper .product .block .price-block {
    margin-left: 0;
}

#products .products .product-wrapper .product:not(.non-cheats):hover .m-img {
    transform: scale(1.1);
}

#header-wrapper .carousel .product .block,
#products .products .product-wrapper .product .block {
    transition: .2s all;
    z-index: 4;
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
    background: rgba(27, 27, 32, .5);
    margin-top: auto;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    height: 60%;
    border-radius: 15px;
}

#products .products .product-wrapper .product.non-cheats {
    opacity: .5;
    cursor: default;
}

#header-wrapper .carousel .product .icon,
#products .products .product-wrapper .product .icon {
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #1B1B20;
    transition: .2s all;
    z-index: 2;
    width: 50px;
    height: 50px;
    min-width: 50px;
    overflow: hidden;
}

#header-wrapper .carousel .product .icon img,
#products .products .product-wrapper .product .icon img {
    height: 36px;
    width: 36px;
    filter: brightness(0) invert(1);
    transition: .45s all;
}

#header-wrapper .carousel .product .block .global,
#products .products .product-wrapper .product .block .global {
    width: 100%;
}

#header-wrapper .carousel .product .block .info-block,
#products .products .product-wrapper .product .block .info-block {
    font-weight: 700;
}

#header-wrapper .carousel .product .block .name,
#products .products .product-wrapper .product .block .name {
    font-size: 16px;
    font-weight: 600;
}

#header-wrapper .carousel .product .block .info-block .count-products,
#products .products .product-wrapper .product .block .info-block .count-products {
    color: #9296a9;
    font-weight: 500;
    margin-bottom: 5px;
}

#header-wrapper .carousel .product .block .info-block .count-products,
#products.cheats .products .product-wrapper .product .block .info-block .count-products {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 5px;
}

#products .products .product-wrapper .product .block .info-block .count-products-status {
    font-size: 12px;
    color: #93F9B9;
    font-weight: 500;
}

#header-wrapper .carousel .product .block .price-block,
#products .products .product-wrapper .product .block .price-block {
    margin-left: auto;
}

#header-wrapper .carousel .product .block .price-block .info,
#products .products .product-wrapper .product .block .price-block .info {
    color: #848a9a;
    font-weight: 700;
}

#header-wrapper .carousel .product .block .info span:nth-child(2),
#products .products .product-wrapper .product .block .info span:nth-child(2) {
    margin: 0 5px;
}

#header-wrapper .carousel .product .block .price,
#products .products .product-wrapper .product .block .price {
    font-size: 22px;
    color: #fff;
}

#header-wrapper .carousel .product .block .price span,
#products .products .product-wrapper .product .block .price span {
    /*    color: #7c7aa1;*/
    font-weight: 500;
}

#header-wrapper .carousel .product .block .go-buy .btn,
#products .products .product-wrapper .product .block .go-buy .btn {
    background: 0;
    border: 2px solid rgba(255, 255, 255, .05);
    color: rgba(255, 255, 255, .2);
    text-transform: none;
    font-size: 13px;
    letter-spacing: 2px;
    font-weight: 400;
    transition: .3s all;
    padding: 12px 15px;
}

#product-wrapper {
    padding-top: 130px;
    position: relative;
    height: 400px;
    overflow: hidden;
}

#product-wrapper .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#product-wrapper .bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#product-wrapper .bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 36, 41, 0)), color-stop(90%, #141416));
    background: linear-gradient(180deg, rgba(33, 36, 41, 0) 0%, #141416 90%);
    z-index: 2;
}

#product-wrapper .bg img {
    object-fit: cover;
    object-position: top;
    width: 100%;
}

#product-wrapper .content {
    position: relative;
    z-index: 3;
}

#product-wrapper .content .game-logo {
    background: rgb(27 29 32 / 58%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    height: 80px;
    width: 80px;
    margin-bottom: 20px;
}

#product-wrapper .content .game-logo img {
    width: 40px;
    filter: brightness(0) invert(1);
}

#product-wrapper .content .description {
    text-align: center;
    line-height: 1.5;
    color: #9296a9;
    font-size: 18px;
    font-weight: 300;
}

#product-wrapper .content .description span {
    color: #ED213A;
    font-weight: 600;
}

#header-wrapper .product-wrapper .product .block .icon img,
#products.cheats .products .product-wrapper .product .block .icon img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    filter: none;
}

#header-wrapper .carousel .product .block .price-block {
    margin-left: 0 !important;
}

#products.cheats .products .product-wrapper .product .block .info-block .count-products.detected,
#header-wrapper .product-wrapper .product .block .info-block .count-products.detected,
#product .content .main-info .right-block .status span.detected,
#product .content .main-info .right-block .name.detected i {
    color: #b50e35;
}

#products.cheats .products .product-wrapper .product .block .info-block .count-products.undetected,
#header-wrapper .product-wrapper .product .block .info-block .count-products.undetected,
#product .content .main-info .right-block .status span.undetected,
#product .content .main-info .right-block .name.undetected i {
    color: #48af48;
}

#products.cheats .products .product-wrapper .product .block .info-block .count-products.useatownrisk,
#header-wrapper .product-wrapper .product .block .info-block .count-products.useatownrisk,
#product .content .main-info .right-block .status span.useatownrisk,
#product .content .main-info .right-block .name.useatownrisk i {
    color: #d8a80b;
}

#products.cheats .products .product-wrapper .product .block .info-block .count-products.onupdate,
#header-wrapper .product-wrapper .product .block .info-block .count-products.onupdate,
#product .content .main-info .right-block .status span.onupdate,
#product .content .main-info .right-block .name.onupdate i {
    color: #048bc7;
}

#header-wrapper .product-wrapper .product .block .info-block .count-products i,
#products.cheats .products .product-wrapper .product .block .info-block .count-products i {
    margin-right: 3px;
}

#products.cheats .products .product-wrapper .product .rate {
    color: #d8a80b;
    font-weight: 600;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
}

#products.cheats .products .product-wrapper .product .block .stars i {
    margin-right: 5px;
    font-size: 18px;
    margin-top: -2px;
}

#products.cheats .products .product-wrapper .product .block .cheats .cheat-wrapper .cheat {
    background: rgba(255, 255, 255, .1);
    padding: 7px 10px;
}

#products.cheats .products .product-wrapper .product .block .cheats .cheat-wrapper .cheat .icon {
    background: 0;
    height: auto;
    width: auto;
    min-height: auto;
    margin-top: 0;
    min-width: auto;
    border-radius: 0;
    margin-bottom: 0;
    margin-right: 5px;
    font-size: 12px;
    font-family: 'Font Awesome 6 Pro';
}

#products.cheats .products .product-wrapper .product .block .cheats .cheat-wrapper .cheat .cheat-info {
    padding-right: 7px;
    overflow: hidden;
}

#products.cheats .products .product-wrapper .product .block .cheats .cheat-wrapper .cheat .cheat-info .cheat-name {
    margin-bottom: 0;
}

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

#product {
    min-height: 900px;
    padding-top: 150px;
    padding-bottom: 80px;
    position: relative;
}

#product .content {
    position: relative;
    z-index: 6;
}

#product .content .main-info {
    margin-bottom: 60px;
}

#product .content .main-info .left-block {
    width: 35%;
    padding-right: 35px;
}

#product .content .main-info .left-block .global {
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(255, 255, 255, .05);
    margin-bottom: 20px;
}

#product .content .main-info .left-block .global .avatar {
    position: relative;
    width: 100%;
}

#product .content .main-info .left-block .global .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

#product .content .main-info .left-block .global .avatar .popular {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 4;
    padding: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#product .content .main-info .left-block .global .avatar .popular span {
    font-size: 12px;
    background: -webkit-linear-gradient(to right, #f9af00, #ff7300);
    background: -o-linear-gradient(to right, #f9af00, #ff7300);
    background: linear-gradient(to right, #f9af00, #ff7300);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700;
    position: relative;
}

#product .content .main-info .left-block .global .avatar .popular i {
    margin-right: 5px;
}

#product .content .main-info .left-block .global .blocks .block {
    background: #21252c;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}

#product .content .main-info .left-block .global .blocks .block .title {
    color: rgba(255, 255, 255, .4);
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 300;
}

#product .content .main-info .left-block .global .blocks .block span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#product .content .main-info .left-block .global .blocks .block:last-child {
    margin-bottom: 0;
}

#product .content .main-info .left-block .global .blocks .block.reviews .rate {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #ffba00;
}

#product .content .main-info .left-block .global .blocks .block.reviews .rate i {
    margin-right: 10px;
}

#product .content .main-info .left-block .global .blocks .block.reviews .avatars {
    margin-right: 30px;
}

#product .content .main-info .left-block .global .blocks .block.reviews .avatars .us {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    border: 2px solid #21252c;
    margin-left: -4px;
}

#product .content .main-info .left-block .global .blocks .block.reviews span {
    color: rgba(255, 255, 255, .4);
    margin-right: 5px;
    font-weight: 300;
}

#product .content .main-info .left-block .global .blocks .block.game .game-logo,
#product .content .main-info .left-block .global .blocks .block.platform .game-logo {
    height: 40px;
    width: 40px;
    min-height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: #2c5dcb;
    margin-right: 15px;
}

#product .content .main-info .left-block .global .blocks .block.game .game-logo img,
#product .content .main-info .left-block .global .blocks .block.platform .game-logo img {
    width: 20px;
}

#product .content .main-info .left-block .global .blocks .block.game .game-logo img,
#product .content .main-info .left-block .global .blocks .block.platform .game-logo img {
    filter: brightness(0) invert(1);
}

#product .content .main-info .left-block .global .blocks .block.platform .game-logo {
    background: #000000;
}

#product .content .main-info .left-block .carousel {
    flex-direction: column-reverse;
}

#product .content .main-info .left-block .carousel .screens {
    max-height: 270px;
    overflow: hidden;
    overflow-x: auto;
    flex-direction: row;
    margin-top: 15px;
}

#product .content .main-info .left-block .carousel .screens::-webkit-scrollbar {
    width: 5px;
}

#product .content .main-info .left-block .carousel .screens::-webkit-scrollbar-track {
    background: transparent;
}

#product .content .main-info .left-block .carousel .screens::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgb(37, 38, 42);
}

#product .content .main-info .left-block .carousel .screens .item {
    height: 60px;
    width: 60px;
    min-height: 60px;
    border-radius: 5px;
    margin-right: 10px;
    border: 2px solid rgba(255, 255, 255, .2);
    transition: .4s all;
    cursor: pointer;
    opacity: .5;
}

#product .content .main-info .left-block .carousel .screens .item.active,
#product .content .main-info .left-block .carousel .screens .item:hover {
    /*    border-color: orange;*/
    border-color: #fff;
    opacity: 1;
}

#product .content .main-info .left-block .carousel .screens .item:last-child {
    margin-bottom: 0;
}

#product .content .main-info .left-block .carousel .screens .item img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 5px;
}

#product .content .main-info .left-block .carousel .screens .item .video-figure {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

#product .content .main-info .left-block .carousel .screens .item .video-figure i {
    color: #fff;
    font-size: 16px;
}

#product .content .main-info .left-block .carousel .main-screen {
    position: relative;
    width: 100%;
    height: 270px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}

#product .content .main-info .left-block .carousel .main-screen img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#product .content .main-info .left-block .carousel .main-screen span {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background: #fff;
    z-index: 2;
}

#product .content .main-info .left-block .carousel .main-screen .count {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    background: rgba(35, 37, 42, .38);
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    padding: 10px 15px;
    border-radius: 10px;
    word-spacing: 5px;
    font-weight: 300 !important;
}

#product .content .main-info .left-block .carousel .main-screen .count b {
    font-weight: 300;
}

#product .preview {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: -1;
    -ms-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .5s all;
}

#product .preview.show {
    opacity: 1;
    z-index: 9999;
}

#product .preview .container {
    margin: auto;
    height: 100%;
    padding-top: 200px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#product .preview::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
}

#product .preview .close {
    font-size: 25px;
    color: #fff;
    background: #21252c;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    margin-left: auto;
    display: inline-flex;
    margin-bottom: 20px;
}

#product .preview img {
    height: 100%;
    width: 100%;
    position: relative;
    border-radius: 15px;
    object-fit: contain;
}

#product .content .main-info .right-block-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

#product .content .main-info .center-f {
    width: 60%;
    padding-right: 30px;
}

#product .content .main-info .center-f .system-recom-block {
    border-radius: 10px;
    overflow: hidden;
}

#product .content .main-info .center-f .system-recom-block .content-block {
    display: none;
    background: rgb(26 27 33 / 20%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
    padding: 30px;
}

#product .content .main-info .center-f .system-recom-block .content-block.active {
    display: block;
}

#product .content .main-info .center-f .system-recom-block .content-block[data-id="1"] {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

#product .content .main-info .center-f .system-recom-block .content-block::-webkit-scrollbar-thumb {
    background: rgb(43, 48, 56, .3);
}

#product .content .main-info .center-f .system-recom-block .content-block .func-name {
    font-size: 12px;
    margin-bottom: 10px;
    background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #93291E, #ED213A);
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 20px;
}

#product .content .main-info .center-f .system-recom-block .content-block .func-name i {
    margin-right: 5px;
}

#product .content .main-info .center-f .system-recom-block .content-block .desc {
    font-size: 14px;
    color: #9296a9;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 1.7;
}

#product .content .main-info .center-f .system-recom-block .content-block .desc:last-child {
    margin-bottom: 0;
}

#product .content .main-info .center-f .system-recom-block .pre-title {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

#product .content .main-info .center-f .system-recom-block .blocks {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}

#product .content .main-info .center-f .system-recom-block .blocks .block-recom-wrapper {
    width: 50%;
    padding-right: 30px;
    padding-bottom: 30px;
}

#product .content .main-info .center-f .system-recom-block .blocks .block-recom-wrapper:nth-child(5),
#product .content .main-info .center-f .system-recom-block .blocks .block-recom-wrapper:last-child {
    padding-bottom: 0;
}

#product .content .main-info .center-f .system-recom-block .blocks .block-recom {
    display: flex;
    align-items: center;
    height: 60px;
}

#product .content .main-info .center-f .system-recom-block .blocks .block-recom i.main {
    margin-right: 15px;
    font-size: 50px;
    color: #515560;
    width: 50px;
}

#product .content .main-info .center-f .system-recom-block .blocks .block-recom .recom-info {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 600;
}

#product .content .main-info .center-f .system-recom-block .blocks .block-recom .recom-info span {
    color: #595b65;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 15px;
}

#product .content .main-info .center-f .system-recom-block .blocks .block-recom .recom-info img {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    filter: brightness(0) invert(1);
    object-fit: contain;
}

#product .content .main-info .center-f .system-recom-block .filter-info {
    display: flex;
    align-items: center;
    background: rgb(26 27 33 / 50%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
    padding: 0 30px;
}

#product .content .main-info .center-f .system-recom-block .filter-info .fil-s {
    padding: 30px;
    transition: .25s all;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    color: #9296a9;
    position: relative;
}

#product .content .main-info .center-f .system-recom-block .filter-info .fil-s::before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #93291E, #ED213A);
    opacity: 0;
    transition: .2s opacity;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#product .content .main-info .center-f .system-recom-block .filter-info .fil-s.active:before {
    opacity: 1;
}

#product .content .main-info .center-f .system-recom-block .filter-info .fil-s:hover,
#product .content .main-info .center-f .system-recom-block .filter-info .fil-s.active {
    color: #ED213A;
}

#product .content .main-info .center-f .system-recom-block .filter-info .fil-s:last-child {
    margin-right: 0;
}

#product .content .main-info .center-f .system-recom-block .filter-info .fil-s i {
    margin-right: 15px;
    font-size: 20px;
}

#product .content .main-info .right-block {
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
    background: rgb(26 27 33 / 50%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    display: flex;
}

#product .content .main-info .right-block .cheat-info {
    overflow: hidden;
    width: 100%;
}

#product .content .main-info .right-block .bg-cheat {
    padding-right: 30px;
    width: 240px;
    min-width: 240px;
    height: 300px;
}

#product .content .main-info .right-block .bg-cheat img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

#product .content .main-info .accept-order {
    padding: 30px;
    background: rgb(26 27 33 / 50%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    width: 40%;
}

#product .content .main-info .right-block .name {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
}

#product .content .main-info .accept-order .name {
    font-size: 14px;
    color: #9296a9;
    line-height: 1.5;
    font-weight: 500;
}

#product .content .main-info .accept-order .header-line::before {
    display: none;
}

#product .content .main-info .accept-order .header-line {
    padding-bottom: 0;
    margin-bottom: 15px;
}

#product .content .main-info .accept-order .pre-title {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

#product .content .main-info .accept-order .pre-title span {
    color: #ED213A;
    font-weight: 700;
}

#product .content .main-info .accept-order .btn {
    text-transform: uppercase;
    background: #93291E;
    padding: 25px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

#product .content .main-info .accept-order .btn:hover {
    background: #ED213A;
}

#product .content .main-info .right-block .name i {
    margin-left: 10px;
    color: #22b122;
    font-size: 16px;
}

#product .content .main-info .right-block .functions-block {
    margin-bottom: 15px;
}

#product .content .main-info .right-block .functions-block .func-name {
    padding: 10px 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    background: rgb(26 27 33 / 60%);
    margin-right: 10px;
    color: #9296a9;
}

#product .content .main-info .right-block .name i {
    color: #55CF94 !important;
}

#product .content .main-info .right-block .functions-block .func-name.cheat-status {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    margin-right: 5px;
}

#product .content .main-info .right-block .functions-block .func-name.cheat-status i {
    margin-right: 5px;
    font-size: 14px;
}

#product .content .main-info .right-block .name.undetected i,
#product .content .main-info .right-block .header-line .func-name.cheat-status.undetected {
    color: #55CF94 !important;
}

#product .content .main-info .right-block .header-line .func-name.cheat-status.undetected {
    background: rgba(85, 207, 148, .1) !important;
}

#product .content .main-info .right-block .name.detected i,
#product .content .main-info .right-block .header-line .func-name.cheat-status.detected {
    color: #cf5555 !important;
}

#product .content .main-info .right-block .header-line .func-name.cheat-status.detected {
    background: rgba(207, 85, 85, .1) !important;
}

#product .content .main-info .right-block .name.onupdate i,
#product .content .main-info .right-block .header-line .func-name.cheat-status.onupdate {
    color: #5597cf !important;
}

#product .content .main-info .right-block .header-line .func-name.cheat-status.onupdate {
    background: rgba(85, 151, 207, .1) !important;
}

#product .content .main-info .right-block .name.useatownrisk i,
#product .content .main-info .right-block .header-line .func-name.cheat-status.useatownrisk {
    color: #cfbc55 !important;
}

#product .content .main-info .right-block .header-line .func-name.cheat-status.useatownrisk {
    background: rgba(207, 188, 85, .1) !important;
}

#product .content .main-info .right-block .header-line .func-name {
    padding: 10px 10px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

#product .content .main-info .right-block .header-line .func-name i {
    margin-right: 5px;
    font-size: 16px;
}

#product .content .main-info .right-block .pre-title {
    font-size: 12px;
    color: #9296a9;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#product .content .main-info .right-block .desc {
    color: #9296a9;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
}

#product .content .main-info .right-block .screens {
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    height: 140px;
    margin-top: 15px;
    padding-bottom: 10px;
}

#product .content .main-info .right-block .screens::-webkit-scrollbar-track {
    background: transparent;
}

#product .content .main-info .right-block .screens::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #25282f;
}

#product .content .main-info .right-block .screens::-webkit-scrollbar-thumb:hover {
    background: #32363f;
}

#product .content .main-info .right-block .screens::-webkit-scrollbar {
    height: 7px;
}

#product .content .main-info .right-block .screens .item {
    width: 200px;
    min-width: 200px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    opacity: .6;
    transition: .3s opacity;
    margin-right: 20px;
}

#product .content .main-info .right-block .screens .item:last-child {
    margin-right: 0;
}

#product .content .main-info .right-block .screens .item:hover {
    opacity: 1;
}

#product .content .main-info .right-block .screens .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#product .content .main-info .right-block .header-line {
    position: relative;
    margin-bottom: 25px;
    border-bottom: 1px solid rgb(26 27 33 / 100%);
    padding-bottom: 20px;
}

#product .content .main-info .right-block .header-line img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    margin-right: 10px;
}

#product .content .main-info .right-block .header-line .game-block {
    font-weight: 500;
}

#product .content .main-info .right-block .header-line .game-block img {
    margin-right: 7px;
    height: 25px;
    width: 25px;
}

#product .content .main-info .right-block .func {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 40px;
}

#product .content .main-info .right-block .func .m-func i {
    font-size: 12px;
    margin-right: 5px;
}

#product .content .main-info .right-block .func .m-func {
    font-weight: 300;
}

#product .content .main-info .right-block .func span {
    color: rgba(255, 255, 255, .4);
    margin: 0 10px;
    font-size: 15px;
    font-weight: 600;
}

#product .content .main-info .right-block .func .more-func {
    color: orange;
    cursor: pointer;
    text-decoration: underline;
}

#product .content .main-info .right-block .recom .r {
    margin-right: 10px;
}

#product .content .main-info .right-block .recom .r:last-child {
    margin-right: 0;
}

#product .content .main-info .right-block .recom .r i {
    font-size: 18px;
}

#product .content .main-info .right-block .recom .r sup {
    font-size: 11px;
}

#product .content .main-info .right-block .status {
    margin-left: 40px;
}

#product .content .main-info .right-block .status span {
    font-weight: 600;
}

#product .content .main-info .right-block .status span i {
    margin-right: 5px;
}

#product .content .main-info .right-block .status span.undetected {
    color: #22b122;
}

#product .content .main-info .right-block .status span.detected {
    color: #b12222;
}

#product .content .main-info .right-block .status span.updating {
    color: #2264b1;
}

#product .content .main-info .right-block .func,
#product .content .main-info .right-block .recom,
#product .content .main-info .right-block .status {
    height: 70px;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper {
    width: 100%;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 15px;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel {
    padding: 20px;
    transition: .4s all;
    cursor: pointer;
    border-radius: 5px;
    color: #54565f;
    border-radius: 10px;
    background: rgb(26 27 33 / 60%);
    position: relative;
    overflow: hidden;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #93291E, #ED213A);
    opacity: 0;
    transition: .2s all;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel:hover {
    color: #fff;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel:hover:before,
#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel.active:before {
    opacity: 1;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel .check {
    height: 20px;
    width: 20px;
    margin-right: 10px;
    border: 2px solid #54565f;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s all;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel .check::before {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    transition: .45s all;
    background: #54565f;
    opacity: 0;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel.active .check::before {
    background: #fff;
    opacity: 1;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel .time {
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel .price {
    margin-left: auto;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    position: relative;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel.active {
    color: #fff !important;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel:hover .check,
#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel.active .check {
    border-color: #fff !important;
}

#product .content .main-info .accept-order .select .select-sub .sel-wrapper .sel:not(.active):hover .check::before {
    background: #fff !important;
    opacity: 1;
}

#product .content .main-info .right-block .go-buy .price {
    font-size: 30px;
    margin-right: 20px;
    letter-spacing: 2px;
    font-weight: 600;
}

#product .content .main-info .right-block .go-buy .btn {
    text-transform: none;
    background: #6a4ddd;
    width: 100%;
    text-align: center;
}

#product .content .main-info .right-block .go-buy .btn:hover {
    background: #866bed;
}

#product .content .main-info .right-block .go-buy .report {
    margin-left: auto;
    display: flex;
    flex-direction: column;
}

#product .content .main-info .right-block .go-buy .report .pretitle i {
    margin-right: 8px;
    margin-left: auto;
}

#product .content .main-info .right-block .go-buy .report .btn {
    background: #21252c;
    border: 2px solid rgba(64, 73, 88, .4);
    color: rgba(255, 255, 255, .5);
    cursor: pointer;
    transition: .4s all;
}

#product .content .main-info .right-block .go-buy .report .btn:hover {
    color: #fff;
    background: #404958;
}

#product .content .main-info .right-block .warning {
    margin-top: 30px;
    padding: 15px 20px;
    border-radius: 10px;
    background: #21252c;
    font-size: 13px;
    line-height: 1.5;
    position: relative;
    padding-left: 80px;
    overflow: hidden;
    border: 2px solid #272c34;
}

#product .content .main-info .right-block .warning i {
    margin-right: 20px;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #272c34;
    color: orange;
}

#product .content .info-page .title {
    font-size: 25px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    font-weight: 600;
    color: #fff;
}

#product .content .info-page .title span {
    color: rgba(255, 255, 255, .4);
    font-weight: 300;
    font-size: 18px;
}

#product .content .info-page .functions {
    color: rgba(255, 255, 255, .4);
    font-weight: 300;
    width: 50%;
    padding-right: 65px;
}

#product .content .info-page .header-line .func-name {
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
}

#product .content .info-page .header-line .func-name i {
    margin-right: 8px;
    font-size: 15px;
}

#product .content .info-page .functions .desc {
    margin-bottom: 15px;
    line-height: 1.5;
}

#product .content .info-page {
    width: 100%;
}

#product .content .info-page .reviews {
    width: 100%;
}

#product .content .info-page .reviews .send-review {
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    padding: 25px;
    border-radius: 10px;
    padding-left: 120px;
    width: 100%;
    font-size: 17px;
    background: rgb(26 27 33 / 20%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
}

#product .content .info-page .reviews .send-review i.fa-solid.fa-message {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(26 27 33 / 50%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
}

#product .content .info-page .reviews .send-review .rate-f {
    color: #ffba00;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 2px;
}

#product .content .info-page .reviews .send-review .rate-l {
    margin-left: auto;
    margin-right: 15px;
}

#product .content .info-page .reviews .send-review .rate-l i {
    margin-right: 5px;
    color: #ffba00;
}

#product .content .info-page .reviews .send-review .btn {
    font-size: 14px;
    text-transform: none;
    color: #fff;
    cursor: pointer;
    transition: .4s all;
    padding: 20px;
    background: #93291E;
}

#product .content .info-page .reviews .review-blocks {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}

#product .content .info-page .reviews .review-blocks .review-block-wrapper {
    width: 50%;
    padding: 0 30px 30px 0;
}

#product .content .info-page .reviews .review-block {
    background: rgb(26 27 33 / 50%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: 10px;
    border-bottom: 3px solid #52535d;
}

#product .content .info-page .reviews .review-block .user {
    margin-bottom: 20px;
}

#product .content .info-page .reviews .review-block .user img {
    border-radius: 10px;
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
    object-fit: cover;
    margin-right: 15px;
}

#product .content .info-page .reviews .review-block .user .info .nickname {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px;
}

#product .content .info-page .reviews .review-block .user .info .date {
    color: #595b65;
    font-weight: 500;
    font-size: 13px;
}

#product .content .info-page .reviews .review-block .rate {
    color: #ffba00;
}

#product .content .info-page .reviews .review-block .rate i:not(:last-child) {
    margin-right: 5px;
}

#product .content .info-page .reviews .review-block .message {
    color: #9296a9;
    font-weight: 500;
    line-height: 1.4;
    font-size: 16px;
}

#product .content i.icon-func {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    margin-right: 5px;
}

#product .rate-stars {
    margin-top: 20px;
}

#product .rate-stars .pre-title {
    font-size: 16x;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, .4);
}

#product .rate-stars .rate {
    color: #ffba00;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

#product .rate-stars .rate i {
    margin-left: 5px;
    font-size: 14px;
}

/*==========================
         POLITIC
==========================*/

#product-wrapper.terms {
    height: auto;
    padding-bottom: 60px;
}

#product-wrapper.terms .terms {
    margin-top: 15px;
    color: #e5e5e5;
    line-height: 1.5;
}

#product-wrapper.terms .terms p {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0;
    line-height: normal;
}

#product-wrapper.terms .terms span,
#product-wrapper.terms .terms a {
    font-weight: 600;
    color: #ED213A;
}

#product-wrapper.terms .terms a {
    text-decoration: underline;
    color: #93291E;
}

/*==========================
          TICKETS
==========================*/

#tickets {
    min-height: 300px;
}

#product-wrapper.tickets .game-logo i {
    font-size: 28px;
}

#tickets .content.select .block {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
    height: 270px;
}

#tickets .content.select .vl {
    height: 150px;
    width: 1px;
    background: rgba(35, 37, 42, .48);
    margin: 0 30px;
}

#tickets .content.select .block .icon {
    font-size: 45px;
    margin-bottom: 15px;
}

#tickets .content.select .block .title {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#tickets .content.select .block .description {
    color: rgba(255, 255, 255, .4);
    margin-bottom: 20px;
    text-align: center;
    font-weight: 300;
}

#tickets .content.select .block .go-send .input {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 10px;
    background: rgba(35, 37, 42, .48);
    height: 60px;
    margin-right: 15px;
    overflow: hidden;
    padding-right: 15px;
}

#tickets .content.select .block .go-send .input i {
    height: 100%;
    width: 60px;
    min-width: 60px;
    background: rgb(39, 43, 52, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .4);
    margin-right: 15px;
    font-size: 20px;
}

#tickets .content.select .block .go-send .input input {
    height: 100%;
    width: 100%;
}

#tickets .content.select .block .go-send .btn {
    height: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ED213A;
}

#tickets .content.select .block .go-send .btn i {
    font-size: 16px;
}

#tickets .content.select .block.create-new .icon i {
    color: #ED213A;
}

#tickets .content.select .block.show-history .icon i {
    color: #ebbb62;
}

#tickets .content.show-tickets {
    padding-top: 150px;
    min-height: 700px;
}

#tickets .content.show-tickets .title-header {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 25px;
}

#tickets .content.show-tickets .title-header .auth {
    color: rgba(255, 255, 255, .7);
    font-weight: 300;
    font-size: 13px;
    letter-spacing: normal;
}

#tickets .content.show-tickets .title-header .auth span {
    color: rgba(255, 255, 255, .3);
    margin-left: 5px;
}

#tickets .content.show-tickets .title-header .auth span a {
    font-weight: 300;
    cursor: pointer;
    text-decoration: underline;
}

#tickets .content.show-tickets table td .status-ticket {
    font-weight: 600;
}

#tickets .content.show-tickets table td .status-ticket.wait-accept {
    color: orange;
}

#tickets .content.show-tickets table td .status-ticket.open,
#tickets .content.show-tickets table td .accept-ticket-success {
    color: #0ddd25;
    font-weight: 600;
}

#tickets .content.show-tickets table td .status-ticket.reply {
    color: orange;
}

#tickets .content.show-tickets table td .status-ticket.solved {
    color: #0ddd25;
}

#tickets .content.show-tickets table td .status-ticket.refused {
    color: #e01414;
}

/*==========================
          FOOTER
==========================*/

footer {
    position: relative;
    z-index: 12;
    overflow: hidden;
    border-top: 1px solid #1E2028;
}

footer .content {
    padding: 50px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(30 32 40 / 30%);
    position: relative;
    z-index: 5;
}

footer .content .col {
    width: 20%;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
}

footer .content .col:last-child {
    padding-right: 0;
}

footer .content .col .title {
    color: #555765;
    margin-bottom: 15px;
    font-weight: 400;
}

footer .content .col a {
    font-weight: 400;
    margin-bottom: 10px;
}

footer .content .col a:hover {
    color: #ED213A !important;
}

footer .content .col .logo:hover {
    text-decoration: none;
}

footer .content .col .contacts {
    margin-top: 20px;
}

footer .content .col .contacts a {
    margin-bottom: 0 !important;
    margin-right: 10px;
    font-size: 24px;
    padding: 10px;
}

footer .content .col .contacts a:first-child {
    padding-left: 0;
}

footer .content .col .contacts a:hover {
    color: #93291E !important;
    text-decoration: none;
}

footer .content .col .contacts a:last-child {
    margin-right: 0;
}

footer .content .col:first-child {
    width: 40%;
    margin-right: 70px;
}

footer .content .col a:not(.logo) {
    margin-bottom: 15px;
    color: #8e91a7;
}

footer .content .col:first-child .logo {
    margin-bottom: 25px;
}

footer .content .col:first-child .logo img {
    width: 50px;
    transition: .4s all;
}

footer .content .col:first-child .desc {
    font-size: 16px;
    color: #848a9a;
    font-weight: 400;
    line-height: 1.7;
}

footer .after-footer {
    padding: 30px 0;
    padding-top: 40px;
    word-spacing: 4px;
    position: relative;
    z-index: 5;
}

footer .after-footer a,
footer .after-footer a:hover {
    font-weight: 800;
    background: -webkit-linear-gradient(bottom, #6a4ddd, #866bed);
    background: -o-linear-gradient(bottom, #6a4ddd, #866bed);
    background: linear-gradient(to top, #6a4ddd, #866bed);
    color: transparent !important;
    -webkit-background-clip: text;
    background-clip: text;
}

footer .after-footer .fl.ai-c img {
    margin-right: 15px;
    filter: grayscale(1);
}

footer .after-footer .fl.ai-c img:last-child {
    margin-right: 0;
}

/*==========================
      STATUSES CHEATS
==========================*/

#statuses-cheats {
    position: relative;
    min-height: 900px;
    padding-top: 150px;
    padding-bottom: 80px;
}

#statuses-cheats .content .description {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 2px;
}

#statuses-cheats .content .description-pre {
    color: #74767f;
    font-weight: 400;
    margin-bottom: 50px;
    font-size: 16px;
    width: 600px;
    line-height: 1.5;
}

#statuses-cheats .content .pre-header-statuses {
    padding: 20px 30px;
    min-height: 80px;
    width: 100%;
        background: rgb(27 29 32 / 58%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

#statuses-cheats .content .pre-header-statuses .pre-title {
    margin-right: auto;
    font-size: 16px;
    font-weight: 500;
}

#statuses-cheats .content .pre-header-statuses .pre-header-status {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

#statuses-cheats .content .pre-header-statuses .pre-header-status:last-child {
    margin-right: 0;
}

#statuses-cheats .content .pre-header-statuses .pre-header-status i {
    height: 35px;
    width: 35px;
    min-width: 35px;
    border-radius: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style i {
    margin-right: 5px;
}

#statuses-cheats .content .pre-header-statuses .pre-header-status.undetected i,
#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style.undetected i,
#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info .last-detect.undetected span {
    color: #55CF94;
    background: rgba(85, 207, 148, .1);
}

#statuses-cheats .content .pre-header-statuses .pre-header-status.detected i,
#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info .last-detect.detected span {
    color: #cf5555;
    background: rgba(207, 85, 85, .1);
}

#statuses-cheats .content .pre-header-statuses .pre-header-status.onupdate i,
#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info .last-detect.onupdate span {
    color: #5597cf;
    background: rgba(85, 151, 207, .1);
}

#statuses-cheats .content .pre-header-statuses .pre-header-status.useatownrisk i,
#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info .last-detect.useatownrisk span {
    color: #cfbc55;
    background: rgba(207, 188, 85, .1);
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info .last-detect span {
    background: none !important;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info .last-detect.undetected span i {
    font-size: 14px;
}

#statuses-cheats .content .statuses {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}

#statuses-cheats .content .statuses .status-wrapper {
    width: 50%;
    padding: 0px 30px 30px 0;

}

#statuses-cheats .content .statuses .status-wrapper .status {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    background: rgb(27 29 32 / 58%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
    height: 100%;
    padding: 30px;
    padding-left: 250px;
    min-height: 260px;
    position: relative;
}

#statuses-cheats .content .statuses .status-wrapper .status .game-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 220px;
}

#statuses-cheats .content .statuses .status-wrapper .status .game-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info {
    display: flex;
    flex-direction: column;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .game-name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats {
    display: flex;
    flex-wrap: wrap;
    max-height: 200px;
    overflow-y: auto;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style {
    margin: 0px 10px 10px 0;
    padding: 10px 15px;
    min-height: 40px;
    border-radius: 8px;
    background: #282931;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style img {
    height: 40px;
    width: 40px;
    margin-right: 10px;
    border-radius: 8px;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style::before {
    display: none;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info {
    display: flex;
    flex-direction: column;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info .name {
    margin-bottom: 5px;
    color: #fff;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info .last-detect {
    font-weight: 300;
    font-size: 13px;
    color: #828491;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style .info .last-detect span {
    font-weight: 500;
    margin-top: 3px;
    font-size: 14px;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .btn-new-style i {
    font-size: 16px;
    background: 0 !important;
}

#statuses-cheats .content .statuses .status-wrapper .status .status-info .status-cheats .empty-cheats {
    font-size: 16px;
    color: #74767f;
}

/*==========================
       CHEATS STATUS
==========================*/

#products.cheats-status {
    padding-top: 130px;
}

#products.cheats-status .product::before {
    opacity: .7 !important;
}

#products.cheats-status .product::after {
    content: '';
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(33, 36, 41, 0)), color-stop(90%, #191a1e)) !important;
    background: linear-gradient(1deg, rgba(33, 36, 41, 0) 0%, #191a1e 80%) !important;
    opacity: .7;
    position: absolute;
    transform: skewX(0) !important;
}

#products.cheats-status .product .blocks-wrap {
    position: relative;
    z-index: 6;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 15px;
}

#products.cheats-status .products .product-wrapper .product {
    padding: 15px;
}

#products.cheats-status .products .product-wrapper .product .name::before,
#products.cheats-status .products .product-wrapper .product::before {
    display: none;
}

#products.cheats-status .products .product-wrapper .product .game-name::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px 0px 20px 20px;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: -2;
    height: 100%;
    width: 100%;
    display: block;
}

#products.cheats-status .products .product-wrapper .product::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    display: block;
}

#products.cheats-status .products .product-wrapper {
    min-height: 400px;
    max-height: 400px;
}

#products.cheats-status .products .product-wrapper .product .name {
    width: auto;
    height: auto;
    display: block;
}

#products.cheats-status .products .product-wrapper .product .game-name {
    position: relative;
    z-index: 2;
    width: 70%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -15px;
}

#products.cheats-status .products .product-wrapper .product .game-name span {
    margin-top: -4px;
}

/*
#products.cheats-status .product .block-wrap.game {
    border-radius: 15px;
    background: rgb(51, 54, 60, .5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    overflow: hidden;
    padding: 5px;
    margin-bottom: 15px !important;
}
*/

#products.cheats-status .product .blocks-wrap .list-wrap {
    height: 260px;
    overflow-y: auto;
}

#products.cheats-status .product .blocks-wrap .list-wrap::-webkit-scrollbar {
    width: 5px;
}

#products.cheats-status .product .blocks-wrap .list-wrap::-webkit-scrollbar-track {
    background: transparent;
}

#products.cheats-status .product .blocks-wrap .list-wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #2a313c;
}

#products.cheats-status .product .blocks-wrap .block-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

#products.cheats-status .product .blocks-wrap .block-wrap:last-child {
    margin-bottom: 0;
}

#products.cheats-status .product .blocks-wrap .block-wrap .icon {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#products.cheats-status .product .blocks-wrap .block-wrap .icon img {
    border-radius: 12px;
}

#products.cheats-status .product .blocks-wrap .block-wrap.game .icon {
    margin-right: 5px;
}

#products.cheats-status .product .icon.cheat {
    background: 0;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
}

#products.cheats-status .product .icon.cheat img {
    height: 100%;
    width: 100%;
    filter: none;
}

#products.cheats-status .product .blocks-wrap .block-wrap .info-wrap {
    display: flex;
    flex-direction: column;
}

#products.cheats-status .product .blocks-wrap .block-wrap .info-wrap .name {
    margin-bottom: 5px;
}

#products.cheats-status .product .blocks-wrap .block-wrap.game .info-wrap .name {
    margin-bottom: 2px;
}

#products.cheats-status .product .blocks-wrap .block-wrap .info-wrap .count-cheats,
#products.cheats-status .product .blocks-wrap .block-wrap .info-wrap .status {
    font-size: 12px;
    color: burlywood;
}

#products.cheats-status .product .blocks-wrap .block-wrap .info-wrap .status {
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 12px;
}

#products.cheats-status .product .blocks-wrap .block-wrap .info-wrap .status.undetected {
    color: #48af48;
    background: rgba(72, 175, 72, .2);
}

#products.cheats-status .product .blocks-wrap .block-wrap .info-wrap .status.detected {
    color: #d10534;
    background: rgba(177, 0, 41, 0.2);
}

#products.cheats-status .product .blocks-wrap .block-wrap .info-wrap .status.onupdate {
    color: #048bc7;
    background: rgba(4, 139, 199, .2);
}

#products.cheats-status .product .blocks-wrap .block-wrap .info-wrap .status.useatownrisk {
    color: #d8a80b;
    background: rgba(216, 168, 11, .2);
}

/*==========================
        TRANSLATE
==========================*/

header .navbar-nav .change-lang {
    margin-right: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
}

header .navbar-nav .change-lang .current-lang {
    display: flex;
    align-items: center;
    height: 52px;
    color: #c2c6d7;
    border-radius: 6px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 15px;
    cursor: pointer;
}

header .navbar-nav .change-lang .current-lang:hover {
    background: hsla(0, 0%, 100%, .03);
    transition: .25s;
}

header .navbar-nav .change-lang .current-lang svg {
    margin-right: 10px;
}

header .navbar-nav .change-lang .dropdown-lang {
    position: absolute;
    top: 80px;
    left: -5px;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(15, 16, 20, 0.7);
    border: 1px solid rgba(32, 34, 43, 0.1);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .12);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 12px;
    opacity: 0;
    z-index: -99;
    transition: .2s opacity;
}

header .navbar-nav .change-lang .dropdown-lang.show {
    opacity: 1;
    z-index: 99;
    display: flex;
}

header .navbar-nav .change-lang .dropdown-lang:before {
    content: "";
    position: absolute;
    top: -15px;
    border: 6px solid transparent;
    border-bottom: 8px solid rgba(15, 16, 20, 0.7);
}

header .navbar-nav .change-lang .dropdown-lang .select-lang {
    padding: 15px 20px;
    cursor: pointer;
    color: #c2c6d7;
    transition: .2s color;
    border-bottom: 1px solid hsla(0, 0%, 100%, .02);
}

header .navbar-nav .change-lang .dropdown-lang .select-lang:hover {
    color: #ffffff;
}

header .navbar-nav .change-lang .dropdown-lang .select-lang.active {
    color: #ED213A !important;
}

/*==========================
            FAQ
==========================*/

#product-wrapper.tickets.terms.faq .content .description {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 5px;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-top: 30px;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper {
    width: 50%;
    padding: 30px;
    padding-left: 0;
    padding-top: 0;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq {
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 15px;
    background: rgb(27 29 32 / 58%);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(10px);
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq img {
    width: 100px;
    margin-right: 20px;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq .prename {
    color: #9fa4b0;
    margin-bottom: 10px;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq .name {
    font-size: 18px;
}

#product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq .btn-new-style {
    margin-left: auto;
    background: #ED213A;
}

/*==========================
          OTHERS
==========================*/

.fl {
    display: flex;
}

.fl.fw-w {
    flex-wrap: wrap;
}

.fl.fw-nw {
    flex-wrap: nowrap;
}

.fl.fd-c {
    flex-direction: column;
}

.fl.fd-r {
    flex-direction: row;
}

.fl.ai-s {
    align-items: flex-start;
}

.fl.ai-c {
    align-items: center;
}

.fl.ai-e {
    align-items: flex-end;
}

.fl.jc-s {
    justify-content: flex-start;
}

.fl.jc-c {
    justify-content: center;
}

.fl.jc-sb {
    justify-content: space-between;
}

.fl.jc-e {
    justify-content: flex-end;
}

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

.mobile-menu {
    display: flex;
    flex-direction: column;
    width: 40px;
    cursor: pointer;
}

.mobile-menu span {
    background: #adadad;
    border-radius: 5px;
    height: 3px;
    margin: 5px 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.mobile-menu span:nth-of-type(1) {
    width: 50%;
}

.mobile-menu span:nth-of-type(2) {
    width: 100%;
}

.mobile-menu span:nth-of-type(3) {
    width: 75%;
}

.mobile-menu input[type="checkbox"] {
    display: none;
}

.mobile-menu.active span:nth-of-type(1) {
    transform-origin: bottom;
    transform: rotatez(45deg) translate(7px, 1px);
}

.mobile-menu.active span:nth-of-type(2) {
    transform-origin: top;
    transform: rotatez(-45deg);
}

.mobile-menu.active span:nth-of-type(3) {
    transform-origin: bottom;
    width: 50%;
    transform: translate(18px, -7px) rotatez(45deg);
}

.mobile-menu {
    display: none;
    z-index: 99999;
}

.mobile-navbar {
    position: fixed;
    top: 0;
    left: 0;
    background: #151418;
    padding-top: 40%;
    height: 100%;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: -6;
    transition: .45s all;
    opacity: 0;
}

.mobile-navbar.show {
    opacity: 1;
    z-index: 45;
}

.mobile-navbar a {
    font-size: 25px;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, .4);
}

.mobile-navbar a:last-child {
    margin-bottom: 0;
}

.mobile-navbar a.active,
.mobile-navbar a:hover {
    color: #fff;
}

/*==========================
     MEDIA MOBILE ADAPT
==========================*/

@media screen and (max-width: 1600px) {
    body {
        /*        background-color: #3BCEAC;*/
    }

    .modal-wrapper.show,
    .modal-wrapper .modal.show {
        z-index: 999;
    }

    .modal-wrapper {
        padding-top: 100px;
    }

    #tickets .content.select .block {
        width: 100%;
    }

    #tickets .content.select .vl {
        display: none;
    }

    #tickets .content.select {
        flex-direction: column;
    }
}

@media screen and (max-width: 1280px) {
    body {
        /*        background-color: #FFD23F;*/
    }

    #product .content .main-info .center-f {
        width: 100%;
        padding-right: 0;
    }

    #header-wrapper .content .title {
        width: 60%;
    }

    #header-wrapper .content .desc {
        width: 60%;
    }

    .container {
        width: 100%;
    }

    #header-wrapper {
        padding: 130px 0;
        padding-bottom: 70px;
    }

    #header-wrapper .content {
        width: 100%;
    }

    #header-wrapper .bg-person {
        height: 500px;
        width: 500px;
        top: -10%;
        background-size: cover;
    }

    #products .search-block {
        width: 33.33333333333%;
    }

    #products .sort-by-games-filters {
        width: 25%;
    }

    #products .products .product-wrapper {
        width: 33.3333333333333%;
    }

    #product .content .main-info {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    #product .content .main-info .left-block {
        width: 50%;
    }

    #product .content .main-info .accept-order {
        width: 100%;
        margin: 35px auto;
    }

    #product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper {
        width: 100%;
    }

    #bg {
        height: 135%;
    }
}

@media screen and (max-width: 960px) {
    body {
        /*        background-color: #EE4266;*/
    }

    #header-wrapper .content .title {
        width: 100%;
    }

    #header-wrapper .content .desc {
        width: 100%;
    }

    #header-wrapper::before {
        opacity: .4;
    }

    #header-wrapper .advantages {
        flex-wrap: wrap;
        padding-bottom: 0;
        background: rgb(27 29 32 / 80%);
    }

    #header-wrapper .advantages .advantage {
        padding-right: 0;
        border: none;
        padding-bottom: 30px;
    }

    #product .content .info-page .reviews .review-blocks .review-block-wrapper {
        width: 100%;
    }

    #header-wrapper .bg-person {
        display: none;
    }

    #header-wrapper .content {
        width: 100%;
    }

    #header-wrapper {
        padding-bottom: 70px;
    }

    #products .search-block {
        width: 50%;
    }

    #products .sort-games {
        flex-direction: column;
    }

    #products .sort-by-games-filters {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }

    #products .sort-by-games-filters .pretitle {
        margin-left: 0;
    }

    #products .sort-by-games-filters .list {
        justify-content: flex-start;
    }

    #products .products .product-wrapper {
        width: 50%;
    }

    #product .content .main-info {
        flex-direction: column;
    }

    #product .content .main-info .left-block {
        width: 100%;
        padding-right: 0;
        padding-bottom: 35px;
    }

    #product .content .main-info .left-block .global {
        display: none;
    }

    #product .content .main-info .left-block .carousel .main-screen {
        height: 350px;
    }

    #product .content .main-info .center-f {
        width: 100%;
    }

    .modal-wrapper .modal.tickets-views .ticket-view .chat .msg {
        max-width: 60%;
    }

    .modal-wrapper .modal.tickets-views .ticket-view .chat .msg.full {
        width: 60%;
    }

    .mobile-menu {
        display: flex;
    }

    header .navbar-nav .menu {
        display: none;
    }

    #cheats-page-wrapper .content {
        width: 100%;
    }

    #product .content .main-info .right-block {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    body {
        /*        background-color: #540D6E;*/
    }

    #product .content .main-info .right-block {
        flex-direction: column;
    }

    #product .content .main-info .right-block .bg-cheat {
        padding-right: 0;
        width: 100%;
        min-width: 100%;
        height: 200px;
        padding-bottom: 30px;
    }

    #product .content .main-info .center-f .system-recom-block .filter-info {
        padding: 0 15px;
    }

    #product .content .info-page .reviews .send-review .btn {
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }

    #product .content .info-page .reviews .send-review {
        flex-wrap: wrap;
    }

    #product .content .main-info .center-f .system-recom-block .filter-info .fil-s {
        padding: 15px;
        font-size: 13px;
        height: 70px;
    }

    #product .content .main-info .center-f .system-recom-block .blocks .block-recom-wrapper:nth-child(5) {
        padding-bottom: 30px;
    }

    #header-wrapper .person-img {
        display: none;
    }

    .container {
        padding: 0 30px;
    }

    #products .sort-games .list-cheats {
        max-width: 50%;
        overflow-x: auto;
    }

    #products .sort-games .sort {
        min-width: 120px;
    }

    #products .pre-info {
        flex-direction: column;
    }

    #products .title {
        margin-bottom: 15px;
    }

    #products .search-block {
        padding-left: 0;
        width: 100%;
    }

    #products .sort-games .list-cheats::-webkit-scrollbar {
        width: 0px;
        height: 0;
        background: transparent
    }

    #products .sort-games .list-cheats::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
        background: transparent;
        border-radius: 0;
    }

    #products .sort-games .list-cheats::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #5527E1
    }

    #products .products .product-wrapper {
        width: 100%;
    }

    footer .content {
        flex-wrap: wrap;
    }

    footer .content .col {
        width: 50%;
        padding-right: 0;
    }

    footer .content .col:first-child {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    footer .after-footer {
        flex-direction: column;
    }

    footer .after-footer div:first-child {
        margin-bottom: 20px;
    }

    #header-wrapper .content .title {
        font-size: 32px;
    }

    #header-wrapper .content .title span {
        align-items: baseline;
    }

    #header-wrapper .content .title span img {
        width: 25px;
    }

    #header-wrapper .content .desc {
        font-size: 16px;
    }

    body {
        overflow-x: hidden;
    }

    .mobile-navbar {
        /*
        width: 50%;
        padding-right: 30px;
        padding-left: 0;
*/
        padding-top: 200px;
    }

    .mobile-navbar a {
        text-align: center;
        font-size: 20px;
    }

    #product .content .main-info .center-f .system-recom-block .blocks .block-recom-wrapper {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }

    #product .content .info-page .functions {
        width: 100%;
    }

    #product .content .main-info .right-block .functions-block {
        flex-wrap: wrap;
    }

    #product .content .main-info .right-block .header-line .func-name {
        margin-bottom: 10px;
    }

    #product .content .main-info .right-block .functions-block {
        margin-bottom: 15px;
    }

    #header-wrapper .content h3 {
        font-size: 13px;
    }

    #products .sort-games .sort-by-cheats {
        width: 100%;
    }

    #product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq {
        flex-direction: column;
        align-items: flex-start;
    }

    #product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq img {
        margin: auto;
        margin-bottom: 15px;
    }

    #product-wrapper.tickets.terms.faq .content .faq-blocks .faq-wrapper .faq .btn {
        margin: auto;
        margin-top: 15px;
    }

    header .navbar-nav .contacts {
        display: none;
    }

    /* .mobile-menu {
        margin-left: auto;
    } */

    #products .pre-info {
        align-items: flex-start;
    }

    #product .content .main-info .left-block .carousel {
        flex-direction: column-reverse;
    }

    #product .content .main-info .left-block .carousel .screens {
        direction: initial;
        flex-direction: row;
        padding-left: 0;
        padding-top: 20px;
        max-width: 100%;
        overflow: hidden;
        overflow-x: auto;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 10px;
    }

    #product .content .main-info .left-block .carousel .screens .item {
        margin-bottom: 0;
        margin-right: 10px;
        min-width: 60px;
    }

    #product .content .main-info .left-block .carousel .screens::-webkit-scrollbar {
        height: 5px;
    }

    #product .content .main-info .right-block .func {
        display: none;
    }

    footer .after-footer {
        font-size: 12px;
    }

    #bg {
        height: 200%;
    }

    #product .content .main-info .left-block .carousel .main-screen {
        height: 300px;
    }
}
/*==========================
   VISUAL UPGRADE v1.2 (glow fix)
==========================*/

/* 1. Разрешаем ореолу выходить за пределы wrapper'а.
   У самого .product оставляем overflow: hidden —
   он нужен, чтобы зум фото не вылезал за скругление. */
#products .products .product-wrapper {
    overflow: visible;
}

/* 2. Карточка: держим скругление, обрезаем зум, готовим плавное свечение */
#products .products .product-wrapper .product {
    overflow: hidden;
    border-radius: 10px;
    transition: box-shadow .45s ease;
}

/* 3. Hover: мягкое градиентное свечение, длинно рассеивающееся наружу.
   Никакого outline — только слои box-shadow с нарастающим blur и spread. */
#products .products .product-wrapper:hover .product {
    box-shadow:
        /* тонкий яркий контур вплотную к карточке */
        0 0 6px 1px rgba(237, 33, 58, 0.7),
        /* средний слой — заметный ореол */
        0 0 18px 5px rgba(237, 33, 58, 0.45),
        /* дальний слой — мягкое рассеивание */
        0 0 40px 14px rgba(237, 33, 58, 0.22),
        /* самый дальний — еле заметная дымка */
        0 0 80px 28px rgba(237, 33, 58, 0.08);
}

/* 4. Зум фото — безопасно, фон не затрагивает */
#products .products .product-wrapper .product .m-img {
    transition: transform .65s ease;
}

#products .products .product-wrapper:hover .product .m-img {
    transform: scale(1.08);
}

/* 5. Усиленный фон блока цены (fallback, если backdrop-filter не сработает) */
#products .products .product-wrapper .product .block {
    background: linear-gradient(
        to top,
        rgba(15, 16, 20, 0.98) 0%,
        rgba(20, 22, 26, 0.92) 35%,
        rgba(27, 27, 32, 0.7) 70%,
        rgba(27, 27, 32, 0.5) 100%
    );
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

/* 6. Зелёное свечение у Undetected */
#products .products .product-wrapper .product .block .info-block .count-products.undetected {
    text-shadow: 0 0 8px rgba(72, 175, 72, 0.6);
}

/* 7. Пульсация кнопки «Перейти» у популярных */
@keyframes pulseGlowSafe {
    0%, 100% { box-shadow: inset 0 0 0 0 rgba(237, 33, 58, 0.6); }
    50%      { box-shadow: inset 0 0 0 6px rgba(237, 33, 58, 0); }
}

#products .products .product-wrapper .product .btn-new-style.outline {
    animation: pulseGlowSafe 2.5s ease-in-out infinite;
}

#products .products .product-wrapper:hover .product .btn-new-style.outline {
    animation: none;
}

/* 8. Плавное появление карточек */
@keyframes cardFadeInSafe {
    from { opacity: 0; }
    to   { opacity: 1; }
}

#products .products .product-wrapper {
    animation: cardFadeInSafe .5s ease-out;
}

#products .products .product-wrapper:nth-child(1) { animation-delay: .05s; }
#products .products .product-wrapper:nth-child(2) { animation-delay: .1s; }
#products .products .product-wrapper:nth-child(3) { animation-delay: .15s; }
#products .products .product-wrapper:nth-child(4) { animation-delay: .2s; }
#products .products .product-wrapper:nth-child(5) { animation-delay: .25s; }
#products .products .product-wrapper:nth-child(6) { animation-delay: .3s; }
#products .products .product-wrapper:nth-child(7) { animation-delay: .35s; }
#products .products .product-wrapper:nth-child(8) { animation-delay: .4s; }

/* 9. reduce-motion */
@media (prefers-reduced-motion: reduce) {
    #products .products .product-wrapper,
    #products .products .product-wrapper .product,
    #products .products .product-wrapper .product .btn-new-style.outline,
    #products .products .product-wrapper .product .m-img {
        animation: none;
        transition: none;
    }
}
/*==================================================
   #products — фоновая секция с анимированным градиентом
   (без filter: blur и без rotate — не мерцает)
==================================================*/

#products {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    /* На тон светлее body #0F1014. Хочешь темнее — #0C0D11, светлее — #16181D */
    background: #131519;
}

@property --x {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%;
}

[data-cursor-fill] {
    --x: 100%;
    --left-color: #ffffff;
    --right-color: #ED213A;

    background-image: linear-gradient(
        90deg,
        var(--left-color) 0%,
        var(--left-color) var(--x),
        var(--right-color) var(--x),
        var(--right-color) 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Не в зоне — полностью белый */
[data-cursor-fill]:not([data-cursor-active]) {
    --x: 100%;
    --left-color: #ffffff;
    --right-color: #ffffff;
}

@media (prefers-reduced-motion: reduce) {
    [data-cursor-fill] {
        transition: none;
    }
}

.glow-wrap {
    display: inline;
}

.glow-char {
    display: inline;
    text-shadow:
        0 0 6px  rgba(255, 59, 87, calc(var(--glow, 0) * 1)),
        0 0 16px rgba(255, 59, 87, calc(var(--glow, 0) * 0.6)),
        0 0 36px rgba(237, 33, 58, calc(var(--glow, 0) * 0.35));
}

@media (prefers-reduced-motion: reduce) {
    .glow-char { text-shadow: none; }
}