/* shop/assets/cart.css — schlankes, modernes Styling für Warenkorb */
.cart-page { 
padding: 16px; 
}
.cart-container { 
display: grid; 
grid-template-columns: 1fr 320px; 
gap: 16px; 
}

@media (max-width: 900px) {
.cart-container { 
grid-template-columns: 1fr; 
} 
}

.card { 
background:#fff; 
border:1px solid #e5e7eb; 
border-radius:16px; 
padding:16px; 
box-shadow:0 10px 30px rgba(0,0,0,.06); 
}

.card a {
background: #007bff;
}

@media (prefers-color-scheme: dark){
.card{ 
background:#121826; 
border-color:#1f2937; 
color:#e5e7eb; 
} 
}

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

.table th, .table td { 
text-align:left; 
padding:10px 12px; 
border-bottom:1px solid #e5e7eb; 
vertical-align:middle; 
}

@media (prefers-color-scheme: dark){
.table th,.table td{ 
border-bottom-color:#1f2937; 
} 
}

.table th { 
color:#6b7280; 
font-weight:600; 
font-size:14px; 
}
.table .thumb { 
width:72px; 
height:72px; 
object-fit:cover; 
border-radius:10px; 
border:1px solid #e5e7eb; 
background:#f9fafb; 
}

.actions { 
display:flex; 
gap:8px; 
align-items:center; 
}

.btn { 
display:inline-flex; 
align-items:center; 
gap:8px; 
padding:10px 14px; 
border-radius:10px; 
border:1px solid #e5e7eb; 
/* background:#fff;  */
cursor:pointer; 
}

.btn.primary { 
background:linear-gradient(180deg, #1f6feb, #1a58ba); 
border-color:transparent; 
color:#fff; 
}

.btn.danger { 
border-color:#fecaca; 
color:#b91c1c; 
}

.btn.link { 
border-color:transparent; 
background:transparent; 
color:#1f6feb; 
}

.input { 
padding:8px 10px; 
border:1px solid #e5e7eb; 
border-radius:8px; 
min-width:70px; 
}

.summary { 
display:grid; 
gap:10px; 
}

.summary .row { 
display:flex; 
justify-content:space-between; 
}

.summary .total { 
font-weight:800; 
font-size:18px; 
}

.notice { 
padding:10px 12px; 
border:1px solid #fde68a; 
background:#fffbeb; 
color:#92400e; 
border-radius:10px; 
}

.empty { 
text-align:center; 
padding:32px; 
color:#6b7280; 
}