.store-shell{
    max-width:1280px;
    margin:auto;
    padding:34px 34px 80px;
}

.store-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:25px;
    margin-bottom:28px;
}

.store-head h1{
    margin:0;
    font-size:38px;
    letter-spacing:-.04em;
}

.store-head p{
    color:var(--muted);
    margin:8px 0 0;
}

.wallet{
    padding:12px 16px;
    border-radius:14px;
    border:1px solid rgba(244,169,0,.17);
    background:rgba(244,169,0,.06);
}

.wallet span{
    display:block;
    color:var(--muted);
    font-size:11px;
}

.wallet strong{
    color:var(--gold2);
    font-size:19px;
}

.store-servers{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

.store-server{
    position:relative;
    overflow:hidden;
    min-height:150px;
    padding:22px;
    border-radius:20px;
    border:1px solid var(--border);
    background:
        radial-gradient(circle at 90% 10%,rgba(244,169,0,.09),transparent 32%),
        #101722;
    transition:.2s;
}

.store-server:hover{
    transform:translateY(-2px);
    border-color:rgba(244,169,0,.25);
}

.store-server.selected{
    border-color:rgba(244,169,0,.45);
    background:
        radial-gradient(circle at 90% 10%,rgba(244,169,0,.18),transparent 36%),
        #121923;
}

.store-server small{
    color:var(--muted);
}

.store-server h2{
    margin:8px 0 20px;
    font-size:22px;
}

.server-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.store-status{
    display:inline-flex;
    align-items:center;
    gap:7px;
    border-radius:999px;
    padding:7px 10px;
    font-size:10px;
    font-weight:900;
}

.store-status.open{
    color:#6fe8ba;
    border:1px solid rgba(85,230,177,.2);
    background:rgba(85,230,177,.07);
}

.store-status.closed{
    color:#ff9299;
    border:1px solid rgba(255,100,111,.2);
    background:rgba(255,100,111,.07);
}

.store-status.maintenance{
    color:#ffd575;
    border:1px solid rgba(255,198,75,.2);
    background:rgba(255,198,75,.07);
}

.store-status.soon{
    color:#9bb7ff;
    border:1px solid rgba(108,142,255,.2);
    background:rgba(108,142,255,.07);
}

.player-mini{
    color:var(--muted);
    font-size:11px;
}

.store-toolbar{
    margin-top:34px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.store-toolbar h2{
    margin:0;
    font-size:24px;
}

.categories{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin:17px 0 24px;
}

.category{
    padding:9px 13px;
    border-radius:10px;
    border:1px solid var(--border);
    background:#101722;
    color:#9ca7b7;
    font-size:12px;
    font-weight:700;
}

.category:hover,
.category.selected{
    border-color:rgba(244,169,0,.27);
    color:#fff;
    background:rgba(244,169,0,.08);
}

.products{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.product{
    min-width:0;
    overflow:hidden;
    border-radius:19px;
    border:1px solid var(--border);
    background:var(--card);
    transition:.2s;
}

.product:hover{
    transform:translateY(-3px);
    border-color:rgba(244,169,0,.25);
}

.product-image{
    height:150px;
    display:grid;
    place-items:center;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at center,rgba(244,169,0,.1),transparent 50%),
        #0c121b;
}

.product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.product-placeholder{
    width:65px;
    height:65px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#172333,#0d131d);
    border:1px solid rgba(255,255,255,.08);
    font-size:28px;
    color:var(--gold2);
    font-weight:900;
}

.product-body{
    padding:18px;
}

.product-category{
    color:var(--gold2);
    font-size:10px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.07em;
}

.product h3{
    min-height:42px;
    margin:7px 0 10px;
    font-size:15px;
    line-height:1.35;
}

.sales{
    color:var(--muted);
    font-size:11px;
}

.product-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-top:18px;
}

.price{
    font-size:20px;
    font-weight:900;
    color:var(--gold2);
}

.old-price{
    display:block;
    text-decoration:line-through;
    color:#606a79;
    font-size:11px;
}

.inspect{
    border:0;
    border-radius:10px;
    padding:10px 12px;
    color:#171109;
    background:var(--gold2);
    font-weight:900;
    font-size:11px;
}

.empty-store{
    grid-column:1/-1;
    padding:60px 25px;
    text-align:center;
    border:1px dashed rgba(255,255,255,.1);
    border-radius:20px;
    background:rgba(255,255,255,.02);
}

.empty-store strong{
    display:block;
    font-size:19px;
    margin-bottom:7px;
}

.empty-store span{
    color:var(--muted);
}

@media(max-width:1050px){
    .products{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:800px){
    .store-shell{padding:24px 17px 60px}
    .store-servers{grid-template-columns:1fr}
    .products{grid-template-columns:repeat(2,1fr)}
    .store-head{align-items:flex-start;flex-direction:column}
}

@media(max-width:520px){
    .products{grid-template-columns:1fr}
}