.vmt-mahrieh-box {

    max-width: 700px;

    margin: 30px auto;

    padding: 25px;


    background: rgba(255,255,255,0.12);

    backdrop-filter: blur(16px);

    -webkit-backdrop-filter: blur(16px);


    border: 1px solid rgba(255,255,255,0.2);

    border-radius: 15px;


    box-shadow: 0 8px 30px rgba(0,0,0,.15);


    direction: rtl;

    font-family: inherit;

}






.vmt-mahrieh-box h2 {


    text-align: center;


    margin-bottom: 25px;


    color: #000;


    font-size: 24px;


    font-weight: 700;


}








.vmt-field {


    margin-bottom: 15px;


}





.vmt-field label {


    display: block;


    margin-bottom: 8px;


    color: #000;


    font-size: 16px;


}







/* آکاردئون */


.vmt-accordion {


    width: 100%;


    padding: 15px 20px;


    background: rgba(255,255,255,.12);


    color:#000;


    border:1px solid #d4af37;


    border-radius:8px;


    cursor:pointer;


    font-size:16px;


    display:flex;


    justify-content:space-between;


    align-items:center;


}








.vmt-panel {


    display:none;


    margin-top:10px;


    padding:15px;


    background:#ffffff;


    border-radius:10px;


}








.vmt-years {


    display:grid;


    grid-template-columns:repeat(4,1fr);


    gap:10px;


    max-height:150px;


    overflow-y:auto;


}







.vmt-year-search {


    width:100%;


    padding:10px;


    margin-bottom:15px;


    background:#f3f3f3;


    color:#000;


    border:1px solid #d4af37;


    border-radius:8px;


    font-size:16px;


}







.vmt-year {


    padding:12px 5px;


    background:#f3f3f3;


    color:#000;


    border:1px solid #d4af37;


    border-radius:8px;


    cursor:pointer;


    font-size:18px;


    font-weight:600;


}







.vmt-year:hover,


.vmt-year.active {


    background:#d4af37;


    color:#000;


}









/* مبلغ */


.vmt-amount-input {


    width:100%;


    padding:12px;


    background:#fff;


    color:#000;


    border:1px solid #d4af37;


    border-radius:8px;


    font-size:16px;


    box-sizing:border-box;


}






.vmt-amount-input::-webkit-inner-spin-button,


.vmt-amount-input::-webkit-outer-spin-button {


    -webkit-appearance:none;


}








/* دکمه محاسبه */


.vmt-calculate {


    width:100%;


    padding:15px;


    margin-top:20px;


    background:#d4af37;


    color:#000;


    border:none;


    border-radius:10px;


    font-size:18px;


    cursor:pointer;


}









/* نتیجه */


.vmt-result {


    margin-top:20px;


    padding:20px;


    background:#f3f3f3;


    border:2px solid #d4af37;


    border-radius:10px;


    text-align:center;


    color:#000;


}






.vmt-result-title {


    color:#000;


    font-size:18px;


    font-weight:bold;


}






.vmt-result-price {


    color:#000;


    font-size:24px;


    font-weight:bold;


}









/* دسکتاپ نتیجه */


@media(min-width:601px){


    .vmt-result-title {


        display:inline;


    }



    .vmt-result-price {


        display:inline;


        margin-right:10px;


    }


}









/* دکمه های پایین نتیجه */


.vmt-result-actions {


    display:flex;


    gap:10px;


    margin-top:15px;


}






.vmt-result-actions button {


    flex:1;


    padding:12px;


    background:#f3f3f3;


    color:#000;


    border:1px solid #d4af37;


    border-radius:8px;


    cursor:pointer;


    font-size:16px;


}






.vmt-result-actions button:hover {


    background:#d4af37;


}










/* موبایل */


@media(max-width:600px){



    .vmt-mahrieh-box {


        padding:15px;


    }
      .vmt-amount-words {
        display:block !important;
        width:100%;
        margin-top:8px;
        padding:0;
        color:#555 !important;
        font-size:14px;
        line-height:1.8;
        font-weight:500;
        text-align:right;
        direction:rtl;
        min-height:20px;
        visibility:visible !important;
        opacity:1 !important;
    }

}





    .vmt-years {


        grid-template-columns:repeat(4,1fr);


    }





    .vmt-result-title {


        display:block;


        margin-bottom:25px;


    }





    .vmt-result-price {


        display:block;


    }





    .vmt-result-actions button {


        font-size:14px;


        padding:10px 5px;


    }

    .vmt-amount-words {
    display: block !important;
    width: 100%;
    margin-top: 8px;
    padding: 0;
    color: #555 !important;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 500;
    text-align: right;
    direction: rtl;
    min-height: 20px;
    visibility: visible !important;
    opacity: 1 !important;
}


}