/* Final app4 wallet corrections; deliberately loaded last. */
.mobile-shell .app-header .wallet-chip,
.mobile-shell:not(.is-home) .app-header .wallet-chip {
  min-width: 154px !important;
  width: 154px !important;
  padding: 6px 7px !important;
  color: #172418 !important;
  background: linear-gradient(145deg,#fffef4 0%,#edf3df 52%,#cbdba9 100%) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
}
.mobile-shell .app-header .wallet-chip b,
.mobile-shell .app-header .wallet-chip b *,
.mobile-shell:not(.is-home) .app-header .wallet-chip b,
.mobile-shell:not(.is-home) .app-header .wallet-chip b * {
  color: #172418 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.mobile-shell .app-header .wallet-chip b {
  display: block !important;
  min-width: 84px !important;
  font-size: 12px !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}
.mobile-shell .app-header .wallet-chip b small {
  display: block !important;
  margin-top: 2px !important;
  color: #4c5d45 !important;
  font-size: 7px !important;
  line-height: 1 !important;
}
.mobile-shell .app-header .wallet-chip > span {
  flex: 0 0 34px !important;
}

.mobile-shell .php-wallet .php-wallet-hero {
  position: relative !important;
  display: block !important;
  min-height: 132px !important;
  padding: 20px 112px 20px 18px !important;
  overflow: hidden !important;
}
.mobile-shell .php-wallet .php-wallet-hero > div:first-child {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: none !important;
}
.mobile-shell .php-wallet .php-wallet-hero strong {
  display: block !important;
  color: #15251a !important;
  font-size: clamp(27px,7vw,32px) !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}
.mobile-shell .php-wallet .php-wallet-art {
  position: absolute !important;
  z-index: 3 !important;
  top: auto !important;
  right: 14px !important;
  bottom: 18px !important;
  left: auto !important;
  width: 78px !important;
  min-width: 78px !important;
  height: 48px !important;
  margin: 0 !important;
  animation: none !important;
  transform: skew(-4deg) !important;
}
@media (max-width: 390px) {
  .mobile-shell .app-header .wallet-chip { min-width: 148px !important; width:148px !important; }
  .mobile-shell .php-wallet .php-wallet-hero { padding-right: 102px !important; }
  .mobile-shell .php-wallet .php-wallet-art { right: 10px !important; width:72px !important; min-width:72px !important; }
}

/* Reference wallet layout: hero, one full Main row, split Bonus/Cashback. */
.mobile-shell .php-wallet {
  gap: 0 !important;
}
.mobile-shell .php-wallet .php-wallet-hero {
  min-height: 160px !important;
  padding: 22px 125px 22px 18px !important;
  border-radius: 20px 20px 0 0 !important;
  background:
    radial-gradient(circle at 86% 15%,rgba(255,255,255,.92),transparent 30%),
    linear-gradient(145deg,#f8ffff 0%,#e6faf7 58%,#d8f3ef 100%) !important;
}
.mobile-shell .php-wallet .php-wallet-hero span {
  color:#365b60 !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
}
.mobile-shell .php-wallet .php-wallet-hero strong {
  margin-top:8px !important;
  color:#087d79 !important;
  font-size:clamp(32px,9vw,42px) !important;
}
.mobile-shell .php-wallet .php-wallet-art {
  right:18px !important;
  bottom:22px !important;
  width:96px !important;
  min-width:96px !important;
  height:56px !important;
}
.mobile-shell .php-wallet .php-balance-box {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  padding:0 10px 8px !important;
  border-radius:0 0 20px 20px !important;
  overflow:hidden !important;
  margin-top:0 !important;
}
.mobile-shell .php-wallet .php-balance-row {
  min-width:0 !important;
  min-height:126px !important;
  padding:14px 10px !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  grid-template-rows:auto auto 1fr !important;
  align-content:start !important;
  border-bottom:0 !important;
}
.mobile-shell .php-wallet .php-balance-row:first-child {
  grid-column:1 / -1 !important;
  min-height:84px !important;
  grid-template-columns:46px minmax(0,1fr) auto !important;
  grid-template-rows:1fr !important;
  border-bottom:1px solid rgba(49,103,104,.16) !important;
}
.mobile-shell .php-wallet .php-balance-row:nth-child(3) {
  border-left:1px solid rgba(49,103,104,.16) !important;
}
.mobile-shell .php-wallet .php-balance-row > strong {
  grid-column:2 !important;
  margin-top:7px !important;
  color:#173f42 !important;
  font-size:24px !important;
  white-space:nowrap !important;
}
.mobile-shell .php-wallet .php-balance-row:first-child > strong {
  grid-column:3 !important;
  grid-row:1 !important;
  align-self:center !important;
  margin:0 !important;
  font-size:27px !important;
}
.mobile-shell .php-wallet .php-balance-icon {
  width:40px !important;
  height:40px !important;
}
.mobile-shell .php-wallet .php-balance-copy b { font-size:13px !important; }
.mobile-shell .php-wallet .php-balance-copy small { font-size:9px !important; line-height:1.35 !important; }
.mobile-shell .php-wallet .php-wallet-actions {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  margin-top:14px !important;
  border-radius:20px !important;
}

.mobile-shell .php-wallet .php-balance-row.bonus {
  background: linear-gradient(145deg,#fffaff,#f3eaff) !important;
}

.mobile-shell .php-wallet .php-balance-row.cashback {
  background: linear-gradient(145deg,#f7fdff,#e7f8fb) !important;
}

.mobile-shell .php-wallet .php-balance-copy button {
  width:100% !important;
  min-height:32px !important;
  margin-top:9px !important;
  border:0 !important;
  border-radius:999px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#a147df,#7427c4) !important;
  box-shadow:0 7px 16px rgba(108,39,183,.22) !important;
  font-size:9px !important;
  font-weight:900 !important;
}

.mobile-shell .php-wallet .php-balance-row.cashback .php-balance-copy button {
  background:linear-gradient(135deg,#18aaa6,#087f8c) !important;
  box-shadow:0 7px 16px rgba(8,127,140,.2) !important;
}

.mobile-shell .php-wallet .php-wallet-actions a:nth-child(1) span { background:linear-gradient(145deg,#13c18c,#07865f) !important; }
.mobile-shell .php-wallet .php-wallet-actions a:nth-child(2) span { background:linear-gradient(145deg,#20bad0,#087f9e) !important; }
.mobile-shell .php-wallet .php-wallet-actions a:nth-child(3) span { background:linear-gradient(145deg,#8058ed,#5430c3) !important; }
.mobile-shell .php-wallet .php-wallet-actions a:nth-child(4) span { background:linear-gradient(145deg,#ffb83e,#f18a0b) !important; }
.mobile-shell .php-wallet .php-wallet-actions a:nth-child(5) span { background:linear-gradient(145deg,#f05d86,#d92e61) !important; }
.mobile-shell .php-wallet .php-wallet-actions a {
  min-height:120px !important;
  padding:15px 3px 10px !important;
  border-right:1px solid rgba(49,103,104,.14) !important;
}
.mobile-shell .php-wallet .php-wallet-actions a:last-child { border-right:0 !important; }
.mobile-shell .php-wallet .php-wallet-actions span {
  width:45px !important;
  height:45px !important;
}
.mobile-shell .php-wallet .php-wallet-actions b { font-size:8px !important; line-height:1.25 !important; }
.mobile-shell .php-wallet .php-wallet-actions small { display:block !important; font-size:7px !important; line-height:1.25 !important; }

@media (max-width:390px) {
  .mobile-shell .php-wallet .php-wallet-hero { min-height:145px !important; padding-right:108px !important; }
  .mobile-shell .php-wallet .php-wallet-art { right:10px !important; width:82px !important; min-width:82px !important; height:50px !important; }
  .mobile-shell .php-wallet .php-balance-row { padding-left:7px !important; padding-right:7px !important; }
  .mobile-shell .php-wallet .php-balance-row > strong { font-size:20px !important; }
  .mobile-shell .php-wallet .php-balance-row:first-child > strong { font-size:23px !important; }
  .mobile-shell .php-wallet .php-wallet-actions span { width:39px !important; height:39px !important; }
  .mobile-shell .php-wallet .php-wallet-actions small { font-size:6px !important; }
}

/* Compact scale requested for the reference layout. */
.mobile-shell .php-wallet .php-wallet-hero {
  min-height: 122px !important;
  padding: 15px 104px 15px 14px !important;
}
.mobile-shell .php-wallet .php-wallet-hero span { font-size:8px !important; }
.mobile-shell .php-wallet .php-wallet-hero strong { margin-top:5px !important; font-size:clamp(28px,8vw,35px) !important; }
.mobile-shell .php-wallet .php-wallet-art { right:12px !important; bottom:16px !important; width:78px !important; min-width:78px !important; height:46px !important; }
.mobile-shell .php-wallet .php-balance-row { min-height:96px !important; padding:9px 7px !important; grid-template-columns:35px minmax(0,1fr) !important; }
.mobile-shell .php-wallet .php-balance-row:first-child { min-height:62px !important; grid-template-columns:38px minmax(0,1fr) auto !important; }
.mobile-shell .php-wallet .php-balance-icon { width:33px !important; height:33px !important; font-size:15px !important; }
.mobile-shell .php-wallet .php-balance-copy b { font-size:11px !important; }
.mobile-shell .php-wallet .php-balance-copy small { font-size:7px !important; }
.mobile-shell .php-wallet .php-balance-row > strong { margin-top:4px !important; font-size:18px !important; }
.mobile-shell .php-wallet .php-balance-row:first-child > strong { font-size:21px !important; }
.mobile-shell .php-wallet .php-balance-copy button { min-height:27px !important; margin-top:6px !important; font-size:7px !important; }
.mobile-shell .php-wallet .php-wallet-actions { margin-top:10px !important; }
.mobile-shell .php-wallet .php-wallet-actions a { min-height:88px !important; padding:9px 2px 6px !important; }
.mobile-shell .php-wallet .php-wallet-actions span { width:34px !important; height:34px !important; margin-bottom:5px !important; }
.mobile-shell .php-wallet .php-wallet-actions span svg { width:18px !important; height:18px !important; }
.mobile-shell .php-wallet .php-wallet-actions b { font-size:7px !important; }
.mobile-shell .php-wallet .php-wallet-actions small { font-size:5.5px !important; }