.vmt-takhir-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-takhir-box h2 {


    text-align:center;


    margin-bottom:25px;


    color:#000;


    font-size:24px;


    font-weight:700;


}









.vmt-takhir-field {


    margin-bottom:15px;


}









.vmt-takhir-field label {


    display:block;


    margin-bottom:8px;


    color:#000;


    font-size:16px;


}









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


.vmt-takhir-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-takhir-panel {


    display:none;


    margin-top:10px;


    padding:15px;


    background:#ffffff;


    border-radius:10px;


}









.vmt-takhir-years {


    display:grid;


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


    gap:10px;


    max-height:150px;


    overflow-y:auto;


}









.vmt-takhir-year-search {


    width:100%;


    padding:10px;


    margin-bottom:15px;


    background:#f3f3f3;


    color:#000;


    border:1px solid #d4af37;


    border-radius:8px;


    font-size:16px;


}









.vmt-takhir-year {


    padding:12px 5px;


    background:#f3f3f3;


    color:#000;


    border:1px solid #d4af37;


    border-radius:8px;


    cursor:pointer;


    font-size:18px;


    font-weight:600;


}









.vmt-takhir-year:hover,

.vmt-takhir-year.active {


    background:#d4af37;


    color:#000;


}









/* مبلغ */


.vmt-takhir-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-takhir-amount-input::-webkit-inner-spin-button,

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


    -webkit-appearance:none;


}









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


.vmt-takhir-calculate {


    width:100%;


    padding:15px;


    margin-top:20px;


    background:#d4af37;


    color:#000;


    border:none;


    border-radius:10px;


    font-size:18px;


    cursor:pointer;


}









/* نتیجه */


.vmt-takhir-result {


    margin-top:20px;


    padding:20px;


    background:#f3f3f3;


    border:2px solid #d4af37;


    border-radius:10px;


    text-align:center;


    color:#000;


}









.vmt-takhir-result-title {


    color:#000;


    font-size:18px;


    font-weight:bold;


}









.vmt-takhir-result-price {


    color:#000;


    font-size:24px;


    font-weight:bold;


}









/* دسکتاپ */


@media(min-width:601px){


    .vmt-takhir-result-title {


        display:inline;


    }




    .vmt-takhir-result-price {


        display:inline;


        margin-right:10px;


    }


}









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


.vmt-takhir-result-actions {


    display:flex;


    gap:10px;


    margin-top:15px;


}









.vmt-takhir-result-actions button {


    flex:1;


    padding:12px;


    background:#f3f3f3;


    color:#000;


    border:1px solid #d4af37;


    border-radius:8px;


    cursor:pointer;


    font-size:16px;


}









.vmt-takhir-result-actions button:hover {


    background:#d4af37;


}









/* موبایل */


@media(max-width:600px){



    .vmt-takhir-box {


        padding:15px;


    }





    .vmt-takhir-years {


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


    }





    .vmt-takhir-result-title {


        display:block;


        margin-bottom:25px;


    }





    .vmt-takhir-result-price {


        display:block;


    }





    .vmt-takhir-result-actions button {


        font-size:14px;


        padding:10px 5px;


    }



}

```css
/* مبلغ به حروف */

.vmt-takhir-amount-words {

    display:block;

    width:100%;

    margin-top:8px;

    color:#555;

    font-size:14px;

    line-height:1.8;

    text-align:right;

}


.vmt-takhir-amount-words strong {

    color:#000;

    font-weight:600;

}


/* موبایل */

@media(max-width:600px){

    .vmt-takhir-amount-words {

        font-size:13px;

        margin-top:7px;

        line-height:1.8;

    }

}
```