@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap');

* {
    font-family: 'Inter', sans-serif !important;
}

body {
    font-family: 'Inter', sans-serif !important;
}

body {
  background-color: #0f0f0f !important;
}

.dots-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    pointer-events: none;
    background-image: url('https://rustapp.io/assets/noise-BbuEVvE-.png'); /* спасибо RustApp, ахуенные точки базара нет */
    background-repeat: repeat;
    background-size: auto;
    z-index: 0;
}
#root,
.container,
header,
main,
footer {
    position: relative;
    z-index: 1;
}

.PlayerBalanceModal-module__form:before {
    display: block;
    margin-bottom: 10px; 
    padding: 7px;
    text-align: center;
    font-size: 16px;
    border-radius: 2px;
    border: 1px solid rgb(30, 39, 54);
margin-bottom: 20px;
}

:root[data-theme] {
--default-font-family:CeraPro;
--bg-color-800:#0a101b;
--bg-color-900:#121212;
--bg-color-700:#121212;
--accent-color-800:#61689e
}

.img-bonus {
width:100%;
height:auto;
padding:15px
}

.join-ds {
width:80%;
display:flex;
justify-content:center
}

.theme-dark.authBox {
font-family:Whitney,Helvetica Neue,Helvetica,Arial,sans-serif;
text-rendering:optimizeLegibility
}

.authBox {
width:100%;
padding:20px
}

.centeringWrapper {
width:100%;
text-align:center
}

.icon-dis {
background-image:url(https://i.postimg.cc/rmsqL5Gq/mubvQmX.png);
position:relative;
background-clip:padding-box;
background-color:none;
background-position:50%;
background-size:100% 100%
}

.iconInactive {
border-radius:60%
}

.iconSizeXLarge {
width:100px;
height:100px
}

.inviteIcon {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center
}

.inviteLargeIcon {
margin-right:0
}

.guildIcon {
margin-bottom:20px
}

.colorHeaderPrimary {
font-size:24px;
line-height:30px;
margin-top:8px;
color:#fff;
justify-content:center;
font-weight:600
}

.size16 {
font-size:16px;
line-height:20px
}

#discord-widget {
display:flex;
flex-direction:column;
align-items:center
}

.discordWidget-stats {
display:flex;
flex-direction:column;
width:100%;
margin-top:10px
}

.discordWidget-stats__row {
margin-bottom:8px;
padding:7px 16px;
border-radius:100px;
background-color:#1e2736;
display:flex;
justify-content:start;
align-items:center
}

.discordWidget-stats__circle_green {
background-color:#43b581
}

.discordWidget-stats__circle {
width:10px;
height:10px;
border-radius:50%;
margin-right:12px;
display:block
}

.discordWidget-stats__row:last-child {
margin-bottom:0
}

.discordWidget-stats__row {
margin-bottom:8px;
padding:7px 16px;
border-radius:100px;
background-color:#1e2736;
display:flex;
justify-content:start;
align-items:center
}

.discordWidget-stats {
display:flex;
flex-direction:column;
width:100%;
margin-top:10px
}

.btn.btn-success {
color:#fff;
border-color:#5cb85c
}

.btn {
margin-bottom:20px;
padding:0;
border:none;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
border-radius:9px;
font:inherit;
font-weight:500;
font-size:1.5rem;
line-height:160%;
transition:background .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out;
transition:background var(--default-transition-speed) var(--default-transition-timing-function),color var(--default-transition-speed) var(--default-transition-timing-function),opacity var(--default-transition-speed) var(--default-transition-timing-function);
text-shadow:none;
border:none!important;
font-size:14px;
border-radius:-4px;
color:#ffffffb3;
background:#1e2736;
padding:8px 12px;
transition:all 200ms;
min-height:13px;
min-width:13px
}

.btn-block {
width:100%
}

.btn-block:hover {
color:#fff;
background:#4d548f!important;
text-shadow:0 1px 1px #0006
}

.discordWidget-stats__circle_gray {
background-color:#b9bbbe
}

.xbox {
background:#0f1828;
border-radius:11px
}

.xbox .xbox__body {
background:#0f1828;
border:none;
border-radius:10px
}

.productModalDescription {
    background: transparent;
    padding: 0px 16px 0px 16px !important;
    margin: 16px 0 !important;
}

.productModalGiveText {
font-weight: 600;
  color: #939393;
  margin-top: -10px;
    margin-bottom: -10px;
}

.desc-service {
background:#2e3d6247;
height:30px;
border-radius:0 15px 15px 0;
padding-left:15px;
padding-top:5px;
margin-bottom:10px;
box-shadow:-3px 0 #8996f5;
position:relative
}

.desc-service .tooltiptext {
position:absolute;
padding:15px;
right:0;
top:50%;
background-color:#00000080;
transition:all .2s ease-out;
opacity:0;
border-radius:8px;
transform:translate(100%,-54%);
font-size:14px;
color:#e8e6e3;
max-width:320px
}

.desc-service:hover > .tooltiptext {
opacity:1;
transform:translate(calc(100% + 13px),-50%)
}

@media screen and (max-width: 992px) {
.desc-service:hover > .tooltiptext {
transform:translate(0,calc(100% + 13px))
}

.desc-service .tooltiptext {
top:unset;
bottom:0;
transform:translate(0,calc(100% + 17px));
left:0;
background-color:#000000b3
}
}

.desc-service .tooltiptext:after {
content:"";
position:absolute;
left:0;
top:50%;
transform:translate(-99%,-50%);
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-right:10px solid #00000080!important
}

@media screen and (max-width: 992px) {
.desc-service .tooltiptext:after {
content:"";
position:absolute;
left:50%;
top:0;
transform:translate(-50%,-99%);
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #000000b3!important
}
}

.desc-service.tooltipparent:after {
content:"?";
position:absolute;
right:0;
bottom:0;
background-color:#0003;
border-radius:8px 0 15px 0;
padding:3px 8px 2px 10px;
line-height:initial;
font-size:12px;
color:#e8e6e3
}

.boxHeader.Shop-module__header,.boxHeader.MonitoringWidget-module__header {
display:none
}

.MonitoringServer-module__link {
display:none
}

.Widgets-module__widgetWrapper .boxFooter {
display:none
}

.Widgets-module__widgetWrapper .boxBody {
border-radius:10px;
padding:20px 15px
}

.MonitoringServer-module__name {
color:gray;
font-weight:700
}

.MonitoringServer-module__progressBarWrapper {
height:10px;
background-color:#ffffff1a;
border-radius:4px
}

.MonitoringServer-module__progressBar {
background-color:#4d548f!important;
background-image:none;
box-shadow:5px 0 10px 4px #4d548f
}

.MonitoringServer-module__progressBarAnim {
background-image:linear-gradient(45deg,#ffffff26 25%,transparent 25%,transparent 50%,#ffffff26 50%,#ffffff26 75%,transparent 75%,transparent);
background-size:40px 40px;
box-shadow:none
}

.MonitoringServer-module__progressInfo {
border-radius:10px;
border:1px solid #4b3c6e
}

.Cookie-module__wrapper {
background-color: #1a1a1a;
border: 1px, solid #2b2b2b;
border-radius: 16px;
}

.Cookie-module__icon { 
fill: #ffffffab;
}

.Cookie-module__button.Button-module__accent {
background: #292929 !important;
    border: 1px, solid #2b2b2b;
    border-radius: 16px !important;
}


.Cookie-module__button.Button-module__accent:hover {
border: 1px, solid #2b2b2b;
  background: #2e2e2e !important;
}

.menu {
position:fixed;
-webkit-tap-highlight-color:transparent;
background:#fff;
border-radius:50%;
cursor:pointer;
height:60px;
left:12px;
top:20px;
width:60px
}

.hamburger {
cursor:pointer;
height:30px;
left:25%;
position:relative;
top:25%;
width:30px
}

.Header-module__wrapper {
    background: #1a1a1a;
    border-radius: 16px;
    font-size: 16px;
    min-height: 64px;
    border-width: 1px;
    border: 1px, solid #2b2b2b;
  margin: 0 auto 20px;
    padding: 0 2px;
    font-weight: 500;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1400px;
    width: calc(100% - 200px) !important;
}

.Header-module__nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex: 1 !important;
    margin: 0px auto 0px 0px !important;
}

.navbar-brand {
    margin: 0 10px 0 3px;
    height: 52px;
    width: 52px;
    background-repeat: no-repeat;
    background-image: url(https://cdn.rustseed.cloud/images/abf9d9d1-5189-4d78-8fdd-66f8a0776f0c/XSyExX.png);
    background-position: 100%;
    background-size: auto 100%;
    color: transparent !important;
    padding: 3px;
  border-radius: 16px;
}

.Header-module__nav {
margin-left:10px
}

.HeaderNav-module__link,.SupportLink-module__link,.LangSwitcher-module__btn,.PlayerBalance-module__btn,.PlayerMenu-module__profileLink,.PlayerMenu-module__loginLink {
color:#ffffffab;
background:#292f3659;
border-radius:6px;
position:relative;
padding:10px;
font-size:14px;
font-weight:700;
line-height:20px
}

.LangSwitcher-module__btn {
cursor:pointer;
display:none;
align-items:center;
justify-content:center;
white-space:nowrap;
transition:all .1s ease;
max-height:40px
}

.LangSwitcher-module__list {
left:-40%;
background:#30395b
}

.LangSwitcher-module__lang:hover,.LangSwitcher-module__lang:focus {
background-color:#4d548f!important
}

.HeaderNav-module__link:focus,.SupportLink-module__link:focus,.LangSwitcher-module__btn:focus,.PlayerBalance-module__btn:focus,.PlayerMenu-module__profileLink:focus,.PlayerMenu-module__loginLink:focus {
color:#ffffffab;
background:#292f3659
}

.HeaderNav-module__link:hover,.SupportLink-module__link:hover,.LangSwitcher-module__btn:hover,.PlayerBalance-module__btn:hover,.PlayerMenu-module__profileLink:hover,.PlayerMenu-module__loginLink:hover {
color:#fff;
background: rgba(255, 255, 255, 0.1);
text-shadow:0 1px 1px #0006
}

.PlayerMenu-module__loginLink {
margin-right: 6px !important;
}

.Banner-module__img {
margin-bottom:32px;
opacity:.9;
border-radius:10px;
margin-top:35px
}

.info-donate {
display: block;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #a09fa3;
    background: #1a1a1a;
    border-radius: 8px;
    font-weight: 500;
}

.info-donate-ds {
color:#d0cddb
}

.Servers-module__server {
min-width:100px;
background-color:#1e2736;
color:#bfbfbf;
border-radius:4px
}

.Servers-module__server:focus {
background-color:#1e2736;
color:#bfbfbf
}

.Servers-module__server:hover {
background-color:#131f34;
color:#ffffffb3
}

.Servers-module__server.Servers-module__active {
background:#4d548fab;
border-radius:.4rem
}

.Categories-module__category.Categories-module__enableFocus {
background-color:#1e2736;
color:#ffffffb3;
border-radius:9px;
font-size:14px
}

.Categories-module__category.Categories-module__enableFocus:focus {
background-color:#1e2736;
color:#ffffffb3
}

.Categories-module__category.Categories-module__enableFocus:hover {
background-color:#131f34;
color:#ffffffb3
}

.Categories-module__category.Categories-module__active {
color:#fff;
background:#141414!important;
text-shadow:0 1px 1px #0006
}

.Search-module__wrapper {
border-radius:8px;
background:#1e2736
}

.Search-module__iconWrapper {
background:#131f34
}

.PlayerMenu-module__profileLink {
    margin: 0px 5px;
    width: 48px;
    height: 48px;
    border-radius: 16px 16px 16px 16px;
}

.divInfo {
color:#ffffff4d;
text-align:center;
font-size:13px;
padding:16px
}

.Shop-module__wrapper .boxBody {
border-radius:16px;
  border-width: 1px;
    border: 1px, solid #2b2b2b;
}

.Shop-module__wrapper .boxFooter {
background-color: #121212;
    border-radius: 16px;
    border: 1px, solid #2b2b2b;
    width: calc(100% - 200px) !important;
    margin: 15px auto 20px;
}

.Shop-module__wrapper .boxFooter:before {
content: 'ИП Денеко Семён Максимович ИНН: 910826277053 ОГРНИП: 325911200017672';
color: #7b7b7b;
  	text-align: center;
  	display: flex;
    justify-content: center;
}

.ShopFooter-module__link {
color:#696fa1c2
}

.ShopFooter-module__link:hover,.ShopFooter-module__link:focus {
color:#696fa1
}

.Product-module__wrapper {
background:#46464624;
transition:.2s ease-in-out 0s;
border-radius:8px
}

.Product-module__wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #fc00 0%, #ffffff00 100%), #46464624;
    opacity: 0;
    transition: opacity .2s linear;
    z-index: -1;
}

.Product-module__wrapper:hover::after {
opacity:1
}

.Product-module__wrapper:hover {
transform:scale(1.03)
}

.Product-module__discount {
background-color:#36481f;
text-align:center;
}

.Product-module__img {
    object-fit: contain;
    width: 100%;
    margin-bottom: 40px;
}

.Product-module__name {
    padding: 4px 14px 4px 14px;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: none;
    transition: none;
    background-color: unset;
    margin-bottom: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
    color: #e6e2e6;
}

.Product-module__discount {
    top: 0;
    left: 0;
  	right: unset;
    padding: 4px 6px;
    border-radius: 4px 4px 4px 4px;
    margin-left: 10px;
    margin-top: 10px;
    color: #85cc2b;
}

.Product-module__price {
left: 0;
    bottom: 0;
    top: unset;
    margin-left: 8px;
    background-color: unset;
    margin-bottom: 4px;
    font-weight: 600;
    color: #999999;
}

.Product-module__oldPrice {
position: relative;
    margin-right: 4px;
    opacity: 0.5;
}

.Product-module__oldPrice:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--font-color-800);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.Product-module__price:has(.Product-module__oldPrice) span:last-child {
    color: #81c52a !important;
}

.ProductModal-module__set .boxBody {
background: transparent !important;
}

.ProductModal-module__dropdown .boxBody {
background: transparent !important;
}

.ProductModal-module__item .boxBody {
background: transparent !important;
}
 
.ProductModal-module__command .boxBody {
background: transparent !important;
}

.ProductModal-module__header.boxHeader {
border-radius:20px 20px 0 0;
  display: block;
    background: transparent !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #ececec !important;
    text-align: center !important;
    padding: 20px 20px 0 20px !important;
    text-transform: none !important;
}

.productModalImg {
    max-width: 270px;
    width: 100%;
    height: 300px;
    object-fit: contain;
    margin-bottom: 10px;
}

.ProductItemSelector-module__serverSelector.dropDownWrapper .dropDownCurrentItem, .dropDownCurrentItem:hover, .dropDownCurrentItem:focus {
 background: #1f1f1f !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 14px !important;
    padding: 12px 16px !important;
    width: 100% !important;
    outline: none; 
}

.dropDownCurrentItem {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    font-size: 15px;
    transition: all .1s ease;
}

.SelectContent-module__footer.boxFooter {
border-radius: 0 0 20px 20px;
    background: transparent !important;
    padding: 16px 20px !important;
    display: flex !important;
    gap: 12px !important;
}
}

.ItemContent-module__footer {
 border-radius: 0 0 20px 20px;
    background: transparent !important;
    padding: 16px 20px !important;
    display: flex !important;
    gap: 12px !important;
}

.ProductModal-module__header {
font-size:17px;
display:flex;
align-items:center;
justify-content:center
}

.productModalDescription img {
border-radius:8px;
transition:all .2s cubic-bezier(.79,.14,.15,.86);
cursor:pointer;
z-index:10;
position:relative;
background: rgb(255 255 255 / 0%);
}

.productModalFormRow {
display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
}

.TotalSum-module__inputWrapper,.CountSelector-module__inputWrapper {
background:#1e2736!important;
  width: 100%;
    display: flex;
    height: 36px;
    border-radius: 14px !important;
    border: 1px solid #2a2a2a !important;
    overflow: hidden !important;
  width: 130px;
  margin-left: 10px;
}

.CountSelector-module__inputWrapper {
    display: flex;
    height: 36px;
    border-radius: 14px !important;
    border: 1px solid #2a2a2a !important;
    overflow: hidden !important;
    width: 150px;
    margin-left: 75px;
}


.TotalSum-module__label {
 display: none; 
}

.TotalSum-module__currency {
background: #2a2a2a !important;
    color: #a1a1aa !important;
    padding: 8px 12px !important;
  line-height: unset;
}

.productModalProductAvailability {
display:none;
}

.CountSelector-module__changeCountBtn.CountSelector-module__left,.CountSelector-module__changeCountBtn.CountSelector-module__right {
background:#1c2030;
border:none
}

.CountSelector-module__changeCountBtn {
 background: #2a2a2a !important;
    color: #ececec !important;
    padding: 8px 8px !important; 
}

.CountSelector-module__label {
display: none;
}

.SelectContent-module__footer.boxFooter .Button-module__btn.Button-module__gray {
background: #1f1f1f !important;
    color: #a1a1aa !important;
    border: none !important;
}

.ItemContent-module__footer.boxFooter .Button-module__btn.Button-module__accent {
    background: #4d548f !important;
    color: white !important;
    border: none !important;
}

.ItemContent-module__footer.boxFooter .Button-module__btn.Button-module__gray {
background: #1f1f1f !important;
    color: #a1a1aa !important;
    border: none !important;
}

.ItemContent-module__label {
display: none;
}

.ItemContent-module__footer.boxFooter {
    border-radius: 0 0 20px 20px;
    background: transparent !important;
    padding: 16px 20px !important;
    display: flex !important;
    gap: 12px !important;
}

.SelectContent-module__footer.boxFooter .Button-module__btn.Button-module__accent {
background:#61689e!important;
color: white !important;
    border: none !important;
}

.SelectContent-module__footer.boxFooter .Button-module__btn.Button-module__accent:hover {
background:#4d548f!important;
color: white !important;
    border: none !important;
}

.ProductItemSelector-module__serverSelector.dropDownWrapper .dropDownCurrentItem,.dropDownCurrentItem:hover,.dropDownCurrentItem:focus {
border-radius:2px;
border:1px solid #8996f5;
background-color:#4d548f;
outline:none
}

.ProductItemSelector-module__serverSelector.dropDownWrapper .dropDownList {
background-color: #1f1f1f;
    color: #ffffffb3;
    outline: 1px solid #2a2a2a;
}

.dropDownList {
    width: 100%;
    margin-top: 4px;
    position: absolute;
    top: 100%;
    background: var(--bg-color-700);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    padding: 8px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 60;
    border-radius: 10px;
}

.ProductItemSelector-module__serverSelector.dropDownWrapper .dropDownItem:hover,.ProductItemSelector-module__serverSelector.dropDownWrapper .dropDownItem:focus {
background: rgba(255, 255, 255, 0.05);
}

.ProductItemSelector-module__serverSelector.dropDownWrapper .dropDownItem.ProductItemSelector-module__active {
background: rgba(255, 255, 255, 0.05);
}

.dropDownItem {
width: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding: 8px 12px;
    color: var(--font-color-700);
    border-radius: 5px;
    text-align: left;
    transition: all .2s ease;
}


.TotalSum-module__input {
background: #1f1f1f !important;
    color: #ececec !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    padding: 10px 20px 10px 10px !important;
    text-align: center !important;
    width: 100%;
}

.CountSelector-module__input {
font-size: 1.1rem;
    width: 100%;
    padding: 0 10px;
    background: #1f1f1f !important;
    color: #ececec !important;
    font-weight: 600 !important;
  text-align: center;
}

.ProductModal-module__header.boxHeader {
font-size:20px;
font-weight:700;
display:block;
text-align:center;
color:#bbb;
text-transform:uppercase
}

.ModalLayout-module__wrapper {
background-color: #000000d1;
}

.ProductItemSelector-module__label {
display: none;
}

.ProductModal-module__command, .ProductModal-module__bp, .ProductModal-module__item, .ProductModal-module__dropdown {
  max-width: 420px !important;
}

.SelectContent-module__label {
display:none;
}

.Selector-module__dropDownWrapper {
display:none;
}

.ModalLayout-module__modal.SupportContent-module__modal {
  border-radius: 16px !important;
  margin-top: 240px;
}

.NewTicketModal-module__header {
background: #222222 !important;
    border-radius: 16px 16px 0px 0px;
    font-weight: 600;
}

.TicketThemeInput-module__input {
background: #222222;
      font-weight: 500;
}

.ModalLayout-module__modal {
border-radius: 20px;
    border: 1px, solid #2b2b2b;
    background: rgba(20, 20, 20, 0.85) !important;
  margin-top: 30px;
}

.ModalLayout-module__modal.ProductModal-module__item {
    margin-top: 240px !important;
}

.ModalLayout-module__modal.ProductModal-module__command {
    margin-top: 240px !important;
}

.PlayerBalanceModal-module__header {
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
color:#bbb;
font-weight:700;
text-transform:uppercase;
border-radius:16px 16px 0 0
}

.PlayerBalanceModal-module__footer {
border-radius: 0 0 20px 20px;
    background: transparent !important;
    padding: 16px 20px !important;
    display: flex !important;
    gap: 12px !important;
}

.PlayerBalanceModal-module__footer .Button-module__btn.Button-module__accent {
background:#61689e;
border-radius:.4rem;
border:none
}

.PlayerBalanceModal-module__footer .Button-module__btn.Button-module__accent:hover,.PlayerBalanceModal-module__footer .Button-module__btn.Button-module__accent:focus {
color:#fff;
background:#4d548f!important;
text-shadow:0 1px 1px #0006
}

.Button-module__gray:hover {
    background: #2a2a2a !important;
    color: #ececec !important;
}

.Button-module__accent:hover {
    background: #0f6b8a !important;
    transform: translateY(-1px) !important;
}

.PlayerBalanceModal-module__footer .Button-module__btn.Button-module__gray {
border-radius:.4rem;
border:none;
background-color: #292929 !important; 
}

.PlayerBalanceModal-module__footer .Button-module__btn.Button-module__gray:hover {
background: #303030 !important:
}

.PlayerBalanceModal-module__inputWrapper {
background:#1e2736;
border-radius:3px 15px 3px 3px
}

.PlayerBalanceModal-module__currency {
background:#4d548fab;
min-width:40px
}

.ProfileContent-module__infoLine {
background-color:unset;
color:#ffffffb3
}

.ProfileContent-module__infoLine+.ProfileContent-module__infoLine {
border-top:1px solid #ffffff4f
}

.ProfileContent-module__infoLineValue.ProfileContent-module__steamid {
color:#adb7ff
}

.ProfileContent-module__infoLineValue.ProfileContent-module__steamid:hover {
color:#b190df
}

.ProfileContent-module__infoWrapper .ProfileContent-module__title,.ProfileContent-module__infoWrapper .Selector-module__dropDownWrapper {
display:none
  font-weight: 600;
}

.BasketTable-module__itemImg, .BasketTable-module__skeletonImg {
width: 44px;
    height: 44px;
    margin-right: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.BasketSearch-module__input {
background: #222222;
}

.ProfileContent-module__input {
background: #222222;
    border-radius: 12px;
}
.Button-module__btn.ProfileContent-module__usePromoBtn {
padding: 0px !important;
}

.ProfileContent-module__inputWrapper .Button-module__btn.Button-module__accent {
background:#1f1f1f;
border-radius:12px !important;
border:none
}

.ProfileContent-module__inputWrapper .Button-module__btn.Button-module__accent:hover {
color:#fff;
background:#4d548f!important;
text-shadow:0 1px 1px #0006
}

.ProfileContent-module__header.boxHeader,.ProfileNav-module__header.boxHeader,.BasketContent-module__header.boxHeader,.HistoryContent-module__header.boxHeader,.SupportContent-module__wrapper .boxHeader {
background-color: #1a1a1a;
    border-radius: 16px 16px 0 0;
    font-weight: 600;
}

.ProfileContent-module__body.boxBody,.ProfileNav-module__wrapper .boxFooter,.BasketContent-module__wrapper .boxBody,.HistoryContent-module__wrapper .boxBody,.SupportContent-module__wrapper .boxBody {
border-radius:0 0 16px 16px
}

.SupportContent-module__wrapper {
    margin: 0 auto;
    border: 1px, solid #2b2b2b;
    border-radius: 16px;
  margin-top: -10px;
}

.TicketsTable-module__tableTitle:last-child, .TicketsTable-module__value:last-child {
 text-align: center !important; 
}

.ProfileContent-module__wrapper {
border: 1px, solid #2b2b2b;
    border-radius: 16px;
}

.ProfileContent-module__infoLine+.ProfileContent-module__infoLine {
border-top: unset;
}

.ProfileContent-module__title {
display: none;
}

.ProfileNav-module__name {
color:#fff;
font-weight:700
}



.Profile-module__wrapper .boxFooter {
border-radius:0 0 16px 16px;
background-color:#121212;
}

.Profile-module__wrapper {
 margin-top: -10px !important; 
}

.ProfileBasket-module__wrapper {
 margin-top: -10px !important; 
}

.ProfileHistory-module__wrapper {
 margin-top: -10px !important; 
}

button.Button-module__btn.ProfileNav-module__logOut.Button-module__accent {
border-radius: 16px !important;
  background-color: #1a1a1a !important;
  border: 0px !important;
}

.ProfileNav-module__navItem+.ProfileNav-module__navItem {
background: rgba(255, 255, 255, 0.05);
}

.ProfileNav-module__navItem {
background-color:#ffffff1a;
border-radius:.4rem;
color:#adadad;
  font-weight: 600;
}

.ProfileNav-module__navItem:focus {
background-color:#ffffff1a;
color:#adadad
}

.ProfileNav-module__navItem:hover {
background-color:rgba(255, 255, 255, 0.1);;
color:#ffffffb3
}

.ProfileNav-module__navItem.ProfileNav-module__active {
background: rgba(255, 255, 255, 0.1);
color:#ffffffb3;
  font-weight: 600;
}

.BasketSearch-module__wrapper {
border-radius:8px;
background:#1e2736
}

.BasketSearch-module__iconWrapper {
background:#2a2a2a
}

.BasketTable-module__tableTitle {
color:#f7f6f6;
  font-weight: 600;
      margin-bottom: 10px;
}

.BasketTable-module__tableTitle:first-child, .BasketTable-module__value:first-child {
 font-weight: 600; 
}

.BasketTable-module__tableLine,.BasketTable-module__tableHeader {
padding:3px 12px;
}

.BasketTable-module__tableLine:nth-child(2n-1) {
background-color:transparent
}

.HistorySearch-module__wrapper {
border-radius:8px;
background:#1e2736
}

.HistorySearch-module__iconWrapper {
background:#2a2a2a
}

.HistoryTable-module__tableLine, .HistoryTable-module__tableHeader { 
    border-bottom: none !important;
}

.HistoryTable-module__tableTitle {
color:#f7f6f6
}

.HistoryTable-module__tableLine:nth-child(2n-1) {
background-color:transparent
}

.HistoryTable-module__tableLine,.HistoryTable-module__tableHeader {
padding:9px 12px;
border-bottom:1px solid #292c2e
}

.Pagination-module__page:hover,.Pagination-module__page.Pagination-module__active,.Pagination-module__page:focus {
color:#ffffffb3
}

.HistorySearch-module__input { 
background: #222222;
}

.Toast-module__toast {
background:#1a1a1a;
      border: 1px, solid #2b2b2b;
}

.ProfileNav-module__wrapper .boxFooter .Button-module__btn.Button-module__accent {
background-color:#4a54a3;
border-color:#4a54a3
}

.ProfileNav-module__img {
border-radius: 16px;
}

.ProfileNav-module__wrapper {
    margin-right: 20px;
    border: 1px, solid #2b2b2b;
    border-radius: 16px;
}

.TicketsTable-module__tableTitle {
color:#f7f6f6!important;
  font-weight: 600 !important;
}

.TicketsTable-module__tableLine,.TicketsTable-module__tableHeader {
padding:3px 12px;
border-bottom:1px solid #292c2e
}

.TicketsTable-module__tableLine:nth-child(2n-1) {
background-color:transparent!important
}

.TicketsTable-module__tableLine:hover .TicketsTable-module__value:not(:last-child) {
color:#ffffff!important
}

.TicketsTable-module__tableHeader, .TicketsTable-module__tableLine {
    display: grid ;
    grid-template-columns: 1fr 1fr 1fr !important;
}

.TicketsTable-module__tableLine {
 width: 100%; 
}

.TicketsTable-module__tableLine:nth-child(2n-1) {
   width: 100%; 
}

.TicketsTable-module__value {
    font-weight: 600;
}

.NewTicketModal-module__footer {
border-radius: 0px 0px 16px 16px;
    background: #222222 !important;
}

.TicketsMenu-module__wrapper .Button-module__btn.Button-module__gray,.NewTicketModal-module__footer .Button-module__btn.Button-module__gray {
background: #292929 !important;
    border: none;
    border-radius: 16px !important;
    margin-right: 200px;
}

.TicketsTable-module__tableHeader span:nth-child(2),
.TicketsTable-module__tableHeader span:nth-child(3) {
    display: none;
}

.TicketsTable-module__tableLine span:nth-child(2),
.TicketsTable-module__tableLine span:nth-child(3) {
    display: none;
}

.TicketsMenu-module__wrapper .Button-module__btn.Button-module__gray:hover,.NewTicketModal-module__footer .Button-module__btn.Button-module__gray:hover {
color:#fff;
background: #303030 !important;
}

.TicketsMenu-module__wrapper .Button-module__btn.Button-module__accent,.NewTicketModal-module__footer .Button-module__btn.Button-module__accent {
border: none;
    border-radius: 16px !important;
    margin-left: 200px;
}

.TicketsMenu-module__wrapper .Button-module__btn.Button-module__accent:hover,.NewTicketModal-module__footer .Button-module__btn.Button-module__accent:hover {
color:#fff;
background:#4d548f!important;
text-shadow:0 1px 1px #0006
}

.TicketsMenu-module__wrapper {
margin-bottom: 10px;
}

.TicketModal-module__messageWrapper {
  padding: 16px !important;
    background: #222222 !important;
    border-radius: 16px !important;
}

.NewTicketModal-module__label {
 display: none !important; 
}

.TicketModal-module__header {
    background: #222222 !important;
    border-radius: 16px 16px 0px 0px;
    font-weight: 600;
}

.TicketModal-module__sideBtns .Button-module__btn.Button-module__gray {
  height: 47px;
  background: #292929 !important;
    border: none;
  border-radius: 16px !important;
  margin-bottom: 16px;
}

.TicketModal-module__sideBtns .Button-module__btn.Button-module__gray:hover {
  height: 47px;
background: #303030 !important;
    border: none;
  border-radius: 16px !important;
}

.TicketModal-module__sideBtns {
 margin-bottom: -20px; 
}

.TicketMessageTextArea-module__textarea {
  border-radius: 8px !important;
    background: #222222 !important;
  font-weight: 500 !important;
    border: 1px, solid #363636 !important;
}

.TicketThemeInput-module__inputWrapper {
border-radius:8px!important;
background:#1e2736!important
}

.TicketThemeInput-module__iconWrapper {
background: #2a2a2a !important; 
}

.NewTicketModal-module__multiCol .Selector-module__dropDownCurrentItem {
border-radius:8px!important;
background:#1e2736!important
}

.NewTicketModal-module__multiCol .Selector-module__dropDownCurrentItem:hover,.Selector-module__dropDownCurrentItem:focus {
outline:1px solid #8996f5
}

.NewTicketModal-module__multiCol .Selector-module__dropDownList.Selector-module__openOnBottom {
background-color:#131f34;
color:#ffffffb3
}

.NewTicketModal-module__multiCol .Selector-module__dropDownItem:hover,.NewTicketModal-module__multiCol .Selector-module__dropDownItem:focus {
background:#4d548fab
}

.NewTicketModal-module__multiCol .Selector-module__dropDownItem.Selector-module__active {
background:#4d548f!important;
text-shadow:0 1px 1px #0006
}

.customModalContent {
background-color:#171925;
border-radius:15px 30px 15px 30px;
width:900px
}

.customModalContent .boxHeader {
border-radius:15px 30px 0 0;
font-size:35px;
font-weight:700;
display:block;
text-align:center;
color:#bbb;
padding-top:15px;
text-transform:uppercase
}

.customModalContent .boxFooter {
border-radius:0 0 15px 30px
}

.modal,.modal-open {
overflow:hidden
}

.customModalContent .boxFooter .btn.Button-module__btn.Button-module__gray {
background:#4d548f!important;
color:#bebcbc
}

.serverAccordion__block p {
margin:6px 0 0;
text-align:left
}

.HeaderNav-module__wrapper a[href="/"] {
display:none
}

.gs-loader {
background-color:transparent;
backdrop-filter:blur(5px)
}

.gs-loader__spinner {
margin-top:0;
width:100px;
height:100px;
background:url(https://i.postimg.cc/Hk03fwTZ/13CBkPO.png) no-repeat;
border:none;
animation:loader4 1s infinite ease
}

@keyframes loader4 {
from {
transform:rotate(360deg)
}

to {
transform:rotate(0)
}
}

.DesktopCopyright-module__link {
color:#654e9b
}

.TicketsTable-module__status.TicketsTable-module__open {
background-color:#292929!important
}

.TicketsTable-module__tableLine .TicketsTable-module__status.TicketsTable-module__closed {
  background-color:#292929!important
}

.Button-module__btn {
flex: 1 !important;
    padding: 14px;
    border-radius: 20px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.TicketModal-module__footer.boxFooter .Button-module__btn.Button-module__accent {
background:#4d548fab;
border-radius:.4rem;
border:none;
  height: 47px;
    padding: 0px !important;
    margin-left: 6px;
    border-radius: 16px !important;
}

.TicketModal-module__footer.boxFooter .Button-module__btn.Button-module__accent:hover,.TicketModal-module__footer.boxFooter .Button-module__btn.Button-module__accent:focus {
color:#fff;
background:#4d548f!important;
text-shadow:0 1px 1px #0006
}

.TicketModal-module__footer {
  background: #222222 !important;
  border-radius: 0px 0px 16px 16px;
}

.TicketModal-module__messageAuthor {
color:#975de9!important;
font-weight: 600;  
}

.TicketModal-module__messageText {
     font-weight: 500; 
}

.Widgets-module__wrapper {
    min-width: 264px;
    max-width: 264px;
    margin-right: 20px;
    display: none;
}

.custom-categories-dropdown {
    position: relative;
    width: auto;
    min-width: 100px;
    max-width: 150px;
    z-index: 100;
}

.custom-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    height: 37px;
    padding: 0 12px;
    background: #1a1a1a;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
  	margin-top: -11px;
}

.custom-dropdown-trigger:hover {
    background: rgba(255, 255, 255, 0.05);
}

.custom-dropdown-trigger.open {
    border-radius: 8px 8px 8px 8px;
}

.dropdown-trigger-content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dropdown-icon {
    color: #8996f5;
    width: 16px;
    height: 16px;
}

.dropdown-arrow {
    transition: transform 0.2s ease;
    color: #888;
    width: 12px;
    height: 12px;
}

.custom-dropdown-trigger.open .dropdown-arrow {
    transform: rotate(180deg);
}

.custom-dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #1a1a1a;
    border-width: 1px;
    border: 1px, solid #2b2b2b;
    border-radius: 8px;
    max-height: none;
    overflow-y: visible;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 1000;
    min-width: 140px; 
    width: max-content;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.custom-dropdown-menu.open {
    opacity: 1;
    visibility: visible;
}

.custom-dropdown-item {
    padding: 8px 20px;
    padding-left: 8px;
    margin: 4px 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    border-radius: 6px;
    white-space: nowrap;
  	display: flex;
    align-items: center;
}

.custom-dropdown-item:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.custom-dropdown-item.active {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.custom-dropdown-menu::-webkit-scrollbar {
    display: none;
}

.selected-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.category-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .custom-categories-dropdown {
        min-width: 100px;
        max-width: 150px;
    }
    
    .custom-dropdown-menu {
        min-width: 150px;
    }
}
.custom-server-tabs {
    margin-bottom: 20px;
}

.custom-tabs-list {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1a1a1a;
    border-radius: 8px;
    padding: 4px;
    gap: 4px;
    flex-wrap: wrap;
}

.custom-server-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.2s ease;
    cursor: pointer;
    outline: none;
    border: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
}

.custom-server-tab:hover {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.05);
}

.custom-server-tab.active {
    background: #141414;
    color: #fff;
  font-weight: 600;
}

.Servers-module__servers {
    display: none !important;
}

@media (max-width: 640px) {
    .custom-tabs-list {
        width: 100%;
    }
    
    .custom-server-tab {
        flex: 1;
        justify-content: center;
        padding: 8px 12px;
    }
}

.Shop-module__wrapper .boxBody {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  margin-top: -10px;
}

.Shop-module__wrapper .boxBody > .info-donate {
    width: 100%;
    margin-bottom: 10px;
}

.Shop-module__wrapper .boxBody {
    position: relative;
}

.custom-server-tabs {
    margin: 0;
    flex-shrink: 0;
}

.custom-categories-dropdown {
    margin: 0;
    margin-left: auto;
    flex-shrink: 0;
    max-width: 280px;
}

.Shop-module__wrapper .boxBody .Search-module__wrapper {
    display: none;
}

.Servers-module__servers,
.Categories-module__categories {
    display: none !important;
}

@media (max-width: 768px) {
    .Shop-module__wrapper .boxBody {
        flex-direction: column;
        align-items: stretch;
    }
    
    .custom-server-tabs,
    .custom-categories-dropdown {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }
    
    .custom-tabs-list {
        width: 100%;
    }
    
    .custom-server-tab {
        flex: 1;
        text-align: center;
    }
}

.custom-slider-wrapper {
    width: 100%;
    margin-top: 35px;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    cursor: default;
}

.custom-slider-wrapper:active {
    cursor: default;
}

.custom-slider-track {
    display: flex;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.custom-slide {
    flex: 0 0 100%;
    min-width: 0;
}

.custom-slide-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 60px;
    min-height: 400px;
    position: relative;
    overflow: hidden;
}

.custom-slide-left {
    flex: 1;
    z-index: 2;
}

.custom-slide-icon-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.custom-slide-icon {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.custom-slide-title {
    font-size: 42px;
    font-weight: bold;
    color: #ECECEC;
}

.custom-slide-description {
    font-size: 18px;
    color: #5E5E5E;
    max-width: 500px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.custom-slide-button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 32px;
    border-radius: 18px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    transition: transform 0.3s ease, opacity 0.3s ease;
    border: none;
    cursor: pointer;
}

.custom-slide-button:hover {
    transform: translateY(-2px);
    opacity: 0.9;
    color: white;
}

.custom-slide-right {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.custom-slide-image {
    max-width: 100%;
    max-height: 300px;
    object-fit: contain;
    pointer-events: none;
    animation: float 3s ease-in-out infinite;
    user-drag: none;
    -webkit-user-drag: none;
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.custom-slider-dots {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    gap: 8px;
    z-index: 10;
    background: rgba(26, 26, 26, 0.5);
    padding: 6px 12px;
    border-radius: 20px;
}

.custom-slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #3C3C3C;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.custom-slider-dot.active {
    background: #ECECEC;
}

.Banner-module__img {
    display: none !important;
}

@media (max-width: 768px) {
    .custom-slide-content {
        flex-direction: column;
        padding: 30px 20px;
        text-align: center;
    }
    
    .custom-slide-icon-wrapper {
        justify-content: center;
    }
    
    .custom-slide-title {
        font-size: 28px;
    }
    
    .custom-slide-description {
        font-size: 16px;
    }
    
    .custom-slide-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .custom-slide-right {
        margin-top: 20px;
    }
    
    .custom-slide-image {
        max-height: 200px;
    }
    
    .custom-slider-dots {
        bottom: 10px;
        right: 50%;
        transform: translateX(50%);
    }
}

.custom-slider-wrapper,
.custom-slide,
.custom-slide-content,
.custom-slide-left,
.custom-slide-right,
.custom-slide-title,
.custom-slide-description,
.custom-slide-button,
.custom-slide-icon-wrapper {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.custom-slide-image {
    pointer-events: none;
    user-drag: none;
    -webkit-user-drag: none;
}

#root {
    display: flex !important;
    flex-direction: column !important;
}

.container.headerContainer {
    order: -1 !important;
    margin-top: 20px !important; 
    margin-bottom: 0 !important; 
}

.container.bannerContainer {
    order: 0 !important;
    margin-top: 0 !important; 
}

.custom-slider-wrapper {
    margin-top: 0 !important;
    margin-bottom: 32px !important;
}

.Banner-module__img {
    margin-top: 0 !important;
}

.ModalLayout-module__modal.PlayerBalance-module__modal {
    background: #1B1B1B !important;
    border-radius: 24px !important;
    border: 1px solid #303030 !important;
    overflow: hidden !important;
    max-width: 500px !important;
    width: 100% !important;
    margin: 250px;
}

.PlayerBalanceModal-module__header.boxHeader {
    background: #222222 !important;
    padding: 20px !important;
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #ECECEC !important;
    text-align: center !important;
    border-bottom: 1px solid #303030 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.PlayerBalanceModal-module__form {
    padding: 20px !important;
}

.PlayerBalanceModal-module__label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #ECECEC !important;
    margin-bottom: 8px !important;
}

.PlayerBalanceModal-module__inputWrapper {
    display: flex !important;
    align-items: center !important;
    background: #222222 !important;
    border-radius: 12px !important;
    border: 1px solid #303030 !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
}

.PlayerBalanceModal-module__inputWrapper:focus-within {
    border-color: #303030 !important;
}

.PlayerBalanceModal-module__currency {
    background: #282828 !important;
    color: #A1A1AA !important;
    padding: 0px 14px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    border-right: 1px solid #303030 !important;
}

.PlayerBalanceModal-module__input {
    background: transparent !important;
    color: #ECECEC !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
    width: 100% !important;
    border: none !important;
    outline: none !important;
}

.PlayerBalanceModal-module__input::placeholder {
    color: #585858 !important;
}

.PlayerBalanceModal-module__input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.PlayerBalanceModal-module__input[type="number"]::-webkit-inner-spin-button,
.PlayerBalanceModal-module__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quick-amount-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 16px !important;
    margin-bottom: 20px !important;
}

.quick-amount-btn {
    flex: 1 !important;
    min-width: 70px !important;
    padding: 8px 12px !important;
    background: #2A2A2A !important;
    border: 1px solid #3A3A3A !important;
    border-radius: 12px !important;
    color: #ECECEC !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.quick-amount-btn:hover {
    background: #3A3A3A !important;
    border-color: #4A4A4A !important;
}

.quick-amount-btn.active {
    background: #ECECEC !important;
    color: #1B1B1B !important;
    border-color: #ECECEC !important;
}

.bonus-section {
        background: #1B1B1B !important;
    border: 1px solid #303030 !important;
    border-radius: 16px !important;
    padding: 0px 10px 0px 10px !important;
    margin-top: 10px;
    margin-bottom: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.quick-amount-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

.quick-amount-btn {
    flex: 1 !important;
    min-width: 70px !important;
    padding: 8px 12px !important;
    background: #2A2A2A !important;
    border: 1px solid #3A3A3A !important;
    border-radius: 12px !important;
    color: #ECECEC !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.quick-amount-btn:hover {
    background: #3A3A3A !important;
    border-color: #4A4A4A !important;
}

.quick-amount-btn.active {
    background: #ECECEC !important;
    color: #1B1B1B !important;
    border-color: #ECECEC !important;
}

.bonus-slider-container {
    margin-bottom: 20px !important;
    width: 100% !important;
}

.bonus-slider-track {
    display: flex !important;
    height: 8px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #2A2A2A !important;
    margin-bottom: 12px !important;
    width: 100% !important;
    gap: 2px !important;
}

.bonus-slider-segment {
    flex: 1 !important;
    height: 100% !important;
    transition: all 0.3s ease !important;
    border-radius: 2px !important;
}

.bonus-slider-segment.filled {
    background: #7DFFA0 !important;
}

.bonus-slider-segment.empty {
    background: #2A2A2A !important;
}

.bonus-labels {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 4px !important;
    width: 100% !important;
}

.bonus-label {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #787878 !important;
    transition: color 0.2s ease !important;
}

.bonus-label.active {
    color: #7DFFA0 !important;
    font-size: 13px !important;
}

.bonus-rows-container {
    margin-top: 16px !important;
    border-top: 1px solid #303030 !important;
    padding-top: 12px !important;
}

.bonus-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 0 !important;
    font-size: 14px !important;
    gap: 8px !important;
}

.bonus-dashed-line {
    flex: 1 !important;
    border-bottom: 1px dashed #2E2E2E !important;
    margin: 0 8px !important;
    height: 1px !important;
}

.bonus-label-text {
    color: #787878 !important;
    white-space: nowrap !important;
}

.bonus-value {
    color: #7DFFA0 !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
}

.total-value {
    color: #ECECEC !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
}

.payment-info-messages {
    margin-top: 16px !important;
    padding: 12px !important;
    background: rgba(30, 39, 54, 0.5) !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    color: #A1A1AA !important;
    text-align: center !important;
}

.payment-info-messages p {
    margin: 4px 0 !important;
}

.payment-info-messages p:first-child {
    margin-top: 0 !important;
}

.payment-info-messages p:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 640px) {
    .ModalLayout-module__modal.PlayerBalance-module__modal {
        margin: 16px !important;
        max-width: calc(100% - 32px) !important;
        border-radius: 20px !important;
    }
    
    .bonus-section {
        padding: 16px !important;
    }
    
    .quick-amount-buttons {
        gap: 6px !important;
        flex-wrap: wrap !important;
    }
    
    .quick-amount-btn {
        min-width: 60px !important;
        padding: 8px 10px !important;
        font-size: 12px !important;
        flex: 0 0 auto !important;
    }
    
    .quick-amount-btn:nth-child(1),
    .quick-amount-btn:nth-child(2),
    .quick-amount-btn:nth-child(3),
    .quick-amount-btn:nth-child(4),
    .quick-amount-btn:nth-child(5) {
        flex: 1 0 auto !important;
    }
    
    .bonus-label {
        font-size: 9px !important;
    }
    
    .bonus-label.active {
        font-size: 10px !important;
    }
    
    .bonus-row {
        font-size: 12px !important;
        gap: 6px !important;
    }
    
    .bonus-label-text {
        font-size: 12px !important;
    }
    
    .bonus-value span:first-child,
    .total-value span:first-child {
        font-size: 13px !important;
    }
    
    .payment-info-messages {
        font-size: 10px !important;
        padding: 8px !important;
    }
    
    .PlayerBalanceModal-module__footer {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .PlayerBalanceModal-module__footer .Button-module__btn {
        width: 100% !important;
        padding: 12px !important;
    }
    
    .PlayerBalanceModal-module__header.boxHeader {
        font-size: 16px !important;
        padding: 16px !important;
    }
    
    .PlayerBalanceModal-module__input {
        padding: 12px 12px !important;
        font-size: 14px !important;
    }
    
    .PlayerBalanceModal-module__currency {
        padding: 12px 12px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .quick-amount-btn {
        min-width: 55px !important;
        padding: 6px 8px !important;
        font-size: 11px !important;
    }
    
    .bonus-label {
        font-size: 8px !important;
    }
    
    .bonus-label.active {
        font-size: 9px !important;
    }
}

@media (max-width: 768px) {
    .Header-module__nav {
        display: flex !important;
        gap: 8px !important;
        align-items: center !important;
    }
    
    .HeaderNav-module__link,
    .SupportLink-module__link {
        font-size: 0 !important;
        padding: 6px !important;
        margin: 0 !important;
    }
    
    .nav-icon {
        margin-right: 0 !important;
        width: 20px !important;
        height: 20px !important;
    }
    
    .nav-icon svg {
        width: 20px !important;
        height: 20px !important;
    }
    
    .SupportLink-module__link .nav-icon {
        margin-right: 0 !important;
    }
    
    .PlayerMenuMobile-module__mobileMenuBtn {
        display: none !important;
    }
    
    .PlayerMenu-module__wrapper {
        gap: 4px !important;
    }
    
    .LangSwitcher-module__btn {
        padding: 4px 6px !important;
        font-size: 12px !important;
        min-width: auto !important;
    }
    
    .PlayerBalance-module__btn {
        padding: 4px 6px !important;
        font-size: 12px !important;
    }
    
    .PlayerMenu-module__profileLink {
        padding: 4px !important;
    }
    
    .profile-icon {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 480px) {
    .Header-module__nav {
        gap: 4px !important;
    }
    
    .HeaderNav-module__link,
    .SupportLink-module__link {
        padding: 4px !important;
    }
    
    .nav-icon {
        width: 18px !important;
        height: 18px !important;
    }
    
    .nav-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    .LangSwitcher-module__btn {
        padding: 3px 5px !important;
        font-size: 10px !important;
    }
    
    .PlayerBalance-module__btn {
        padding: 3px 5px !important;
        font-size: 10px !important;
    }
    
    .PlayerBalance-module__btn span:first-child {
        display: none !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .HeaderNav-module__link,
    .SupportLink-module__link {
        font-size: 13px !important;
        margin: 0 6px !important;
    }
    
    .PlayerBalance-module__btn {
        padding: 5px 8px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 992px) {
    .Header-module__wrapper {
        width: calc(100% - 40px) !important;
        padding: 0 12px !important;
        min-height: 56px !important;
    }

    .HeaderNav-module__link,
    .SupportLink-module__link {
        font-size: 13px !important;
        padding: 8px !important;
        margin: 0 2px !important;
    }
}

@media (max-width: 768px) {
    .Header-module__wrapper {
        width: calc(100% - 24px) !important;
        margin: 10px auto 20px !important;
        border-radius: 14px !important;
        min-height: 50px !important;
    }

    .HeaderNav-module__link,
    .SupportLink-module__link {
        font-size: 0 !important;
        padding: 10px !important;
        border-radius: 12px !important;
        margin: 0 2px !important;
        min-width: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .nav-icon {
        width: 22px !important;
        height: 22px !important;
        margin-right: 0 !important;
    }

    .nav-icon svg {
        width: 22px !important;
        height: 22px !important;
    }

    .HeaderNav-module__link:not([href="/"]),
    .SupportLink-module__link {
        font-size: 0 !important;
    }

    .HeaderNav-module__link::before,
    .SupportLink-module__link::before {
        font-size: 18px !important;
        line-height: 1 !important;
        display: inline-block !important;
    }

    .HeaderNav-module__link[href="/"]::before {
        content: ''; 
    }

    .HeaderNav-module__link[href="/page/servers"]::before {
        content: '☰';
        font-size: 20px;
        font-weight: normal;
    }

    .HeaderNav-module__link[href="/page/banlist"]::before {
        content: '✖';
        font-size: 18px;
        font-weight: bold;
    }

    .HeaderNav-module__link[href="/page/skins"]::before {
        content: '◆';
        font-size: 18px;
    }

    .HeaderNav-module__link[href="/page/ctop"]::before {
        content: '★';
        font-size: 20px;
    }

}

.Shop-module__wrapper .boxBody > .info-donate {
    order: 3 !important;
  margin-bottom: 10px;
}

.Shop-module__wrapper .boxBody > .Products-module__wrapper {
    order: 4 !important;
  margin-top: -8px;
}

::-webkit-scrollbar {
    display: none !important;
}

* {
    scrollbar-width: none !important;
}

body {
    -ms-overflow-style: none !important;
}

/* ===== НОВАЯ АДАПТАЦИЯ ШАПКИ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ ===== */

/* Планшеты и небольшие ноутбуки (до 1024px) */
@media (max-width: 1024px) {
    .Header-module__wrapper {
        width: calc(100% - 40px) !important;
        padding: 0 12px !important;
        min-height: 56px !important;
    }

    .HeaderNav-module__link,
    .SupportLink-module__link {
        font-size: 13px !important;
        padding: 8px !important;
        margin: 0 2px !important;
    }
    
    .PlayerBalance-module__btn {
        font-size: 13px !important;
        padding: 6px 10px !important;
    }
}

/* Мобильные устройства (до 768px) - основная адаптация */
@media (max-width: 768px) {
    /* Основной контейнер шапки */
    .Header-module__wrapper {
        width: calc(100% - 20px) !important;
        margin: 8px auto 16px !important;
        border-radius: 14px !important;
        min-height: 54px !important;
        padding: 0 8px !important;
        position: relative;
        z-index: 100;
    }

    /* Логотип */
    .navbar-brand {
        margin: 0 4px 0 0 !important;
        height: 44px !important;
        width: 44px !important;
        background-size: contain !important;
        background-position: center !important;
        border-radius: 12px !important;
        flex-shrink: 0;
    }

    /* Навигация - компактный режим с иконками */
    .Header-module__nav {
        gap: 6px !important;
        flex: 1 !important;
        justify-content: flex-start !important;
        margin: 0 !important;
    }

    /* Скрываем текст, оставляем только иконки */
    .HeaderNav-module__link,
    .SupportLink-module__link {
        font-size: 0 !important;
        padding: 8px !important;
        border-radius: 10px !important;
        min-width: 38px !important;
        height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, 0.05) !important;
        transition: all 0.2s ease;
    }

    /* Иконки внутри навигации */
    .nav-icon {
        width: 20px !important;
        height: 20px !important;
        margin-right: 0 !important;
    }

    .nav-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    /* Поддержка - тоже убираем текст */
    .SupportLink-module__link {
        font-size: 0 !important;
        padding: 8px !important;
    }
    
    .SupportLink-module__link .nav-icon {
        margin-right: 0 !important;
    }

    /* Правое меню пользователя */
    .PlayerMenu-module__wrapper {
        gap: 6px !important;
        flex-shrink: 0;
    }

    /* Переключатель языка */
    .LangSwitcher-module__wrapper {
        position: relative;
    }
    
    .LangSwitcher-module__btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        min-width: 42px !important;
        height: 38px !important;
        display: flex !important;
        background: rgba(255, 255, 255, 0.05) !important;
    }
    
    .LangSwitcher-module__currentLang {
        font-size: 12px !important;
    }
    
    /* Список языков - позиционируем правильно */
    .LangSwitcher-module__list {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        margin-top: 4px !important;
        min-width: 120px !important;
        z-index: 200 !important;
    }

    /* Баланс пользователя */
    .PlayerBalance-module__wrapper {
        position: none;
    }
    
    .PlayerBalance-module__btn {
        padding: 6px 10px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        height: 38px !important;
        display: flex !important;
        align-items: center !important;
        background: rgba(255, 255, 255, 0.05) !important;
    }
    
    .PlayerBalance-module__btn span {
        font-size: 12px !important;
    }

    /* Профиль (иконка пользователя) */
    .PlayerMenu-module__profileLink {
        margin: 0 !important;
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border-radius: 10px !important;
        background: rgba(255, 255, 255, 0.05) !important;
    }
    
    .profile-icon {
        width: 20px !important;
        height: 20px !important;
    }
    
    .profile-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    /* Скрываем мобильное меню-бургер (оно не используется) */
    .PlayerMenuMobile-module__mobileMenuBtn {
        display: none !important;
    }
    
    .PlayerMenuMobile-module__menuWrapper {
        display: none !important;
    }
}

/* Очень маленькие телефоны (до 480px) - максимальная экономия места */
@media (max-width: 480px) {
    .Header-module__wrapper {
        width: calc(100% - 12px) !important;
        margin: 6px auto 12px !important;
        border-radius: 12px !important;
        min-height: 48px !important;
        padding: 0 6px !important;
    }

    .navbar-brand {
        height: 36px !important;
        width: 36px !important;
        border-radius: 10px !important;
    }

    .Header-module__nav {
        gap: 3px !important;
    }

    .HeaderNav-module__link,
    .SupportLink-module__link {
        padding: 6px !important;
        min-width: 32px !important;
        height: 32px !important;
        border-radius: 8px !important;
    }

    .nav-icon {
        width: 16px !important;
        height: 16px !important;
    }

    .nav-icon svg {
        width: 16px !important;
        height: 16px !important;
    }

    .PlayerMenu-module__wrapper {
        gap: 3px !important;
    }

    .LangSwitcher-module__btn {
        padding: 4px 6px !important;
        min-width: 32px !important;
        height: 32px !important;
    }
    
    .LangSwitcher-module__currentLang {
        font-size: 10px !important;
    }

    .PlayerBalance-module__btn {
        padding: 4px 6px !important;
        height: 32px !important;
    }
    
    .PlayerBalance-module__btn span {
        font-size: 10px !important;
    }
    
    /* На самых маленьких экранах скрываем текст "₽", оставляем только сумму */
    .PlayerBalance-module__btn span:first-child {
        font-size: 10px !important;
    }
    
    .PlayerBalance-module__btn span:last-child {
        font-size: 10px !important;
    }

    .PlayerMenu-module__profileLink {
        width: 32px !important;
        height: 32px !important;
        border-radius: 8px !important;
    }
    
    .profile-icon {
        width: 16px !important;
        height: 16px !important;
    }
    
    .profile-icon svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* Для устройств с очень маленькой шириной (до 380px) */
@media (max-width: 380px) {
    /* Еще сильнее сжимаем баланс - показываем только сумму без валюты */
    .PlayerBalance-module__btn span:last-child {
        display: inline-block !important;
    }
    
    /* Уменьшаем отступы */
    .Header-module__wrapper {
        padding: 0 4px !important;
    }
    
    .Header-module__nav {
        gap: 2px !important;
    }
    
    .PlayerMenu-module__wrapper {
        gap: 2px !important;
    }
}

/* Для планшетов в портретной ориентации (между 769px и 1024px) - плавный переход */
@media (min-width: 769px) and (max-width: 1024px) {
    .Header-module__wrapper {
        width: calc(100% - 60px) !important;
    }
    
    .HeaderNav-module__link,
    .SupportLink-module__link {
        font-size: 13px !important;
        padding: 8px 12px !important;
    }
    
    /* Иконки в навигации на планшетах показываем с текстом */
    .nav-icon {
        margin-right: 6px !important;
    }
    
    .SupportLink-module__link .nav-icon {
        margin-right: 6px !important;
    }
}

/* Альбомная ориентация на телефонах */
@media (max-width: 768px) and (orientation: landscape) {
    .Header-module__wrapper {
        min-height: 48px !important;
    }
    
    .navbar-brand {
        height: 38px !important;
        width: 38px !important;
    }
    
    .HeaderNav-module__link,
    .SupportLink-module__link {
        padding: 6px !important;
        min-width: 34px !important;
        height: 34px !important;
    }
    
    .PlayerMenu-module__profileLink {
        width: 34px !important;
        height: 34px !important;
    }
}

/* Анимация при наведении на мобильных (опционально) */
@media (max-width: 768px) {
    .HeaderNav-module__link:active,
    .SupportLink-module__link:active,
    .LangSwitcher-module__btn:active,
    .PlayerBalance-module__btn:active,
    .PlayerMenu-module__profileLink:active {
        transform: scale(0.95);
        transition: transform 0.1s ease;
    }
}

@media (max-width: 768px) {
    /* Контейнер шапки - больше места */
    .Header-module__wrapper {
        width: calc(100% - 16px) !important;
        padding: 4px 8px !important;
        min-height: 60px !important;
        gap: 8px !important;
    }
    
    /* Логотип */
    .navbar-brand {
        height: 48px !important;
        width: 48px !important;
    }
    
    /* Навигация - компактная но функциональная */
    .Header-module__nav {
        gap: 4px !important;
        flex: 0 1 auto !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    
    .Header-module__nav::-webkit-scrollbar {
        display: none !important;
    }
    
    /* Кнопки навигации */
    .HeaderNav-module__link,
    .SupportLink-module__link {
        min-width: 40px !important;
        height: 40px !important;
        padding: 8px !important;
    }
    
    /* Правое меню - должно помещаться целиком */
    .PlayerMenu-module__wrapper {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }
    
    /* ===== КНОПКА БАЛАНСА - ПОЛНОСТЬЮ ВИДИМАЯ ===== */
    .PlayerBalance-module__wrapper {
        display: block !important;
    }
    
    .PlayerBalance-module__btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 12px !important;
        height: 40px !important;
        background: rgba(77, 84, 143, 0.2) !important;
        border-radius: 12px !important;
        font-weight: 700 !important;
    }
    
    /* Текст баланса - ВИДИМ НА ВСЕХ ЭКРАНАХ */
    .PlayerBalance-module__btn span {
        display: inline-block !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        white-space: nowrap !important;
    }
    
    /* ===== КНОПКА АВТОРИЗАЦИИ ===== */
    .PlayerMenu-module__loginLink {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 14px !important;
        height: 40px !important;
        background: rgba(77, 84, 143, 0.3) !important;
        border-radius: 12px !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }
    
    .PlayerMenu-module__loginLink:hover,
    .PlayerMenu-module__loginLink:active {
        background: rgba(77, 84, 143, 0.5) !important;
        color: #ffffff !important;
    }
    
    /* Профиль (аватар) */
    .PlayerMenu-module__profileLink {
        width: 40px !important;
        height: 40px !important;
        flex-shrink: 0 !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border-radius: 12px !important;
    }
    
    /* Переключатель языка */
    .LangSwitcher-module__btn {
        padding: 8px 10px !important;
        height: 40px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }
}

/* Для iPhone 16 Pro Max и аналогичных (ширина около 430px) */
@media (max-width: 480px) {
    .Header-module__wrapper {
        width: calc(100% - 12px) !important;
        padding: 4px 6px !important;
        gap: 6px !important;
    }
    
    .navbar-brand {
        height: 42px !important;
        width: 42px !important;
    }
    
    .Header-module__nav {
        gap: 3px !important;
    }
    
    .HeaderNav-module__link,
    .SupportLink-module__link {
        min-width: 36px !important;
        height: 36px !important;
        padding: 6px !important;
    }
    
    .PlayerMenu-module__wrapper {
        gap: 4px !important;
    }
    
    /* Баланс - компактный но видимый */
    .PlayerBalance-module__btn {
        padding: 6px 10px !important;
        height: 36px !important;
    }
    
    .PlayerBalance-module__btn span {
        font-size: 12px !important;
    }
    
    /* Кнопка авторизации */
    .PlayerMenu-module__loginLink {
        padding: 6px 10px !important;
        height: 36px !important;
        font-size: 12px !important;
    }
    
    /* Профиль */
    .PlayerMenu-module__profileLink {
        width: 36px !important;
        height: 36px !important;
    }
    
    /* Язык */
    .LangSwitcher-module__btn {
        padding: 6px 8px !important;
        height: 36px !important;
        font-size: 12px !important;
    }
}

/* Для очень маленьких экранов (до 380px) - но на iPhone 16 Pro Max это не нужно */
@media (max-width: 380px) {
    .PlayerBalance-module__btn span {
        font-size: 11px !important;
    }
    
    .PlayerMenu-module__loginLink {
        padding: 6px 8px !important;
        font-size: 11px !important;
    }
}

.Shop-module__wrapper .boxBody > .info-donate {
    order: 0 !important;
    flex: 1 !important;
}

@media (max-width: 768px) {
    .Shop-module__wrapper .boxBody {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    .Shop-module__wrapper .boxBody > .info-donate {
        width: auto !important;
        text-align: center !important;
        flex: none !important;
    }
    
    .custom-categories-dropdown {
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    .custom-dropdown-trigger {
        width: 100% !important;
        justify-content: space-between !important;
    }
}

.Bonuses-module__bonuses {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
}

.Bonuses-module__bonus {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 14px 18px;
    transition: all 0.2s;
    width: 110%;
    max-width: 110%;
    margin-left: -5%;
    margin-right: -5%;
}

.Bonuses-module__bonus:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.2);
}

.Bonuses-module__topInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.Bonuses-module__info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
}

.Bonuses-module__name {
    font-weight: 600;
    color: #ffffff;
    font-size: 15px;
}

.Bonuses-module__subTitle {
    font-size: 13px;
    color: #888888;
}

.Bonuses-module__value {
    font-weight: 700;
    color: #ffd700;
    font-size: 15px;
    flex-shrink: 0;
}

.Bonuses-module__openBtn {
    background: rgba(255, 215, 0, 0.12);
    border: 1px solid rgba(255, 215, 0, 0.15);
    color: #ffd700;
    padding: 5px 16px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.Bonuses-module__openBtn:hover {
    background: rgba(255, 215, 0, 0.22);
}

.Bonuses-module__popupText {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 13px;
    color: #aaaaaa;
    line-height: 1.5;
}

/* Табы для китов - ФИНАЛЬНАЯ ВЕРСИЯ */
.kit-tabs-container {
    width: 110%;
    max-width: 110%;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: -5%;
    margin-right: -5%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 12px;
    overflow: hidden;
}

.kit-tabs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    background: transparent;
    border-radius: 8px;
    padding: 0;
    margin-bottom: 12px;
    border: none;
}

.kit-tab {
    flex: 1 0 auto;
    min-width: 60px;
    padding: 8px 12px;
    border: none;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
    text-align: center;
    user-select: none;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.kit-tab:hover {
    color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.06);
}

.kit-tab.active {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.kit-tab-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    pointer-events: none;
}

.kit-tab-name {
    font-size: 14px;
    font-weight: 600;
}

.kit-tab-time {
    font-size: 12px;
    opacity: 0.5;
    font-weight: 400;
}

.kit-tab.active .kit-tab-time {
    opacity: 0.7;
}

.kit-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
    gap: 6px;
    max-height: 320px;
    overflow-y: auto;
    padding: 4px 2px;
}

.kit-grid::-webkit-scrollbar {
    width: 4px;
}

.kit-grid::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

.kit-grid::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.kit-item {
    position: relative;
    aspect-ratio: 1;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: none;
}

.kit-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 2px;
    filter: brightness(1.1) contrast(0.9);
    image-rendering: auto;
    display: block;
}

.kit-item-count {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    padding: 2px 4px;
    border-radius: 0 0 5px 5px;
    font-weight: 600;
    z-index: 10;
    line-height: 1.3;
    pointer-events: none;
  text-shadow: 
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}

.kit-panels {
    position: relative;
}

.kit-panel {
    display: none;
    animation: kitFadeIn 0.25s ease;
}

.kit-panel.active {
    display: block;
}

@keyframes kitFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== АДАПТАЦИЯ ДЛЯ ПЛАНШЕТОВ И МОБИЛЬНЫХ ===== */
@media (max-width: 768px) {
    .kit-tabs-container {
        padding: 10px;
    }
    
    .kit-tabs-list {
        gap: 4px;
        padding: 0;
    }
    
    .kit-tab {
        flex: 1 0 calc(50% - 4px);
        min-width: 0;
        padding: 8px 6px;
        font-size: 12px;
    }
    
    .kit-tab-name {
        font-size: 12px;
    }
    
    .kit-tab-time {
        font-size: 9px;
    }
}

@media (max-width: 480px) {
    .kit-tabs-container {
        padding: 8px;
        border-radius: 10px;
    }
    
    .kit-tab {
        flex: 1 0 calc(50% - 4px);
        padding: 6px 4px;
        font-size: 11px;
        min-width: 0;
    }
    
    .kit-tab-name {
        font-size: 11px;
    }
    
    .kit-tab-time {
        font-size: 8px;
    }
    
    .kit-grid {
        grid-template-columns: repeat(auto-fill, minmax(54px, 1fr));
        gap: 6px;
        max-height: 260px;
    }
    
    .kit-item-count {
        font-size: 8px;
        padding: 1px 3px;
    }
    
    .kit-item img {
        padding: 3px;
    }
}

@media (max-width: 380px) {
    .kit-tab {
        flex: 1 0 calc(50% - 4px);
        padding: 5px 3px;
        font-size: 10px;
    }
    
    .kit-tab-name {
        font-size: 10px;
    }
    
    .kit-tab-time {
        font-size: 7px;
    }
}