.cq-kiosk-payment{max-width:1100px;margin:30px auto;padding:32px;background:#171a1d;color:#f1eee8;border:1px solid #594d3e;border-radius:20px;font:20px/1.5 system-ui,sans-serif}.cq-kiosk-payment [hidden]{display:none!important}.cq-kiosk-payment-logo{display:block;width:160px;max-width:100%;margin:0 auto 20px}.cq-kiosk-payment header{text-align:center}.cq-kiosk-payment h1,.cq-kiosk-payment h2{color:#d4af7a}.cq-kiosk-payment h1{font-size:clamp(32px,4vw,54px);margin:0}.cq-kiosk-order-number{margin:8px 0}.cq-kiosk-order-total{font-size:clamp(32px,4vw,56px)}.cq-kiosk-payment details{margin:22px 0}.cq-kiosk-payment li{padding:8px 0}.cq-kiosk-payment li strong{float:right}.cq-kiosk-pay-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.cq-kiosk-payment button,.cq-kiosk-done{box-sizing:border-box;background:#d4af7a;color:#0b0d0f;border:1px solid #d4af7a;border-radius:12px;padding:22px;font:600 22px/1.3 system-ui,sans-serif;text-align:center;cursor:pointer;min-height:78px}.cq-kiosk-payment button.recommended{grid-column:1/-1;background:#f0d4a9}.cq-kiosk-payment small{display:block;font-size:15px}.cq-kiosk-payment button:disabled{opacity:.5;cursor:not-allowed}.cq-kiosk-payment a{color:#d4af7a}.cq-kiosk-payment a.cq-kiosk-done{color:#0b0d0f;text-decoration:none}.cq-kiosk-scan,.cq-kiosk-complete{text-align:center}.cq-kiosk-scan canvas{width:min(100%,560px)!important;height:auto!important;background:white;padding:14px;box-sizing:border-box;border-radius:12px}.cq-kiosk-small,.cq-kiosk-scan p{font-size:17px}.cq-kiosk-payment-status{text-align:center;padding:18px;border:1px solid #594d3e;border-radius:12px;font-weight:600}.cq-kiosk-email{max-width:600px;margin:24px auto}.cq-kiosk-email label{display:block}.cq-kiosk-email input{box-sizing:border-box;width:100%;padding:18px;font:inherit;color:#f1eee8;background:#0b0d0f;border:1px solid #d4af7a;border-radius:10px;margin:12px 0}.cq-kiosk-email button{margin-right:12px}.cq-counter-receive{border-top:1px solid #594d3e;margin-top:28px;padding-top:18px}.cq-counter-receive label{display:block;margin-bottom:18px}.cq-kiosk-queue{margin:20px 0}.cq-kiosk-queue a{display:block;padding:16px;border-bottom:1px solid #594d3e}.cq-kiosk-queue small{display:block}@media(max-width:600px){.cq-kiosk-payment{padding:18px;margin:12px}.cq-kiosk-pay-options{grid-template-columns:1fr}.cq-kiosk-payment button{font-size:19px}.cq-kiosk-payment li strong{float:none;display:block}}
@media(min-width:900px){.cq-kiosk-payment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;grid-template-areas:"logo logo" "head head" "detail detail" "options scan" "counter counter" "controls controls" "complete complete" "email email" "text text" "status status";max-width:1240px;margin:18px auto;padding:24px}.cq-kiosk-payment-logo{grid-area:logo;width:96px;margin-bottom:8px}.cq-kiosk-payment header{grid-area:head}.cq-kiosk-payment h1{font-size:34px}.cq-kiosk-order-number{margin:2px 0}.cq-kiosk-order-total{font-size:42px}.cq-kiosk-payment details{grid-area:detail;margin:14px 0}.cq-kiosk-payment [data-payment-options]{grid-area:options}.cq-kiosk-payment .cq-kiosk-pay-options{margin:12px 0;gap:12px}.cq-kiosk-payment button,.cq-kiosk-done{min-height:70px;padding:16px;font-size:20px}.cq-kiosk-payment [data-qr-panel]{grid-area:scan}.cq-kiosk-scan h2{margin:8px 0}.cq-kiosk-scan p{margin:8px 0}.cq-kiosk-scan canvas{max-width:400px}.cq-kiosk-payment [data-counter-panel]{grid-area:counter}.cq-kiosk-payment [data-counter-controls]{grid-area:controls}.cq-kiosk-payment [data-payment-complete]{grid-area:complete}.cq-kiosk-payment [data-email-form]{grid-area:email;width:100%}.cq-kiosk-payment [data-text-form]{grid-area:text;width:100%}.cq-kiosk-payment [data-payment-status]{grid-area:status;margin:14px 0 0}}