/* ==========================
   WALLET / TOP UP PAGE
   ========================== */

.wallet-balance{
    background:linear-gradient(135deg,#002d25,#000);
    border:1px solid #00ffcc;
    border-radius:18px;
    padding:30px;
    text-align:center;
}

.wallet-balance p{
    color:#aaa;
    font-size:14px;
}

.wallet-balance h1{
    margin-top:10px;
    font-size:38px;
    color:#00ffcc;
}

/* Quick topup */
.quick-topup{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin-top:30px;
}

.amount-box{
    background:#111;
    border:1px solid #222;
    padding:18px;
    border-radius:12px;
    text-align:center;
    cursor:pointer;
    color:#00ffcc;
    font-weight:600;
}

.amount-box:hover{
    border-color:#00ffcc;
}

/* Bottom fixed topup */
.bottom-topup{
    position:fixed;
    bottom:0;
    left:50%;
    width:100%;
    /* background:#000; */
    border-top:1px solid #222;
    padding:15px;
    z-index:100;
}

.bottom-topup .btn{
    width:20%;
    text-align:center;
    font-size:16px;
    padding:14px;
    opacity: .5;
}

/* Mobile fix */
@media(max-width:600px){
    .quick-topup{
        grid-template-columns:1fr 1fr;
    }

    .wallet-balance h1{
        font-size:32px;
    }
}