.typex-purchase{margin-top:28px;padding:24px;background:#fff;color:#10213d;border-radius:12px;scroll-margin-top:20px}
.typex-purchase h2{margin:0 0 16px;font-size:24px;line-height:1.4}
.typex-purchase p{max-width:70ch;margin:12px 0;line-height:1.7;font-size:16px;overflow-wrap:anywhere}
.typex-purchase label{display:block;margin:20px 0 12px;font-size:16px;font-weight:600}
.typex-purchase select{display:block;margin-top:8px;max-width:100%;width:360px;min-height:44px;padding:8px 12px;border:1px solid #c9d5eb;border-radius:6px;background:#fff;color:inherit;font:inherit}
.typex-purchase-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.typex-purchase button,.typex-purchase-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #c9d5eb;border-radius:6px;background:#fff;color:inherit;font:600 16px/1.5 system-ui,sans-serif;text-decoration:none;cursor:pointer}
.typex-purchase [data-purchase-create]{background:#5145cc;border-color:#5145cc;color:#fff}
.typex-purchase button:disabled{background:#edf1f7;border-color:#c9d5eb;color:#465978;cursor:default}
.typex-purchase :is(button,a,select):focus-visible{outline:3px solid #5145cc;outline-offset:3px}
.typex-purchase img{display:block;width:240px;max-width:100%;height:auto;margin:20px 0}
.typex-purchase [hidden]{display:none}
.typex-purchase .typex-purchase-code{display:flex;align-items:center;justify-content:center;background:#fff;color:#10213d;width:280px;max-width:100%;min-height:280px;margin:24px auto 12px;padding:16px;border:1px solid #c9d5eb;border-radius:12px}
.typex-purchase .typex-purchase-code img{margin:0;width:240px;height:240px;object-fit:contain}
.typex-purchase [data-purchase-status]{text-align:center;min-height:27px}
.typex-purchase-mobile-help{display:none;padding:12px 14px;border-radius:8px;background:#f3f5fb;color:#52647e;font-size:14px;line-height:1.55;text-align:center}
.typex-purchase .typex-agreement-body{white-space:pre-wrap;max-width:70ch;font-weight:400}.typex-purchase [data-purchase-document]{margin:24px 0;padding-block:16px;border-block:1px solid #c9d5eb}.typex-purchase [data-purchase-document] h3{font-size:20px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}
@media(max-width:600px){.typex-purchase{padding:18px}.typex-purchase-actions{align-items:stretch;flex-direction:column}.typex-purchase button,.typex-purchase-actions a{justify-content:center}}
@media(max-width:700px){.typex-purchase-mobile-help{display:block}}