:root{
  --mint:#bfeee0;
  --peach:#ffd2c8;
  --cream:#fff7eb;
  --lav:#e3d7ff;
  --ink:#1f2937;
  --muted:#5b6474;
  --accent:#7c5cff;
  --success:#37b289;
  --shadow: 0 10px 30px rgba(31,41,55,.08);
}
.cart-btn{position:fixed; top:14px; right:14px; z-index:60; display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; background:#fff; border:1px solid rgba(0,0,0,.06); box-shadow:var(--shadow); cursor:pointer}
.badge{position:absolute; top:-6px; right:-6px; min-width:18px; height:18px; padding:0 6px; border-radius:999px; background:var(--accent); color:#fff; font-size:12px; display:grid; place-items:center}

#cartDrawer{position:fixed; inset:0; pointer-events:none; z-index:59}
#overlay{position:absolute; inset:0; background:rgba(0,0,0,.25); opacity:0; transition:.2s}
.drawer{position:absolute; top:0; right:-380px; width:min(92vw,360px); height:100%; background:#fff; box-shadow:-10px 0 30px rgba(0,0,0,.1); transition:.25s; display:flex; flex-direction:column}
.drawer-head{display:flex; justify-content:space-between; align-items:center; padding:16px; border-bottom:1px solid #eee}
.drawer-body{padding:12px; overflow:auto; flex:1; display:grid; gap:10px}
.drawer-foot{padding:12px; border-top:1px solid #eee}
.drawer .row{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px}
.icon-btn{background:#fff; border:1px solid #eee; border-radius:10px; padding:6px 10px; cursor:pointer}
.cart-item{display:grid; grid-template-columns:64px 1fr auto; gap:10px; align-items:center; background:#fff; border:1px solid #eee; border-radius:14px; padding:8px}
.cart-item img{width:64px; height:64px; object-fit:cover; border-radius:10px}
.item-title{font-weight:800}
.item-meta{font-size:.9rem; color:#5b6474}
.qty{display:inline-flex; align-items:center; gap:6px; border:1px solid #eee; border-radius:10px; padding:4px 8px}
.qty button{background:white; border:none; font-size:18px; cursor:pointer}
.empty{padding:24px; text-align:center; color:#5b6474}
.btn{display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; font-weight:800; box-shadow:var(--shadow); border:2px solid transparent; cursor:pointer}
.btn-primary{background:var(--accent); color:white}