.mg-storefront .support-chat-panel .support-chat-title span::before{background:#b98ae7;box-shadow:none;animation:none}
.support-chat-panel [hidden]{display:none!important}
.mg-storefront .support-chat-panel .support-chat-kicker{color:#c59eea}
.mg-storefront .support-chat-panel .support-chat-title strong{font-size:13px;line-height:1.4}
.mg-storefront .support-chat-panel .support-chat-start span{color:#fff!important;font-size:13px}.mg-storefront .support-chat-panel .support-chat-start b{color:#fff!important}
.mg-storefront .support-chat-panel .support-chat-status{background:#a173ce0f;border-color:#a173ce26}.mg-storefront .support-chat-panel .support-chat-status strong{color:#ded0ee}.mg-storefront .support-chat-panel .support-chat-status small{color:#a492b5}
.mg-storefront .support-chat-panel .support-chat-compose[hidden]{display:none}
.preview-chat-demo-mark{display:grid;place-items:center;width:40px;height:48px;color:#a590bd;font:700 9px Arial,sans-serif;letter-spacing:.05em}
.mg-storefront .support-chat-panel{height:min(650px,calc(100dvh - 115px));box-shadow:0 24px 70px #0009;border-color:#ac7cda60}
.mg-storefront .support-chat-panel.is-landing{height:auto;max-height:calc(100dvh - 115px)}
.demo-safety-label{color:#b49bc8;font:11px/1.6 Arial,sans-serif;letter-spacing:.06em}
.demo-controls{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:20px 0}
.demo-controls button{padding:10px 16px;min-height:42px;border:1px solid #ac7ed640;background:#100c18;color:#d9c9e7;border-radius:11px;font:700 15px Rajdhani,sans-serif;cursor:pointer}
.demo-controls button:hover,.demo-controls button[aria-pressed=true]{background:#b582df1c;border-color:#c292eb80;color:#fff}.demo-controls button:focus-visible{outline:2px solid #ce9ff1;outline-offset:3px}
.mg-storefront .support-demo-page .page-hero{max-width:760px;padding-block:90px!important;text-align:left}.support-demo-page .mg-kicker{justify-content:flex-start}.support-demo-page h1{font-size:clamp(32px,5vw,58px)!important;line-height:1.2!important}.support-demo-page .lead{font-size:19px}.support-demo-page .demo-controls{justify-content:flex-start}
.mg-storefront .success-wrap-v2{display:block!important;padding:32px 22px 44px;min-height:0}
.demo-payment-controls{max-width:900px;margin:0 auto 22px;text-align:center}.demo-payment-controls .demo-controls{margin:12px 0 0}
.mg-storefront .success-card-v2{margin:0 auto;box-shadow:0 24px 65px #0005}.mg-storefront .success-card-v2::after{display:none}.mg-storefront .success-title span{background-image:linear-gradient(110deg,#dfc0fa,#aa6bdc)!important}
.mg-storefront .success-card-v2[data-payment-state=crypto] .success-confirm{color:#e6c484}.mg-storefront .success-card-v2[data-payment-state=crypto] .success-dot{background:#e6c484;box-shadow:none;animation:none}
.preview-order-summary{display:grid;grid-template-columns:1.4fr .6fr 1fr 1.2fr;gap:14px;margin:25px 0 20px;padding:19px;border:1px solid #ffffff10;border-radius:16px;background:#08060d70}.preview-order-summary div{min-width:0}.preview-order-summary dt{font-size:12px;color:#9786a7;margin-bottom:5px}.preview-order-summary dd{margin:0;color:#e9dff1;font-size:16px;font-weight:700;overflow-wrap:anywhere}
@media(max-width:700px){.preview-order-summary{grid-template-columns:1fr 1fr;gap:16px;padding:15px}.mg-storefront .success-wrap-v2{padding:22px 12px 30px}.demo-controls{gap:6px}.demo-controls button{padding:9px 12px;font-size:14px}.mg-storefront .support-demo-page .page-hero{padding-block:48px!important}.mg-storefront .support-chat-panel{right:8px;width:calc(100vw - 16px);max-width:420px;height:min(720px,calc(100dvh - 100px));bottom:76px}.mg-storefront .support-chat-panel.is-landing{max-height:calc(100dvh - 100px)}}
@media(min-width:981px){.mg-storefront .support-demo-page>.page-hero{max-width:calc(100% - 460px)!important;width:auto!important;margin:0!important;padding:72px 22px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left}.mg-storefront .support-demo-page .page-hero h1{font-size:44px!important}.mg-storefront .support-demo-page .page-hero .lead{margin:20px 0 0!important;text-align:left;max-width:520px}.mg-storefront .support-demo-page .demo-controls{max-width:500px}}

/* Simple online status; the preview label remains in the surrounding demo. */
.mg-storefront .support-chat-panel .support-chat-title span{color:#e8fff1;font-weight:600;gap:8px}
.mg-storefront .support-chat-panel .support-chat-title span::before{width:7px;height:7px;flex:0 0 7px;background:#37df89;box-shadow:0 0 0 0 #37df893d;animation:previewOnlinePulse 2.4s ease-out infinite}
@keyframes previewOnlinePulse{0%{box-shadow:0 0 0 0 #37df894d}70%,100%{box-shadow:0 0 0 7px #37df8900}}

/* A clearer receipt hierarchy and quieter progress indicators. */
.mg-storefront .success-wrap-v2{padding-top:26px;padding-bottom:54px}
.mg-storefront .success-card-v2{width:min(960px,100%);border-radius:26px;border-color:#b189d539;background:radial-gradient(ellipse at 8% 0,#8450b91c,transparent 48%),linear-gradient(145deg,#110d1c,#09080f);box-shadow:0 24px 75px #0005}
.mg-storefront .success-card-v2::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#d6adf885,transparent)}
.mg-storefront .success-card-v2 .success-inner{padding:34px 36px 30px}
.mg-storefront .success-v2-head{grid-template-columns:66px minmax(0,1fr);gap:21px;align-items:center}
.mg-storefront .success-v2-brand{width:64px;height:64px}.mg-storefront .success-v2-brand img{border-radius:20px;box-shadow:0 8px 25px #0004}
.mg-storefront .success-card-v2 .success-title{font-size:clamp(30px,3.4vw,46px);line-height:1.15;letter-spacing:-.025em;margin:13px 0 10px}
.mg-storefront .success-card-v2 .success-lead{font-size:17px;line-height:1.65;color:#d7ccdf;max-width:700px}
.mg-storefront .success-card-v2 .success-confirm{width:fit-content;padding:6px 10px;border:1px solid #51d89830;border-radius:999px;background:#2bc47f0b;color:#b7f2d3;letter-spacing:.1em;font:700 10px/1.4 Arial,sans-serif;gap:7px}
.mg-storefront .success-card-v2 .success-dot{position:relative;width:14px;height:14px;background:#43d8951c;box-shadow:none;animation:none}
.mg-storefront .success-card-v2 .success-dot::after{content:"";position:absolute;width:3px;height:6px;left:5px;top:3px;transform:rotate(45deg);border:solid #9af0c3;border-width:0 1.5px 1.5px 0}
.mg-storefront .success-card-v2[data-payment-state=crypto] .success-confirm{border-color:#dcb56d40;background:#dcb56d0a;color:#e6c484}
.mg-storefront .success-card-v2[data-payment-state=crypto] .success-dot{background:transparent;border:1px solid #e6c48490}
.mg-storefront .success-card-v2[data-payment-state=crypto] .success-dot::after{left:5px;top:2px;width:3px;height:5px;border:solid #e6c484;border-width:0 0 1px 1px;transform:none}
.mg-storefront .preview-order-summary{margin:26px 0 20px;padding:20px;background:#0504094d;border-color:#ffffff0e;gap:18px;grid-template-columns:1.35fr .65fr 1fr 1.25fr}
.mg-storefront .preview-order-summary dt{color:#c5b6d1;font-size:12px;letter-spacing:.015em;margin-bottom:7px}
.mg-storefront .preview-order-summary dd{font-size:16px;line-height:1.4;color:#f3eaf9}.mg-storefront .preview-order-summary div:nth-child(2) dd{font-size:20px;line-height:1.12;font-variant-numeric:tabular-nums}
.mg-storefront .success-v2-status{gap:8px;border:0;border-radius:0;background:transparent;margin:0 0 14px;overflow:visible}
.mg-storefront .success-v2-status>span{border:1px solid #ffffff0e;border-radius:11px;background:#ffffff03;padding:12px 8px;color:#a99bb4;font-size:14px}
.mg-storefront .success-v2-status [data-state=complete]{color:#c8f0dc;background:#36c68c08;border-color:#52c89820}
.mg-storefront .success-v2-status b{width:23px;height:23px;margin-right:7px;font-size:12px;border-color:#ffffff1a}
.mg-storefront .success-v2-status [data-state=complete] b{color:#91e4b9;border-color:#57d99a38;background:#57d99a0c}
.mg-storefront .success-v2-status [data-state=active]{background:#ae72df0f;border-color:#bc82e94d;box-shadow:none;color:#f5eaff}
.mg-storefront .success-status-detail{padding:15px 17px;margin-bottom:0;background:#ffffff02;border-color:#b480d322;border-radius:12px}
.mg-storefront .success-status-detail strong{font-size:16px}.mg-storefront .success-status-detail span{color:#c4b6ce;font-size:14px;line-height:1.5;margin-top:3px}
.mg-storefront .success-status-refresh{font-size:13px;font-weight:600;background:transparent;color:#d7b7ed;border-color:#b385d430;min-height:36px;padding:8px 11px}
.mg-storefront .success-order-id{padding:14px 0 18px;margin-top:0;border:0;border-bottom:1px solid #ffffff0b;border-radius:0;background:transparent;font-size:14px}
.mg-storefront .success-order-id strong{color:#cbb8da;font-weight:600}.mg-storefront .success-order-id>span{color:#f2e6fa;font-size:14px;margin-left:5px}.mg-storefront .success-order-id small{font-size:12px;line-height:1.5;color:#baabc7}
.mg-storefront .success-v2-next{padding-top:24px}.mg-storefront .success-v2-section-head{margin-bottom:16px}.mg-storefront .success-v2-section-head h2{font:700 21px/1.4 Rajdhani,sans-serif;letter-spacing:0}
.mg-storefront .success-v2-option{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:18px;border-radius:14px;background:#ffffff02;border-color:#ffffff10}
.mg-storefront .success-v2-option .success-v2-icon{width:36px;height:36px;border-radius:11px;font-size:17px;background:#a76bdb0e}
.mg-storefront .success-v2-option span{color:#c3a2d8;font-size:10px;letter-spacing:.06em}.mg-storefront .success-v2-option h3{font-size:18px;margin:5px 0 7px}.mg-storefront .success-v2-option p{font-size:15px;line-height:1.55;color:#c8bbd2}
.mg-storefront .success-v2-option.recommended{background:#8e54bf08;border-color:#b28acf30}.mg-storefront .success-v2-option.recommended span{color:#e0baf7}.mg-storefront .success-v2-option.recommended .success-v2-icon{background:#b28acf12}
.mg-storefront .success-v2-actions{gap:10px;margin-top:24px}.mg-storefront .success-v2-actions .btn{padding:13px 20px;font-size:16px;border-radius:11px;min-height:47px}
.mg-storefront .success-card-v2 .tiny-safe{font-size:12px;line-height:1.5;color:#c4b5d1;text-align:left;margin:18px 0 0}
@media(max-width:700px){.mg-storefront .success-card-v2 .success-inner{padding:25px 18px 24px}.mg-storefront .success-v2-head{grid-template-columns:1fr;gap:14px;text-align:left}.mg-storefront .success-v2-brand{width:54px;height:54px}.mg-storefront .success-card-v2 .success-title{font-size:32px;margin-top:12px}.mg-storefront .success-card-v2 .success-lead{font-size:16px}.mg-storefront .preview-order-summary{grid-template-columns:1fr 1fr;gap:18px 14px;padding:17px;margin:22px 0 18px}.mg-storefront .preview-order-summary dd{font-size:15px}.mg-storefront .success-v2-status{grid-template-columns:1fr 1fr;gap:7px}.mg-storefront .success-v2-status>span{text-align:left;font-size:13px;padding:11px 9px}.mg-storefront .success-v2-status b{display:inline-grid;margin:0 6px 0 0}.mg-storefront .success-status-detail{gap:12px}.mg-storefront .success-status-refresh{width:auto;align-self:flex-start}.mg-storefront .success-v2-option{padding:16px}.mg-storefront .success-v2-next{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.mg-storefront .support-chat-panel .support-chat-title span::before{animation:none;box-shadow:none}.mg-storefront .success-v2-option-button:hover{transform:none}}

.mg-storefront .success-card-v2[data-payment-state=closed] .success-confirm{color:#e6c484;border-color:#dcb56d40;background:#dcb56d0a}.mg-storefront .success-card-v2[data-payment-state=closed] .success-dot{background:transparent;border:1px solid #e6c48490}.mg-storefront .success-card-v2[data-payment-state=closed] .success-dot::after{border:0;width:2px;height:6px;left:5px;top:2px;background:#e6c484;transform:none}