body{
    direction:rtl;
    font-family:'Vazirmatn',sans-serif;
    background:#0b0b0b;
    color:var(--text);
}

.checkout-page{

    max-width:1400px;
    
    margin:auto;
    
    padding:30px;
    
    }
    
    .checkout-content{
    
    display:flex;
    
    gap:25px;
    
    align-items:flex-start;
    
    }
    
    .checkout-section{
    
    flex:1;
    
    }
    
    .checkout-sidebar{
    
    width:360px;
    
    position:sticky;
    
    top:20px;
    
    }
    
    .checkout-card{
    
    background:var(--card);
    
    border:1px solid #252525;
    
    border-radius:18px;
    
    padding:25px;
    
    margin-bottom:20px;
    
    }
    
    .card-title{
    
    font-size:18px;
    
    font-weight:700;
    
    margin-bottom:20px;
    
    }
    
    .shipping-card{
    
    display:flex;
    
    align-items:center;
    
    gap:15px;
    
    padding:18px;
    
    border:1px solid #303030;
    
    border-radius:14px;
    
    cursor:pointer;
    
    margin-bottom:12px;
    
    }
    
    .shipping-card:hover{
    
    border-color:var(--gold);
    
    }
    
    .summary-box{
    
    background:var(--card);
    
    border:1px solid #252525;
    
    border-radius:18px;
    
    padding:25px;
    
    }
    
    .summary-row{
    
    display:flex;
    
    justify-content:space-between;
    
    margin:15px 0;
    
    }
    
    .summary-final{
    
    display:flex;
    
    justify-content:space-between;
    
    font-size:20px;
    
    font-weight:bold;
    
    color:var(--gold);
    
    margin-top:20px;
    
    }
    
    .checkout-btn{
    
    width:100%;
    
    margin-top:25px;
    
    padding:16px;
    
    border:none;
    
    border-radius:14px;
    
    background:var(--gold);
    
    color:#000;
    
    font-weight:bold;
    
    cursor:pointer;
    
    }
    
    .coupon-input{
    
    width:100%;
    
    padding:14px;
    
    border-radius:12px;
    
    border:1px solid var(--border);
    
    background:#101010;
    
    color:var(--text);
    
    }

    .rules-modal{

        display:none;
        
        position:fixed;
        
        top:0;
        left:0;
        right:0;
        bottom:0;
        
        background:rgba(0,0,0,.75);
        
        backdrop-filter:blur(5px);
        
        z-index:99999;
        
        justify-content:center;
        
        align-items:center;
        
        }
        
        .rules-content{
        
        width:600px;
        
        max-width:90%;
        
        height:75vh;
        
        background:var(--card);
        
        border:1px solid #2f2f2f;
        
        border-radius:20px;
        
        padding:25px;
        
        display:flex;
        
        flex-direction:column;
        
        box-shadow:
        0 20px 60px rgba(0,0,0,.6);
        
        }
        
        .rules-content h2{
        
        text-align:center;
        
        margin-bottom:20px;
        
        color:var(--gold);
        
        font-size:24px;
        
        }
        
        .rules-scroll{
        
        overflow-y:auto;
        
        padding:0 10px;
        
        line-height:2;
        
        text-align:center;
        
        }
        

        
        .rules-scroll::-webkit-scrollbar{
        
        width:8px;
        
        }
        
        .rules-scroll::-webkit-scrollbar-track{
        
        background:#111;
        
        border-radius:10px;
        
        }
        
        .rules-scroll::-webkit-scrollbar-thumb{
        
        background:var(--gold);
        
        border-radius:10px;
        
        }
        
        .rules-scroll::-webkit-scrollbar-thumb:hover{
        
        background:#f0c64f;
        
        }
        
        /* تیترها */
        
        .rules-scroll h3{
        
        color:var(--gold);
        
        margin-top:25px;
        
        margin-bottom:10px;
        
        font-size:18px;
        
        }
        
        /* متن ها */
        
        .rules-scroll p{
        
        color:#e5e5e5;
        
        margin-bottom:15px;
        
        }
        
        /* لیست ها */
        
        .rules-scroll ul{
        
        list-style:none;
        
        padding:0;
        
        margin:15px 0;
        
        }
        
        .rules-scroll li{
        
        margin-bottom:8px;
        
        }
        
        /* دکمه بستن */
        
        .rules-close{

            margin-top:15px;
            
            padding:10px 24px;
            
            width:160px;
            
            margin-left:auto;
            
            margin-right:auto;
            
            border:none;
            
            border-radius:10px;
            
            background:var(--gold);
            
            color:#000;
            
            font-size:14px;
            
            font-weight:700;
            
            cursor:pointer;
            
            transition:.3s;
            
            }
        
        .rules-close:hover{
        
        transform:translateY(-2px);
        
        box-shadow:0 8px 20px rgba(212,175,55,.3);
        
        }

        #showRules{

            color:var(--gold);
            
            font-weight:700;
            
            margin-right:10px;
            
            text-decoration:none;
            
            transition:.3s;
            
            }
            
            #showRules:hover{
            
            color:#f0c64f;
            
            text-decoration:underline;
            
            }





/* Tablet */

@media (max-width:1024px){

    .checkout-content{
    
    flex-direction:column;
    
    }
    
    .checkout-sidebar{
    
    width:100%;
    
    position:static;
    
    }
    
    .checkout-page{
    
    padding:20px;
    
    }
    
    }
    
    /* Mobile */
    
    @media (max-width:768px){
    
    .checkout-page{
    
    padding:15px;
    
    }
    
    .checkout-card{
    
    padding:18px;
    
    }
    
    .card-title{
    
    font-size:16px;
    
    }
    
    .shipping-card{
    
    padding:12px;
    
    gap:10px;
    
    }
    
    .summary-final{
    
    font-size:18px;
    
    }
    
    .checkout-btn{
    
    padding:14px;
    
    font-size:15px;
    
    }
    
    .coupon-input{
    
    padding:12px;
    
    }
    
    .rules-content{
    
    width:95%;
    
    height:85vh;
    
    padding:18px;
    
    }
    
    .rules-content h2{
    
    font-size:20px;
    
    }
    
    .rules-scroll{
    
    font-size:14px;
    
    line-height:1.9;
    
    }
    
    .rules-scroll h3{
    
    font-size:16px;
    
    }
    
    }
    
    /* Small Phones */
    
    @media (max-width:480px){
    
    .checkout-page{
    
    padding:10px;
    
    }
    
    .checkout-card{
    
    border-radius:14px;
    
    padding:14px;
    
    }
    
    .summary-box{
    
    padding:16px;
    
    }
    
    .summary-row{
    
    font-size:14px;
    
    }
    
    .summary-final{
    
    font-size:16px;
    
    }
    
    .checkout-btn{
    
    font-size:14px;
    
    }
    
    .shipping-card{
    
    flex-direction:column;
    
    align-items:flex-start;
    
    }
    
    }