.sc-dialog { width:min(780px,calc(100vw - 32px)); max-width:780px; max-height:calc(100dvh - 32px); padding:28px; border:0; border-radius:8px; color:#35445c; box-shadow:0 20px 70px #15284540; }
.sc-dialog *, .sc-dialog *::before, .sc-dialog *::after { box-sizing:border-box; letter-spacing:0; }
.sc-dialog::backdrop { background:#17223866; }
.sc-dialog form > header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.sc-dialog form > header h2 { margin:5px 0 8px; font-size:20px; color:#26364d; }
.sc-dialog form > header p, .sc-dialog .order-detail-meta { font-size:12px; color:#8a97ab; }
.sc-dialog .icon-button { width:32px; height:32px; padding:0; border:0; background:#f4f6fa; font-size:24px; color:#65748a; cursor:pointer; }
.sc-dialog .subsite-order-content { display:grid; gap:20px; }
.sc-order { display:flex; justify-content:space-between; gap:24px; padding:20px; background:#f6f9ff; border-radius:4px; }
.sc-order > div { min-width:0; }
.sc-order span { font-size:12px; color:#8895aa; }
.sc-order h3 { margin:6px 0; font-size:18px; color:#304260; overflow-wrap:anywhere; }
.sc-order p { margin:0; font-size:13px; color:#76859c; overflow-wrap:anywhere; }
.sc-order-price { display:flex; flex-direction:column; align-items:flex-end; gap:8px; flex-shrink:0; }
.sc-order-price strong { color:#f17842; font-size:24px; font-variant-numeric:tabular-nums; }
.sc-methods { min-width:0; padding:0; margin:0; border:0; }
.sc-methods legend { margin-bottom:14px; padding:0; font-size:14px; font-weight:600; }
.sc-methods > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sc-dialog .sc-method { position:relative; display:flex; align-items:center; gap:12px; min-width:0; min-height:82px; padding:14px; border:1px solid #dfe5ed; border-radius:6px; cursor:pointer; overflow:hidden; }
.sc-method input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.sc-method:has(:checked) { border-color:#3981f5; background:#f8fbff; box-shadow:inset 0 0 0 1px #3981f5; }
.sc-method:has(:focus-visible) { outline:2px solid #3478f6; outline-offset:3px; }
.sc-method.is-disabled { opacity:.5; cursor:not-allowed; }
.sc-method input:disabled { cursor:not-allowed; }
.sc-method > span { pointer-events:none; min-width:0; }
.sc-method strong { display:block; margin-bottom:6px; font-size:14px; color:#35445b; overflow-wrap:anywhere; }
.sc-method small { font-size:12px; line-height:1.5; color:#8895a7; }
.sc-method-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:8px; flex:none; color:#fff; }
.sc-method-icon.orange { background:#ff875d; }
.sc-method-icon.green { background:#24bc76; }
.sc-method-icon.blue { background:#438cf8; }
.sc-method-icon svg { width:25px; height:25px; }
.sc-check { display:none; position:absolute; bottom:4px; right:4px; color:#3478f6; }
.sc-check svg { width:15px; height:15px; }
.sc-method:has(:checked) .sc-check { display:block; }
.sc-dialog .sc-warning { margin:0; padding:12px 14px; border-left:3px solid #edb04a; background:#fff9ec; color:#9c6b1f; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.sc-dialog .sc-muted { margin:0; font-size:12px; line-height:1.7; color:#8b99ac; }
.sc-success { display:flex; align-items:center; gap:10px; padding:16px; color:#288660; background:#edf9f3; font-size:14px; line-height:1.6; }
.sc-success svg { width:22px; height:22px; flex:none; }
.sc-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:12px; }
.sc-dialog .sc-actions button, .sc-checkout-link { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:44px; margin:0; padding:10px 20px; border:1px solid #dfe5ed; border-radius:4px; font:inherit; font-size:14px; cursor:pointer; }
.sc-dialog .sc-actions .primary-action, .sc-checkout-link { background:#2878f7; border-color:#2878f7; color:#fff; text-decoration:none; }
.sc-actions svg, .sc-checkout-link svg { width:16px; height:16px; }
.sc-actions button:disabled { opacity:.5; cursor:not-allowed; }
.sc-dialog form > footer { display:none; }
@media(max-width:600px) {
  .sc-dialog { width:calc(100vw - 24px); padding:20px 16px; }
  .sc-methods > div { grid-template-columns:minmax(0,1fr); gap:10px; }
  .sc-dialog .sc-method { min-height:74px; }
  .sc-order { flex-direction:column; gap:16px; padding:16px; }
  .sc-order-price { flex-direction:row; align-items:center; justify-content:space-between; }
  .sc-actions { display:grid; grid-template-columns:minmax(0,1fr); }
}