.checkout-dialog { --co-ink:#482a24; --co-muted:#82776d; --co-line:#ded7cd; --co-paper:#faf7f0; --co-rust:#925536; width:min(1160px, calc(100vw - 64px)); max-width:none; max-height:92dvh; overflow-y:auto; border:0; border-radius:4px; padding:0; color:var(--co-ink); background:var(--co-paper); font-family:inherit; box-shadow:0 30px 100px #171b2352; overscroll-behavior:contain; }
.checkout-dialog::backdrop { background:#181c1766; backdrop-filter:blur(7px); }
.checkout-dialog * { box-sizing:border-box; }
.checkout-dialog button,.checkout-dialog input,.checkout-dialog a { font-family:inherit; }
.checkout-dialog button,.checkout-dialog a { -webkit-tap-highlight-color:transparent; }
.checkout-dialog button { cursor:pointer; }
.checkout-dialog a { color:inherit; }
.checkout-dialog :focus-visible { outline:2px solid var(--co-rust); outline-offset:4px; }
.checkout-dialog [hidden] { display:none!important; }
.checkout-header { display:flex; align-items:center; padding:25px 42px; border-bottom:1px solid var(--co-line); gap:24px; }
.checkout-brand { font-size:20px; letter-spacing:-1.1px; font-weight:750; text-decoration:none; line-height:1; }
.checkout-brand span { font-size:9px; vertical-align:top; margin-left:3px; letter-spacing:0; }
.checkout-header-label { margin-left:auto; color:var(--co-muted); font-size:11px; }
.checkout-close { display:grid; place-items:center; height:32px; width:32px; border:1px solid var(--co-line); border-radius:50%; background:transparent; color:var(--co-ink); font-size:25px; line-height:1; transition:background .2s; }
.checkout-close:hover { background:#e8e8e0; }
.checkout-intro { padding:38px 42px 30px; }
.checkout-eyebrow { font-size:9px; letter-spacing:1.5px; font-weight:700; margin:0 0 12px; color:var(--co-rust); line-height:1.5; }
.checkout-intro h2,.checkout-success h2 { font-size:42px; font-weight:500; letter-spacing:-1.8px; line-height:1.12; margin:0 0 12px; }
.checkout-intro>p:last-child { font-size:12px; color:var(--co-muted); margin:0; line-height:1.6; }
.checkout-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:52px; padding:0 42px 38px; }
.checkout-form-section { padding:0 0 28px; }
.checkout-form-section h3 { display:flex; align-items:center; gap:12px; font-size:13px; font-weight:650; letter-spacing:-.15px; margin:0 0 20px; }
.checkout-form-section h3>span { font-size:9px; font-weight:500; color:var(--co-muted); width:23px; height:23px; display:grid; place-items:center; border:1px solid var(--co-line); border-radius:50%; letter-spacing:0; }
.checkout-fields { display:grid; grid-template-columns:1fr 1fr; gap:17px 14px; }
.checkout-field { display:flex; flex-direction:column; gap:8px; min-width:0; }
.checkout-field-full { grid-column:1/-1; }
.checkout-field>span { font-size:10px; font-weight:600; }
.checkout-field input { width:100%; min-width:0; border:1px solid var(--co-line); border-radius:2px; padding:13px 12px; background:#fff9; color:var(--co-ink); font-size:11px; height:43px; transition:border-color .2s,background .2s; }
.checkout-field input::placeholder { color:#92968c; }
.checkout-field input:focus { border-color:#777d70; background:#fff; outline:0; box-shadow:0 0 0 2px #777d7017; }
.checkout-payment-choice { padding:16px 14px; display:flex; align-items:center; gap:11px; border:1px solid #949c88; border-radius:2px; background:#e9ece33d; }
.checkout-payment-choice>span:last-child { margin-left:auto; font-size:19px; }
.checkout-radio { width:14px; height:14px; border-radius:50%; border:1px solid var(--co-ink); box-shadow:inset 0 0 0 3px var(--co-paper); background:var(--co-ink); }
.checkout-payment-choice strong { font-size:11px; font-weight:600; }
.checkout-payment-choice p { margin:5px 0 0; font-size:9px; color:var(--co-muted); }
.checkout-helper { font-size:10px; color:var(--co-muted); line-height:1.8; margin:12px 0 0; }
.checkout-primary { display:flex; align-items:center; justify-content:space-between; gap:28px; background:var(--co-ink); color:#fff!important; font-size:11px; font-weight:600; padding:17px 20px; border:1px solid var(--co-ink); border-radius:2px; text-decoration:none; transition:background .2s; }
.checkout-primary:hover { background:#694035; }
.checkout-primary>span { font-size:18px; font-weight:400; line-height:1; }
.checkout-save { width:100%; }
.checkout-submit-note { font-size:9px; color:var(--co-muted); line-height:1.8; text-align:center; margin:12px 12px 0; }
.checkout-form-error { font-size:11px; padding:12px 14px; margin:0 0 14px; border:1px solid #a64f3160; background:#a64f310a; color:#8d4229; line-height:1.7; }
.checkout-summary { border-left:1px solid var(--co-line); padding-left:34px; min-width:0; }
.checkout-summary-top { display:flex; align-items:center; justify-content:space-between; }
.checkout-summary-top h3 { margin:3px 0 0; font-size:14px; letter-spacing:-.3px; font-weight:600; }
.checkout-summary-top>span { font-size:10px; color:var(--co-muted); }
.checkout-items { list-style:none; margin:21px 0 0; padding:0; display:flex; flex-direction:column; gap:18px; }
.checkout-item { display:flex; align-items:center; gap:13px; min-width:0; }
.checkout-item-image { width:62px; height:71px; flex:none; background:#eee7dc; position:relative; display:grid; place-items:center; }
.checkout-item-image>img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.checkout-item-image>span:first-child { font-size:19px; font-weight:700; color:#a1a797; }
.checkout-item-quantity { position:absolute; right:-5px; top:-5px; display:grid; place-items:center; width:17px; height:17px; border-radius:50%; background:var(--co-ink); color:white; font-size:8px; }
.checkout-item-info { min-width:0; }
.checkout-item-info h4 { margin:0 0 6px; font-size:11px; font-weight:600; line-height:1.5; }
.checkout-item-info p { color:var(--co-muted); font-size:9px; line-height:1.5; margin:0; }
.checkout-item-price { font-size:11px; margin-left:auto; flex:none; font-variant-numeric:tabular-nums; }
.checkout-totals { margin:24px 0 28px; border-top:1px solid var(--co-line); padding-top:19px; }
.checkout-totals>div { display:flex; align-items:center; justify-content:space-between; font-size:10px; margin-bottom:12px; gap:12px; }
.checkout-totals dt { color:var(--co-muted); }
.checkout-totals dd { margin:0; text-align:right; font-variant-numeric:tabular-nums; }
.checkout-totals .checkout-total { margin:18px 0 0; padding-top:18px; border-top:1px solid var(--co-line); font-size:19px; font-weight:500; letter-spacing:-.5px; }
.checkout-total dt { font-size:12px; color:var(--co-ink); letter-spacing:0; }
.checkout-total dt span { color:var(--co-muted); font-size:9px; margin-left:7px; font-weight:400; }
.checkout-bank { padding:20px; background:#eee6da; border:1px solid #ded2c0; border-radius:2px; }
.checkout-section-heading { display:flex; align-items:center; gap:9px; }
.checkout-section-heading h3 { margin:0; font-size:12px; letter-spacing:-.2px; font-weight:600; }
.checkout-icon { font-size:17px; }
.checkout-bank-note { font-size:10px; color:#786c60; line-height:1.75; margin:11px 0 17px; }
.checkout-bank-list { display:flex; flex-direction:column; gap:12px; margin:0; }
.checkout-bank-list>div { display:grid; grid-template-columns:86px 1fr; gap:10px; font-size:9px; line-height:1.7; }
.checkout-bank-list dt { color:#82776d; }
.checkout-bank-list dd { margin:0; font-weight:500; overflow-wrap:anywhere; }
.checkout-bank-list .checkout-account { display:block; border-top:1px solid #d8cbb9; border-bottom:1px solid #d8cbb9; padding:12px 0; }
.checkout-account dd { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:7px; }
.checkout-account dd>span { font-size:18px; letter-spacing:.5px; font-weight:500; font-variant-numeric:tabular-nums; }
.checkout-copy { padding:7px 8px; border:1px solid #cdbda6; background:#f6f5f180; color:var(--co-ink); font-size:8px; white-space:nowrap; border-radius:2px; }
.checkout-copy:hover { background:var(--co-paper); }
.checkout-copy>span { font-size:11px; margin-left:4px; }
.checkout-copy-status { font-size:9px; color:#5f6d4e; line-height:1.7; margin:8px 0 0; }
.checkout-copy-status:empty { display:none; }
.checkout-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 42px; border-top:1px solid var(--co-line); color:var(--co-muted); font-size:8px; }
.checkout-footer a { text-decoration:none; }
.checkout-footer a:hover { text-decoration:underline; }
.checkout-empty { padding:0 42px 42px; max-width:480px; font-size:12px; line-height:1.8; }
.checkout-empty .checkout-primary { margin-top:22px; }
.checkout-success { padding:38px 60px 34px; max-width:960px; margin:auto; }
.checkout-success-mark { display:grid; place-items:center; width:43px; height:43px; border:1px solid #cdbda6; background:#eee6da; border-radius:50%; color:#626f50; font-size:19px; margin-bottom:24px; }
.checkout-success-lead { font-size:12px; color:var(--co-muted); line-height:1.8; max-width:500px; margin:0; }
.checkout-reference { margin:25px 0; display:flex; gap:9px; align-items:flex-start; flex-direction:column; padding:18px 20px; border:1px solid var(--co-line); }
.checkout-reference>span:first-child { font-size:8px; letter-spacing:1.2px; color:var(--co-muted); }
.checkout-reference strong { font-size:19px; font-weight:500; letter-spacing:.3px; }
.checkout-reference>span:last-child { color:var(--co-muted); font-size:10px; }
.checkout-next-steps { list-style:none; display:flex; flex-direction:column; gap:20px; padding:0; margin:0 0 25px; }
.checkout-next-steps li { display:flex; gap:15px; align-items:flex-start; }
.checkout-next-steps li>span { margin-top:2px; color:var(--co-rust); font-size:9px; flex:none; }
.checkout-next-steps h3 { font-size:12px; font-weight:600; margin:0 0 5px; }
.checkout-next-steps p { font-size:11px; color:var(--co-muted); line-height:1.8; margin:0; }
.checkout-success-actions { display:flex; gap:12px; }
.checkout-success-actions>* { flex:1; }
.checkout-secondary { display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid var(--co-line); background:transparent; padding:16px 20px; border-radius:2px; font-size:11px; color:var(--co-ink); }
.checkout-secondary:hover { background:#e9ebe3; }
.checkout-secondary>span { font-size:18px; }
.checkout-mail-note { font-size:9px; color:var(--co-muted); line-height:1.8; margin:12px 0 28px; }
.checkout-success-details { display:grid; grid-template-columns:1.2fr 1fr; gap:30px; align-items:start; }
.checkout-company { padding-top:6px; }
.checkout-company h3 { font-size:13px; font-weight:600; margin:0 0 14px; }
.checkout-company>p:not(.checkout-eyebrow) { font-size:10px; color:var(--co-muted); line-height:1.9; margin:0 0 14px; }
.checkout-company a { text-decoration:none; }
.checkout-company a:hover { text-decoration:underline; }
.checkout-back { font-size:10px; color:var(--co-ink); padding:0; margin:28px 0 0; border:0; background:none; }
@media(min-width:1200px) { .checkout-dialog { max-height:min(92dvh, 1080px); } }
@media(max-width:800px) { .checkout-dialog { width:calc(100vw - 30px); max-height:94dvh; } .checkout-header { padding:22px 26px; } .checkout-intro { padding:28px 26px; } .checkout-grid { gap:28px; padding:0 26px 30px; grid-template-columns:1.1fr 1fr; } .checkout-summary { padding-left:23px; } .checkout-bank { padding:14px; } .checkout-bank-list>div { grid-template-columns:1fr; gap:2px; } .checkout-bank-list { gap:9px; } .checkout-account dd { flex-wrap:wrap; gap:8px; } .checkout-footer { padding:19px 26px; } .checkout-success { padding:30px; } }
@media(max-width:620px) { .checkout-dialog { width:100vw; max-height:100dvh; height:100dvh; margin:0; border-radius:0; } .checkout-header { padding:21px 22px; position:sticky; top:0; background:var(--co-paper); z-index:2; } .checkout-header-label { display:none; } .checkout-close { margin-left:auto; } .checkout-intro { padding:30px 22px 27px; } .checkout-intro h2,.checkout-success h2 { font-size:36px; letter-spacing:-1.4px; } .checkout-grid { display:flex; flex-direction:column-reverse; gap:28px; padding:0 22px 30px; } .checkout-summary { border-left:0; padding:0 0 26px; border-bottom:1px solid var(--co-line); } .checkout-summary-top h3 { font-size:13px; } .checkout-items { gap:14px; margin-top:18px; } .checkout-item-image { width:54px; height:61px; } .checkout-item-info h4 { font-size:11px; } .checkout-totals { margin:20px 0; padding-top:17px; } .checkout-totals .checkout-total { margin-top:15px; padding-top:15px; } .checkout-bank { padding:18px; } .checkout-bank-list>div { grid-template-columns:90px 1fr; gap:10px; } .checkout-bank-list { gap:11px; } .checkout-account dd { flex-wrap:nowrap; } .checkout-bank-note { font-size:10px; } .checkout-fields { gap:16px 12px; } .checkout-field input { height:46px; font-size:16px; padding:12px; } .checkout-field>span { font-size:11px; } .checkout-helper { font-size:11px; } .checkout-form-section { padding-bottom:26px; } .checkout-primary,.checkout-secondary { padding:17px 18px; font-size:12px; } .checkout-submit-note { font-size:10px; } .checkout-footer { padding:20px 22px; flex-wrap:wrap; gap:9px 20px; font-size:8px; } .checkout-footer>a { flex-basis:100%; margin-top:5px; } .checkout-success { padding:30px 22px; } .checkout-success-lead { font-size:12px; } .checkout-success-actions { flex-direction:column; gap:10px; } .checkout-success-details { grid-template-columns:1fr; gap:26px; } .checkout-company { padding:0; } .checkout-company>p:not(.checkout-eyebrow) { font-size:11px; } .checkout-mail-note { font-size:10px; } .checkout-empty { padding:0 22px 30px; } }
@media(prefers-reduced-motion:reduce) { .checkout-dialog *, .checkout-dialog *::before, .checkout-dialog *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
.checkout-item-image>img{padding:3px}

.checkout-intro h2,.checkout-success h2{font-family:var(--serif);font-weight:400}.checkout-brand{font-family:var(--serif);letter-spacing:2px;font-weight:400}.checkout-brand span{font-family:var(--sans);font-size:7px;letter-spacing:1px;vertical-align:middle;margin-left:8px}.checkout-company h3,.checkout-footer>span:first-child{overflow-wrap:anywhere}.checkout-header-label{font-size:10px}