#cart_side-bar {
    width: 40%;
    position: fixed;
    height: 100%;
    top: 0px;
    z-index: 6;
    margin-left: 60%;
    background-color: #f0f0e9;
    border-top: 0px;
    border-right: 0px;
    border-left: 1px solid #f0f0e9;
    overflow: hidden;
    overflow-x: hidden;
    display: none;
}
#cart_side-bar header{
    display: flex;
    align-items: center;
    height: 5vh;
    font-size: 1.2rem;
}
.tr {
    display: flex;
}
.cart_side-container {
    /* margin: 1%; */
    height: 100%
}
.cart__side-products {
    overflow: auto;
    height: 85%;
}

.cart__close-btn {
    text-align: end;
    position: fixed;
    right: 0;
    margin: 1%;
    cursor: pointer;
}
.cart_side_bar {
    padding: 1%;
}
.item-side__cart {
    position: relative;
    
}
.item-side__cart img {
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
}
.side-cart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: 
                        "btn-delete btn-delete"
                        "product__img product__description"
                        "product__quantity product__quantity";
    background-color: #ffffff;
    margin: 1%;
    box-shadow: -1px 1px rgb(0 0 0 / 14%);
    Transition: 0.8s cubic-bezier(0.2,1,0.2,1);
    
}
.item-side__delete-btn {
    grid-area: btn-delete;
}
.item-side__img {
    grid-area: product__img;
    width: 100%;;
}
.item-side__img img {
    max-width: 100%;
}
.item-side__quantity {
    width: 80%;
    margin: auto;
    grid-area: product__quantity;
}
.item-side__price {
    grid-area: product__description;
}
.item-side__delete-btn a {
    color: #6a6864;
}
.item-side__description.productinfo * {
    margin: 0;
}

@media screen and (max-width: 600px) {
    /*
        avoid overlap up (^) float button 
    */
    .item-side__cart img {
        width: 45%;
    }
    .product__name {
        width: 50%;
    }
    .side-car-quantity {
        width: 85px;
    }
}