:root {
    --basecolor: #d2823c;
    /* --secondary-color: #fff;
    --text-color: #505050;
    --background-color: #151414;
    --black-color: #0d0d0d; */
    --secondary-color: #1f1f1f;
    --text-color: #1f1f1f;
    --background-color: #f6f6f6;
    --black-color: #f6f6f6;

    --f150px: 9.375rem;
    --f128px: 8rem;
    --f80px: 5rem;
    --f64px: 4rem;
    --f50px: 3.125rem;
    --f48px: 3rem;
    --f40px: 2.5rem;
    --f32px: 2rem;
    --f30px: 1.875rem;
    --f24px: 1.5rem;
    --f20px: 1.25rem;
    --f18px: 1.125rem;
    --f16px: 1rem;
    --f15px: 0.9375rem;
    --f14px: 0.875rem;
    --f10px: 0.625rem;
    --f5px: 0.3125rem;

    --montserrat: "Montserrat", sans-serif;
    --lexend: "Lexend Exa", sans-serif;
    --ubuntu: "Ubuntu", sans-serif;
}

.dark-theme {
    --basecolor: #d2823c;
    --secondary-color: #fff;
    --text-color: #505050;
    --background-color: #151414;
    /* --background-color: #060505; */
    --black-color: #0d0d0d;
}

#theme-toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    color: var(--text-color);
}

/* Стили для скроллбара */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar:horizontal {
    height: 5px;
}

::-webkit-scrollbar-track {
    background: var(--black-color);
}

::-webkit-scrollbar-thumb {
    background: var(--basecolor);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background: #b06831;
}

/* Блокировка прокрутки при открытом меню */
body.no-scroll {
    overflow: hidden;
}

* {
    transition: 0.2s;
}

html,
body {
    height: 100%;
}

body {
    font-family: var(--montserrat);
    background-color: var(--black-color);
    color: var(--secondary-color);
}

h1 {
    font-size: var(--f64px);
    font-weight: 700;
    font-family: var(--ubuntu);
    color: var(--secondary-color);
}

h2 {
    font-size: var(--f48px);
    font-weight: 700;
    font-family: var(--ubuntu);
    color: var(--secondary-color);
}

h3 {
    font-size: var(--20px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    line-height: 150%;
    color: var(--secondary-color);
}

h4 {
    font-size: var(--f30px);
}

span.primary {
    color: var(--basecolor);
}

[class$="lexend"] {
    font-family: var(--lexend);
}

[class$="montserrat"] {
    font-family: var (--montserrat);
    letter-spacing: 0.02em;
}

img {
    max-width: 100%;
    display: block;
}

button {
    padding: 0;
    background: none;
}

main#main {
    margin-bottom: var(--f150px);
    flex: 1 1 auto;
}

main#main:has(.information) {
    margin-bottom: 0;
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.container {
    max-width: 1340px;
    padding: 0 20px;
    margin: 0 auto;
}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--f16px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: #fff;
    padding: var(--f10px) var(--f30px);
    background: var(--basecolor);
    border-radius: 100px;
}

.header {
    position: absolute;
    width: 100%;
    padding: var(--f30px) var(--f20px);
    margin: 0 auto;
    z-index: 990;
}

.header--scrolled {
    background: #151414a8;
    -webkit-backdrop-filter: blur(35px);
    backdrop-filter: blur(35px);
}

.header__inner {
    /* max-width: 1660px; */
    max-width: 1340px;
    padding: 0 20px;
    margin: 0 auto;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__logo,
.footer__logo {
    display: flex;
    flex-direction: column;
    color: var(--secondary-color);
}

.header-logo__name,
.footer-logo__name {
    font-size: var(--f32px);
    font-weight: 700;
}

.header__menu {
    display: flex;
    gap: var(--f20px);
}

.menu__link {
    font-size: var(--f16px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--secondary-color);
}

.menu__link:hover {
    color: var(--basecolor);
}

.header__actions {
    display: flex;
    align-items: center;
    gap: var(--f20px);
}

.header__lang {
    font-size: var(--f20px);
    font-weight: 700;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--secondary-color);
}

.header__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 8px;
    cursor: pointer;
    z-index: 1001;
    transition: background 0.2s, border 0.2s;
}

.header__burger:hover {
    background: var(--basecolor);
    border-color: var(--basecolor);
}

.burger__line {
    display: block;
    width: 2rem;
    height: 0.14rem;
    margin: 0.18rem 0;
    background: var(--secondary-color);
    border-radius: 2px;
    transition: background 0.2s;
    transition: transform 0.3s cubic-bezier(0.4, 2, 0.6, 1), opacity 0.2s;
}

.header__burger:active .burger__line {
    background: var(--basecolor);
}

.header__burger.active .burger__line:nth-child(1) {
    transform: translateY(0.5rem) rotate(45deg);
}
.header__burger.active .burger__line:nth-child(2) {
    opacity: 0;
}
.header__burger.active .burger__line:nth-child(3) {
    transform: translateY(-0.5rem) rotate(-45deg);
}

.cart-count {
    display: inline-block;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    background: red;
    color: white;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 9px;
    position: absolute;
    top: -5px;
    right: -5px;
}

.header__cart {
    position: relative;
}

.header__cart svg path,
#icon-moon path {
    fill: var(--secondary-color);
}

.welcome__img {
    position: absolute;
    right: -10%;
    bottom: -5%;
    z-index: 1;
    max-width: 50vw;
    height: auto;
    pointer-events: none;
    user-select: none;
}

@media screen and (max-height: 900px) {
    .welcome__img {
        display: none;
    }
}

.welcome__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 120px;
    margin-bottom: 100px;
    z-index: 1;
    padding-top: 80px;
}

.welcome__title {
    font-size: var(--f80px);
    margin-bottom: var(--f20px);
}

.welcome__desc {
    max-width: 860px;
    font-size: var(--f18px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    line-height: 150%;
    margin-bottom: var(--f80px);
}

.welcome__btns {
    display: flex;
    align-items: center;
    gap: var(--f30px);
}

.welcome__btn {
    width: 18.75rem;
    height: 3.75rem;
    padding: 0;
    box-shadow: 0px 2px 32px 0px rgba(255, 203, 143, 0.2);
}

.welcome__btn:hover {
    box-shadow: none;
}

.welcome__group {
    display: flex;
    flex-direction: column;
    gap: var(--f5px);
    font-size: var(--f16px);
    color: var(--text-color);
}

.welcome__link {
    color: var(--secondary-color);
}

.welcome__link:hover {
    color: var(--basecolor);
}

.games {
    margin-top: var(--f150px);
}

/* .games__title {
    margin-bottom: var(--f50px);
} */

.section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--f50px);
}

.wrapper:has(.welcome) .section__header {
    justify-content: center;
    text-align: center;
}

.section-header__link {
    font-size: var(--f16px);
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.02em;
    color: var(--basecolor);
}

.games__content {
    display: grid;
    grid-gap: var(--f20px);
    grid-template-columns: repeat(auto-fill, 200px);
    justify-content: space-between;
}

.games__item {
    width: 200px;
    display: flex;
    flex-direction: column;
    transition: 0.5s;
    z-index: 0;
}

.games__item:hover {
    transform: scale(1.4);
    transition: 0.5s;
    z-index: 1;
}

.games-item__img {
    width: 200px;
    height: 220px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.games-item__title {
    font-size: var(--f18px);
    font-weight: 700;
    font-family: var (--ubuntu);
    color: var(--secondary-color);
}

.games-item__block {
    background: var(--background-color);
    padding: var(--f20px);
    border: 1px solid var(--text-color);
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.cheats {
    margin-top: var(--f150px);
}

.cheats__content {
    display: grid;
    grid-gap: var(--f50px);
    grid-template-columns: repeat(auto-fill, 400px);
    justify-content: space-between;
}

.cheats__item {
    width: 400px;
    height: 500px;
    display: flex;
    flex-direction: column;
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.cheats-item__img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.cheats-item__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: var(--f20px);
}

.cheats-item__categories {
    display: flex;
    align-items: center;
    gap: var(--f10px);
    margin-bottom: var(--f10px);
}

.cheats-item__tags {
    display: flex;
    gap: var(--f10px);
}

.cheats-item-categories__main {
    font-size: var(--f16px);
    color: var(--basecolor);
}

.cheats-item-tags__link {
    font-size: var(--f14px);
    color: var(--text-color);
}

.cheats-item-tags__link:hover {
    color: var(--basecolor);
}

.cheats-item-categories__main,
.cheats-item-tags__link {
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
}

.cheats-item__title {
    display: block;
    font-size: var(--f20px);
    font-weight: 700;
    font-family: var(--ubuntu);
    color: var(--secondary-color);
    margin-bottom: var(--f15px);
}

.cheats-item__title:hover {
    color: var(--basecolor);
}

.cheats-item__desc {
    font-size: var(--f16px);
    font-weight: 400;
    font-family: var(--montserrat);
    color: var(--text-color);
}

.cheats-item__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.cheats-item__btn,
.cheats-item__date {
    font-size: var(--f14px);
}

.articles {
    margin-top: var(--f150px);
}

.articles__content {
    display: grid;
    grid-gap: var(--f50px);
    grid-template-columns: repeat(auto-fill, 400px);
    justify-content: space-between;
}

.cheat .page__desc {
    font-size: var(--f18px) !important;
    font-weight: 400;
    font-family: var(--montserrat);
    display: flex;
    align-items: center;
    gap: var(--f20px);
}

.cheat .page__desc svg {
    min-width: var(--f50px);
}

.cheat__content {
    margin-top: var(--f50px);
}

.cheat__download {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--f30px);
    margin-bottom: var(--f80px);
}

.cheat-download__group {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--f10px);
}

.cheat-download__btn {
    width: 18.75rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    gap: var(--f10px);
}

.cheat-download__btn--alternate {
    background: #3ba7ff;
}

.cheat-download__desc {
    font-size: var(--f16px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--text-color);
}

.cheat__slider {
    margin-bottom: var(--f50px);
}

.cheat__info h2 {
    margin-bottom: var(--f20px);
}

.cheat__content h3 {
    line-height: 2em;
}

.cheat__info {
    display: flex;
    flex-direction: column;
    gap: var(--f50px);
}

.cheat__info ul,
.cheat__info ol {
    display: flex;
    flex-direction: column;
    gap: var(--f10px);
    margin: 0 0 0 20px;
    padding: 0;
}

.cheat__info li {
    list-style-type: decimal;
}

.cheat__info li:has(a) {
    list-style-type: disc;
}

.cheat__info a {
    color: var(--basecolor);
}

.cheat__delimiter {
    width: 100%;
    height: 1px;
    display: block;
    margin: var(--f50px) 0;
    background: var(--text-color);
    border-radius: 100px;
}

.cheat__supdownload {
    width: 100%;
    height: 3.75rem;
    display: flex;
    align-items: center;
    gap: var(--f10px);
}

.footer {
    background: var(--background-color);
    border-top: 1px solid var(--text-color);
}

.footer__inner {
    display: flex;
    flex-direction: column;
    gap: var(--f80px);
    padding: var(--f50px) 0;
}

.footer__row {
    display: flex;
    justify-content: space-between;
}

.footer__nav {
    display: flex;
    gap: var(--f80px);
}

.footer-nav__group {
    display: flex;
    flex-direction: column;
    gap: var(--f20px);
}

.footer-nav-group__title {
    font-size: var(--f24px);
    font-weight: 700;
    font-family: var(--ubuntu);
    color: var(--secondary-color);
}

.footer__menu {
    display: flex;
    flex-direction: column;
    gap: var(--f10px);
}

.footer-menu__link {
    font-size: var(--f16px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--text-color);
}

.footer-menu__link:hover {
    color: var(--secondary-color);
}

.footer__copyright {
    font-size: var(--f16px);
    font-weight: 400;
    font-family: var(--montserrat);
    color: var(--text-color);
}

.footer__socials {
    display: flex;
    align-items: center;
    gap: var(--f20px);
}

.footer__text {
    color: var(--text-color);
}

.page {
    margin-top: 10rem;
}

.page__inner {
    display: flex;
    justify-content: space-between;
    gap: var(--f50px);
    align-items: flex-start;
}

.page__sidebar {
    width: 350px;
    position: sticky;
    top: 50px;
    flex-shrink: 0;
}

.page__main--full {
    width: 100%;
}

.page__header {
    display: flex;
    flex-direction: column;
    gap: var(--f20px);
    margin-bottom: var(--f50px);
}

.page__group {
    display: flex;
    align-items: center;
    gap: var(--f20px);
}

.page__back {
    display: flex;
    align-items: center;
    gap: var(--f20px);
}

.page-back__text {
    display: none;
    font-size: var(--f20px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--text-color);
}

.page__related {
    margin-top: var(--f80px);
}

.page-related__title {
    margin-bottom: var(--f50px);
}

.page__breadcrumbs {
    font-size: var(--f16px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--text-color);
    margin-bottom: var(--f30px);
}

.page__breadcrumbs a {
    color: var(--text-color);
}

.page__breadcrumbs a:hover {
    color: var(--basecolor);
}

.article .page__title {
    margin-bottom: var(--f30px);
}

.page__categories {
    display: flex;
    gap: var(--f20px);
    margin-bottom: var(--f50px);
}

.page-categories__link {
    font-size: var(--f16px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--basecolor);
}

.page__pagination {
    display: flex;
    align-items: center;
    gap: var(--f20px);
    margin-top: var(--f80px);
}

.page-numbers {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--f20px);
    font-weight: 700;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--text-color);
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.page-numbers.current {
    background: var(--basecolor);
    color: var(--secondary-color);
}

.page-numbers.next,
.page-numbers.prev {
    width: max-content;
    height: max-content;
    background: none;
    border: none;
}

.page__feed {
    margin-top: var(--f50px);
}

.article__thumbnail {
    width: 100%;
    height: 500px;
    object-fit: cover;
    margin-bottom: var(--f50px);
    border-radius: 10px;
}

.article__text h2 {
    margin-bottom: var(--f20px);
    margin-top: var(--f50px);
}

.article__text h3 {
    font-size: var(--f32px);
    font-weight: 700;
    margin-bottom: var(--f20px);
    margin-top: var(--f30px);
}

.article__text h4 {
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: var(--f15px);
    margin-top: var(--f20px);
}

.wp-block-button__link {
    display: block;
    color: #fff !important;
    background: var(--basecolor);
    margin-top: var(--f10px);
    margin-bottom: var(--f20px);
    padding: var(--f15px) var(--f50px);
}

.article__text p {
    font-size: var(--f18px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    line-height: 2em;
    color: var(--secondary-color);
    margin-bottom: var(--f20px);
}

.article__text ul {
    display: flex;
    flex-direction: column;
    gap: var(--f10px);
    margin-bottom: var(--f20px);
    padding: var(--f20px) var(--f30px);
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.article__text ol {
    display: flex;
    flex-direction: column;
    gap: var(--f10px);
    margin-bottom: var(--f20px);
    padding: var(--f20px) var(--f30px);
    border-radius: 10px;
}

.article__text li {
    list-style-type: unset;
    font-size: var(--f18px);
}

.article__text a {
    color: var(--basecolor);
}

.article__text hr {
    margin: var(--f80px) 0;
}

.article__text table {
    margin-bottom: var(--f20px);
    margin-top: var(--f30px);
    border-color: var(--text-color);
}

.article__text thead {
    border-bottom: 1px;
    border-color: var(--text-color);
}

.article__text th,
.article__text td {
    color: var(--secondary-color);
    padding: var(--f15px);
    border-color: var(--text-color);
}

.article__text th {
    font-size: var(--f20px);
    font-weight: 700;
    font-family: var(--ubuntu);
}

.article__text td {
    font-size: var(--f18px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
}

.wp-block-buttons {
    margin-bottom: var(--f30px);
}

.schema-faq-section {
    display: flex;
    flex-direction: column;
    gap: var(--f10px);
    margin-bottom: var(--f20px);
    padding: var(--f20px) var(--f30px);
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.schema-faq-section strong {
    font-size: var(--f20px);
}

.schema-faq-section p {
    font-size: var(--f16px);
}

.schema-faq-section p {
    margin: 0;
}

.wp-block-kevinbatdorf-code-block-pro {
    margin-bottom: var(--f20px);
}

.affiliate__content {
    display: flex;
    flex-direction: column;
    gap: var(--f20px);
}

.affiliate__item {
    width: 100%;
    display: flex;
    gap: var(--f30px);
    padding: var(--f30px);
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.affiliate__item > a {
    min-width: max-content;
}

.affiliate-item__img {
    width: 12.5rem;
    height: 9.375rem;
    object-fit: cover;
}

.affiliate-item__content {
    display: flex;
    flex-direction: column;
}

.affiliate-item__top {
    display: flex;
    gap: var(--f30px);
    margin-bottom: var(--f20px);
}

.affiliate-item__link {
    font-size: var(--f16px);
    font-weight: 700;
    font-family: var(--ubuntu);
    color: var(--basecolor);
}

.affiliate-item__options {
    display: flex;
    gap: var(--f10px);
}

.affiliate-item-options__item {
    font-size: var(--f14px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--secondary-color);
}

.affiliate-item__desc {
    font-size: var(--f14px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--text-color);
}

.affiliate-item__categories {
    display: flex;
    gap: var(--f10px);
    margin-top: auto;
}

.affiliate-item-categories__main {
    font-size: var(--f14px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--basecolor);
}

.affiliate__group {
    margin-bottom: var(--f30px);
}

.page__title.affiliate__title {
    margin-bottom: 0;
}

.affiliate__link {
    color: var(--basecolor);
}

.affiliate__options {
    display: flex;
    flex-wrap: wrap;
    gap: var(--f20px);
    margin-bottom: var(--f30px);
}

.affiliate-options__group {
    display: flex;
    gap: var(--f10px);
    font-size: var(--f16px);
    color: var(--text-color);
}

.affiliate-options__text {
    color: var(--secondary-color);
}

.affiliate__btn {
    height: 3.125rem;
    margin-bottom: var(--f50px);
}

.download__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--f50px);
    text-align: center;
}

.error .page__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.error__title {
    font-size: 10rem;
}

.error__desc {
    margin-bottom: var(--f50px);
}

@media screen and (max-width: 991px) {
    .page__group.affiliate__group {
        flex-direction: column-reverse;
    }

    .affiliate .page__breadcrumbs,
    .affiliate .page__categories,
    .affiliate__options {
        display: flex;
        justify-content: center;
    }

    .download .page__inner {
        gap: var(--f50px);
    }
}

@media screen and (min-width: 991px) and (max-width: 1096px) {
    .affiliate__item {
        flex-direction: column;
        align-items: center;
    }

    .affiliate-item__img,
    .affiliate__item > a {
        width: 100%;
        height: 12.5rem;
    }

    .affiliate-item__desc {
        margin-bottom: var(--f30px);
    }
}

@media screen and (max-width: 501px) {
    .affiliate__item {
        flex-direction: column;
        align-items: center;
    }

    .affiliate-item__img,
    .affiliate__item > a {
        width: 100%;
        height: 12.5rem;
    }

    .affiliate-item__desc {
        margin-bottom: var(--f30px);
    }
}

.sidebar {
    width: 350px;
    display: flex;
    flex-direction: column;
    gap: var(--f50px);
}

.sidebar__categories {
    display: flex;
    flex-direction: column;
    gap: var(--f20px);
    padding: var(--f30px) var(--f40px) var(--f30px) var(--f40px);
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.sidebar-categories__link {
    font-size: var(--f20px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--secondary-color);
}

.sidebar-categories__link:hover {
    color: var(--basecolor);
}

.sidebar__last {
    width: 350px;
    padding: var(--f30px) var(--f40px) var(--f30px) var(--f40px);
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.sidebar-last__title {
    font-size: var(--f24px);
    font-weight: 700;
    font-family: var(--ubuntu);
    color: var(--secondary-color);
    margin-bottom: var(--f30px);
}

.sidebar-last__img {
    width: 100%;
    height: 160px;
    margin-bottom: var(--f20px);
    object-fit: cover;
    border-radius: 10px;
}

.sidebar-last__link {
    display: block;
    font-size: var(--f16px);
    font-weight: 700;
    font-family: var(--ubuntu);
    color: var(--secondary-color);
    margin-bottom: var(--f15px);
}

.sidebar-last__link:hover {
    color: var(--basecolor);
}

.sidebar-last__desc {
    font-size: var(--f14px);
    font-weight: 400;
    font-family: var(--montserrat);
    letter-spacing: 0.02em;
    color: var(--text-color);
    margin-bottom: var(--f30px);
}

.sidebar-last__btn {
    width: 11.25rem;
    height: var(--f30px);
    font-size: var(--f14px);
}

.page.games .page__content {
    display: grid;
    grid-gap: var(--f20px);
    grid-template-columns: repeat(auto-fill, 200px);
    justify-content: space-between;
}

.cheat__slider {
    width: 100%;
    overflow: hidden;
}

.mySwiper2 {
    width: 100%;
    margin-bottom: var(--f20px);
}

.mySwiper2 .swiper-slide {
    height: 500px;
}

.thumbs-swiper {
    width: 100%;
}

.thumbs-swiper .swiper-slide {
    opacity: 0.4;
    height: 100px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.thumbs-swiper .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

/* Стили для активного состояния при наведении */
.thumbs-swiper .swiper-slide:hover {
    opacity: 1;
}

.thumbs-swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
}

/* Основные стили для меню и dropdown */
/* --- Стили для саб-меню с категориями --- */
.menu-item-has-children {
    position: relative;
}

.sub-menu--cats {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 12px; /* расстояние */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: var(--f20px);
    max-width: 400px;
    /* min-width: 400px; */
    padding: var(--f20px);
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

/* Добавляем стрелочку к пункту с подменю */
.menu-item-has-children > .menu__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Стрелка */
.menu-item-has-children > .menu__link::after {
    content: url("data:image/svg+xml;utf8,<svg width='12' height='10' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'><path d='M0.293 0.293C0.48 0.105 0.735 0 1 0c0.265 0 0.519 0.105 0.707 0.293L6.657 5.243 11.607 0.293a1.001 1.001 0 0 1 1.414 1.414L7.364 7.364a1 1 0 0 1-1.414 0L0.293 1.707A1 1 0 0 1 0.293 0.293z' fill='white'/></svg>");
    display: inline-block;
    transition: transform 0.3s ease;
}

/* При наведении стрелка разворачивается */
.menu-item-has-children:hover > .menu__link::after {
    transform: rotate(180deg);
}

/* Показываем при ховере */
.menu-item-has-children:hover > .sub-menu--cats {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Показ при наведении */
.menu-item-has-children:hover > .sub-menu--cats {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Элемент категории */
.sub-menu--cats .menu-item {
    list-style: none;
}

.sub-menu--cats .menu__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--f10px);
    border-radius: 10px;
    transition: all 0.2s ease;
    color: var(--secondary-color);
}

.sub-menu--cats .menu__link:hover {
    background: var(--black-color);
    color: var(--basecolor);
    transform: translateY(-3px);
}

/* Картинка */
.sub-menu--cats .games-item__img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: var(--f10px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

/* Название категории */
.sub-menu--cats .menu-cat__title {
    font-size: var(--f14px);
    font-weight: 500;
    font-family: var(--montserrat);
    color: var(--secondary-color);
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .sub-menu--cats {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-width: auto;
        padding: var(--f10px);
        box-shadow: none;
        border: none;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .sub-menu--cats .menu__link {
        padding: var(--f10px) var(--f5px);
    }

    .sub-menu--cats .games-item__img {
        width: 70px;
        height: 70px;
    }
}

.footer__nav .sub-menu {
    display: none !important;
}

.footer__nav .menu-item-has-children > a::after {
    content: none !important; /* Убираем стрелку, если она есть в футере */
}

.footer__nav .current-menu-item > a,
.footer__nav .current_page_item > a {
    color: var(--text-color);
}

.products .cheats__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.product-item {
    /* width: 400px;
    height: 500px; */
    width: 350px;
    height: 450px;
    display: flex;
    flex-direction: column;
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.product-item img {
    width: 100%;
    /* height: 250px; */
    height: 200px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.product-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--f20px);
}

.product-content p {
    font-size: var(--f14px);
    color: var(--text-color);
}

.product-item__title {
    font-size: var(--f20px);
    font-weight: 700;
    color: var(--secondary-color);
}

.product-item__title:hover {
    color: var(--basecolor);
}

.product-item .cheat__status,
.product-item .btn {
    font-size: var(--f14px);
}

.product-item .single_add_to_cart_button {
    padding: var(--f10px) var(--f30px);
}

.woocommerce-Price-amount {
    font-weight: 500;
}

.product-footer {
    display: flex;
    align-items: center;
    gap: var(--f20px);
}

.page.products .page__header {
    max-width: 90%;
    text-align: center;
}

.page.products .page__main {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page.games .page__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--f20px);
}

/* Общие стили для страницы корзины */
.wp-block-woocommerce-cart {
    background-color: var(--background-color); /* Тёмный фон */
    color: var(--text-color);
    padding: var(--f30px);
    border-radius: var(--f10px);
}

.wc-block-cart__main {
    width: 70%; /* Основная часть с таблицей */
}

.wc-block-cart__sidebar {
    width: 30%; /* Блок итогов */
    background-color: var(--black-color);
    padding: var(--f20px);
    border-radius: var(--f10px);
}

/* Таблица товаров */
.wc-block-cart-items {
    width: 100%;
    border-collapse: collapse;
}

.wc-block-cart-items__header th {
    background-color: var(--black-color);
    color: var(--secondary-color);
    padding: var(--f15px);
    text-align: left;
    font-family: var(--montserrat);
    font-size: var(--f16px);
    border-bottom: 1px solid var(--text-color);
}

.wc-block-cart-items__row td {
    padding: var(--f15px);
    border-bottom: 1px solid var(--text-color);
}

.wc-block-cart-item__image img {
    max-width: 100px;
    border-radius: var(--f5px);
}

.wc-block-cart-item__product .wc-block-components-product-name {
    color: var(--secondary-color);
    font-family: var(--montserrat);
    font-size: var(--f18px);
    text-decoration: none;
}

.wc-block-cart-item__product .wc-block-components-product-name:hover {
    color: var(--basecolor);
}

.wc-block-components-product-price {
    color: var(--basecolor);
    font-size: var(--f16px);
    font-weight: bold;
}

.wc-block-cart-item__quantity .wc-block-components-quantity-selector {
    display: flex;
    align-items: center;
    gap: var(--f5px);
}

.wc-block-components-quantity-selector__input {
    width: 50px;
    text-align: center;
    background-color: var(--black-color);
    color: var(--secondary-color);
    border: 1px solid var(--text-color);
    border-radius: var(--f5px);
    padding: var(--f5px);
}

.wc-block-components-quantity-selector__button {
    background-color: var(--basecolor);
    color: var(--secondary-color);
    border: none;
    border-radius: var(--f5px);
    padding: var(--f5px) var(--f10px);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wc-block-components-quantity-selector__button:hover {
    background-color: darken(var(--basecolor), 10%);
}

.wc-block-cart-item__remove-link {
    color: var(--basecolor);
    text-decoration: none;
    font-size: var(--f14px);
}

.wc-block-cart-item__remove-link:hover {
    text-decoration: underline;
}

/* Блок итогов */
.wc-block-cart__totals-title {
    font-family: var(--montserrat);
    font-size: var(--f20px);
    color: var(--secondary-color);
    margin-bottom: var(--f15px);
}

.wc-block-components-totals-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--f10px);
    color: var(--text-color);
    font-size: var(--f16px);
}

.wc-block-components-totals-item__value {
    color: var(--basecolor);
    font-weight: bold;
}

/* Кнопка "Перейти к оформлению заказа" */
.wc-block-cart__submit-button {
    background-color: var(--basecolor);
    color: var(--secondary-color);
    padding: var(--f15px) var(--f30px);
    border-radius: var(--f5px);
    text-decoration: none;
    font-family: var(--montserrat);
    font-size: var(--f16px);
    display: inline-block;
    transition: 0.5s ease;
}

.wc-block-components-button__text {
    color: var(--secondary-color);
}

.wc-block-cart__submit-button:hover {
    transform: translateY(-2px);
    /* transition: .2s; */
}

/* Уведомления и другие элементы */
.wc-block-components-notices {
    margin-bottom: var(--f20px);
}

.wc-block-components-notices__snackbar {
    background-color: var(--black-color);
    color: var(--secondary-color);
    padding: var(--f10px);
    border-radius: var(--f5px);
}

.wc-block-components-sidebar-layout.wc-block-cart.is-large.wc-block-cart {
    margin-bottom: 0;
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .wc-block-components-sidebar-layout {
        flex-direction: column;
    }

    .wc-block-cart__main,
    .wc-block-cart__sidebar {
        width: 100%;
    }

    .wc-block-cart-items__row td {
        display: block; /* Стек для мобильных */
    }
}

.page.cart .page__title {
    margin-bottom: var(--f30px);
}

.wc-block-cart-item__quantity,
.wc-block-components-product-badge,
.wc-block-components-product-metadata {
    color: var(--secondary-color);
}

/* Общие стили для страницы оформления заказа */
/* Checkout Styles */
.checkout .page__group {
    flex-direction: column;
}

.page.checkout .page__group,
.page.cart .page__group {
    display: flex;
    flex-direction: column;
}

.page.checkout .page__title,
.page.cart .page__title {
    margin-bottom: 0;
}

.wc-block-components-notices__snackbar {
    display: none;
}

/* Checkout Styles - Enhanced for Beauty and UX */
.checkout__content {
    /* padding: var(--f40px) 0;
    max-width: 1200px;
    margin: 0 auto; */
}

.checkout__progress {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--f40px);
    padding: var(--f15px) var(--f20px);
    background: var(--background-color);
    border-radius: var(--f10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.progress-step {
    font-size: var(--f16px);
    color: var(--text-color);
    font-weight: 500;
    position: relative;
    padding: var(--f5px) var(--f10px);
    border-radius: var(--f5px);
}

.progress-step.active {
    color: var(--basecolor);
    background: rgba(
        var(--basecolor-rgb),
        0.1
    ); /* Assuming --basecolor-rgb var for opacity */
    font-weight: 700;
}

.checkout__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--f40px);
}

@media (max-width: 768px) {
    .checkout__grid {
        grid-template-columns: 1fr;
        gap: var(--f20px);
    }
}

.checkout__subtitle {
    font-size: var(--f24px);
    margin-bottom: var(--f20px);
    color: var(--secondary-color);
    font-weight: 600;
    border-bottom: 1px solid var(--text-color);
    padding-bottom: var(--f10px);
}

.checkout__form {
    background: var(--background-color);
    padding: var(--f30px);
    border-radius: var(--f10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* Form Fields (Email only) */
.woocommerce-billing-fields .form-row {
    margin-bottom: var(--f20px);
}

.woocommerce-billing-fields label {
    display: block;
    font-size: var(--f16px);
    margin-bottom: var(--f10px);
    color: var(--secondary-color);
    font-weight: 500;
}

.woocommerce-billing-fields input {
    width: 100%;
    padding: var(--f15px);
    border: 1px solid var(--text-color);
    border-radius: var(--f5px);
    background: var(--black-color);
    color: var(--secondary-color);
    font-size: var(--f16px);
    transition: border-color 0.3s ease;
}

.woocommerce-billing-fields input:focus {
    border-color: var(--basecolor);
    outline: none;
}

.woocommerce-billing-fields .required {
    color: var(--basecolor);
}

/* Summary Section */
.checkout__summary {
    background: var(--background-color);
    padding: var(--f30px);
    border-radius: var(--f10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: var(--f100px); /* Adjust based on header height */
    height: fit-content;
}

/* Order Review Table */
.woocommerce-checkout-review-order-table {
    width: 100%;
    margin-bottom: var(--f20px);
    border-collapse: separate;
    border-spacing: 0 10px;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    padding: var(--f15px) 0;
    text-align: left;
    color: var(--secondary-color);
    border-bottom: 1px solid var(--text-color);
}

.woocommerce-checkout-review-order-table .product-name {
    font-size: var(--f16px);
    font-weight: 500;
}

.woocommerce-checkout-review-order-table .product-total {
    text-align: right;
    font-weight: 600;
    color: var(--basecolor);
}

.woocommerce-checkout-review-order-table tfoot th {
    font-weight: 600;
    text-align: left;
}

.woocommerce-checkout-review-order-table .order-total td {
    font-size: var(--f20px);
    color: var(--basecolor);
}

/* Payment Methods */
#payment {
    margin-top: var(--f20px);
}

#payment ul.payment_methods {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--f20px) 0;
}

#payment .payment_method {
    margin-bottom: var(--f10px);
    padding: var(--f15px);
    border: 1px solid var(--text-color);
    border-radius: var(--f5px);
    cursor: pointer;
    transition: all 0.3s ease;
    background: var(--black-color);
}

#payment .payment_method:hover,
#payment .payment_method input:checked + label {
    border-color: var(--basecolor);
    background: rgba(var(--basecolor-rgb), 0.05);
}

#payment .payment_method label {
    font-size: var(--f16px);
    color: var(--secondary-color);
    display: block;
    cursor: pointer;
}

#payment .payment_method input {
    margin-right: var(--f10px);
}

/* Place Order Button */
#payment .place-order {
    margin-top: var(--f20px);
}

#payment .place-order .button {
    width: 100%;
    padding: var(--f15px);
    font-size: var(--f18px);
    background: var(--basecolor);
    color: #fff;
    border: none;
    border-radius: var(--f5px);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#payment .place-order .button:hover {
    background: darken(var(--basecolor), 10%);
    transform: translateY(-2px);
}

/* Скрыть подытог в таблице заказа */
.woocommerce-checkout-review-order-table .cart-subtotal,
.woocommerce-cart .cart-subtotal {
    display: none !important;
}

/* Опционально: скрыть весь tfoot (если нужно скрыть и другие строки, как налог) */
.woocommerce-checkout-review-order-table tfoot tr:not(.order-total) {
    display: none !important;
}

.shop_table thead .product-total {
    color: var(--background-color);
}

/* Стили для методов оплаты (WooCommerce Checkout) - Оптимизировано для UI/UX */

/* Общий контейнер платежей */
#payment.woocommerce-checkout-payment {
    margin-top: var(--f20px);
    padding: var(--f20px);
    background: var(--background-color); /* Фон из темы */
    border-radius: var(--f10px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Лёгкая тень для глубины */
}

/* Список методов оплаты */
ul.wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--f15px); /* Отступы между методами */
}

/* Каждый метод оплаты как карточка */
li.wc_payment_method {
    position: relative;
    padding: var(--f15px) var(--f20px);
    background: var(--black-color); /* Тёмный фон для карточек */
    border: 1px solid var(--text-color); /* Граница по умолчанию */
    border-radius: var(--f10px);
    cursor: pointer;
    transition: all 0.3s ease; /* Плавные переходы */
    display: flex;
    align-items: center;
    gap: var(--f10px);
}

/* Hover и выбранный метод */
li.wc_payment_method:hover,
li.wc_payment_method input[type="radio"]:checked + label {
    border-color: var(--basecolor); /* Акцентный цвет */
    background: rgba(var(--basecolor), 0.05); /* Лёгкий градиент или оттенок */
    box-shadow: 0 2px 10px rgba(var(--basecolor-rgb), 0.2); /* Тень с акцентом */
}

/* Радио-кнопка (скрываем стандартную, используем кастомную) */
li.wc_payment_method input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

li.wc_payment_method label {
    font-size: var(--f18px);
    font-weight: 500;
    color: var(--secondary-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--f10px);
    width: 100%; /* Полная ширина для кликабельности */
    margin: 0;
    transition: color 0.3s ease;
}

/* Иконки/изображения в label (например, карты Stripe) */
li.wc_payment_method label img {
    max-height: 24px; /* Ограничение размера иконок */
    margin-left: var(--f5px);
}

/* Кастомный индикатор радио (круглый чекбокс) */
li.wc_payment_method label::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid var(--text-color);
    border-radius: 50%;
    background: transparent;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

li.wc_payment_method input[type="radio"]:checked + label::before {
    border-color: var(--basecolor);
    background: var(--basecolor); /* Заполнение при выборе */
    box-shadow: inset 0 0 0 4px var(--background-color); /* Внутренний круг для стиля */
}

/* Дополнительный контент (payment_box) */
div.payment_box {
    margin-top: var(--f10px);
    padding: var(--f10px) var(--f20px);
    background: rgba(var(--text-color), 0.1); /* Лёгкий фон для описания */
    border-radius: var(--f5px);
    font-size: var(--f14px);
    color: var(--text-color);
    display: none; /* По умолчанию скрыт, показывается JS WooCommerce */
}

div.payment_box p {
    margin: 0;
}

/* Stripe UPE форма (кастомизация для Stripe элементов) */
#wc-stripe-upe-form {
    margin-top: var(--f15px);
}

.StripeElement {
    padding: var(--f15px);
    background: var(--black-color);
    border: 1px solid var(--text-color);
    border-radius: var(--f5px);
    transition: border-color 0.3s ease;
}

.StripeElement--focus {
    border-color: var(--basecolor);
}

/* Чекбокс "Сохранить платежные реквизиты" */
.woocommerce-SavedPaymentMethods-saveNew {
    display: flex;
    align-items: center;
    gap: var(--f10px);
    margin-top: var(--f15px);
    font-size: var(--f14px);
    color: var(--text-color);
}

.woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--basecolor); /* Цвет чекбокса */
}

/* Кнопка "Подтвердить заказ" */
.place-order .button {
    width: 100%;
    padding: var(--f15px) var(--f20px);
    font-size: var(--f18px);
    font-weight: 600;
    background: var(--basecolor);
    color: #fff;
    border: none;
    border-radius: var(--f10px);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
    margin-top: var(--f20px);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.place-order .button:hover {
    background: darken(var(--basecolor), 10%);
    transform: translateY(-2px); /* Лёгкий подъём для интерактивности */
}

/* Политика конфиденциальности и NoScript */
.woocommerce-privacy-policy-text,
noscript {
    font-size: var(--f14px);
    color: var(--text-color);
    margin-bottom: var(--f15px);
    text-align: center;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    ul.wc_payment_methods {
        gap: var(--f10px);
    }

    li.wc_payment_method {
        flex-direction: column;
        align-items: flex-start;
    }

    li.wc_payment_method label {
        font-size: var(--f16px);
    }
}

/* Общие стили для страницы благодарности (оформленный заказ) */
.woocommerce-order {
    background-color: var(--background-color); /* Тёмный фон */
    color: var(--text-color);
    padding: var(--f30px);
    border-radius: var(--f10px);
    margin: var(--f20px) 0;
}

/* Уведомление об успешном заказе */
.woocommerce-notice--success {
    background-color: var(--black-color);
    color: var(--secondary-color);
    padding: var(--f15px);
    border-radius: var(--f5px);
    font-size: var(--f18px);
    font-family: var(--montserrat);
    text-align: center;
    margin-bottom: var(--f20px);
}

/* Обзор заказа (список деталей) */
.woocommerce-order-overview {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--f30px) 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--f15px);
}

.woocommerce-order-overview li {
    flex: 1 1 45%;
    background-color: var(--black-color);
    padding: var(--f15px);
    border-radius: var(--f5px);
    color: var(--secondary-color);
    font-size: var(--f16px);
    font-family: var(--ubuntu);
}

.woocommerce-order-overview strong {
    color: var(--basecolor);
    font-weight: bold;
}

/* Секция загрузок */
.woocommerce-order-downloads {
    margin-bottom: var(--f30px);
}

.woocommerce-order-downloads__title {
    font-family: var(--montserrat);
    font-size: var(--f20px);
    color: var(--secondary-color);
    margin-bottom: var(--f15px);
}

.woocommerce-table--order-downloads {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--background-color);
    border-radius: var(--f5px);
    overflow: hidden;
}

.woocommerce-table--order-downloads th,
.woocommerce-table--order-downloads td {
    padding: var(--f15px);
    text-align: left;
    border-bottom: 1px solid var(--text-color);
    color: var(--secondary-color);
}

.woocommerce-table--order-downloads th {
    background-color: var(--background-color);
    font-family: var(--montserrat);
    font-size: var(--f16px);
}

.woocommerce-table--order-downloads a {
    color: var(--basecolor);
    text-decoration: none;
    transition: color 0.3s ease;
}

.woocommerce-table--order-downloads a:hover {
    color: var(--secondary-color);
}

/* Детали заказа */
.woocommerce-order-details__title {
    font-family: var(--montserrat);
    font-size: var(--f20px);
    color: var(--secondary-color);
    margin-bottom: var(--f15px);
}

.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--black-color);
    border-radius: var(--f5px);
    overflow: hidden;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    padding: var(--f15px);
    text-align: left;
    border-bottom: 1px solid var(--text-color);
    color: var(--secondary-color);
}

.woocommerce-table--order-details th {
    background-color: var(--background-color);
    font-family: var(--montserrat);
    font-size: var(--f16px);
}

.woocommerce-table--order-details .product-name {
    font-size: var(--f16px);
}

.woocommerce-table--order-details .woocommerce-Price-amount {
    color: var(--basecolor);
    font-weight: bold;
}

.woocommerce-table--order-details tfoot th {
    font-weight: bold;
}

/* Секция серийных номеров (от плагина WCSN) */
.wcsn-order-details {
    margin-bottom: var(--f30px);
}

.woocommerce-column__title {
    font-family: var(--montserrat);
    font-size: var(--f20px);
    color: var(--secondary-color);
    margin-bottom: var(--f15px);
}

.wcsn-order-table {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--black-color);
    border-radius: var(--f5px);
    overflow: hidden;
}

.wcsn-order-table th,
.wcsn-order-table td {
    padding: var(--f15px);
    text-align: left;
    border-bottom: 1px solid var(--text-color);
    color: var(--secondary-color);
}

.wcsn-order-table th {
    background-color: var(--background-color);
    font-family: var(--montserrat);
    font-size: var(--f16px);
}

.wcsn-key-props li {
    margin-bottom: var(--f5px);
    font-size: var(--f14px);
}

.wcsn-key-props strong {
    color: var(--secondary-color);
}

.wcsn-key-props code {
    background-color: var(--background-color);
    padding: var(--f5px);
    border-radius: var(--f5px);
    color: var(--basecolor);
}

/* Кнопка "Заказать снова" */
.order-again {
    text-align: center;
    margin-bottom: var(--f30px);
}

.order-again .button {
    background-color: var(--basecolor);
    color: var(--secondary-color);
    padding: var(--f15px) var(--f30px);
    border-radius: var(--f5px);
    text-decoration: none;
    font-family: var(--montserrat);
    font-size: var(--f16px);
    transition: background-color 0.3s ease;
}

.order-again .button:hover {
    background-color: darken(var(--basecolor), 10%);
}

/* Детали плательщика */
.woocommerce-customer-details .woocommerce-column__title {
    font-family: var(--montserrat);
    font-size: var(--f20px);
    color: var(--secondary-color);
    margin-bottom: var(--f15px);
}

.woocommerce-customer-details address {
    background-color: var(--black-color);
    padding: var(--f15px);
    border-radius: var(--f5px);
    color: var(--text-color);
    font-size: var(--f14px);
}

.woocommerce-customer-details--email {
    color: var(--basecolor);
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    .woocommerce-table--order-downloads th,
    .woocommerce-table--order-downloads td,
    .woocommerce-table--order-details th,
    .woocommerce-table--order-details td,
    .wcsn-order-table th,
    .wcsn-order-table td {
        display: block;
        text-align: center;
    }

    .woocommerce-order-overview {
        flex-direction: column;
    }

    .woocommerce-order-overview li {
        flex: 1 1 100%;
    }
}

.cart .wc-block-grid__products {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Добавьте в style.css */

/* Cheat Grid */
.cheat__grid {
    /* display: grid;
    grid-template-columns: 1fr 1fr; */
    display: flex;
    gap: var(--f30px);
    margin-bottom: var(--f30px);
}

@media (max-width: 768px) {
    .cheat__grid {
        grid-template-columns: 1fr; /* Стек на мобильных для лучшей читаемости */
    }
}

.cheat__column {
    width: 600px;
}

.mySwiper2 .swiper-slide {
    height: 350px;
}

/* .cheat__slider .swiper {
    width: 100%;
    height: 400px;
    border-radius: var(--f10px);
    overflow: hidden;
}

.cheat__slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.cheat__summary {
    display: flex;
    flex-direction: column;
    gap: var(--f20px);
}

.cheat__buttons {
    display: flex;
    align-items: center;
    gap: var(--f10px);
}

.cheat__instruction-btn {
    background: var(--secondary-color);
    color: var(--basecolor);
    border: 1px solid var(--basecolor);
}

.cheat__requirements,
.cheat__functionality,
.cheat__video {
    margin-bottom: var(--f30px);
}

.cheat__functionality .functionality-category ul {
    list-style-type: none;
}

.cheat__subtitle {
    font-size: var(
        --f30px
    ); /* Увеличил для видимости, было закомментировано var(--f24px) */
    font-weight: 700;
    margin-bottom: var(--f20px); /* Увеличил отступ */
    color: var(--secondary-color);
}

.functionality-category {
    margin-bottom: var(--f15px);
}

.functionality-category h3 {
    font-size: var(--f20px);
    margin-bottom: var(--f10px);
    color: var(--basecolor);
}

.functionality-category ul {
    list-style-type: disc;
    padding-left: var(--f20px);
}

.functionality-category li {
    margin-bottom: var(--f5px);
}

.cheat__related {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cheat__related .products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--f20px);
}

.cheat__related .cheat__subtitle {
    text-align: center;
    font-size: var(--f48px);
    margin-bottom: var(--f50px);
}

/* Новый блок cheat-additional */
.cheat__additional {
    margin-top: var(--f20px);
    padding: var(--f15px);
    background: var(--background-color);
    border-radius: var(--f10px);
    border: 1px solid var(--text-color);
}

.cheat__grid .cheat-addition__text {
    font-size: var(--f14px);
    margin-bottom: var(--f10px);
    color: var(--secondary-color);
}

.cheat__grid .cheat-additional__btn {
    width: 100%; /* Полная ширина для кнопки */
    font-size: var(--f14px);
    color: var(--secondary-color);
    background: #3ba7ff;
}

.cheat__grid .quantity {
    display: none;
}

.cheat__price {
    display: flex;
    align-items: none;
    flex-direction: column;
    gap: var(--f10px);
}

.cheat__price .stock {
    display: none;
}

.cheat__stock p {
    color: #1cff1c;
}

.cheat__buttons .button {
    padding: var(--f15px) var(--f50px);
    border-radius: 100px;
}

.cheat__price p {
    margin-bottom: 0;
}

.cheat-buttons__funpay {
    text-align: center;
    font-size: var(--f14px);
    padding: var(--f15px) var(--f50px);
    background: #3ba7ff;
    color: #fff!important;
    border-radius: 100px;
}

#wc-stripe-express-checkout__order-attribution-inputs {
    display: none;
}



.cheat__other-durations {
    margin-top: var(--f20px); /* 1.25rem spacing from above elements */
    padding: var(--f15px) var(--f20px); /* Padding inside the block */
    background-color: var(
        --background-color
    ); /* Use theme's background for contrast */
    border-radius: 12px; /* Soft rounded corners for modern look */
    border: 1px solid rgba(var(--text-color), 0.15); /* Subtle border for definition */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Light shadow for depth in light/dark modes */
}

.cheat__other-durations h3 {
    font-family: var(--montserrat);
    font-size: var(--f18px); /* 1.125rem - slightly larger than body text */
    font-weight: 600; /* Semi-bold for emphasis */
    color: var(--secondary-color); /* Theme's secondary color */
    margin-top: 0;
    margin-bottom: var(--f10px); /* Spacing below title */
    letter-spacing: 0.02em; /* Consistent with theme */
    text-transform: uppercase; /* Uppercase for section header feel */
}

.cheat__other-durations ul {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0;
    display: flex; /* Horizontal layout for better UX on desktop/mobile */
    flex-wrap: wrap; /* Wrap on smaller screens */
    gap: var(--f10px); /* Spacing between items */
    border: none;
}

.cheat__other-durations li {
    flex: 1; /* Equal width distribution */
    min-width: 100px; /* Minimum width for readability */
}

.cheat__other-durations a {
    display: block; /* Full clickable area */
    padding: var(--f10px) var(--f20px); /* Button-like padding */
    background-color: var(--black-color); /* Darker background for contrast */
    border-radius: 8px; /* Rounded buttons */
    text-align: center; /* Centered text */
    font-family: var(--montserrat);
    font-size: var(--f14px); /* 0.875rem - compact size */
    font-weight: 500; /* Medium weight */
    color: var(--basecolor); /* Accent color for links */
    text-decoration: none; /* No underline */
    transition: all 0.3s ease; /* Smooth hover transitions */
    border: 1px solid var(--basecolor); /* Border matching accent */
}

.cheat__other-durations a:hover,
.cheat__other-durations a:focus {
    background-color: var(--basecolor); /* Invert on hover */
    color: var(--secondary-color); /* Text color swap */
    box-shadow: 0 2px 8px rgba(var(--basecolor), 0.3); /* Glow effect */
    transform: translateY(-2px); /* Slight lift for interactivity */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .cheat__other-durations ul {
        flex-direction: column; /* Stack vertically on mobile */
        gap: var(--f15px); /* More vertical space */
    }

    .cheat__other-durations li {
        flex: none; /* Reset flex for stacking */
    }
}

/* Модалка */
.modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--background-color);
    padding: var(--f20px);
    border-radius: var(--f10px);
    z-index: 1000;
}

.modal.active {
    display: block;
}

#wc-stripe-express-checkout-element {
    display: none !important;
}

/* Thankyou Page Styles - Customized for UI/UX Excellence */

/* Кастомные отзывы из ACF */
.custom-reviews {
    display: flex;
    margin-top: var(--f30px);
    padding: var(--f20px) 0;
    flex-direction: column;
    align-items: center;
}

.custom-reviews h2 {
    text-align: center;
    color: var(--secondary-color);
    margin-bottom: var(--f15px);
}

.custom-reviews .reviews__subtitle {
    text-align: center;
    color: var(--text-color);
    margin-bottom: var(--f50px);
}

.reviews-list {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.review-item {
    margin-bottom: var(--f20px);
    padding: var(--f15px);
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.review-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--f10px);
    margin-bottom: var(--f10px);
    font-size: var(--f14px);
    color: var(--text-color);
}

.review-username {
    font-weight: bold;
    color: var(--secondary-color);
}

.review-source {
    color: var(--text-color);
    font-style: italic;
}

.review-rating {
    display: flex;
    font-size: var(--f16px);
    color: var(--text-color); /* Пустые звёзды */
}

.review-rating .star.filled {
    color: var(--basecolor); /* Заполненные звёзды */
}

.review-text {
    font-size: var(--f15px);
    line-height: 1.5;
    color: var(--secondary-color);
}

/* Responsive */
@media (max-width: 600px) {
    .custom-reviews {
        padding: var(--f15px) 0;
    }

    .review-item {
        padding: var(--f10px);
    }

    .review-rating {
        font-size: var(--f14px);
    }

    .review-text {
        font-size: var(--f14px);
    }
}

.page.protected .page__group {
    flex-direction: column;
    text-align: center;
}

.page.protected .page__content {
    display: flex;
    justify-content: center;
}

.page.protected .post-password-form {
    max-width: 400px; /* Ограничение ширины формы */
    width: 100%; /* Полная ширина на мобильных */
    padding: var(--f30px);
    background: var(--background-color); /* Лёгкий фон для формы */
    border: 1px solid var(--text-color); /* Граница */
    border-radius: 10px; /* Скругление углов */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Лёгкая тень для глубины */
    text-align: center; /* Центрирование текста */
}

.page.protected .post-password-form p {
    margin-bottom: var(--f20px); /* Отступ между абзацами */
    font-size: var(--f16px); /* Размер текста */
    line-height: 1.5; /* Интервал строк */
    color: var(--secondary-color);
}

.page.protected .post-password-form label {
    display: block; /* Блок для лучшего выравнивания */
    margin-bottom: var(--f10px); /* Отступ под лейблом */
    font-size: var(--f15px);
    color: var(--secondary-color);
    text-align: left; /* Выравнивание лейбла слева */
}

.page.protected .post-password-form input[type="password"] {
    width: 100%; /* Полная ширина поля */
    padding: var(--f10px) var(--f15px); /* Внутренние отступы */
    background: var(--black-color); /* Фон поля */
    border: 1px solid var(--text-color); /* Граница */
    border-radius: 5px; /* Скругление */
    color: var(--secondary-color); /* Текст ввода */
    font-size: var(--f16px);
    box-sizing: border-box; /* Чтобы padding не увеличивал ширину */
    transition: border-color 0.2s; /* Плавный hover */
}

.page.protected .post-password-form input[type="password"]:focus {
    border-color: var(--basecolor); /* Акцент при фокусе */
    outline: none; /* Убрать стандартный outline */
}

.page.protected .post-password-form input[type="submit"] {
    display: inline-block; /* Кнопка как .btn */
    padding: var(--f10px) var(--f30px);
    background: var(--basecolor); /* Фон кнопки */
    color: #fff; /* Текст */
    border: none;
    border-radius: 100px; /* Скругление как у ваших кнопок */
    font-size: var(--f16px);
    font-weight: 400;
    cursor: pointer;
    transition: background 0.2s; /* Плавный hover */
    margin-top: var(--f10px); /* Отступ сверху */
}

.page.protected .post-password-form input[type="submit"]:hover {
    background: #b06831; /* Темный вариант --basecolor */
}

/* Responsive: На мобильных уменьшаем отступы */
@media (max-width: 600px) {
    .page.protected .post-password-form {
        padding: var(--f20px);
    }

    .page.protected .post-password-form p {
        font-size: var(--f15px);
    }

    .page.protected .post-password-form input[type="password"] {
        font-size: var(--f15px);
    }

    .page.protected .post-password-form input[type="submit"] {
        width: 100%; /* Полная ширина кнопки на мобильных */
    }
}

/* Блок предупреждения на странице продукта */
.cheat__warning {
    margin: var(--f50px) 0; /* Отступы сверху/снизу */
    padding: var(--f20px);
    background: var(--background-color); /* Фон как у других блоков */
    border: 1px solid var(--basecolor); /* Оранжевая граница для акцента */
    border-radius: 10px; /* Скругленные углы */
    display: flex;
    gap: var(--f15px); /* Расстояние между иконкой и текстом */
    align-items: flex-start; /* Выравнивание по верху */
    color: var(--secondary-color); /* Основной текст */
    font-family: var(--montserrat);
    font-size: var(--f15px);
    line-height: 1.5;
}

.warning__icon {
    font-size: var(--f32px); /* Большая иконка */
    color: var(--basecolor); /* Оранжевый цвет */
    flex-shrink: 0; /* Не сжимается */
}

.warning__content {
    flex: 1; /* Занимает остальное пространство */
}

.warning__content p {
    font-size: var(--f14px);
}

.warning__text {
    margin-bottom: var(--f10px); /* Отступ между абзацами */
}

.warning__text strong {
    color: var(--basecolor); /* Акцент на "Важное предупреждение" */
}

.cheat__warning .warning__note {
    font-style: italic; /* Курсив для заметки */
    color: var(--text-color); /* Более серый для второстепенного текста */
    margin-top: var(--f10px);
    border-top: 1px solid var(--text-color); /* Разделитель */
    padding-top: var(--f10px);
    margin-bottom: 0;
}

/* Responsive: На мобильных уменьшаем шрифты и отступы */
@media (max-width: 600px) {
    .cheat__warning {
        padding: var(--f15px);
        flex-direction: column; /* Иконка сверху, текст снизу */
        gap: var(--f10px);
        font-size: var(--f14px);
    }

    .warning__icon {
        font-size: var(--f24px);
        align-self: center; /* Центрируем иконку */
    }

    .warning__note {
        font-size: var(--f13px);
    }
}

/* General Page Structure */
.page.thankyou {
    background: var(--black-color); /* Consistent with theme background */
}

.page.thankyou .page__main {
    text-align: center;
}

.page.thankyou .page__header {
    margin: 0;
}

.thankyou__content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.page__header {
    margin-bottom: var(--f30px);
}

.page.products .page__header {
    margin-bottom: var(--f80px);
}

.page__title {
    font-size: var(--f40px);
    color: var(--secondary-color);
    font-weight: 700;
}

.page.products .page__title {
    font-size: var(--f64px);
}

/* Success Notice */
.thankyou__success .woocommerce-notice--success {
    font-size: var(--f16px);
    color: var(--secondary-color);
    background: rgba(var(--basecolor), 0.1);
    padding: var(--f20px);
    border-radius: var(--f10px);
    margin-bottom: var(--f30px);
    box-shadow: 0 4px 10px rgba(var(--basecolor-rgb), 0.1);
}

/* Error Notice */
.woocommerce-notice--error {
    font-size: var(--f18px);
    color: #ff4d4d; /* Red for errors */
    background: rgba(#ff4d4d, 0.1);
    padding: var(--f20px);
    border-radius: var(--f10px);
    margin-bottom: var(--f30px);
}

/* Section Subtitles */
.thankyou__subtitle,
.woocommerce-order-downloads__title,
.wcsn-order-details .woocommerce-column__title {
    font-size: var(--f24px);
    font-weight: 600;
    color: var(--secondary-color);
    margin: var(--f30px) 0 var(--f15px);
    text-align: left;
    border-bottom: 1px solid var(--text-color);
    padding-bottom: var(--f10px);
}

/* Order Details List */
.woocommerce-order-overview {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--f15px);
    margin-bottom: var(--f30px);
    text-align: left;
}

.woocommerce-order-overview li {
    background: var(--background-color);
    padding: var(--f15px);
    border-radius: var(--f10px);
    font-size: var(--f16px);
    color: var(--text-color);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Card-like elevation */
    transition: transform 0.2s ease;
}

.woocommerce-order-overview li:hover {
    transform: translateY(-2px); /* Subtle hover lift for interactivity */
}

.woocommerce-order-overview li strong {
    display: block;
    font-weight: bold;
    color: var(--secondary-color);
}

/* Products Table */
.thankyou__products .woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--f30px);
    text-align: left;
    background: var(--background-color);
    border-radius: var(--f10px);
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    padding: var(--f15px);
    border-bottom: 1px solid var(--text-color);
    color: var(--secondary-color);
}

.woocommerce-table--order-details th {
    background: var(--black-color);
    font-weight: 600;
    text-transform: uppercase;
    font-size: var(--f14px);
}

.woocommerce-table--order-details .product-name {
    font-weight: 500;
}

.woocommerce-table--order-details .woocommerce-Price-amount {
    color: var(--basecolor);
    font-weight: bold;
}

.woocommerce-table--order-details tfoot th {
    font-weight: bold;
}

/* Keys Section (WC Serial Numbers) */
.thankyou__keys .wcsn-order-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--f30px);
    background: var(--background-color);
    border-radius: var(--f10px);
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.thankyou__keys .wcsn-order-table th,
.thankyou__keys .wcsn-order-table td {
    padding: var(--f15px);
    border-bottom: 1px solid var(--text-color);
    color: var(--secondary-color);
    text-align: left;
}

.thankyou__keys .wcsn-order-table th {
    background: var(--background-color);
    font-weight: 600;
    text-transform: uppercase;
    font-size: var(--f14px);
}

.thankyou__keys .wcsn-order-table a {
    color: var(--basecolor);
}

.thankyou__keys .wcsn-key-props code {
    background: var(--black-color);
    padding: var(--f5px) var(--f10px);
    border-radius: var(--f5px);
    color: var(--basecolor);
    font-family: monospace;
}

/* Instruction Section */
.thankyou__instruction {
    background: var(--background-color);
    padding: var(--f20px);
    border-radius: var(--f10px);
    margin-top: var(--f30px);
    text-align: left;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.thankyou__instruction .thankyou__subtitle {
    margin-top: 0;
}

.thankyou__instruction p {
    font-size: var(--f16px);
    color: var(--text-color);
    margin: 0;
}

.thankyou__instruction a {
    color: var(--basecolor);
    text-decoration: underline;
    transition: color 0.3s ease;
}

.thankyou__instruction a:hover {
    color: darken(var(--basecolor), 10%);
}

/* Buttons (Reorder, Pay Again) */
.woocommerce-thankyou-order-failed-actions .button,
.woocommerce-order-again .button {
    display: inline-block;
    padding: var(--f10px) var(--f20px);
    background: var(--basecolor);
    color: #fff;
    border-radius: var(--f5px);
    font-size: var(--f16px);
    font-weight: 500;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.2s ease;
    margin: var(--f10px);
}

.woocommerce-thankyou-order-failed-actions .button:hover,
.woocommerce-order-again .button:hover {
    background: darken(var(--basecolor), 10%);
    transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .woocommerce-order-overview {
        grid-template-columns: 1fr;
    }

    .woocommerce-table--order-details th,
    .woocommerce-table--order-details td,
    .wcsn-order-table th,
    .wcsn-order-table td {
        display: block;
        text-align: center;
    }

    .woocommerce-table--order-details .product-name,
    .wcsn-order-table .product-name {
        font-size: var(--f18px);
        margin-bottom: var(--f10px);
    }
}

/* General Improvements for UX */
.thankyou__content a.button {
    margin-top: var(--f20px);
    width: auto;
    min-width: 200px;
}

.woocommerce-customer-details,
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details,
.woocommerce-order-details__title,
.order-again {
    display: none;
}

.woocommerce-table.woocommerce-table--order-details.shop_table.order_details.wcsn-order-table {
    display: table !important;
}

.welcome__large-desc {
    font-size: var(--f18px);
    line-height: 1.5;
    color: var(--text-color);
    margin-bottom: var(--f30px);
    max-width: 800px;
}

.why-us,
.information {
    margin: var(--f50px) 0 0 0;
    padding: var(--f30px);
    background-color: var(--background-color);
    border-radius: var(--f10px);
}

html:not(.dark-theme) .why-us,
html:not(.dark-theme) .information {
    background-color: #d3d3d3;
}

.information {
    margin: 0;
    border-top: 1px solid var(--text-color);
}

.why-us__title {
    color: var(--secondary-color);
    margin-bottom: var(--f20px);
}

.why-us__content ul {
    list-style-type: disc;
    padding-left: var(--f20px);
    color: var(--text-color);
}

.why-us__content li {
    font-size: var(--f16px);
    margin-bottom: var(--f10px);
    list-style-type: disc;
}

.information__title {
    margin-bottom: var(--f10px);
}

.information__desc {
    font-size: var(--f16px);
    color: var(--text-color);
}

/* cheat__content, games__content grid */
@media screen and (max-width: 1339px) {
    .welcome__title {
        line-height: 110%;
    }

    .welcome__img {
        max-width: 60vw;
    }

    .section__header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--f20px);
    }

    .games__content,
    .cheats__content:not(.page__content.cheats__content),
    .articles__content {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1299px) {
    .page.games .page__content {
        grid-template-columns: repeat(auto-fill, 250px);
    }

    .page.games .games__item {
        width: 250px;
    }
}

@media screen and (max-width: 1289px) {
    .page__content.cheats__content {
        grid-template-columns: repeat(auto-fill, 380px);
    }

    .page .cheats__item {
        width: 380px;
    }
}

@media screen and (max-width: 1249px) {
    .page__content.cheats__content {
        grid-template-columns: repeat(auto-fill, 350px);
    }
}

@media screen and (min-width: 991px) and (max-width: 1190px) {
    .product-item {
        width: 300px;
        height: 420px;
    }
}

@media screen and (max-width: 1229px) {
    .page.games .page__content {
        grid-template-columns: repeat(auto-fill, 160px);
    }

    .page.games .games__item {
        width: 160px;
    }
}

@media screen and (max-width: 1140px) {
    .page.games .page__content {
        grid-template-columns: repeat(auto-fill, 180px);
    }

    .page.games .games__item {
        width: 180px;
    }

    .cheat__column {
        width: 500px;
    }

    .mySwiper2 .swiper-slide {
        height: 300px;
    }
}

@media screen and (max-width: 991px) {
    html {
        font-size: 85%;
    }

    .header__menu {
        display: none;
    }

    .header__burger {
        display: flex;
    }

    .header__nav.active .header__menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--f30px);
        background: var(--background-color);
    }

    .header__menu .sub-menu {
        display: none !important;
    }

    .header__menu .menu-item-has-children > .menu__link::after {
        content: none !important;
    }

    .menu__link {
        font-size: var(--f32px);
    }

    .welcome__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .product-item {
        width: 280px;
        height: 380px;
    }

    .product-item img {
        height: 180px;
    }

    .page__inner {
        flex-direction: column;
        align-items: center;
        gap: var(--f150px);
    }

    .page__main {
        width: 100%;
    }

    .page__sidebar {
        width: 100%;
        position: static;
    }

    .page__header {
        align-items: center;
        text-align: center;
    }

    .page__group {
        flex-direction: column;
    }

    .page-back__text {
        display: block;
    }

    .page__back svg path {
        fill: var(--text-color);
    }

    .page__content:not(.article__text),
    .page.games .page__content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: var(--f30px);
    }

    .sidebar,
    .sidebar__last {
        width: 100%;
    }

    .sidebar__categories {
        align-items: center;
    }

    .footer__nav {
        gap: var(--f50px);
    }

    .cheat__column {
        width: 400px;
    }

    .mySwiper2 .swiper-slide {
        height: 230px;
    }

    .thankyou ul.woocommerce-thankyou-order-details {
        display: flex;
    }

    .cart .page__content {
        flex-direction: column;
    }

    .cart .checkout__progress {
        width: 100%;
        margin-bottom: 0;
    }

    .cart .wp-block-woocommerce-cart {
        width: 100%;
    }

    .wc-block-components-notices__snackbar {
        display: none;
    }

    .wc-block-components-product-name {
        margin-right: 10px;
    }
}

@media screen and (max-width: 881px) {
    .footer__inner {
        gap: var(--f80px);
    }

    .footer__logo {
        align-items: center;
    }

    .footer__row {
        flex-direction: column;
        align-items: center;
        gap: var(--f80px);
    }

    .footer-nav__group {
        text-align: center;
        align-items: center;
    }

    .footer__copyright {
        text-align: center;
    }

    .footer__text {
        text-align: center;
    }
}

@media screen and (max-width: 787px) {
    .cheat__grid {
        flex-direction: column;
    }

    .cheat__column {
        width: 100%;
    }

    .mySwiper2 .swiper-slide {
        height: 400px;
    }
}

@media screen and (max-width: 681px) {
    html {
        font-size: 75%;
    }

    .cheats-item__desc,
    .sidebar-last__desc,
    .sidebar-last__link,
    .footer__copyright,
    .footer-menu__link,
    .cheats-item__btn,
    .cheats-item__date,
    #wpdcom .wpd-thread-head .wpdiscuz-user-settings,
    .cheats-item-categories__main,
    .cheat-download__desc,
    .sidebar-last__btn,
    #comments #wpdcom span,
    #respond #wpdcom span,
    #wpdcom span,
    .page__breadcrumbs,
    .cheats-item__desc,
    .sidebar-last__desc,
    .sidebar-last__link,
    .footer__copyright,
    .footer-menu__link,
    .cheats-item__btn,
    .cheats-item__date,
    #wpdcom .wpd-thread-head .wpdiscuz-user-settings,
    .cheats-item-categories__main,
    .cheat-download__desc,
    .sidebar-last__btn,
    .page-categories__link,
    .section-header__link,
    .welcome__group,
    .btn {
        font-size: 12px !important;
    }

    .product-item {
        width: 250px;
        height: 340px;
    }

    .product-item img {
        height: 150px;
    }

    .article__thumbnail {
        height: 350px;
    }

    .cheat__column {
        width: 100%;
    }

    .mySwiper2 .swiper-slide {
        height: 350px;
    }

    .payment_method_rukassa img:nth-child(2) {
        display: none;
    }

    .thankyou .page__content {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .thankyou__order-details,
    .thankyou__keys,
    .thankyou__instruction {
        width: 100%;
    }
}

@media screen and (max-width: 537px) {
    html {
        font-size: 75%;
    }

    .welcome__title {
        font-size: 5rem;
    }

    .cheats__item,
    .page .cheats__item {
        width: 100%;
        height: 450px;
    }

    .article__thumbnail {
        height: 300px;
    }

    .cheat__grid {
        flex-direction: column;
    }

    .cheat__column {
        width: 100%;
    }

    .mySwiper2 .swiper-slide {
        height: 300px;
    }

    .thumbs-swiper .swiper-slide {
        height: 70px;
    }
}

@media screen and (max-width: 480px) {
    .page.products .page__title {
        font-size: var(--f48px);
    }

    .cheat__download {
        justify-content: center;
    }

    .article__thumbnail {
        height: 250px;
    }

    .mySwiper2 .swiper-slide {
        height: 250px;
    }

    .header-logo__name,
    .footer-logo__name {
        font-size: var(--f24px);
    }

    .header-logo__desc {
        font-size: var(--f14px);
    }
}

@media screen and (max-width: 420px) {
    .sidebar-last__btn {
        width: 100%;
        height: 30px;
    }

    .welcome__btns {
        flex-direction: column;
    }

    .welcome__btn {
        width: 25rem;
    }

    .page.games .games__item {
        width: 150px;
    }

    .cheats__item,
    .page .cheats__item {
        height: 400px;
    }

    .footer__nav {
        flex-direction: column;
    }

    .mySwiper2 .swiper-slide {
        height: 200px;
    }

    .thumbs-swiper .swiper-slide {
        height: 50px;
    }
}

@media screen and (max-width: 380px) {
    html {
        font-size: 60%;
    }

    .cheats__item,
    .page .cheats__item {
        height: 350px;
    }
}

.header__actions {
    position: relative;
}

.header__search-form {
    position: absolute !important;
    right: 0;
    top: 50px;
    background: var(--background-color);
    border: 1px solid var(--text-color);
    padding: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border-radius: 10px;
}

.ajax-search-form input[type="text"] {
    width: 20rem;
    padding: var(--f10px) var(--f20px);
    background: none;
    font-size: var(--f16px);
    color: var(--secondary-color);
}

.search-results {
    display: flex;
    flex-direction: column;
    gap: var(--f15px);
    margin-top: var(--f20px);
}

.search-result-item {
    display: flex;
    align-items: center;
    gap: var(--f15px);
    padding: 5px var(--f20px);
}

.search-result-thumb {
    width: 50px;
    height: 50px;
}

.search-result-thumb img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
}

.search-result-title {
    max-width: 12rem;
    font-size: var(--f14px);
    color: var(--secondary-color);
    text-decoration: none;
}

.search-result-title:hover {
    color: var(--basecolor);
}

.no-results {
    margin-top: 10px;
    color: #999;
}

#wpdcom {
    max-width: 90%;
}

#comments {
    max-width: 100%;
}

.cheat-ads__wrapper {
    border: 1px solid var(--text-color);
}

.cheats-ads__title {
    margin-bottom: var(--f15px);
}

.cheat__ads {
    display: flex;
    flex-wrap: wrap;
}

.article__text code {
    word-break: break-all;
}

@media screen and (max-width: 991px) {
    .article__text .wp-block-kevinbatdorf-code-block-pro {
        max-width: 530px;
    }
}

@media screen and (max-width: 540px) {
    .article__text .wp-block-kevinbatdorf-code-block-pro {
        max-width: 320px;
    }
}

.download__ad {
    width: 300px;
    /* 	height: 600px; */
}

.cheat_statuses {
    margin-top: var(--f20px);
}

.cheat__status {
    padding: var(--f5px) var(--f15px);
    border-radius: 10px;
}

html.dark-theme .cheat__status.undetected {
    color: #1cff1c;
    background: none;
}

.cheat__status.undetected {
    font-weight: 700;
    color: #fff;
    background: green;
    border: 1px solid #1cff1c;
}

.cheat__status.detected {
    color: red;
    border: 1px solid red;
}

.cheat__status.outdated {
    color: gray;
    border: 1px solid gray;
}

.wp-block-embed iframe,
figure video {
    max-width: 100%;
}

figure.size-full img {
    width: inherit;
    height: inherit;
}

figure.size-large img {
    width: inherit;
    height: inherit;
}

.page__faq {
    text-align: center;
    margin-top: var(--f80px);
    margin-bottom: var(--f80px);
}

.page__faq-title {
    margin-bottom: var(--f50px);
}

.faq__title {
    margin-bottom: var(--f50px);
}

.faq-section {
    width: 100%;
    background: var(--background-color);
    padding: var(--f20px);
    border: 1px solid var(--text-color);
    border-radius: 10px;
    color: var(--secondary-color);
    font-family: var(--montserrat);
}

.faq__block {
    display: flex;
    flex-direction: column;
    gap: var(--f20px);
    margin-bottom: var(--f50px);
}

.faq-section h2 {
    font-size: var(--f32px);
    color: var(--basecolor);
    margin-bottom: var(--f20px);
    margin-left: var(--f15px);
    font-family: var(--lexend);
}

.faq-item {
    margin-bottom: var(--f10px);
    border-bottom: 1px solid var(--text-color);
}

.faq-section h2:first-child {
    margin-top: 0;
}

.faq-section h2 {
    margin-top: var(--f30px);
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--f15px);
    cursor: pointer;
    font-size: var(--f18px);
    font-weight: 600;
    color: var(--secondary-color);
    transition: color 0.3s ease;
}

.faq-question:hover {
    color: var(--basecolor);
}

.faq-question::after {
    content: "+";
    font-size: var(--f24px);
    color: var(--basecolor);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question::after {
    content: "−";
    transform: rotate(180deg);
}

.faq-answer {
    display: none;
    padding: var(--f15px);
    font-size: var(--f16px);
    line-height: 1.6;
    color: var(--secondary-color);
    background: var(--black-color);
    border-radius: 5px;
    margin: 0 var(--f10px) var(--f15px);
}

.faq-item.active .faq-answer {
    display: block;
}

.cheat__author {
    display: flex;
    flex-direction: column;
    gap: var(--f10px);
    margin-top: var(--f20px);
}

.cheat__author svg {
    width: 20px;
    height: 18px;
}

.cheat__developer,
.cheat__published {
    display: flex;
    align-items: center;
    gap: var(--f10px);
}

@media (max-width: 600px) {
    .faq-section {
        padding: var(--f15px);
    }

    .faq-section h2 {
        font-size: var(--f24px);
    }

    .faq-question {
        font-size: var(--f16px);
    }

    .faq-answer {
        font-size: var(--f14px);
    }
}

.cheat__security {
    display: flex;
    flex-direction: column;
    gap: var(--f10px);
    margin-bottom: var(--f20px);
    padding: var(--f20px) var(--f30px);
    background: var(--background-color);
    border: 1px solid var(--text-color);
    border-radius: 10px;
}

.cheat-security__good {
    display: flex;
    align-items: center;
    gap: var(--f10px);
    margin-top: var(--f20px);
    margin-bottom: var(--f20px);
}

.security-good__text {
    display: flex;
    flex-direction: column;
    gap: var(--f5px);
}

.security-good__text p {
    color: #00ff00;
}

.security-good__text b {
    font-size: var(--f16px);
}

.security__notify {
    display: flex;
    flex-direction: column;
    gap: var(--f10px);
    border-left: 2px solid red;
    padding: var(--f5px) var(--f10px);
}

.security-notify__title {
    font-size: var(--f16px);
    color: red;
}

.security-notify__desc,
.security-good__text p {
    font-size: var(--f14px);
}

a.glink {
    color: #fff;
}

#wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author,
#wpdcom .wpd-comment.wpd-reply .wpd-comment-header .wpd-comment-author a,
#wpdcom .wpd-blog-guest .wpd-comment-author,
#wpdcom .wpd-blog-guest .wpd-comment-author a,
#wpdcom .wpd-thread-head .wpdiscuz-user-settings:hover {
    color: var(--basecolor);
}

#wpdcom .wpd-thread-head .wpd-thread-info,
#wpdcom .wpd-thread-head .wpdiscuz-user-settings {
    border-bottom: 2px solid var(--basecolor);
}

#wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-post_author .wpd-avatar img {
    border-color: var(--basecolor);
}

#wpdcom .wpd-blog-post_author .wpd-comment-label,
#wpdcom .wpd-prim-button {
    background-color: var(--basecolor);
}

.article__text h3 {
    line-height: normal;
}

.advertisment .wp-block-table {
    margin: auto 0;
}

.advertisment .wp-block-table table.has-fixed-layout {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--black-color);
    color: var(--text-color);
    font-family: var(--montserrat);
    font-size: var(--f16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.advertisment .wp-block-table thead {
    background-color: var(--basecolor);
    color: var(--secondary-color);
    text-align: left;
}

.advertisment .wp-block-table thead th {
    padding: 14px 20px;
    font-size: var(--f16px);
    font-weight: 600;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.advertisment .wp-block-table thead th:last-child {
    border-right: none;
}
.advertisment .wp-block-table tbody {
    background: var(--background-color);
}

.advertisment .wp-block-table tbody tr {
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    transition: background-color 0.3s;
}

.advertisment .wp-block-table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.advertisment .wp-block-table tbody td {
    padding: 14px 20px;
    font-size: var(--f15px);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.advertisment .wp-block-table tbody td:last-child {
    border-right: none;
}

.single_add_to_cart_button {
    display: inline-block !important;
    background: var(--basecolor);
    color: var(--secondary-color);
    padding: var(--f16px);
    border-radius: var(--f5px);
    font-family: var(--montserrat);
    text-align: center;
    margin: 0;
}

.woocommerce-notices-wrapper {
    display: none;
}