.public-page-quickbuy {
  background:
    radial-gradient(circle at 8% 4%, color-mix(in srgb, var(--simh-primary) 13%, transparent), transparent 29rem),
    radial-gradient(circle at 94% 12%, color-mix(in srgb, var(--simh-accent) 11%, transparent), transparent 28rem),
    var(--simh-bg);
}
.public-page-quickbuy main { min-height: 68vh; }
.qb-shell { width: min(1160px, calc(100% - 32px)); margin: 0 auto; padding: 34px 0 58px; }
.qb-hero { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,.62fr); gap:18px; align-items:stretch; margin-bottom:18px; }
.qb-hero-copy,.qb-hero-panel,.qb-card,.qb-unavailable,.qb-check-card,.qb-atc-hero,.qb-atc-grid article,.qb-phase-note { border:1px solid color-mix(in srgb,var(--simh-text-strong) 10%,transparent); box-shadow:0 16px 44px rgba(18,47,69,.08); }
.qb-hero-copy { border-radius:24px; padding:32px; color:#fff; background:linear-gradient(135deg,color-mix(in srgb,var(--public-header) 92%,#061923),color-mix(in srgb,var(--simh-primary) 78%,#0b3541)); position:relative; overflow:hidden; }
.qb-hero-copy::after { content:""; position:absolute; width:230px; height:230px; right:-82px; bottom:-110px; border-radius:50%; border:38px solid rgba(255,255,255,.08); }
.qb-eyebrow { display:inline-flex; align-items:center; gap:7px; font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:color-mix(in srgb,#fff 82%,var(--simh-accent)); }
.qb-eyebrow::before { content:""; width:22px; height:2px; border-radius:999px; background:currentColor; }
.qb-hero h1,.qb-check-copy h1,.qb-atc-hero h1 { margin:10px 0 8px; font-size:clamp(1.75rem,3.5vw,3.05rem); line-height:1.05; letter-spacing:-.045em; max-width:720px; }
.qb-hero-copy p,.qb-check-copy p,.qb-atc-hero p { margin:0; max-width:700px; color:rgba(255,255,255,.78); line-height:1.65; font-size:.96rem; }
.qb-trust-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.qb-trust-row span { padding:7px 10px; border-radius:999px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); font-size:.74rem; font-weight:750; }
.qb-hero-panel { border-radius:24px; padding:24px; background:color-mix(in srgb,var(--simh-surface) 96%,var(--simh-primary)); display:flex; flex-direction:column; justify-content:center; }
.qb-hero-panel span { font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--simh-text-muted); }
.qb-hero-panel strong { display:block; margin:6px 0 5px; font-size:1.55rem; color:var(--simh-text-strong); }
.qb-hero-panel small { color:var(--simh-text-muted); line-height:1.5; }
.qb-hero-panel a { margin-top:17px; color:var(--simh-primary); font-weight:800; text-decoration:none; font-size:.84rem; }
.qb-alert { border-radius:14px; padding:12px 14px; margin-bottom:16px; font-size:.86rem; font-weight:700; }
.qb-alert.is-error { background:color-mix(in srgb,#dc2626 12%,var(--simh-surface)); border:1px solid color-mix(in srgb,#dc2626 30%,transparent); color:color-mix(in srgb,#dc2626 78%,var(--simh-text-strong)); }
.qb-unavailable { border-radius:22px; padding:28px; text-align:center; background:var(--simh-surface); }
.qb-unavailable strong { display:block; font-size:1.15rem; color:var(--simh-text-strong); }
.qb-unavailable p { color:var(--simh-text-muted); margin:7px auto 18px; max-width:640px; line-height:1.55; }
.qb-service-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 15px; }
.qb-service-tabs button,.qb-service-tabs a { min-width:0; border:1px solid color-mix(in srgb,var(--simh-text-strong) 11%,transparent); border-radius:17px; padding:13px 14px; display:grid; grid-template-columns:36px minmax(0,1fr); grid-template-rows:auto auto; column-gap:11px; text-align:left; color:var(--simh-text-strong); background:color-mix(in srgb,var(--simh-surface) 97%,var(--simh-primary)); text-decoration:none; cursor:pointer; transition:.18s ease; }
.qb-service-tabs button:hover,.qb-service-tabs a:hover,.qb-service-tabs button.is-active { transform:translateY(-1px); border-color:color-mix(in srgb,var(--simh-primary) 45%,transparent); box-shadow:0 10px 24px rgba(18,47,69,.08); }
.qb-service-tabs button.is-active { background:linear-gradient(145deg,color-mix(in srgb,var(--simh-primary) 12%,var(--simh-surface)),var(--simh-surface)); }
.qb-tab-icon { grid-row:1/3; width:36px; height:36px; display:grid; place-items:center; border-radius:12px; background:color-mix(in srgb,var(--simh-primary) 14%,var(--simh-surface)); color:var(--simh-primary); font-size:1rem; font-weight:900; }
.qb-service-tabs strong { font-size:.88rem; align-self:end; overflow:hidden; text-overflow:ellipsis; }
.qb-service-tabs small { color:var(--simh-text-muted); font-size:.72rem; align-self:start; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.qb-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr); gap:16px; align-items:start; }
.qb-card { background:var(--simh-surface); border-radius:22px; padding:22px; min-width:0; }
.qb-summary-card { position:sticky; top:88px; }
.qb-card-head { display:flex; align-items:flex-start; gap:11px; margin-bottom:19px; }
.qb-step { flex:0 0 auto; width:31px; height:31px; display:grid; place-items:center; border-radius:10px; background:color-mix(in srgb,var(--simh-primary) 13%,var(--simh-surface)); color:var(--simh-primary); font-size:.78rem; font-weight:900; }
.qb-card-head h2 { margin:0; color:var(--simh-text-strong); font-size:1rem; letter-spacing:-.015em; }
.qb-card-head p { margin:3px 0 0; color:var(--simh-text-muted); font-size:.78rem; line-height:1.45; }
.qb-form-card form { display:grid; gap:14px; }
.qb-field { min-width:0; display:grid; gap:6px; }
.qb-label { color:var(--simh-text-strong); font-size:.76rem; font-weight:800; }
.qb-field small { color:var(--simh-text-muted); font-size:.7rem; line-height:1.45; }
.qb-field input,.qb-field select { width:100%; min-width:0; height:45px; border:1px solid color-mix(in srgb,var(--simh-text-strong) 14%,transparent); border-radius:12px; background:color-mix(in srgb,var(--simh-surface) 96%,var(--simh-bg)); color:var(--simh-text-strong); padding:0 13px; font:inherit; font-size:.84rem; outline:none; transition:border-color .16s ease,box-shadow .16s ease; }
.qb-field input:focus,.qb-field select:focus { border-color:var(--simh-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--simh-primary) 16%,transparent); }
.qb-two-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.qb-money-input { position:relative; }
.qb-money-input span { position:absolute; inset:0 auto 0 13px; display:grid; place-items:center; color:var(--simh-text-muted); font-weight:800; }
.qb-money-input input { padding-left:32px; }
.qb-network-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.qb-network-option { min-width:0; cursor:pointer; }
.qb-network-option input { position:absolute; opacity:0; pointer-events:none; }
.qb-network-option span { min-height:48px; display:flex; align-items:center; gap:8px; border-radius:13px; border:1px solid color-mix(in srgb,var(--simh-text-strong) 12%,transparent); padding:8px; background:color-mix(in srgb,var(--simh-surface) 97%,var(--simh-bg)); transition:.16s ease; }
.qb-network-option b { flex:0 0 30px; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font-size:.65rem; background:var(--simh-bg); color:var(--simh-text-strong); }
.qb-network-option em { min-width:0; font-style:normal; font-size:.75rem; font-weight:800; overflow:hidden; text-overflow:ellipsis; }
.qb-network-option.is-selected span { border-color:var(--simh-primary); background:color-mix(in srgb,var(--simh-primary) 10%,var(--simh-surface)); box-shadow:0 0 0 2px color-mix(in srgb,var(--simh-primary) 10%,transparent); }
.qb-network-option.network-mtn b { background:#ffd900; color:#151515; }
.qb-network-option.network-airtel b { background:#e4252b; color:#fff; }
.qb-network-option.network-glo b { background:#079447; color:#fff; }
.qb-network-option.network-9mobile b { background:#006b3f; color:#fff; }
.qb-network-option.network-smile b { background:#f58220; color:#fff; }
.qb-network-option.network-spectranet b { background:#6b2fa0; color:#fff; }
.qb-payment-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.qb-payment-methods label { min-width:0; cursor:pointer; }
.qb-payment-methods input { position:absolute; opacity:0; pointer-events:none; }
.qb-payment-methods span { min-height:58px; display:flex; flex-direction:column; justify-content:center; border:1px solid color-mix(in srgb,var(--simh-text-strong) 12%,transparent); border-radius:14px; padding:10px 12px; background:color-mix(in srgb,var(--simh-surface) 97%,var(--simh-bg)); }
.qb-payment-methods strong { color:var(--simh-text-strong); font-size:.83rem; }
.qb-payment-methods small { color:var(--simh-text-muted); font-size:.68rem; margin-top:2px; }
.qb-payment-methods input:checked + span { border-color:var(--simh-primary); background:color-mix(in srgb,var(--simh-primary) 10%,var(--simh-surface)); box-shadow:0 0 0 2px color-mix(in srgb,var(--simh-primary) 10%,transparent); }
.qb-button { min-height:42px; border:1px solid color-mix(in srgb,var(--simh-text-strong) 14%,transparent); border-radius:12px; padding:10px 15px; display:inline-flex; align-items:center; justify-content:center; gap:7px; background:var(--simh-surface); color:var(--simh-text-strong); font-weight:850; font-size:.79rem; text-decoration:none; cursor:pointer; }
.qb-button.primary { border-color:transparent; background:linear-gradient(135deg,var(--simh-primary),color-mix(in srgb,var(--simh-primary) 72%,var(--simh-accent))); color:#fff; box-shadow:0 10px 24px color-mix(in srgb,var(--simh-primary) 24%,transparent); }
.qb-button:disabled { cursor:not-allowed; opacity:.48; box-shadow:none; }
.qb-submit { width:100%; margin-top:2px; }
.qb-form-security { margin:-3px 0 0; text-align:center; color:var(--simh-text-muted); font-size:.68rem; line-height:1.45; }
.qb-summary-lines { display:grid; gap:2px; }
.qb-summary-lines div { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:11px 0; border-bottom:1px dashed color-mix(in srgb,var(--simh-text-strong) 12%,transparent); }
.qb-summary-lines span { color:var(--simh-text-muted); font-size:.74rem; }
.qb-summary-lines strong { max-width:62%; text-align:right; color:var(--simh-text-strong); font-size:.78rem; overflow-wrap:anywhere; }
.qb-total { margin:14px -5px 12px; padding:14px; border-radius:15px; display:flex; justify-content:space-between; align-items:center; background:linear-gradient(135deg,color-mix(in srgb,var(--simh-primary) 12%,var(--simh-surface)),color-mix(in srgb,var(--simh-accent) 8%,var(--simh-surface))); }
.qb-total span { font-size:.75rem; color:var(--simh-text-muted); font-weight:750; }
.qb-total strong { color:var(--simh-text-strong); font-size:1.25rem; }
.qb-quote-state { display:flex; gap:9px; align-items:flex-start; padding:10px 11px; border-radius:12px; background:var(--simh-bg); }
.qb-quote-state span { flex:0 0 8px; width:8px; height:8px; border-radius:50%; margin-top:5px; background:var(--simh-text-muted); }
.qb-quote-state p { margin:0; color:var(--simh-text-muted); font-size:.71rem; line-height:1.45; }
.qb-quote-state.is-loading span { background:#d97706; animation:qbPulse 1s infinite; }
.qb-quote-state.is-success span { background:#16a34a; }
.qb-quote-state.is-error span { background:#dc2626; }
@keyframes qbPulse { 50% { transform:scale(1.7); opacity:.35; } }
.qb-assurance { margin-top:15px; padding-top:14px; border-top:1px solid color-mix(in srgb,var(--simh-text-strong) 10%,transparent); }
.qb-assurance strong { color:var(--simh-text-strong); font-size:.77rem; }
.qb-assurance ul { margin:8px 0 0; padding-left:17px; color:var(--simh-text-muted); font-size:.7rem; line-height:1.55; }
.qb-check-link { display:inline-flex; margin-top:15px; color:var(--simh-primary); font-size:.75rem; font-weight:850; text-decoration:none; }
.qb-mobile-summary { display:none; }
/* order */
.qb-order-shell { max-width:1050px; }
.qb-order-hero { border-radius:23px; padding:22px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:16px; align-items:center; color:#fff; background:linear-gradient(135deg,var(--public-header),color-mix(in srgb,var(--simh-primary) 78%,#0b3340)); box-shadow:0 18px 45px rgba(18,47,69,.14); }
.qb-order-symbol { width:50px; height:50px; border-radius:17px; display:grid; place-items:center; background:rgba(255,255,255,.13); }
.qb-order-symbol span { width:16px; height:16px; border:3px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; animation:qbSpin 1s linear infinite; }
.qb-order-hero.is-success .qb-order-symbol span { animation:none; border:0; width:20px; height:11px; border-left:3px solid #fff; border-bottom:3px solid #fff; border-radius:0; transform:rotate(-45deg); }
.qb-order-hero.is-danger { background:linear-gradient(135deg,#7f1d1d,#b91c1c); }
.qb-order-hero.is-warning { background:linear-gradient(135deg,#78350f,#b45309); }
@keyframes qbSpin { to { transform:rotate(360deg); } }
.qb-order-hero h1 { margin:4px 0; font-size:1.35rem; }
.qb-order-hero p { margin:0; color:rgba(255,255,255,.78); font-size:.78rem; }
.qb-order-reference { min-width:205px; padding:11px 12px; border-radius:14px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.13); }
.qb-order-reference span { display:block; font-size:.65rem; text-transform:uppercase; letter-spacing:.08em; opacity:.7; }
.qb-order-reference strong { display:block; margin:3px 0 7px; font-size:.73rem; overflow-wrap:anywhere; }
.qb-order-reference button { border:0; border-radius:8px; padding:6px 9px; background:#fff; color:#17324d; font-weight:850; font-size:.67rem; cursor:pointer; }
.qb-order-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(280px,.78fr); gap:15px; margin-top:15px; align-items:start; }
.qb-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; margin:0; }
.qb-detail-grid div { padding:11px 0; border-bottom:1px dashed color-mix(in srgb,var(--simh-text-strong) 11%,transparent); }
.qb-detail-grid dt { color:var(--simh-text-muted); font-size:.68rem; }
.qb-detail-grid dd { margin:4px 0 0; color:var(--simh-text-strong); font-size:.79rem; font-weight:800; overflow-wrap:anywhere; }
.qb-order-total { margin-top:15px; border-radius:15px; padding:14px; display:flex; align-items:center; justify-content:space-between; background:color-mix(in srgb,var(--simh-primary) 10%,var(--simh-surface)); }
.qb-order-total span { color:var(--simh-text-muted); font-size:.74rem; }
.qb-order-total strong { color:var(--simh-text-strong); font-size:1.3rem; }
.qb-progress-list { list-style:none; margin:0; padding:0; display:grid; gap:0; }
.qb-progress-list li { position:relative; min-height:54px; display:flex; gap:11px; align-items:flex-start; }
.qb-progress-list li > span { position:relative; z-index:1; flex:0 0 17px; width:17px; height:17px; margin-top:2px; border:4px solid var(--simh-surface); border-radius:50%; background:color-mix(in srgb,var(--simh-text-muted) 28%,var(--simh-surface)); box-shadow:0 0 0 1px color-mix(in srgb,var(--simh-text-strong) 15%,transparent); }
.qb-progress-list li:not(:last-child)::after { content:""; position:absolute; left:8px; top:17px; bottom:-2px; width:1px; background:color-mix(in srgb,var(--simh-text-strong) 13%,transparent); }
.qb-progress-list li.is-current > span { background:#d97706; box-shadow:0 0 0 3px color-mix(in srgb,#d97706 15%,transparent); }
.qb-progress-list li.is-done > span { background:#16a34a; }
.qb-progress-list strong { display:block; color:var(--simh-text-strong); font-size:.77rem; }
.qb-progress-list small { display:block; margin-top:2px; color:var(--simh-text-muted); font-size:.68rem; }
.qb-phase-note { border-radius:15px; padding:13px; margin-top:5px; background:color-mix(in srgb,#d97706 9%,var(--simh-surface)); border-color:color-mix(in srgb,#d97706 25%,transparent); box-shadow:none; }
.qb-phase-note strong { color:var(--simh-text-strong); font-size:.76rem; }
.qb-phase-note p { margin:4px 0 0; color:var(--simh-text-muted); font-size:.69rem; line-height:1.45; }
.qb-order-actions { display:grid; gap:8px; margin-top:14px; }
/* check */
.qb-check-shell { max-width:930px; }
.qb-check-card { border-radius:25px; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr); background:var(--simh-surface); }
.qb-check-copy { padding:36px; color:#fff; background:linear-gradient(145deg,var(--public-header),color-mix(in srgb,var(--simh-primary) 75%,#092e3b)); }
.qb-check-copy h1 { font-size:2.25rem; }
.qb-check-safety { margin-top:24px; padding:13px; border-radius:14px; background:rgba(255,255,255,.1); }
.qb-check-safety strong,.qb-check-safety span { display:block; }
.qb-check-safety strong { font-size:.77rem; }
.qb-check-safety span { margin-top:3px; color:rgba(255,255,255,.72); font-size:.7rem; line-height:1.45; }
.qb-check-form { border:0; border-radius:0; box-shadow:none; display:flex; flex-direction:column; justify-content:center; gap:14px; padding:30px; }
/* airtime to cash public intro */
.qb-atc-hero { border-radius:24px; padding:30px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; color:#fff; background:linear-gradient(135deg,#143f49,#087c68); }
.qb-atc-mark { width:82px; height:82px; display:grid; place-items:center; border-radius:26px; background:rgba(255,255,255,.13); font-size:2rem; font-weight:900; }
.qb-atc-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-top:15px; }
.qb-atc-grid article { border-radius:17px; padding:17px; background:var(--simh-surface); }
.qb-atc-grid span { width:31px; height:31px; display:grid; place-items:center; border-radius:10px; background:color-mix(in srgb,var(--simh-primary) 12%,var(--simh-surface)); color:var(--simh-primary); font-size:.7rem; font-weight:900; }
.qb-atc-grid strong { display:block; margin:12px 0 5px; color:var(--simh-text-strong); font-size:.82rem; }
.qb-atc-grid p { margin:0; color:var(--simh-text-muted); font-size:.7rem; line-height:1.5; }
.qb-atc-note { margin-top:15px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.qb-atc-note p { flex:1 1 500px; }
/* dark contrast */
html[data-theme="dark"] .qb-card,
html[data-theme="dark"] .qb-hero-panel,
html[data-theme="dark"] .qb-unavailable,
html[data-theme="dark"] .qb-check-card,
html[data-theme="dark"] .qb-atc-grid article { background:color-mix(in srgb,var(--simh-surface) 95%,#000); border-color:rgba(255,255,255,.1); }
html[data-theme="dark"] .qb-field input,
html[data-theme="dark"] .qb-field select,
html[data-theme="dark"] .qb-network-option span,
html[data-theme="dark"] .qb-payment-methods span { background:color-mix(in srgb,var(--simh-surface) 90%,#000); border-color:rgba(255,255,255,.13); }
html[data-theme="dark"] .qb-order-reference button { background:#e8f2f5; color:#112d3a; }
@media (max-width:900px) {
  .qb-shell { width:min(100% - 22px,1160px); padding-top:22px; }
  .qb-hero { grid-template-columns:1fr; }
  .qb-hero-panel { display:grid; grid-template-columns:1fr auto; gap:2px 15px; align-items:center; padding:17px 19px; }
  .qb-hero-panel strong { grid-column:1; }
  .qb-hero-panel small { grid-column:1; }
  .qb-hero-panel a { grid-column:2; grid-row:1/4; margin:0; }
  .qb-layout,.qb-order-layout { grid-template-columns:1fr; }
  .qb-summary-card { position:static; }
  .qb-atc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .qb-shell { width:min(100% - 16px,1160px); padding:14px 0 34px; }
  .qb-hero-copy { border-radius:19px; padding:22px 19px; }
  .qb-hero h1,.qb-check-copy h1,.qb-atc-hero h1 { font-size:1.7rem; }
  .qb-hero-copy p { font-size:.82rem; }
  .qb-trust-row span:nth-child(3) { display:none; }
  .qb-hero-panel { border-radius:17px; padding:14px; }
  .qb-service-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .qb-service-tabs a { grid-column:1/-1; }
  .qb-service-tabs button,.qb-service-tabs a { padding:10px; border-radius:14px; grid-template-columns:31px minmax(0,1fr); column-gap:8px; }
  .qb-tab-icon { width:31px; height:31px; border-radius:10px; }
  .qb-card { border-radius:18px; padding:16px; }
  .qb-card-head { margin-bottom:15px; }
  .qb-network-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .qb-two-fields { grid-template-columns:1fr; }
  .qb-payment-methods { grid-template-columns:1fr 1fr; }
  .qb-payment-methods span { padding:9px; min-height:54px; }
  .qb-summary-card .qb-assurance { display:none; }
  .qb-summary-card { padding-top:15px; }
  .qb-mobile-summary { display:flex; justify-content:space-between; align-items:center; padding:11px 12px; border-radius:12px; background:color-mix(in srgb,var(--simh-primary) 10%,var(--simh-surface)); }
  .qb-mobile-summary span { color:var(--simh-text-muted); font-size:.72rem; }
  .qb-mobile-summary strong { color:var(--simh-text-strong); font-size:1rem; }
  .qb-order-hero { grid-template-columns:auto minmax(0,1fr); border-radius:18px; padding:16px; gap:11px; }
  .qb-order-symbol { width:40px; height:40px; border-radius:13px; }
  .qb-order-reference { grid-column:1/-1; min-width:0; width:100%; }
  .qb-detail-grid { grid-template-columns:1fr; }
  .qb-check-card { grid-template-columns:1fr; border-radius:19px; }
  .qb-check-copy { padding:24px 19px; }
  .qb-check-form { padding:20px 16px; }
  .qb-atc-hero { border-radius:19px; padding:22px 18px; }
  .qb-atc-mark { display:none; }
  .qb-atc-grid { grid-template-columns:1fr; gap:8px; }
  .qb-atc-grid article { padding:14px; }
}
@media (max-width:390px) {
  .qb-service-tabs { grid-template-columns:1fr; }
  .qb-service-tabs a { grid-column:auto; }
  .qb-payment-methods { grid-template-columns:1fr; }
  .qb-hero-panel a { display:none; }
}

/* Phase 9B4: mobile-first public checkout and branded confirmation */
html,
body,
.public-page-quickbuy,
.public-page-quickbuy main,
.public-page-quickbuy .public-site-shell {
  max-width:100%;
  overflow-x:hidden;
}
.public-page-quickbuy *,
.public-page-quickbuy *::before,
.public-page-quickbuy *::after { box-sizing:border-box; }
.qb-shell,.qb-hero,.qb-hero-copy,.qb-hero-panel,.qb-service-tabs,.qb-layout,.qb-card,.qb-form-card,.qb-summary-card,.qb-field,.qb-network-grid,.qb-payment-methods,.qb-order-shell,.qb-order-layout,.qb-order-hero,.qb-check-card,.qb-atc-hero,.qb-atc-grid { min-width:0; max-width:100%; }
.qb-field input,.qb-field select,.qb-button,.qb-network-option span,.qb-payment-methods span { max-width:100%; }
.qb-network-option b { overflow:hidden; padding:0; background:transparent; }
.qb-network-option b img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; }
.qb-confirm-backdrop[hidden] { display:none !important; }
.qb-confirm-backdrop {
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(7,23,35,.66);
  backdrop-filter:blur(7px);
  opacity:0;
  transition:opacity .16s ease;
}
.qb-confirm-backdrop.is-open { opacity:1; }
html.qb-modal-open { overflow:hidden; }
.qb-confirm-card {
  width:min(460px,100%);
  max-height:min(720px,calc(100vh - 28px));
  overflow:auto;
  position:relative;
  border:1px solid color-mix(in srgb,var(--simh-primary) 24%,var(--simh-border));
  border-radius:23px;
  padding:21px;
  background:var(--simh-surface);
  box-shadow:0 28px 76px rgba(3,20,33,.28);
  transform:translateY(12px) scale(.98);
  transition:transform .16s ease;
}
.qb-confirm-backdrop.is-open .qb-confirm-card { transform:translateY(0) scale(1); }
.qb-confirm-close {
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border:1px solid var(--simh-border);
  border-radius:11px;
  background:var(--simh-bg-soft);
  color:var(--simh-text-strong);
  font-size:1.15rem;
  line-height:1;
  cursor:pointer;
}
.qb-confirm-brand { display:flex; align-items:center; gap:12px; padding-right:38px; }
.qb-confirm-brand > span { width:47px; height:47px; flex:0 0 47px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:var(--simh-bg-soft); color:var(--simh-primary); font-size:.74rem; font-weight:900; }
.qb-confirm-brand > span img { width:100%; height:100%; display:block; object-fit:cover; border-radius:50%; }
.qb-confirm-brand small { display:block; color:var(--simh-primary); font-size:.65rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.qb-confirm-brand h2 { margin:3px 0 0; color:var(--simh-text-strong); font-size:1.15rem; }
.qb-confirm-list { margin:17px 0 0; }
.qb-confirm-list div { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; padding:10px 0; border-bottom:1px dashed var(--simh-border); }
.qb-confirm-list dt { color:var(--simh-text-muted); font-size:.72rem; }
.qb-confirm-list dd { max-width:65%; margin:0; text-align:right; color:var(--simh-text-strong); font-size:.77rem; font-weight:850; overflow-wrap:anywhere; }
.qb-confirm-total { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:13px; padding:14px; border-radius:15px; background:linear-gradient(135deg,color-mix(in srgb,var(--simh-primary) 13%,var(--simh-surface)),color-mix(in srgb,var(--simh-accent) 8%,var(--simh-surface))); }
.qb-confirm-total span { color:var(--simh-text-muted); font-size:.73rem; }
.qb-confirm-total strong { color:var(--simh-text-strong); font-size:1.3rem; }
.qb-confirm-note { margin:13px 0 0; color:var(--simh-text-muted); font-size:.68rem; line-height:1.5; }
.qb-confirm-actions { display:grid; grid-template-columns:1fr 1.35fr; gap:9px; margin-top:16px; }
html[data-theme="dark"] .qb-confirm-card { background:color-mix(in srgb,var(--simh-surface) 96%,#000); border-color:rgba(255,255,255,.12); }

@media (max-width:680px) {
  .qb-shell { width:100%; padding:10px 10px 30px; }
  .qb-hero,
  .qb-service-tabs,
  .qb-layout,
  .qb-network-grid,
  .qb-two-fields,
  .qb-payment-methods,
  .qb-order-layout,
  .qb-detail-grid,
  .qb-check-card,
  .qb-atc-grid { grid-template-columns:1fr !important; }
  .qb-hero { gap:10px; margin-bottom:10px; }
  .qb-hero-copy { padding:18px 16px; }
  .qb-hero-copy::after { width:150px; height:150px; right:-65px; bottom:-78px; border-width:25px; }
  .qb-hero h1,.qb-check-copy h1,.qb-atc-hero h1 { font-size:1.45rem; line-height:1.1; }
  .qb-hero-copy p { font-size:.78rem; line-height:1.5; }
  .qb-trust-row { margin-top:14px; }
  .qb-trust-row span { font-size:.65rem; padding:6px 8px; }
  .qb-hero-panel { display:block; padding:13px 14px; }
  .qb-hero-panel strong { margin:3px 0; font-size:1.15rem; }
  .qb-hero-panel a { display:inline-flex; margin-top:8px; }
  .qb-service-tabs { gap:8px; }
  .qb-service-tabs button,.qb-service-tabs a { grid-column:auto !important; min-height:56px; }
  .qb-card { padding:14px; }
  .qb-summary-card { display:none; }
  .qb-network-grid { gap:7px; }
  .qb-network-option span { min-height:52px; padding:8px 10px; }
  .qb-payment-methods { gap:7px; }
  .qb-payment-methods span { min-height:54px; }
  .qb-mobile-summary { display:flex; }
  .qb-submit { min-height:47px; font-size:.85rem; }
  .qb-form-security { font-size:.64rem; }
  .qb-order-hero { grid-template-columns:1fr !important; }
  .qb-order-symbol { display:none; }
  .qb-order-reference { grid-column:auto; }
  .qb-order-total { gap:12px; }
  .qb-confirm-backdrop { padding:10px; align-items:end; }
  .qb-confirm-card { width:100%; max-height:calc(100vh - 18px); border-radius:22px 22px 15px 15px; padding:18px 16px 15px; }
  .qb-confirm-actions { grid-template-columns:1fr; }
  .qb-confirm-actions .qb-button { min-height:45px; }
  .qb-confirm-actions .primary { order:-1; }
}

@media (max-width:390px) {
  .qb-shell { padding-inline:8px; }
  .qb-hero-copy,.qb-hero-panel,.qb-card { border-radius:16px; }
  .qb-confirm-card { padding-inline:14px; }
}
.qb-order-heading { min-width:0; display:flex; align-items:center; gap:11px; }
.qb-order-network-logo { width:43px; height:43px; flex:0 0 43px; border-radius:50%; object-fit:cover; background:#fff; }
.qb-order-payment-action { display:grid; gap:7px; margin-top:14px; padding:12px; border:1px solid color-mix(in srgb,var(--simh-primary) 24%,var(--simh-border)); border-radius:14px; background:color-mix(in srgb,var(--simh-primary) 7%,var(--simh-surface)); }
.qb-order-payment-action .qb-button { width:100%; }
.qb-order-payment-action small { color:var(--simh-text-muted); text-align:center; font-size:.65rem; line-height:1.4; }
@media(max-width:680px){.qb-order-heading{align-items:flex-start}.qb-order-network-logo{width:38px;height:38px;flex-basis:38px}.qb-order-payment-action{padding:10px}}

/* Keep the public header anchored to the viewport on narrow phones. */
.public-page-quickbuy .public-header,
.public-page-quickbuy .public-container,
.public-page-quickbuy .public-nav-wrap,
.public-page-quickbuy .public-brand { min-width:0; max-width:100%; }
.public-page-quickbuy .public-header { width:100%; left:0; right:0; }
.public-page-quickbuy .public-brand { overflow:hidden; }
.public-page-quickbuy .public-brand > span:last-child { overflow:hidden; }
.public-page-quickbuy .public-brand strong { overflow:hidden; text-overflow:ellipsis; }
@media(max-width:680px){
  .public-page-quickbuy .public-nav-wrap { grid-template-columns:minmax(0,1fr) 42px; gap:10px; }
  .public-page-quickbuy .public-menu-button { width:42px; min-width:42px; }
}

/* Phase 9B4 correction: strict mobile containment and service-specific fields */
[data-qb-plan-wrap][hidden],
[data-qb-amount-wrap][hidden],
[data-qb-mobile-summary][hidden] { display:none !important; }

.public-page-quickbuy,
.public-page-quickbuy body,
body.public-page-quickbuy,
.public-page-quickbuy main,
.public-page-quickbuy .public-site-shell,
.public-page-quickbuy .public-header,
.public-page-quickbuy .public-container,
.public-page-quickbuy .public-nav-wrap,
.public-page-quickbuy .qb-shell {
  width:100% !important;
  min-width:0 !important;
  max-width:100vw !important;
}
html:has(body.public-page-quickbuy),
body.public-page-quickbuy { overflow-x:clip !important; }
.public-page-quickbuy .public-header { inset-inline:0 !important; }
.public-page-quickbuy .public-nav-wrap {
  margin-inline:0 !important;
  padding-inline:12px !important;
}
.public-page-quickbuy .public-brand {
  width:auto !important;
  max-width:calc(100vw - 78px) !important;
}
.public-page-quickbuy .public-brand > span:last-child { max-width:100%; }
.public-page-quickbuy .public-brand strong {
  display:block;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.public-page-quickbuy .public-nav {
  max-width:calc(100vw - 20px) !important;
  box-sizing:border-box;
}

@media (max-width:680px) {
  .public-page-quickbuy .public-nav-wrap {
    grid-template-columns:minmax(0,1fr) 44px !important;
    gap:8px !important;
  }
  .public-page-quickbuy .public-menu-button {
    grid-column:2 !important;
    width:44px !important;
    min-width:44px !important;
    justify-self:end;
  }
  .public-page-quickbuy .public-brand-mark {
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:50%;
  }
  .public-page-quickbuy .public-brand strong { font-size:11px; }
  .qb-shell { padding-inline:9px !important; }
  .qb-network-grid[data-network-count="1"] { grid-template-columns:1fr !important; }
  .qb-network-grid[data-network-count="2"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .qb-network-grid[data-network-count="3"] { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .qb-network-grid[data-network-count="4"] { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  .qb-network-option span {
    min-height:72px;
    padding:8px 4px;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    text-align:center;
  }
  .qb-network-option b {
    width:34px;
    height:34px;
    flex-basis:34px;
  }
  .qb-network-option em {
    width:100%;
    font-size:.67rem;
    line-height:1.1;
    white-space:nowrap;
  }
  .qb-form-card form { gap:12px; }
  .qb-field input,.qb-field select { height:43px; }
  .qb-payment-methods { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .qb-payment-methods span { min-height:50px; }
}

@media (max-width:360px) {
  .qb-network-grid[data-network-count="4"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .public-page-quickbuy .public-brand strong { font-size:10px; }
}

@media (max-width:680px) {
  .qb-service-tabs {
    grid-template-columns:repeat(auto-fit,minmax(92px,1fr)) !important;
    gap:7px;
  }
  .qb-service-tabs button,.qb-service-tabs a {
    min-height:68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:8px 5px;
    text-align:center;
  }
  .qb-service-tabs .qb-tab-icon {
    width:30px;
    height:30px;
    flex:0 0 30px;
  }
  .qb-service-tabs strong { font-size:.66rem; }
  .qb-service-tabs small { display:none; }
}


/* Final mobile containment: the confirmation sheet must never widen the page. */
html, body.public-site { max-width:100%; overflow-x:hidden !important; }
.qb-confirm-backdrop {
  width:100vw !important;
  max-width:100vw !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  justify-content:center !important;
}
.qb-confirm-card {
  width:min(460px, calc(100vw - 20px)) !important;
  max-width:calc(100vw - 20px) !important;
  min-width:0 !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}
.qb-confirm-card, .qb-confirm-card * { min-width:0; max-width:100%; box-sizing:border-box; }
.qb-confirm-list, .qb-confirm-total, .qb-confirm-actions { width:100%; }
.qb-confirm-list dd { overflow-wrap:anywhere; word-break:break-word; }
@media (max-width:640px) {
  .qb-confirm-backdrop { padding:8px !important; align-items:flex-end !important; }
  .qb-confirm-card { width:calc(100vw - 16px) !important; max-width:calc(100vw - 16px) !important; margin:0 auto !important; }
  .qb-confirm-list div { grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr); }
}
@media (max-width:380px) {
  .qb-confirm-list div { display:grid; gap:4px; }
  .qb-confirm-list dd { max-width:none; text-align:left; }
}


/* Final public checkout viewport and modal correction. */
html,
body.public-page-quickbuy {
  inline-size:100%;
  max-inline-size:100%;
  overflow-x:hidden !important;
  overscroll-behavior-x:none;
}
body.public-page-quickbuy {
  margin:0;
  position:relative;
  touch-action:pan-y;
}
body.public-page-quickbuy.qb-modal-open { overflow:hidden !important; }
body.public-page-quickbuy *,
body.public-page-quickbuy *::before,
body.public-page-quickbuy *::after { box-sizing:border-box; }
body.public-page-quickbuy main,
body.public-page-quickbuy .public-header,
body.public-page-quickbuy .public-container,
body.public-page-quickbuy .public-nav-wrap,
body.public-page-quickbuy .public-brand,
body.public-page-quickbuy .qb-shell,
body.public-page-quickbuy .qb-hero,
body.public-page-quickbuy .qb-service-tabs,
body.public-page-quickbuy .qb-layout,
body.public-page-quickbuy .qb-card,
body.public-page-quickbuy form {
  min-inline-size:0 !important;
  max-inline-size:100% !important;
  max-width:100% !important;
}
body.public-page-quickbuy .public-container {
  inline-size:min(1180px,100%) !important;
  margin-inline:auto !important;
  padding-inline:clamp(10px,3vw,24px) !important;
}
body.public-page-quickbuy .public-nav-wrap { overflow:visible; }
body.public-page-quickbuy .qb-shell {
  inline-size:min(1120px,100%) !important;
  overflow-x:clip;
}
body.public-page-quickbuy .qb-hero { grid-template-columns:minmax(0,1fr) !important; }
body.public-page-quickbuy .qb-hero-copy { inline-size:100%; }
body.public-page-quickbuy .qb-hero-bottom {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 14px;
  margin-top:14px;
}
body.public-page-quickbuy .qb-login-link {
  color:#fff;
  font-size:.72rem;
  font-weight:850;
  text-decoration:none;
  white-space:normal;
}
body.public-page-quickbuy .qb-service-tabs > * {
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
body.public-page-quickbuy .qb-service-tabs strong,
body.public-page-quickbuy .qb-service-tabs small {
  inline-size:100%;
  text-align:center;
}
body.public-page-quickbuy .qb-tab-icon {
  display:grid;
  place-items:center;
  color:#fff;
  border:0;
  box-shadow:0 8px 18px rgba(20,66,92,.18);
}
body.public-page-quickbuy .qb-tab-icon svg {
  inline-size:18px;
  block-size:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.public-page-quickbuy .qb-tab-icon-airtime { background:linear-gradient(135deg,#0fb981,#087f73); }
body.public-page-quickbuy .qb-tab-icon-data { background:linear-gradient(135deg,#2d8cff,#4b62d8); }
body.public-page-quickbuy .qb-tab-icon-cash { background:linear-gradient(135deg,#f5a524,#e36414); }

.qb-confirm-backdrop[hidden] { display:none !important; }
.qb-confirm-backdrop {
  position:fixed !important;
  inset:0 !important;
  inline-size:100% !important;
  width:100% !important;
  max-inline-size:none !important;
  max-width:none !important;
  block-size:100vh !important;
  block-size:100dvh !important;
  max-block-size:100dvh !important;
  margin:0 !important;
  padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  overscroll-behavior:contain;
}
.qb-confirm-card {
  inline-size:min(440px,100%) !important;
  width:min(440px,100%) !important;
  max-inline-size:100% !important;
  max-width:100% !important;
  min-inline-size:0 !important;
  max-block-size:calc(100vh - 16px) !important;
  max-block-size:calc(100dvh - 16px) !important;
  margin:0 !important;
  padding:clamp(14px,4vw,20px) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.qb-confirm-card > *,
.qb-confirm-list,
.qb-confirm-list > div,
.qb-confirm-total,
.qb-confirm-actions {
  min-inline-size:0 !important;
  max-inline-size:100% !important;
}
.qb-confirm-list dd { overflow-wrap:anywhere; word-break:normal; }

@media (max-width:680px) {
  body.public-page-quickbuy .public-nav-wrap {
    inline-size:100% !important;
    grid-template-columns:minmax(0,1fr) 44px !important;
  }
  body.public-page-quickbuy .public-brand { max-inline-size:calc(100% - 4px) !important; max-width:calc(100% - 4px) !important; }
  body.public-page-quickbuy .qb-shell { padding-inline:8px !important; }
  body.public-page-quickbuy .qb-hero-bottom { align-items:flex-start; }
  body.public-page-quickbuy .qb-login-link { inline-size:100%; }
  .qb-confirm-backdrop { align-items:center !important; }
  .qb-confirm-card { border-radius:20px !important; }
  .qb-confirm-list div {
    display:grid !important;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important;
    gap:8px !important;
  }
  .qb-confirm-list dd { max-inline-size:none !important; }
  .qb-confirm-actions { grid-template-columns:1fr !important; }
  .qb-confirm-actions .primary { order:-1; }
}
@media (max-width:370px) {
  .qb-confirm-list div { grid-template-columns:1fr !important; }
  .qb-confirm-list dd { text-align:left !important; }
}


/* Phase 9B5 compact checkout correction. */
@media (min-width:901px) {
  body.public-page-quickbuy main { padding:8px 0 26px !important; }
  body.public-page-quickbuy .public-container { width:100% !important; max-width:none !important; padding-inline:6px !important; }
  body.public-page-quickbuy .qb-shell {
    width:calc(100% - 10px) !important;
    max-width:1500px !important;
    margin:0 auto !important;
    padding:8px !important;
    border:1px solid var(--simh-border) !important;
    border-radius:0 !important;
    background:color-mix(in srgb,var(--simh-surface) 55%,var(--simh-bg)) !important;
    overflow:hidden !important;
  }
  body.public-page-quickbuy .qb-hero { margin-bottom:10px !important; }
  body.public-page-quickbuy .qb-service-tabs { margin-bottom:10px !important; }
  body.public-page-quickbuy .qb-layout { gap:10px !important; }
}

.qb-confirm-backdrop {
  padding:12px !important;
  align-items:center !important;
  justify-content:center !important;
}
.qb-confirm-card {
  width:min(400px,calc(100vw - 24px)) !important;
  max-width:calc(100vw - 24px) !important;
  max-height:calc(100dvh - 24px) !important;
  padding:13px !important;
  border-radius:18px !important;
  overflow-y:auto !important;
  overscroll-behavior:contain;
  scrollbar-gutter:auto !important;
}
.qb-confirm-close { width:32px !important; height:32px !important; top:9px !important; right:9px !important; }
.qb-confirm-brand { gap:9px !important; padding-right:34px !important; }
.qb-confirm-brand > span { width:36px !important; height:36px !important; flex-basis:36px !important; }
.qb-confirm-brand small { font-size:.56rem !important; }
.qb-confirm-brand h2 { font-size:1rem !important; margin-top:1px !important; }
.qb-confirm-list { margin-top:8px !important; }
.qb-confirm-list div { padding:6px 0 !important; gap:8px !important; }
.qb-confirm-list dt { font-size:.66rem !important; }
.qb-confirm-list dd { font-size:.7rem !important; line-height:1.25 !important; max-width:68% !important; }
.qb-confirm-total { margin-top:8px !important; padding:10px 11px !important; border-radius:12px !important; }
.qb-confirm-total span { font-size:.67rem !important; }
.qb-confirm-total strong { font-size:1.08rem !important; }
.qb-confirm-note { margin:8px 0 0 !important; font-size:.61rem !important; line-height:1.35 !important; }
.qb-confirm-actions { grid-template-columns:1fr 1.35fr !important; gap:7px !important; margin-top:10px !important; }
.qb-confirm-actions .qb-button { min-height:38px !important; padding:8px 9px !important; font-size:.7rem !important; }

@media (max-width:680px) {
  .qb-confirm-backdrop { padding:10px !important; align-items:center !important; }
  .qb-confirm-card { width:calc(100vw - 20px) !important; max-width:calc(100vw - 20px) !important; max-height:calc(100dvh - 20px) !important; }
  .qb-confirm-list div { display:grid !important; grid-template-columns:34% minmax(0,1fr) !important; }
  .qb-confirm-list dd { max-width:none !important; text-align:right !important; }
}
@media (max-height:620px) {
  .qb-confirm-brand > span { width:30px !important; height:30px !important; flex-basis:30px !important; }
  .qb-confirm-list div { padding:4px 0 !important; }
  .qb-confirm-note { display:none !important; }
  .qb-confirm-actions { margin-top:7px !important; }
}

.qb-transfer-card { max-width:760px; margin:0 auto; }
.qb-transfer-account { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:14px; border:1px solid var(--simh-border); border-radius:15px; background:var(--simh-bg-soft); }
.qb-transfer-account span,.qb-transfer-detail span { color:var(--simh-text-muted); font-size:.7rem; }
.qb-transfer-account strong { display:block; margin-top:3px; color:var(--simh-text-strong); font-size:1.35rem; letter-spacing:.05em; }
.qb-transfer-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:10px; }
.qb-transfer-detail { padding:11px; border:1px solid var(--simh-border); border-radius:12px; background:var(--simh-bg-soft); }
.qb-transfer-detail strong { display:block; margin-top:4px; color:var(--simh-text-strong); font-size:.82rem; overflow-wrap:anywhere; }
.qb-transfer-warning { margin:12px 0 0; padding:10px 12px; border-radius:12px; background:color-mix(in srgb,var(--simh-warning,#d49118) 11%,var(--simh-surface)); color:var(--simh-text-strong); font-size:.72rem; line-height:1.45; }
.qb-transfer-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
@media(max-width:560px){.qb-transfer-details{grid-template-columns:1fr}.qb-transfer-account{grid-template-columns:1fr}.qb-transfer-account .qb-button{width:100%}.qb-transfer-actions{display:grid}.qb-transfer-actions .qb-button{width:100%}}

/* Phase 9B6 completion: compact order tracking and visible live progress. */
.qb-order-shell{width:min(1180px,100%);margin:0 auto;padding-top:12px}
.qb-order-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;gap:14px;padding:15px 17px;border-radius:18px}
.qb-order-heading{gap:10px}.qb-order-network-logo{width:46px;height:46px;flex-basis:46px}
.qb-order-status-copy{min-width:0}.qb-order-status-copy .qb-eyebrow{font-size:.6rem}.qb-order-status-copy h1{margin:2px 0 3px;font-size:1.45rem;line-height:1.04}.qb-order-status-copy p{margin:0;font-size:.73rem;line-height:1.35}
.qb-order-reference{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px 11px;border-radius:13px}.qb-order-reference span{font-size:.58rem}.qb-order-reference strong{min-width:0;font-size:.7rem;overflow-wrap:anywhere}.qb-order-reference button{min-width:54px;height:34px;padding:0 10px}
.qb-order-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);grid-template-areas:"progress details";gap:12px;align-items:start;margin-top:12px}.qb-order-progress{grid-area:progress}.qb-order-details{grid-area:details}
.qb-order-progress,.qb-order-details{padding:14px;border-radius:16px}.qb-order-card-head{margin-bottom:11px}.qb-order-card-head .qb-step{width:31px;height:31px;flex-basis:31px;font-size:.76rem}.qb-order-card-head h2{font-size:1rem}.qb-order-card-head p{font-size:.63rem}
.qb-progress-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.qb-progress-list li{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;min-width:0;padding:9px;border:1px solid var(--simh-border);border-radius:12px;background:var(--simh-bg-soft)}.qb-progress-list li::before,.qb-progress-list li::after{display:none!important}.qb-progress-list li>span{width:20px;height:20px;border-radius:50%;border:4px solid var(--simh-surface);background:#dbe3ea;box-shadow:0 0 0 1px var(--simh-border)}.qb-progress-list li.is-done>span{background:#18b96b}.qb-progress-list li.is-current>span{background:#e99a1d;box-shadow:0 0 0 4px color-mix(in srgb,#e99a1d 18%,transparent)}.qb-progress-list strong{display:block;color:var(--simh-text-strong);font-size:.66rem;line-height:1.25}.qb-progress-list small{display:block;margin-top:3px;color:var(--simh-text-muted);font-size:.55rem;line-height:1.3}
.qb-detail-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.qb-detail-grid>div{min-width:0;padding:10px;border:1px solid var(--simh-border);border-radius:11px;background:var(--simh-bg-soft)}.qb-detail-grid dt{margin:0 0 4px;color:var(--simh-text-muted);font-size:.57rem;text-transform:uppercase;letter-spacing:.04em}.qb-detail-grid dd{margin:0;color:var(--simh-text-strong);font-size:.72rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}.qb-detail-grid>div.is-total{background:color-mix(in srgb,var(--simh-primary) 10%,var(--simh-surface));border-color:color-mix(in srgb,var(--simh-primary) 25%,var(--simh-border))}.qb-detail-grid>div.is-total dd{font-size:.88rem}
.qb-payment-breakdown{margin-top:9px;border:1px solid var(--simh-border);border-radius:11px;background:var(--simh-surface);overflow:hidden}.qb-payment-breakdown summary{padding:9px 11px;color:var(--simh-text-strong);font-size:.66rem;font-weight:850;cursor:pointer}.qb-payment-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:8px 11px;border-top:1px solid var(--simh-border);font-size:.63rem}.qb-payment-breakdown span{color:var(--simh-text-muted)}.qb-payment-breakdown strong{color:var(--simh-text-strong)}
.qb-phase-note{margin-top:9px;padding:10px 11px;border-radius:11px}.qb-phase-note strong{font-size:.65rem}.qb-phase-note p{margin:3px 0 0;font-size:.64rem;line-height:1.4}
.qb-refund-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:9px;padding:9px 11px;border:1px solid color-mix(in srgb,#e99a1d 35%,var(--simh-border));border-radius:11px;background:color-mix(in srgb,#e99a1d 10%,var(--simh-surface))}.qb-refund-strip span{color:var(--simh-text-muted);font-size:.58rem;text-transform:uppercase}.qb-refund-strip strong{color:var(--simh-text-strong);font-size:.7rem}.qb-refund-strip small{max-width:150px;color:var(--simh-text-muted);font-size:.55rem;overflow-wrap:anywhere;text-align:right}
.qb-order-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.qb-order-actions .qb-button{min-width:0;min-height:39px;padding:8px;font-size:.67rem}.qb-order-payment-action{margin-top:9px;padding:9px}.qb-order-payment-action .qb-button{min-height:42px}
@media(max-width:900px){.qb-order-layout{grid-template-columns:1fr;grid-template-areas:"progress" "details"}.qb-progress-list{grid-template-columns:repeat(4,minmax(0,1fr))}.qb-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){
  .qb-order-shell{padding:8px 8px 24px!important}
  .qb-order-hero{grid-template-columns:1fr!important;gap:9px;padding:12px;border-radius:15px}
  .qb-order-network-logo{width:38px;height:38px;flex-basis:38px}.qb-order-status-copy h1{font-size:1.18rem}.qb-order-status-copy p{font-size:.65rem;line-height:1.3}.qb-order-status-copy .qb-eyebrow{font-size:.55rem}
  .qb-order-reference{grid-template-columns:auto minmax(0,1fr) auto;padding:8px 9px}.qb-order-reference strong{font-size:.62rem}.qb-order-reference button{height:31px;min-width:48px;font-size:.62rem}
  .qb-order-layout{gap:8px;margin-top:8px}.qb-order-progress,.qb-order-details{padding:11px;border-radius:14px}
  .qb-order-card-head{margin-bottom:8px}.qb-order-card-head p{display:none}
  .qb-progress-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.qb-progress-list li{grid-template-columns:17px minmax(0,1fr);gap:6px;padding:7px}.qb-progress-list li>span{width:17px;height:17px;border-width:3px}.qb-progress-list strong{font-size:.6rem}.qb-progress-list small{font-size:.5rem}
  .qb-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}.qb-detail-grid>div{padding:8px}.qb-detail-grid dt{font-size:.51rem}.qb-detail-grid dd{font-size:.64rem}.qb-detail-grid>div.is-total dd{font-size:.76rem}
  .qb-payment-breakdown{margin-top:7px}.qb-payment-breakdown summary{padding:8px 9px}.qb-payment-breakdown>div{padding:7px 9px}
  .qb-phase-note,.qb-refund-strip{margin-top:7px}.qb-refund-strip{grid-template-columns:auto 1fr}.qb-refund-strip small{grid-column:1/-1;max-width:none;text-align:left}
  .qb-order-actions{grid-template-columns:1fr 1fr}.qb-order-actions .primary{grid-column:1/-1}.qb-order-actions .qb-button{min-height:37px}
}
@media(max-width:360px){.qb-order-actions{grid-template-columns:1fr}.qb-order-actions .primary{grid-column:auto}.qb-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Phase 9B7 hotfix: main-page reference lookup and clear return navigation. */
.qb-lookup-strip{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
  gap:14px;
  align-items:center;
  margin:0 0 10px;
  padding:13px 14px;
  border:1px solid var(--simh-border);
  border-radius:16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--simh-primary) 8%,var(--simh-surface)),var(--simh-surface));
}
.qb-lookup-copy{min-width:0}.qb-lookup-copy .qb-eyebrow{font-size:.58rem}.qb-lookup-copy strong{display:block;margin:2px 0;color:var(--simh-text-strong);font-size:.92rem}.qb-lookup-copy small{display:block;color:var(--simh-text-muted);font-size:.66rem;line-height:1.4}
.qb-lookup-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:end;min-width:0}.qb-lookup-form label{display:grid;gap:4px;min-width:0}.qb-lookup-form label span{color:var(--simh-text-muted);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.qb-lookup-form input{width:100%;min-width:0;height:39px;padding:0 10px;border:1px solid var(--simh-border);border-radius:10px;background:var(--simh-surface);color:var(--simh-text-strong);font-size:.7rem}.qb-lookup-form .qb-button{min-height:39px;white-space:nowrap}
.qb-order-hero-side{display:grid;gap:7px;min-width:0}.qb-order-back{justify-self:end;color:#fff;text-decoration:none;font-size:.63rem;font-weight:850;opacity:.9}.qb-order-back:hover{opacity:1;text-decoration:underline}
@media(max-width:760px){.qb-lookup-strip{grid-template-columns:1fr;padding:12px}.qb-lookup-form{grid-template-columns:1fr}.qb-lookup-form .qb-button{width:100%}.qb-order-back{justify-self:start}.qb-order-hero-side{width:100%}}

/* Confirmed outbound refund result. */
.qb-refund-complete{margin-top:12px;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,#19a96b 38%,var(--simh-border));background:color-mix(in srgb,#19a96b 12%,var(--simh-surface));color:var(--simh-text-strong)}
.qb-refund-complete[hidden]{display:none!important}.qb-refund-complete strong{display:block;color:#138052;font-size:.8rem}.qb-refund-complete p{margin:5px 0 0;font-size:.7rem;line-height:1.5}.qb-refund-complete small{display:block;margin-top:5px;color:var(--simh-text-muted);font-size:.62rem}