:root{--oxy-purple:#c46ede;--oxy-warning:#d97706;--oxy-danger:#dc2626;--bg:#fff;--bg-elevated:#f7f7fb;--text:#17181c;--text-muted:#5c5f6a;--border:#d9d9e3;--focus:#1f6feb}@media (prefers-color-scheme:dark){:root{--bg:#121215;--bg-elevated:#1b1b20;--text:#f2f2f5;--text-muted:#a3a5b0;--border:#34343c}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}input,select{border:1px solid var(--border);border-radius:var(--radius,8px);background:var(--bg);width:100%;min-height:42px;color:var(--text);font:inherit;padding:8px 10px;font-size:15px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--primary)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--oxy-danger)}input[readonly]{background:var(--bg-elevated);color:var(--text-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--peable-color-primary,var(--focus));outline-offset:2px}.checkout-page{justify-content:center;min-height:100vh;padding:16px;display:flex}.checkout-page__pending{color:var(--text-muted);text-align:center;margin-top:48px;font-size:15px}.checkout-shell{--radius:var(--peable-border-radius,8px);--space:var(--peable-spacing-unit,4px);--primary:var(--peable-color-primary,var(--oxy-purple));gap:calc(var(--space)*5);width:100%;max-width:960px;font-family:var(--peable-font-family,inherit);flex-direction:column;display:flex}.checkout-shell--embedded{max-width:none;padding:0}.embed-root{padding:8px}.back-link{color:var(--text-muted);align-self:flex-start;font-size:14px;text-decoration:none}.back-link:hover{color:var(--text);text-decoration:underline}.brand-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-header__identity{align-items:center;gap:10px;display:flex}.brand-header__icon{border-radius:min(var(--radius),50%);object-fit:cover;width:36px;height:36px}.brand-header__logo{object-fit:contain;max-width:220px;max-height:40px}.brand-header__name{font-size:16px;font-weight:600}.brand-header__badge{background:color-mix(in srgb,var(--oxy-warning)18%,transparent);color:var(--oxy-warning);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.checkout-columns{gap:calc(var(--space)*6);display:grid}@media (width>=840px){.checkout-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.checkout-columns__summary{position:sticky;top:16px}}.section-heading{margin:0 0 calc(var(--space)*3);font-size:15px;font-weight:600}.checkout-footer{color:var(--text-muted);text-align:center;font-size:12px}.order-summary{padding:calc(var(--space)*4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.line-items{gap:calc(var(--space)*3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.line-item{grid-template-columns:auto 1fr auto;align-items:start;gap:12px;display:grid}.line-item__image{border-radius:min(var(--radius),12px);object-fit:cover;width:44px;height:44px}.line-item__body{grid-column:2}.line-item__name{margin:0;font-size:14px;font-weight:600}.line-item__unit,.line-item__qty{color:var(--text-muted);margin:2px 0 0;font-size:13px}.line-item__amount{white-space:nowrap;grid-column:3;margin:0;font-size:14px;font-weight:600}.quantity{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.quantity__step{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:32px;height:32px;color:var(--text);cursor:pointer;font-size:16px}.quantity__step:disabled{opacity:.4;cursor:not-allowed}.quantity__input{text-align:center;width:64px}.promo{margin-top:calc(var(--space)*4);flex-direction:column;gap:6px;font-size:14px;display:flex}.promo--applied{flex-direction:row;align-items:center;gap:12px}.promo__code{background:color-mix(in srgb,var(--primary)14%,transparent);border-radius:999px;padding:2px 8px;font-weight:600}.promo__row{gap:8px;display:flex}.promo__row input{flex:1}.totals{margin:calc(var(--space)*4)0 0;padding-top:calc(var(--space)*3);border-top:1px solid var(--border);flex-direction:column;gap:6px;font-size:14px;display:flex}.totals__row{justify-content:space-between;gap:12px;display:flex}.totals__row dt,.totals__row dd{margin:0}.totals__row--total{font-size:17px;font-weight:700}.checkout-form,.details,.details__section,.address{gap:calc(var(--space)*3);flex-direction:column;display:flex}.details__section{border:0;margin:0;padding:0}.details__row,.address__row{gap:calc(var(--space)*3);grid-template-columns:1fr;display:grid}@media (width>=480px){.details__row,.address__row{grid-template-columns:1fr 1fr}}.field{flex-direction:column;gap:4px;font-size:14px;display:flex}.field label{font-weight:500}.field__optional{color:var(--text-muted);font-weight:400}.field--checkbox{flex-flow:wrap;align-items:center;gap:8px}.field__error,.checkout-error{color:var(--oxy-danger);margin:0;font-size:13px}.field--checkbox .field__error{flex-basis:100%}.checkout-error{border-radius:var(--radius,8px);background:color-mix(in srgb,var(--oxy-danger)10%,transparent);padding:10px 12px}.checkout-hint{color:var(--text-muted);margin:0;font-size:13px}.checkout-button{border-radius:var(--radius,12px);background:var(--primary,var(--oxy-purple));color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;border:none;padding:12px 20px;font-size:16px;font-weight:600}.checkout-button:hover:not(:disabled){filter:brightness(1.08)}.checkout-button:disabled{opacity:.6;cursor:progress}.secondary-button{border:1px solid var(--border);border-radius:var(--radius,8px);background:var(--bg);min-height:42px;color:var(--text);font:inherit;cursor:pointer;padding:8px 14px;font-weight:600}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.link-button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.checkout-result{padding:calc(var(--space)*8)calc(var(--space)*5);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);text-align:center}.checkout-result__title{margin:0 0 8px;font-size:22px}.checkout-result__message{white-space:pre-line}.contribution__purpose{margin:0;font-size:16px}.contribution__amount{margin:0;font-size:32px;font-weight:700}.checkout-view{flex-direction:column;gap:20px;width:100%;display:flex}.billing-quote p{margin:0 0 4px;font-size:14px}.pay-with-peable{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.pay-with-peable__amount{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700}.pay-with-peable__button{border-radius:var(--radius,12px);background:var(--primary,var(--oxy-purple));color:#fff;cursor:pointer;border:none;width:100%;min-height:48px;padding:12px 20px;font-size:16px;font-weight:600}.pay-with-peable__qr{flex-direction:column;align-items:center;gap:10px;display:flex}.qr{background:#fff;border-radius:12px;padding:12px;line-height:0}.pay-with-peable__hint{color:var(--text-muted);margin:0;font-size:13px}.display-currency{text-align:center;font-size:13px}.status-panel{border-radius:var(--radius,16px);background:var(--bg-elevated);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;padding:28px 20px;display:flex}.status-panel__spinner{border:3px solid var(--border);border-top-color:var(--primary,var(--oxy-purple));border-radius:50%;width:28px;height:28px;animation:.8s linear infinite status-panel-spin}@media (prefers-reduced-motion:reduce){.status-panel__spinner{animation-duration:3s}}@keyframes status-panel-spin{to{transform:rotate(360deg)}}.status-panel__icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:flex}.status-panel--primary .status-panel__icon{background:var(--primary,var(--oxy-purple))}.status-panel--warning .status-panel__icon{background:var(--oxy-warning)}.status-panel--danger .status-panel__icon{background:var(--oxy-danger)}.status-panel__title{margin:4px 0 0;font-size:16px;font-weight:600}.status-panel__subtitle{color:var(--text-muted);margin:0;font-size:13px}.card-payment{flex-direction:column;gap:14px;display:flex}.card-payment__fields{min-height:180px}.card-payment__wallets{flex-direction:column;gap:14px;display:flex}.card-payment__wallets[hidden],.card-payment__fields[hidden]{display:none}.card-payment__divider,.card-payment__hint{color:var(--text-muted);text-align:center;margin:0;font-size:13px}.card-payment__error{border-radius:var(--radius,10px);background:color-mix(in srgb,var(--oxy-danger)12%,transparent);color:var(--oxy-danger);margin:0;padding:10px 12px;font-size:13px}
