:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}.checkout{min-height:100dvh;display:flex;flex-direction:column}.checkout-header{height:64px;background:#fff;border-bottom:1px solid #e5e7eb}.header-inner,.footer-inner{max-width:1080px;height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.merchant{display:flex;align-items:center;gap:12px;min-width:0;font-size:18px;font-weight:600}.merchant>:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merchant-icon{flex:0 0 32px;height:32px;background:#155eef;color:#fff;border-radius:6px;display:grid;place-items:center;font-size:14px}.secure-badge{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 12px;border:1px solid #e5e7eb;border-radius:24px;background:#f9fafb;color:#067647;font-size:12px}.checkout-main{flex:1;width:100%;padding:40px 24px}.checkout-grid{width:100%;max-width:1080px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:48px}.payment-panel{min-width:0}h1{font-size:24px;font-weight:600;line-height:1.35;letter-spacing:-.4px;margin:0 0 28px}h2{margin:0;font-size:18px}p{line-height:1.6}label{display:block;font-size:14px;font-weight:600;color:#344054;margin-bottom:18px;min-width:0}input{width:100%;min-width:0;display:block;font-size:14px;color:#172033;background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:12px;min-height:46px;margin-top:7px}input:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #84adff;outline-offset:3px}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.payment-element{margin:8px 0 24px;min-width:0}.payment-element iframe{max-width:100%}button{width:100%;min-height:52px;background:#155eef;border:0;border-radius:6px;color:#fff;font-size:15px;font-weight:600;padding:12px 16px;cursor:pointer;margin:12px 0 18px}button:hover:not(:disabled){background:#104dcc}button:disabled{background:#e5e7eb;color:#667085;cursor:default}[role=alert]{color:#b42318;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.summary{padding:24px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;position:sticky;top:24px}.summary h2{font-size:12px;font-weight:700;color:#667085;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.summary-merchant{font-size:18px;font-weight:600;margin:0 0 4px;overflow-wrap:anywhere}.summary-amount{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 24px;overflow-wrap:anywhere}.summary-amount span{font-size:12px;font-weight:500;color:#667085;letter-spacing:0}.order-facts{margin:0;font-size:12px;background:#f9fafb;border-radius:6px;padding:16px}.order-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px}.order-facts>div:first-child{margin-top:0}.order-facts dt{color:#667085;flex-shrink:0}.order-facts dd{margin:0;text-align:right;font-weight:500;overflow-wrap:anywhere;min-width:0}.order-facts .order-total{padding-bottom:16px;border-bottom:1px solid #e5e7eb;font-size:14px;font-weight:600}.order-total dt,.order-total dd{color:#172033;font-weight:600}.order-facts time{color:#b54708;font-variant-numeric:tabular-nums}.summary-note{margin:20px 0 0;display:flex;align-items:center;gap:6px;color:#667085;font-size:12px}.mobile-summary{display:none}.state-panel{padding:44px 28px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;text-align:center;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.state-panel h1{margin:0 0 12px}.state-panel p{color:#667085;font-size:14px;max-width:390px;margin:0 0 16px}.state-panel p:last-child{margin-bottom:0}.state-icon{height:72px;width:72px;border-radius:50%;display:grid;place-items:center;margin-bottom:24px;background:#eff8ff;color:#155eef;font-size:36px;font-weight:500}.state-success .state-icon{color:#067647;background:#ecfdf3}.state-failure .state-icon,.state-canceled .state-icon{color:#b42318;background:#fef3f2}.state-expired .state-icon{color:#b54708;background:#fffbeb}.state-failure{margin-bottom:28px;min-height:320px}.state-failure [role=alert]{color:#b42318}.spinner{width:28px;height:28px;border:3px solid #c7d7fe;border-top-color:#155eef;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkout-result .checkout-grid{display:block;max-width:480px}.checkout-result .payment-panel{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:32px;box-shadow:0 1px 3px #1018280a}.checkout-result .state-panel{padding:0;min-height:0;border:0;margin-bottom:28px}.checkout-result .state-icon{width:64px;height:64px}.result-summary .summary-merchant{font-size:14px;text-align:center}.result-summary .summary-amount{text-align:center}.checkout-grid:has(>:only-child){grid-template-columns:minmax(0,640px);justify-content:center}footer{border-top:1px solid #e5e7eb;color:#98a2b3;font-size:12px;padding:28px 0}footer strong{color:#667085;margin-left:3px}.footer-inner>:last-child{display:inline-flex;align-items:center;gap:6px}@media (max-width: 900px){.checkout-grid{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.summary{padding:20px}}@media (max-width: 700px){.checkout-header{height:56px}.header-inner{padding:0 16px;gap:12px}.merchant{font-size:16px;gap:8px}.merchant-icon{flex-basis:28px;height:28px;font-size:12px}.secure-badge{padding:5px 8px;font-size:11px}.checkout-main{padding:24px 16px}.checkout-grid{display:block}.payment-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px 16px}h1{font-size:20px;margin-bottom:24px}label{font-size:13px}.field-row{gap:12px}.summary{display:none}.mobile-summary{display:block;background:#fff;border-bottom:1px solid #e5e7eb}.mobile-summary summary{min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;cursor:pointer;list-style:none}.mobile-summary summary::-webkit-details-marker{display:none}.mobile-summary summary>span:first-child{display:grid;gap:4px}.eyebrow{font-size:10px;color:#98a2b3;font-weight:700;letter-spacing:1px}.mobile-summary strong{font-size:20px}.summary-toggle{display:flex;align-items:center;gap:8px;color:#667085;font-size:12px}.summary-toggle>span{font-size:20px}.mobile-summary[open] .summary-toggle>span{transform:rotate(180deg)}.summary-body{padding:4px 16px 20px}.summary-body .summary-amount{display:none}.summary-body .summary-merchant{font-size:14px;margin-bottom:16px}.state-panel{min-height:380px;padding:28px 12px;border:0}.state-failure{min-height:300px}.state-icon{width:64px;height:64px}.checkout-result .payment-panel{padding:28px 20px}.checkout-result .state-panel{padding:0}.footer-inner{padding:0 16px;flex-direction:column;gap:12px;align-items:flex-start}footer{padding:24px 0 max(28px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}