/* ─── Cart drawer — 1:1 mirror of CartDrawer.tsx ─────────────────────────── */

#cart-drawer.open,
#cart-drawer:not(.translate-x-full) {
  transform: translateX(0);
}

#cart-drawer .text-brand,
.cart-item .text-brand {
  color: hsl(var(--brand));
}

.border-brand\/20 { border-color: hsl(var(--brand) / 0.2); }
.bg-brand\/10 { background-color: hsl(var(--brand) / 0.1); }
.border-brand\/\[0\.12\] { border-color: hsl(var(--brand) / 0.12); }
.bg-brand\/\[0\.06\] { background-color: hsl(var(--brand) / 0.06); }

#cart-drawer-total,
.cart-item .text-brand,
#cart-drawer-items [data-qty],
#cart-drawer-items .co-num {
  font-variant-numeric: lining-nums tabular-nums;
}