/* Web Bakery Payments — order confirmation. Self-contained, scoped to .wb-oc. */
.wb-oc{--wb-bg:#0a0e1a;--wb-card:#111726;--wb-line:#1e2942;--wb-fg:#eef2fb;--wb-mut:#93a0bd;--wb-brand:#497ee9;--wb-brand-2:#6c9bff;--wb-ok:#2ecl;--wb-ok:#28c76f;--wb-warn:#f2b53c;--wb-bad:#f0616d;background:var(--wb-bg);color:var(--wb-fg);padding:calc(var(--header-height,72px) + 48px) 20px 72px;font-family:inherit;min-height:70vh}
.wb-oc *{box-sizing:border-box}
.wb-oc__wrap{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.wb-oc__card{background:var(--wb-card);border:1px solid var(--wb-line);border-radius:20px;padding:28px}
@media(min-width:768px){.wb-oc__card{padding:36px}}
.wb-oc__card--center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.wb-oc__hero{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 50% -20%,rgba(73,126,233,.22),transparent 60%),var(--wb-card)}
.wb-oc__hero--paid{background:radial-gradient(120% 140% at 50% -20%,rgba(40,199,111,.20),transparent 60%),var(--wb-card)}
.wb-oc__hero--failed{background:radial-gradient(120% 140% at 50% -20%,rgba(240,97,109,.18),transparent 60%),var(--wb-card)}
.wb-oc__badge{width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;margin:0 auto 6px;color:#fff;background:var(--wb-brand)}
.wb-oc__badge--paid{background:var(--wb-ok)}
.wb-oc__badge--failed{background:var(--wb-bad)}
.wb-oc__badge--processing,.wb-oc__badge--unknown{background:var(--wb-brand);animation:wbpulse 1.4s ease-in-out infinite}
@keyframes wbpulse{0%,100%{opacity:1}50%{opacity:.45}}
.wb-oc__title{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;margin:.2em 0 0;text-align:center;line-height:1.15}
.wb-oc__lead{color:var(--wb-mut);text-align:center;max-width:52ch;margin:.4em auto 0;line-height:1.5}
.wb-oc__facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--wb-line);border:1px solid var(--wb-line);border-radius:16px;overflow:hidden;margin:26px 0 6px}
@media(min-width:680px){.wb-oc__facts{grid-template-columns:repeat(4,1fr)}}
.wb-oc__fact{background:var(--wb-card);padding:16px 18px}
.wb-oc__fact--wide{grid-column:1/-1}
.wb-oc__fact dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--wb-mut);margin-bottom:6px}
.wb-oc__fact dd{margin:0;font-size:18px;font-weight:700;word-break:break-word}
.wb-oc__per{font-size:12px;font-weight:600;color:var(--wb-mut)}
.wb-oc__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:22px}
.wb-oc__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:999px;background:var(--wb-brand);color:#fff;font-weight:700;text-decoration:none;border:1px solid transparent;transition:filter .15s,background .15s}
.wb-oc__btn:hover{filter:brightness(1.08)}
.wb-oc__btn--ghost{background:transparent;border-color:var(--wb-line);color:var(--wb-fg)}
.wb-oc__btn--ghost:hover{background:rgba(255,255,255,.05)}
.wb-oc__grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:768px){.wb-oc__grid{grid-template-columns:1fr 1fr}}
.wb-oc__h2{font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--wb-mut);margin:0 0 16px;font-weight:700}
.wb-oc__row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--wb-line);font-size:15px}
.wb-oc__row:first-of-type{border-top:0}
.wb-oc__row--head{font-weight:700;font-size:16px}
.wb-oc__row span:last-child{text-align:right;white-space:nowrap;color:var(--wb-fg)}
.wb-oc__sub{margin:14px 0 2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--wb-mut)}
.wb-oc__swatches{display:inline-flex;gap:6px}
.wb-oc__swatches i{width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.25);display:inline-block}
.wb-oc__next .wb-oc__steps{margin:0;padding-left:1.1em;color:var(--wb-fg);line-height:1.6}
.wb-oc__next .wb-oc__steps li{margin:8px 0}
.wb-oc__next strong{color:var(--wb-brand-2)}