:root{--white:#eee8f5;--black:#17111f;--shade:#4a315a}body,html{background-color:#100b16!important}.product-card,.server-card{background:var(--black)!important;border:2px solid #62347f!important;border-radius:16px!important}.product-card:hover,.server-card:hover{border-color:#a64cff!important}.select-server-card{background:var(--black)!important;border:2px solid #62347f!important}.form-control,.modal-content,.bg-soft{background-color:var(--black)!important}input{border:2px solid var(--shade)!important}.text-black a:not(.btn),.text-black h1,.text-black h2,.text-black h3,.text-black h4,.text-black h6,.text-black .h1,.text-black .h2,.text-black .h3,.text-black .h4,.text-black .h5,.text-black .h6,.text-black .display-1,.text-black .display-2,.text-black .display-3,.text-black .display-4,.title,.category,.item-price,.item-title,.modal-title,.label,label,.input-group .form-control,.text-soft,.text-soft:hover,.text-black,.text-black:hover,h4,p,.text-black h5{color:var(--white)!important}h5.font-weight-bolder.mb-1.text-black[class="font-weight-bolder mb-1 text-black"],p.small.mb-0.text-uppercase.text-black[class="small mb-0 text-uppercase text-black"]{color:var(--black)!important}.category{background-color:#2b173b!important;color:#e3cef5!important;border:1px solid #62347f!important}.category:hover{background-color:#4a1769!important}.category.active,.btn-purple,.bg-purple{background-color:#8b00ff!important;color:white!important}.btn-purple:hover{background-color:#a52cff!important}.title:after{background:#8b00ff!important;box-shadow:0 -2px 12px #8b00ff!important}.cart-card{background-color:#2a153c!important}.cart-cost{color:white!important}.cart-item-actions{border:2px solid var(--shade)!important}.mr-1,.mx-1{margin-right:.25rem!important;color:var(--white)!important;fill:var(--white)!important}
.navbar,.bg-light{background-color:#0d0913!important;border-bottom:1px solid #3f2352!important}
.nav-link,.nav-link-inner-text{color:#ddd3e6!important}
.nav-link:hover,.nav-link:hover .nav-link-inner-text{color:#fff!important}

.product-card,.server-card{
box-shadow:0 12px 28px #08040d!important;
transition:all .2s ease!important
}
.product-card:hover,.server-card:hover{
box-shadow:0 16px 34px #2f0a45!important;
transform:translateY(-4px)!important
}

.select-server-card{
border-radius:14px!important;
transition:all .2s ease!important
}
.select-server-card:hover{border-color:#a64cff!important}
.modal-content{
border:2px solid #62347f!important;
border-radius:18px!important;
box-shadow:0 18px 45px #08040d!important
}
.form-control{color:var(--white)!important}

.category{
border:1px solid #5f3678!important;
border-radius:13px!important;
transition:all .2s ease!important
}
.category:hover{
background-color:#4a1769!important;
color:#fff!important;
border-color:#a64cff!important;
transform:translateY(-2px)!important
}
.category.active{
border-color:#bd70ff!important;
box-shadow:0 8px 20px #341047!important
}
.category>svg>path{stroke:#b35cff!important}
.category:hover>svg>path,.category.active>svg>path{stroke:#fff!important}

.item-title{font-weight:700!important}
.item-price{font-weight:800!important;color:#ffffff!important}

.btn-purple,.bg-purple{
background-color:#8b00ff!important;
border-color:#a64cff!important
}

.btn-purple{
color:#fff!important;
border-radius:12px!important;
box-shadow:0 8px 20px #321047!important;
transition:all .2s ease!important
}

.btn-purple:hover{
background-color:#a52cff!important;
border-color:#c173ff!important;
box-shadow:0 10px 26px #4a1769!important;
transform:translateY(-2px)!important
}

.cart-card{
background-color:#2a153c!important;
border:1px solid #62347f!important;
border-radius:14px!important;
transition:all .2s ease!important
}

.cart-card:hover{
background-color:#641b91!important;
border-color:#a64cff!important
}

.cart-cost{
color:#fff!important;
font-weight:800!important
}

.cart-item-actions{
border:2px solid var(--shade)!important
}

.badge-icon,.badge-opacity{
background-color:#421a61!important;
color:#c66cff!important
}

.text-purple{
color:#c66cff!important
}

.bg-elegant-night{
background-color:#09060d!important;
color:var(--white)!important
}

/* ===== JetPE unique layer ===== */

/* Hero */
.shop-title{
    color:#ffffff!important;
    font-weight:800!important;
    letter-spacing:3px!important;
    text-shadow:0 0 10px #8b00ff,0 0 28px #4d0a68!important
}

.shop-description{
    color:#d8c9e5!important;
    letter-spacing:1px!important
}

/* Navbar logo + menu */
.navbar-brand img{
    border-radius:12px!important;
    box-shadow:0 0 18px #45105e!important
}

.navbar{
    box-shadow:0 8px 25px #08040d!important
}

/* Cards: asymmetric JetPE look */
.product-card{
    border-left:4px solid #8b00ff!important;
    border-top:1px solid #8e4ca6!important;
    border-right:1px solid #4a315a!important;
    border-bottom:1px solid #4a315a!important;
    box-shadow:inset 0 1px 0 #3b244d,0 14px 30px #08040d!important
}

.product-card:hover{
    border-left-color:#c15cff!important;
    border-top-color:#c15cff!important;
    box-shadow:inset 0 1px 0 #5a2f71,0 18px 38px #2d0d3c!important
}

/* Product titles and price hierarchy */
.item-title{
    letter-spacing:.4px!important;
    text-shadow:0 0 12px #3f1451!important
}

.item-price{
    color:#ffffff!important;
    text-shadow:none!important
}

/* Search */
.select-server-card{
    box-shadow:inset 0 0 0 1px #2f1a3a,0 8px 20px #08040d!important
}

.select-server-card:hover{
    box-shadow:inset 0 0 0 1px #6c2e91,0 10px 24px #21082d!important
}

/* Categories */
.category{
    box-shadow:inset 0 1px 0 #4a2a5b!important;
    font-weight:600!important
}

.category.active{
    background:#8b00ff!important;
    box-shadow:inset 0 1px 0 #d19aff,0 8px 20px #341047!important
}

/* Buttons */
.btn-purple{
    border:1px solid #bd6cff!important;
    box-shadow:inset 0 1px 0 #cf91ff,0 8px 20px #321047!important;
    letter-spacing:.2px!important
}

.btn-purple:hover{
    background:#a52cff!important;
    box-shadow:inset 0 1px 0 #e1b5ff,0 12px 28px #4a1769!important
}

/* Cart */
.cart-card{
    box-shadow:inset 0 1px 0 #5f3575,0 8px 22px #09050d!important
}

.cart-card:hover{
    box-shadow:inset 0 1px 0 #c17dff,0 10px 26px #381047!important
}

/* Modal */
.modal-content{
    border-left:4px solid #8b00ff!important;
    border-top:1px solid #71428a!important;
    box-shadow:0 24px 60px #060309!important
}

/* Accent line */
.title:after{
    width:120px!important;
    height:4px!important;
    border-radius:8px!important;
    background:#9a16ff!important;
    box-shadow:0 0 16px #8b00ff!important
}


/* Fix: helper/privacy text must stay clean, without input-like outlines */
.text-muted,
.text-black .text-muted,
small,
.small {
    border:0!important;
    outline:0!important;
}


/* ===== JetPE premium polish v6 ===== */

/* Make the shop feel like its own designed surface */
#shop{
    background-color:#0f0a15!important;
    background-image:linear-gradient(180deg,#130d1a 0%,#0f0a15 45%,#0b080f 100%)!important;
    border-top:1px solid #35213f!important;
    box-shadow:inset 0 18px 45px #09060d!important
}

/* Hero: cleaner and more expensive-looking, not just more neon */
.shop-title{
    font-size:64px!important;
    line-height:1!important;
    letter-spacing:1px!important;
    text-shadow:0 2px 4px #050307,0 0 18px #65108a!important
}

.shop-description{
    color:#cfc4d7!important;
    font-weight:500!important;
    text-shadow:0 2px 8px #050307!important
}

/* Product image becomes part of the card design */
.item-image .mx-auto{
    border:1px solid #4c3159!important;
    border-radius:17px!important;
    box-shadow:0 13px 28px #07040a!important;
    transition:all .2s ease!important
}

.product-card:hover .item-image .mx-auto{
    border-color:#8f49ad!important;
    box-shadow:0 16px 32px #07040a,0 0 18px #3c1250!important;
    transform:translateY(-3px) scale(1.025)!important
}

/* More restrained card surface */
.product-card{
    background-color:#16101d!important;
    background-image:linear-gradient(145deg,#1a1222 0%,#130e19 100%)!important
}

.product-card:hover{
    background-image:linear-gradient(145deg,#1d1426 0%,#15101c 100%)!important
}

/* Search feels like a real UI component */
.search{
    color:#ffffff!important;
    background-color:transparent!important
}

.search::placeholder{
    color:#807287!important
}

.select-server-card:focus-within{
    border-color:#a64cff!important;
    box-shadow:inset 0 0 0 1px #6c2e91,0 0 0 3px #2b1237,0 10px 24px #09050d!important
}

/* Categories: compact premium chips */
.category{
    border-radius:999px!important;
    padding-left:18px!important;
    padding-right:18px!important
}

.category.active{
    background-image:linear-gradient(135deg,#7200dd,#9d22ff)!important
}

/* Buttons: richer depth but still clean */
.btn-purple{
    background-image:linear-gradient(135deg,#7700e8,#9818ff)!important;
    border-radius:13px!important
}

.btn-purple:hover{
    background-image:linear-gradient(135deg,#8800ff,#ad36ff)!important
}

.btn-purple:active{
    transform:translateY(0)!important;
    box-shadow:inset 0 2px 5px #4c086d,0 5px 12px #25102e!important
}

/* Cleaner product typography */
.item-title{
    color:#f7f2fa!important;
    font-weight:750!important;
    letter-spacing:.2px!important
}

.item-price{
    color:#ffffff!important;
    font-weight:800!important;
    text-shadow:none!important
}

/* Modal now visually belongs to the same system */
.modal-content{
    background-color:#15101c!important;
    background-image:linear-gradient(145deg,#191221,#110c17)!important
}

.modal-content .form-control{
    border:1px solid #50315f!important;
    border-radius:12px!important
}

.modal-content .form-control:focus{
    border-color:#9e46c9!important;
    box-shadow:0 0 0 3px #2c1238!important
}

.modal-content [data-dismiss="modal"] path{
    stroke:#eee8f5!important
}

/* Cart becomes a compact status pill */
.cart-card{
    background-image:linear-gradient(135deg,#261633,#321644)!important
}

.cart-card:hover{
    background-image:linear-gradient(135deg,#59127a,#7115a0)!important
}

/* Keep helper/legal copy clean */
.text-muted,
.text-black .text-muted,
small,
.small{
    border:0!important;
    outline:0!important;
    box-shadow:none!important
}


/* ===== v7 visual fixes ===== */

/* Hero title: cleaner shadow, less weird neon */
.shop-title{
    text-shadow:0 3px 10px #140b1b,0 0 10px #5a1877!important
}

/* Logo glow was too harsh */
.navbar-brand img{
    box-shadow:0 0 10px #2a1137!important
}

/* Server cards: force readable white titles */
.server-card,
.server-card h1,
.server-card h2,
.server-card h3,
.server-card h4,
.server-card h5,
.server-card h6,
.server-card .text-black,
.server-card .font-weight-bolder,
.server-card .h1,
.server-card .h2,
.server-card .h3,
.server-card .h4,
.server-card .h5,
.server-card .h6{
    color:#ffffff!important
}

/* Override the old special-case black text for server blocks */
.server-card h5.font-weight-bolder.mb-1.text-black[class="font-weight-bolder mb-1 text-black"]{
    color:#ffffff!important
}

.server-card p.small.mb-0.text-uppercase.text-black[class="small mb-0 text-uppercase text-black"]{
    color:#d7c9e4!important
}

/* Online count + purple accents should stay consistent even on hover */
.server-card .text-purple,
.server-card:hover .text-purple,
.server-card .text-primary,
.server-card:hover .text-primary{
    color:#c66cff!important
}

/* Small badge in server card */
.server-card .badge-icon,
.server-card .badge-opacity,
.server-card .server-badge{
    background-color:#421a61!important;
    color:#c66cff!important
}

/* Keep server-card paragraphs readable */
.server-card p,
.server-card span,
.server-card small{
    color:#eee8f5!important
}


/* ===== v8 clean hero title ===== */
.shop-title{
    color:#ffffff!important;
    text-shadow:0 3px 8px #000000!important;
    filter:none!important;
}


/* ===== v9 clean main logo ===== */
.navbar-brand,
.navbar-brand img,
.navbar-brand-light{
    box-shadow:none!important;
    filter:none!important;
    border:none!important;
    outline:none!important;
}