/* Checkout composition and payment dialog, shared website tokens. */
.checkout-page main{padding-bottom:80px}.checkout-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:40px 0;border-bottom:2px solid var(--ink)}
.page-eyebrow{display:block;font:700 11px/1.5 var(--mono);letter-spacing:.16em;margin-bottom:22px;color:var(--ink3)}
.checkout-hero h1{font-size:clamp(36px,4vw,60px);line-height:1.14;letter-spacing:-.055em;margin:0 0 20px}.checkout-hero h1 span{color:var(--ac)}
.checkout-hero p{color:var(--ink2);font-size:15px;line-height:1.8;max-width:36em}.checkout-route{list-style:none;padding:0;margin:0;display:grid;gap:12px;flex:none;font-size:12px}.checkout-route b{font:700 13px var(--mono);color:var(--ac);margin-right:12px}
.checkout-page .step:first-child{margin-top:0}.checkout-page .co-grid{gap:48px;margin-top:40px}.checkout-page .sum{top:96px}.checkout-page .sum .hd{padding:18px 22px}.checkout-page .sum .bd{padding:24px}.checkout-page .sum .tot-v{font-size:36px}.checkout-page .pays{grid-template-columns:1fr}.checkout-page .textarea{min-height:94px}
.order-resume{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;margin-top:28px;background:var(--surf);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.order-resume b,.order-resume small{display:block}.order-resume small{margin-top:5px;color:var(--ink3)}
.payment-open{overflow:hidden;scrollbar-gutter:stable}
.payment-dialog{padding:0;margin:auto;width:min(520px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);overscroll-behavior:contain}
.payment-dialog::backdrop{background:rgba(11,11,11,.64);backdrop-filter:blur(4px)}
.payment-top{background:var(--ink-block);color:var(--on-ink-block);display:flex;align-items:center;justify-content:space-between;padding:9px 14px 9px 24px;font:700 10px/1 var(--mono);letter-spacing:.14em}
.payment-close{color:var(--on-ink-block);background:transparent;border:1px solid #777;width:34px;height:34px;font:400 25px/1 var(--sans);cursor:pointer}.payment-close:hover{background:var(--lime);color:var(--on-lime);border-color:var(--lime)}
.payment-body{padding:26px 32px 28px;text-align:center}.payment-label{display:inline-block;font:700 10px/1.4 var(--mono);letter-spacing:.09em;padding:6px 10px;background:var(--lime);color:var(--on-lime);border:1px solid var(--ink)}
.payment-body h2{font-size:25px;letter-spacing:-.04em;margin:18px 0 8px}.payment-body #paymentSubtitle{font-size:13px;line-height:1.7;color:var(--ink3);margin:0}.payment-dialog .qr{padding:0;display:block}
.payment-dialog .qr .amt{font-size:38px;line-height:1.2;margin:18px 0;color:var(--ac);font-variant-numeric:tabular-nums}
.payment-dialog .qr .img{box-sizing:content-box;width:min(268px,calc(100% - 36px));height:auto;aspect-ratio:1;padding:14px;border:2px solid #0b0b0b;background:#fff;color:#333;margin:0 auto;display:grid;place-items:center;overflow:hidden;font-size:13px}
.payment-dialog .qr-frame-viewport{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:#fff}
.payment-dialog .qr .img iframe{position:absolute;top:0;left:0;width:300px;height:300px;border:0;max-width:none;max-height:none;transform-origin:top left}
.payment-dialog .qr .img img{width:100%;height:100%;object-fit:contain;display:block}
.payment-dialog .qr .tip{font:400 11px/1.6 var(--mono);color:var(--ink3);margin:12px 0 0;overflow-wrap:anywhere}
.payment-dialog .msg{font-size:12px;padding:10px 12px;box-shadow:none;margin:16px 0}.payment-actions{display:grid;gap:12px;margin-top:18px}.payment-actions>.btn{width:100%}.payment-secondary{display:flex;gap:12px;justify-content:center}.payment-secondary>.btn{flex:1;font-size:12px}
.payment-foot{border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;font-size:11px;color:var(--ink3)}.payment-foot button{background:none;border:0;border-bottom:1px solid var(--ink3);color:var(--ink);font:inherit;cursor:pointer;flex:none}
[hidden]{display:none!important}
.payment-dialog .qr .img{display:block}
.payment-dialog .delivery:empty{display:none}
@media(max-width:720px){.checkout-hero{display:block;padding:30px 0}.checkout-route{display:flex;justify-content:space-between;margin-top:24px;gap:10px;font-size:11px}.checkout-route b{margin-right:5px}.checkout-page .co-grid{gap:32px}.checkout-page .sum{position:static}.checkout-page .popt{padding:15px 12px;gap:10px}.checkout-page .popt .pr{font-size:20px}.checkout-page .popt .ds{font-size:11px}.order-resume{padding:16px;flex-wrap:wrap}.payment-body{padding:22px 20px}.payment-body h2{font-size:23px}.payment-dialog{box-shadow:5px 5px 0 var(--ink)}.payment-foot{padding:14px 18px}}
@media(max-height:730px){.payment-body{padding-top:18px;padding-bottom:20px}.payment-body h2{margin-top:12px}.payment-dialog .qr .amt{font-size:32px;margin:12px 0}.payment-dialog .qr .img{width:min(216px,calc(100% - 36px))}.payment-body #paymentSubtitle{font-size:12px}.payment-dialog .msg{margin:12px 0}.payment-actions{margin-top:12px}}