body { 
    color: #ffffff; 
}

.cart-container {
    max-width: 960px;
    margin: 2rem auto;
    padding: 0 1.5rem;
}

.cart-header {
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    gap: 1rem; 
    margin-bottom: 1.5rem;
}

.cart-items { 
    display: grid; 
    gap: 1rem; 
}

.cart-item { 
    display: grid; 
    grid-template-columns: 160px 1fr auto; 
    gap: 1rem; 
    background: rgba(255,255,255,0.04); 
    padding: 1rem; 
    border-radius: 16px; 
    align-items: center; 
}

.cart-item img { 
    width: 160px; 
    height: 120px; 
    object-fit: cover; 
    border-radius: 10px; 
}

.cart-item h3 { 
    margin: 0 0 0.25rem 0; 
    font-size: 1.1rem; 
    color: #ffffff; 
}

.cart-item-qty { margin-top: 0.75rem; 
    display: flex; 
    flex-direction: column; 
    gap: 0.4rem; 
    color: #ffffff; 
}

.cart-item-qty .quantity-control { 
    width: fit-content; 
}

.cart-item-qty .quantity-btn { 
    cursor: pointer; 
}

.cart-item-qty input[type="number"] { 
    cursor: text; 
}

.cart-summary { 
    margin-top: 2rem; 
    text-align: right; 
}

.cart-actions { 
    display: flex; 
    gap: 0.5rem; 
    margin-top: 0.5rem; 
    justify-content: flex-end; 
}

.btn { 
    display: inline-flex; 
    align-items: center; 
    justify-content: center; 
    padding: 0.65rem 1.4rem; 
    border-radius: 999px; 
    text-decoration: none; 
    cursor: pointer; 
    border: none; 
    font-weight: 600; 
}

.btn--primary { 
    background: #ffffff; 
    color: #050505; 
}

.btn--ghost { background: transparent; 
    color: #ffffff; 
    border: 1px solid rgba(255,255,255,0.35); 
}

.cart-message { margin-bottom: 1rem; 
    color: #8fffbd; 
}

.cart-empty { text-align: center; 
    padding: 3rem 1rem; 
    background: rgba(255,255,255,0.03); 
    border-radius: 16px; 
}

.inline-form { 
    margin: 0; 
}

.quantity-form { display: inline-flex; 
    align-items: center; 
    gap: 0.4rem; 
}

.quantity-form input[type="number"] { 
    width: 3.25rem; 
    text-align: center; 
}

.qty-label { 
    display: flex; 
    justify-content: space-between; 
    font-size: 0.9rem; 
    color: #ffffff; 
}

@media (max-width: 900px) {
    .cart-container { padding: 0 1.25rem; }
    .cart-item { grid-template-columns: 140px 1fr; }
    .cart-item img { width: 140px; height: 105px; }
    .cart-summary { margin-top: 1.5rem; }
}

@media (max-width: 640px) {
    .cart-header { flex-direction: column; align-items: flex-start; }
    .cart-item { grid-template-columns: 1fr; padding: 0.9rem; }
    .cart-item img { width: 100%; height: auto; max-height: 220px; }
    .cart-item-qty { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; }
    .quantity-form { width: 100%; justify-content: space-between; }
    .cart-summary { text-align: left; }
    .cart-actions { justify-content: flex-start; flex-wrap: wrap; }
}

@media (max-width: 420px) {
    .cart-container { padding: 0 1.1rem; }
    .cart-item { padding: 0.75rem; gap: 0.75rem; }
    .btn { width: 100%; }
    .cart-actions { flex-direction: column; align-items: stretch; gap: 0.75rem; }
}