.showbasket { --brand:#27a799; --c1:#1f2945; --line:#eceff3; font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif; }

.sb-grid { display:grid; grid-template-columns:1fr 360px; gap:24px; }
@media (max-width:960px){ .sb-grid{ grid-template-columns:1fr; } }

.sb-card { background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; box-shadow:0 6px 16px rgba(0,0,0,.06); }

.row { display:flex; justify-content:space-between; align-items:center; margin:6px 0; font-size:14px; }
.row.total { border-top:1px solid var(--line); padding-top:8px; margin-top:8px; font-weight:700; font-size:16px; }

.discountcode { display:flex; gap:8px; margin-top:12px; }
.discountcode input { flex:1; border:1px solid #d9d9d9; border-radius:8px; padding:10px; }
.discountcode button { border:0; border-radius:8px; padding:10px 14px; background:var(--c1); color:#fff; cursor:pointer; }
.coupon-feedback { display:block; margin-top:6px; font-size:12px; color:#0a7a3f; }

.showbasketnavigation { display:flex; flex-direction:column; gap:10px; margin-top:16px; }
.sb-btn { display:block; width:100%; text-align:center; text-decoration:none !important; border-radius:10px; padding:12px 14px; font-weight:700; }
.sb-btn-primary { background:var(--brand); color:#fff !important; }
.sb-btn-secondary { background:#f5f7f9; color:var(--c1) !important; }

.cart-empty { text-align:center; padding:40px 0; }
.cart-empty .sb-btn-primary { max-width:200px; margin:20px auto 0; }