/*  ==========  INFO  ==========  */
    /* laptop: 1200px */
    /* tablet: 960px */
    /* large-mobile: 640px */
    /* mobile: 480px */
    /* mini-mobile: 320px */
/*  ==========  END INFO  ==========  */





/* ========== CART STYLES ========== */
body{
    background-color: var(--color-background);
}

#cart .cart-items{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
#cart .cart-item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0;
    border-bottom: 1px dashed var(--color-border);
    position: relative;
}
#cart .cart-item .info{
    flex: 1;
    max-width: 380px;
    display: flex;
    align-items: center;
    gap: 24px;
}
#cart .cart-item .image{
    width: 60px;
    height: 60px;
    object-fit: contain;
}
#cart .cart-item .details{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
}
#cart .cart-item  .code{
    color: var(--color-text-secondary);
}
#cart .cart-item .title{
    font-size: 16px;
    color: #131313;
    font-weight: 500;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
#cart .cart-item .actions{
    max-width: 280px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}
#cart .cart-item .quantity-cart{width: 140px;}
#cart .cart-item .price{
    width: 100px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black);
}
#cart .cart-item .close{
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f6f7f8;
    cursor: pointer;
}
#cart .cart-item .close:hover{color: var(--color-light-red);}

@media screen and (max-width: 1024px) {
    #cart .cart-item {flex-direction: column;}
    #cart .cart-item .info{
        padding-right: 50px;
        box-sizing: border-box;
        max-width: unset;
        width: 100%;
    }
    #cart .cart-item .actions{
        max-width: unset;
        width: 100%;
        justify-content: space-between;
    }
    #cart .cart-item .close{
        position: absolute;
        top: 5px;
        right: 5px;
    }
}
/* ========== END CART STYLES ========== */





/* ========== SIDEBAR STYLES ========== */
#cart .layout-default-bar .group{
    padding: 20px;
    box-sizing: border-box;
}

#cart .check-list li{
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-bottom: 12px;
    font-size: 14px;
}
#cart .check-list li span{color: var(--color-text-secondary);}
#cart .check-list li span:last-child{color: var(--color-text-title);}
#cart .check-list li .sum{
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-title);
}
#cart .layout-default-bar .button{
    width: 100%;
    margin-top: 12px;
    box-sizing: border-box;
}
/* ========== END SIDEBAR STYLES ========== */