.modal__cart{
    /* display: none; */
}

.modal__pay{
    /* display: grid; */
}

.card__emptry{
   
}

.abcd{
         margin-left: auto;
}
.content__cart {
    /* display: flex; */
    width: var(--main-width);
    max-width: 100%;
    height: calc(100vh - 250px);
    /* height: auto; */
    /* min-height: 600px; */
    /* background-color: rgb(199, 199, 212); */
    background-color: var(--white-color);
    --width-height-pty: 30px;
    --width-height-img: 175px;
    padding: 10px 20px;
    overflow: scroll;
}

.cart__only__mobile {
    display: none;
}
.modal__title_cart{
    width: 100%;
    font-size: 3rem;
    font-weight: 700;
    text-align: left;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
   
}

.cart__list {
    width: 100%;
position: relative;
    padding-bottom: 20px;
    /* border-bottom: 1px solid #999; */
}

.cart__list-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.cart__list-item--title {
    margin-top: -5px;
    height: var(--width-height-pty);
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
}

.cart__list-item-img {
    width: var(--width-height-img);
    height: var(--width-height-img);
    /* padding-top: 50%; */
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 20px;
}

.cart__list-item-info {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
}

.cart__list-item-info-title {
    flex: 4;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 700;
}

.cart__list-item-info-price,
.cart__list-item-info-price-total {
    /* width: 100%; */
    flex: 1;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

.cart__list-item-info-pty {
    flex: 1;
    display: flex;
    align-items: center;
    height: var(--width-height-pty);
}

.btn-pty-up-dow {
    display: inline-block;
    text-align: center;
    font-size: 2rem;
    line-height: var(--width-height-pty);
    width: 3.5rem;
    height: var(--width-height-pty);
    border: 1px solid #999;
}

.btn-pty-view {
    width: var(--width-height-pty);
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    height: var(--width-height-pty);
}


.delete__item_cart {
    display: block;
    margin-top: 20px;
    cursor: pointer;
    width: 4rem;
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    background-color: red;
    color: var(--white-color);
}

.cart__h4 {
    font-size: 1.6rem;
    margin: 20px 0;
    font-weight: bold;
}

.cart__note {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.5;
}

.cart__total-list {
    width: 100%;
    padding: 15px;
}

.cart__total-list-item {
    width: 100%;
    font-size: 1.5rem;
    display: flex;
    justify-content: right;
    align-items: center;
    margin: 15px;
}

.cart__total-list-item a {
    font-weight: 700;
}

.cart__total-block-total {
    flex: 1;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: right;
    margin-left: auto;
}

.cart__list-item_emptry {
    font-size: 3rem;
    font-weight: 700;
    margin: 20px;
    color: var(--primary-color);
}