.co{--co-card-a: #0b1a33;--co-card-b: #173a6b;--co-card-glow: rgba(77, 142, 232, .45);--co-card-ink: #eaf2ff;--co-card-ink-dim: rgba(214, 228, 248, .72);--co-frame-min: 450px;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);align-items:stretch;min-height:min(600px,var(--dlg-max-h, 600px))}.cm-card.is-wide[data-view=checkout]{width:min(960px,100%)}.co-summary{display:flex;flex-direction:column;gap:18px;padding:28px 26px 24px;border-right:1px solid var(--border);background:radial-gradient(120% 80% at 15% 0,var(--accent-dim, rgba(77, 142, 232, .13)),transparent 62%),var(--surface-2)}.co-top{display:flex;align-items:center;gap:9px}.co-summary-body{display:flex;flex-direction:column;gap:20px}.co-order-h{margin:0 0 8px;font:700 10px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.co-lines{margin:0;display:flex;flex-direction:column}.co-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px dashed var(--border);font-size:13px}.co-line dt{color:var(--text-muted);min-width:0}.co-line dd{margin:0;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.co-line.co-total{border-bottom:0;padding-top:11px}.co-line.co-total dt{color:var(--text);font-weight:700}.co-line.co-total dd{font-size:17px;font-weight:800}.co-fine{margin:auto 0 0;font-size:11.5px;line-height:1.55;color:var(--text-faint)}.co-vcard{width:100%;max-width:300px;aspect-ratio:1.586;perspective:900px;align-self:center}.co-vcard-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 700ms cubic-bezier(.3,.7,.2,1)}.co-vcard[data-face=back] .co-vcard-in{transform:rotateY(180deg)}.co-face{position:absolute;inset:0;border-radius:14px;padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between;color:var(--co-card-ink);background:radial-gradient(90% 120% at 100% 0,rgba(79,211,211,.30),transparent 55%),radial-gradient(70% 90% at 0 100%,rgba(77,142,232,.38),transparent 60%),linear-gradient(135deg,var(--co-card-a),var(--co-card-b));box-shadow:0 18px 40px -18px var(--co-card-glow),inset 0 0 0 1px rgba(255,255,255,.10);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.co-back{transform:rotateY(180deg)}.co-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.co-row img{width:22px;height:22px;border-radius:6px;display:block}.co-chip{width:30px;height:22px;border-radius:5px;background:linear-gradient(135deg,#f3d38a,#b98c3c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);position:relative}.co-chip::after{content:"";position:absolute;inset:5px 7px;border:1px solid rgba(60,40,10,.45);border-radius:3px}.co-vcard-name{font-size:17px;font-weight:700;letter-spacing:.01em}.co-vcard-name b{color:#9fd0ff;font-weight:800}.co-foot{font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--co-card-ink-dim)}.co-holder{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-term{color:#9fd0ff;flex:0 0 auto}.co-stripe{position:absolute;left:0;right:0;top:16%;height:20%;background:rgba(0,0,0,.55)}.co-back-row{position:absolute;left:8%;right:8%;bottom:14%;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--co-card-ink)}.co-back-row svg{width:16px;height:16px;flex:0 0 auto;color:#9fd0ff}.co-scan{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(159,208,255,.22) 50%,transparent 70%);transform:translateX(-100%)}@media(prefers-reduced-motion:no-preference){.co[data-stage=initializing] .co-vcard-in,.co[data-stage=open] .co-vcard-in{animation:coFloat 6s ease-in-out infinite}.co[data-stage=processing] .co-scan{animation:coScan 1.6s ease-in-out infinite}@keyframes coFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes coScan{to{transform:translateX(100%)}}}@media(prefers-reduced-motion:reduce){.co-vcard-in{transition:none}}.co-main{display:flex;flex-direction:column;gap:12px;padding:28px 28px 22px;min-width:0}.co-head{padding-inline-end:36px}.co-step{display:inline-flex;align-items:center;gap:7px;font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent, #4d8ee8)}.co-step::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.co[data-stage=processing] .co-step{color:var(--warning, #f0883e)}@media(prefers-reduced-motion:no-preference){.co[data-stage=processing] .co-step::before,.co[data-stage=initializing] .co-step::before{animation:coBlink 1.2s ease-in-out infinite}@keyframes coBlink{50%{opacity:.3}}}.co-head h3{margin:8px 0 4px;font-size:20px;font-weight:700;color:var(--text);line-height:1.25}.co-sub{margin:0;font-size:13px;line-height:1.55;color:var(--text-muted)}.co-main .cm-msg{margin:0}.co-main .cm-msg[data-kind=error],.co-main .cm-msg[data-kind=info]{padding:9px 11px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border)}.co-frame-wrap{position:relative;flex:1 0 auto}.co[data-stage=initializing] .co-frame-wrap{min-height:var(--co-frame-min)}.co-top-price{display:none}.cm-paddle-frame{position:relative;width:100%;min-width:0}.co[data-stage=initializing] .cm-paddle-frame{opacity:0}.cm-paddle-frame{transition:opacity 240ms ease}.co-skeleton{position:absolute;inset:0;display:none;align-content:start;gap:12px;padding:4px 0}.co[data-stage=initializing] .co-skeleton{display:grid}.co-skeleton i{display:block;height:44px;border-radius:9px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%}.co-skeleton i.is-wide{height:46px;margin-top:10px;background:var(--accent-dim, rgba(77, 142, 232, .18))}.co-spin{position:absolute;left:50%;top:150px;margin-left:-8px;border-color:var(--border-strong);border-top-color:var(--accent, #4d8ee8)}@media(prefers-reduced-motion:no-preference){.co-skeleton i{animation:coShimmer 1.4s linear infinite}@keyframes coShimmer{to{background-position:-200% 0}}}.co-assure{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px}.co-assure li{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-muted)}.co-assure svg{width:14px;height:14px;flex:0 0 auto;color:var(--accent, #4d8ee8)}@media(max-width:640px),(max-width:860px)and (min-height:521px){.cm-card.is-wide[data-view=checkout]{width:100%;max-width:560px}.co-vcard{width:176px;max-width:176px;flex:0 0 auto}.co-face{border-radius:10px}.co-vcard-name{font-size:13px}.co-foot{font-size:8.5px}.co-order{flex:1 1 auto;min-width:0}.co{grid-template-columns:minmax(0,1fr);min-height:0;--co-frame-min: 420px;--co-pad: 16px}.co-summary{display:contents}.co-top{position:sticky;top:0;z-index:4;min-height:60px;padding:8px 64px 8px var(--co-pad);background:var(--surface-2);border-bottom:1px solid var(--border)}.co-top .cm-brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-top-price{display:block;margin-inline-start:auto;flex:0 0 auto;font-size:17px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.cm-card[data-view=checkout] .cm-close{top:8px;right:8px;width:44px;height:44px}.co-summary-body,.co-fine{padding-inline:var(--co-pad);background:var(--surface-2)}.co-summary-body{flex-direction:row;align-items:center;gap:14px;padding-block:14px 10px;background:radial-gradient(120% 90% at 10% 0,var(--accent-dim, rgba(77, 142, 232, .13)),transparent 65%),var(--surface-2)}.co-fine{margin:0;padding-block:0 14px;border-bottom:1px solid var(--border)}.co-main{padding:16px var(--co-pad) 16px;gap:12px}.co-head{padding-inline-end:0}.co-frame-wrap{margin-inline:calc(-1 * var(--co-pad))}.co-skeleton{padding-inline:var(--co-pad)}}@media(max-width:640px){.cm-card.is-wide[data-view=checkout]{max-width:460px}.co{--co-pad: 14px}.co-top .cm-brand-badge{display:none}.co-top .cm-brand-mark{width:24px;height:24px}.co-vcard{width:120px;max-width:120px;flex:0 0 auto}.co-face{border-radius:8px;padding:8px 9px}.co-row img{width:14px;height:14px;border-radius:4px}.co-chip{width:18px;height:13px;border-radius:3px}.co-chip::after{inset:3px 4px;border-radius:2px}.co-vcard-name{font-size:10.5px;line-height:1.2}.co-foot{font-size:7px;letter-spacing:.08em}.co-back-row{font-size:8.5px;gap:4px}.co-back-row svg{width:10px;height:10px}.co-order{flex:1 1 auto;min-width:0}.co-order-h{margin-bottom:4px;font-size:9.5px}.co-line{font-size:12.5px;padding:5px 0}.co-line.co-total{padding-top:7px}.co-line.co-total dd{font-size:15px}.co-fine{font-size:11.5px;line-height:1.5}.co-main{padding-block:14px;gap:10px}.co-head h3{font-size:18px;margin-top:6px}.co-sub{font-size:12.5px}.co-assure{flex-direction:column;gap:6px}.co-assure li{font-size:12px}}@media(max-width:360px){.co{--co-pad: 12px}.co-top{padding-inline-end:60px}.co-vcard{width:112px;max-width:112px}.co-summary-body{gap:10px}.co-line{font-size:12px}}@media(min-width:641px)and (max-height:520px){.co{min-height:0;--co-frame-min: 300px}.co-summary{padding:16px 18px 14px;gap:10px}.co-summary-body{gap:10px}.co-vcard{max-width:150px}.co-face{border-radius:8px;padding:6% 7%}.co-vcard-name{font-size:11px}.co-foot{font-size:7px}.co-row img{width:14px;height:14px}.co-chip{width:18px;height:13px}.co-line{padding:4px 0;font-size:11.5px}.co-fine{display:none}.co-main{padding:16px 52px 14px 18px;gap:8px}.co-head h3{font-size:16px;margin:4px 0 2px}.co-sub{font-size:12px}}