.cart-box{
    padding:2px 0px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:100%;
    gap:42px;
}

.cart-product{
    width:100%;
    display:flex;
    align-items:center;
    margin:7px 0px;
    padding:10px 0px;
    padding-left:6px;
    justify-content:space-between;
}

.cart-product:hover{
    background-color:#eee;
    border-radius:7px;
}

.cart-product img{
    width:90px;
    height:90px;
    object-fit:cover;
    border-radius:7px;
    margin-right:12px;
}

.cart-line{
    width:2px;
    height:87px;
    background:#F4F4F4;
    margin-right:12px;
}

.cart-detail{
    margin-right:2px;
}

.cart-detail h4{
    font-size:16px;
    margin-bottom:4px;
}

.cart-detail span{
    margin-bottom:6px;
    font-size:13px
}

/* -- quantity box -- */

.cart-section {
    margin-top:6px;
    display: flex;
    align-items: center;
    color:#524D4D !important;
    font-size:17px;
    gap:0px;
}

.cart-section button:first-child {
    background-color:#C5D6DB;
    border: none;
    padding: 4px 12px;
    border-radius:4px 0px 0px 4px;
    cursor: pointer;
    width:34px;
}

.cart-section button:nth-child(3){
    background-color:#CCD9C0;
    width:34px;
    border: none;
    padding: 4px 12px;
    border-radius:0px 4px 4px 0px;
    cursor: pointer;
}

.cart-section input {
    width: 34px;
    padding: 4px 0px;
    text-align: center;
    margin: 0 0px;
    border:none;
    outline:none;
    background-color:#F4F4F4;
}


/* cart line */

.cart_line{
    width:100%;
    height:1px;
    background:#e4e4e4;
}





/* cart price box  */


.cart-price-box{
    padding:12px;
}

.cart-price-box h6{
    color:#5B5A5A;
    font-weight:400;
    margin-bottom:12px;
    font-size:15px;
}

.price{
    display:flex;
    justify-content:space-between;
    font-family: "Roboto", sans-serif;
    margin-top:13px;
}

.price h5{
    font-size:17px;
    font-weight:400;
}



.cart-price-btn .text-decoration-none:nth-child(1) button {
    width:100%;
    font-size:16px;
    padding:8px;
    border-radius:6px;
    border:none;
    background-color:#C8DEE3;
    font-weight:500;
    margin-bottom:12px;
    margin-top:15px;
}

.cart-price-btn .text-decoration-none:nth-child(2) button {
    width:100%;
    font-size:16px;
    padding:8px;
    border-radius:6px;
    border:none;
    background-color:#D6E4CF;
    font-weight:500;
}

.removecart{
    font-size:18px;
}

.item-span{
    font-weight:400;
    font-family: "Roboto", sans-serif;
}

.item-h4{
    font-family: "Roboto", sans-serif;
    font-weight:400;
}

.item-h4:hover{
    color:#2874f0;
}

.cart-con{
    width:100%;
    height:83vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

.image-container {
    position: relative;
    display: inline-block;
}

.shadow-box {
    position: absolute;
    bottom: 16px;
    left: 49%;
    transform: translateX(-50%);
    width: 70%;
    height: 12px; 
    background: rgba(0, 0, 0, 0.3);
    border-radius:70%;
    z-index: 1; 
    filter: blur(11px); 
    animation: widthPulse 2s infinite;
}

.image-cart-empty {
    position: relative;
    z-index: 1; 
    display: block;
    width:230px;
    height:273px;
    animation: bounce 2s infinite ease-in-out;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-23px);
    }
}

@keyframes widthPulse {
    0%, 100% {
        width: 160px; 
    }
    50% {
        width: 200px; 
    }
}

.notfound{
    width:350px;
    height:350px;
}

.cart-price-btn-first{
    width:100%;
    display:flex;
    align-items:center;
}

@media (max-width: 768px) {
    .cart-box{
        padding:1px;
    }

    .cart-detail{
        margin-right:39px;
    }

    .cart-trash i{
        font-size:22px;
    }
    
    .emptycart{
        height:70vh;
    }

    .emptycart img{
        width:190px;
        height:170px;
    }
}