/* ==========================================================
   LIVE MARKET
========================================================== */

.market{

    background:var(--surface);

}

.market-header{

    text-align:center;

    margin-bottom:60px;

}

.market-header small{

    display:block;

    margin-bottom:12px;

    font-weight:600;

    letter-spacing:2px;

}

.market-header h2{

    margin-bottom:18px;

}

.market-table{

    background:var(--background);

    border:1px solid var(--border);

    border-radius:var(--radius-lg);

    overflow:hidden;

}

.market-head{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    padding:20px 30px;

    background:var(--surface);

    font-weight:700;

    border-bottom:1px solid var(--border);

}

.market-row{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    padding:22px 30px;

    border-bottom:1px solid var(--border);

    align-items:center;

}

.market-row:last-child{

    border-bottom:none;

}

.market-coin{

    display:flex;

    align-items:center;

    gap:15px;

}

.market-coin img{

    width:34px;

    height:34px;

}

.market-price{

    font-weight:600;

}

.market-change.up{

    color:var(--success);

    font-weight:600;

}

.market-change.down{

    color:var(--danger);

    font-weight:600;

}

@media(max-width:768px){

.market-head,

.market-row{

grid-template-columns:1.5fr 1fr 1fr;

padding:18px;

font-size:14px;

}

}

/* Prevent iPhone Safari from zooming on form fields */
input,
textarea,
select,
button {
    font-size: 16px;
}