.cashier-page{max-width:1120px;margin:auto}.cashier-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(154px,1fr));gap:14px;margin:28px 0 16px}.cashier-product{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:var(--glass);border:1px solid var(--line);border-radius:12px;text-align:left;transition:background .18s var(--ease),border-color .18s var(--ease)}.cashier-product strong{font-size:28px;font-weight:650;font-variant-numeric:tabular-nums}.cashier-product span{color:var(--tx2)}.cashier-product small{font-size:11px;color:var(--tx2);margin-top:18px}.cashier-product:hover:not(:disabled){background:var(--glass2);border-color:var(--a1)}.cashier-product:focus-visible{outline:2px solid var(--a1);outline-offset:3px}.cashier-product:disabled{opacity:.55;cursor:wait}.cashier-orders{margin-top:42px}.cashier-orders form{margin:20px 0}.cashier-order{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.cashier-order code{font-size:11px;color:var(--tx2);overflow-wrap:anywhere}.cashier-order+*{margin-top:12px}.cashier-modal{width:min(480px,calc(100vw - 24px));max-height:94dvh;overflow:auto}.cashier-checkout{display:grid;justify-items:center;gap:12px;text-align:center}.cashier-total{font-size:34px;line-height:1.2;font-variant-numeric:tabular-nums}.cashier-qr{width:min(280px,100%);min-height:200px;display:grid;place-items:center}.cashier-qr img{display:block;width:100%;height:auto;border-radius:10px;background:#fff}.cashier-qr img[hidden]{display:none}.cashier-state{font-weight:600}.cashier-checkout details{font-size:12px;color:var(--tx2);width:100%;overflow-wrap:anywhere}.cashier-checkout [data-payment-note]{line-height:1.6}.cashier-checkout [data-countdown]{font-variant-numeric:tabular-nums}.cashier-orders .field{flex:1;min-width:180px;max-width:340px}.cashier-orders input{width:100%}@media(max-width:600px){.cashier-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cashier-product{padding:16px}.cashier-product strong{font-size:25px}.cashier-order{align-items:flex-start}.cashier-orders input{font-size:16px}.cashier-modal{padding:18px}.cashier-qr{width:230px}}@media(prefers-reduced-motion:reduce){.cashier-product{transition:none}}