:root{--ink:#17191c;--ink-muted:#5b6472;--line:#e2e6ec;--surface:#fff;--canvas:#f6f7f9;--danger:#b42318;--danger-surface:#fef3f2;--success:#067647;--success-surface:#ecfdf3;--radius:12px;--radius-inner:10px;--focus:#1d4ed8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{-webkit-font-smoothing:antialiased;margin:0}*,:before,:after{box-sizing:border-box}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.checkout{max-width:1100px;margin:0 auto;padding:16px 16px 48px}.checkout-header{align-items:center;gap:12px;min-height:56px;padding:4px 0 12px;display:flex}.store-logo{object-fit:contain;max-width:180px;max-height:40px}.store-name{color:var(--brand-primary,var(--ink));letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:700}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.checkout-grid{flex-direction:column;gap:16px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 16px}.panel h2{letter-spacing:-.01em;margin:0 0 16px;font-size:1rem}.line-items{gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.line-items li{grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;display:grid}.line-title{font-weight:500;line-height:1.35}.line-quantity{color:var(--ink-muted);grid-column:1;font-size:.875rem}.line-amount{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;grid-area:1/2/span 2}.totals{border-top:1px solid var(--line);gap:8px;margin:0;padding-top:16px;display:grid}.totals div{justify-content:space-between;display:flex}.totals dt{color:var(--ink-muted)}.totals dd{font-variant-numeric:tabular-nums;margin:0}.totals .total{border-top:1px solid var(--line);padding-top:8px;font-size:1.125rem;font-weight:700}.totals .total dt{color:var(--ink)}.form fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:20px 0 4px}.form fieldset:first-of-type{border-top:0;padding-top:0}.form legend{padding:0;font-size:1rem;font-weight:700}.form label{margin:14px 0 6px;font-size:.875rem;font-weight:500;display:block}.form input[type=text],.form input[type=tel],.form input[type=email],.form input:not([type]){background:var(--surface);border:1px solid var(--line);color:inherit;font:inherit;border-radius:10px;width:100%;min-height:48px;padding:12px;font-size:1rem}.form input[aria-invalid=true]{border-color:var(--danger)}.choices{gap:10px;margin-top:12px;display:grid}label.choice{border:1px solid var(--line);border-radius:var(--radius-inner);cursor:pointer;align-items:center;gap:12px;min-height:52px;margin:10px 0 0;padding:12px;display:flex}label.choice:has(input:checked){background:color-mix(in srgb, var(--brand-accent,var(--focus)) 6%, var(--surface));border-color:var(--brand-accent,var(--focus));box-shadow:inset 0 0 0 1px var(--brand-accent,var(--focus))}label.choice input{accent-color:var(--brand-accent,var(--focus));width:20px;height:20px;margin:0}label.choice span{gap:2px;line-height:1.35;display:grid}label.choice em{color:var(--ink-muted);font-size:.875rem;font-style:normal}.address{margin-top:4px}button{border-radius:var(--radius-inner);cursor:pointer;font:inherit;min-height:48px;padding:12px 16px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.55}.primary{background:var(--brand-button,var(--brand-primary,var(--ink)));color:#fff;border:0;width:100%;font-size:1rem}.secondary{background:var(--surface);border:1px solid var(--line);color:inherit;width:100%;margin-top:14px}.submit-area{border-top:1px solid var(--line);gap:12px;margin-top:20px;padding-top:20px;display:grid}.status{color:var(--ink-muted);margin:10px 0 0;font-size:.9375rem}.notice{border-radius:var(--radius-inner);margin:10px 0 0;padding:12px;font-size:.9375rem;line-height:1.4}.notice-error{background:var(--danger-surface);color:var(--danger)}.notice-success{background:var(--success-surface);color:var(--success)}.field-error{color:var(--danger);margin:6px 0 0;font-size:.875rem}@media (min-width:900px){.checkout{padding:32px 24px 64px}.checkout-header{min-height:72px}.checkout-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:start;gap:24px;display:grid}.panel{padding:24px}.form{grid-area:1/1}.summary{grid-area:1/2;position:sticky;top:24px}.primary{width:auto;min-width:240px}.secondary{width:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.payment-panel{gap:20px;max-width:520px;margin:0 auto;display:grid}.payment-amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:center;margin:0;font-size:2rem;font-weight:700}.payment-status{border-left:3px solid var(--ink-muted);gap:4px;margin:0;padding:4px 0 4px 14px;display:grid}.payment-title{font-size:1.0625rem;font-weight:700}.payment-detail{color:var(--ink-muted);line-height:1.45}.payment-confirmed{border-left-color:var(--success)}.payment-review,.payment-failed,.payment-cancelled{border-left-color:var(--danger)}.qr{justify-items:center;gap:10px;margin:0;display:grid}.qr-frame{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:min(260px,68vw);padding:12px}.qr-frame svg{width:100%;height:auto;display:block}.qr figcaption{color:var(--ink-muted);text-align:center;font-size:.875rem}.bank-links{gap:10px;display:grid}.bank-link{border:1px solid var(--line);border-radius:var(--radius-inner);color:inherit;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 14px;text-decoration:none;display:flex}.bank-name{overflow-wrap:anywhere;font-weight:600}.bank-hint{color:var(--ink-muted);white-space:nowrap;font-size:.875rem}.verify{gap:8px;display:grid}.order-progress{border-top:1px solid var(--line);padding-top:20px}.order-progress h2{margin:0 0 6px;font-size:1rem}.order-reference{margin:10px 0 0;font-size:1.0625rem}@media (min-width:900px){.qr-frame{width:260px}.bank-links{grid-template-columns:1fr 1fr}}.section-heading{margin:0 0 12px;font-size:1rem;font-weight:700}.accounts{gap:12px;margin:0;padding:0;list-style:none;display:grid}.account{border:1px solid var(--line);border-radius:var(--radius-inner);gap:6px;padding:14px;display:grid}.account-bank{font-weight:700}.account-holder{color:var(--ink-muted);font-size:.9375rem}.account-number-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.account-number{font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.125rem}.copy{background:var(--surface);border:1px solid var(--line);color:inherit;min-height:40px;padding:8px 14px;font-size:.875rem}.account-instruction{border-top:1px solid var(--line);color:var(--ink-muted);margin-top:6px;padding-top:10px;font-size:.9375rem;line-height:1.45}.payment-confirmed,.payment-collected{border-left-color:var(--success)}.payment-awaiting-transfer,.payment-awaiting-delivery{border-left-color:var(--brand-accent,var(--focus))}.payment-unknown{border-left-color:var(--danger)}.connection{gap:10px;display:grid}.connection:empty{display:none}.payment-status,.notice,.field-error,.status{color:var(--ink)}.payment-detail,.status{color:var(--ink-muted)}.notice-error{color:var(--danger)}.notice-success{color:var(--success)}