.snappay-loan-calculator-wrapper {
    max-width: 1200px !important;
    margin: 20px auto;
    padding: 50px;
    direction: rtl;
    width: 94%;
    margin: 5px;
    display: contents;
}

.snappay-calculator-card {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    overflow: hidden;
    border: 1px solid #eee;
}

.snappay-calculator-header {
    background: linear-gradient(135deg,#00d170,#00b15f);
    color:#fff;
    padding:24px;
}

.snappay-calculator-header h1 {
    margin:0;
    font-size:24px;
    font-weight:700;
}

.snappay-calculator-header p {
    margin:8px 0 0;
    opacity:.95;
    font-size:14px;
}

.snappay-calculator-body {
    display:grid;
    grid-template-columns:1.3fr 0.9fr;
    gap:24px;
    padding:24px;
}

@media (max-width:900px){
.snappay-calculator-body{
    grid-template-columns:1fr;
}
}

.snappay-panel{
    background:#fafafa;
    border:1px solid #eee;
    border-radius:20px;
    padding:20px;
}

.snappay-section + .snappay-section{
    margin-top:10px;
}

.snappay-section-title{
    font-size:16px;
    font-weight:800;
    margin-bottom:12px;
    color:#333;
}

.snappay-product-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}

.snappay-nav-btn{
    border:none;
    background:#f1f3f5;
    color:#222;
    width:42px;
    height:42px;
    border-radius:12px;
    cursor:pointer;
    font-size:20px;
    transition:all .2s ease;
}

.snappay-nav-btn:hover:not(:disabled){
    background:#e6e9ed;
}

.snappay-nav-btn:disabled{
    opacity:.45;
    cursor:not-allowed;
}

.snappay-product-box{
    flex:1;
    text-align:center;
    padding:10px;
    background:linear-gradient(135deg,#00c76f,#00a65a);
    color:#fff;
    border-radius:16px;
    border:none;
}

.snappay-product-name{
    font-size:18px;
    font-weight:700;
    margin-bottom:8px;
}

.snappay-product-amount{
    color:#fff;
    font-size:20px;
    font-weight:600;
}

.snappay-product-description{
    margin-top:8px;
    color:#666;
    font-size:13px;
}

/* grid هوشمند دکمه ها */

.snappay-installments-grid,
.snappay-providers-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

/* دکمه ها */

.snappay-installment-btn,
.snappay-provider-btn{
    border:1px solid #ddd;
    background:#fff;
    color:#333;
    padding:12px 10px;
    border-radius:14px;
    cursor:pointer;
    transition:all .2s ease;
    font-size:13px;
    width:100%;
    font-weight:600;
    min-height:36px;
}

/* hover */

.snappay-installment-btn:hover:not(:disabled),
.snappay-provider-btn:hover:not(:disabled){
    border-color:#00b15f;
    background:#00b15f;
    color:#222;
}

/* active */

.snappay-installment-btn.active,
.snappay-provider-btn.active{
    background:#00b15f;
    color:#fff !important;
    border-color:#00b15f;
    box-shadow:0 6px 20px rgba(0,177,95,.22);
}

.snappay-installment-btn:disabled,
.snappay-provider-btn:disabled{
    opacity:.5;
    cursor:not-allowed;
}

.snappay-select{
    width:100%;
    border:1px solid #ddd;
    border-radius:14px;
    background:#fff;
    padding:12px 14px;
    font-size:14px;
    outline:none;
}

.snappay-result-box{
    background:#fff;
    border:1px solid #eee;
    border-radius:18px;
    padding:18px;
}

.snappay-result-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:10px 0;
    border-bottom:1px dashed #eee;
}

.snappay-result-row:last-child{
    border-bottom:none;
}

.snappay-result-label{
    color:#666;
    font-size:14px;
}

.snappay-result-value{
    color:#222;
    font-weight:700;
    font-size:14px;
}

.snappay-request-btn{
    width:100%;
    margin-top:18px;
    border:none;
    background:#00b15f;
    color:#fff;
    padding:14px 18px;
    border-radius:16px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease;
}

.snappay-request-btn:hover:not(:disabled){
    background:#009f55;
}

.snappay-request-btn:disabled{
    opacity:.5;
    cursor:not-allowed;
}

.snappay-empty-box{
    background:#fff8f8;
    border:1px solid #ffd7d7;
    color:#a94442;
    border-radius:16px;
    padding:16px;
    text-align:center;
}

/* responsive grid */

@media (max-width:900px){

.snappay-installments-grid,
.snappay-providers-list{
    grid-template-columns:repeat(3,1fr);
}

}

@media (max-width:600px){

.snappay-installments-grid,
.snappay-providers-list{
    grid-template-columns:repeat(2,1fr);
}

}

@media (max-width: 600px) {

.snappay-product-amount {
    font-size: 14px;
}

}
@media (max-width: 600px) {
.snappay-result-value {
    color: #222;
    font-weight: 700;
    font-size: 10px;
}
}