/* =========================
   DESKTOP MARKET
========================= */

.market-table .crypto-table-row{
display:grid;
grid-template-columns:80px 2fr 1fr 1fr 1.5fr;
align-items:center;
padding:22px 28px;
border-bottom:1px solid rgba(255,255,255,0.05);
}

.market-table .crypto-table-head{
display:grid;
grid-template-columns:80px 2fr 1fr 1fr 1.5fr;
padding:22px 28px;
background:rgba(255,255,255,0.03);
border-bottom:1px solid rgba(255,255,255,0.06);
}

.market-table .coin-info{
display:flex;
align-items:center;
gap:16px;
}

.market-table .coin-info img{
width:42px;
height:42px;
object-fit:contain;
flex-shrink:0;
}

.market-table .coin-name{
font-size:18px;
font-weight:700;
}

.market-table .coin-symbol{
font-size:13px;
color:#7f8dbb;
margin-top:4px;
}

.market-search{
margin-bottom:24px;
}

.market-search input{
width:100%;
padding:16px 20px;
background:#0b1224;
border:1px solid rgba(255,255,255,0.08);
border-radius:16px;
color:white;
font-size:16px;
outline:none;
}

.market-search input:focus{
border-color:#8b5fff;
}

/* SORTABLE */

.sortable{
cursor:pointer;
transition:0.2s;
}

.sortable:hover{
color:#8b5fff;
}


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

@media(max-width:768px){

.market-table{
overflow-x:auto;
border-radius:20px;
}

.market-table .crypto-table-head,
.market-table .crypto-table-row{

grid-template-columns:
42px
140px
105px
82px
95px;

min-width:680px;

padding:14px 10px;
gap:6px;
align-items:center;
}

.market-table .crypto-table-head{
font-size:13px;
color:#8da2d8;
background:rgba(255,255,255,0.04);
}

.market-table .crypto-table-head div{
font-weight:700;
}

.market-table .crypto-table-row{
font-size:13px;
}

.market-table .coin-info img{
width:34px;
height:34px;
}

.market-table .coin-name{
font-size:14px;
}

.market-table .coin-symbol{
font-size:10px;
}

.market-table .green,
.market-table .red{
font-size:12px;
}

.section-title.market-title{
font-size:34px;
line-height:1.08;
}


/* SMALL INFO ROW */

.hero-stats{
gap:28px;
flex-wrap:wrap;
}

.hero-stats h3{
font-size:18px;
}

.hero-stats p{
font-size:14px;
}

}