/* =====================================================
   NEON RUST x5 — FINAL FIXED STYLE (NO LAYOUT BREAK)
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600&family=Pacifico&display=swap');

:root {
    --neon-blue: #00eaff;
    --neon-blue-soft: rgba(0,234,255,0.35);
    --neon-blue-glow: rgba(0,234,255,0.85);

    --neon-red: #ff2b2b;
    --neon-red-soft: rgba(255,43,43,0.45);
    --neon-red-strong: rgba(255,43,43,0.95);
}

/* =========================
   REMOVE GAMESTORES BANNER
   ========================= */

.container.bannerContainer {
    display: none !important;
}

/* =========================
   MATRIX BACKGROUND
   ========================= */

#matrix-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: #02040a;
}

/* контент поверх */
body > * {
    position: relative;
    z-index: 2;
}

/* =========================
   GLOBAL NEON TEXT
   ========================= */

body,
body *:not(img):not(svg):not(canvas):not(video) {
    font-family: 'Orbitron', sans-serif !important;
    color: var(--neon-blue) !important;
    text-shadow:
        0 0 4px var(--neon-blue-soft),
        0 0 10px var(--neon-blue-soft);
}

/* =========================
   NEON LOGO
   ========================= */

.neon-logo {
    text-align: center;
    margin: 28px auto 22px;
    font-family: 'Pacifico', cursive !important;
    font-size: 46px;
    white-space: nowrap;
}

.neon-logo .letter {
    display: inline-block;
    animation: neonWave 3.6s ease-in-out infinite;
    text-shadow:
        0 0 6px var(--neon-blue),
        0 0 18px var(--neon-blue-glow),
        0 0 30px var(--neon-blue-glow);
}

.neon-logo .x5 {
    margin-left: 10px;
    font-size: 30px;
    color: var(--neon-red) !important;
    animation: redPulse 2.4s ease-in-out infinite;
    text-shadow:
        0 0 6px var(--neon-red),
        0 0 18px var(--neon-red),
        0 0 30px var(--neon-red);
}

/* =========================
   SIDE NEON TUBES
   ========================= */

.neon-tube {
    position: fixed;
    top: -20%;
    width: 6px;
    height: 140%;
    background: linear-gradient(
        180deg,
        transparent,
        var(--neon-blue),
        transparent
    );
    box-shadow:
        0 0 14px var(--neon-blue),
        0 0 32px var(--neon-blue-glow);
    z-index: 1;
    pointer-events: none;
    opacity: 0.6;
    animation: tubeFloat 7s ease-in-out infinite;
}

.neon-tube.left { left: 18px; }
.neon-tube.right { right: 18px; animation-delay: -3.5s; }

/* =====================================================
   PRODUCT CARDS — VISUAL ONLY (NO SIZE CHANGES)
   ===================================================== */

/* базовое синее свечение */
a[href*="/product"],
a[href*="/item"] {
    position: relative !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 0 1px var(--neon-blue-soft),
        0 0 10px rgba(0,234,255,0.25);

    transition: box-shadow 0.25s ease;
}

/* КРАСНАЯ АНИМИРОВАННАЯ РАМКА СНАРУЖИ */
a[href*="/product"]::after,
a[href*="/item"]::after {
    content: "";
    position: absolute;
    inset: -3px; /* СНАРУЖИ, НЕ МЕНЯЕТ РАЗМЕР */
    border-radius: 14px;
    pointer-events: none;

    box-shadow:
        0 0 12px var(--neon-red-strong),
        0 0 30px var(--neon-red-strong),
        0 0 60px var(--neon-red-soft);

    opacity: 0.85;
    animation: redBorderPulse 1.8s ease-in-out infinite;
}

/* hover — ТОЛЬКО СВЕТ */
a[href*="/product"]:hover,
a[href*="/item"]:hover {
    box-shadow:
        0 0 0 1px var(--neon-blue),
        0 0 18px var(--neon-blue-glow);
}

/* =========================
   TEXT SAFETY
   ========================= */

a[href*="/product"] *,
a[href*="/item"] * {
    box-sizing: border-box;
}

/* =========================
   ANIMATIONS
   ========================= */

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

@keyframes redPulse {
    0%,100% { opacity: 1; }
    50% { opacity: 0.7; }
}

@keyframes tubeFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(60px); }
}

@keyframes redBorderPulse {
    0% {
        opacity: 0.5;
        box-shadow:
            0 0 10px var(--neon-red-soft),
            0 0 22px var(--neon-red-soft);
    }
    50% {
        opacity: 1;
        box-shadow:
            0 0 18px var(--neon-red-strong),
            0 0 40px var(--neon-red-strong),
            0 0 70px var(--neon-red-soft);
    }
    100% {
        opacity: 0.5;
        box-shadow:
            0 0 10px var(--neon-red-soft),
            0 0 22px var(--neon-red-soft);
    }
}

/* =========================
   MOBILE SAFE MODE
   ========================= */

@media (max-width: 768px) {
    #matrix-bg,
    .neon-tube {
        display: none;
    }

    a[href*="/product"]::after,
    a[href*="/item"]::after {
        inset: -2px;
        animation-duration: 2.6s;
    }

    .neon-logo {
        font-size: 32px;
    }
}


/* =====================================================
   test vidjet
   ===================================================== */
.xbox__header {
border-radius: 0px 0px 0 0;
}
.store-categories:before{display:block;content:"Если вы наблюдаете проблемы с пополнением баланса - обратитесь через Discord к администратору Deneko#6570 в  личные сообщения";margin-bottom:16px;padding:16px;text-align:center;text-transform:none;font-size:18px;color:#ffffff;background: rgba(0, 0, 0, 0.5);border-radius:0px;animation: pulsate 1s linear infinite;}
</body>
</html>
}
/* округление нижнего блока*/
.colqq {
width: 25%;
clear: none !important;
}
element.style {
}
.wcommunity_colored.wcommunity_wrap {
    background-color: #00000073;
}

.kit-product__name, .kit-product__quantity {
    background: rgb(0 0 0 / 55%);
}

.table>thead>tr>th {
    background-color: #0000;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}


.nav>li>a:focus, .nav>li>a:hover, .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #00000087;
    color: #ffffff;
}
.product {
position: relative;
border-radius: 50px;
box-shadow: 0 45px 45px rgba(0,0,0,.0);
margin: 50px;
cursor: pointer;
overflow: hidden;
-webkit-backface-visibility: hidden;
}
.product:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
.product:hover .product__image{
animation: 1s ease-in-out alternate infinite aqwe backwards
}
.product {
position: relative;
border-radius: 5px;
box-shadow: 0 5px 5px rgba(0,0,0,.3);
margin: 10px;
background: rgba(0, 0, 0, 0.1);
cursor: pointer;
overflow: hidden;
-webkit-backface-visibility: hidden;
}
.product__name {
padding: 1px;
width: 100%;
opacity: 1;
background: rgba(0, 0, 0, 0.0);
}
.product__price {
top: 0;
left: 0;
padding: 3px 6px;
border-radius: 0 0 10px 0;
}
.product:hover{ //Анимация иконок
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
.product:hover .product__image{
animation: 1s ease-in-out alternate infinite aqwe backwards
}
.product__image {
    padding: 0.1%;
    width: 100%;
    background: rgb(0 0 0 0);
    background-image: url(https://i.imgur.com/hi46Shl.png);
}
.roulette-item__image{
animation: 1.5s ease-in-out alternate infinite aqwe backwards
}
@keyframes aqwe{0%{transform: rotate(-4deg)}50%{transform: scale(1.05);box-shadow: 0 0px 0px rgba(0, 0, 0, .1), 0 15px 12px rgba(0, 0, 0, .05)} //@include shake(15px, 15px, 1deg, 'shake-slow', 1);
100%{transform: rotate(4deg)}}
}
body {
    color: rgba(255, 255, 255, 0.9)!important;
    background-image: url();
    background-color: #080808;
}
.form-control {
    border: 0px;
}
.navbar {
    text-transform: uppercase;
    margin-bottom: 20px;
    background: #0088e9;
 }

.xbox__body {
    background: rgba(0, 0, 0, 0);
    padding: 6px;
}

.xbox__body {
    padding: 20px;
    background: rgba(171, 14, 14, 0);
    border-top: 1px solid rgba(48, 48, 48, 0);
    border-bottom: 1px solid #rgba(48, 48, 48, 0);
    border-bottom: 0px;
    background-image: url(https://i.imgur.com/cMudDhQ.png);
}

.xbox {
    position: relative;
    background: rgba(0, 0, 0, 0.30);
    margin-bottom: 20px;
 }
 
.xbox__header, 
 .xbox__footer {
    border-radius: 30px 30px 0 0;
    background-color: rgba(0, 0, 0, 0.31);
}

.store-categories {
    text-align: center;
    margin-bottom: 15px;
}

.input-group .form-control:last-child, .input-group-addon:last-child, 
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn, 
.input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, 
.input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: rgb(0 0 0 / 38%);
}

.xserver__status-bar 
            .progress {
    margin-bottom: 0;
    background-color: rgb(0 0 0 / 22%);
}

.modal .modal-header {
    background: rgb(0 0 0 / 65%);
    border-bottom: 1px solid rgb(0 0 0 / 0%);
}

.modal .modal-footer {
    background: rgb(0 0 0 / 83%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.83
    );
    border-top: 1px solid rgba(0, 0, 0, 0);
}

.modal .modal-content {
     background: rgb(0 0 0 / 65%);
}


.btn-default, 
 .btn-default:focus, 
  .btn-default:hover {
    color: #ffffff;
    background: #00000069;
    border: 1px solid #0c809000;
}

.xbox .xserver {
 background-color:rgba(0, 0, 0, 0.15);
 margin-bottom:3px;
 text-shadow:1px 1px 1px #333;
 width:100%;
 padding:5px;
 cursor:pointer;
 color:#fff;
 transition:all 0.1s ease-in-out
}
.xbox .xserver:hover {
 background-color:rgba(255, 255, 255, 0.1);
 transform:scale(1.1)
}
.progress {
 background-color:rgba(255, 255, 255, 0.08);
 border-radius:0px;
 height:30px;
 padding:4px
}
.xserver__links .ml-auto a {
 opacity:0.5
}
.xserver__links {
 margin-top:-31px;
 margin-left:10px;
 margin-right:10px
}

.btn-default.active, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover {
    color: #ffffff;
    background: #12b2f6;
}

.xbox_monitoring h4::before {
 font:normal normal normal 20px FontAwesome;
 content:"\f233  "
}
.xbox_payments h4::before {
 font:normal normal normal 24px FontAwesome;
 content:"\f0d6  "
}
.xbox_transfers h4::before {
 font:normal normal normal 24px FontAwesome;
 content:"\f0ec  "
}

.gs-loader .gs-loader-inner .spi::before {
    display: none;
}
.gs-loader .gs-loader-inner .spi::after {
    display: none;
}
.gs-loader .gs-loader-inner .spi{
margin:0 auto;
margin-top:20px;
width:256px;
height:256px;
background:url() no-repeat;
animation: loader4 1s infinite ease;
}

.roulette{background-color:rgba(255, 255, 255, 0.1);
 margin-bottom:10px
}

.navbar .nav>li>a {
    color: rgba(255,255,255,.7);
    background: 0 0;
}

.navbar-header>a {
    color: rgb(255 255 255);
}

.xbox__header h4 {
  border-radius: 30px 30px 0 0;
    color: rgb(255 255 255);
    background: 0 0;
}


.footer {
 background-color:rgba(0, 0, 0, 1);
 opacity:0.5;
 transition:all 0.2s
}
.footer:hover {
 opacity:1
}

@media (min-width:1200px) {
 .kit-items__item {
  width:16.5%
 }
}
@media (min-width:992px) {
 .modal-lg {
  max-width:900px
 }
 .kit-items__item {
  width:16.5%
 }
}
@media (min-width:768px) {
 .kit-items__item {
  width:16.5%
 }
}
@keyframes ShowRoulette {
 0% {
  margin-left:2000px
 }
 100% {
  margin-left:px
 }
}
@keyframes ShowItem {
 0% {
  opacity:0;
  transform:translateY(50%)
 }
 50% {
  opacity:1;
  transform:translateY(-10%)
 }
 85% {
  opacity:1;
  transform:translateY(5%)
 }
 100% {
  opacity:1;
  transform:translateY(0%)
 }
}
@-webkit-keyframes ZoomIn {
 0% {
  opacity:0;
  transform:scale(0)
 }
 65% {
  opacity:1;
  transform:scale(1.15)
 }
 100% {
  opacity:1;
  transform:scale(1)
 }
}
@keyframes ZoomIn {
 0% {
  opacity:0;
  transform:scale(0)
 }
 65% {
  opacity:1;
  transform:scale(1.15)
 }
 100% {
  opacity:1;
  transform:scale(1)
 }
}
@-webkit-keyframes fadeOut {
 0% {
  opacity:1;
  transform:scale(1)
 }
 25% {
  opacity:1;
  transform:scale(1.15)
 }
 70% {
  opacity:1;
  transform:scale(0)
 }
}
@keyframes fadeOut {
 0% {
  opacity:1;
  transform:scale(1)
 }
 25% {
  opacity:1;
  transform:scale(1.15)
 }
 70% {
  opacity:0;
  transform:scale(0)
 }
}
@-webkit-keyframes fadeInUp {
 0% {
  transform:scale(0)
 }
 45% {
  transform:scale(1.15)
 }
 70% {
  transform:scale(1)
 }
}
@keyframes fadeInUp {
 0% {
  transform:scale(0)
 }
 45% {
  transform:scale(1.15)
 }
 70% {
  transform:scale(1)
 }
}
@-webkit-keyframes ItemHover {
 0% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.2)
 }
 100% {
  transform:scale(1.15)
 }
}
@keyframes ItemHover {
 0% {
  transform:scale(1)
 }
 50% {
  transform:scale(1.2)
 }
 100% {
  transform:scale(1.15)
 }
}
@-webkit-keyframes ItemUnhover {
 0% {
  transform:scale(1.15)
 }
 50% {
  transform:scale(0.85)
 }
 100% {
  transform:scale(1)
 }
}
@keyframes ItemUnhover {
 0% {
  transform:scale(1.15)
 }
 50% {
  transform:scale(0.85)
 }
 100% {
  transform:scale(1)
 }
}



.input-group-addon {
    background: #12b2f6;
    border: 1px solid #12b2f6;
    color: #ffffff;
}

.btn-success {
    color: #0088e9;
    background-color: #0088e9;
    border-color: #0088e9;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #ffffff;
    background: #9321C2;
}

.nav>li>a {
    color: #ffffff;
    background-color: #650020;
}

.progress-bar {
    background-color: #0088e9 !important;
    height: 22px;
}

body {
    color: #ffffff!important;
    background-color: #2b2b2b;
}

.navbar-header>a {
    color: rgb(61 0 134);
}

.navbar .nav>li>a {
    color: rgba(255,255,255,.7);
    background: 0 0;
}


.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px;
    color: rgba(255,255,255,.7);
}

.item__description, .kit__description, .roulette__description, .service__description {
    background-color: #000000b0;
}

.form-control[readonly] {
    background: #0000009c;
}

.product__command {
    color: #fff000;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #ffffff;
    background: #12b2f6;
}

.nav>li>a {
    color: #ffffff;
    background-color: #000000ad;
}

.btn-danger {
    color: #ffffff;
    background-color: #12b2f6;
    border-color: #d43f3a;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
    background: #0000007d;
}

.input-group-addon:first-child {
    border-right: 0;
    background: #12b2f6;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #12b2f6;
}

.kit-product {
    background: #12b2f6;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: rgb(0 0 0 / 57%);
}

.btn-success {
    color: rgb(255 255 255);
    background-color: #12b2f6;
    border-color: rgb(0 0 0);
    text-shadow: rgb(0 0 0 / 30%) 0px 1px 1px;
}
.btn-success {
    color: #fff;
    background-color: #12b2f6;
    border-color: rgb(0 0 0);
    text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
}