body{
    background:#06140d;
}

.mmo-wrapper{
    max-width:800px;
    margin:40px auto;
    background:#0f1d14;
    padding:30px;
    border-radius:25px;
    color:#fff;
    font-family:Arial;
}

.mmo-header h2{
    font-size:34px;
    margin-bottom:30px;
}

.mmo-card{
    background:#16281d;
    padding:20px;
    border-radius:20px;
    border:1px solid #294b2d;
}

.mmo-card.active{
    border:2px solid #7DFF33;
    box-shadow:0 0 20px rgba(125,255,51,.3);
}

.mmo-card img{
    width:100%;
    border-radius:15px;
}

.qty{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:15px;
}

.qty button{
    width:40px;
    height:40px;
    border:none;
    background:#7DFF33;
    border-radius:10px;
    cursor:pointer;
}

.qty input{
    width:80px;
    height:40px;
    text-align:center;
    border-radius:10px;
}

.mmo-summary{
    margin-top:20px;
    font-size:28px;
    color:#7DFF33;
}

.mmo-form{
    margin-top:30px;
}

.mmo-form input,
.mmo-form textarea{
    width:100%;
    margin-bottom:15px;
    padding:15px;
    border-radius:12px;
    border:1px solid #2f4b3d;
    background:#13241b;
    color:#fff;
}

#mmo_submit{
    width:100%;
    background:#7DFF33;
    padding:16px;
    border:none;
    border-radius:14px;
    font-size:18px;
    cursor:pointer;
}

@media(max-width:768px){

    .mmo-wrapper{
        padding:20px;
    }

    .mmo-header h2{
        font-size:24px;
    }
}