.cart-heading-actions{display:flex;align-items:center;gap:12px}
.keypad-toggle{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:#fff;font-weight:900;cursor:pointer}
.keypad-toggle span{font-size:17px}
.keypad-toggle.active{color:#fff;border-color:var(--navy);background:var(--navy)}
.keypad-toggle:disabled{opacity:.4;cursor:not-allowed}
.cart-keypad{margin:0 0 12px;padding:12px;border:1px solid var(--aqua);border-radius:13px;background:var(--aqua-soft)}
.cart-keypad header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:9px}
.cart-keypad header small,.cart-keypad header strong{display:block}
.cart-keypad header small{color:#397985;font-size:9px;font-weight:900;letter-spacing:.12em}
.cart-keypad header strong{margin-top:3px;overflow:hidden;color:var(--navy);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.cart-keypad output{min-width:120px;padding:8px 12px;border-radius:9px;color:#fff;background:var(--navy);font-size:24px;font-weight:900;text-align:right;font-variant-numeric:tabular-nums}
.cart-keypad-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:7px}
.cart-keypad-modes button{padding:7px;border:1px solid #b9d7db;border-radius:8px;color:var(--navy);background:#fff;font-size:10px;font-weight:900;cursor:pointer}
.cart-keypad-modes button.active{color:#fff;border-color:var(--navy);background:var(--navy)}
.cart-keypad-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cart-keypad-keys button{min-height:42px;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:#fff;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 2px 0 #cadadd}
.cart-keypad-keys button:active{transform:translateY(1px);box-shadow:none}
.cart-keypad-keys button.utility{color:#6b4d22;background:#fff8e9}
.cart-keypad-keys button.apply{grid-column:span 2;color:#fff;border-color:var(--navy);background:var(--navy);font-size:14px}
.cart-keypad-keys button:disabled{opacity:.35;cursor:not-allowed}
.cart-pane:has(.cart-keypad:not([hidden])) .cart-items{max-height:25vh}
@media(max-width:900px){.cart-pane:has(.cart-keypad:not([hidden])) .cart-items{max-height:34vh}}
@media(max-width:600px){.cart-heading-actions{gap:7px}.keypad-toggle{padding:8px}.keypad-toggle span{display:none}.cart-keypad output{font-size:21px}}