/* ===== Pelanggan (scan QR) ===== */
.cust{max-width:720px;margin:0 auto;padding:0 1rem 7rem}
.cust-head{background:var(--brand);color:#fff;margin:0 -1rem 1rem;padding:1.4rem 1.2rem}
.cust-head .muted{color:#c5d6ea}
.cust-top{display:flex;align-items:center;gap:.85rem}
.cust-ttl{min-width:0;overflow-wrap:anywhere}
.store-logo.cust-logo{width:60px;height:60px;border-radius:14px;padding:4px;flex:none}
.receipt .store-logo.rec-logo{max-width:60%;max-height:84px;width:auto;height:auto;margin:0 auto .5rem;background:transparent}
.receipt h3{text-align:center}
.menu-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:.6rem}
.menu-item .grow{flex:1}
.qty{display:flex;align-items:center;gap:.6rem;font-weight:800}
.qty button{width:34px;height:34px;border-radius:50%;border:0;background:var(--brand-l);color:var(--brand-d);font-size:1.2rem;font-weight:800;cursor:pointer}
.qty button:disabled{opacity:.35}
.cartbar{position:fixed;left:0;right:0;bottom:0;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}
.cartbar .btn{max-width:688px;margin:auto;display:block;width:100%;padding:.9rem}
.center{text-align:center}
.qris{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.4rem}
.qr{background:#fff;padding:10px;border-radius:12px;display:inline-block;border:1px solid var(--line)}
.steps{display:flex;gap:.3rem;margin:1rem 0}
.steps div{flex:1;text-align:center;font-size:.72rem;padding:.4rem .1rem;border-radius:8px;background:var(--bg);color:var(--muted);font-weight:600}
.steps div.done{background:var(--brand);color:#fff}
.receipt{background:#fff;border:1px dashed var(--muted);border-radius:12px;padding:1.1rem}
.pay-opts{display:flex;flex-direction:column;gap:.6rem;width:100%}
.pay-opts .btn small{display:block;font-weight:500;font-size:.8rem;opacity:.85;margin-top:.15rem}
.pay-state{text-align:center}

/* Bayar billing rental dari HP */
.top-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.5rem}
.top-grid .btn{padding:.6rem .4rem;text-align:center}
.top-grid .btn small{display:block;font-weight:600;font-size:.8rem;opacity:.85}
.cust-remain{font-weight:800;font-size:1.15rem}