@import "https://ch3rn1k.me/archive/fonts/web/CeraPro/CeraPro.css";
/* банер */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css");

.swiper {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  border-radius: 5px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  width: 100%;
  object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
  color: #ffffff;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 24px;
}

.swiper-pagination-bullet-active {
  color: #ffffff;
  background-color: #ffffff;
}


/* банер */
body {
background-color:#000!important;
background-size:cover!important;
font-family:CeraPro,sans-serif
}

@font-face {
font-family:FontAwesome;
font-style:normal;
font-weight:400;
src:url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.eot?v=4.6.3);
src:url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.woff2?v=4.6.3) format("woff2"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.woff?v=4.6.3) format("woff"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.ttf?v=4.6.3) format("truetype"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg")
}
/* поправка */
.Servers-module__server {
    cursor: pointer;
    color: var(--font-color-900);
    background-color: #262626;
    padding: 10px 15px;
    border-radius: 2px;
    flex: 1;
    margin: 5px;
    min-width: 200px;
    max-width: 300px;
    transition: all .15s ease;
}
.Servers-module__server.Servers-module__active, .Servers-module__server:hover, .Servers-module__server:focus {
    background: linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);
}
.Servers-module__server:focus {
    background-color: #cd422a;
    font-weight: 600;
    color: #fff;
}
.Servers-module__server:hover {
    background: linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);
    font-weight: 600;
    color: #fff;
}
.Servers-module__active {
    /* background-color: #cd422a; */
    font-weight: 600;
    color: #fff;
}
.Selector-module__dropDownItem:hover, .Selector-module__dropDownItem:focus, .Selector-module__dropDownItem.Selector-module__active {
    background-color: #262626;
}
.Product-module__price {
    top: 0;
    left: 0;
    background-color: var(--product-items-trans-bg-color);
    padding: 3px 6px;
    border-radius: 0 0 2px;
    display: flex;
    align-items: center;
    cursor: pointer;
    display: flex;
    /* font-size: 13pt; */
    font-weight: 600;
}
/* попроавка */
.fa {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
display:inline-block;
font:normal normal normal 14px/1 FontAwesome;
font-size:inherit;
text-rendering:auto
}

.fa-2x {
font-size:2em
}

.fa-3x {
font-size:3em
}

.fa-4x {
font-size:4em
}

.fa-5x {
font-size:5em
}

.fa-border {
border:solid .08em #eee;
border-radius:.1em;
padding:.2em .25em .15em
}

.fa-fw {
text-align:center;
width:1.28571429em
}

.fa-lg {
font-size:1.33333333em;
line-height:.75em;
vertical-align:-15%
}

.fa-li {
left:-2.14285714em;
position:absolute;
text-align:center;
top:.14285714em;
width:2.14285714em
}

.fa-li.fa-lg {
left:-1.85714286em
}

.fa-pull-left {
float:left
}

.fa-pull-right {
float:right
}

.fa-pulse {
animation:fa-spin 1s infinite steps(8)
}

.fa-spin {
animation:fa-spin 2s infinite linear
}

.fa-ul {
list-style-type:none;
margin-left:2.14285714em;
padding-left:0
}

.fa-ul>li {
position:relative
}

.fa.fa-pull-left {
margin-right:.3em
}

.fa.fa-pull-right {
margin-left:.3em
}

.fa.pull-left {
margin-right:.3em
}

.fa.pull-right {
margin-left:.3em
}

.pull-left {
float:left
}

.pull-right {
float:right
}

body {
background-image:url(https://i.ibb.co/KjM2CrpJ/Rust-Hazmat-Dome-Silhouette.jpg)
}

body,.customModalWrapper,.customModalOverflow,.ModalLayout-module__overflowWrapper {
scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)
}

body::-webkit-scrollbar,.customModalOverflow::-webkit-scrollbar,.ModalLayout-module__overflowWrapper::-webkit-scrollbar {width:var(--sb-size);}

body::-webkit-scrollbar-thumb,.customModalOverflow::-webkit-scrollbar-thumb,.ModalLayout-module__overflowWrapper::-webkit-scrollbar-thumb {
background:var(--sb-thumb-color)
}

body::-webkit-scrollbar-track,.customModalOverflow::-webkit-scrollbar-track,.ModalLayout-module__overflowWrapper::-webkit-scrollbar-track {background:var(--sb-track-color);}

@keyframes fa-spin {
0% {
transform:rotate(0)
}

100% {
transform:rotate(359deg)
}
}

.Button-module__btn.Button-module__accent {/* background-color:#f8ad1b; */border: 1px solid #f6b32400;border-radius:15px;color:#fff;background: linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);}

.Button-module__btn.Button-module__accent:hover {background: linear-gradient(45deg, #cd422a45, #8d0c0c7a, #8d0c0c91, #cd422a82);border-color: #f900;color: #ffffff;transition:all .3s ease}

.Button-module__btn.Button-module__gray {
background:rgba(255,255,255,.1);
border:1px solid #20202000;
border-radius:15px;
color:rgba(255,255,255,.7)
}

.Categories-module__category.Categories-module__active {background: linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);border:none;color:#fff;font-weight:400;transform:scale(1.10)}

.Categories-module__category.Categories-module__enableFocus:focus {background: linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);color:#fff}

.Categories-module__enableFocus {
background:rgba(255,255,255,.1);
border-radius:7.5px;
color:rgba(255,255,255,.7);
margin-left:5px
}

.Categories-module__enableFocus:hover {
background:rgba(255,255,255,.2);
color:rgba(255,255,255,.7);
transform:scale(1)
}

.DesktopCopyright-module__link {color: #cd422a;font-size:14px;font-weight:700;line-height:1}

.DesktopCopyright-module__wrapper {background:var(--bg-color-900)!important;border-radius:0 10px 0 0!important;bottom:0!important;font-size:14px;left:0!important;padding:7px!important}

.Header-module__wrapper {
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
align-items:center;
background:#49494936;
border-radius:10px;
display:flex;
flex-wrap:wrap;
font-weight:500;
margin-bottom:20px;
min-height:60px;
padding:0 15px;
width:100%
}

.LangSwitcher-module__currentLang {
align-items:center;
cursor:pointer;
display:flex;
justify-content:center;
padding:0
}

.LangSwitcher-module__lang:hover,.LangSwitcher-module__lang:focus {
background:linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);
color:#292b2c
}

.LangSwitcher-module__list {
background:#262626;
border:1px solid #f2c035;
border-radius:10px
}

.PlayerBalance-module__btn,.HeaderNav-module__link,.LangSwitcher-module__btn,.PlayerMenu-module__loginLink {align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:13pt;font-weight:600;justify-content:center;max-height:40px;padding:10px;transition:all .1s ease;white-space:nowrap}

.PlayerBalance-module__btn:focus,.HeaderNav-module__link:focus,.LangSwitcher-module__btn:focus,.PlayerMenu-module__loginLink:focus {
background:transparent;
color:inherit
}

.PlayerBalance-module__btn:hover,.HeaderNav-module__link:hover,.LangSwitcher-module__btn:hover,.PlayerMenu-module__loginLink:hover {background: linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a)}

.Product-module__discount {
    background:linear-gradient(to right,#f00 0,#f13939 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    border-radius: 90px;
    top: 10px;
    right: 10px;
    opacity: 1;
    font-weight: 600;
    box-shadow: 0px 5px 15px -6px #1d1d1d;
    z-index: 3;
    color: #fff;
}

.Product-module__name {
font-size:14px;
text-align:center;
text-shadow:0 0 8px #000;
transition:all .4s
}

.Product-module__price {
background:rgba(255,255,255,.15)
}

.Product-module__wrapper {
background:#dfdfdf12;
border-radius:10px;
box-shadow:0 0 5px 0 rgba(0 0 0 / 95%);
transition:all .2s
}

.Product-module__wrapper:hover {-moz-transform:scale(1.07);-o-transform:scale(1.07);-webkit-transform:scale(1.07);box-shadow: 0 0 40px 0 #f13939;transform:scale(1.07)}

.Product-module__wrapper:hover .Product-module__name {backface-visibility:hidden;background: linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);border-radius:0 0 10px 10px;opacity:1;padding:1px 10px}

.ProductModal-module__header {
align-items:center;
color:#bbb;
display:flex;
font-size:26px;
font-weight:700;
justify-content:center;
text-transform:uppercase
}

.ProductModal-module__roulette {
background:#262626;
border-radius:20px
}

.ProductModal-module__roulette .TotalSum-module__label {
display:none
}

.ProductModal-module__roulette .boxBody {
background:#262626
}

.ProductModal-module__roulette .boxFooter {
background:#262626;
border-radius:20px
}

.ProductModal-module__roulette .boxHeader {
background:#262626;
border-radius:20px
}

.Products-module__wrapper {
margin-top:40px
}

.RouletteContent-module__line {
margin-left:-61px
}

.RouletteContent-module__lineWrapper {
-webkit-mask-image:linear-gradient(to left,rgba(255,255,255,0) 5%,#000 35%,#000 65%,rgba(255,255,255,0) 95%);
background:#262626;
margin-bottom:15px
}

.RouletteContent-module__rouletteItem {
background:transparent
}

.RouletteContent-module__rouletteItemImg {
background:#333;
border-radius:35px;
box-shadow:5px 5px 10px rgba(0,0,0,0.05);
height:240px;
overflow:hidden;
padding:25px;
transform:scale(0.9);
width:240px
}

.RouletteContent-module__rouletteItemInfo {
color:#e8e8e8;
font-size:16px
}

.RouletteContent-module__triangle.RouletteContent-module__bottom {
display:none
}

.RouletteContent-module__triangle.RouletteContent-module__top {
animation-duration:2s;
animation-iteration-count:infinite;
animation-name:bounce-2;
animation-timing-function:ease;
border-left:18px solid transparent;
border-right:18px solid transparent;
border-top:20px solid #bbb
}

.Search-module__iconWrapper {
background:rgba(255,255,255,.08);
border-radius:15px 0 0 15px
}

.Search-module__input {
background:rgba(255,255,255,.04);
border-radius:0 15px 15px 0;
color:rgba(255,255,255,.7)
}

.Search-module__input:focus {
background:rgba(255,255,255,.08)
}

.Search-module__wrapper {
background:none
}

.Shop-module__wrapper .boxBody {
border-radius:10px 10px 0 0
}

.Shop-module__wrapper .boxFooter {
border-radius:0 0 10px 10px
}

.ShopFooter-module__link {color: #cd422a;font-size:12px;font-weight:700;line-height:1;text-transform:uppercase}

.ShopFooter-module__link:focus {
color:#cda640
}

.ShopFooter-module__link:hover {
color:#cda640
}

.TotalSum-module__currency {
background:rgba(255,255,255,.08)
}

.TotalSum-module__input {
background:rgba(255,255,255,.04)
}

.TotalSum-module__inputWrapper {
border-radius:15px;
color:rgba(255,255,255,.7)
}

.avatar-link {
border-radius:50%;
display:inline-block;
transition:box-shadow .3s ease
}

.avatar-link:hover {
box-shadow:0 0 0 3px #cd422a
}

.fa-flip-horizontal {
transform:scale(-1,1)
}

.fa-flip-vertical {
transform:scale(1,-1)
}

.fa-inverse {
color:#fff
}

.fa-rotate-180 {
transform:rotate(180deg)
}

.fa-rotate-270 {
transform:rotate(270deg)
}

.fa-rotate-90 {
transform:rotate(90deg)
}

.fa-stack {
display:inline-block;
height:2em;
line-height:2em;
position:relative;
vertical-align:middle;
width:2em
}

.fa-stack-1x {
line-height:inherit
}

.fa-stack-1x,.fa-stack-2x {
left:0;
position:absolute;
text-align:center;
width:100%
}

.fa-stack-2x {
font-size:2em
}

.flag-icon {
display:inline-block;
height:auto;
vertical-align:middle;
width:20px
}

.flag-icon-selected {
display:flex;
height:auto;
width:25px
}

.navbar-brand {
010px010pxmargin-left:-5px;
font-weight:600;
height:100%;
width:0
}

.navbar-brand::before {color: #cd422a;content:'\f06d';font-family:FontAwesome;font-size:24px;margin-right:6px;padding:10px}

.productModalContainsItem {
background:rgba(255,255,255,.08);
border-radius:10px
}

.productModalContainsTitle {
display:none
}

.productModalGiveText {
color:#e57373
}

.productModalItemCount {
color:var(--greyple);
font-size:13px;
line-height:18px
}

.productModalItemName {
color:#e8e8e8;
font-size:15px;
font-weight:600;
line-height:20px
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
-webkit-filter:none;
filter:none
}

:root[data-theme] {
--accent-color-800:rgb(255 255 255);
--accent-color-900:rgb(255 255 255);
--background-color:rgb(24 24 27 / 31%);
--bg-color-700:#49494936;
--bg-color-900:#49494936;
--card-background-color:rgba(255,255,255,.015);
--card-border-color:rgba(255,255,255,0.1);
--card-box-shadow-1:rgba(0,0,0,0.05);
--card-box-shadow-1-blur:6px;
--card-box-shadow-1-y:3px;
--card-box-shadow-2:rgba(0,0,0,0.1);
--card-box-shadow-2-blur:15px;
--card-box-shadow-2-y:8px;
--card-hover-border-color:rgba(255,255,255,0.2);
--card-hover-box-shadow-1:rgba(0,0,0,0.04);
--card-hover-box-shadow-1-blur:10px;
--card-hover-box-shadow-1-y:5px;
--card-hover-box-shadow-2:rgba(0,0,0,0.3);
--card-hover-box-shadow-2-blur:25px;
--card-hover-box-shadow-2-y:15px;
--card-hover-icon-background-color:rgb(106 98 72 / 37%);
--card-hover-icon-border-color:rgb(255 214 0 / 81%);
--card-hover-icon-color:#ff0000bd;
--card-icon-background-color:rgba(255,255,255,0.08);
--card-icon-border-color:rgba(255,255,255,0.12);
--card-icon-color:#D4D4D8;
--card-label-color:#FFFFFF;
--card-line-color:#2A2B2C;
--card-shine-gradient:conic-gradient(from 205deg at 50% 50%,rgba(16,185,129,0) 0deg,#ff7912 25deg,rgba(52,211,153,0.18) 295deg,rgba(16,185,129,0) 360deg);
--card-shine-opacity:.1;
--card-tile-color:rgb(227 184 12 / 29%);
--default-font-family:CeraPro;
--font-color-800:rgb(255 255 255);
--sb-size:10px;
--sb-thumb-color:#f8ae1d;
--sb-track-color:#262626;
--text-color:#A1A1AA
}

@keyframes bounce-2 {
0% {
transform:translateY(0)
}

100% {
transform:translateY(0)
}

50% {
transform:translateY(-10px)
}
}

.CountSelector-module__inputWrapper {
border-radius:15px
}

.CountSelector-module__inputWrapper .CountSelector-module__changeCountBtn {
background:rgba(255,255,255,.08);
border:none
}

.CountSelector-module__inputWrapper .CountSelector-module__changeCountBtn:hover {
background:#41414140
}

.CountSelector-module__inputWrapper .CountSelector-module__input {
background:rgba(255,255,255,.04)
}

.KitContent-module__containsItem {
background:#333;
border-radius:15px;
box-shadow:unset;
color:rgba(255,255,255,.7);
cursor:pointer;
margin:-8px 2px 8px;
overflow:hidden;
position:relative;
text-align:center;
transform:rotate(0deg);
transition:all .3s
}

.KitContent-module__containsItem .KitContent-module__itemCount {
background:unset;
border-radius:10px;
bottom:8px;
color:rgba(255,255,255,.7);
font-weight:700;
right:10px;
text-align:end;
z-index:1
}

.KitContent-module__containsItem .KitContent-module__itemImg {
padding:10px
}

.KitContent-module__containsItem .KitContent-module__itemName {
background:transparent;
font-size:17px;
font-weight:700;
text-align:center;
text-overflow:ellipsis;
text-shadow:0 0 4px rgba(0,0,0,.4)
}

.KitContent-module__containsItem:hover {
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1)
}

.KitContent-module__containsItems {
grid-template-columns:repeat(auto-fill,minmax(150px,1fr))
}

.ModalLayout-module__modal {background:#262626;border-radius:20px;box-shadow: 0 0 100px #f13939;}

.PlayerBalance-module__modal {
    width: 320px;
    height: auto; /* Оставляем авто для адаптивной высоты */
    padding-top: 130px; /* Увеличиваем отступ сверху для большего пространства */
}

.PlayerBalance-module__modal .Button-module__accent {
    background: #212121;
    border-color: #212121;
    border-radius: 10px;
}

.PlayerBalance-module__modal .Button-module__accent:hover {
    background-color: #f90;
    border-color: #f90;
    color: #383838;
    transition: all .3s ease;
}

.PlayerBalance-module__modal .PlayerBalanceModal-module__header {
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Центрируем по горизонтали, с выравниванием по верхнему краю */
    position: relative;
    top: -145px; /* Поднимаем заголовок чуть выше */
}

.PlayerBalance-module__modal .boxBody {
    background: #262626;
}

.PlayerBalance-module__modal .boxFooter {
    background: #262626;
    border-radius: 20px;
}

.PlayerBalance-module__modal .boxHeader {
    background: #262626;
    border-radius: 20px;
}

.PlayerBalanceModal-module__currency {
    background: rgba(255, 255, 255, .08);
}

.PlayerBalanceModal-module__inputWrapper {
    background: rgba(255, 255, 255, .04);
    border-radius: 10px;
    position: relative;
}

.PlayerBalanceModal-module__footer::before {
    content: "БОНУСЫ ПРИ ПОПОЛНЕНИИ\A От 100₽ + 5% к балансу!\A От 300₽ + 10% к балансу!\A От 600₽ + 15% к балансу!\A От 1000₽ + 20% к балансу!\A От 2000₽ + 25% к балансу!\A От 5000₽ + 30% к балансу!";
    font-size: 12pt;
    color: #2aad1c;
    display: block;
	white-space: pre-line; /* Для поддержки перевода строк */
    margin: 0 auto 10px auto; /* Центрирование */
    text-align: center;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    width: fit-content;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute; /* Позиционируем относительно родителя */
    top: 50px; /* Значительно поднимем текст выше */
    left: 50%; /* Центрируем текст по горизонтали */
    transform: translateX(-50%); /* Корректировка для точного центрирования */
}

@media (max-width: 600px) {
    .PlayerBalance-module__modal {
        width: 350px; /* Уменьшаем ширину для мобильных устройств */
        padding-top: 130px; /* Уменьшаем отступ сверху */
    }

    .PlayerBalanceModal-module__footer::before {
        font-size: 13pt; /* Уменьшаем размер шрифта */
        padding: 8px; /* Уменьшаем отступы */
        width: 65%; /* Увеличиваем ширину блока, чтобы текст был более доступным */
        top: 40px; /* Опускаем текст ниже */
    }
}



.ProductModal-module__set .boxHeader,.ProductModal-module__set .boxBody,.ProductModal-module__set .boxFooter {
background:transparent
}

.ProductModal-module__set .productModalDescription {
-webkit-box-pack:center;
background-color:#262626;
border-radius:2px;
display:flex;
flex-flow:row wrap;
justify-content:center;
margin:5px 0;
padding:0
}

.card {
background-color:var(--background-color);
border-radius:15px;
box-shadow:0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);
cursor:pointer;
margin-bottom:30px;
padding:10px 10px 10px 20px;
position:relative;
transition:box-shadow .25s
}

.card .background {
-webkit-mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);
border-radius:inherit;
inset:0;
mask-image:radial-gradient(circle at 60% 5%,black 0%,black 15%,transparent 60%);
overflow:hidden;
position:absolute
}

.card .background .tiles {
opacity:0;
transition:opacity .25s
}

.card .background .tiles .tile {
-webkit-animation-duration:8s;
-webkit-animation-iteration-count:infinite;
animation-duration:8s;
animation-iteration-count:infinite;
background-color:var(--card-tile-color);
opacity:0;
position:absolute
}

.card .background .tiles .tile.tile-1 {
height:10%;
left:0;
top:0;
width:22.5%
}

.card .background .tiles .tile.tile-10 {
height:22.5%;
left:77.5%;
top:32.5%;
width:22.5%
}

.card .background .tiles .tile.tile-2 {
height:10%;
left:22.5%;
top:0;
width:27.5%
}

.card .background .tiles .tile.tile-2,.card .background .tiles .tile.tile-9 {
-webkit-animation-delay:-6s;
animation-delay:-6s
}

.card .background .tiles .tile.tile-3 {
height:10%;
left:50%;
top:0;
width:27.5%
}

.card .background .tiles .tile.tile-3,.card .background .tiles .tile.tile-5,.card .background .tiles .tile.tile-8 {
-webkit-animation-delay:-4s;
animation-delay:-4s
}

.card .background .tiles .tile.tile-4 {
height:10%;
left:77.5%;
top:0;
width:22.5%
}

.card .background .tiles .tile.tile-4,.card .background .tiles .tile.tile-6,.card .background .tiles .tile.tile-10 {
-webkit-animation-delay:-2s;
animation-delay:-2s
}

.card .background .tiles .tile.tile-5 {
height:22.5%;
left:0;
top:10%;
width:22.5%
}

.card .background .tiles .tile.tile-6 {
height:22.5%;
left:22.5%;
top:10%;
width:27.5%
}

.card .background .tiles .tile.tile-7 {
height:22.5%;
left:50%;
top:10%;
width:27.5%
}

.card .background .tiles .tile.tile-8 {
height:22.5%;
left:77.5%;
top:10%;
width:22.5%
}

.card .background .tiles .tile.tile-9 {
height:22.5%;
left:50%;
top:32.5%;
width:27.5%
}

.card .icon {
display:table;
padding:8px;
position:relative;
z-index:2
}

.card .icon svg {
color:var(--card-icon-color);
display:block;
height:24px;
position:relative;
transform:translateZ(0);
transition:color .25s;
width:24px;
z-index:1
}

.card .icon::after {
-webkit-backdrop-filter:blur(2px);
backdrop-filter:blur(2px);
background-color:var(--card-icon-background-color);
border:1px solid var(--card-icon-border-color);
border-radius:10px;
content:"";
inset:1.5px;
position:absolute;
transition:background-color 0.25s,border-color .25s
}

.card .shine {
border-radius:inherit;
inset:0;
opacity:0;
overflow:hidden;
position:absolute;
transition:opacity .5s;
z-index:1
}

.card .shine:before {
background-image:var(--card-shine-gradient);
border-radius:50%;
bottom:55%;
content:"";
filter:blur(35px);
left:50%;
opacity:var(--card-shine-opacity);
padding-bottom:150%;
position:absolute;
transform:translateX(-50%);
width:150%
}

.card h4 {
color:var(--card-label-color);
font-family:inherit;
font-size:14px;
font-weight:600;
line-height:2;
margin:12px 0 4px;
position:relative;
z-index:2
}

.card p {
color:var(--text-color);
font-size:14px;
line-height:1.7;
margin:0;
position:relative;
z-index:2
}

.card::before {
background-color:var(--card-background-color);
border-radius:15px;
content:"";
inset:0;
position:absolute
}

.grid {
grid-gap:32px;
grid-template-columns:repeat(2,240px);
margin-top:30px;
position:relative;
z-index:1
}

@-webkit-keyframes tile {
0%,12.5%,100% {
opacity:1
}

25%,82.5% {
opacity:0
}
}

@keyframes tile {
0%,12.5%,100% {
opacity:1
}

25%,82.5% {
opacity:0
}
}

.btn-secondary {
background:rgba(0,0,0,.19);
border-color:transparent;
color:rgba(255,255,255,.81);
outline:0!important;
padding:7px 13px
}

.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
-webkit-box-shadow:none;
background:linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);
border-color:#0a0a0a;
color:#fff;
transform:scale(1.15)
}

.btn.btn-secondary {
background-color:#1c1c1c;
border-radius:15px;
color:white;
font-size:12px
}

.btn.btn-secondary:hover {
box-shadow:none;
color:white
}

.card .background .line {
inset:0;
opacity:0;
position:absolute;
transition:opacity .35s
}

.card .background .line.line-1:after {
left:22.5%
}

.card .background .line.line-1:before {
top:10%
}

.card .background .line.line-1:before,.card .background .line.line-1:after {
transition-delay:.3s
}

.card .background .line.line-2:after {
left:50%
}

.card .background .line.line-2:before {
top:32.5%
}

.card .background .line.line-2:before,.card .background .line.line-2:after {
transition-delay:.15s
}

.card .background .line.line-3:after {
right:22.5%
}

.card .background .line.line-3:before {
top:55%
}

.card .background .line:after {
bottom:0;
top:0;
transform:scaleY(0);
transform-origin:50% 0;
width:1px
}

.card .background .line:before {
height:1px;
left:0;
right:0;
transform:scaleX(0);
transform-origin:0 50%
}

.card .background .line:before,.card .background .line:after {
background-color:var(--card-line-color);
content:"";
position:absolute;
transition:transform .35s
}

.card:hover {
box-shadow:0 3px 6px var(--card-hover-box-shadow-1),0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color)
}

.card:hover .background .line {
opacity:1;
transition-duration:.15s
}

.card:hover .background .line.line-1:before,.card:hover .background .line.line-1:after {
transition-delay:0s
}

.card:hover .background .line.line-2:before,.card:hover .background .line.line-2:after {
transition-delay:.15s
}

.card:hover .background .line.line-3:before,.card:hover .background .line.line-3:after {
transition-delay:.3s
}

.card:hover .background .line:after {
transform:scaleY(1)
}

.card:hover .background .line:before {
transform:scaleX(1)
}

.card:hover .background .tiles {
opacity:1;
transition-delay:.25s
}

.card:hover .background .tiles .tile {
-webkit-animation-name:tile;
animation-name:tile
}

.card:hover .icon svg {
color:var(--card-hover-icon-color)
}

.card:hover .icon::after {
background-color:var(--card-hover-icon-background-color)
}

.card:hover .shine {
opacity:1;
transition-delay:0s;
transition-duration:.5s
}

.store-categories .btn {
border:none!important;
margin-bottom:5px;
margin-right:5px;
transition:all .2s ease-in-out
}

.store-categories .btn.active {
background:linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);
border:none;
color:#fff;
font-weight:400;
transform:scale(1.15)
}

.store-categories .btn.active:hover {
background:linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);
border:none;
color:#fff!important;
font-weight:400;
transform:scale(1.15)!important
}

.store-categories .btn:hover {
background:rgba(255,255,255,.2);
color:rgba(255,255,255,.7);
transform:scale(1)!important
}

.store-categories>.btn {
border-radius:7.5px;
margin-bottom:5px
}

.store-categories>.btn+.btn {
border-radius:7.5px;
margin-left:5px
}

@media (min-width: 768px) {
.store-categories {
flex-direction:row;
flex-wrap:wrap;
margin-bottom:16px
}
}

.BasketSearch-module__iconWrapper {
background:rgba(255,255,255,.08)
}

.BasketSearch-module__wrapper {
border-radius:15px
}

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

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

.BasketTable-module__tableTitle {
color:#f7f6f6
}

.HistorySearch-module__iconWrapper {
background:rgba(255,255,255,.08)
}

.HistorySearch-module__wrapper {
border-radius:15px
}

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

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

.HistoryTable-module__tableTitle {
color:#f7f6f6
}

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

.ProfileContent-module__infoLineValue.ProfileContent-module__steamid {color: #cd422a;}

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

.ProfileNav-module__wrapper .ProfileNav-module__logOut {
background-color:#d9534f;
border:1px solid #d9534f
}

.ProfileNav-module__wrapper .ProfileNav-module__logOut:hover {
background-color:#c9302c;
border-color:#ac2925;
color:#fff
}

.block_by_category .kit-item {
align-items:center;
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 20%) 100%);
border-radius:8px;
display:flex;
flex-direction:column;
height:80px;
margin:8px;
width:80px
}

.block_by_category:before {
color:#e9eaec;
display:block;
font-size:16px;
overflow:hidden;
text-align:center;
text-overflow:ellipsis;
text-transform:uppercase;
white-space:nowrap;
width:100%
}

.block_category_10 {
background:linear-gradient(180deg,#1c1d18 0%,#2d261a 100%);
border-radius:0 20px 20px 0
}

.block_category_10:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
border-radius:0 5px 5px 0;
content:"28 ЧАСОВ"
}

.block_category_1:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
border-radius:5px 0 0 5px;
content:"2 ЧАСА"
}

.block_category_2 {
background:linear-gradient(180deg,#1c1d18 0%,#2d261a 100%)
}

.block_category_2:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
content:"4 ЧАСА"
}

.block_category_3 {
background:linear-gradient(180deg,#1c1d18 0%,#2d261a 100%)
}

.block_category_3:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
content:"10 ЧАСОВ"
}

.block_category_4 {
background:linear-gradient(180deg,#1c1d18 0%,#2d261a 100%)
}

.block_category_4:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
content:"14 ЧАСОВ"
}

.block_category_5 {
background:linear-gradient(180deg,#1c1d18 0%,#2d261a 100%)
}

.block_category_5:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
content:"20 ЧАСОВ"
}

.block_category_6 {
background:linear-gradient(180deg,#1c1d18 0%,#2d261a 100%)
}

.block_category_6:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
content:"24 ЧАСА"
}

.block_category_7 {
background:linear-gradient(180deg,#1c1d18 0%,#2d261a 100%);
border-radius:0 20px 20px 0
}

.block_category_7:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
content:"28 ЧАСОВ"
}

.block_category_8 {
background:linear-gradient(180deg,#1c1d18 0%,#2d261a 100%);
border-radius:0 20px 20px 0
}

.block_category_8:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
border-radius:0 5px 5px 0;
content:"48 ЧАСОВ"
}

.block_category_9 {
background:linear-gradient(180deg,#1c1d18 0%,#2d261a 100%);
border-radius:0 20px 20px 0
}

.block_category_9:before {
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 40%) 100%);
border-radius:0 5px 5px 0;
content:"28 ЧАСОВ"
}

.customModalContent {
background:linear-gradient(180deg,#1d1b18 0%,#2d261a 100%);
border-radius:20px;
box-shadow:0 0 100px #cd422a;
color:white;
padding:10px;
width:900px
}

.customModalContent .boxBody {
background:transparent;
font-size:14px;
line-height:1.42857143;
padding:15px;
position:relative
}

.customModalContent .boxFooter {
background:transparent
}

.customModalContent .boxHeader {
background:transparent;
font-size:40px;
margin-bottom:15px;
text-align:center
}

.customModalPosition {
backdrop-filter:blur(5px)
}

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

.gs-loader__spinner {
animation:float 1s ease-in-out infinite;
background:url(https://i.postimg.cc/wBgk0XZn/SQ0a4en.png) no-repeat;
border:none;
height:100px;
margin-top:0;
width:100px
}

.kit-item {
align-items:center;
background:linear-gradient(180deg,rgba(41,41,58,0) 0%,rgb(99 89 68 / 20%) 100%);
border-radius:8px;
display:flex;
flex-direction:column;
height:80px;
margin:8px;
width:80px
}

.kit-item:hover {
transform:scale(1.1);
transition:transform 200ms cubic-bezier(0.68,-0.55,0.27,1.55)
}

.kit-item__image {
transform:scale(0.7);
width:100%
}

.kit-item__quantity {
border-radius:0 0 15px 15px;
font-size:12px;
position:relative;
top:-20px
}

.kit-items {
-ms-flex-flow:row wrap;
-ms-flex-pack:center;
-webkit-box-direction:normal;
-webkit-box-orient:horizontal;
-webkit-box-pack:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex-flow:row wrap;
justify-content:center
}

.modal-open {
overflow:hidden
}

.modal-open .modal {
background-size:cover;
overflow-x:hidden
}

.serverheader {
border-radius:15px;
font-size:20px;
margin-bottom:10px;
margin-top:20px
}

.serverheader span {
animation:gradient 5s ease infinite;
background:linear-gradient(90deg,#E82F4E,#6e2fe8,#2372d5,#2cd9aa);
background:linear-gradient(90deg,#b58f54,#e8a92f,#b59c54,#e8ca2f);
background-size:400% 400%;
border-radius:20px;
border-radius:7px;
color:white;
color:white;
font-size:15px;
font-size:15px;
padding:2px 12px;
padding:2px 12px 2px 12px;
text-transform:uppercase;
text-transform:uppercase;
transform:translate3d(0,0,0)
}

.serverheader span:before {
content:'\f017';
font-family:FontAwesome;
font-weight:100;
margin-right:5px
}

.unbancolor {
color:#cda640
}

.xbox_custom_rules li {
margin-bottom:10px
}

.xbox_custom_rules p {
margin:0 0 10px
}

.xbox_custom_rules ul {
list-style-type:disc;
margin-left:0;
padding-left:20px
}

@keyframes float {
0% {
transform:translatey(0px)
}

100% {
transform:translatey(0px)
}

50% {
transform:translatey(-30px)
}
}

.container-oplata .tooltiptext1 {
background-color:rgba(0,0,0,0.5);
border-radius:6px;
color:#fff;
left:105%;
opacity:0;
padding:10px;
position:absolute;
text-align:center;
transition:opacity 220ms ease-out;
visibility:hidden;
width:170px;
z-index:1
}

.container-oplata .tooltiptext1::after {
border-color:transparent rgba(0,0,0,0.5) transparent transparent;
border-style:solid;
border-width:5px;
content:"";
margin-top:-5px;
position:absolute;
right:100%;
top:50%
}

.container-oplata:hover .tooltiptext1 {
opacity:1;
visibility:visible
}

.priv_discount {
background:#1b1b1b;
border-radius:0 10px 0 10px;
color:white;
cursor:help;
font-size:14px;
font-weight:400;
opacity:1;
padding:0 8px 0 10px;
position:absolute;
right:0;
top:0;
z-index:3
}

.priv_discount2 {
background:rgba(33,33,33,0.5);
border-radius:0 10px 0 10px;
color:white;
cursor:help;
font-size:14px;
font-weight:400;
opacity:1;
padding:0 8px 0 10px;
position:absolute;
right:0;
top:0;
z-index:3
}

.productModalDescription .container-oplata {
background:#333;
border-radius:12px;
cursor:pointer;
display:-webkit-inline-box;
height:50px;
margin-bottom:5px;
padding:5px;
right:-21110px;
text-align:initial;
transform:scale(1);
transition:all .2s ease-out;
width:100%
}

.productModalDescription .container-oplata {
display:flex
}

.productModalDescription .container-oplata:hover {
transform:scale(0.95)
}

.productModalDescription .container-oplata:last-child {
margin-bottom:0!important;
right:-11120px
}

.productModalDescription .icon-user-oplata {
-ms-flex:0 0 auto;
-webkit-box-flex:0;
border-radius:0;
flex:0 0 auto;
height:30px!important;
margin:5px;
margin-right:10px!important;
width:30px!important
}

.productModalDescription .textContainer-oplata {
-ms-flex:1;
-ms-flex-direction:column;
-ms-flex-pack:justify;
-webkit-box-direction:normal;
-webkit-box-flex:1;
-webkit-box-orient:vertical;
-webkit-box-pack:justify;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex:1;
flex-direction:column;
justify-content:space-evenly;
overflow:hidden
}

@media only screen and (max-width: 767px) {
.container-oplata .tooltiptext1 {
left:24%;
top:-160%
}

.container-oplata .tooltiptext1::after {
border-color:rgba(0,0,0,0.5) transparent transparent;
border-style:solid;
border-width:5px;
content:"";
margin-top:-5px;
position:absolute;
right:50%;
top:105%
}
}

.ProductModal-module__dropdown .boxHeader,.ProductModal-module__dropdown .boxBody,.ProductModal-module__dropdown .boxFooter,.ProductModal-module__dropdown .productModalDescription {
background:transparent
}

@media (min-width: 768px) {
.ProductModal-module__dropdown {
width:590px
}

.ProductModal-module__dropdown .ProductModal-module__form {
order:3;
padding:10px;
width:60%
}

.ProductModal-module__dropdown .SelectContent-module__selectorWrapper {
max-width: 40%;
min-width:40%;
order:2;
padding-top:10px
}

.ProductModal-module__dropdown .boxBody {
align-items:flex-start;
display:flex;
flex-wrap:wrap;
justify-content:center
}

.ProductModal-module__dropdown .productModalDescription {
order:1;
width:60%
}

.ProductModal-module__dropdown .productModalGiveText {
order:4
}

.ProductModal-module__dropdown .productModalImg {
height:40%;
margin:auto;
order:0;
width:40%
}
}

#xbox_button {
height:50px;
margin:1px auto 0;
width:50px
}

.DL-Social-box {
align-items:center;
border-radius:15px;
display:flex;
justify-content:space-around;
padding:20px 15px
}

.DL-Social-link {
border-radius:10px;
display:flex;
justify-content:center;
padding:.2rem;
width:40%
}

.DS {
background-color:#7289da;
transition:all .2s
}

.DS:hover {
background-color:#677bc4;
transform:scale(1.13)
}

.MonitoringServer-module__name {
font-size:15px
}

.MonitoringServer-module__progressBar {
  border-radius: 20px;
  background: linear-gradient(to right, #f3bf33 0%, #dc7448 100%);
}

MonitoringServer-module__btns {
display:none
}
.MonitoringServer-module__progressBarAnim {
    background: linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    font-size: 14px!important;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: .8;
    box-shadow: var(--bg-color-700);
}
.MonitoringServer-module__progressBarWrapper {
background-color:rgb(223 223 223 / 7%);
border-radius:20px;
height:20px
}

.MonitoringServer-module__progressInfo {
background-color:#262626;
border:1px solid #f8ae1d;
border-radius:10px
}

.MonitoringServer-module__progressInfo:before {
border-color:#f8ae1d transparent transparent
}

.MonitoringServer-module__wrapper+.MonitoringServer-module__wrapper {
margin-top:10px
}

.MonitoringWidget-module__body {
border-radius:15px
}

.PlayerMenuMobile-module__menu .PlayerMenuMobile-module__header,.PlayerMenuMobile-module__menu .PlayerMenuMobile-module__body {
background-color:#262626
}

.ProductModal-module__dropdown .SelectContent-module__selectorWrapper .dropDownItem:hover,.dropDownItem:focus {
background:linear-gradient(45deg, #cd422a, #8d0c0c, #8d0c0c, #cd422a);
color:#292b2c
}

.ProductModal-module__dropdown .SelectContent-module__selectorWrapper .dropDownList {
background:#2f2f2f;
border:1px solid #535353;
border-radius:15px
}

.ProductModal-module__dropdown .dropDownCurrentItem {
background-color:rgba(255,255,255,.04);
border-radius:15px;
outline:none
}

.ProductModal-module__dropdown .dropDownCurrentItem:hover,.dropDownCurrentItem:focus {
outline:none
}

.VK {
background-color:#5181b8;
transition:all .2s
}

.VK:hover {
background-color:#5b88bd;
transform:scale(1.13)
}

.Widgets-module__widgetWrapper .boxFooter {/* display:none; */border-radius: 20px;margin: 10px;}

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

.fa-vk:before {
content:"\f189"
}

.menu-discord {
background-color:#7289da;
border-radius:10px;
color:#fff;
margin:10px;
padding:.5rem;
transition:all .1s
}

.menu-vk {
background-color:#5181b8;
border-radius:10px;
color:#fff;
margin:-10px;
padding:.5rem;
transition:all .1s
}

.xbox {
background:rgba(19,29,13,0);
border-radius:8px;
box-shadow:0 1px 1px transparent;
margin-bottom:0
}

.xbox {
background:rgba(212,186,173,0);
color:#fff
}

.xbox.xbox_monitoring6 {
background:#49494936;
border-radius:10px;
margin-top:8px
}

.xbox_monitoring6 {
background:#282828de;
border-radius:25px;
margin-bottom:10px;
padding:15px;
padding-bottom:5px;
padding-left:23px;
padding-right:23px;
padding-top:5px
}

.PlayerBalanceModal-module__footer .Button-module__accent {
	background-color: #f90;
    border-color: #f90;
    color: #383838;
    transition: all .3s ease;
}

.PlayerBalanceModal-module__footer .Button-module__accent:hover, .Button-module__accent:focus {
    background: #212121!important;
  	color: #fff!important;
    border-color: #212121!important;
    border-radius: 10px!important;
}

.bpBgModalImg {
    background: url(https://pic.moscow.ovh/images/2020/04/21/c378a8bf01e764c4c4b7b4d647463c00.png);
    background-size: 105%;
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width: 1200px) {
    .container {
        width:1300px
    }
}

.divInfo {
    color: rgba(255,255,255,.3);
    text-align: center;
    font-size: 13px;
    padding: 16px;
}

/* виджет вк */
@media (min-width: 1200px){

.xbox.xbox_social {
    background: #49494936;
    border-radius: 15px;
    /* background: 0px 0px; */
    box-shadow: none;
    display: flex;
    flex-direction: row;
    margin-left: 8px;
    margin-top: 5px;
    margin-bottom: -4px;
}
.xbox.xbox_social a {
    background-color: rgba(0, 0, 0, 0.19);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 8px;
    flex-basis: 20%;
    height: 50px;
    transition: all 0.2s;
    margin: 6px;
}
.xbox.xbox_social a:hover {
    box-shadow: 0 0 7px 7px #cd422a;
    transform: scale3d(1.10, 1.10, 1.10);
}
.xbox.xbox_social .vk {
    background-image: url(https://i.ibb.co/tMxv1cPm/725288.png);
}
.xbox.xbox_social .discord {
    background-image: url(https://i.ibb.co/chx73FT0/Discord.png);
}
.xbox.xbox_social .steam {
    background-image: url(https://i.ibb.co/4ZwRMJzT/tg.png);
}
.xbox.xbox_social .youtube {
    background-image: url(https://i.ibb.co/Mk5fcBSJ/yt.png);
}
.xbox_monitoring .xserver:first-child {
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.xserver {
    background: rgba(0, 0, 0, 0.19);
    border-radius: 7px !important;
    padding: 5px 11px 1px 11px !important;
    box-shadow: -2px 0px 0px 0px #ffa41c;
    margin-bottom: 15px;
}
.xserver__title a {
    text-decoration: none;
    color: inherit;
    text-align: left;
    font-size: 14px !important;
}
.xserver__title {
    padding-bottom: 1px;
    padding-top: 1px;
}
.product-description img {
    transition: transform 0.3s ease;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.product-description img:active {
    transform: scale(1.5);
    z-index: 1000;
    position: relative;
}


/* ====== ГИРЛЯНДЫ (FIXED TOP) ====== */
.lightrope {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;

  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: auto !important;

  z-index: 2147483647 !important;
  margin: 0 !important;
  padding: 0 !important;

  pointer-events: none;

  /* Поднимаем гирлянду вверх (меняй число: -5, -10, -20 и т.д.) */
  transform: translate3d(0, -13px, 0) !important;
}

.lightrope li {
  position: relative;
  animation-fill-mode: both;
  animation-iteration-count: infinite;

  list-style: none;
  margin: 0;
  padding: 0;

  display: inline-block;
  width: 12px;
  height: 28px;
  border-radius: 50%;

  margin: 20px;

  background: #00f7a5;
  box-shadow: 0px 4.66667px 24px 3px #00f7a5;

  animation-name: flash-1;
  animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
  background: cyan;
  box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5);
  animation-name: flash-2;
  animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
  background: #f70094;
  box-shadow: 0px 4.66667px 24px 3px #f70094;
  animation-name: flash-3;
  animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
  animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
  animation-duration: 1.4s;
}

.lightrope li::before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9.33333px;
  border-radius: 3px;
  top: -4.66667px;
  left: 1px;
}

.lightrope li::after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 52px;
  height: 18.66667px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.lightrope li:last-child::after {
  content: none;
}

.lightrope li:first-child {
  margin-left: -40px;
}*/

/* ====== ANIMATIONS ====== */
@keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}
*/

/* ===== PROMO BOX (центр слева экрана) ===== */
.gs-promo-box{
  position: fixed !important;
  left: 15px;                 /* отступ от левого края */
  top: 88%;
  transform: translateY(-50%);

  width: 300px;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;

  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  padding: 14px;

  backdrop-filter: blur(6px);
  z-index: 9999;              /* поверх снега/баннеров */
}


.gs-promo-title{
  font-weight: 800;
  font-size: 14px;
  margin: 0 0 8px 0;
  opacity: .95;
}

.gs-promo-meta{
  font-size: 12px;
  opacity: .85;
  line-height: 1.35;
  margin: 0 0 10px 0;
}

.gs-promo-row{
  display: flex;
  gap: 8px;
  align-items: center;
}

.gs-promo-input{
  flex: 1 1 auto;
  min-width: 0;
  height: 36px;
  box-sizing: border-box;

  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(0,0,0,.35);

  color: #fff;
  padding: 0 10px;
  outline: none;
}

.gs-promo-input::placeholder{
  color: rgba(255,255,255,.55);
}

.gs-promo-btn{
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 0;
  cursor: pointer;

  background: rgba(220, 50, 50, .85);
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}

.gs-promo-btn:hover{
  filter: brightness(1.06);
}

.gs-promo-btn:disabled{
  opacity: .55;
  cursor: not-allowed;
}

.gs-promo-status{
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.35;
  opacity: .95;
}

.gs-promo-status.ok{ color: #b7ffb7; }
.gs-promo-status.err{ color: #ffb7b7; }

/* ===== PRICE WITH PROMO ===== */
.gs-old-price{
  font-size: 12px;
  opacity: .55;
  text-decoration: line-through;
  margin-right: 6px;
}

.gs-new-price{
  font-weight: 800;
  color: #fff;
}

.gs-discount-badge{
  position: absolute;
  top: 8px;
  right: 8px;
  background: linear-gradient(135deg, #ff3b3b, #ff7a3b);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  padding: 3px 6px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(255,80,80,.45);
  z-index: 5;
}