html.wallet-open { overflow: hidden; }
.wallet-trigger-holder { display: inline-flex; align-items: center; }
.wallet-trigger { appearance: none; display: inline-flex; align-items: center; gap: 7px; min-height: 36px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; padding: 7px 10px; color: inherit; background: rgba(255,255,255,.055); font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .015em; cursor: pointer; transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease; }
.wallet-trigger:hover, .wallet-trigger:focus-visible { transform: translateY(-1px); outline: none; }
.wallet-trigger-icon { display: grid; place-items: center; width: 16px; height: 16px; }
.wallet-trigger-icon svg { width: 16px; height: 16px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.wallet-trigger-balance { min-width: 19px; padding: 2px 6px; border-radius: 999px; color: #121422; background: #fff; font-size: 10px; font-weight: 800; line-height: 1.2; }
.wallet-overlay[hidden] { display: none; }
.wallet-overlay { position: fixed; z-index: 2147483647; inset: 0; display: grid; place-items: center; overflow-y: auto; padding: 22px; background: rgba(5, 7, 20, .72); backdrop-filter: blur(10px); }
.wallet-panel { width: min(560px, 100%); border-radius: 22px; overflow: hidden; box-shadow: 0 32px 90px rgba(0,0,0,.48); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.wallet-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 25px 27px 19px; }
.wallet-kicker { margin: 0 0 7px; font-size: 10px; font-weight: 800; letter-spacing: .15em; line-height: 1.1; text-transform: uppercase; }
.wallet-panel h2, .wallet-panel h3 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.022em; }
.wallet-panel h2 { font-size: clamp(29px, 5vw, 36px); line-height: 1.04; }
.wallet-panel h3 { font-size: 20px; line-height: 1.15; }
.wallet-close { appearance: none; display: grid; place-items: center; flex: 0 0 auto; width: 34px; height: 34px; border: 0; border-radius: 50%; padding: 0 0 2px; font: 400 25px/1 Arial, sans-serif; cursor: pointer; transition: transform .18s ease, background .18s ease; }
.wallet-close:hover, .wallet-close:focus-visible { transform: rotate(90deg); outline: none; }
.wallet-panel-body { padding: 0 27px 27px; }
.wallet-balance-card { display: grid; gap: 7px; border-radius: 16px; padding: 20px; }
.wallet-balance-card span, .wallet-balance-card small { font-size: 12px; font-weight: 650; }
.wallet-balance-card small { opacity: .72; }
.wallet-balance-value { font-family: Georgia, "Times New Roman", serif; font-size: clamp(43px, 8vw, 58px); font-weight: 400; letter-spacing: -.045em; line-height: 1; }
.wallet-consult-link { display: inline-flex; align-items: center; gap: 7px; width: fit-content; margin-top: 4px; border-radius: 999px; padding: 7px 10px; color: inherit; font-size: 11px; font-weight: 800; line-height: 1; text-decoration: none; transition: transform .16s ease, background .16s ease; }
.wallet-consult-link:hover, .wallet-consult-link:focus-visible { transform: translateY(-1px); outline: none; }
.wallet-topup-section, .wallet-history { margin-top: 24px; }
.wallet-section-title { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 13px; }
.wallet-section-title .wallet-kicker { margin-bottom: 6px; }
.wallet-selected-label { flex: 0 0 auto; border-radius: 999px; padding: 5px 8px; font-size: 11px; font-weight: 700; white-space: nowrap; }
.wallet-amount-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wallet-amount { appearance: none; min-height: 42px; border-radius: 9px; padding: 7px 8px; font: inherit; font-size: 13px; font-weight: 750; cursor: pointer; transition: transform .15s ease, color .15s ease, background .15s ease, border-color .15s ease; }
.wallet-amount:hover, .wallet-amount:focus-visible { transform: translateY(-1px); outline: none; }
.wallet-add-button { appearance: none; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 47px; margin-top: 14px; border: 0; border-radius: 10px; padding: 11px 16px; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; transition: transform .16s ease, filter .16s ease; }
.wallet-add-button:hover, .wallet-add-button:focus-visible { transform: translateY(-1px); filter: brightness(1.07); outline: none; }
.wallet-add-button:active { transform: scale(.985); }
.wallet-add-button span { font-size: 17px; line-height: 1; }
.wallet-local-note { margin: 11px 1px 0; font-size: 11px; line-height: 1.5; opacity: .76; }
.wallet-history-list { overflow: hidden; border-radius: 11px; }
.wallet-history-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 14px; }
.wallet-history-row + .wallet-history-row { border-top: 1px solid rgba(126,139,170,.2); }
.wallet-history-row > div { display: grid; gap: 3px; }
.wallet-history-row b { font-size: 12px; }
.wallet-history-row span { font-size: 11px; opacity: .7; }
.wallet-history-row strong { font-size: 14px; }
.wallet-history-empty { padding: 15px; font-size: 12px; line-height: 1.5; opacity: .72; }
.wallet-status { min-height: 18px; margin: 17px 1px 0; font-size: 12px; font-weight: 700; }

/* KETNESH: ivory, midnight, and warm-gold account wallet. */
.wallet-overlay[data-site="ketnesh"] .wallet-panel { border: 1px solid rgba(232,185,91,.45); color: #1a1c33; background: #fffaf0; }
.wallet-overlay[data-site="ketnesh"] .wallet-panel-head { border-bottom: 1px solid #ecd9ac; }
.wallet-overlay[data-site="ketnesh"] .wallet-kicker, .wallet-overlay[data-site="ketnesh"] .wallet-status { color: #a27627; }
.wallet-overlay[data-site="ketnesh"] .wallet-close { color: #1a1c33; background: rgba(26,28,51,.07); }
.wallet-overlay[data-site="ketnesh"] .wallet-close:hover, .wallet-overlay[data-site="ketnesh"] .wallet-close:focus-visible { background: #e8b95b; }
.wallet-overlay[data-site="ketnesh"] .wallet-balance-card { color: #fffaf0; background: linear-gradient(132deg, #15182f, #252b4c); box-shadow: inset 0 1px 0 rgba(255,255,255,.11); }
.wallet-overlay[data-site="ketnesh"] .wallet-balance-value { color: #f7cf7b; }
.wallet-overlay[data-site="ketnesh"] .wallet-consult-link { color: #1a1c33; background: #f7cf7b; }
.wallet-overlay[data-site="ketnesh"] .wallet-consult-link:hover, .wallet-overlay[data-site="ketnesh"] .wallet-consult-link:focus-visible { background: #fff6dc; }
.wallet-overlay[data-site="ketnesh"] .wallet-selected-label { color: #76531a; background: rgba(232,185,91,.19); }
.wallet-overlay[data-site="ketnesh"] .wallet-amount { border: 1px solid #eadab7; color: #2a2d45; background: #fffdf8; }
.wallet-overlay[data-site="ketnesh"] .wallet-amount:hover, .wallet-overlay[data-site="ketnesh"] .wallet-amount:focus-visible { border-color: #c79334; color: #76531a; background: #fff3d6; }
.wallet-overlay[data-site="ketnesh"] .wallet-amount.is-selected { border-color: #a27627; color: #fffaf0; background: #a27627; box-shadow: 0 7px 15px rgba(162,118,39,.18); }
.wallet-overlay[data-site="ketnesh"] .wallet-add-button { color: #161a31; background: #e8b95b; }
.wallet-overlay[data-site="ketnesh"] .wallet-history-list { border: 1px solid #ecd9ac; background: #fffdf8; }
.wallet-overlay[data-site="ketnesh"] .wallet-history-row strong { color: #a27627; }
.wallet-overlay[data-site="ketnesh"] .wallet-history-row strong.wallet-history-charge { color: #ae4c39; }
.site-account .wallet-trigger { margin-right: 10px; color: #fff8e9; border-color: rgba(232,185,91,.5); background: rgba(232,185,91,.11); }
.site-account .wallet-trigger:hover, .site-account .wallet-trigger:focus-visible { color: #15182f; border-color: #e8b95b; background: #e8b95b; }
.site-account .wallet-trigger-balance { color: #161a31; background: #f4cd78; }
.mobile-account .wallet-trigger { margin: 0 9px 8px 0; color: #fff8e9; border-color: rgba(232,185,91,.45); background: rgba(232,185,91,.11); }

/* MATILEO: calm navy, mint, and blue glass account wallet. */
.wallet-overlay[data-site="matileo"] .wallet-panel { border: 1px solid rgba(112,200,242,.29); color: #eaf8ff; background: linear-gradient(150deg, #111733, #0a1627); }
.wallet-overlay[data-site="matileo"] .wallet-panel-head { border-bottom: 1px solid rgba(112,200,242,.2); }
.wallet-overlay[data-site="matileo"] .wallet-kicker, .wallet-overlay[data-site="matileo"] .wallet-status { color: #75ead2; }
.wallet-overlay[data-site="matileo"] .wallet-close { color: #eaf8ff; background: rgba(255,255,255,.08); }
.wallet-overlay[data-site="matileo"] .wallet-close:hover, .wallet-overlay[data-site="matileo"] .wallet-close:focus-visible { color: #071728; background: #74e8d0; }
.wallet-overlay[data-site="matileo"] .wallet-balance-card { color: #eaf8ff; background: linear-gradient(115deg, rgba(50,215,184,.22), rgba(86,145,241,.22)); border: 1px solid rgba(117,234,210,.22); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }
.wallet-overlay[data-site="matileo"] .wallet-balance-value { color: #91f4df; }
.wallet-overlay[data-site="matileo"] .wallet-consult-link { color: #061827; background: #91f4df; }
.wallet-overlay[data-site="matileo"] .wallet-consult-link:hover, .wallet-overlay[data-site="matileo"] .wallet-consult-link:focus-visible { background: #d6fff4; }
.wallet-overlay[data-site="matileo"] .wallet-selected-label { color: #8df3df; background: rgba(117,234,210,.12); }
.wallet-overlay[data-site="matileo"] .wallet-amount { border: 1px solid rgba(120,210,242,.25); color: #eaf8ff; background: rgba(255,255,255,.045); }
.wallet-overlay[data-site="matileo"] .wallet-amount:hover, .wallet-overlay[data-site="matileo"] .wallet-amount:focus-visible { border-color: #70c8f2; color: #061827; background: #9fe8f8; }
.wallet-overlay[data-site="matileo"] .wallet-amount.is-selected { border-color: #70c8f2; color: #061827; background: linear-gradient(100deg, #70e3ce, #70c8f2); box-shadow: 0 7px 17px rgba(71,203,216,.18); }
.wallet-overlay[data-site="matileo"] .wallet-add-button { color: #061827; background: linear-gradient(100deg, #63e9cf, #70c8f2); }
.wallet-overlay[data-site="matileo"] .wallet-history-list { border: 1px solid rgba(120,210,242,.2); background: rgba(255,255,255,.035); }
.wallet-overlay[data-site="matileo"] .wallet-history-row strong { color: #8ef2dd; }
.wallet-overlay[data-site="matileo"] .wallet-history-row strong.wallet-history-charge { color: #ffbaa8; }
.header-actions .wallet-trigger { margin-right: 8px; color: #edfbff; border-color: rgba(117,234,210,.35); background: rgba(117,234,210,.08); }
.header-actions .wallet-trigger:hover, .header-actions .wallet-trigger:focus-visible { color: #071728; border-color: #75ead2; background: #75ead2; }
.header-actions .wallet-trigger-balance { color: #071728; background: #91f4df; }

/* MATILEO: the header no longer presents a separate Talk to a guide button. */
.header-actions .header-cta { display: none !important; }

@media (max-width: 720px) { .wallet-overlay { align-items: end; padding: 10px; } .wallet-panel { border-radius: 19px; } .wallet-panel-head { padding: 21px 19px 17px; } .wallet-panel-body { padding: 0 19px 21px; } .wallet-balance-card { padding: 18px; } .wallet-section-title { align-items: flex-start; flex-direction: column; gap: 8px; } .wallet-amount-grid { gap: 7px; } .wallet-trigger:not(.wallet-trigger-compact) { min-height: 34px; padding: 7px 8px; } .wallet-trigger:not(.wallet-trigger-compact) > span:not(.wallet-trigger-icon), .wallet-trigger:not(.wallet-trigger-compact) > b { display: none; } .wallet-trigger:not(.wallet-trigger-compact) { min-width: 34px; justify-content: center; } }
@media (max-width: 420px) { .wallet-amount-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }