/*=====================================
    CHECKOUT V2
======================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body.pw-body{
    background:#f5f5f5;
    font-family:Arial,Helvetica,sans-serif;
    color:#222;
}

#pw-checkout-app{
    max-width:480px;
    margin:auto;
    min-height:100vh;
    background:#f5f5f5;
    padding-bottom:120px;
}

/*=====================================
    TOP BAR
======================================*/

.pw-topbar{

    height:60px;

    display:flex;
    align-items:center;

    gap:15px;

    padding:0 18px;

    background:#fff;

    position:sticky;
    top:0;

    z-index:100;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.pw-back{

    font-size:22px;

    cursor:pointer;

}

.pw-heading{

    font-size:20px;

    font-weight:700;

}

/*=====================================
    CARD
======================================*/

.pw-address-card{

    margin:15px;

    background:#fff;

    border-radius:18px;

    padding:18px;

    box-shadow:0 5px 18px rgba(0,0,0,.06);

}

.pw-card-title{

    color:#888;

    font-size:13px;

    margin-bottom:12px;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.pw-address-name{

    font-size:20px;

    font-weight:700;

}

.pw-address-text{

    margin-top:10px;

    color:#666;

    line-height:1.6;

    font-size:15px;

}

.pw-change-address{

    margin-top:18px;

    width:100%;

    height:48px;

    border:none;

    border-radius:12px;

    background:#ff6b00;

    color:#fff;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

}

/*=====================================
    ORDER TYPE
======================================*/

.pw-delivery-card{

    margin:15px;

    background:#fff;

    border-radius:18px;

    padding:18px;

    box-shadow:0 5px 18px rgba(0,0,0,.06);

}

.pw-order-types{

    display:flex;

    gap:12px;

    margin-top:12px;

}

.pw-order-type{

    flex:1;

    min-height:80px;
    padding:10px 6px;


    border:2px solid #eee;

    border-radius:14px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:8px;

    cursor:pointer;

    transition:.25s;

    font-size:15px;

}

.pw-order-type span{
    font-size:14px;
    text-align:center;
    line-height:1.2;
}

.pw-order-type.active{

    border-color:#ff6b00;

    background:#fff4ec;

    color:#ff6b00;

    font-weight:700;

}

/*=====================================
    ORDER SUMMARY
======================================*/

.pw-summary-card{

    margin:15px;

    background:#fff;

    border-radius:18px;

    padding:18px;

    box-shadow:0 5px 18px rgba(0,0,0,.06);

}

.pw-summary-item{

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:15px;

    padding:12px 0;

    border-bottom:1px solid #f1f1f1;

}

.pw-summary-item:last-child{

    border-bottom:none;

}

.pw-summary-name{

    font-size:16px;

    font-weight:600;
    
    line-height:1.35;

}

.pw-summary-qty{

    margin-top:4px;

    font-size:13px;

    color:#888;

}

.pw-summary-price{
    
    white-space:nowrap;
    margin-top:2px;

    font-size:16px;

    font-weight:700;

    color:#ff6b00;

}

/*=====================================
    BILL DETAILS
======================================*/

.pw-bill-card{

    margin:12px 15px;

    background:#fff;

    border-radius:18px;

    padding:18px;

    box-shadow:0 5px 18px rgba(0,0,0,.06);

}

.pw-bill-line{

    display:flex;

    justify-content:space-between;

    padding:12px 0;

    font-size:15px;

    border-bottom:1px solid #f2f2f2;

}

.pw-bill-line:last-child{

    border-bottom:none;

}

.pw-bill-line.total{

    font-size:18px;

    font-weight:700;

    color:#ff6b00;

}
/* PlatterWala Checkout CSS */