.pb-market-layout{display:flex ;margin-top:10px;flex-direction:column;gap:16px }

.pb-market-list{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px
}
.pb-inventory-page{display:flex;flex-direction:column;gap:22px}
.pb-inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pb-inventory-item{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:20px;border:1px solid rgba(140,160,255,.15);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer;backdrop-filter:blur(10px);overflow:hidden;min-width:0}
.pb-inventory-item:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(113,240,167,.5);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.pb-inventory-item.active{border-color:rgba(113,240,167,.55);box-shadow:0 0 0 1px rgba(113,240,167,.24),0 22px 44px rgba(0,0,0,.26)}
.pb-inventory-item-preview{height:220px;border-radius:18px;background:radial-gradient(circle at 50% 30%,rgba(70,80,140,.25),transparent);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px}
.pb-inventory-item-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.pb-inventory-preview-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px}
.pb-inventory-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pb-inventory-item-name{font-size:20px;line-height:1.15;color:#fff;font-weight:700;word-break:break-word}
.pb-inventory-item-status{flex-shrink:0;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#c9cde2;font-weight:700}
.pb-inventory-item.active .pb-inventory-item-status{background:rgba(113,240,167,.14);color:#8ef2b2}
@media(max-width:1200px){.pb-inventory-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pb-inventory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.pb-inventory-grid{grid-template-columns:1fr}}
.pb-market-preview{
  width:100%;aspect-ratio:1/1;
  background:#16202d;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden
}
.pb-market-preview img,
.pb-market-preview-video{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .3s
}
.pb-market-item:hover .pb-market-preview img,
.pb-market-item:hover .pb-market-preview-video{transform:scale(1.06)}

.pb-market-buy{
    position:relative;
    overflow:hidden;

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

    height:52px;
}

/* FIX SVG */
.pb-market-buy svg{
    width:18px!important;
    height:18px!important;

    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;

    flex:none!important;
    display:block!important;

    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;

    transform:none!important;
    margin:0!important;
    padding:0!important;
}

/* purchased */
.pb-market-item.dc-purchased{
    opacity:.6;
    filter:grayscale(100%);
}

.pb-market-item.dc-purchased .pb-market-buy{
    background:linear-gradient(135deg,#555,#3b3b3b)!important;
    box-shadow:none!important;
}
.pb-market-item{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;/* background:linear-gradient(145deg,rgba(46,49,74,.95),rgba(30,32,52,.95)); */border:1px solid rgba(140,160,255,.15);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;backdrop-filter:blur(10px);cursor:pointer}

.pb-market-item:hover{
transform:translateY(-5px);
border-color:rgba(113,240,167,.45);
box-shadow:0 20px 50px rgba(0,0,0,.35)
}

.pb-market-preview{
height:140px;
border-radius:14px;
background:radial-gradient(circle at 50% 30%,rgba(70,80,140,.25),transparent);
display:flex;align-items:center;justify-content:center;
overflow:hidden
}
.pb-market-preview img{
max-width:100%;
max-height:100%;
object-fit:contain
}

.pb-market-name{
font-size:15px;
font-weight:700;
color:#fff;
line-height:1.2;
text-align:center;
min-height:34px
}

.pb-market-price{
font-size:16px;
font-weight:700;
color:#8ef2b2;
text-align:center
}

.pb-market-buy{
width:100%;
height:40px;
border-radius:12px;
border:0;
display:flex;
align-items:center;
justify-content:center;
    color: #f5fffd;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
    text-shadow: #000000d4 1px 0 7px;
cursor:pointer;
transition:transform .15s ease,box-shadow .15s ease
}
.pb-market-buy:hover{
transform:translateY(-1px);
}

.pb-market-stock{
position:absolute;
top:10px;
right:10px;
background:rgba(113,240,167,.12);
border:1px solid rgba(113,240,167,.35);
color:#8ef2b2;
font-size:11px;
font-weight:700;
padding:4px 8px;
border-radius:999px;
backdrop-filter:blur(6px)
}

.pb-market-item.dc-sold{
opacity:.5;
pointer-events:none
}

@media(max-width:1200px){
.pb-market-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
.pb-market-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:500px){
.pb-market-list{grid-template-columns:1fr}
}

.pb-inventory-page{display:flex;flex-direction:column;gap:22px}
.pb-inventory-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;border-radius:22px;background:rgba(46,49,74,.96);border:1px solid rgba(140,160,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.pb-inventory-balances{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;color:#fff;width:100%}
.pb-inventory-balance{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);font-size:16px;font-weight:700;min-height:78px}
.pb-inventory-balance small{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8f94b3;margin-bottom:6px}
.pb-inventory-actions{display:flex;gap:12px;flex-wrap:wrap}
.pb-inventory-actions .btn{border-radius:14px;padding:12px 18px;font-weight:700}

.pb-inventory-grid{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}

.pb-inventory-item{position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:20px;/* background:linear-gradient(145deg,rgba(46,49,74,.95),rgba(30,32,52,.95)); */border:1px solid rgba(140,160,255,.15);/* box-shadow:0 18px 40px rgba(0,0,0,.18); */transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer;backdrop-filter:blur(10px)}
.pb-inventory-item:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(113,240,167,.5);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.pb-inventory-item.active{border-color:rgba(113,240,167,.55);box-shadow:0 0 0 1px rgba(113,240,167,.24),0 22px 44px rgba(0,0,0,.26)}

.pb-inventory-item-preview{height:220px;border-radius:18px;background:radial-gradient(circle at 50% 30%,rgba(70,80,140,.25),transparent);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px}
.pb-inventory-item-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}

.pb-inventory-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.pb-inventory-item-name{font-size: 12px;line-height:1.15;color:#fff;font-weight:700;word-break:break-word;}
.pb-inventory-item-status{flex-shrink:0;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size: 6px;letter-spacing:.05em;text-transform:uppercase;color:#c9cde2;font-weight:700;}
.pb-inventory-item.active .pb-inventory-item-status{background:rgba(113,240,167,.14);color:#8ef2b2}

.pb-inventory-item-meta{display:flex;flex-direction:column;gap:6px;color:#c9cde2}
.pb-inventory-item-meta strong{color:#8bd7b8;font-size:11px;letter-spacing:.05em;text-transform:uppercase}

.pb-inventory-item-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pb-inventory-item-chip{padding:8px 12px;border-radius:999px;background:rgba(113,240,167,.08);font-size:12px;color:#9ff5c4}

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

@media(max-width:900px){
.pb-inventory-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:500px){
.pb-inventory-grid{grid-template-columns:1fr}
.pb-inventory-toolbar{flex-direction:column}
.pb-inventory-balances{grid-template-columns:1fr}
.pb-inventory-actions{width:100%}
.pb-inventory-actions .btn{width:100%}
.pb-inventory-item-preview{height:200px}
}