.products-checkout {

}

.products-checkout-table {
    width: 100%;
    padding: 0;
}

.products-checkout-table img {
    height: 110px;
}


.products-checkout-table th.product-col {
    width: 33%;
}

.products-checkout-table td {

    vertical-align: middle;
}

.products-checkout .total-wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.products-checkout .total-wrapper .total {
    font-size: 1.1rem;
    font-weight: 700;
    padding: 5px 20px;
    background-color: #000;
    color: #fff;
    border-radius: 10px;
}


.products-checkout .quantity {
    display: flex;

}

.products-checkout .quantity > div {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    font-size: 1.2rem;
    height: 38px;
    width: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.products-checkout .quantity .border {
    border-right: 1px solid #ccc;
    cursor: pointer;
}

.products-checkout .quantity button {
    width: 2rem;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 0 10px;
}

.products-checkout .subtotal {

    font-weight: 700;
    font-size: 1.1rem;
}

.products-checkout .total-wrapper .total .total-price {

}

.checkout-payment {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;

}

.checkout-payment .payment {
    background-color: rgba(242,220,82,0.96);
    font-size: 1.3rem;
    padding: 10px 30px;
    font-weight: 700;
    cursor: pointer;

}

.checkout-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}


.checkout-cards img {
    width: 180px;
}

.shop-checkout-saving {
    padding: 12px 24px;
    background-color: #42ff73;
    color: #333;
}