/* ===== CART PAGE ===== */

body{
font-family:'Segoe UI', Arial, sans-serif;
background:#f1f3f6;
margin:0;
padding:0;
}

/* MAIN LAYOUT */

.cart-container{
max-width:1200px;
margin:40px auto;
}

.cart-layout{
display:flex;
gap:30px;
align-items:flex-start;
}

/* LEFT SIDE */

.cart-left{
flex:2;
background:#fff;
padding:25px;
border-radius:8px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.cart-title{
font-size:24px;
font-weight:600;
margin-bottom:20px;
}

/* TABLE */

.cart-table{
width:100%;
border-collapse:collapse;
}

.cart-table th{
background:#f7f7f7;
padding:14px;
text-align:left;
font-weight:600;
border-bottom:2px solid #eee;
}

.cart-table td{
padding:18px 14px;
border-bottom:1px solid #eee;
vertical-align:middle;
}

/* PRODUCT */

.product-info{
display:flex;
align-items:center;
gap:15px;
}

.cart-product-img{
width:70px;
height:70px;
object-fit:contain;
border:1px solid #eee;
padding:6px;
border-radius:4px;
background:#fff;
}

.cart-product-name{
font-size:15px;
font-weight:500;
}

/* PRICE */

.cart-price{
font-weight:600;
}

/* QUANTITY */

.qty-box{
display:flex;
align-items:center;
gap:10px;
}

.qty-btn{
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
background:#f2f2f2;
border:1px solid #ddd;
border-radius:4px;
text-decoration:none;
color:#000;
font-weight:600;
}

.qty-btn:hover{
background:#e6e6e6;
}

.qty-number{
min-width:20px;
text-align:center;
font-weight:600;
}

/* REMOVE BUTTON */

.remove-btn{
background:#ff4d4f;
color:#fff;
padding:6px 14px;
border-radius:4px;
font-size:13px;
text-decoration:none;
}

.remove-btn:hover{
background:#d9363e;
}

/* RIGHT SIDE */

.cart-right{
flex:1;
background:#fff;
padding:25px;
border-radius:8px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
position:sticky;
top:20px;
}

.price-title{
font-size:18px;
font-weight:600;
margin-bottom:20px;
}

/* PRICE DETAILS */

.price-row{
display:flex;
justify-content:space-between;
margin-bottom:12px;
font-size:15px;
}

.grand-total{
font-weight:700;
font-size:18px;
margin-top:10px;
}

/* CHECKOUT */

.checkout-btn{
display:block;
background:#ff6a00;
color:#fff;
text-align:center;
padding:12px;
border-radius:6px;
margin-top:20px;
text-decoration:none;
font-weight:600;
}

.checkout-btn:hover{
background:#e65c00;
}

/* EMPTY CART */

.empty-cart{
text-align:center;
padding:60px 0;
font-size:18px;
color:#777;
}

/* MOBILE */

@media(max-width:900px){

.cart-layout{
flex-direction:column;
}

.cart-right{
position:relative;
}

}