/* Persian Card Payment Style */

.card-payment-box {
    background: #f8f9fb;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 20px;
    margin-top: 15px;
    direction: rtl;
    text-align: right;
    box-shadow: 0 8px 25px rgba(0,0,0,.05);
}


.card-payment-box strong {
    font-size: 18px;
    display: block;
    margin-bottom: 15px;
}


.card-payment-box .card-number {
    background: #fff;
    border-radius: 12px;
    padding: 14px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 1px dashed #ddd;
    margin: 10px 0;
}


.card-copy-btn {
    background: #111827;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 10px;
    cursor: pointer;
    transition: .3s;
}


.card-copy-btn:hover {
    opacity: .85;
}



.card-receipt-box {

    background: #ffffff;

    border-radius: 18px;

    padding: 25px;

    margin-top: 25px;

    border: 1px solid #eee;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

    direction:rtl;

    text-align:right;

}



.card-receipt-box h3 {

    font-size:20px;

    margin-bottom:15px;

}



.card-receipt-box input[type=file] {

    width:100%;

    padding:15px;

    background:#f8f8f8;

    border-radius:12px;

    border:1px dashed #ccc;

}



.card-receipt-box button {

    background:#111827;

    color:#fff;

    border:none;

    padding:12px 25px;

    border-radius:12px;

    cursor:pointer;

}



.card-receipt-box button:hover {

    opacity:.85;

}




@media(max-width:768px){

    .card-payment-box,
    .card-receipt-box {

        padding:18px;

        border-radius:14px;

    }
.card-payment-box{
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    padding:20px;
    direction:rtl;
    text-align:right;
}


.card-payment-box h3{
    color:#000!important;
    font-size:18px;
    margin-bottom:12px;
}


.bank-card-box{

    background:#f7f7f7;

    border-radius:14px;

    padding:18px;

    margin-top:15px;

}


.card-title{

    font-size:13px;

    color:#000000;

    margin-bottom:10px;

}


.card-number{

    font-size:20px;

    font-weight:700;

    letter-spacing:1px;

    color:#111;

    margin-bottom:12px;

}



.card-owner{

    font-size:14px;

    color:#333;

}




.bank-info-box{

    margin-top:15px;

}



.bank-item{

    background:#fafafa;

    border:1px solid #eee;

    border-radius:12px;

    padding:15px;

}



.bank-item span{

    display:block;

    color:#777;

    font-size:13px;

    margin-bottom:8px;

}



.bank-item strong{

    font-size:15px;

    color:#111;

}
/* Persian Card Receipt Box */

.persian-receipt-box {

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 18px;

    padding: 25px;

    margin-top: 25px;

    direction: rtl;

    text-align: right;

    box-shadow: 0 8px 25px rgba(0,0,0,.05);

}



.persian-receipt-title {

    color: #000 !important;

    font-size: 20px;

    font-weight: 800;

    margin-bottom: 15px;

}



.persian-receipt-box p {

    color: #555;

    font-size: 14px;

    margin-bottom: 20px;

}





.persian-upload-box {

    border: 2px dashed #ddd;

    border-radius: 16px;

    padding: 30px 20px;

    text-align: center;

    background: #fafafa;

    transition: .3s;

}



.persian-upload-box:hover {

    border-color: #111;

}




.persian-upload-box input[type="file"] {

    display:none;

}



.persian-upload-box label {

    display:flex;

    flex-direction:column;

    align-items:center;

    cursor:pointer;

    font-size:17px;

    font-weight:700;

    color:#111;

}



.persian-upload-box small {

    margin-top:12px;

    color:#777;

    font-size:13px;

    font-weight:400;

}





.persian-upload-btn {


    margin-top:20px;

    width:100%;

    background:#000;

    color:#fff;

    border:none;

    padding:14px;

    border-radius:12px;

    font-size:15px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}



.persian-upload-btn:hover {

    opacity:.85;

}




.persian-receipt-success {


    background:#f0fdf4;

    border:1px solid #bbf7d0;

    color:#166534;

    border-radius:14px;

    padding:18px;

    line-height:2;

    font-size:15px;

}





@media(max-width:768px){


    .persian-receipt-box{

        padding:18px;

    }


}