/* Compact summary, scoped against legacy global card rules. */
html.site-pearl body.public-ui #homeAccountOverview {
  --ao-ink:#172b4d; --ao-muted:#586b85; --ao-line:#e2eaf4;
  --ao-surface:#fff; --ao-wallet:#f0f6ff; --ao-accent:#2563d9; --ao-accent-hover:#1d4fb5;
  --ao-icon:#e5efff; --ao-member-bg:#f0ebff; --ao-member:#7753b6;
  --ao-button:var(--ao-accent); --ao-button-hover:var(--ao-accent-hover);
  display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr)!important;
  min-width:0; min-height:0!important; margin:14px 0!important; overflow:hidden;
  border:1px solid var(--ao-line)!important; border-radius:16px!important;
  background:var(--ao-surface)!important; box-shadow:0 3px 14px #20385c05!important;
}
#homeAccountOverview, #homeAccountOverview * { box-sizing:border-box; }
#homeAccountOverview a { text-decoration:none; -webkit-tap-highlight-color:transparent; }
html.site-pearl body.public-ui #homeAccountOverview .ao-wallet {
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-content:center; align-items:center;
  gap:4px 14px; min-width:0; padding:13px 18px!important;
  background:var(--ao-wallet)!important; color:var(--ao-ink)!important;
  border-right:1px solid var(--ao-line);
}
#homeAccountOverview .ao-wallet::after { content:none; }
#homeAccountOverview .ao-wallet-top { display:contents; }
#homeAccountOverview .ao-wallet-label {
  display:inline-flex; align-items:center; gap:6px; grid-column:1; min-width:0;
  color:var(--ao-muted)!important; font-size:11px!important; font-weight:500; line-height:1.4;
}
#homeAccountOverview .ao-wallet-label>svg { width:15px; height:15px; flex:none; color:var(--ao-accent); }
#homeAccountOverview .ao-topup {
  display:inline-flex; align-items:center; justify-content:center; grid-column:2; grid-row:1 / 3;
  gap:9px; min-height:36px; flex:none; padding:8px 13px!important; border:1px solid transparent!important;
  border-radius:10px; background:var(--ao-button)!important; color:#fff!important;
  font-size:11px!important; font-weight:600; line-height:1.4; white-space:nowrap;
  transition:background-color .18s ease,box-shadow .18s ease;
}
#homeAccountOverview .ao-topup-sign { font-size:16px; font-weight:400; line-height:1; }
#homeAccountOverview .ao-balance { display:flex; align-items:baseline; gap:5px; grid-column:1; min-width:0; margin:0!important; font-variant-numeric:tabular-nums; }
#homeAccountOverview .ao-amount { min-width:0; font-size:23px!important; font-weight:700; line-height:1.15!important; letter-spacing:-.4px; color:var(--ao-ink)!important; overflow-wrap:anywhere; }
#homeAccountOverview .ao-currency { font-size:12px!important; font-weight:500; line-height:1.3; color:var(--ao-muted)!important; }
#homeAccountOverview .ao-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-width:0; }
#homeAccountOverview .ao-metric { display:flex; align-items:center; justify-content:flex-start; gap:9px!important; min-width:0; min-height:66px; padding:12px 18px!important; color:var(--ao-ink); transition:background-color .18s ease; }
#homeAccountOverview .ao-metric+.ao-metric { border-left:1px solid var(--ao-line)!important; }
#homeAccountOverview .ao-emblem {
  display:grid!important; place-items:center; flex:0 0 28px!important; aspect-ratio:1;
  width:28px!important; min-width:28px!important; max-width:28px!important;
  height:28px!important; min-height:28px!important; max-height:28px!important;
  border:0!important; border-radius:9px!important; background:var(--ao-icon)!important; color:var(--ao-accent)!important;
}
#homeAccountOverview .ao-emblem svg { display:block!important; width:16px!important; height:16px!important; flex:none; }
#homeAccountOverview .ao-membership .ao-emblem { background:var(--ao-member-bg)!important; color:var(--ao-member)!important; }
#homeAccountOverview .ao-metric-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
#homeAccountOverview .ao-label { color:var(--ao-muted)!important; font-size:11px!important; font-weight:400; line-height:1.4; }
#homeAccountOverview .ao-value { color:var(--ao-ink)!important; font-size:18px!important; font-weight:700; letter-spacing:-.3px; line-height:1.15!important; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#homeAccountOverview .ao-rank { font-size:15px!important; font-weight:600; letter-spacing:-.2px; }
/* Full tiles are links; keep their destination available to screen readers. */
#homeAccountOverview .ao-metric-link { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#homeAccountOverview a:focus-visible { outline:3px solid var(--ao-accent)!important; outline-offset:-4px!important; }
@media(hover:hover) {
  #homeAccountOverview .ao-topup:hover { background:var(--ao-button-hover)!important; box-shadow:0 3px 8px #2563d925; }
  #homeAccountOverview .ao-metric:hover { background:var(--ao-wallet); }
}
@media(max-width:1100px) {
  html.site-pearl body.public-ui #homeAccountOverview .ao-wallet { padding:12px 15px!important; gap:4px 10px; }
  #homeAccountOverview .ao-metric { padding:12px 14px!important; }
  #homeAccountOverview .ao-amount { font-size:22px!important; }
}
@media(max-width:760px) {
  html.site-pearl body.public-ui #homeAccountOverview { grid-template-columns:minmax(0,1fr)!important; border-radius:14px!important; }
  html.site-pearl body.public-ui #homeAccountOverview .ao-wallet { padding:12px 15px!important; border-right:0; border-bottom:1px solid var(--ao-line); }
  #homeAccountOverview .ao-metric { min-height:58px; padding:10px 15px!important; }
  #homeAccountOverview .ao-value { font-size:17px!important; }
  #homeAccountOverview .ao-rank { font-size:14px!important; }
}
@media(max-width:360px) {
  #homeAccountOverview .ao-metric { padding:10px 12px!important; gap:8px!important; }
  #homeAccountOverview .ao-topup { padding:8px 10px!important; gap:6px; }
  #homeAccountOverview .ao-amount { font-size:21px!important; }
}
html.site-pearl.site-dark body.public-ui #homeAccountOverview {
  --ao-ink:#e7effc; --ao-muted:#a8b9d0; --ao-line:#2b3c52; --ao-surface:#172235;
  --ao-wallet:#1c2d46; --ao-accent:#9bbdff; --ao-accent-hover:#9bbdff;
  --ao-button:#2d65cb; --ao-button-hover:#3269cf;
  --ao-icon:#253e64; --ao-member-bg:#342d50; --ao-member:#c6adff;
}
@media(prefers-reduced-motion:reduce) { #homeAccountOverview :is(.ao-topup,.ao-metric) { transition:none; } }

/* Only the category buttons remain visible above the products. */
html.site-pearl body.public-ui #products .sp-category-block { border:0!important; padding:0!important; margin-bottom:16px!important; background:transparent!important; }
html.site-pearl body.public-ui #products .sp-category-tabs { background:transparent!important; border:0!important; padding:0!important; box-shadow:none!important; }
html.site-pearl.site-dark body.public-ui #products .sp-category-btn:not(.active) { background:#1b2834!important; color:#bdd0e9!important; border-color:#31465b!important; }
html.site-pearl.site-dark body.public-ui #products .sp-category-btn:not(.active):hover { background:#253b55!important; border-color:#4e7098!important; }
html.site-pearl.site-dark body.public-ui #products .sp-category-btn:not(.active) .sp-category-btn-count { color:#bdd0e9!important; background:#273c54!important; }
@media (prefers-reduced-motion:reduce) { html.site-pearl body.public-ui .account-overview :is(.ao-topup,.ao-metric) { transition:none; } }