Your Cart is Empty
}
.cart-item-row {
display: grid;
grid-template-columns: 100px 1fr auto;
gap: 1.5rem;
align-items: center;
padding: 1.5rem;
background: white;
border-radius: 0.75rem;
border: 1px solid #e9ecef;
}
.item-image {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 0.5rem;
}
.quantity-selector {
display: flex;
align-items: center;
border: 1px solid #ced4da;
border-radius: 999px;
padding: 0.25rem;
}
.quantity-btn {
width: 32px;
height: 32px;
border: none;
background: #f1f3f5;
border-radius: 50%;
cursor: pointer;
font-size: 1.25rem;
color: #495057;
}
.quantity-display {
width: 40px;
text-align: center;
font-weight: 700;
font-size: 1.1rem;
}
.remove-btn {
background: none;
border: none;
color: #adb5bd;
cursor: pointer;
font-size: 1.25rem;
transition: color 0.2s ease;
}
.remove-btn:hover {
color: #dc3545;
}
.order-summary {
background: white;
border: 1px solid #e9ecef;
border-radius: 0.75rem;
padding: 1.5rem;
}
.checkout-btn {
display: block;
width: 100%;
padding: 1rem;
background-color: #FFC107;
color: #212529;
border: none;
border-radius: 0.5rem;
font-weight: 700;
text-align: center;
text-decoration: none;
transition: background-color 0.2s ease;
}
.checkout-btn:hover {
background-color: #FFCA2C;
}
.form-input {
width: 100%;
background: #f1f3f5;
border: 1px solid #dee2e6;
color: #212529;
padding: 0.75rem;
border-radius: 0.5rem;
}
.form-input:focus {
outline: none;
border-color: #ffc107;
}
Your Cart
Your Cart is Empty
Looks like you haven't added anything to your cart yet.
Start
Shopping