/* ==========================================================
   ISOTOP RUST — CUSTOM GAMESTORES THEME
   Based on the original GameStores CSS Modules selectors
   ========================================================== */

:root,
:root[data-theme="red_black"],
:root[data-theme="green_black"],
:root[data-theme="blue_black"],
:root[data-theme="yellow_black"] {
    --default-font-size: 15px;
    --default-font-family: "Inter";
    --safe-padding: 12px;

    --accent-color-800: #8cff3f;
    --accent-color-900: #6fdc27;

    --font-color-700: #f7faf5;
    --font-color-800: rgba(239, 246, 235, .78);
    --font-color-900: #7f8b7c;

    --bg-color-900: #090c09;
    --bg-color-800: #0d110e;
    --bg-color-700: #151b16;

    --promocode-bg-color: rgba(12, 16, 13, .96);
    --product-items-trans-bg-color: rgba(6, 9, 7, .82);
    --monitoring-joining-color: #e6ae32;
    --monitoring-queue-color: #d34f4f;

    --iso-bg-deep: #070907;
    --iso-panel: #101511;
    --iso-panel-2: #151b16;
    --iso-panel-3: #1a221b;
    --iso-line: rgba(255, 255, 255, .075);
    --iso-line-strong: rgba(140, 255, 63, .28);
    --iso-green-soft: rgba(140, 255, 63, .09);
    --iso-green-glow: rgba(140, 255, 63, .16);
    --iso-shadow: 0 18px 50px rgba(0, 0, 0, .32);
    --iso-shadow-lg: 0 28px 80px rgba(0, 0, 0, .5);
    --iso-radius: 14px;
    --iso-radius-sm: 10px;
}

/* ---------- GLOBAL ---------- */

html {
    scroll-behavior: smooth;
    background: var(--iso-bg-deep);
}

body {
    color: var(--font-color-800);
    background-color: var(--iso-bg-deep) !important;
    background-image:
        radial-gradient(900px 520px at 50% -220px, rgba(140,255,63,.10), transparent 70%),
        radial-gradient(700px 500px at 100% 20%, rgba(140,255,63,.035), transparent 70%),
        linear-gradient(180deg, #080b08 0%, #0b0f0c 45%, #080b08 100%) !important;
    line-height: 1.55;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    opacity: .24;
    background-image:
        linear-gradient(rgba(255,255,255,.013) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.013) 1px, transparent 1px);
    background-size: 42px 42px;
}

::selection {
    background: var(--accent-color-800);
    color: #081006;
}

body::-webkit-scrollbar,
.customModalOverflow::-webkit-scrollbar,
.ModalLayout-module__overflowWrapper::-webkit-scrollbar,
.dropDownList::-webkit-scrollbar,
.Selector-module__dropDownList::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track,
.customModalOverflow::-webkit-scrollbar-track,
.ModalLayout-module__overflowWrapper::-webkit-scrollbar-track,
.dropDownList::-webkit-scrollbar-track,
.Selector-module__dropDownList::-webkit-scrollbar-track {
    background: #080b08;
}

body::-webkit-scrollbar-thumb,
.customModalOverflow::-webkit-scrollbar-thumb,
.ModalLayout-module__overflowWrapper::-webkit-scrollbar-thumb,
.dropDownList::-webkit-scrollbar-thumb,
.Selector-module__dropDownList::-webkit-scrollbar-thumb {
    background: #29332a;
    border: 2px solid #080b08;
    border-radius: 999px;
}

body::-webkit-scrollbar-thumb:hover,
.customModalOverflow::-webkit-scrollbar-thumb:hover,
.ModalLayout-module__overflowWrapper::-webkit-scrollbar-thumb:hover {
    background: #425443;
}

.container {
    width: 1240px;
    padding: 0 16px;
}

@media (max-width: 1260px) {
    .container { width: 100%; }
}

/* ---------- BASIC BOXES ---------- */

.boxHeader,
.boxBody,
.boxFooter {
    padding: 18px;
    border-color: var(--iso-line);
}

.boxHeader {
    color: var(--font-color-700);
    background: linear-gradient(180deg, #19201a, #151b16);
    border: 1px solid var(--iso-line);
    border-bottom: 0;
    border-radius: var(--iso-radius) var(--iso-radius) 0 0;
    font-weight: 700;
}

.boxBody {
    background: rgba(13,17,14,.94);
    border-left: 1px solid var(--iso-line);
    border-right: 1px solid var(--iso-line);
}

.boxBody:last-child {
    border-bottom: 1px solid var(--iso-line);
    border-radius: 0 0 var(--iso-radius) var(--iso-radius);
}

.boxFooter {
    background: #131914;
    border: 1px solid var(--iso-line);
    border-top: 0;
    border-radius: 0 0 var(--iso-radius) var(--iso-radius);
}

/* ---------- HEADER ---------- */

.Header-module__wrapper {
    min-height: 72px;
    padding: 0 22px;
    margin-bottom: 28px;
    position: sticky;
    top: 0;
    z-index: 120;
    color: var(--font-color-800);
    background: rgba(10, 14, 11, .88);
    border-bottom: 1px solid var(--iso-line);
    box-shadow: 0 10px 35px rgba(0,0,0,.18);
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
}

.Header-module__logoWrapper {
    min-height: 72px;
}

.Header-module__logo {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .07em;
}

.HeaderNav-module__wrapper {
    column-gap: 4px;
    margin-left: 34px;
}

.HeaderNav-module__link,
.SupportLink-module__link,
.NavDropDown-module__linkName,
.NavServerDropDown-module__shopTitle {
    position: relative;
    padding: 10px 12px;
    border-radius: 9px;
    color: rgba(239,246,235,.72);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .025em;
    transition: .2s ease;
}

.HeaderNav-module__link:hover,
.HeaderNav-module__link:focus,
.SupportLink-module__link:hover,
.SupportLink-module__link:focus,
.NavDropDown-module__btn:hover .NavDropDown-module__linkName,
.NavDropDown-module__btn:focus .NavDropDown-module__linkName,
.NavServerDropDown-module__btn:hover .NavServerDropDown-module__shopTitle,
.NavServerDropDown-module__btn:focus .NavServerDropDown-module__shopTitle {
    color: var(--accent-color-800);
    background: var(--iso-green-soft);
}

.SupportLink-module__supportCount {
    color: #071006;
    background: var(--accent-color-800);
    border-radius: 999px;
    font-weight: 900;
}

/* dropdowns in header */
.NavDropDown-module__list,
.NavServerDropDown-module__list,
.LangSwitcher-module__list,
.dropDownList,
.Selector-module__dropDownList {
    padding: 8px;
    background: rgba(19, 25, 20, .98);
    border: 1px solid var(--iso-line);
    border-radius: 12px;
    box-shadow: 0 22px 60px rgba(0,0,0,.45);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.NavDropDown-module__link,
.NavServerDropDown-module__server,
.LangSwitcher-module__lang,
.dropDownItem,
.Selector-module__dropDownItem {
    padding: 10px 12px;
    color: var(--font-color-800);
    border-radius: 8px;
}

.NavDropDown-module__link:hover,
.NavDropDown-module__link:focus,
.NavServerDropDown-module__server:hover,
.NavServerDropDown-module__server:focus,
.LangSwitcher-module__lang:hover,
.LangSwitcher-module__lang:focus,
.dropDownItem:hover,
.dropDownItem:focus,
.dropDownItem.active,
.Selector-module__dropDownItem:hover,
.Selector-module__dropDownItem:focus,
.Selector-module__dropDownItem.Selector-module__active {
    color: #081006;
    background: var(--accent-color-800);
}

/* ---------- PLAYER AREA ---------- */

.PlayerMenu-module__wrapper {
    column-gap: 6px;
}

.PlayerMenu-module__profileLink,
.PlayerMenu-module__loginLink,
.PlayerBalance-module__btn,
.LangSwitcher-module__btn {
    min-height: 40px;
    padding: 9px 13px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
}

.PlayerMenu-module__profileLink:hover,
.PlayerMenu-module__profileLink:focus,
.PlayerMenu-module__loginLink:hover,
.PlayerMenu-module__loginLink:focus,
.PlayerBalance-module__btn:hover,
.PlayerBalance-module__btn:focus,
.LangSwitcher-module__btn:hover,
.LangSwitcher-module__btn:focus {
    color: #071006;
    background: var(--accent-color-800);
    border-color: var(--accent-color-800);
}

/* ---------- BUTTONS ---------- */

.Button-module__btn {
    min-height: 40px;
    padding: 9px 15px;
    border-radius: 10px;
    font-weight: 800;
    letter-spacing: .01em;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.Button-module__btn.Button-module__accent {
    color: #081006;
    background: linear-gradient(180deg, #a5ff69, #82ed36);
    border-color: rgba(140,255,63,.7);
    box-shadow: 0 8px 24px rgba(140,255,63,.12);
}

.Button-module__btn.Button-module__accent:hover,
.Button-module__btn.Button-module__accent:focus {
    color: #071006;
    background: linear-gradient(180deg, #b7ff82, #90f246);
    border-color: #a8ff70;
    box-shadow: 0 10px 30px rgba(140,255,63,.20);
    transform: translateY(-1px);
}

.Button-module__btn.Button-module__gray {
    color: var(--font-color-800);
    background: #171e18;
    border-color: var(--iso-line);
}

.Button-module__btn.Button-module__gray:hover,
.Button-module__btn.Button-module__gray:focus {
    color: var(--font-color-700);
    background: #202921;
    border-color: rgba(140,255,63,.20);
}

/* ---------- SERVER SELECT ---------- */

.Servers-module__servers {
    gap: 10px;
    margin: 0 0 20px;
}

.Servers-module__server {
    min-width: 210px;
    max-width: 340px;
    margin: 0;
    padding: 13px 16px;
    color: var(--font-color-800);
    background: linear-gradient(180deg, #171e18, #121713);
    border: 1px solid var(--iso-line);
    border-radius: 12px;
    font-weight: 700;
    box-shadow: 0 8px 25px rgba(0,0,0,.12);
}

.Servers-module__server.Servers-module__active,
.Servers-module__server:hover,
.Servers-module__server:focus {
    color: var(--font-color-700);
    background: linear-gradient(180deg, #1c251d, #151d16);
    border-color: rgba(140,255,63,.32);
    box-shadow: 0 0 0 3px rgba(140,255,63,.055);
}

/* ---------- CATEGORIES ---------- */

.Categories-module__categories {
    gap: 8px;
    margin: 0;
    padding: 6px;
    justify-content: flex-start;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.045);
    border-radius: 14px;
}

.Categories-module__category {
    margin: 0;
    padding: 9px 14px;
    color: #98a394;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
}

.Categories-module__category:hover,
.Categories-module__category.Categories-module__active,
.Categories-module__category.Categories-module__enableFocus:focus {
    color: #081006;
    background: var(--accent-color-800);
    border-color: var(--accent-color-800);
    box-shadow: 0 6px 20px rgba(140,255,63,.12);
}

/* ---------- SEARCH ---------- */

.Search-module__wrapper,
.HistorySearch-module__wrapper,
.BasketSearch-module__wrapper {
    height: 44px;
    border: 1px solid var(--iso-line);
    border-radius: 12px;
    background: #101511;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.Search-module__wrapper:focus-within,
.HistorySearch-module__wrapper:focus-within,
.BasketSearch-module__wrapper:focus-within {
    border-color: rgba(140,255,63,.46);
    box-shadow: 0 0 0 3px rgba(140,255,63,.07);
}

.Search-module__iconWrapper,
.HistorySearch-module__iconWrapper,
.BasketSearch-module__iconWrapper {
    padding: 0 13px;
    color: #071006;
    background: var(--accent-color-800);
}

.Search-module__input,
.HistorySearch-module__input,
.BasketSearch-module__input {
    padding: 0 14px;
    color: var(--font-color-700);
}

.Search-module__input::placeholder,
.HistorySearch-module__input::placeholder,
.BasketSearch-module__input::placeholder {
    color: #657063;
}

/* ---------- SHOP ---------- */

.Shop-module__wrapper {
    margin-bottom: 28px;
}

.Shop-module__header,
.MonitoringWidget-module__header,
.Page-module__header,
.ProfileContent-module__header,
.HistoryContent-module__header,
.BasketContent-module__header {
    color: var(--font-color-700);
    font-size: 19px;
    font-weight: 850;
    letter-spacing: -.015em;
}

/* ---------- PRODUCT GRID ---------- */

.Products-module__wrapper {
    margin-top: 18px;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
}

.Products-module__wrapper.Products-module__grid2 { grid-template-columns: repeat(2, minmax(185px,1fr)); }
.Products-module__wrapper.Products-module__grid3 { grid-template-columns: repeat(3, minmax(185px,1fr)); }
.Products-module__wrapper.Products-module__grid4 { grid-template-columns: repeat(4, minmax(185px,1fr)); }
.Products-module__wrapper.Products-module__grid5 { grid-template-columns: repeat(5, minmax(165px,1fr)); }
.Products-module__wrapper.Products-module__grid6 { grid-template-columns: repeat(6, minmax(145px,1fr)); }

/* ---------- PRODUCT CARD ---------- */

.Product-module__wrapper {
    padding: 12px;
    min-height: 220px;
    background:
        radial-gradient(340px 180px at 50% 0%, rgba(140,255,63,.04), transparent 70%),
        linear-gradient(180deg, #171e18 0%, #101511 100%);
    border: 1px solid var(--iso-line);
    border-radius: 16px;
    box-shadow: 0 12px 32px rgba(0,0,0,.18);
    transition: transform .22s cubic-bezier(.2,.8,.2,1), border-color .22s ease, box-shadow .22s ease;
}

.Product-module__wrapper::before {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    top: -1px;
    height: 1px;
    z-index: 5;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(140,255,63,.85), transparent);
    transition: opacity .22s ease;
}

.Product-module__wrapper:hover,
.Product-module__wrapper:focus-within {
    transform: translateY(-4px);
    border-color: rgba(140,255,63,.30);
    box-shadow: 0 18px 46px rgba(0,0,0,.30), 0 0 0 1px rgba(140,255,63,.035);
}

.Product-module__wrapper:hover::before,
.Product-module__wrapper:focus-within::before {
    opacity: 1;
}

.Product-module__img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    padding: 4px;
    filter: saturate(.96) contrast(1.025);
    transition: transform .3s cubic-bezier(.2,.8,.2,1), filter .3s ease;
}

.Product-module__wrapper:hover .Product-module__img {
    transform: scale(1.035);
    filter: saturate(1.03) contrast(1.04);
}

.Product-module__price {
    top: 10px;
    left: 10px;
    z-index: 7;
    padding: 5px 9px;
    color: #fff;
    background: rgba(7,10,8,.84);
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 8px;
    font-weight: 900;
    box-shadow: 0 6px 20px rgba(0,0,0,.2);
    backdrop-filter: blur(10px);
}

.Product-module__oldPrice {
    color: #879084;
}

.Product-module__oldPrice::after {
    height: 1px;
    background: #a3aaa0;
}

.Product-module__discount {
    top: 10px;
    right: 10px;
    z-index: 7;
    padding: 5px 8px;
    color: #071006;
    background: var(--accent-color-800);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 6px 20px rgba(140,255,63,.14);
}

/* Product title is ALWAYS visible — not only on hover */
.Product-module__name {
    z-index: 6;
    transform: none !important;
    width: auto;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 10px 11px;
    color: #f5f8f3;
    background: linear-gradient(180deg, rgba(10,14,11,.82), rgba(7,10,8,.94));
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    box-shadow: 0 8px 24px rgba(0,0,0,.20);
    backdrop-filter: blur(10px);
}

.Product-module__count {
    right: 17px;
    bottom: 54px;
    z-index: 7;
    padding: 3px 7px;
    color: #aab3a6;
    background: rgba(6,9,7,.82);
    border-radius: 999px;
    font-size: 11px;
}

.Product-module__wrapper:hover .Product-module__count,
.Product-module__wrapper:active .Product-module__count {
    opacity: 1;
}

/* ---------- FORMS / SELECTORS ---------- */

.dropDownCurrentItem,
.Selector-module__dropDownCurrentItem,
.CountSelector-module__inputWrapper,
.TotalSum-module__inputWrapper,
.PlayerBalanceModal-module__inputWrapper,
.ProfileContent-module__input,
.ProfileContent-module__inputWrapper {
    min-height: 42px;
    background: #151c16;
    border: 1px solid var(--iso-line);
    border-radius: 10px;
    overflow: hidden;
}

.dropDownCurrentItem:hover,
.dropDownCurrentItem:focus,
.Selector-module__dropDownCurrentItem:hover,
.Selector-module__dropDownCurrentItem:focus {
    outline: none;
    border-color: rgba(140,255,63,.40);
    box-shadow: 0 0 0 3px rgba(140,255,63,.06);
}

.CountSelector-module__input,
.TotalSum-module__input,
.PlayerBalanceModal-module__input,
.ProfileContent-module__input {
    color: var(--font-color-700);
}

.CountSelector-module__changeCountBtn {
    width: 52px;
    background: #182019;
}

.CountSelector-module__changeCountBtn:hover,
.CountSelector-module__changeCountBtn:focus {
    color: var(--accent-color-800);
    background: #202a21;
}

.CountSelector-module__changeCountBtn.CountSelector-module__left {
    border-right-color: var(--iso-line);
}

.CountSelector-module__changeCountBtn.CountSelector-module__right {
    border-left-color: var(--iso-line);
}

.TotalSum-module__currency,
.PlayerBalanceModal-module__currency {
    color: #071006;
    background: var(--accent-color-800);
    font-weight: 900;
}

/* ---------- MODALS ---------- */

.ModalLayout-module__wrapper,
.customModalWrapper,
.WelcomeSelectServer-module__modalWrapper,
.PlayerMenuMobile-module__menuWrapper {
    background: rgba(4,6,5,.76);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.ModalLayout-module__modal,
.customModalContent,
.PlayerBalance-module__modal,
.WelcomeSelectServer-module__modal,
.BasketContent-module__modal {
    border-radius: 18px;
    box-shadow: var(--iso-shadow-lg);
    overflow: hidden;
}

.ProductModal-module__header,
.PlayerBalanceModal-module__header,
.WelcomeSelectServer-module__header,
.BasketChangeServer-module__header {
    color: var(--font-color-700);
    font-size: 18px;
    font-weight: 850;
}

.productModalImg {
    max-width: 320px;
    height: 320px;
    margin: 4px auto 16px;
    filter: drop-shadow(0 18px 28px rgba(0,0,0,.30));
}

.productModalDescription {
    padding: 14px;
    margin-bottom: 16px;
    color: var(--font-color-800);
    background: #151c16;
    border: 1px solid var(--iso-line);
    border-radius: 12px;
    line-height: 1.6;
}

.productModalContainsItems,
.KitContent-module__containsItems {
    gap: 12px;
}

.productModalContainsItem,
.KitContent-module__containsItem,
.RouletteContent-module__rouletteItem {
    background: #161d17;
    border: 1px solid var(--iso-line);
    border-radius: 12px;
}

.productModalItemName,
.KitContent-module__itemName {
    color: var(--font-color-700);
}

.ProductItemSelector-module__item {
    height: 66px;
    padding: 4px;
    background: #121813;
    border: 1px solid var(--iso-line);
    border-radius: 10px;
}

.ProductItemSelector-module__item.ProductItemSelector-module__active,
.ProductItemSelector-module__item:hover,
.ProductItemSelector-module__item:focus {
    border-color: var(--accent-color-800);
    background: rgba(140,255,63,.06);
    box-shadow: 0 0 0 3px rgba(140,255,63,.05);
}

.CrosseCloseBtn-module__btn {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(255,255,255,.035);
}

.CrosseCloseBtn-module__line {
    width: 62%;
    background: #8b9588;
}

.CrosseCloseBtn-module__btn:hover .CrosseCloseBtn-module__line,
.CrosseCloseBtn-module__btn:focus .CrosseCloseBtn-module__line {
    background: var(--accent-color-800);
}

/* ---------- MONITORING ---------- */

.Widgets-module__widgetWrapper {
    border-radius: var(--iso-radius);
    box-shadow: 0 14px 36px rgba(0,0,0,.18);
}

.MonitoringServer-module__wrapper + .MonitoringServer-module__wrapper {
    margin-top: 18px;
}

.MonitoringServer-module__name {
    margin-bottom: 8px;
    color: var(--font-color-700);
    font-weight: 800;
}

.MonitoringServer-module__progressBarWrapper {
    height: 22px;
    margin-bottom: 8px;
    background: #171e18;
    border: 1px solid var(--iso-line);
    border-radius: 999px;
}

.MonitoringServer-module__progressBar {
    border-radius: 999px;
}

.MonitoringServer-module__progressInfo {
    padding: 8px 10px;
    background: #171e18;
    border: 1px solid var(--iso-line);
    border-radius: 9px;
    box-shadow: 0 16px 38px rgba(0,0,0,.34);
}

.MonitoringServer-module__progressInfo::before {
    border-color: #171e18 transparent transparent transparent;
}

.MonitoringServer-module__playersInfo {
    color: var(--font-color-700);
    font-weight: 700;
}

.MonitoringServer-module__icon:hover {
    stroke: var(--accent-color-800);
}

.MonitoringWidget-module__updatingLoaderWrapper {
    background: rgba(6,9,7,.62);
    border-radius: var(--iso-radius);
}

.Loader-module__loader,
.Page-module__loader {
    border-color: var(--accent-color-800);
    border-bottom-color: #222b23;
}

/* ---------- PROFILE ---------- */

.ProfileNav-module__wrapper,
.Widgets-module__wrapper {
    min-width: 280px;
    max-width: 280px;
}

.ProfileNav-module__img {
    width: 100%;
    height: 235px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid var(--iso-line);
    box-shadow: var(--iso-shadow);
}

.ProfileNav-module__name {
    color: var(--font-color-700);
    font-size: 17px;
    font-weight: 850;
}

.ProfileNav-module__navItem {
    padding: 11px 14px;
    color: #899486;
    background: #151b16;
    border: 1px solid transparent;
    border-radius: 10px;
}

.ProfileNav-module__navItem:hover,
.ProfileNav-module__navItem:focus,
.ProfileNav-module__navItem.ProfileNav-module__active {
    color: var(--font-color-700);
    background: rgba(140,255,63,.065);
    border-color: rgba(140,255,63,.18);
}

.ProfileNav-module__logOut {
    padding: 10px;
    border-radius: 10px;
    color: #ffb6b6;
    background: rgba(255,77,77,.10);
    border: 1px solid rgba(255,77,77,.20);
}

.ProfileNav-module__logOut:hover,
.ProfileNav-module__logOut:focus {
    color: #fff;
    background: rgba(255,77,77,.18);
}

.ProfileContent-module__box {
    padding: 4px;
    background: #111712;
    border: 1px solid var(--iso-line);
    border-radius: 12px;
}

.ProfileContent-module__infoLine {
    padding: 12px 14px;
}

.ProfileContent-module__infoLine + .ProfileContent-module__infoLine {
    border-top-color: var(--iso-line);
}

.ProfileContent-module__timedDiscountInfo {
    padding: 14px;
    background: #151b16;
    border: 1px solid var(--iso-line);
    border-radius: 12px;
}

/* ---------- HISTORY / BASKET TABLES ---------- */

.HistoryTable-module__tableData,
.BasketTable-module__tableData {
    overflow: hidden;
    border: 1px solid var(--iso-line);
    border-radius: 14px;
    background: #0e130f;
}

.HistoryTable-module__tableHeader,
.BasketTable-module__tableHeader {
    background: #171e18;
    border-bottom: 1px solid var(--iso-line);
}

.HistoryTable-module__tableLine,
.HistoryTable-module__tableHeader,
.BasketTable-module__tableLine,
.BasketTable-module__tableHeader {
    padding: 15px 14px;
}

.HistoryTable-module__tableLine:nth-child(2n-1),
.BasketTable-module__tableLine:nth-child(2n-1) {
    background: rgba(255,255,255,.018);
}

.HistoryTable-module__tableLine:hover,
.BasketTable-module__tableLine:hover {
    background: rgba(140,255,63,.035);
}

.HistoryTable-module__tableTitle,
.BasketTable-module__tableTitle {
    color: #7f8b7c;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.HistoryTable-module__value,
.BasketTable-module__value {
    color: var(--font-color-800);
}

.BasketTable-module__itemImg {
    width: 54px;
    height: 50px;
    padding: 4px;
    background: #151b16;
    border: 1px solid var(--iso-line);
    border-radius: 10px;
}

.BasketTable-module__inlineBtn {
    color: var(--accent-color-800);
    font-weight: 700;
}

.BasketTable-module__inlineBtn:hover {
    color: #b1ff7a;
}

.BasketTable-module__disabledLine {
    background: rgba(5,7,6,.74);
    backdrop-filter: blur(3px);
}

/* ---------- PAGINATION ---------- */

.Pagination-module__pagination {
    gap: 6px;
}

.Pagination-module__navPageBtn,
.Pagination-module__page {
    width: 36px;
    height: 36px;
    color: #9da69a;
    background: #151b16;
    border: 1px solid var(--iso-line);
    border-radius: 9px;
}

.Pagination-module__page:hover,
.Pagination-module__page.Pagination-module__active,
.Pagination-module__page:focus {
    color: #071006;
    background: var(--accent-color-800);
    border-color: var(--accent-color-800);
}

.Pagination-module__navPageBtn:hover,
.Pagination-module__navPageBtn:focus {
    border-color: rgba(140,255,63,.46);
    background: rgba(140,255,63,.06);
}

/* ---------- PAGE CONTENT ---------- */

.Page-module__pageContent {
    line-height: 1.7;
}

.Page-module__pageContent a {
    color: var(--accent-color-800);
    text-decoration: underline;
    text-decoration-color: rgba(140,255,63,.35);
    text-underline-offset: 3px;
}

.Page-module__pageContent a:hover {
    color: #b4ff82;
}

/* ---------- BANNER ---------- */

.Banner-module__img {
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--iso-line);
    box-shadow: var(--iso-shadow);
}

/* ---------- ROULETTE ---------- */

.RouletteContent-module__lineWrapper {
    height: 290px;
    background: #0b0f0c;
    border: 1px solid var(--iso-line);
    border-radius: 14px;
}

.RouletteContent-module__triangle.RouletteContent-module__top {
    border-top-color: var(--accent-color-800);
}

.RouletteContent-module__triangle.RouletteContent-module__bottom {
    border-bottom-color: var(--accent-color-800);
}

/* ---------- TOASTS ---------- */

.Toast-module__toast {
    padding: 12px;
    color: var(--font-color-800);
    background: rgba(18,24,19,.96);
    border: 1px solid var(--iso-line);
    border-radius: 12px;
    box-shadow: 0 18px 50px rgba(0,0,0,.42);
    backdrop-filter: blur(14px);
}

.Toast-module__title {
    color: var(--font-color-700);
    font-weight: 800;
}

.Toast-module__toast.Toast-module__success .Toast-module__title {
    color: var(--accent-color-800);
}

/* ---------- COOKIE ---------- */

.Cookie-module__wrapper {
    bottom: 18px;
    padding: 12px 14px;
    color: var(--font-color-800);
    background: rgba(16,21,17,.96);
    border: 1px solid var(--iso-line);
    border-radius: 14px;
    box-shadow: 0 20px 55px rgba(0,0,0,.45);
    backdrop-filter: blur(16px);
}

.Cookie-module__icon {
    fill: var(--accent-color-800);
}

.Cookie-module__button {
    color: #071006;
}

/* ---------- COPYRIGHT: keep readable / do not hide ---------- */

.DesktopCopyright-module__wrapper,
.MobileCopyright-module__wrapper {
    color: #9ba497 !important;
    background: rgba(12,16,13,.96) !important;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 9px;
    font-size: 11px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.DesktopCopyright-module__link,
.MobileCopyright-module__link {
    color: var(--accent-color-800);
}

/* ---------- SHOP FOOTER ---------- */

.ShopFooter-module__links {
    gap: 12px;
    justify-content: center;
    padding-top: 8px;
}

.ShopFooter-module__link {
    padding: 7px 10px;
    color: #7f8b7c;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 800;
}

.ShopFooter-module__link:hover {
    color: var(--accent-color-800);
    background: rgba(140,255,63,.06);
}

.ShopFooter-module__text {
    color: #687265;
}

/* ---------- MOBILE MENU ---------- */

.PlayerMenuMobile-module__mobileMenuBtn {
    border: 1px solid var(--iso-line);
    background: #151b16;
}

.PlayerMenuMobile-module__line {
    background: #d5ddd1;
}

.PlayerMenuMobile-module__menu {
    background: #0e130f;
    border-left: 1px solid var(--iso-line);
    box-shadow: -20px 0 60px rgba(0,0,0,.42);
}

.PlayerMenuMobile-module__profileLink,
.PlayerMenuMobile-module__loginLink {
    color: var(--font-color-700);
    background: #151b16;
    border: 1px solid var(--iso-line);
    border-radius: 10px;
}

/* ---------- WELCOME SERVER MODAL ---------- */

.WelcomeSelectServer-module__modalWrapper {
    background: rgba(4,6,5,.88);
}

.Server-module__server {
    padding: 12px 14px;
    background: #151b16;
    border: 1px solid var(--iso-line);
    border-radius: 11px;
}

.Server-module__server:hover {
    border-color: rgba(140,255,63,.25);
    background: #19211a;
}

.Server-module__serverName {
    color: var(--font-color-700);
    font-weight: 700;
}

/* ---------- ERROR / MAINTENANCE ---------- */

.Ban-module__body,
.Maintenance-module__body,
.InitializingError-module__body {
    background:
        radial-gradient(600px 360px at 50% 20%, rgba(140,255,63,.07), transparent 70%),
        #080b08;
}

.Ban-module__logo,
.Maintenance-module__logo,
.InitializingError-module__logo {
    color: #fff;
    font-weight: 900;
    letter-spacing: .05em;
}

/* ---------- RESPONSIVE ---------- */

@media screen and (max-width: 1160px) {
    .Products-module__wrapper.Products-module__grid2,
    .Products-module__wrapper.Products-module__grid3,
    .Products-module__wrapper.Products-module__grid4,
    .Products-module__wrapper.Products-module__grid5,
    .Products-module__wrapper.Products-module__grid6 {
        grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
    }
}

@media screen and (max-width: 980px) {
    .Header-module__wrapper {
        min-height: 64px;
        padding: 0 14px;
        margin-bottom: 20px;
    }

    .Header-module__logoWrapper {
        min-height: 64px;
    }

    .ProfileNav-module__wrapper,
    .Widgets-module__wrapper {
        min-width: 0;
        max-width: none;
    }
}

@media screen and (max-width: 760px) {
    .Products-module__wrapper,
    .Products-module__wrapper.Products-module__grid2,
    .Products-module__wrapper.Products-module__grid3,
    .Products-module__wrapper.Products-module__grid4,
    .Products-module__wrapper.Products-module__grid5,
    .Products-module__wrapper.Products-module__grid6 {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 10px;
    }

    .Product-module__wrapper {
        min-height: 0;
        padding: 9px;
        border-radius: 13px;
    }

    .Product-module__price {
        top: 7px;
        left: 7px;
        padding: 4px 7px;
        font-size: 12px;
    }

    .Product-module__discount {
        top: 7px;
        right: 7px;
        padding: 4px 6px;
        font-size: 11px;
    }

    .Product-module__name {
        left: 7px;
        right: 7px;
        bottom: 7px;
        padding: 8px;
        border-radius: 8px;
        font-size: 12px;
    }

    .Product-module__count {
        right: 12px;
        bottom: 47px;
    }

    .Categories-module__categories {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .Categories-module__categories::-webkit-scrollbar {
        display: none;
    }

    .Categories-module__category {
        flex: 0 0 auto;
    }

    .boxHeader,
    .boxBody,
    .boxFooter {
        padding: 14px;
    }
}

@media screen and (max-width: 600px) {
    .container {
        padding: 0 10px;
    }

    .Header-module__logo {
        font-size: 17px;
    }

    .LangSwitcher-module__btn,
    .PlayerBalance-module__btn {
        background: #151b16;
        border-color: var(--iso-line);
    }

    .Cookie-module__wrapper {
        bottom: 12px;
        width: calc(100% - 20px);
        padding: 10px;
    }

    .Cookie-module__text {
        margin-right: 10px;
        white-space: normal;
        line-height: 1.35;
    }

    .productModalImg {
        height: 250px;
    }
}

@media screen and (max-width: 420px) {
    .Products-module__wrapper,
    .Products-module__wrapper.Products-module__grid2,
    .Products-module__wrapper.Products-module__grid3,
    .Products-module__wrapper.Products-module__grid4,
    .Products-module__wrapper.Products-module__grid5,
    .Products-module__wrapper.Products-module__grid6 {
        gap: 8px;
    }

    .Product-module__name {
        font-size: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ==========================================================
   ISOTOP COLOR BOOST — BRIGHTER / PLAYFUL / MORE COLORFUL
   Primary identity stays lime-green; cyan / amber / coral / violet
   are used as supporting accents only.
   ========================================================== */

:root,
:root[data-theme="red_black"],
:root[data-theme="green_black"],
:root[data-theme="blue_black"],
:root[data-theme="yellow_black"] {
    --accent-color-800: #9cff3b;
    --accent-color-900: #75e91d;

    --iso-lime: #9cff3b;
    --iso-lime-2: #d6ff58;
    --iso-cyan: #31e6d3;
    --iso-sky: #54b9ff;
    --iso-amber: #ffbf3f;
    --iso-coral: #ff6b4a;
    --iso-violet: #b978ff;
    --iso-pink: #ff65a8;

    --iso-lime-soft: rgba(156,255,59,.14);
    --iso-cyan-soft: rgba(49,230,211,.11);
    --iso-amber-soft: rgba(255,191,63,.11);
    --iso-coral-soft: rgba(255,107,74,.11);
    --iso-violet-soft: rgba(185,120,255,.10);

    --monitoring-joining-color: #ffbd3f;
    --monitoring-queue-color: #ff5c72;
}

/* ----- LIVELIER PAGE BACKGROUND ----- */

body {
    background-image:
        radial-gradient(780px 470px at 10% -8%, rgba(156,255,59,.16), transparent 68%),
        radial-gradient(720px 520px at 92% 5%, rgba(49,230,211,.10), transparent 70%),
        radial-gradient(620px 480px at 92% 78%, rgba(185,120,255,.065), transparent 72%),
        radial-gradient(560px 400px at 8% 85%, rgba(255,191,63,.055), transparent 72%),
        linear-gradient(180deg, #070a08 0%, #0b100d 42%, #080b09 100%) !important;
}

body::before {
    opacity: .28;
    background-image:
        linear-gradient(rgba(156,255,59,.020) 1px, transparent 1px),
        linear-gradient(90deg, rgba(49,230,211,.016) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.65) 56%, transparent 100%);
}

/* ----- COLORFUL HEADER ----- */

.Header-module__wrapper {
    background:
        linear-gradient(90deg, rgba(156,255,59,.035), transparent 24%, transparent 76%, rgba(49,230,211,.035)),
        rgba(9,13,10,.90);
    border-bottom: 1px solid rgba(156,255,59,.16);
    box-shadow:
        0 12px 38px rgba(0,0,0,.24),
        0 1px 0 rgba(49,230,211,.055) inset;
}

.Header-module__wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 5%, var(--iso-lime) 28%, var(--iso-cyan) 52%, var(--iso-violet) 74%, transparent 95%);
    opacity: .38;
}

.Header-module__logo {
    background: linear-gradient(100deg, #fff 5%, var(--iso-lime-2) 52%, var(--iso-cyan) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 24px rgba(156,255,59,.10);
}

.HeaderNav-module__link:hover,
.HeaderNav-module__link:focus,
.SupportLink-module__link:hover,
.SupportLink-module__link:focus,
.NavDropDown-module__btn:hover .NavDropDown-module__linkName,
.NavServerDropDown-module__btn:hover .NavServerDropDown-module__shopTitle {
    color: #efffe4;
    background: linear-gradient(135deg, rgba(156,255,59,.13), rgba(49,230,211,.07));
    box-shadow: inset 0 0 0 1px rgba(156,255,59,.10);
}

.SupportLink-module__supportCount {
    background: linear-gradient(135deg, var(--iso-coral), var(--iso-amber));
    color: #1a0d05;
    box-shadow: 0 4px 14px rgba(255,107,74,.26);
}

/* ----- DROPDOWNS ----- */

.dropDownList,
.Selector-module__dropDownList,
.NavDropDown-module__list,
.NavServerDropDown-module__list,
.LangSwitcher-module__list {
    background:
        linear-gradient(180deg, rgba(24,32,26,.98), rgba(14,20,16,.98));
    border: 1px solid rgba(156,255,59,.13);
    box-shadow: 0 18px 50px rgba(0,0,0,.46), 0 0 30px rgba(49,230,211,.035);
}

.dropDownItem:hover,
.dropDownItem:focus,
.dropDownItem.active,
.Selector-module__dropDownItem:hover,
.Selector-module__dropDownItem:focus,
.Selector-module__dropDownItem.Selector-module__active,
.NavDropDown-module__link:hover,
.NavServerDropDown-module__server:hover,
.LangSwitcher-module__lang:hover {
    background: linear-gradient(90deg, rgba(156,255,59,.18), rgba(49,230,211,.11));
    color: #f7fff1;
}

/* ----- SECTION HEADERS ----- */

.Shop-module__header,
.MonitoringWidget-module__header,
.ProfileContent-module__header,
.HistoryContent-module__header,
.BasketContent-module__header,
.Page-module__header,
.ProductModal-module__header,
.PlayerBalanceModal-module__header,
.WelcomeSelectServer-module__header {
    color: #f6fff1;
    font-weight: 800;
    letter-spacing: -.01em;
}

.Shop-module__header::after,
.MonitoringWidget-module__header::after,
.ProfileContent-module__header::after,
.HistoryContent-module__header::after,
.BasketContent-module__header::after,
.Page-module__header::after {
    content: "";
    display: inline-block;
    width: 34px;
    height: 3px;
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--iso-lime), var(--iso-cyan));
    box-shadow: 0 0 16px rgba(156,255,59,.24);
}

/* ----- CATEGORIES: MORE PLAYFUL ----- */

.Categories-module__categories {
    gap: 8px;
    margin: 0;
}

.Categories-module__category {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 10px 16px;
    color: rgba(240,248,236,.78);
    background: linear-gradient(180deg, rgba(28,36,29,.95), rgba(19,25,20,.95));
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 11px;
    font-weight: 700;
    box-shadow: 0 8px 22px rgba(0,0,0,.15);
}

.Categories-module__category::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .2s ease;
    background: linear-gradient(135deg, rgba(156,255,59,.13), rgba(49,230,211,.10));
}

.Categories-module__category:hover::before,
.Categories-module__category.Categories-module__active::before {
    opacity: 1;
}

.Categories-module__category:nth-child(4n + 2):hover {
    border-color: rgba(49,230,211,.42);
    box-shadow: 0 8px 25px rgba(49,230,211,.09);
}

.Categories-module__category:nth-child(4n + 3):hover {
    border-color: rgba(255,191,63,.42);
    box-shadow: 0 8px 25px rgba(255,191,63,.08);
}

.Categories-module__category:nth-child(4n + 4):hover {
    border-color: rgba(185,120,255,.38);
    box-shadow: 0 8px 25px rgba(185,120,255,.07);
}

.Categories-module__category.Categories-module__active,
.Categories-module__category.Categories-module__enableFocus:focus {
    color: #0b1407;
    background: linear-gradient(135deg, var(--iso-lime-2), var(--iso-lime) 55%, #66eb59);
    border-color: rgba(214,255,88,.75);
    box-shadow: 0 10px 28px rgba(156,255,59,.18), inset 0 1px 0 rgba(255,255,255,.32);
}

/* ----- SERVER SELECTOR ----- */

.Servers-module__server {
    position: relative;
    color: rgba(239,247,235,.78);
    background: linear-gradient(135deg, rgba(24,31,25,.96), rgba(18,24,20,.96));
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(0,0,0,.14);
}

.Servers-module__server.Servers-module__active,
.Servers-module__server:hover,
.Servers-module__server:focus {
    color: #f8fff3;
    background: linear-gradient(135deg, rgba(156,255,59,.13), rgba(49,230,211,.08));
    border-color: rgba(156,255,59,.28);
    box-shadow: 0 10px 28px rgba(156,255,59,.075);
}

/* ----- SEARCH ----- */

.Search-module__wrapper,
.HistorySearch-module__wrapper,
.BasketSearch-module__wrapper {
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(156,255,59,.13);
    background: rgba(17,23,18,.94);
    box-shadow: 0 8px 28px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.025);
}

.Search-module__iconWrapper,
.HistorySearch-module__iconWrapper,
.BasketSearch-module__iconWrapper {
    min-width: 46px;
    background: linear-gradient(135deg, var(--iso-lime), var(--iso-cyan));
    color: #07120a;
}

.Search-module__input:focus,
.HistorySearch-module__input:focus,
.BasketSearch-module__input:focus {
    background: linear-gradient(90deg, rgba(156,255,59,.035), transparent);
}

/* ----- PRODUCT GRID ----- */

.Products-module__wrapper {
    gap: 18px;
}

/* ----- PRODUCT CARDS ----- */

.Product-module__wrapper {
    isolation: isolate;
    padding: 11px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.075);
    background:
        radial-gradient(260px 150px at 50% 0%, rgba(156,255,59,.07), transparent 72%),
        linear-gradient(155deg, #19221a 0%, #111712 60%, #0e130f 100%);
    box-shadow: 0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025);
    transition: transform .23s cubic-bezier(.2,.8,.2,1), border-color .23s ease, box-shadow .23s ease, filter .23s ease;
}

.Product-module__wrapper::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -1px;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(156,255,59,.50), rgba(49,230,211,.16) 45%, rgba(185,120,255,.15) 75%, transparent 95%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .26;
    pointer-events: none;
}

.Product-module__wrapper::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 130px;
    height: 130px;
    right: -55px;
    top: -60px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(49,230,211,.10), transparent 66%);
    pointer-events: none;
    transition: transform .25s ease, opacity .25s ease;
}

.Product-module__wrapper:hover {
    transform: translateY(-6px) scale(1.012);
    border-color: rgba(156,255,59,.36);
    box-shadow:
        0 22px 48px rgba(0,0,0,.34),
        0 0 0 1px rgba(49,230,211,.06),
        0 0 34px rgba(156,255,59,.08);
}

.Product-module__wrapper:hover::after {
    transform: scale(1.35);
    opacity: 1;
}

.Product-module__img {
    position: relative;
    z-index: 1;
    border-radius: 11px;
    filter: saturate(1.10) contrast(1.035) drop-shadow(0 12px 18px rgba(0,0,0,.20));
    transition: transform .28s cubic-bezier(.2,.8,.2,1), filter .28s ease;
}

.Product-module__wrapper:hover .Product-module__img {
    transform: scale(1.045) translateY(-2px);
    filter: saturate(1.18) contrast(1.06) drop-shadow(0 14px 22px rgba(0,0,0,.26));
}

.Product-module__price {
    z-index: 4;
    top: 9px;
    left: 9px;
    padding: 6px 9px;
    border-radius: 9px;
    color: #eaffdb;
    background: linear-gradient(135deg, rgba(13,25,14,.94), rgba(15,35,27,.92));
    border: 1px solid rgba(156,255,59,.28);
    box-shadow: 0 7px 18px rgba(0,0,0,.25), 0 0 18px rgba(156,255,59,.055);
    font-weight: 900;
    backdrop-filter: blur(8px);
}

.Product-module__price:not(:has(.Product-module__oldPrice)) {
    color: var(--iso-lime-2);
}

.Product-module__oldPrice {
    color: rgba(255,255,255,.55);
}

.Product-module__discount {
    z-index: 4;
    top: 9px;
    right: 9px;
    padding: 6px 9px;
    border-radius: 9px;
    color: #fff9ef;
    background: linear-gradient(135deg, var(--iso-coral), #ff8848 55%, var(--iso-amber));
    border: 1px solid rgba(255,255,255,.13);
    box-shadow: 0 8px 20px rgba(255,107,74,.21);
    font-weight: 900;
}

.Product-module__name {
    z-index: 5;
    transform: none !important;
    min-height: 48px;
    padding: 11px 12px;
    color: #f8fff5;
    background:
        linear-gradient(180deg, rgba(8,12,9,.10), rgba(7,11,8,.90) 48%, rgba(7,11,8,.97));
    border-top: 1px solid rgba(156,255,59,.09);
    font-weight: 800;
    letter-spacing: -.01em;
    backdrop-filter: blur(7px);
}

.Product-module__count {
    z-index: 6;
    right: 10px;
    bottom: 55px;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #061007;
    background: linear-gradient(135deg, var(--iso-cyan), #70f0b6);
    border-radius: 999px;
    box-shadow: 0 6px 16px rgba(49,230,211,.18);
    font-weight: 900;
}

.Product-module__wrapper:hover .Product-module__count,
.Product-module__wrapper:active .Product-module__count {
    opacity: 1;
    transform: translateY(-2px);
}

/* Color variation without changing the ISOTOP identity */
.Products-module__wrapper > .Product-module__wrapper:nth-child(5n + 2) {
    background:
        radial-gradient(250px 150px at 50% 0%, rgba(49,230,211,.07), transparent 72%),
        linear-gradient(155deg, #172122 0%, #111719 60%, #0e1214 100%);
}

.Products-module__wrapper > .Product-module__wrapper:nth-child(5n + 3) {
    background:
        radial-gradient(250px 150px at 50% 0%, rgba(255,191,63,.055), transparent 72%),
        linear-gradient(155deg, #211e17 0%, #181611 60%, #12110e 100%);
}

.Products-module__wrapper > .Product-module__wrapper:nth-child(5n + 4) {
    background:
        radial-gradient(250px 150px at 50% 0%, rgba(185,120,255,.052), transparent 72%),
        linear-gradient(155deg, #1d1922 0%, #151218 60%, #100e13 100%);
}

/* ----- BUTTONS ----- */

.Button-module__btn {
    border-radius: 10px;
    font-weight: 800;
    letter-spacing: .01em;
    box-shadow: 0 7px 20px rgba(0,0,0,.13);
}

.Button-module__btn.Button-module__accent {
    color: #071007;
    background: linear-gradient(135deg, var(--iso-lime-2), var(--iso-lime) 52%, #67ef6a);
    border-color: rgba(214,255,88,.65);
    box-shadow: 0 9px 24px rgba(156,255,59,.16), inset 0 1px 0 rgba(255,255,255,.28);
}

.Button-module__btn.Button-module__accent:hover,
.Button-module__btn.Button-module__accent:focus {
    color: #071007;
    background: linear-gradient(135deg, #e6ff75, #aaff45 48%, var(--iso-cyan));
    border-color: rgba(156,255,59,.88);
    transform: translateY(-2px);
    box-shadow: 0 13px 30px rgba(156,255,59,.23), 0 0 26px rgba(49,230,211,.08);
}

.Button-module__btn.Button-module__gray {
    background: linear-gradient(180deg, rgba(35,44,36,.95), rgba(23,30,24,.95));
    border-color: rgba(255,255,255,.08);
}

.Button-module__btn.Button-module__gray:hover,
.Button-module__btn.Button-module__gray:focus {
    color: #f5fff0;
    background: linear-gradient(135deg, rgba(156,255,59,.12), rgba(49,230,211,.07));
    border-color: rgba(156,255,59,.20);
}

/* ----- GENERIC BOXES / PANELS ----- */

.boxHeader {
    background:
        linear-gradient(90deg, rgba(156,255,59,.06), transparent 40%, rgba(49,230,211,.045)),
        linear-gradient(180deg, #1a221b, #151b16);
    border-color: rgba(156,255,59,.11);
}

.boxBody {
    background:
        radial-gradient(360px 180px at 100% 0%, rgba(49,230,211,.025), transparent 70%),
        rgba(13,17,14,.96);
}

.boxFooter {
    background: linear-gradient(180deg, #141b15, #101511);
}

/* ----- MODALS ----- */

.customModalWrapper,
.ModalLayout-module__wrapper,
.WelcomeSelectServer-module__modalWrapper,
.PlayerMenuMobile-module__menuWrapper {
    background-color: rgba(3,7,5,.76);
    backdrop-filter: blur(8px) saturate(120%);
}

.customModalContent,
.ModalLayout-module__modal,
.PlayerBalance-module__modal,
.WelcomeSelectServer-module__modal {
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(156,255,59,.15);
    background:
        radial-gradient(420px 180px at 100% 0%, rgba(49,230,211,.065), transparent 70%),
        radial-gradient(360px 160px at 0% 0%, rgba(156,255,59,.08), transparent 68%),
        #101611;
    box-shadow: 0 32px 90px rgba(0,0,0,.58), 0 0 0 1px rgba(185,120,255,.025);
}

.productModalDescription,
.productModalContainsItem,
.KitContent-module__containsItem,
.RouletteContent-module__rouletteItem {
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.07);
    background: linear-gradient(150deg, rgba(30,39,31,.96), rgba(20,27,22,.96));
}

.productModalContainsItem:nth-child(3n + 2),
.KitContent-module__containsItem:nth-child(3n + 2) {
    border-color: rgba(49,230,211,.12);
    background: linear-gradient(150deg, rgba(24,39,38,.96), rgba(18,27,27,.96));
}

.productModalContainsItem:nth-child(3n + 3),
.KitContent-module__containsItem:nth-child(3n + 3) {
    border-color: rgba(255,191,63,.11);
    background: linear-gradient(150deg, rgba(39,34,24,.96), rgba(27,24,18,.96));
}

/* ----- COUNT / SUM CONTROLS ----- */

.CountSelector-module__inputWrapper,
.TotalSum-module__inputWrapper,
.PlayerBalanceModal-module__inputWrapper,
.ProfileContent-module__inputWrapper {
    border: 1px solid rgba(156,255,59,.12);
    border-radius: 10px;
    background: #131a14;
}

.TotalSum-module__currency,
.PlayerBalanceModal-module__currency {
    color: #071007;
    background: linear-gradient(135deg, var(--iso-lime), var(--iso-cyan));
    font-weight: 900;
}

.CountSelector-module__changeCountBtn:hover,
.CountSelector-module__changeCountBtn:focus {
    color: #071007;
    background: linear-gradient(135deg, var(--iso-lime), var(--iso-cyan));
}

/* ----- MONITORING ----- */

.MonitoringServer-module__wrapper {
    padding: 12px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 13px;
    background: linear-gradient(145deg, rgba(26,34,27,.72), rgba(17,23,18,.72));
}

.MonitoringServer-module__name {
    color: #f3fff0;
    font-weight: 800;
}

.MonitoringServer-module__progressBarWrapper {
    height: 16px;
    border-radius: 999px;
    background: #0a0e0b;
    box-shadow: inset 0 2px 5px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.025);
}

.MonitoringServer-module__progressBar {
    border-radius: inherit;
    background-image: linear-gradient(
        90deg,
        var(--iso-lime) var(--online-players),
        var(--iso-amber) var(--online-players),
        var(--iso-amber) var(--joining-players),
        var(--iso-coral) var(--joining-players),
        var(--iso-coral) var(--queued-players),
        transparent var(--queued-players)
    );
}

.MonitoringServer-module__progressBarAnim {
    opacity: .58;
    box-shadow: inset 0 0 8px rgba(0,0,0,.45), 0 0 16px rgba(156,255,59,.08);
}

.MonitoringServer-module__icon:hover {
    stroke: var(--iso-cyan);
    filter: drop-shadow(0 0 5px rgba(49,230,211,.20));
}

/* ----- PROFILE NAV ----- */

.ProfileNav-module__navItem {
    border: 1px solid transparent;
    border-radius: 10px;
}

.ProfileNav-module__navItem:hover,
.ProfileNav-module__navItem:focus,
.ProfileNav-module__navItem.ProfileNav-module__active {
    color: #f7fff3;
    background: linear-gradient(90deg, rgba(156,255,59,.11), rgba(49,230,211,.06));
    border-color: rgba(156,255,59,.12);
}

.ProfileNav-module__logOut {
    border-radius: 10px;
    color: #fff7f3;
    background: linear-gradient(135deg, #ff5e5e, var(--iso-coral));
    box-shadow: 0 8px 20px rgba(255,94,94,.14);
}

.ProfileContent-module__box,
.ProfileContent-module__timedDiscountInfo {
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(29,38,30,.94), rgba(19,26,21,.94));
    border: 1px solid rgba(255,255,255,.06);
}

.ProfileContent-module__infoLineValue.ProfileContent-module__steamid {
    color: var(--iso-cyan);
}

.ProfileContent-module__infoLineValue.ProfileContent-module__steamid:hover {
    color: #76fff0;
}

/* ----- HISTORY / BASKET TABLES ----- */

.HistoryTable-module__tableHeader,
.BasketTable-module__tableHeader {
    color: #edfce8;
    background: linear-gradient(90deg, rgba(156,255,59,.09), rgba(49,230,211,.05));
    border-bottom: 1px solid rgba(156,255,59,.10);
}

.HistoryTable-module__tableLine:nth-child(2n-1),
.BasketTable-module__tableLine:nth-child(2n-1) {
    background: rgba(156,255,59,.024);
}

.HistoryTable-module__tableLine:nth-child(2n),
.BasketTable-module__tableLine:nth-child(2n) {
    background: rgba(49,230,211,.016);
}

.BasketTable-module__inlineBtn {
    color: var(--iso-cyan);
}

.BasketTable-module__inlineBtn:hover {
    color: var(--iso-lime-2);
}

/* ----- PAGINATION ----- */

.Pagination-module__navPageBtn,
.Pagination-module__page {
    border-radius: 9px;
    border: 1px solid rgba(255,255,255,.065);
    background: linear-gradient(180deg, #1b231c, #141a15);
}

.Pagination-module__page:hover,
.Pagination-module__page.Pagination-module__active,
.Pagination-module__page:focus {
    color: #071007;
    background: linear-gradient(135deg, var(--iso-lime), var(--iso-cyan));
    border-color: rgba(156,255,59,.50);
    box-shadow: 0 7px 17px rgba(156,255,59,.12);
}

/* ----- COOKIE ----- */

.Cookie-module__wrapper {
    border-radius: 14px;
    border: 1px solid rgba(156,255,59,.18);
    background:
        linear-gradient(90deg, rgba(156,255,59,.045), rgba(49,230,211,.025)),
        rgba(14,20,16,.96);
    box-shadow: 0 18px 50px rgba(0,0,0,.42), 0 0 28px rgba(156,255,59,.045);
    backdrop-filter: blur(16px);
}

.Cookie-module__icon {
    fill: var(--iso-amber);
    filter: drop-shadow(0 0 6px rgba(255,191,63,.20));
}

/* ----- TOASTS ----- */

.Toast-module__toast {
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(145deg, #1a221b, #111712);
    box-shadow: 0 18px 48px rgba(0,0,0,.38);
}

.Toast-module__toast.Toast-module__success {
    border-color: rgba(156,255,59,.24);
    box-shadow: 0 18px 48px rgba(0,0,0,.38), 0 0 24px rgba(156,255,59,.05);
}

.Toast-module__toast.Toast-module__error {
    border-color: rgba(255,107,74,.24);
}

.Toast-module__toast.Toast-module__success .Toast-module__title {
    color: var(--iso-lime-2);
}

.Toast-module__toast.Toast-module__error .Toast-module__title {
    color: #ff8165;
}

/* ----- FOOTER LINKS ----- */

.ShopFooter-module__link {
    color: rgba(239,248,235,.62);
    border-radius: 7px;
}

.ShopFooter-module__link:hover {
    color: var(--iso-cyan);
    background: rgba(49,230,211,.055);
}

/* ----- COPYRIGHT: KEEP FULLY LEGIBLE ----- */

.DesktopCopyright-module__wrapper,
.MobileCopyright-module__wrapper {
    color: rgba(240,247,237,.78) !important;
    background: rgba(12,17,13,.94) !important;
    border: 1px solid rgba(255,255,255,.07);
    box-shadow: 0 8px 26px rgba(0,0,0,.25);
}

.DesktopCopyright-module__link,
.MobileCopyright-module__link {
    color: var(--iso-lime) !important;
}

/* ----- MOBILE MENU ----- */

.PlayerMenuMobile-module__menu {
    background:
        radial-gradient(420px 260px at 100% 0%, rgba(49,230,211,.075), transparent 72%),
        radial-gradient(380px 240px at 0% 0%, rgba(156,255,59,.09), transparent 70%),
        #0e140f;
    border-left: 1px solid rgba(156,255,59,.12);
    box-shadow: -24px 0 70px rgba(0,0,0,.42);
}

.PlayerMenuMobile-module__mobileMenuBtn {
    background: linear-gradient(135deg, rgba(156,255,59,.10), rgba(49,230,211,.06));
    border: 1px solid rgba(156,255,59,.15);
}

.PlayerMenuMobile-module__line {
    background: linear-gradient(90deg, var(--iso-lime), var(--iso-cyan));
}

/* ----- SOFT HOVER ANIMATION FOR CLICKABLE UI ----- */

.Categories-module__category,
.Servers-module__server,
.HeaderNav-module__link,
.SupportLink-module__link,
.PlayerMenu-module__profileLink,
.PlayerMenu-module__loginLink,
.PlayerBalance-module__btn,
.LangSwitcher-module__btn,
.Pagination-module__page,
.Pagination-module__navPageBtn {
    transition:
        transform .20s cubic-bezier(.2,.8,.2,1),
        color .20s ease,
        background .20s ease,
        border-color .20s ease,
        box-shadow .20s ease;
}

.Categories-module__category:hover,
.Servers-module__server:hover,
.PlayerMenu-module__profileLink:hover,
.PlayerMenu-module__loginLink:hover,
.PlayerBalance-module__btn:hover,
.LangSwitcher-module__btn:hover {
    transform: translateY(-2px);
}

/* ----- ACCESSIBILITY / REDUCED MOTION ----- */

@media (prefers-reduced-motion: reduce) {
    .Product-module__wrapper,
    .Product-module__img,
    .Categories-module__category,
    .Servers-module__server,
    .Button-module__btn,
    .HeaderNav-module__link {
        transition: none !important;
        transform: none !important;
    }
}

/* ----- MOBILE POLISH ----- */

@media screen and (max-width: 760px) {
    .Header-module__wrapper {
        min-height: 62px;
        padding: 0 12px;
        margin-bottom: 18px;
    }

    .Products-module__wrapper {
        gap: 10px;
    }

    .Product-module__wrapper {
        padding: 8px;
        border-radius: 13px;
    }

    .Product-module__price,
    .Product-module__discount {
        top: 6px;
        padding: 5px 7px;
        font-size: 12px;
    }

    .Product-module__price { left: 6px; }
    .Product-module__discount { right: 6px; }

    .Product-module__name {
        min-height: 44px;
        padding: 9px 10px;
        font-size: 13px;
    }

    .Product-module__count {
        right: 7px;
        bottom: 49px;
        min-width: 25px;
        height: 25px;
        padding: 0 6px;
        font-size: 12px;
    }

    .Categories-module__categories {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 2px 1px 7px;
        scrollbar-width: none;
    }

    .Categories-module__categories::-webkit-scrollbar {
        display: none;
    }

    .Categories-module__category {
        flex: 0 0 auto;
        padding: 9px 13px;
    }

    .Cookie-module__wrapper {
        gap: 8px;
    }
}