:root {
    --color-white: #ffffff;
    --color-gray6: #f2f2f7;
    /*--color-gray6: #f8f9fa;*/
    --color-gray5: #e5e5ea;
    --color-gray4: #d1d1d6;
    --color-gray3: #8E8E93;

    --color-accent: #2bc3f4;
    /*--color-accent: #FF9898;*/

    --color-text-primary: #1e2124;
    --color-text-secondary: #ffffff;

    --color-back-primary: var(--color-gray6);
    --color-back-secondary: var(--color-gray5);

    --border-radius-primary: 18px;
    --border-radius-secondary: 9px;

    --font-family-text: "Raleway", "Arial", sans-serif;
    --font-size-normal: 1rem;
    --font-size-h3: 1.125rem;
    --font-size-h2: 2rem;

    --block-height-primary: 43px;
    --block-height-secondary: 49px;
}

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

/* Page */

.page {
    color: var(--color-text-primary);
    /*background: var(--color-back-primary);*/
}

.page__body {
    /* line-height: 1.5; */
    font-size: var(--font-size-normal);
    font-family: var(--font-family-text);
}

@media (prefers-reduced-motion: no-preference) {
    .page {
        scroll-behavior: smooth;
    }
}























/* Checkout */

.checkout {
    display: flex;
    padding: 40px;
    gap: 20px;
    margin: 0 auto 20px;
    max-width: 1220px;
    background-color: var(--color-gray6);
    border-radius: var(--border-radius-primary);
}

.checkout__left,
.checkout__right {
    background-color: var(--color-white);
    border-radius: var(--border-radius-primary);
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.checkout__left {
    min-width: 250px;
}

.checkout-section {
}

.checkout-section__title {
    font-size: 24px;
    font-weight: 700;
}

.checkout-section__description {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    color: #8E8E93;
}

.checkout-section__description--name {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text-primary);
}

.checkout-section__description--price {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-accent);
    font-family: "Arial", sans-serif;
}

.checkout__payment-methods {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.checkout__payment-method {
    border-radius: var(--border-radius-primary);
    height: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: filter .2s ease-in-out;
    cursor: pointer;
}

.checkout__payment-method:hover {
    filter: brightness(80%);
}

.checkout__payment-method--yookassa {
    background-color: #F5F5F5;
}


.checkout__payment-method--anypay {
    background: #ffffff;
    border: 2px solid #EFEFF3;
    box-shadow: none;
}

.checkout__payment-method--anypay:hover {
    filter: none;
    border-color: #2bc3f4;
    box-shadow: none;
}

.checkout__payment-logo--anypay {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #151515;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: -0.04em;
    line-height: 1;
}

.checkout__payment-logo-mark--anypay {
    width: 52px;
    height: 52px;
    object-fit: contain;
    flex: 0 0 auto;
    filter: none;
}

.checkout__payment-method--active {
    border: 3px solid var(--color-accent);
}

.checkout__privilege-plans {
    display: flex;
    gap: 20px;
    height: 80px;
    margin-top: 25px;
}

.checkout__privilege-plan {
    background-color: var(--color-gray6);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: filter .2s ease-in-out;
    cursor: pointer;
    border-radius: var(--border-radius-primary);
}

.checkout__privilege-plan:hover {
    filter: brightness(80%);
}

.checkout__privilege-plan > span {
    font-weight: 600;
}

.checkout__privilege-plan--active {
    border: 3px solid var(--color-accent);
}

.checkout__cases-counts {
    display: flex;
    gap: 20px;
    height: 80px;
    margin-top: 25px;
}

.checkout__cases-count {
    background-color: var(--color-gray6);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: filter .2s ease-in-out;
    cursor: pointer;
    border-radius: var(--border-radius-primary);
}

.checkout__cases-count:hover {
    filter: brightness(80%);
}

.checkout__cases-count > span {
    font-weight: 600;
}

.checkout__cases-count--active {
    border: 3px solid var(--color-accent);
}

.checkout__form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.checkout__inputs {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 25px;
}

.checkout__input {
    height: 60px;
    padding-left: 20px;
    border: none;
    background-color: var(--color-gray6);
    border-radius: var(--border-radius-secondary);
    width: 100%;
}

.checkout__input[type=text],
.checkout__input[type=email] {
    color: var(--color-text-primary);
    font-size: 20px;
}

.checkout__action {
    border: none;
    background-color: var(--color-accent);
    height: 60px;
    font-size: 18px;
    font-family: var(--font-family-text);
    border-radius: var(--border-radius-primary);
    cursor: pointer;
    font-weight: 600;
    margin-top: 25px;
    width: 100%;
    margin-bottom: 20px;
    transition: filter .2s ease-in-out;
}

.checkout__action:hover {
    filter: brightness(80%);
}

.checkout__note {
    font-weight: 500;
    color: #8E8E93;
    display: flex;
    align-items: center;
    column-gap: 8px;
}



/*.payment {*/
/*    !*display: none;*!*/
/*    !*position: fixed;*!*/
/*    !*top: 50%;*!*/
/*    !*left: 50%;*!*/
/*    !*transform: translate(-50%, -50%);*!*/
/*}*/

























/* Tabs */

.tabs {
    margin-top: 15px;
}

.tabs__list {
    display: flex;
    column-gap: 15px;
    list-style-type: none;
    overflow-x: auto;
    scrollbar-color: transparent transparent;
    height: 43px;
}

.tabs__list::-webkit-scrollbar {
    display: none;
}

.tabs__item {
    width: 100%;
}

.tabs__button {
    border: 2px solid var(--color-gray4);
    /*border-radius: var(--border-radius-primary);*/
    border-radius: var(--border-radius-secondary);
    font-weight: 500;
    background-color: transparent;
    font-family: var(--font-family-text);
    font-size: var(--font-size-normal);
    white-space: nowrap;
    cursor: pointer;
    outline: inherit;
    width: 100%;
    height: 100%;
    transition: filter .2s ease-in-out;
}

.tabs__button:hover {
    filter: brightness(80%);
}

.tabs__button[aria-selected="true"] {
    border: 2px solid var(--color-accent);
    /*background-color: var(--color-accent);*/
    color: var(--color-text-primary);
    filter: none;
    transition: none;
    font-weight: 600;
}

.tabs__panel {
    margin-top: 20px;
    /*height: 100%;*/
    width: 100%;
}

/* Header */

.header {
    background-color: var(--color-white);
    padding: 20px 0;
}

.header__inner {
    display: flex;
    margin: 0 auto;
    max-width: 1220px;
    height: var(--block-height-primary);
}

.header__logo-box {
    height: var(--block-height-primary);
    width: 120px;
    cursor: pointer;
    background-color: var(--color-accent);
    border-radius: var(--border-radius-secondary);
    transition: filter .2s ease-in-out;
}

.header__logo-box:hover {
    filter: brightness(90%);
}

/* Brief */

.brief {
    display: flex;
    margin-left: 20px;
    height: 43px;
}

.brief__ip {
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-weight: 500;
    padding: 0 28px;
    border: 2px solid var(--color-gray5);
    /*border-top-left-radius: var(--border-radius-secondary);*/
    /*border-bottom-left-radius: var(--border-radius-secondary);*/
    border-radius: var(--border-radius-secondary);
    transition: filter .2s ease-in-out;
    cursor: pointer;
}

.brief__ip:hover {
    filter: brightness(90%);
}

.brief__player-count {
    display: flex;
    align-items: center;
    padding: 0 14px;
    background-color: #5FAF2D;
    font-weight: 600;
    color: var(--color-white);
    /*border-top-right-radius: var(--border-radius-secondary);*/
    /*border-bottom-right-radius: var(--border-radius-secondary);*/
    margin-left: 5px;
    border-radius: var(--border-radius-secondary);
}

.brief__player-count > span {
    cursor: default;
}

/* Navigation */

.navigation {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.navigation__list {
    display: flex;
    align-items: center;
    column-gap: 10px;
    list-style-type: none;
}

.navigation__item {
    display: flex;
    column-gap: 5px;
    cursor: pointer;
    border-radius: var(--border-radius-secondary);
    align-items: center;
}

.navigation__item:hover {
    background-color: var(--color-gray6);
}

.navigation__item svg {
    display: block;
}

.navigation__link {
    text-decoration: none;
    color: var(--color-text-primary);
    padding: 10px 20px;
    column-gap: 5px;
    font-weight: 600;
}

/* Socials */

.socials {
    height: 100%;
    margin-left: auto;
}

.socials__discord {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    width: 135px;
    height: 100%;
    cursor: pointer;
    border-radius: var(--border-radius-primary);
    background-color: #5865f2;
    transition: filter .2s ease-in-out;
}

.socials__link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.socials__discord svg {
    display: block;
}

.socials__discord:hover {
    filter: brightness(90%);
}

/* Main */

.main__inner {
    display: flex;
    flex-direction: column;
    /*gap: 120px;*/
    max-width: 1085px;
    margin: 0 auto;
}

/* Slider and banner */
.slider_and_resources {
    display: grid;
    grid-template-columns: 1fr 321px;
    column-gap: 20px;
    /*height: 100%;*/
    margin: 0 auto;
    max-width: 1220px;
}

/* Leaders and store */
.main__section:nth-child(1) {
    display: grid;
    grid-template-columns: 2fr 5fr;
    column-gap: 70px;
    padding-top: 80px;
}

/* Rules and help */
.main__section:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr 390px;
    column-gap: 70px;
    padding-top: 80px;
    margin-bottom: 100px;
}

/* Slider */

.slider {
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-primary);
    background-color: #333333;
    padding-left: 68px;
    padding-right: 68px;
    height: 100%;
}

.slider__title {
    font-size: var(--font-size-h2);
    color: #fff;
}

.slider__description {
    font-weight: 500;
    font-size: var(--font-size-h3);
    margin-top: 18px;
    max-width: 377px;
    color: #fff;
}

.slider__buttons {
    display: flex;
    height: var(--block-height-primary);
    margin-top: 30px;
}

.slider__more-button {
    border: none;
    background-color: var(--color-white);
    font-weight: 600;
    font-size: var(--font-size-normal);
    padding: 0 40px;
    border-radius: var(--border-radius-secondary);
    font-family: var(--font-family-text);
    transition: filter .2s ease-in-out;
    cursor: pointer;
    margin-right: 20px;
}

.slider__more-button:hover {
    filter: brightness(90%);
}

.slider__more-button--link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--color-text-primary);
}

.movements {
    display: flex;
    gap: 5px;
    height: var(--block-height-primary);
}

.movements__left-button,
.movements__right-button {
    border-radius: 50%;
    width: var(--block-height-primary);
    height: var(--block-height-primary);
    border: none;
    background-color: var(--color-gray5);
    cursor: pointer;
}

/* Resources */

.resources {
    height: 100%;
}

.wiki {
    border-radius: var(--border-radius-primary);
    background-color: var(--color-gray6);
    padding: 25px 25px 20px;
    margin-bottom: 10px;
    transition: filter .2s ease-in-out;
    cursor: pointer;
    display: block;
    color: inherit;
    text-decoration: none;
}

.wiki:hover {
    filter: brightness(90%);
}

.wiki__title {
    /*font-size: var(--font-size-h3);*/
    margin-bottom: 10px;
    font-size: 20px;
}

.wiki__description {
    color: var(--color-gray3);
    font-weight: 500;
}

.wiki__link {
    background-color: #fff;
    padding: 5px 14px;
    border-radius: var(--border-radius-secondary);
    margin-top: 20px;
    display: inline-block;
}

.wiki__link > svg {
}

.forum {
    border-radius: var(--border-radius-primary);
    background-color: var(--color-gray6);
    padding: 25px;
}

.forum__title {
    /*font-size: var(--font-size-h3);*/
    font-size: 20px;
}

.forum__list {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    list-style-type: none;
    margin-top: 15px;
}

.forum__list-item {
    display: block;
}

.forum__item {
    background-color: #fff;
    color: var(--color-text-primary);
    padding: 8px 15px;
    border-radius: var(--border-radius-secondary);
    font-weight: 500;
    transition: filter .2s ease-in-out, transform .18s ease-in-out;
    cursor: pointer;
    border: none;
    font-family: var(--font-family-text);
    font-size: var(--font-size-normal);
}

.forum__item:hover {
    filter: brightness(90%);
    transform: translateY(-1px);
}

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


/* Forum social modal */

.forum-social-modal[hidden] {
    display: none;
}

.forum-social-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.forum-social-modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 18, 28, 0.58);
    backdrop-filter: blur(5px);
}

.forum-social-modal__window {
    position: relative;
    width: min(100%, 470px);
    border-radius: 34px;
    background: linear-gradient(180deg, #ffffff 0%, #f4f6ff 100%);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
    padding: 34px;
    overflow: hidden;
}

.forum-social-modal__window::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    right: -72px;
    top: -96px;
    background-color: rgba(42, 171, 238, 0.18);
    pointer-events: none;
}

.forum-social-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 50%;
    background-color: var(--color-gray6);
    color: var(--color-text-primary);
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    transition: filter .2s ease-in-out;
}

.forum-social-modal__close:hover {
    filter: brightness(90%);
}

.forum-social-modal__header {
    position: relative;
    padding-right: 44px;
}

.forum-social-modal__badge {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    border-radius: var(--border-radius-secondary);
    background-color: #d8f4ff;
    color: #168db7;
    font-weight: 700;
    margin-bottom: 16px;
}

.forum-social-modal__title {
    font-size: 30px;
    line-height: 1.08;
    color: var(--color-text-primary);
}

.forum-social-modal__description {
    margin-top: 12px;
    color: #5f6675;
    font-weight: 500;
    line-height: 1.45;
}

.forum-social-modal__buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 26px;
}

.forum-social-modal__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 58px;
    border: none;
    border-radius: var(--border-radius-primary);
    color: #fff;
    font-family: var(--font-family-text);
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: none;
    transition: filter .2s ease-in-out;
}

.forum-social-modal__button--telegram {
    background-color: #2AABEE;
}

.forum-social-modal__button--discord {
    background-color: #5865f2;
}

.forum-social-modal__button:hover {
    filter: brightness(90%);
}

.forum-social-modal__button:active {
    filter: brightness(82%);
}

.forum-social-modal__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    overflow: hidden;
}

.forum-social-modal__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.forum-social-modal__button--discord .forum-social-modal__icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
}

@media (max-width: 540px) {
    .forum-social-modal__window {
        padding: 28px 20px 22px;
        border-radius: 26px;
    }

    .forum-social-modal__buttons {
        grid-template-columns: 1fr;
    }
}

/* Leaders */

.leaders,
.leaders * {
    font-family: var(--font-family-text);
}

.leaders__tabs {
    margin-bottom: 20px;
}

.leaders__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style-type: none;
    background-color: transparent;
    border-radius: 0;
}

.leaders__item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    padding: 8px 12px 8px 10px;
    border-radius: var(--border-radius-secondary);
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(229, 229, 234, .9);
    overflow: hidden;
}

.leaders__item--top {
    background: var(--leader-row-bg, rgba(255, 255, 255, .72));
    border-color: var(--leader-row-border, rgba(229, 229, 234, .9));
}

.leaders__item--plain {
    background-color: rgba(255, 255, 255, .62);
}

.leaders__item--empty {
    justify-content: center;
    min-height: 90px;
    color: var(--color-gray3);
    font-weight: 700;
    text-align: center;
}

.leaders__all-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-primary);
    font-weight: 600;
    font-family: var(--font-family-text);
    height: var(--block-height-secondary);
    width: 100%;
    font-size: var(--font-size-normal);
    border: none;
    background-color: var(--color-gray5);
    margin-top: 20px;
    transition: filter .2s ease-in-out;
    cursor: pointer;
}

.leaders__all-btn:hover {
    filter: brightness(80%);
}

.leaders__order {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    font-weight: 700;
    color: var(--color-text-primary);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.leaders__order--boxed {
    background-color: #ffffff;
    border-radius: var(--border-radius-secondary);
}

.leaders__order--plain {
    background-color: transparent;
    border-radius: 0;
}

.leaders__order > span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transform: translateY(1.5px);
}

.leaders__player {
    min-width: 0;
    display: flex;
    align-items: center;
}

.leaders__image {
    flex: 0 0 38px;
    margin-left: 10px;
    height: 38px;
    width: 38px;
    border-radius: 0;
    overflow: hidden;
    background-color: #d9d9df;
    image-rendering: pixelated;
}

.leaders__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    image-rendering: pixelated;
}

.leaders__username {
    min-width: 0;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 700;
    margin-left: 10px;
    line-height: 1.1;
    display: flex;
    align-items: center;
    height: 38px;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.leaders__score {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 700;
    margin-left: auto;
    color: var(--color-text-primary);
    line-height: 1;
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.leaders__score-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #000000;
    line-height: 1;
}

.leaders__score-icon img {
    display: block;
    width: 16px;
    height: 16px;
}

/* Store */

.products__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    list-style-type: none;
}

.products__item {
}

.product-card {
    min-width: 221px;
    min-height: 100%;
}

.product-card__box {
    height: 100%;
}

.product-card__content-box {
    padding: 14px 0 20px 0;
}

.product-card__image-box {
}

.product-card__image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 18px;
}

.product-card__name {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-card__price {
    font-size: 18px;
    margin-top: 8px;
    font-weight: 600;
    color: var(--color-accent);
    font-family: "Helvetica", system-ui, sans-serif;
}

.product-card__controls {
    display: grid;
    grid-template-columns: 43px 1fr;
    column-gap: 10px;
}

.product-card__description-button {
    border-radius: 50%;
    border: none;
    width: var(--block-height-primary);
    height: var(--block-height-primary);
    background-color: var(--color-gray6);
}

.product-card__action-button {
    border: none;
    width: 100%;
    height: 100%;
    background-color: var(--color-accent);
    /*background-color: var(--color-gray5);*/
    border-radius: var(--border-radius-primary);
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font-family-text);
    cursor: pointer;
    transition: filter .2s ease-in-out;
    color: var(--color-text-primary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.product-card__action-button:hover {
    filter: brightness(80%);
}

/* Help */

.help__list {
    display: grid;
    grid-auto-columns: 1fr;
    gap: 10px;
    list-style-type: none;
    margin-top: 15px;
}

.help__item {
    background-color: var(--color-gray6);
    border-radius: var(--border-radius-primary);
    font-weight: 500;
    transition: filter .2s ease-in-out;
    overflow: hidden;
}

.help__button {
    width: 100%;
    min-height: 100%;
    padding: 20px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.help__item:nth-child(3n + 1) {
    grid-column: span 2;
}

.help__item:hover {
    filter: brightness(80%);
}

.help__link {
    background-color: #fff;
    padding: 6px 14px;
    border-radius: var(--border-radius-secondary);
    /*margin-top: 20px;*/
    display: inline-block;
    width: 47px;
}

/* Rules */

.rules__preface {
    font-weight: 500;
}

.rules__list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    list-style-type: none;
    margin-top: 25px;
}

.rules__item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    padding: 20px;
    background-color: var(--color-gray6);
    border-radius: var(--border-radius-primary);
    /*transition: display 0.5s linear;*/
    /*transition: opacity 1s ease-in-out;*/
    /*opacity: 1;*/
}

.rules__item:nth-child(n + 4) {
    display: none;
}

.rules__label {
    background-color: #fff;
    font-weight: 600;
    border-radius: var(--border-radius-secondary);
    padding: 5px 14px;
}

.rules__text {
    font-weight: 500;
}

.rules__all-btn {
    margin-top: 25px;
    font-weight: 600;
    background-color: var(--color-gray5);
    border: none;
    width: 100%;
    height: var(--block-height-secondary);
    border-radius: var(--border-radius-primary);
    font-size: 16px;
    font-family: var(--font-family-text);
    cursor: pointer;
    transition: filter .2s ease-in-out;
}

.rules__all-btn:hover {
    filter: brightness(80%);
}

/* Footer */

.footer {
    padding: 0 0 20px 0;
    height: 100%;
}

.footer__inner {
    max-width: 1220px;
    background-color: var(--color-gray6);
    color: var(--color-text-primary);
    border-radius: var(--border-radius-primary);
    margin: 0 auto;
}

.footer__top {
    padding: 60px 68px 45px;
}

.footer__list {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    list-style-type: none;
}

.footer__bottom {
    border-top: 1px solid var(--color-gray4);
    padding: 30px 68px;
}

.footer__bottom-inner {
    /*margin: 0 auto;*/
    /*max-width: 1085px;*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-item__list {

}

.footer-item__item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-weight: 500;
}

.footer-item__title {
    color: var(--color-gray3);
}

.footer-item__text {
}

.footer__copyright {
    font-weight: 500;
}

.footer__contact {
    color: var(--color-gray3);
    font-weight: 500;
}

.footer__developer {
    color: var(--color-gray3);
    font-weight: 500;
}

.footer__INN {
    color: var(--color-gray3);
}

.footer__mojang-copyright {
    color: var(--color-gray3);
}

.footer-item__text-hover > a {
    color: var(--color-text-primary);
    text-decoration: none;
}

.footer-item__text-hover:hover {
    text-decoration: underline;
    cursor: pointer;
}









.hamburger {
    display: none;
    cursor: pointer;
}

.hamburger__bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #000;
}

@media screen and (width < 1280px) {
    .page__body {
        padding: 0 30px;
    }
}

@media screen and (width < 1150px) {

    .slider {
        padding: 68px;
    }

    .main__section:nth-child(1) {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 70px;
    }

    .products__list {
        grid-template-columns: repeat(4, 1fr);
    }

    .slider_and_resources {
        grid-template-columns: 1fr;
    }

    .resources {
        display: none;
    }

    .socials {
        display: none;
    }

    /* Responsive */
    .hamburger {
        display: block;
    }

    .hamburger.active .hamburger__bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .hamburger__bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .hamburger__bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    .navigation__list {
        position: fixed;
        left: -100%;
        top: 70px;
        gap: 0;
        flex-direction: column;
        background-color: #262626;
        width: 100%;
        text-align: center;
        transition: 0.3s;
    }

    .navigation__item {
        margin: 16px 0;
    }

    .navigation__list.active {
        left: 0;
    }

   .leaders__list {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (width < 1050px) {
    .products__list {
        grid-template-columns: repeat(3, 1fr);
    }

    .footer__contact {
        display: none;
    }

    .checkout {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

@media screen and (width < 1050px) {
    .main__section:nth-child(2) {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 70px;
    }

    .footer__list {
        /*flex-direction: column-reverse;*/
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: flex-start;
        row-gap: 40px;
        column-gap: 80px;
    }

    .footer__item:nth-child(1) {
        order: 3;
    }

    .slider {
        padding: 68px;
    }
}

@media screen and (width < 790px) {
    .products__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .slider {
        padding: 68px;
    }
}

@media screen and (width < 790px) {
   .leaders__list {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (width < 690px) {
    .brief__player-count {
        display: none;
    }

    .footer__bottom-inner {
        row-gap: 15px;
        column-gap: 30px;
    }

    .slider {
        padding: 68px;
    }
}

@media screen and (width < 540px) {
    .brief {
        display: none;
    }

    .products {
        overflow: hidden;
    }

    .products__list {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tabs__list {
        display: grid;
        grid-template-columns: auto auto;
        height: 100%;
        gap: 10px;
    }

    .tabs__button {
        width: 100%;
        min-height: 42px;
    }

    .slider_and_resources {
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-right: -30px;
    }

    .slider {
        padding: 40px;
        border-radius: 0;
    }

    .footer__top {
        padding: 45px 40px 45px;
    }

    .footer__bottom {
        padding: 30px 40px;
    }

    .checkout {
        padding: 10px;
    }

    .checkout__privilege-plans {
        display: grid;
        grid-template-columns: auto auto;
        height: 100%;
        gap: 10px;
        min-height: 42px;
    }

    .checkout__privilege-plan {
        min-height: 42px;
    }

    .checkout__payment-methods {
        display: grid;
        grid-template-columns: auto auto;
        min-height: 42px;
        gap: 10px;
    }

    .checkout__payment-method {
        min-height: 42px;
        height: 58px;
    }

    .checkout__payment-logo--anypay {
        font-size: 22px;
    }

    .checkout__cases-counts {
        display: grid;
        grid-template-columns: auto auto;
        min-height: 42px;
        gap: 10px;
    }

    .checkout__cases-count {
        min-height: 42px;
    }
}

@media screen and (width < 360px) {
    .slider__buttons {
        row-gap: 30px;
        flex-wrap: wrap;
    }
}

















/* Product info modal */

body.modal-open {
    overflow: hidden;
}

.product-card__description-button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .2s ease-in-out, filter .2s ease-in-out;
}

.product-card__description-button:hover {
    filter: none;
    transform: none;
    background-color: var(--color-accent);
    box-shadow: none;
}

.product-card__description-button:hover .product-card__description-icon {
    fill: var(--color-white);
}

.product-card__description-icon {
    display: block;
    fill: var(--color-gray2);
    transition: fill .2s ease-in-out;
}

.product-modal[hidden] {
    display: none;
}

.product-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.product-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .72);
    backdrop-filter: blur(8px);
}

.product-modal__window {
    position: relative;
    z-index: 1;
    width: min(860px, 100%);
    max-height: min(720px, calc(100vh - 48px));
    display: grid;
    grid-template-columns: minmax(220px, 360px) 1fr;
    gap: 26px;
    padding: 24px;
    overflow: auto;
    border-radius: 28px;
    background: var(--color-gray6);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .45);
}

.product-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: var(--color-gray5);
    color: var(--color-gray1);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: filter .2s ease-in-out;
}

.product-modal__close:hover {
    filter: brightness(115%);
}

.product-modal__image-box {
    min-height: 260px;
    border-radius: 22px;
    overflow: hidden;
    background: var(--color-gray5);
}

.product-modal__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
}

.product-modal__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 12px 46px 12px 0;
}

.product-modal__category {
    width: fit-content;
    margin-bottom: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    background: var(--color-gray5);
    color: var(--color-gray3);
    font-size: 13px;
    font-weight: 700;
}

.product-modal__title {
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.08;
    margin-bottom: 14px;
}

.product-modal__description {
    color: var(--color-gray3);
    font-size: 16px;
    line-height: 1.55;
    white-space: pre-line;
}

.product-modal__bottom {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 28px;
}

.product-modal__price {
    min-width: max-content;
    color: var(--color-accent);
    font-size: 26px;
    font-weight: 800;
    font-family: "Helvetica", system-ui, sans-serif;
}

.product-modal__buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--block-height-primary);
    padding: 0 28px;
    border-radius: var(--border-radius-primary);
    background: var(--color-accent);
    color: var(--color-gray1);
    font-weight: 700;
    text-decoration: none;
    transition: filter .2s ease-in-out;
}

.product-modal__buy:hover {
    filter: brightness(85%);
}

.product-modal__note {
    margin-top: 14px;
    color: var(--color-gray3);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
}

@media screen and (width < 720px) {
    .product-modal {
        padding: 14px;
    }

    .product-modal__window {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 18px;
        border-radius: 22px;
    }

    .product-modal__content {
        padding: 0;
    }

    .product-modal__image-box,
    .product-modal__image {
        min-height: 210px;
    }

    .product-modal__bottom {
        align-items: stretch;
        flex-direction: column;
    }
}

.product-card__image--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    background: var(--color-gray6);
    color: var(--color-gray3);
    font-weight: 700;
}


.checkout__errors {
    color: #ff7a7a;
    font-weight: 700;
    font-size: 14px;
    margin-top: 12px;
}

.checkout__errors p {
    margin: 0 0 6px;
}


/* All leaders modal */

.all-leaders-modal[hidden] {
    display: none;
}

.all-leaders-modal {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    font-family: var(--font-family-text);
}

.all-leaders-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .42);
    backdrop-filter: blur(3px);
}

.all-leaders-modal__window {
    position: relative;
    width: min(510px, 100%);
    max-height: min(760px, calc(100vh - 48px));
    display: flex;
    flex-direction: column;
    border-radius: 34px;
    background: #ffffff;
    padding: 26px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .18);
    overflow: hidden;
}

.all-leaders-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 999px;
    background: #f1f1f5;
    color: var(--color-text-primary);
    font-size: 26px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: filter .18s ease-in-out;
}

.all-leaders-modal__close:hover {
    filter: brightness(90%);
}

.all-leaders-modal__header {
    padding-right: 50px;
    margin-bottom: 18px;
}

.all-leaders-modal__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: #eaf8ff;
    color: #168db7;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}

.all-leaders-modal__title {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.05;
    color: var(--color-text-primary);
}

.all-leaders-modal__description {
    margin: 8px 0 0;
    color: var(--color-gray2);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
}

.all-leaders-modal__tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.all-leaders-modal__tab {
    height: 46px;
    border-radius: 12px;
    border: 2px solid var(--color-gray4);
    background: #ffffff;
    color: var(--color-text-primary);
    font-family: var(--font-family-text);
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: border-color .18s ease-in-out, filter .18s ease-in-out;
}

.all-leaders-modal__tab:hover {
    filter: brightness(96%);
}

.all-leaders-modal__tab.is-active {
    border-color: var(--color-orange);
}

.all-leaders-modal__body {
    flex: 0 1 auto;
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.all-leaders-modal__body::-webkit-scrollbar {
    width: 6px;
}

.all-leaders-modal__body::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #d9d9df;
}

.all-leaders-modal__body::-webkit-scrollbar-track {
    background: transparent;
}


.all-leaders-modal__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}


.all-leaders-modal__loader[hidden],
.all-leaders-modal__empty[hidden] {
    display: none !important;
}

.all-leaders-modal__loader,
.all-leaders-modal__empty {
    margin-top: 12px;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-secondary);
    background: #f2f2f7;
    color: var(--color-gray2);
    font-size: 14px;
    font-weight: 700;
}

.all-leaders-modal__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

.all-leaders-modal__page-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    flex-wrap: nowrap;
}

.all-leaders-modal__page,
.all-leaders-modal__page-arrow {
    min-width: 34px;
    height: 38px;
    padding: 0 8px;
    border: 2px solid var(--color-gray4);
    border-radius: 12px;
    background: #ffffff;
    color: var(--color-text-primary);
    font-family: var(--font-family-text);
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    transition: border-color .18s ease-in-out, filter .18s ease-in-out, background-color .18s ease-in-out;
}

.all-leaders-modal__page:hover,
.all-leaders-modal__page-arrow:hover:not(:disabled) {
    filter: brightness(96%);
    border-color: var(--color-orange);
}

.all-leaders-modal__page.is-active {
    border-color: var(--color-orange);
    background: #f0fbff;
}

.all-leaders-modal__page-arrow:disabled {
    opacity: .45;
    cursor: default;
}

.all-leaders-modal__page-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 38px;
    color: var(--color-gray2);
    font-weight: 700;
}

.all-leaders-modal__page-hint {
    display: none;
}

.all-leaders-modal.is-loading .all-leaders-modal__list {
    opacity: .58;
}

@media (max-width: 575px) {
    .all-leaders-modal {
        padding: 12px;
    }

    .all-leaders-modal__window {
        border-radius: 24px;
        padding: 20px;
        max-height: calc(100vh - 24px);
    }

    .all-leaders-modal__title {
        font-size: 24px;
    }

    .all-leaders-modal__page,
    .all-leaders-modal__page-arrow {
        min-width: 28px;
        height: 34px;
        padding: 0 5px;
        border-radius: 10px;
        font-size: 13px;
    }

    .all-leaders-modal__page-buttons {
        gap: 3px;
    }

    .all-leaders-modal__body {
        max-height: 430px;
    }
}


/* Play modal */
.navigation__play-button {
    border: none;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.navigation__item--play .navigation__play-button {
    color: var(--color-accent);
}

.play-modal[hidden] {
    display: none;
}

.play-modal {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    font-family: var(--font-family-text);
}

.play-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 18, 28, .55);
    backdrop-filter: blur(5px);
}

.play-modal__window {
    position: relative;
    width: min(720px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    border-radius: 34px;
    background: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%);
    padding: 26px 34px 30px;
    box-shadow: 0 24px 80px rgba(0,0,0,.22);
}

.play-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 46px;
    height: 46px;
    border: none;
    border-radius: 999px;
    background: var(--color-gray6);
    color: var(--color-text-primary);
    font-size: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: filter .18s ease-in-out;
}

.play-modal__close:hover {
    filter: brightness(90%);
}

.play-modal__header {
    text-align: center;
    padding: 10px 42px 0;
}

.play-modal__logo {
    display: block;
    width: 128px;
    max-height: 82px;
    object-fit: contain;
    margin: 0 auto 14px;
}

.play-modal__title {
    font-size: 30px;
    line-height: 1.08;
    font-weight: 800;
    margin: 0;
}

.play-modal__description {
    max-width: 520px;
    margin: 12px auto 0;
    color: #5f6675;
    font-weight: 600;
    line-height: 1.45;
}

.play-modal__minecraft-card {
    width: min(520px, 100%);
    margin: 24px auto 0;
    padding: 24px;
    border-radius: 18px;
    background: linear-gradient(135deg, #2a2017 0%, #5b442f 46%, #2c2119 100%);
    color: #ffffff;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.08);
}

.play-modal__mc-label {
    color: rgba(255,255,255,.72);
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 6px;
}

.play-modal__mc-input {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 0 14px;
    margin-bottom: 14px;
    border: 2px solid rgba(255,255,255,.75);
    background: rgba(0,0,0,.55);
    color: #ffffff;
    font-family: var(--font-family-text);
    font-size: 16px;
    font-weight: 800;
    text-align: left;
}

.play-modal__mc-input--copy {
    cursor: pointer;
    transition: filter .18s ease-in-out, border-color .18s ease-in-out;
}

.play-modal__mc-input--copy:hover {
    filter: brightness(115%);
    border-color: #7ad7ff;
}

.play-modal__mc-resource {
    width: max-content;
    max-width: 100%;
    margin: 14px auto 0;
    padding: 9px 14px;
    border-radius: 7px;
    background: rgba(230,230,230,.88);
    color: #3d3d45;
    font-size: 13px;
    font-weight: 800;
}

.play-modal__steps {
    width: min(520px, 100%);
    margin: 24px auto 0;
    padding-left: 24px;
    color: #26344f;
    font-weight: 600;
    line-height: 1.48;
}

.play-modal__steps b {
    font-weight: 800;
}

.play-modal__actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 26px;
}

.play-modal__primary,
.play-modal__secondary {
    min-height: 48px;
    padding: 0 24px;
    border: none;
    border-radius: var(--border-radius-secondary);
    font-family: var(--font-family-text);
    font-weight: 800;
    cursor: pointer;
    transition: filter .18s ease-in-out;
}

.play-modal__primary {
    background: #7ad7ff;
    color: #1e2124;
}

.play-modal__secondary {
    background: var(--color-gray6);
    color: var(--color-text-primary);
}

.play-modal__primary:hover,
.play-modal__secondary:hover {
    filter: brightness(92%);
}

/* Payment result */
.payment-result {
    display: flex;
    justify-content: center;
    padding: 54px 20px 72px;
}

.payment-result__card {
    width: min(760px, 100%);
    border-radius: 34px;
    background: #ffffff;
    padding: 38px;
    text-align: center;
    box-shadow: 0 22px 70px rgba(0, 0, 0, .08);
}

.payment-result__icon {
    width: 74px;
    height: 74px;
    margin: 0 auto 18px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    font-weight: 900;
}

.payment-result--success .payment-result__icon {
    background: #e9f8df;
    color: #5faf2d;
}

.payment-result--failed .payment-result__icon {
    background: #fff0df;
    color: #2bc3f4;
}

.payment-result__eyebrow {
    margin: 0 0 8px;
    color: var(--color-accent);
    font-weight: 800;
}

.payment-result__title {
    margin: 0;
    font-size: 34px;
    line-height: 1.08;
}

.payment-result__text {
    max-width: 560px;
    margin: 14px auto 0;
    color: #5f6675;
    font-weight: 600;
    line-height: 1.45;
}

.payment-result__summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
    text-align: left;
}

.payment-result__summary div {
    border-radius: var(--border-radius-primary);
    background: var(--color-gray6);
    padding: 16px;
}

.payment-result__summary span {
    display: block;
    color: var(--color-gray3);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px;
}

.payment-result__summary b {
    color: var(--color-text-primary);
    font-size: 16px;
    overflow-wrap: anywhere;
}

.payment-result__actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
}

.payment-result__button {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: var(--border-radius-secondary);
    text-decoration: none;
    font-weight: 800;
    transition: filter .18s ease-in-out;
}

.payment-result__button--primary {
    background: var(--color-accent);
    color: #ffffff;
}

.payment-result__button--secondary {
    background: var(--color-gray6);
    color: var(--color-text-primary);
}

.payment-result__button:hover {
    filter: brightness(90%);
}

@media (max-width: 680px) {
    .play-modal__window,
    .payment-result__card {
        padding: 26px 18px 24px;
        border-radius: 26px;
    }

    .play-modal__header {
        padding: 8px 40px 0;
    }

    .play-modal__actions,
    .payment-result__actions {
        flex-direction: column;
    }

    .payment-result__summary {
        grid-template-columns: 1fr;
    }
}


/* Header play button fix */
.navigation__link.navigation__play-button {
    appearance: none;
    -webkit-appearance: none;
    border: 0 !important;
    outline: none;
    background: transparent !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-family-text);
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.navigation__item--play .navigation__play-button {
    color: var(--color-text-primary) !important;
}

.play-modal.is-open {
    display: flex;
}

.play-modal__window {
    z-index: 2;
}

.play-modal__overlay {
    z-index: 1;
}

/* Maintenance mode */
.maintenance-modal {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(circle at top left, rgba(255, 210, 51, .22), transparent 32%), rgba(10, 12, 20, .72);
    backdrop-filter: blur(8px);
    font-family: var(--font-family-text);
}

.maintenance-modal__window {
    width: min(620px, 100%);
    border-radius: 36px;
    background: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%);
    padding: 40px 34px 36px;
    text-align: center;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .24);
    border: 1px solid rgba(255,255,255,.7);
}

.maintenance-modal__icon {
    width: 78px;
    height: 78px;
    margin: 0 auto 18px;
    border-radius: 24px;
    background: #7ad7ff;
    color: #1e2124;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,.08);
}

.maintenance-modal__eyebrow {
    margin: 0 0 8px;
    color: var(--color-accent);
    font-weight: 800;
}

.maintenance-modal__title {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 36px;
    line-height: 1.06;
    font-weight: 800;
}

.maintenance-modal__text {
    max-width: 500px;
    margin: 14px auto 0;
    color: #5f6675;
    font-weight: 600;
    line-height: 1.45;
}

.maintenance-modal__details {
    width: max-content;
    max-width: 100%;
    margin: 22px auto 0;
    padding: 10px 16px;
    border-radius: var(--border-radius-secondary);
    background: var(--color-gray6);
    color: var(--color-text-primary);
    font-weight: 700;
}

.maintenance-modal__button {
    min-height: 50px;
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: var(--border-radius-secondary);
    background: #5865f2;
    color: #ffffff;
    text-decoration: none;
    font-weight: 800;
    transition: filter .18s ease-in-out;
}

.maintenance-modal__button:hover {
    filter: brightness(90%);
}

@media (max-width: 680px) {
    .maintenance-modal__window {
        padding: 32px 20px 28px;
        border-radius: 28px;
    }

    .maintenance-modal__title {
        font-size: 30px;
    }
}

/* Play modal redesign */
.play-modal {
    font-family: var(--font-family-text) !important;
}

.play-modal__window {
    width: min(760px, calc(100vw - 32px));
    border-radius: 34px;
    background: #ffffff;
    padding: 30px 34px 32px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .22);
    border: 1px solid rgba(230, 233, 240, .9);
}

.play-modal__top {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    padding-right: 48px;
}

.play-modal__logo--large {
    width: 168px;
    max-height: 168px;
    margin: 0;
    object-fit: contain;
    filter: drop-shadow(0 12px 22px rgba(43, 195, 244, .18));
}

.play-modal__heading {
    min-width: 0;
}

.play-modal__eyebrow {
    margin: 0 0 8px;
    color: var(--color-accent);
    font-weight: 800;
    letter-spacing: .02em;
}

.play-modal__title {
    color: var(--color-text-primary);
    font-family: var(--font-family-text);
    font-size: 34px;
    line-height: 1.04;
    font-weight: 800;
    margin: 0;
}

.play-modal__description {
    max-width: 520px;
    margin: 12px 0 0;
    color: #5f6675;
    font-family: var(--font-family-text);
    font-weight: 600;
    line-height: 1.45;
}

.play-modal__server-preview {
    width: min(470px, 100%);
    margin: 24px auto 0;
    border-radius: 12px;
    overflow: hidden;
    background: #161616;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .16);
}

.play-modal__server-preview img {
    display: block;
    width: 100%;
    height: auto;
}

.play-modal__ips {
    width: min(540px, 100%);
    margin: 18px auto 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.play-modal__ip-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-height: 76px;
    border: 2px solid #e3e5ea;
    border-radius: 18px;
    background: #f6f7fb;
    padding: 14px 16px;
    cursor: pointer;
    text-align: left;
    font-family: var(--font-family-text);
    transition: filter .18s ease-in-out, border-color .18s ease-in-out, background-color .18s ease-in-out;
}

.play-modal__ip-card:hover {
    filter: brightness(97%);
    border-color: var(--color-accent);
    background: #f0fbff;
}

.play-modal__ip-card span {
    color: #777f8e;
    font-size: 13px;
    font-weight: 700;
}

.play-modal__ip-card b {
    color: var(--color-text-primary);
    font-size: 17px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.play-modal__ip-card--main {
    border-color: #aeeaff;
    background: #eaf8ff;
}

.play-modal__steps {
    width: min(560px, 100%);
    margin: 22px auto 0;
    padding-left: 24px;
    color: #26344f;
    font-family: var(--font-family-text);
    font-weight: 600;
    line-height: 1.5;
}

.play-modal__steps li + li {
    margin-top: 6px;
}

.play-modal__actions {
    margin-top: 26px;
}

.play-modal__primary,
.play-modal__secondary {
    min-height: 52px;
    border-radius: var(--border-radius-secondary);
    font-family: var(--font-family-text);
    font-weight: 800;
}

/* Maintenance modal redesign */
.maintenance-modal__window {
    background: #ffffff;
    border-radius: 34px;
    border: 1px solid rgba(230, 233, 240, .9);
}

.maintenance-modal__icon {
    width: 84px;
    height: 84px;
    margin: 0 auto 18px;
    background: transparent;
    box-shadow: none;
    border-radius: 24px;
}

.maintenance-modal__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.maintenance-modal__socials {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 26px;
}

.maintenance-modal__social {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: var(--border-radius-primary);
    color: #ffffff;
    text-decoration: none;
    font-family: var(--font-family-text);
    font-size: 18px;
    font-weight: 800;
    box-shadow: none;
    transition: filter .2s ease-in-out;
}

.maintenance-modal__social:hover {
    filter: brightness(90%);
}

.maintenance-modal__social--telegram {
    background-color: #2AABEE;
}

.maintenance-modal__social--discord {
    background-color: #5865f2;
}

.maintenance-modal__social-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
}

.maintenance-modal__social-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.maintenance-modal__social--discord .maintenance-modal__social-icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
}

@media (max-width: 680px) {
    .play-modal__window {
        padding: 24px 18px 24px;
        border-radius: 28px;
    }

    .play-modal__top {
        grid-template-columns: 1fr;
        gap: 10px;
        text-align: center;
        padding-right: 42px;
    }

    .play-modal__logo--large {
        width: 138px;
        max-height: 138px;
        margin: 0 auto;
    }

    .play-modal__description {
        margin-left: auto;
        margin-right: auto;
    }

    .play-modal__ips,
    .maintenance-modal__socials {
        grid-template-columns: 1fr;
    }

    .play-modal__title {
        font-size: 29px;
    }
}

.play-modal__ip-card.is-copied,
.play-modal__primary.is-copied {
    filter: brightness(97%);
    border-color: #39b65b;
    background: #eefbe9;
}


/* Product composition in info modal */
.product-modal__composition {
    margin-top: 18px;
    padding: 14px;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid var(--color-gray5);
}

.product-modal__composition[hidden] {
    display: none;
}

.product-modal__composition-title {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 800;
}

.product-modal__composition-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 8px;
}

.product-modal__composition-list li {
    position: relative;
    padding-left: 22px;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.35;
}

.product-modal__composition-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55em;
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: var(--color-accent);
    transform: translateY(-50%);
}

/* Clickable player names and player profile modal */
.leaders__username--button {
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    font-family: inherit;
    cursor: pointer;
    text-align: left;
    transition: filter .18s ease-in-out;
}

.leaders__username--button:hover {
    filter: brightness(70%);
}

.player-profile-modal[hidden] {
    display: none;
}

.player-profile-modal {
    position: fixed;
    inset: 0;
    z-index: 1450;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    font-family: var(--font-family-text);
}

.player-profile-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .46);
    backdrop-filter: blur(4px);
}

.player-profile-modal__window {
    position: relative;
    z-index: 1;
    width: min(460px, 100%);
    border-radius: 34px;
    background: #ffffff;
    padding: 26px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .22);
}

.player-profile-modal__window::before {
    content: "";
    position: absolute;
    top: -84px;
    right: -66px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(43, 195, 244, .16);
    pointer-events: none;
}

.player-profile-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 999px;
    background: #f1f1f5;
    color: var(--color-text-primary);
    font-size: 26px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: filter .18s ease-in-out;
}

.player-profile-modal__close:hover {
    filter: brightness(90%);
}

.player-profile-modal__top {
    position: relative;
    display: grid;
    grid-template-columns: 82px 1fr;
    gap: 16px;
    align-items: center;
    padding-right: 44px;
}

.player-profile-modal__avatar-box {
    width: 82px;
    height: 82px;
    border-radius: 22px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 4px solid #ffffff;
    outline: none;
    box-shadow: none;
}

.player-profile-modal__avatar {
    width: 64px;
    height: 64px;
    image-rendering: pixelated;
}

.player-profile-modal__badge {
    display: inline-flex;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eaf8ff;
    color: #168db7;
    font-size: 12px;
    font-weight: 800;
}

.player-profile-modal__title {
    margin: 8px 0 4px;
    font-size: 28px;
    line-height: 1.05;
    font-weight: 700;
    font-family: var(--font-family-text);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
    font-synthesis-weight: none;
}

.player-profile-modal__description {
    margin: 0;
    color: var(--color-gray3);
    font-size: 14px;
    font-weight: 650;
}

.player-profile-modal__loader,
.player-profile-modal__message {
    margin-top: 20px;
    padding: 16px;
    border-radius: 18px;
    background: var(--color-gray6);
    color: var(--color-gray3);
    font-weight: 700;
}

.player-profile-modal__loader[hidden],
.player-profile-modal__message[hidden] {
    display: none;
}

.player-profile-modal__stats {
    position: relative;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.player-profile-modal__stat {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 10px;
    align-items: center;
    min-height: 64px;
    padding: 11px 13px;
    border-radius: 18px;
    background: var(--color-gray6);
    border: 1px solid #e7e7ee;
}

.player-profile-modal__stat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

.player-profile-modal__stat-icon img {
    width: 18px;
    height: 18px;
}

.player-profile-modal__stat-label {
    align-self: end;
    font-weight: 800;
}

.player-profile-modal__stat-value {
    grid-column: 2;
    align-self: start;
    font-weight: 700;
    font-family: var(--font-family-text);
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
    font-synthesis-weight: none;
}

.player-profile-modal__stat-place {
    grid-column: 1 / -1;
    justify-self: start;
    min-width: 44px;
    text-align: center;
    padding: 5px 9px;
    border-radius: 999px;
    background: #ffffff;
    color: var(--color-gray2);
    font-weight: 800;
}

.player-profile-modal__stat--kd {
    grid-column: 1 / -1;
}

@media screen and (width < 540px) {
    .player-profile-modal {
        padding: 14px;
    }
    .player-profile-modal__window {
        padding: 20px;
        border-radius: 26px;
    }
    .player-profile-modal__top {
        grid-template-columns: 64px 1fr;
        gap: 12px;
    }
    .player-profile-modal__avatar-box {
        width: 64px;
        height: 64px;
        border-radius: 18px;
    }
    .player-profile-modal__avatar {
        width: 52px;
        height: 52px;
    }
    .player-profile-modal__stats {
        grid-template-columns: 1fr;
    }

    .player-profile-modal__stat {
        grid-template-columns: 28px 1fr;
    }
    .player-profile-modal__stat-place {
        grid-column: 2 / -1;
        width: fit-content;
    }
}


/* Checkout custom validation */
.checkout__validation-notice[hidden] {
    display: none;
}

.checkout__validation-notice {
    position: relative;
    margin-top: 4px;
    padding: 13px 16px;
    border-radius: 16px;
    background: #eaf8ff;
    border: 1px solid rgba(43, 195, 244, .28);
    color: #168db7;
    font-size: 14px;
    font-weight: 800;
}

.checkout__validation-notice::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 28px;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    background: #eaf8ff;
    border-left: 1px solid rgba(43, 195, 244, .28);
    border-top: 1px solid rgba(43, 195, 244, .28);
}

.checkout__input--error {
    outline: 2px solid rgba(43, 195, 244, .7);
    background-color: #f0fbff;
}

/* Player profile modal polish */
.player-profile-modal__heading,
.player-profile-modal__stat-label,
.player-profile-modal__stat-place {
    font-family: var(--font-family-text);
}

.player-profile-modal__stat--no-place {
    grid-template-columns: 30px 1fr;
}

.player-profile-modal__stat--hours .player-profile-modal__stat-icon img,
.player-profile-modal__stat--time .player-profile-modal__stat-icon img,
.player-profile-modal__stat--kills .player-profile-modal__stat-icon img,
.player-profile-modal__stat--kd .player-profile-modal__stat-icon img {
    width: 20px;
    height: 20px;
}

.checkout__errors {
    display: grid;
    gap: 6px;
    margin-top: 6px;
    padding: 13px 16px;
    border-radius: 16px;
    background: #eaf8ff;
    border: 1px solid rgba(43, 195, 244, .28);
    color: #168db7;
    font-size: 14px;
    font-weight: 800;
}

.checkout__errors:empty {
    display: none;
}

/* Player profile final tuning */
.player-profile-modal__title,
.player-profile-modal__stat-value {
    font-weight: 700;
    font-synthesis: none;
}

.player-profile-modal__description::first-letter {
    text-transform: uppercase;
}

@media screen and (max-width: 540px) {
    .player-profile-modal__stats {
        grid-template-columns: 1fr;
    }
}

/* Leaderboard 4-tab layout */
.leaders__tabs .tabs__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    height: auto;
    overflow: visible;
}

.leaders__tabs .tabs__item {
    width: auto;
    min-width: 0;
}

.leaders__tabs .tabs__button {
    min-height: 43px;
    padding: 0 10px;
}

.all-leaders-modal__tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}


/* WebP picture wrappers */
.product-card__image-box picture,
.product-modal__image-box picture,
.checkout-product__image-box picture,
.play-modal__top picture,
.play-modal__server-preview picture {
    display: contents;
}

/* Player profile: return to 5 horizontal planks */
.player-profile-modal__stats {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 12px !important;
}

.player-profile-modal__stat {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 52px !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    background: var(--color-gray6) !important;
    border: 1px solid #e3e3ea !important;
}

.player-profile-modal__stat-icon {
    grid-column: 1 !important;
    width: 28px !important;
    height: 28px !important;
}

.player-profile-modal__stat-label {
    grid-column: 2 !important;
    align-self: center !important;
    min-width: 0 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.player-profile-modal__stat-value {
    grid-column: 3 !important;
    align-self: center !important;
    justify-self: end !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.player-profile-modal__stat-place {
    grid-column: 4 !important;
    justify-self: end !important;
    min-width: 42px !important;
    padding: 7px 10px !important;
    margin-left: 2px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: var(--color-text-primary) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.player-profile-modal__stat--no-place {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
}

.player-profile-modal__stat--no-place .player-profile-modal__stat-value {
    grid-column: 3 !important;
}

@media screen and (max-width: 540px) {
    .player-profile-modal__stat {
        grid-template-columns: 30px minmax(0, 1fr) auto !important;
        gap: 8px !important;
    }

    .player-profile-modal__stat-place {
        grid-column: 3 !important;
        min-width: 38px !important;
        padding: 6px 8px !important;
    }

    .player-profile-modal__stat-label,
    .player-profile-modal__stat-value {
        font-size: 15px !important;
    }
}


/* Final play modal centering + Cloudflare-safe polish */
.play-modal__window {
    width: min(720px, calc(100vw - 36px)) !important;
    padding: 28px 30px 30px !important;
    border-radius: 34px !important;
    background: #ffffff !important;
}

.play-modal__top {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
    padding-right: 0 !important;
}

.play-modal__top picture {
    display: block !important;
}

.play-modal__logo--large {
    width: 158px !important;
    max-height: 158px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

.play-modal__heading {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.play-modal__eyebrow {
    margin: 0 0 8px !important;
    text-align: center !important;
}

.play-modal__title {
    max-width: 440px !important;
    text-align: center !important;
    font-size: 36px !important;
    line-height: 1.03 !important;
}

.play-modal__description {
    max-width: 460px !important;
    margin: 12px auto 0 !important;
    text-align: center !important;
}

.play-modal__server-preview {
    width: min(560px, 100%) !important;
    margin: 24px auto 0 !important;
    border-radius: 18px !important;
}

.play-modal__ips {
    width: min(560px, 100%) !important;
}

.play-modal__steps {
    width: min(560px, 100%) !important;
    text-align: left !important;
}

@media (max-width: 680px) {
    .play-modal {
        padding: 14px !important;
    }

    .play-modal__window {
        width: min(100%, calc(100vw - 18px)) !important;
        padding: 22px 16px 24px !important;
        border-radius: 28px !important;
    }

    .play-modal__logo--large {
        width: 132px !important;
        max-height: 132px !important;
    }

    .play-modal__title {
        font-size: 30px !important;
    }

    .play-modal__server-preview {
        border-radius: 14px !important;
    }
}

/* Promo code field highlight */
.checkout__promo-field {
    display: contents;
}

.checkout__input--promo-success {
    outline: 2px solid rgba(95, 175, 45, .62);
    background-color: #f6fff3 !important;
    box-shadow: 0 0 0 4px rgba(95, 175, 45, .10);
}

.checkout__input--promo-error {
    outline: 2px solid rgba(255, 75, 75, .58);
    background-color: #fff4f4 !important;
    box-shadow: 0 0 0 4px rgba(255, 75, 75, .10);
}



/* Product SEO pages */
.product-card__name-link {
    color: inherit;
    text-decoration: none;
    transition: filter .18s ease-in-out;
}

.product-card__name-link:hover {
    filter: brightness(70%);
}


.product-detail-page {
    padding: 54px 20px 96px;
}

.product-detail-page__inner {
    width: min(1160px, 100%);
    margin: 0 auto;
}

.product-detail-page__back {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 18px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: var(--color-gray6);
    color: var(--color-text-primary);
    text-decoration: none;
    font-weight: 750;
    transition: filter .18s ease-in-out;
}

.product-detail-page__back:hover {
    filter: brightness(94%);
}

.product-detail {
    display: grid;
    grid-template-columns: minmax(280px, 470px) minmax(0, 1fr);
    gap: 34px;
    align-items: stretch;
    padding: 28px;
    border-radius: 36px;
    background: #ffffff;
    box-shadow: 0 24px 80px rgba(20, 22, 33, .10);
    overflow: hidden;
}

.product-detail__image-box {
    min-height: 420px;
    border-radius: 28px;
    overflow: hidden;
    background: var(--color-gray6);
}

.product-detail__image-box picture {
    display: contents;
}

.product-detail__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
}

.product-detail__image--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-gray3);
    font-weight: 800;
}

.product-detail__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 12px 8px;
}

.product-detail__category {
    width: fit-content;
    margin-bottom: 14px;
    padding: 8px 13px;
    border-radius: 999px;
    background: #eaf8ff;
    color: #168db7;
    font-size: 13px;
    font-weight: 850;
}

.product-detail__title {
    margin: 0;
    color: var(--color-text-primary);
    font-size: clamp(34px, 5vw, 58px);
    line-height: .96;
    letter-spacing: -.03em;
}

.product-detail__description {
    margin: 18px 0 0;
    max-width: 560px;
    color: var(--color-gray3);
    font-size: 18px;
    line-height: 1.55;
    font-weight: 650;
    white-space: pre-line;
}

.product-detail__composition {
    margin-top: 24px;
    padding: 18px;
    border-radius: 22px;
    background: var(--color-gray6);
    border: 1px solid #e5e5eb;
}

.product-detail__composition-title {
    margin: 0 0 12px;
    font-size: 18px;
}

.product-detail__composition-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-detail__composition-list li {
    position: relative;
    padding-left: 24px;
    color: var(--color-text-primary);
    font-weight: 750;
    line-height: 1.35;
}

.product-detail__composition-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .62em;
    width: 10px;
    height: 10px;
    border-radius: 4px;
    background: var(--color-accent);
    transform: translateY(-50%);
}

.product-detail__buy-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 30px;
    padding: 18px;
    border-radius: 24px;
    background: var(--color-gray6);
}

.product-detail__price-label {
    display: block;
    color: var(--color-gray3);
    font-size: 13px;
    font-weight: 800;
}

.product-detail__price {
    margin: 3px 0 0;
    color: var(--color-accent);
    font-family: "Helvetica", system-ui, sans-serif;
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
}

.product-detail__buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 34px;
    border-radius: var(--border-radius-primary);
    background: var(--color-accent);
    color: var(--color-text-primary);
    text-decoration: none;
    font-weight: 850;
    transition: filter .18s ease-in-out;
}

.product-detail__buy:hover {
    filter: brightness(88%);
}

.product-detail__note {
    margin: 14px 0 0;
    color: var(--color-gray3);
    font-size: 14px;
    font-weight: 650;
}

.product-detail-related {
    margin-top: 34px;
}

.product-detail-related__title {
    margin: 0 0 16px;
    font-size: 28px;
}

.product-detail-related__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-detail-related__link {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: 24px;
    background: #ffffff;
    color: var(--color-text-primary);
    text-decoration: none;
    box-shadow: 0 12px 40px rgba(20, 22, 33, .08);
    transition: filter .18s ease-in-out;
}

.product-detail-related__link:hover {
    filter: brightness(96%);
}

.product-detail-related__image {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 16px;
}

.product-detail-related__name {
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-detail-related__price {
    color: var(--color-accent);
    font-family: "Helvetica", system-ui, sans-serif;
    font-weight: 850;
}

@media screen and (max-width: 860px) {
    .product-detail {
        grid-template-columns: 1fr;
        padding: 18px;
        border-radius: 28px;
    }

    .product-detail__image-box,
    .product-detail__image {
        min-height: 280px;
    }

    .product-detail__buy-box {
        align-items: stretch;
        flex-direction: column;
    }

    .product-detail-related__list {
        grid-template-columns: 1fr;
    }
}

/* BrawlMine patch: AnyPay logo without shadows */
.checkout__payment-method--anypay, .checkout__payment-method--anypay:hover { box-shadow: none !important; }
.checkout__payment-logo-mark--anypay { filter: none !important; }


/* Product discounts */
.product-card__image-box,
.product-detail__image-box,
.product-modal__image-box {
    position: relative;
}

.product-card__discount-badge,
.product-detail__discount-badge,
.product-modal__discount-badge {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #7ad7ff 0%, #ff9f1c 52%, #ff5c2a 100%);
    color: #1E2124;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    font-family: var(--font-family-text);
    box-shadow: 0 10px 24px rgba(255, 143, 31, .42), inset 0 1px 0 rgba(255, 255, 255, .45);
    transform: rotate(-3deg);
    pointer-events: none;
}

.product-card__status-badge,
.product-detail__status-badge,
.product-modal__status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #1E2124;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    font-family: var(--font-family-text);
    text-transform: uppercase;
    letter-spacing: .03em;
    white-space: nowrap;
}

.product-card__status-badge {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 3;
    box-shadow: 0 10px 24px rgba(20, 22, 33, .16);
    pointer-events: none;
}

.product-card__status-badge--popular,
.product-detail__status-badge--popular,
.product-modal__status-badge--popular {
    background: #7ad7ff;
}

.product-card__status-badge--value,
.product-detail__status-badge--value,
.product-modal__status-badge--value {
    background: #8ee66b;
}

.product-card__status-badge--new,
.product-detail__status-badge--new,
.product-modal__status-badge--new {
    background: #7ad7ff;
}

.product-card__status-badge--sale,
.product-detail__status-badge--sale,
.product-modal__status-badge--sale {
    background: #ff9f6e;
}

.product-detail__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.product-detail__meta .product-detail__category {
    margin-bottom: 0;
}

.product-modal__status-badge {
    margin: 0 0 12px;
}

.product-card__discount-badge::before,
.product-detail__discount-badge::before,
.product-modal__discount-badge::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    border: 1px solid rgba(255, 255, 255, .58);
}

.product-card__price,
.product-detail__price,
.product-modal__bottom {
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.product-card__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 8px;
}

.product-card__price-current,
.product-detail__price-current {
    color: var(--color-accent);
}

.product-card__price-old,
.product-detail__price-old,
.product-modal__old-price,
.checkout-section__price-old,
.product-detail-related__price-old {
    color: var(--color-gray3);
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: rgba(142, 142, 147, .78);
}

.product-card__price-old {
    font-size: 14px;
    font-weight: 750;
}

.product-detail__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 12px;
}

.product-detail__price-old {
    font-size: 18px;
    font-weight: 800;
}

.product-modal__old-price {
    margin: 4px 0 0;
    font-size: 15px;
    font-weight: 800;
}

.product-modal__discount-badge[hidden],
.product-modal__old-price[hidden] {
    display: none;
}

.checkout-section__description--price-discounted {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.checkout-section__price-current {
    color: var(--color-accent);
}

.checkout-section__price-old {
    font-size: 14px;
    font-weight: 800;
}

.checkout-section__price-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: #eaf8ff;
    color: #168db7;
    font-size: 12px;
    font-weight: 900;
}

.product-detail-related__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
}

.product-detail-related__price-old {
    font-size: 13px;
    font-weight: 800;
}

/* Mobile profile avatar: keep Minecraft head square, not rounded */
@media screen and (max-width: 540px) {
    .player-profile-modal__avatar-box {
        border-radius: 0 !important;
    }

    .player-profile-modal__avatar {
        border-radius: 0 !important;
    }
}

/* Mobile burger/menu polish */
.hamburger {
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(142, 142, 147, .22);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(20, 22, 33, .08);
    transition: background-color .18s ease-in-out, box-shadow .18s ease-in-out, transform .18s ease-in-out;
}

.hamburger:hover,
.hamburger.active {
    background: var(--color-accent);
    box-shadow: 0 12px 30px rgba(255, 204, 0, .32);
}

.hamburger__bar {
    width: 21px;
    height: 2px;
    margin: 3.5px auto;
    border-radius: 999px;
    background-color: var(--color-text-primary);
}

@media screen and (width < 1150px) {
    .hamburger {
        display: inline-flex;
        position: relative;
        z-index: 1001;
    }

    .navigation__list {
        left: 30px;
        right: 30px;
        top: 82px;
        width: auto;
        max-width: 420px;
        margin-left: auto;
        padding: 12px;
        gap: 8px;
        border-radius: 28px;
        background: rgba(255, 255, 255, .96);
        border: 1px solid rgba(229, 229, 234, .95);
        box-shadow: 0 24px 70px rgba(20, 22, 33, .18);
        transform: translateY(-10px);
        opacity: 0;
        pointer-events: none;
        text-align: left;
        backdrop-filter: blur(18px);
    }

    .navigation__list.active {
        left: 30px;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .navigation__item {
        width: 100%;
        margin: 0;
        border-radius: 18px;
        background: transparent;
        transition: background-color .18s ease-in-out, transform .18s ease-in-out;
    }

    .navigation__item:hover {
        background: var(--color-gray6);
        transform: translateX(2px);
    }

    .navigation__link,
    .navigation__link.navigation__play-button {
        width: 100%;
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 16px;
        border-radius: 18px;
        color: var(--color-text-primary) !important;
        background: transparent;
        font-size: 16px;
        font-weight: 850;
    }

    .navigation__item:first-child .navigation__link {
        color: var(--color-gray3) !important;
        background: var(--color-gray6);
        cursor: default;
    }

    .navigation__item--play .navigation__play-button,
    .navigation__item--play .navigation__link.navigation__play-button {
        justify-content: center;
        background: var(--color-accent) !important;
        box-shadow: 0 12px 26px rgba(255, 204, 0, .32);
    }
}

@media screen and (max-width: 540px) {
    .navigation__list,
    .navigation__list.active {
        left: 14px;
        right: 14px;
        top: 76px;
        max-width: none;
    }

    .product-card__discount-badge {
        right: 9px;
        bottom: 9px;
        min-width: 52px;
        min-height: 28px;
        font-size: 13px;
    }
}

/* Final mobile navigation fixes */
#leaders,
#shop,
#rules,
#help {
    scroll-margin-top: 22px;
}

.hamburger {
    padding: 0;
    border: 1px solid rgba(142, 142, 147, .22);
    appearance: none;
    -webkit-appearance: none;
}

.hamburger__bar {
    width: 28px;
    height: 4px;
    margin: 3px auto;
    border-radius: 999px;
    transform-origin: center;
    background-color: var(--color-text-primary);
}

.hamburger.active .hamburger__bar:nth-child(1),
body.has-visible-overlay .hamburger .hamburger__bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.hamburger.active .hamburger__bar:nth-child(2),
body.has-visible-overlay .hamburger .hamburger__bar:nth-child(2) {
    opacity: 0;
}

.hamburger.active .hamburger__bar:nth-child(3),
body.has-visible-overlay .hamburger .hamburger__bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.hamburger.active .hamburger__bar,
body.has-visible-overlay .hamburger .hamburger__bar {
    background-color: var(--color-text-primary);
}

@media screen and (width < 1150px) {
    .navigation__list,
    .navigation__list.active {
        transform: none !important;
    }

    .navigation__item:hover {
        transform: none !important;
    }

    body.modal-open .hamburger,
    body.has-visible-overlay .hamburger {
        display: inline-flex;
        position: fixed;
        top: 18px;
        right: 18px;
        z-index: 1800;
    }

    .navigation__list {
        z-index: 1500;
        transition: opacity .18s ease-in-out, visibility .18s ease-in-out;
        visibility: hidden;
    }

    .navigation__list.active {
        visibility: visible;
    }
}

@media screen and (max-width: 540px) {
    .hamburger {
        width: 48px;
        height: 48px;
        border-radius: 16px;
    }

    .navigation__list,
    .navigation__list.active {
        top: 76px;
    }
}


/* BrawlMine final mobile/navigation/discount polish */
.navigation__link[style] {
    color: var(--color-text-primary) !important;
}

.product-card__discount-badge,
.product-detail__discount-badge,
.product-modal__discount-badge {
    right: 10px;
    bottom: 10px;
    min-width: 78px;
    min-height: 42px;
    padding: 8px 14px;
    border: 3px solid #1E2124;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff5959 0%, #ff3131 58%, #e71935 100%);
    color: #ffffff;
    font-family: var(--font-family-text);
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 0 rgba(30, 33, 36, .24);
    box-shadow: 0 6px 0 #b70f25, 0 14px 28px rgba(231, 25, 53, .34), inset 0 2px 0 rgba(255, 255, 255, .38);
    transform: rotate(-3deg);
}

.product-card__discount-badge::before,
.product-detail__discount-badge::before,
.product-modal__discount-badge::before {
    inset: 3px;
    border: 2px solid rgba(255, 255, 255, .34);
    border-radius: inherit;
}

.product-card__price-old,
.product-detail__price-old,
.product-modal__old-price,
.checkout-section__price-old,
.product-detail-related__price-old {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: var(--color-gray3);
    text-decoration-line: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: currentColor;
}

.product-modal__old-price {
    margin: 0;
}

.hamburger,
.hamburger:hover,
.hamburger.active {
    width: 50px;
    height: 50px;
    padding: 0;
    border: 2px solid rgba(30, 33, 36, .1);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 0 rgba(30, 33, 36, .08), 0 16px 28px rgba(20, 22, 33, .1);
    transform: none !important;
    transition: filter .16s ease-in-out, box-shadow .16s ease-in-out;
}

.hamburger:hover,
.hamburger.active {
    filter: brightness(.98);
    background: #ffffff;
}

.hamburger__bar,
.hamburger.active .hamburger__bar,
body.has-visible-overlay .hamburger .hamburger__bar {
    display: block;
    width: 30px;
    height: 5px;
    margin: 3.5px auto;
    border-radius: 999px;
    background: var(--color-text-primary);
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

@media screen and (width < 1150px) {
    .navigation__list,
    .navigation__list.active {
        position: fixed;
        left: 16px !important;
        right: 16px !important;
        top: 78px;
        width: auto !important;
        max-width: none;
        margin: 0;
        transform: none !important;
    }

    .navigation__list {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .16s ease-in-out, visibility .16s ease-in-out;
    }

    .navigation__list.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .navigation__item:first-child .navigation__link {
        color: var(--color-text-primary) !important;
        background: transparent !important;
        cursor: pointer;
    }

    .navigation__item:first-child:hover .navigation__link,
    .navigation__item:hover .navigation__link {
        background: var(--color-gray6) !important;
    }

    body.modal-open .hamburger,
    body.has-visible-overlay .hamburger {
        display: none !important;
    }
}

@media screen and (max-width: 540px) {
    .product-card__discount-badge {
        right: 8px;
        bottom: 8px;
        min-width: 72px;
        min-height: 38px;
        padding: 7px 12px;
        font-size: 16px;
        border-width: 3px;
    }
}

/* BrawlMine clean discount + mobile menu final override */
.product-card__discount-badge,
.product-detail__discount-badge,
.product-modal__discount-badge {
    position: absolute;
    left: 0;
    top: 10px;
    right: auto;
    bottom: auto;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    min-height: 0;
    padding: 7px 10px 8px;
    border: none;
    border-radius: 0 10px 10px 0;
    background: #ff1717;
    color: #ffffff;
    font-family: var(--font-family-text);
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.02em;
    text-shadow: none;
    box-shadow: none;
    transform: none !important;
    pointer-events: none;
}

.product-card__discount-badge::before,
.product-detail__discount-badge::before,
.product-modal__discount-badge::before {
    display: none !important;
}

.product-card__price,
.product-detail__price,
.product-modal__bottom,
.checkout-section__description--price-discounted,
.product-detail-related__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 8px;
}

.product-card__price-old,
.product-detail__price-old,
.product-modal__old-price,
.checkout-section__price-old,
.product-detail-related__price-old {
    margin: 0;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    color: var(--color-gray3) !important;
    text-decoration-line: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: currentColor;
}

.checkout-section__price-badge {
    border-radius: 8px;
    background: #ff1717;
    color: #ffffff;
    box-shadow: none;
    font-family: var(--font-family-text);
    font-weight: 900;
}

.hamburger,
.hamburger:hover,
.hamburger:focus,
.hamburger.active {
    width: 54px;
    height: 46px;
    padding: 0;
    border: none !important;
    border-radius: 14px;
    background: transparent !important;
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
    transform: none !important;
    transition: background-color .14s ease-in-out;
}

.hamburger:hover,
.hamburger:focus-visible,
.hamburger.active {
    background: rgba(30, 33, 36, .08) !important;
}

.hamburger__bar,
.hamburger.active .hamburger__bar,
body.has-visible-overlay .hamburger .hamburger__bar {
    display: block;
    width: 34px;
    height: 5px;
    margin: 4px auto;
    border-radius: 999px;
    background: #000000 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.hamburger--hidden,
body.modal-open .hamburger,
body.has-visible-overlay .hamburger {
    display: none !important;
}

@media screen and (width < 1150px) {
    .hamburger:not(.hamburger--hidden) {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1001;
    }

    .navigation__list,
    .navigation__list.active {
        position: fixed;
        left: 16px !important;
        right: 16px !important;
        top: 78px;
        width: auto !important;
        max-width: none;
        margin: 0;
        transform: none !important;
    }

    .navigation__list {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .16s ease-in-out, visibility .16s ease-in-out;
    }

    .navigation__list.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .navigation__item,
    .navigation__item:first-child,
    .navigation__item:hover,
    .navigation__item:first-child:hover {
        background: transparent !important;
        transform: none !important;
    }

    .navigation__link,
    .navigation__item:first-child .navigation__link,
    .navigation__link.navigation__play-button {
        color: var(--color-text-primary) !important;
        background: transparent !important;
        cursor: pointer;
    }

    .navigation__item:hover .navigation__link,
    .navigation__item:first-child:hover .navigation__link {
        background: var(--color-gray6) !important;
    }

    .navigation__item--play .navigation__play-button,
    .navigation__item--play .navigation__link.navigation__play-button {
        justify-content: center;
        background: var(--color-accent) !important;
        box-shadow: none !important;
    }
}

@media screen and (max-width: 540px) {
    .main__section:nth-child(1) {
        display: flex !important;
        flex-direction: column;
        row-gap: 64px;
    }

    .main__section:nth-child(1) .products {
        order: 1;
    }

    .main__section:nth-child(1) .leaders {
        order: 2;
    }

    .product-card__discount-badge {
        left: 0;
        top: 8px;
        right: auto;
        bottom: auto;
        padding: 7px 10px 8px;
        border-radius: 0 10px 10px 0;
        font-size: 15px;
    }
}

/* BrawlMine final v7: compact discount badge, stable burger menu and mobile scroll fixes */
html {
    scroll-behavior: smooth;
}

#leaders,
#shop,
#rules,
#help {
    scroll-margin-top: 86px;
}

.product-card__image-box,
.product-detail__image-box,
.product-modal__image-box {
    position: relative;
}

.product-card__discount-badge,
.product-detail__discount-badge,
.product-modal__discount-badge {
    position: absolute !important;
    left: auto !important;
    top: auto !important;
    right: 10px !important;
    bottom: 10px !important;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    min-height: 34px;
    padding: 6px 10px 7px;
    border: 3px solid #ffffff;
    border-radius: 13px;
    background: #ff2a2a;
    color: #ffffff;
    font-family: var(--font-family-text);
    font-size: 17px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -0.03em;
    text-shadow: none;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .16);
    transform: none !important;
    pointer-events: none;
}

.product-card__discount-badge::before,
.product-detail__discount-badge::before,
.product-modal__discount-badge::before,
.product-card__discount-badge::after,
.product-detail__discount-badge::after,
.product-modal__discount-badge::after {
    display: none !important;
    content: none !important;
}

.product-card__price,
.product-detail__price,
.product-modal__bottom,
.checkout-section__description--price-discounted,
.product-detail-related__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 8px;
}

.product-card__price-old,
.product-detail__price-old,
.product-modal__old-price,
.checkout-section__price-old,
.product-detail-related__price-old {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 1px;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    color: #858b96 !important;
    text-decoration: none !important;
}

.product-card__price-old::after,
.product-detail__price-old::after,
.product-modal__old-price::after,
.checkout-section__price-old::after,
.product-detail-related__price-old::after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: 52%;
    height: 2px;
    border-radius: 999px;
    background: #5f6672;
    transform: translateY(-50%);
    pointer-events: none;
}

.checkout-section__price-badge {
    min-height: 30px;
    padding: 6px 9px;
    border: 2px solid #ffffff;
    border-radius: 11px;
    background: #ff2a2a;
    color: #ffffff;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .14);
    font-family: var(--font-family-text);
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
}

.navigation {
    position: relative;
}

.hamburger,
.hamburger:hover,
.hamburger:focus,
.hamburger.active {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px;
    min-height: 46px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    transform: none !important;
    transition: background-color .14s ease-in-out, filter .14s ease-in-out;
}

.hamburger:hover,
.hamburger:focus-visible,
.hamburger.active {
    background: #eef0f5 !important;
    filter: none !important;
}

.hamburger__bar,
.hamburger.active .hamburger__bar,
body.has-visible-overlay .hamburger .hamburger__bar,
.hamburger.active .hamburger__bar:nth-child(1),
.hamburger.active .hamburger__bar:nth-child(2),
.hamburger.active .hamburger__bar:nth-child(3) {
    display: block !important;
    width: 28px !important;
    height: 5px !important;
    margin: 3px auto !important;
    border-radius: 999px !important;
    background: #000000 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

.hamburger--hidden,
body.modal-open .hamburger,
body.has-visible-overlay .hamburger {
    display: none !important;
}

body.mobile-menu-open {
    overflow: hidden;
}

@media screen and (width < 1150px) {
    .hamburger:not(.hamburger--hidden) {
        display: inline-flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1001;
    }

    .navigation__list,
    .navigation__list.active {
        position: fixed !important;
        left: auto !important;
        right: max(20px, calc((100vw - 1220px) / 2)) !important;
        top: 78px !important;
        width: 236px !important;
        max-width: calc(100vw - 40px) !important;
        margin: 0 !important;
        padding: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        border: 2px solid #eceef4;
        border-radius: 24px;
        background: #ffffff !important;
        box-shadow: none !important;
        transform: none !important;
        text-align: left !important;
        z-index: 1000;
    }

    .navigation__list {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .14s ease-in-out, visibility .14s ease-in-out;
    }

    .navigation__list.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .navigation__item,
    .navigation__item:first-child,
    .navigation__item:hover,
    .navigation__item:first-child:hover {
        width: 100%;
        min-height: 44px;
        margin: 0 !important;
        display: flex;
        align-items: stretch;
        border-radius: 14px;
        background: transparent !important;
        transform: none !important;
    }

    .navigation__link,
    .navigation__item:first-child .navigation__link,
    .navigation__link.navigation__play-button {
        width: 100%;
        min-height: 44px;
        padding: 11px 14px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 14px;
        color: var(--color-text-primary) !important;
        background: transparent !important;
        text-decoration: none;
        cursor: pointer;
    }

    .navigation__item:hover .navigation__link,
    .navigation__item:first-child:hover .navigation__link {
        background: var(--color-gray6) !important;
    }

    .navigation__item--play .navigation__play-button,
    .navigation__item--play .navigation__link.navigation__play-button {
        color: #ffffff !important;
        background: var(--color-accent) !important;
        box-shadow: none !important;
    }
}

@media screen and (max-width: 540px) {
    #leaders,
    #shop,
    #rules,
    #help {
        scroll-margin-top: 96px;
    }

    .main__section:nth-child(1) {
        display: flex !important;
        flex-direction: column;
        row-gap: 42px !important;
        padding-top: 50px !important;
    }

    .main__section:nth-child(1) .products {
        order: 1;
        margin-top: -8px;
    }

    .main__section:nth-child(1) .leaders {
        order: 2;
    }

    .navigation__list,
    .navigation__list.active {
        top: 72px !important;
        right: 18px !important;
        width: 226px !important;
        max-width: calc(100vw - 36px) !important;
        border-radius: 22px;
    }

    .product-card__discount-badge {
        right: 8px !important;
        bottom: 8px !important;
        min-width: 54px;
        min-height: 32px;
        padding: 6px 9px 7px;
        border-radius: 12px;
        font-size: 16px;
    }
}


/* BrawlMine final v8: clean discount badge, readable old price, scrolling mobile menu */
.product-card__discount-badge,
.product-detail__discount-badge,
.product-modal__discount-badge {
    right: 10px !important;
    bottom: 10px !important;
    min-width: 58px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #ff2f38 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: var(--font-family-text) !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
    transform: none !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.product-discount__sign,
.product-discount__value,
.product-discount__percent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1em;
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    font-weight: inherit;
    color: inherit;
    transform: translateY(-0.5px);
}

.product-discount__sign {
    margin-right: 1px;
}

.product-discount__percent {
    margin-left: 1px;
}

.product-card__price-old::after,
.product-detail__price-old::after,
.product-modal__old-price::after,
.checkout-section__price-old::after,
.product-detail-related__price-old::after {
    top: 45% !important;
    height: 2px !important;
    background: #4f5662 !important;
}

.checkout-section__price-badge {
    min-width: 52px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #ff2f38 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: var(--font-family-text) !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hamburger,
.hamburger:hover,
.hamburger:focus,
.hamburger.active {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    border: 0 !important;
}

.hamburger:hover,
.hamburger:focus-visible,
.hamburger.active {
    background: #f2f2f7 !important;
}

.hamburger__bar,
.hamburger.active .hamburger__bar,
.hamburger.active .hamburger__bar:nth-child(1),
.hamburger.active .hamburger__bar:nth-child(2),
.hamburger.active .hamburger__bar:nth-child(3),
body.has-visible-overlay .hamburger .hamburger__bar {
    width: 25px !important;
    height: 4px !important;
    margin: 2.5px auto !important;
    border-radius: 999px !important;
    background: #000000 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

body.mobile-menu-open {
    overflow: auto !important;
    overflow-x: hidden !important;
}

@media screen and (width < 1150px) {
    .navigation {
        position: relative !important;
    }

    .navigation__list,
    .navigation__list.active {
        position: absolute !important;
        left: auto !important;
        right: 0 !important;
        top: calc(100% + 12px) !important;
        width: 226px !important;
        max-width: min(226px, calc(100vw - 36px)) !important;
        border-radius: 18px !important;
        border: 2px solid #eceef4 !important;
        background: #ffffff !important;
        box-shadow: 0 10px 28px rgba(30, 33, 36, .08) !important;
        transform: none !important;
    }
}

@media screen and (max-width: 540px) {
    #leaders,
    #shop,
    #rules,
    #help {
        scroll-margin-top: 112px !important;
    }

    #rules {
        scroll-margin-top: 126px !important;
    }

    .main__section:nth-child(1) {
        row-gap: 36px !important;
        padding-top: 38px !important;
    }

    .main__section:nth-child(1) .products {
        order: 1 !important;
        margin-top: -18px !important;
    }

    .main__section:nth-child(1) .leaders {
        order: 2 !important;
    }

    .product-card__discount-badge {
        right: 8px !important;
        bottom: 8px !important;
        min-width: 54px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 8px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
    }

    .navigation__list,
    .navigation__list.active {
        right: 0 !important;
        top: calc(100% + 10px) !important;
        width: 224px !important;
        max-width: calc(100vw - 28px) !important;
    }
}

/* BrawlMine final v9: discount badge typography/alignment + mobile menu scroll behavior */
.product-card__discount-badge,
.product-detail__discount-badge,
.product-modal__discount-badge {
    right: 8px !important;
    bottom: 11px !important;
    min-width: 58px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 11px !important;
    background: #ff2f38 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    color: #ffffff !important;
    font-family: var(--font-family-text) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.015em !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-feature-settings: "lnum" 1, "tnum" 1 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.product-modal__discount-badge[hidden],
.product-detail__discount-badge[hidden],
.product-card__discount-badge[hidden] {
    display: none !important;
}

.product-card__discount-badge::before,
.product-card__discount-badge::after,
.product-detail__discount-badge::before,
.product-detail__discount-badge::after,
.product-modal__discount-badge::before,
.product-modal__discount-badge::after {
    display: none !important;
    content: none !important;
}

.product-discount__sign,
.product-discount__value,
.product-discount__percent {
    display: inline !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: normal !important;
    justify-content: normal !important;
    font-family: inherit !important;
    font-size: 1em !important;
    line-height: 1 !important;
    font-weight: inherit !important;
    color: inherit !important;
    transform: none !important;
    vertical-align: baseline !important;
}

.product-card__price-old,
.product-detail__price-old,
.product-modal__old-price,
.checkout-section__price-old,
.product-detail-related__price-old {
    position: relative !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 1px !important;
    color: #7d838e !important;
    text-decoration: none !important;
}

.product-card__price-old::after,
.product-detail__price-old::after,
.product-modal__old-price::after,
.checkout-section__price-old::after,
.product-detail-related__price-old::after {
    content: "" !important;
    position: absolute !important;
    left: -1px !important;
    right: -1px !important;
    top: 42% !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #606772 !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.product-card__price-old {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

.product-detail__price-old {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

.product-modal__bottom {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}

.product-modal__price,
.product-modal__old-price {
    margin: 0 !important;
    font-family: "Helvetica", system-ui, sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: var(--block-height-primary) !important;
}

.product-modal__price {
    color: var(--color-accent) !important;
}

.product-modal__old-price[hidden] {
    display: none !important;
}

@media screen and (width < 1150px) {
    .navigation {
        position: relative !important;
    }

    body.mobile-menu-open {
        overflow: auto !important;
        overflow-x: hidden !important;
        position: static !important;
        height: auto !important;
    }

    .navigation__list,
    .navigation__list.active {
        position: absolute !important;
        left: auto !important;
        right: 0 !important;
        top: calc(100% + 10px) !important;
        transform: none !important;
    }
}

@media screen and (max-width: 540px) {
    .product-card__discount-badge {
        right: 8px !important;
        bottom: 11px !important;
        min-width: 56px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 8px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
    }

    .product-modal__discount-badge,
    .product-detail__discount-badge {
        right: 8px !important;
        bottom: 11px !important;
        min-width: 58px !important;
        height: 31px !important;
        min-height: 31px !important;
        border-radius: 11px !important;
        font-size: 16px !important;
    }

    .product-modal__bottom {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px 12px !important;
    }

    .product-modal__price,
    .product-modal__old-price {
        font-size: 24px !important;
        line-height: var(--block-height-primary) !important;
    }
}



/* BrawlMine final v10: discount badge fine tuning and configurable corner */
.product-card__discount-badge,
.product-detail__discount-badge,
.product-modal__discount-badge {
    width: auto !important;
    min-width: 54px !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 9px !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 10px !important;
    background: #ff2f38 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transform: none !important;
    color: #ffffff !important;
    font-family: var(--font-family-text) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    font-variant-numeric: normal !important;
    font-feature-settings: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.product-card__discount-badge {
    bottom: 12px !important;
}

.product-detail__discount-badge,
.product-modal__discount-badge {
    bottom: 13px !important;
}

.product-card__discount-badge,
.product-detail__discount-badge,
.product-modal__discount-badge,
.product-discount__sign,
.product-discount__value,
.product-discount__percent {
    font-family: var(--font-family-text) !important;
}

.product-card__discount-badge,
.product-detail__discount-badge,
.product-modal__discount-badge {
    padding-top: 1px !important;
}

.product-discount__sign,
.product-discount__value,
.product-discount__percent {
    display: inline !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    vertical-align: baseline !important;
    transform: none !important;
}

.discount-badge-position-bottom-right .product-card__discount-badge,
.discount-badge-position-bottom-right .product-detail__discount-badge,
.discount-badge-position-bottom-right .product-modal__discount-badge {
    left: auto !important;
    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
}

.discount-badge-position-bottom-left .product-card__discount-badge,
.discount-badge-position-bottom-left .product-detail__discount-badge,
.discount-badge-position-bottom-left .product-modal__discount-badge {
    left: 12px !important;
    top: auto !important;
    right: auto !important;
    bottom: 12px !important;
}

.discount-badge-position-top-right .product-card__discount-badge,
.discount-badge-position-top-right .product-detail__discount-badge,
.discount-badge-position-top-right .product-modal__discount-badge {
    left: auto !important;
    top: 12px !important;
    right: 12px !important;
    bottom: auto !important;
}

.discount-badge-position-top-left .product-card__discount-badge,
.discount-badge-position-top-left .product-detail__discount-badge,
.discount-badge-position-top-left .product-modal__discount-badge {
    left: 12px !important;
    top: 12px !important;
    right: auto !important;
    bottom: auto !important;
}

@media screen and (max-width: 540px) {
    .product-card__discount-badge,
    .product-detail__discount-badge,
    .product-modal__discount-badge {
        min-width: 52px !important;
        height: 29px !important;
        min-height: 29px !important;
        padding: 1px 8px 0 !important;
        border-radius: 10px !important;
        font-size: 14px !important;
    }

    .discount-badge-position-bottom-right .product-card__discount-badge,
    .discount-badge-position-bottom-right .product-detail__discount-badge,
    .discount-badge-position-bottom-right .product-modal__discount-badge {
        right: 11px !important;
        bottom: 11px !important;
    }

    .discount-badge-position-bottom-left .product-card__discount-badge,
    .discount-badge-position-bottom-left .product-detail__discount-badge,
    .discount-badge-position-bottom-left .product-modal__discount-badge {
        left: 11px !important;
        bottom: 11px !important;
    }

    .discount-badge-position-top-right .product-card__discount-badge,
    .discount-badge-position-top-right .product-detail__discount-badge,
    .discount-badge-position-top-right .product-modal__discount-badge {
        top: 11px !important;
        right: 11px !important;
    }

    .discount-badge-position-top-left .product-card__discount-badge,
    .discount-badge-position-top-left .product-detail__discount-badge,
    .discount-badge-position-top-left .product-modal__discount-badge {
        top: 11px !important;
        left: 11px !important;
    }
}


/* BrawlMine final v11: calmer checkout/detail discount rendering and stable badge typography */
.product-card__discount-badge {
    height: 30px !important;
    min-height: 30px !important;
    min-width: 55px !important;
    padding: 3px 9px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--font-family-text) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-feature-settings: "lnum" 1, "tnum" 1 !important;
    text-rendering: geometricPrecision !important;
    vertical-align: middle !important;
}

.product-card__discount-badge::before,
.product-card__discount-badge::after {
    display: none !important;
    content: none !important;
}

.product-modal__discount-badge,
.product-detail__discount-badge {
    display: none !important;
}

.product-modal__old-price,
.product-detail__price-old,
.checkout-section__price-old,
.checkout-section__price-badge {
    display: none !important;
}

.product-modal__price,
.product-detail__price,
.checkout-section__description--price {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.product-modal__bottom,
.product-detail__buy-box {
    align-items: center !important;
}

.checkout-section__description--price-discounted {
    gap: 0 !important;
}

/* Slightly stronger old-price line only on product cards where it is still useful. */
.product-card__price-old {
    position: relative !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.product-card__price-old::after {
    content: "" !important;
    position: absolute !important;
    left: -1px !important;
    right: -1px !important;
    top: 47% !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    opacity: 0.9 !important;
    transform: translateY(-50%) !important;
}

@media screen and (max-width: 540px) {
    .product-card__discount-badge {
        height: 29px !important;
        min-height: 29px !important;
        min-width: 54px !important;
        padding: 3px 8px 0 !important;
        font-size: 14px !important;
        letter-spacing: -0.02em !important;
    }
}


/* BrawlMine v14: remove accidental Codex text outline/glow and load homepage leaders asynchronously */
.page__body,
.page__body *:not(svg):not(svg *) {
    -webkit-text-stroke-width: 0 !important;
    -webkit-text-stroke-color: transparent !important;
    text-shadow: none !important;
}

.leaders__item--empty {
    min-height: 56px;
}


/* v16: checkout promo validation and price alignment cleanup */
.checkout__promo-field {
    display: block !important;
    position: relative;
}

.checkout__validation-notice--promo {
    width: fit-content;
    max-width: 100%;
    margin-top: 8px;
}

.checkout-section__description--price {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #2bc3f4 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}

.checkout-section__price-current {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1 !important;
    color: inherit !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
}

.checkout-section__price-value,
.checkout-section__price-currency {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: inherit !important;
    line-height: 1 !important;
    color: inherit !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    transform: none !important;
    vertical-align: middle !important;
}

.checkout-section__price-currency {
    font-size: 16px !important;
    position: relative;
    top: 0 !important;
}


/* BrawlMine v19: restore modal category, hide only promo/status badges, restore close corner accent */
.product-modal__window {
    overflow: hidden auto !important;
}

.product-modal__window::before {
    content: "";
    position: absolute;
    top: -84px;
    right: -66px;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(43, 195, 244, .16);
    pointer-events: none;
    z-index: 0;
}

.product-modal__image-box,
.product-modal__content {
    position: relative;
    z-index: 1;
}

.product-modal__close {
    top: 16px !important;
    right: 16px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    background: #f1f1f5 !important;
    color: var(--color-text-primary, var(--color-gray1)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 2px !important;
    font-family: var(--font-family-text) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    z-index: 2 !important;
}

.product-modal__close:hover {
    filter: brightness(90%) !important;
}

.product-modal__category {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    margin-bottom: 12px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: var(--color-gray5) !important;
    color: var(--color-gray3) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.product-modal__status-badge,
.product-modal__discount-badge {
    display: none !important;
}

.product-card__status-badge,
.product-detail__status-badge {
    gap: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    font-family: var(--font-family-text) !important;
    font-weight: 900 !important;
}

.product-badge__numeric {
    display: inline-block !important;
    font: inherit !important;
    font-size: 1.1em !important;
    line-height: 1 !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    transform: translateY(.015em) !important;
    text-rendering: geometricPrecision !important;
    font-variant-numeric: lining-nums tabular-nums !important;
    font-feature-settings: "lnum" 1, "tnum" 1 !important;
}


/* SkyLegends theme override */
:root { --color-accent: #2bc3f4; --color-accent-secondary: #2bc3f4; }
.header__logo-box { width: 178px; background: linear-gradient(135deg, #2bc3f4 0%, #2bc3f4 100%); padding: 4px 8px; display: flex; align-items: center; justify-content: center; }
.header__logo-box img { width: 100%; height: 100%; object-fit: contain; display: block; }
.brief__player-count { background-color: #2bc3f4; color: #132233; }
.slider { position: relative; overflow: hidden; }
.slider::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,21,34,.72), rgba(9,21,34,.25) 55%, rgba(43,195,244,.16)); pointer-events: none; }
.slider__inner { position: relative; z-index: 1; }
.slider__more-button, .checkout__action, .product-card__button, .product-modal__buy, .product-detail__buy, .play-modal__primary { background: linear-gradient(135deg, #2bc3f4 0%, #2bc3f4 100%) !important; color: #132233 !important; }
.checkout__payment-method--anypay:hover, .checkout__payment-method--active { border-color: #2bc3f4 !important; }
.checkout__payment-methods--single { grid-template-columns: 1fr; }
.checkout__cases-count--active, .checkout__privilege-plan--active { border-color: #2bc3f4 !important; }
.tabs__button[aria-selected="true"], .leaders__all-button, .product-modal__status-badge, .product-card__badge { background: #2bc3f4 !important; color: #132233 !important; }
.product-card__badge--sale, .product-card__discount-badge, .product-detail__discount-badge { background: #2bc3f4 !important; color: #ffffff !important; }
.play-modal__logo--large { filter: drop-shadow(0 12px 22px rgba(43,195,244,.32)); }


/* SkyLegends v3: leaders dev note near shop + outline-only rule tabs */
.products__topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.products__topline .caption {
    margin-bottom: 0 !important;
}

.shop-dev-note {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 9px 14px;
    border: 2px solid rgba(43, 195, 244, .48);
    border-radius: 12px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 10px 24px rgba(19, 34, 51, .08);
    color: #132233;
    white-space: nowrap;
}

.shop-dev-note__title {
    font-size: 15px;
    font-weight: 900;
}

.shop-dev-note__badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border: 1px solid rgba(43, 195, 244, .85);
    border-radius: 7px;
    background: rgba(43, 195, 244, .18);
    color: #132233;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.navigation__item--dev .navigation__link--disabled {
    opacity: .68;
}

.rules .tabs__button,
.rules .tabs__button[aria-selected="true"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.rules .tabs__button {
    border: 2px solid rgba(43, 195, 244, .38) !important;
    color: #132233 !important;
}

.rules .tabs__button[aria-selected="true"] {
    border-color: #2bc3f4 !important;
    color: #132233 !important;
}

@media screen and (max-width: 768px) {
    .products__topline {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .shop-dev-note {
        width: 100%;
        justify-content: space-between;
        white-space: normal;
    }
}



/* SkyLegends v5: leaders placeholder aligned like category tabs */
.leaders--development {
    min-height: auto;
}

.leaders--development .caption {
    margin-bottom: 15px;
}

.leaders__development-card {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    min-height: 43px;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.leaders__development-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 43px;
    padding: 0 14px;
    border: 2px solid rgba(43, 195, 244, .38);
    border-radius: var(--border-radius-secondary);
    background: transparent;
    color: #132233;
    font-family: var(--font-family-text);
    font-size: var(--font-size-normal);
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
}

.leaders__development-label:hover {
    filter: brightness(80%);
}

@media screen and (max-width: 540px) {
    .leaders__development-card {
        min-height: 43px;
    }
}

.products .tabs__button,
.products .tabs__button[aria-selected="true"],
.rules .tabs__button,
.rules .tabs__button[aria-selected="true"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.products .tabs__button,
.rules .tabs__button {
    border: 2px solid rgba(43, 195, 244, .38) !important;
    color: #132233 !important;
}

.products .tabs__button[aria-selected="true"],
.rules .tabs__button[aria-selected="true"] {
    border-color: #2bc3f4 !important;
    color: #132233 !important;
}



/* SkyLegends v7: header logo as image only, without background plate */
.header__logo-box {
    width: 190px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.header__logo-box:hover {
    filter: none !important;
}
.header__logo-box .header__link {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.header__logo-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    background: transparent !important;
    filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .18));
}


/* SkyLegends v10: blue-only cleanup + copy fixes */
:root {
    --color-accent: #2bc3f4;
    --color-accent-secondary: #7ad7ff; --color-orange: #2bc3f4;
}

/* Header logo updated to actual SkyLegends asset */
.header__logo-box {
    width: 205px !important;
}
.header__logo-box picture {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.header__logo-box img {
    width: 100% !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
}

/* Top navigation after removing Leaders */
.navigation__list {
    column-gap: 14px !important;
}
.navigation__link {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

/* IP copy state */
.brief__ip.is-copied {
    border-color: rgba(43, 195, 244, .65) !important;
    background: rgba(43, 195, 244, .10) !important;
}
.brief__ip.is-copied span {
    color: #2bc3f4 !important;
}

/* Remove yellow from the site: buttons, tabs, badges and notices */
.brief__player-count {
    background-color: #2bc3f4 !important;
    color: #ffffff !important;
}

.slider::before {
    background: linear-gradient(90deg, rgba(9,21,34,.72), rgba(9,21,34,.25) 55%, rgba(43,195,244,.16)) !important;
}

.slider__more-button,
.slider__more-button--link,
.checkout__action,
.product-card__action-button,
.product-modal__buy,
.product-detail__buy,
.play-modal__primary,
.payment-result__button--primary,
.maintenance-modal__button {
    background: #2bc3f4 !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(43, 195, 244, .22) !important;
}

.slider__more-button:hover,
.checkout__action:hover,
.product-card__action-button:hover,
.product-modal__buy:hover,
.product-detail__buy:hover,
.play-modal__primary:hover,
.payment-result__button--primary:hover,
.maintenance-modal__button:hover {
    filter: brightness(92%) !important;
}

.tabs__button[aria-selected="true"],
.leaders__all-button,
.product-card__badge,
.product-detail__status-badge,
.product-card__status-badge {
    background: #2bc3f4 !important;
    color: #ffffff !important;
}

.products .tabs__button[aria-selected="true"],
.rules .tabs__button[aria-selected="true"] {
    background: transparent !important;
    color: #132233 !important;
    border-color: #2bc3f4 !important;
}

.checkout__payment-method--anypay:hover,
.checkout__payment-method--active,
.checkout__cases-count--active,
.checkout__privilege-plan--active {
    border-color: #2bc3f4 !important;
}

.checkout-section__description--price,
.product-card__price,
.product-detail__price,
.product-modal__price,
.product-modal__price-current,
.product-detail__price-current {
    color: #2bc3f4 !important;
}

.player-profile-modal__window::before {
    background: rgba(43, 195, 244, .16) !important;
}
.player-profile-modal__badge {
    background: rgba(43, 195, 244, .12) !important;
    color: #168db7 !important;
}

.checkout__validation-notice,
.checkout__errors {
    background: rgba(43, 195, 244, .10) !important;
    border-color: rgba(43, 195, 244, .28) !important;
    color: #168db7 !important;
}

.checkout__validation-notice::before {
    background: #eaf8ff !important;
    border-left-color: rgba(43, 195, 244, .28) !important;
    border-top-color: rgba(43, 195, 244, .28) !important;
}

.checkout__input--error {
    outline-color: rgba(43, 195, 244, .68) !important;
    background-color: #f0fbff !important;
}

.shop-dev-note__badge {
    border-color: rgba(43, 195, 244, .55) !important;
    background: rgba(43, 195, 244, .12) !important;
    color: #168db7 !important;
}

.play-modal__eyebrow {
    color: #2bc3f4 !important;
}
.play-modal__logo--large {
    filter: drop-shadow(0 12px 22px rgba(43,195,244,.32)) !important;
}

.product-card__description-button:hover {
    background-color: #2bc3f4 !important;
}