.payment-method-note{font-size:12px;color:var(--muted);line-height:1.7}.order-form button:disabled{opacity:.55;cursor:not-allowed}.detail-layout>.detail-art{align-self:start;min-height:0;aspect-ratio:1;border-radius:8px}.detail-layout>.detail-card{border-radius:8px}
.checkout-main [data-save-qr]{display:inline-grid}
.checkout-page{color:var(--ink)}.checkout-page.dark{--ink:#e8edf1;--muted:#a6b1ba;--line:#303943;--card:#171c23;--canvas:#101418;--blue:#a6bcff;background:var(--canvas)}.dark .checkout-expiry-note{color:#f4ba83}
.checkout-page{background:var(--card);letter-spacing:0}.checkout-page *{letter-spacing:0}.checkout-page [hidden]{display:none!important}.checkout-page .site-header{box-shadow:none;border-bottom:1px solid var(--line)}.checkout-page .brand{text-decoration:none;color:var(--ink)}.checkout-nav{display:flex;align-items:center;gap:20px;margin-left:auto}.checkout-nav a{color:var(--muted);text-decoration:none;font-size:13px}.checkout-nav button{font-size:12px}.checkout-shell{width:min(960px,100%);padding:0 28px;margin:0 auto;min-height:70vh}.checkout-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0;color:var(--muted);font-size:12px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start;padding:12px 0 36px}.checkout-main{text-align:center;min-width:0}.checkout-state-label{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:12px}.checkout-state-dot{width:7px;height:7px;border-radius:50%;background:#d99521}.checkout-main h1{font-size:24px;line-height:1.4;margin:10px 0 18px}.checkout-amount{display:grid;gap:4px}.checkout-amount>span{font-size:12px;color:var(--muted)}.checkout-amount>strong{font-size:40px;line-height:1.25;font-variant-numeric:tabular-nums;font-weight:800;overflow-wrap:anywhere}.checkout-exact{color:#a54b19;font-size:13px;line-height:1.6;margin:12px 0 20px}.dark .checkout-exact{color:#f4ba83}.checkout-qr-frame{width:320px;max-width:100%;aspect-ratio:1;margin:0 auto;background:#fff;border:1px solid #e5e7eb;padding:8px;border-radius:8px}.checkout-qr{display:block;width:100%;height:100%;object-fit:contain}.checkout-scan{font-size:13px;margin:12px 0}.checkout-main .ghost-btn{min-height:40px;border-radius:6px;font-size:13px;cursor:pointer}.checkout-mobile-note{display:none}.checkout-countdown{font-size:13px;color:var(--muted);margin:18px 0 8px}.checkout-countdown strong{font-variant-numeric:tabular-nums;color:var(--ink);margin-left:5px}.checkout-poll-note{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 16px}.checkout-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px}.checkout-text-button{border:0;background:transparent;padding:8px 0;font:inherit;font-size:12px;color:var(--blue);cursor:pointer;min-height:36px}.checkout-text-button:disabled,.checkout-page button:disabled{opacity:.5;cursor:wait}.checkout-error{font-size:13px;line-height:1.7;color:#b14432;overflow-wrap:anywhere}.dark .checkout-error{color:#f3ad9b}.checkout-error:empty{display:none}.checkout-action-status{min-height:22px;margin:8px 0;color:var(--muted);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.checkout-expiry-note{padding:30px 16px;font-size:14px;line-height:1.7;color:#a54b19;background:var(--canvas);border-radius:6px}.checkout-summary{border-left:1px solid var(--line);padding-left:28px;min-width:0}.checkout-summary h2{font-size:13px;margin:0 0 20px;color:var(--muted);font-weight:500}.checkout-summary h3{font-size:18px;line-height:1.5;margin:0 0 20px;overflow-wrap:anywhere}.checkout-summary dl{margin:0}.checkout-summary dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:18px 0;font-size:12px}.checkout-summary dt{color:var(--muted);flex-shrink:0}.checkout-summary dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0;line-height:1.7}.checkout-summary .checkout-order-number{display:block;border-top:1px solid var(--line);padding-top:20px}.checkout-order-number dd{text-align:left;margin-top:8px}.checkout-order-number span{display:block;font-family:monospace;font-size:12px;user-select:all}.checkout-summary>a{font-size:12px;color:var(--blue);text-decoration:none}.checkout-summary>p{font-size:12px;color:var(--muted);min-height:18px;margin:0 0 12px}.checkout-success-mark,.checkout-closed-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:27px;margin:8px auto 16px;background:#e5f6ee;color:#1d7954}.dark .checkout-success-mark{background:#183d30;color:#8de3b6}.checkout-closed-mark{background:var(--canvas);color:var(--muted)}.checkout-paid-amount{font-size:15px;color:var(--muted)}.checkout-codes-title{font-size:14px;margin:32px 0 14px;text-align:left}.checkout-codes{display:grid;gap:12px}.checkout-code-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:14px 0;min-width:0}.checkout-code-row code{flex:1;min-width:0;font-size:16px;line-height:1.6;text-align:left;overflow-wrap:anywhere;user-select:all}.checkout-code-row button{flex-shrink:0}.checkout-fulfillment-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.checkout-fulfillment-actions .submit-btn,.checkout-reorder{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:12px 28px;border-radius:6px;margin:0;text-decoration:none;font-size:13px}.checkout-return{font-size:12px;color:var(--blue);text-decoration:none}.checkout-closed-note{font-size:14px;color:var(--muted);line-height:1.8}.checkout-reorder{margin:20px 0}.checkout-unlock{max-width:420px;margin:28px auto 60px}.checkout-unlock h1{font-size:24px;margin-bottom:12px}.checkout-unlock>p{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:24px}.checkout-unlock input,.checkout-unlock .submit-btn{border-radius:6px}.checkout-loading{text-align:center;color:var(--muted);font-size:14px;padding:80px 0}.checkout-retry{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0 32px}.checkout-page footer{border-top:1px solid var(--line);max-width:960px}.checkout-page :is(button,a,input):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:720px){.checkout-shell{padding:0 20px}.checkout-page .site-header{padding:0 20px;gap:12px}.checkout-nav{gap:12px}.checkout-nav button{padding:8px;font-size:11px}.checkout-nav a{font-size:12px}.checkout-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:4px}.checkout-top{padding:20px 0}.checkout-main h1{font-size:22px;margin-bottom:14px}.checkout-amount>strong{font-size:36px}.checkout-qr-frame{width:280px}.checkout-mobile-note{display:block;font-size:12px;line-height:1.7;color:var(--muted);max-width:310px;margin:12px auto}.checkout-summary{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.checkout-summary h2{margin-bottom:14px}.checkout-summary h3{margin-bottom:14px}.checkout-summary dl>div{margin:14px 0}.detail-layout>.detail-art{aspect-ratio:4/3;max-height:260px}.checkout-page .brand{font-size:16px;gap:8px}.checkout-page .brand-mark{width:30px;height:30px}.checkout-code-row code{font-size:14px}}
@media(max-width:360px){.checkout-shell,.checkout-page .site-header{padding-left:14px;padding-right:14px}.checkout-nav button{max-width:48px;line-height:1.4}.checkout-main h1{font-size:20px}.checkout-exact{font-size:12px}}