body{

background:#FDF7EC;

font-family:Poppins,sans-serif;

}

.cart-container{

width:90%;

max-width:1200px;

margin:60px auto;

}

.cart-container h1{

text-align:center;

color:#8B2E2E;

margin-bottom:40px;

}

.cart-item{

display:flex;

align-items:center;

justify-content:space-between;

background:white;

padding:20px;

margin-bottom:20px;

border-radius:18px;

box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.cart-item img{

width:120px;

height:120px;

object-fit:cover;

border-radius:12px;

}

.cart-info{

flex:1;

padding-left:25px;

}

.cart-info h3{

color:#8B2E2E;

}

.cart-total{

margin-top:40px;

background:white;

padding:25px;

border-radius:18px;

text-align:right;

}

.cart-total a{

display:inline-block;

margin-top:20px;

background:#8B2E2E;

color:white;

padding:15px 35px;

border-radius:40px;

text-decoration:none;

}

.cart-icon{
    list-style: none;
}

.cart-icon a{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #8B2E2E;
    font-weight: 600;
}

#cart-count{
    position: absolute;
    top: -8px;
    right: -20px;
    width: 20px;
    height: 20px;
    background: #8B2E2E;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
}


/* ===========================
   Empty Cart
=========================== */

.empty-cart{

    display:none;

    text-align:center;

    padding:60px 20px;

}

.empty-cart img{

    width:250px;

    margin-bottom:25px;

}

.empty-cart h2{

    color:#8B2E2E;

    margin-bottom:15px;

}

.empty-cart p{

    color:#666;

    margin-bottom:25px;

}

.shop-btn{

    display:inline-block;

    padding:15px 30px;

    background:#8B2E2E;

    color:white;

    text-decoration:none;

    border-radius:40px;

}

.shop-btn:hover{

    background:#A63D3D;

}

/* ===========================
   Quantity
=========================== */

.quantity-box{

    display:flex;

    align-items:center;

    gap:15px;

    margin:15px 0;

}

.quantity-box button{

    width:35px;

    height:35px;

    border:none;

    border-radius:50%;

    background:#8B2E2E;

    color:white;

    cursor:pointer;

    font-size:18px;

}

.quantity-box span{

    font-size:18px;

    font-weight:bold;

}

/* Remove Button */

.remove-btn{

    margin-top:15px;

    padding:10px 18px;

    border:none;

    border-radius:30px;

    background:#C62828;

    color:white;

    cursor:pointer;

}

.remove-btn:hover{

    background:#A00000;

}


/* checkout Button */


#checkoutBtn{

    margin-top:25px;

    width:100%;

    padding:18px;

    border:none;

    border-radius:40px;

    background:#8B2E2E;

    color:white;

    font-size:20px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

#checkoutBtn:hover{

    background:#A63D3D;

}







.continue-btn{

    display:inline-block;

    margin-top:20px;

    background:#8B2E2E;

    color:white;

    padding:12px 24px;

    border-radius:10px;

    text-decoration:none;

    transition:.3s;

}

.continue-btn:hover{

    background:#A63D3D;

}