/* =========================
   ViSiB Marketplace Module
   v29.6.1
   ========================= */

.v26-market-wrap{
  display:grid;
  grid-template-columns:1.4fr .75fr;
  gap:26px;
  align-items:stretch;
}

.v26-market-main,
.v26-market-side{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(22px);
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}

.v26-market-top{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 22px;
  border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.18);
}

.v26-market-top span{
  color:#fff;
  font-weight:900;
}

.v26-market-top b{
  padding:7px 12px;
  border-radius:999px;
  color:#00E5FF;
  background:rgba(0,229,255,.10);
  border:1px solid rgba(0,229,255,.25);
}

.v26-market-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:22px;
}

.v26-market-card{
  min-height:155px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 0 18px rgba(255,255,255,.035);
  transition:.25s ease;
}

.v26-market-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,229,255,.42);
  box-shadow:
    0 18px 52px rgba(0,0,0,.28),
    0 0 24px rgba(0,229,255,.16);
}

.v26-market-card.featured{
  background:linear-gradient(135deg,rgba(0,229,255,.14),rgba(108,99,255,.12));
  border-color:rgba(0,229,255,.36);
}

.v26-market-card div{
  font-size:34px;
  margin-bottom:10px;
}

.v26-market-card h3{
  color:#fff;
  font-size:18px;
  margin-bottom:6px;
}

.v26-market-card p{
  color:#cbd5e1;
  font-size:14px;
  line-height:1.45;
}

.v26-market-side{
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:16px;
}

.v26-market-stat{
  position:relative;
  z-index:1;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.11);
}

.v26-market-stat strong{
  display:block;
  color:#fff;
  font-size:34px;
  line-height:1;
}

.v26-market-stat span{
  color:#cbd5e1;
  font-weight:700;
}

.v26-market-side .btn{
  position:relative;
  z-index:1;
  justify-content:center;
  margin-top:8px;
}

@media(max-width:950px){
  .v26-market-wrap{
    grid-template-columns:1fr;
  }

  .v26-market-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .v26-market-grid{
    grid-template-columns:1fr;
  }

  .v26-market-card{
    min-height:auto;
  }
}