/* =====================================================
   PROXWORLD FINAL CSS 2026
   CLEAN / WORKING / FULL VERSION
   FIXED PC + MOBILE + BANNER + MENU
===================================================== */


/* =====================================================
   BASE
===================================================== */

html,
body{
margin:0!important;
padding:0!important;
overflow-x:hidden!important;
max-width:100%!important;
min-height:100%!important;
position:relative!important;

background-color:#050507!important;
background-image:url("https://i.postimg.cc/MT6TWY84/a79e47a7-b82e-4e16-a916-78efc9ca51f5.png")!important;
background-position:center center!important;
background-size:cover!important;
background-repeat:no-repeat!important;
background-attachment:fixed!important;
}

/* mobile safari */
@media (max-width:768px){
html,
body{
background-attachment:scroll!important;
}
}


/* =====================================================
   FONT
===================================================== */

@font-face{
font-family:'Minecraft RUS';
src:url('minecraft-rus.ttf') format('truetype');
font-display:swap;
}


/* =====================================================
   REMOVE EXTRA BACKGROUNDS
===================================================== */

#wrapper,
.wrapper,
#app,
.app,
main,
.page,
.pages,
.content,
.site-content,
.shop-page,
.shop-container,
.container,
.container-fluid,
section,
article,
div[class*="page"],
div[class*="content"],
div[class*="shop"],
div[class*="layout"]{
background-color:transparent!important;
}


/* =====================================================
   ATMOSPHERE
===================================================== */

body::before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
z-index:0;
background:rgba(0,0,0,.42);
}

body::after{
content:"";
position:fixed;
inset:0;
pointer-events:none;
z-index:1;

background:
radial-gradient(circle at 25% 35%, rgba(140,0,255,.08), transparent 35%),
radial-gradient(circle at 75% 70%, rgba(255,120,0,.05), transparent 30%);
}


/* =====================================================
   CONTENT ABOVE BG
===================================================== */

header,
nav,
main,
section,
.container,
.row,
.card,
.product,
.spirit-card,
.spirit-product,
.spirit-shop-jumbotron{
position:relative!important;
z-index:5!important;
}


/* =====================================================
   TOP LEFT LOGO
===================================================== */

.spirit-shop-name{
color:#ffffff!important;
font-weight:700!important;
background:none!important;
-webkit-text-fill-color:#ffffff!important;
text-shadow:none!important;
}


/* =====================================================
   MAIN BANNER
===================================================== */

.spirit-shop-jumbotron{
position:relative!important;
overflow:visible!important;
border-radius:34px!important;

box-shadow:
0 0 14px rgba(255,180,0,.55),
0 0 38px rgba(255,180,0,.28),
0 0 80px rgba(255,180,0,.18)!important;
}

.spirit-shop-jumbotron::before,
.spirit-shop-jumbotron::after{
display:none!important;
}


/* =====================================================
   BANNER TITLE
===================================================== */

.shop-name{
display:block!important;
position:relative!important;
z-index:2!important;

margin:0 auto 12px auto!important;
width:fit-content!important;
max-width:100%!important;

padding:10px 30px!important;
border-radius:22px!important;

font-family:'Minecraft RUS','Arial Black',sans-serif!important;
font-size:74px!important;
font-weight:400!important;
letter-spacing:2px!important;
line-height:1!important;
text-transform:uppercase!important;

background:linear-gradient(
90deg,
#ff8c00 0%,
#ffb400 22%,
#fff3a0 50%,
#ffb400 78%,
#ff8c00 100%
)!important;

-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;
}

.shop-name::before{
content:"";
position:absolute;
inset:0;
border-radius:22px;
background:rgba(0,0,0,.14);
backdrop-filter:blur(2px);
z-index:-1;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.shop-decsription{
display:inline-block!important;
padding:10px 28px!important;
border-radius:18px!important;
background:rgba(0,0,0,.26)!important;

color:#fff!important;
font-size:34px!important;
font-weight:900!important;
line-height:1.15!important;
text-shadow:0 2px 6px rgba(0,0,0,.55)!important;
}


/* =====================================================
   ONLINE BLOCK
===================================================== */

.general-online{
display:inline-block!important;
padding:12px 24px!important;
border-radius:18px!important;
background:rgba(0,0,0,.26)!important;
}

.general-online h3,
.general-online p{
color:#fff!important;
font-weight:900!important;
}


/* =====================================================
   LEFT MENU
===================================================== */

.spirit-shop-categories-wrapper{
display:flex!important;
flex-direction:column!important;
gap:22px!important;
position:relative!important;
z-index:5!important;
}

.spirit-shop-categories-wrapper li{
position:relative!important;
overflow:visible!important;
isolation:isolate!important;

border-radius:999px!important;
background:rgba(15,18,22,.88)!important;
border:1px solid rgba(255,180,0,.10)!important;

box-shadow:
0 0 10px rgba(255,180,0,.08),
0 8px 20px rgba(0,0,0,.42)!important;

transition:.25s ease!important;
}

.spirit-shop-categories-wrapper li::before{
content:"";
position:absolute;
inset:-2px;
border-radius:999px;
pointer-events:none;
z-index:-1;

box-shadow:
0 0 10px rgba(255,180,0,.14),
0 0 18px rgba(255,180,0,.08),
0 0 28px rgba(255,180,0,.04);
}

.spirit-shop-categories-wrapper li:hover{
transform:translateY(-2px)!important;
}

.spirit-shop-categories-wrapper li.active,
.spirit-shop-categories-wrapper li.selected,
.spirit-shop-categories-wrapper li.current{
background:#ffffff!important;
border:1px solid rgba(255,255,255,.22)!important;
}

.spirit-shop-categories-wrapper li.active *,
.spirit-shop-categories-wrapper li.selected *,
.spirit-shop-categories-wrapper li.current *{
color:#111111!important;
stroke:#111111!important;
opacity:1!important;
}


/* =====================================================
   SHOP TITLES
===================================================== */

.section-shop h2,
.section-shop h3,
#servers h2,
#sections h2,
#last-payments h2{
font-size:42px!important;
font-weight:700!important;

background-image:linear-gradient(90deg,#49ffd2,#35d8ff)!important;
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;

text-shadow:0 0 8px rgba(73,255,210,.18)!important;
}


/* =====================================================
   PRODUCT TITLES
===================================================== */

.shop-products h4,
.shop-products h5,
.shop-products .title,
.shop-products .name{
color:#fff!important;
font-weight:700!important;
text-shadow:0 2px 6px rgba(0,0,0,.55)!important;
}


/* =====================================================
   PRICES
===================================================== */

[class*="price"],
[class*="cost"],
.price,
.cost,
.product-price,
.new-price{
font-size:32px!important;
font-weight:700!important;
line-height:1.1!important;

background-image:linear-gradient(90deg,#49ffd2,#35d8ff)!important;
-webkit-background-clip:text!important;
-webkit-text-fill-color:transparent!important;

text-shadow:0 0 8px rgba(73,255,210,.18)!important;
}

.old-price,
del,
s{
font-size:18px!important;
opacity:.55!important;
color:#ffffff!important;
}


/* =====================================================
   PRODUCT CARDS
===================================================== */

.shop-products .product,
.shop-products .card{
background:rgba(10,10,14,.42)!important;
border-radius:24px!important;
border:1px solid rgba(255,255,255,.04)!important;
backdrop-filter:blur(3px)!important;
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:768px){

.spirit-shop-jumbotron{
padding:26px 16px 30px!important;
border-radius:28px!important;
}

.shop-name{
font-size:46px!important;
padding:8px 16px!important;
letter-spacing:1px!important;
}

.shop-decsription{
font-size:24px!important;
padding:12px 14px!important;
line-height:1.15!important;
max-width:100%!important;
}

.spirit-shop-jumbotron .btn{
width:100%!important;
max-width:320px!important;
height:64px!important;
font-size:22px!important;
margin:18px auto 0 auto!important;

display:flex!important;
align-items:center!important;
justify-content:center!important;
}

.general-online{
margin-top:16px!important;
padding:10px 14px!important;
}

.general-online h3{
font-size:22px!important;
}

.general-online p{
font-size:14px!important;
}

.spirit-shop-categories-wrapper{
gap:16px!important;
}

.spirit-shop-categories-wrapper li{
min-height:88px!important;
}

[class*="price"],
[class*="cost"],
.price,
.cost,
.product-price{
font-size:28px!important;
}

.section-shop h2,
.section-shop h3{
font-size:34px!important;
}

}


/* =====================================================
   PC BANNER FIX
===================================================== */

@media (min-width:769px){

.section-jumbotron .container-fluid{
padding-left:20px!important;
padding-right:20px!important;
max-width:100%!important;
}

.spirit-shop-jumbotron{
width:100%!important;
max-width:100%!important;
min-height:620px!important;
padding:55px 60px!important;

display:flex!important;
align-items:center!important;
justify-content:center!important;

overflow:hidden!important;
border-radius:34px!important;
background-position:center center!important;
background-size:cover!important;
}

.spirit-shop-jumbotron .container{
width:100%!important;
max-width:100%!important;
padding:0!important;
}

.spirit-shop-jumbotron .row{
margin:0!important;
width:100%!important;
justify-content:center!important;
}

.spirit-shop-jumbotron .col-12{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
}

.shop-name{
margin:0 auto 16px auto!important;
font-size:74px!important;
}

.shop-decsription{
margin:0 auto 24px auto!important;
font-size:34px!important;
}

.spirit-shop-jumbotron-footer{
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:24px!important;
margin-top:10px!important;
flex-wrap:wrap!important;
}

}