/* WanTopup v84.99dm — canonical public package UI contract (homepage /pakej visual reference).
   One final stylesheet for Homepage, /pakej/, /agent/, /dealer/, /master/
   and legacy /pakej/pakej-*-topup.php detail pages.
   Structural variation is allowed (catalog CTA vs detail form), but all shared
   visual tokens, spacing, checklist rows and controls stay synchronized. */

body:not(.dash-page) main .wtp-package-ui-sync{
  --wtp-ui-card-radius:24px;
  --wtp-ui-inner-radius:16px;
  --wtp-ui-row-gap:10px;
  --wtp-ui-card-pad-x:20px;
  --wtp-ui-card-pad-y:22px;
  --wtp-ui-text:#183543;
  --wtp-ui-muted:#526773;
  --wtp-ui-row:#f7fafb;
  --wtp-ui-row-border:#dbe6eb;
}

/* Shared grid/card shell: same on home, Pakej and all dedicated package pages. */
body:not(.dash-page) main .wtp-package-ui-sync .pricing-table.payment-package-grid{
  align-items:stretch!important;
  gap:clamp(16px,2vw,24px)!important;
}
body:not(.dash-page) main .wtp-package-ui-sync .pricing-table.payment-package-grid > article.payment-plan-card.wtp-package[data-wtp-tier]{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  padding:var(--wtp-ui-card-pad-y) var(--wtp-ui-card-pad-x)!important;
  border-radius:var(--wtp-ui-card-radius)!important;
  overflow:hidden!important;
  color:var(--wtp-ui-text)!important;
  background:linear-gradient(165deg,var(--wtp-package-light) 0%,#fff 58%)!important;
  border:2px solid var(--wtp-package-stroke)!important;
  box-shadow:0 12px 30px var(--wtp-package-shadow)!important;
  transform:none!important;
}
@media (min-width:981px){
  body:not(.dash-page) main .wtp-package-ui-sync .pricing-table.payment-package-grid:not(.payment-package-grid-detail) > article.payment-plan-card.wtp-package[data-wtp-tier]{
    height:100%!important;
  }
}

/* Tier header: one design everywhere, full usable width inside the card. */
body:not(.dash-page) main .wtp-package-ui-sync .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > .deal-badge{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:52px!important;
  margin:0 0 12px!important;
  padding:12px 16px!important;
  border:1px solid var(--wtp-package-stroke)!important;
  border-radius:var(--wtp-ui-inner-radius)!important;
  background:var(--wtp-package-light)!important;
  background-image:none!important;
  color:var(--wtp-package-ink)!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:.86rem!important;
  font-weight:850!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body:not(.dash-page) main .wtp-package-ui-sync .pricing-table.payment-package-grid > article.wtp-package[data-wtp-tier] > h3{
  width:100%!important;
  min-width:0!important;
  margin:4px 0 10px!important;
  color:#172f3d!important;
  -webkit-text-fill-color:#172f3d!important;
  font-size:clamp(1.32rem,2.2vw,1.7rem)!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-align:center!important;
  text-wrap:balance!important;
}

/* Promotion and price typography use the same spacing on catalog + detail. */
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > .wtp-promo-active{
  margin:0 auto 7px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid var(--wtp-package-stroke)!important;
  color:var(--wtp-package-ink)!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
  font-size:.76rem!important;
  font-weight:850!important;
  line-height:1.25!important;
  text-align:center!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > .wtp-promo-old{
  margin:0 auto 12px!important;
  color:#52636e!important;
  -webkit-text-fill-color:#52636e!important;
  font-size:.82rem!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-align:center!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > .price.wtp-package-price{
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  display:block!important;
  width:min(100%,390px)!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:6px auto 16px!important;
  padding:18px 14px 20px!important;
  overflow:hidden!important;
  border:2px solid var(--wtp-package-stroke)!important;
  border-radius:20px!important;
  background:var(--wtp-package-light)!important;
  background-image:none!important;
  color:var(--wtp-package-ink)!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:clamp(2.6rem,5vw,3.5rem)!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  text-align:center!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > .price.wtp-package-price :is(small,span){
  color:var(--wtp-package-ink)!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
  text-shadow:none!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > .price.wtp-package-price small{
  font-size:1.18rem!important;
  margin-right:4px!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > .price.wtp-package-price span{
  position:static!important;
  display:block!important;
  margin:9px 0 0!important;
  padding:0!important;
  font-size:.82rem!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  white-space:normal!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > .plan-hook{
  width:100%!important;
  min-height:0!important;
  margin:0 0 8px!important;
  color:#2d4654!important;
  -webkit-text-fill-color:#2d4654!important;
  font-size:.94rem!important;
  font-weight:700!important;
  line-height:1.55!important;
  text-align:center!important;
  text-wrap:balance!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > .package-buyer-note{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0 0 12px!important;
  padding:12px 14px!important;
  box-sizing:border-box!important;
  border:1px solid var(--wtp-package-stroke)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#334b58!important;
  -webkit-text-fill-color:#334b58!important;
  box-shadow:none!important;
  font-size:.88rem!important;
  font-weight:750!important;
  line-height:1.45!important;
  text-align:center!important;
}

/* Canonical checklist: icon owns a real grid column. No absolute icon on any page. */
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > ul{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:var(--wtp-ui-row-gap)!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > ul > li{
  position:relative!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  height:auto!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid var(--wtp-ui-row-border)!important;
  border-radius:var(--wtp-ui-inner-radius)!important;
  background:var(--wtp-ui-row)!important;
  color:var(--wtp-ui-text)!important;
  -webkit-text-fill-color:var(--wtp-ui-text)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:.91rem!important;
  font-weight:800!important;
  line-height:1.38!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > ul > li::before{
  content:'✓'!important;
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  justify-self:start!important;
  box-sizing:border-box!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#ccfbf1!important;
  color:#07584d!important;
  -webkit-text-fill-color:#07584d!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > ul > li > *{
  min-width:0!important;
  max-width:100%!important;
}

/* Profit accordion is the same component everywhere. */
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > details.profit-rate-box{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:14px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--wtp-package-stroke)!important;
  border-radius:var(--wtp-ui-inner-radius)!important;
  background:var(--wtp-package-light)!important;
  box-shadow:none!important;
  color:var(--wtp-ui-text)!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > details.profit-rate-box > summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:8px!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  margin:0!important;
  padding:12px 14px!important;
  color:var(--wtp-package-ink)!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
  background:transparent!important;
  font-weight:850!important;
  line-height:1.3!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > details.profit-rate-box > summary :is(.wtp-profit-heading,.wtp-profit-state,.wtp-profit-chevron){
  color:var(--wtp-package-ink)!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > details.profit-rate-box .wtp-profit-details-content{
  box-sizing:border-box!important;
  width:100%!important;
  padding:4px 12px 14px!important;
  background:#fff!important;
  color:var(--wtp-ui-text)!important;
}

/* Catalog CTA stays at the bottom but uses the same tier palette and radius. */
body:not(.dash-page) main .wtp-package-ui-sync article.payment-plan-card-compact[data-wtp-tier] > .wtp-package-card-action{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:auto!important;
  padding-top:14px!important;
  gap:8px!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.payment-plan-card-compact[data-wtp-tier] > .wtp-package-card-action > a.wtp-plan-choose-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:12px 16px!important;
  border:1px solid var(--wtp-package-main)!important;
  border-radius:14px!important;
  background:var(--wtp-package-main)!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 16px var(--wtp-package-shadow)!important;
  text-shadow:none!important;
  text-decoration:none!important;
  font-size:.94rem!important;
  font-weight:900!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.payment-plan-card-compact[data-wtp-tier] > .wtp-package-card-action > small{
  color:#58707a!important;
  -webkit-text-fill-color:#58707a!important;
  font-size:.75rem!important;
  line-height:1.4!important;
  text-align:center!important;
}

/* Dedicated pages: wider single card and form fills the entire usable inner width. */
body:not(.dash-page).direct-package-page main .wtp-package-ui-sync .pricing-table.payment-package-grid-detail,
body:not(.dash-page) main .wtp-package-ui-sync .pricing-table.payment-package-grid-detail{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  gap:0!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.payment-plan-card-single[data-wtp-tier] > .registration-fee-summary{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:14px 0 0!important;
  padding:10px!important;
  border:1px solid var(--wtp-package-stroke)!important;
  border-radius:var(--wtp-ui-inner-radius)!important;
  background:var(--wtp-package-light)!important;
  box-shadow:none!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.payment-plan-card-single[data-wtp-tier] > .registration-fee-summary .payment-total-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
  gap:8px 16px!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px dashed var(--wtp-package-stroke)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.72)!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.payment-plan-card-single[data-wtp-tier] > .wtp-snippet-exclude{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:14px 0 0!important;
  padding:0!important;
}
body:not(.dash-page) main .wtp-package-ui-sync article.payment-plan-card-single[data-wtp-tier] form.wtp-visible-card-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:clamp(16px,2.4vw,22px)!important;
  border:1px solid var(--wtp-package-stroke)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body:not(.dash-page) main .wtp-package-ui-sync form.wtp-visible-card-form .wtp-card-form-title{
  width:100%!important;
  margin:0!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #dbe8e8!important;
  text-align:left!important;
}
body:not(.dash-page) main .wtp-package-ui-sync form.wtp-visible-card-form label{
  display:grid!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:#1f3b49!important;
  font-weight:850!important;
}
body:not(.dash-page) main .wtp-package-ui-sync form.wtp-visible-card-form input:not([type="hidden"]){
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:50px!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid #829da8!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#172f3c!important;
  -webkit-text-fill-color:#172f3c!important;
  box-shadow:none!important;
  font:inherit!important;
}
body:not(.dash-page) main .wtp-package-ui-sync form.wtp-visible-card-form button[type="submit"]{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:52px!important;
  margin:4px 0 0!important;
  padding:12px 16px!important;
  border:1px solid var(--wtp-package-main)!important;
  border-radius:999px!important;
  background:var(--wtp-package-main)!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 7px 16px var(--wtp-package-shadow)!important;
  font-weight:900!important;
}
body:not(.dash-page) main .wtp-package-ui-sync form.wtp-visible-card-form .payment-safe-note{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  margin:8px 0 0!important;
  padding:12px 14px!important;
  border:1px solid var(--wtp-package-stroke)!important;
  border-radius:14px!important;
  background:var(--wtp-package-light)!important;
  color:#24434d!important;
  -webkit-text-fill-color:#24434d!important;
  font-size:.78rem!important;
  font-weight:750!important;
  line-height:1.45!important;
  text-align:center!important;
}

/* Direct package selector uses the same tier tokens and geometry. */
body:not(.dash-page) main .wtp-direct-plan-nav{
  width:min(100%,760px)!important;
  max-width:760px!important;
  gap:9px!important;
}
body:not(.dash-page) main .wtp-direct-plan-nav a[data-wtp-tier]{
  min-height:54px!important;
  padding:10px 8px!important;
  border-radius:14px!important;
  background:var(--wtp-package-light)!important;
  color:var(--wtp-package-ink)!important;
  -webkit-text-fill-color:var(--wtp-package-ink)!important;
  border:1px solid var(--wtp-package-stroke)!important;
  box-shadow:none!important;
}
body:not(.dash-page) main .wtp-direct-plan-nav a[data-wtp-tier][aria-current="page"]{
  background:var(--wtp-package-main)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--wtp-package-main)!important;
  outline:0!important;
  box-shadow:0 7px 16px var(--wtp-package-shadow)!important;
}
body:not(.dash-page) main .wtp-direct-plan-nav a[data-wtp-tier][aria-current="page"] strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

@media (max-width:760px){
  body:not(.dash-page) main .wtp-package-ui-sync{
    --wtp-ui-card-radius:20px;
    --wtp-ui-inner-radius:14px;
    --wtp-ui-card-pad-x:14px;
    --wtp-ui-card-pad-y:17px;
  }
  body:not(.dash-page) main .wtp-package-ui-sync .pricing-table.payment-package-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > .deal-badge{
    min-height:48px!important;
    padding:11px 12px!important;
  }
  body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > ul > li{
    grid-template-columns:22px minmax(0,1fr)!important;
    column-gap:9px!important;
    min-height:50px!important;
    padding:11px 12px!important;
  }
  body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > ul > li::before{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    font-size:13px!important;
  }
  body:not(.dash-page) main .wtp-package-ui-sync article.wtp-package[data-wtp-tier] > details.profit-rate-box > summary{
    padding:11px 12px!important;
  }
  body:not(.dash-page) main .wtp-package-ui-sync article.payment-plan-card-single[data-wtp-tier] form.wtp-visible-card-form{
    padding:15px 12px!important;
  }
  body:not(.dash-page) main .wtp-direct-plan-nav{
    padding:0 10px!important;
    gap:6px!important;
  }
  body:not(.dash-page) main .wtp-direct-plan-nav a[data-wtp-tier]{
    min-height:52px!important;
    padding:8px 4px!important;
    font-size:.76rem!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body:not(.dash-page) main .wtp-package-ui-sync a,
  body:not(.dash-page) main .wtp-package-ui-sync button{transition:none!important;transform:none!important}
}

/* v84.99dl specificity lock: retired direct/detail rules used very long selectors.
   Keep the canonical contract authoritative even when those legacy selectors are present. */
body:not(.dash-page).package-detail-page main section.wtp-package-ui-sync.wtp-package-ui-sync .pricing-table.plan-track.wantopup-package-grid.payment-package-grid.payment-package-grid-detail,
body:not(.dash-page).direct-package-page main section.wtp-package-ui-sync.wtp-package-ui-sync .pricing-table.plan-track.wantopup-package-grid.payment-package-grid.payment-package-grid-detail{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center!important;
  justify-items:stretch!important;
  gap:0!important;
}
body:not(.dash-page).package-detail-page main section.wtp-package-ui-sync.wtp-package-ui-sync .pricing-table.plan-track.wantopup-package-grid.payment-package-grid.payment-package-grid-detail > article.payment-plan-card.payment-plan-card-single.wtp-package[data-wtp-tier],
body:not(.dash-page).direct-package-page main section.wtp-package-ui-sync.wtp-package-ui-sync .pricing-table.plan-track.wantopup-package-grid.payment-package-grid.payment-package-grid-detail > article.payment-plan-card.payment-plan-card-single.wtp-package[data-wtp-tier]{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  margin:0!important;
  align-items:stretch!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync .pricing-table.plan-track.wantopup-package-grid.payment-package-grid > article.payment-plan-card.wtp-package[data-wtp-tier] > ul{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  gap:var(--wtp-ui-row-gap)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync .pricing-table.plan-track.wantopup-package-grid.payment-package-grid > article.payment-plan-card.wtp-package[data-wtp-tier] > ul > li{
  position:relative!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:initial!important;
  column-gap:10px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  height:auto!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid var(--wtp-ui-row-border)!important;
  border-radius:var(--wtp-ui-inner-radius)!important;
  background:var(--wtp-ui-row)!important;
  box-shadow:none!important;
  text-align:left!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync .pricing-table.plan-track.wantopup-package-grid.payment-package-grid > article.payment-plan-card.wtp-package[data-wtp-tier] > ul > li::before{
  content:'✓'!important;
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  justify-self:start!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#ccfbf1!important;
  color:#07584d!important;
  -webkit-text-fill-color:#07584d!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1!important;
}
body:not(.dash-page).package-detail-page main section.wtp-package-ui-sync.wtp-package-ui-sync article.payment-plan-card-single.wtp-package[data-wtp-tier] > .wtp-snippet-exclude,
body:not(.dash-page).direct-package-page main section.wtp-package-ui-sync.wtp-package-ui-sync article.payment-plan-card-single.wtp-package[data-wtp-tier] > .wtp-snippet-exclude{
  width:100%!important;
  max-width:none!important;
  align-self:stretch!important;
  margin:14px 0 0!important;
}
body:not(.dash-page).package-detail-page main section.wtp-package-ui-sync.wtp-package-ui-sync article.payment-plan-card-single.wtp-package[data-wtp-tier] form.wtp-visible-card-form,
body:not(.dash-page).direct-package-page main section.wtp-package-ui-sync.wtp-package-ui-sync article.payment-plan-card-single.wtp-package[data-wtp-tier] form.wtp-visible-card-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  align-self:stretch!important;
  margin:0!important;
}
body:not(.dash-page).package-detail-page main section.wtp-package-ui-sync.wtp-package-ui-sync article.payment-plan-card-single.wtp-package[data-wtp-tier] form.wtp-visible-card-form button[type="submit"],
body:not(.dash-page).direct-package-page main section.wtp-package-ui-sync.wtp-package-ui-sync article.payment-plan-card-single.wtp-package[data-wtp-tier] form.wtp-visible-card-form button[type="submit"]{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:none!important;
  margin:4px 0 0!important;
}
@media (max-width:760px){
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync .pricing-table.plan-track.wantopup-package-grid.payment-package-grid > article.payment-plan-card.wtp-package[data-wtp-tier] > ul > li{
    grid-template-columns:22px minmax(0,1fr)!important;
    column-gap:9px!important;
    min-height:50px!important;
    padding:11px 12px!important;
  }
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync .pricing-table.plan-track.wantopup-package-grid.payment-package-grid > article.payment-plan-card.wtp-package[data-wtp-tier] > ul > li::before{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    font-size:13px!important;
  }
}

/* === WanTopup v84.99dm — HOME/PAKEJ IS THE CANONICAL PACKAGE CARD ===
   Requirement: /agent/, /dealer/, /master/ and legacy detail pages must look
   exactly like the package card used on homepage and /pakej/. The only visual
   addition on a detail page is the fee summary + registration form below the
   shared card content. These selectors intentionally outrank retired direct-page
   rules that previously made the detail cards look different. */

/* One marker from the renderer, on every package card on every public surface. */
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  padding:22px 20px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:2px solid var(--wtp-package-stroke)!important;
  background:linear-gradient(165deg,var(--wtp-package-light) 0%,#fff 58%)!important;
  color:#183543!important;
  -webkit-text-fill-color:#183543!important;
  box-shadow:0 12px 30px var(--wtp-package-shadow)!important;
  transform:none!important;
}

/* Retire the old gold/detail-only Master treatment. */
body:not(.dash-page).direct-package-master main section.wtp-package-ui-sync.wtp-package-ui-sync
article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier="master"],
body:not(.dash-page).package-detail-page main section.wtp-package-ui-sync.wtp-package-ui-sync
article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier="master"]{
  border:3px solid var(--wtp-package-stroke)!important;
  border-top-color:var(--wtp-package-stroke)!important;
  background:linear-gradient(165deg,var(--wtp-package-light) 0%,#fff 58%)!important;
  box-shadow:0 16px 36px var(--wtp-package-shadow)!important;
}

/* Tier header: EXACT same full-width style on catalog and detail. */
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .deal-badge{
  order:1!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:52px!important;
  margin:0 0 14px!important;
  padding:12px 16px!important;
  border-radius:16px!important;
  background-image:none!important;
  text-shadow:none!important;
  box-shadow:0 6px 18px var(--wtp-package-shadow)!important;
  font-size:.86rem!important;
  font-weight:850!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier="agent"] > .deal-badge{
  background:#dff8f1!important;border:1px solid #8bd9c7!important;
  color:#07584d!important;-webkit-text-fill-color:#07584d!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier="dealer"] > .deal-badge{
  background:#dbeafe!important;border:1px solid #9fc4ea!important;
  color:#183b66!important;-webkit-text-fill-color:#183b66!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier="master"] > .deal-badge{
  background:#e5f7f3!important;border:1px solid #8fcfc7!important;
  color:#0d625d!important;-webkit-text-fill-color:#0d625d!important;
}

body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier] > h3{
  order:2!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 10px!important;
  color:#172f3d!important;-webkit-text-fill-color:#172f3d!important;
  font-size:clamp(1.28rem,2vw,1.55rem)!important;
  font-weight:900!important;
  line-height:1.22!important;
  text-align:center!important;
  text-wrap:balance!important;
}

/* Promotion chip and old price: same catalog treatment on detail pages too. */
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .wtp-promo-active{
  order:3!important;
  display:table!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 auto 8px!important;
  padding:6px 10px!important;
  border:1px solid #06513c!important;
  border-radius:999px!important;
  background:#06513c!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:none!important;text-shadow:none!important;opacity:1!important;
  font-size:.76rem!important;font-weight:850!important;line-height:1.25!important;
  text-align:center!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .wtp-promo-old{
  order:4!important;
  display:table!important;width:auto!important;max-width:100%!important;
  margin:0 auto 12px!important;
  padding:5px 8px!important;
  border:1px solid #bfded5!important;
  border-radius:8px!important;
  background:#f2fcf8!important;
  color:#173b42!important;-webkit-text-fill-color:#173b42!important;
  box-shadow:none!important;text-shadow:none!important;opacity:1!important;
  font-size:.82rem!important;font-weight:700!important;line-height:1.4!important;
  text-align:center!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .wtp-promo-old *{
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  color:#173b42!important;-webkit-text-fill-color:#173b42!important;text-shadow:none!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .wtp-promo-old del{
  color:#234458!important;-webkit-text-fill-color:#234458!important;
  text-decoration-color:#234458!important;text-decoration-thickness:2px!important;
}

/* Price box: identical geometry regardless of compact/single/detail class. */
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .price.wtp-package-price{
  order:5!important;
  flex:0 0 auto!important;flex-basis:auto!important;
  display:block!important;box-sizing:border-box!important;
  width:min(100%,390px)!important;max-width:100%!important;
  height:auto!important;min-height:150px!important;max-height:none!important;
  margin:6px auto 16px!important;padding:20px 14px 22px!important;
  overflow:hidden!important;
  border:2px solid var(--wtp-package-stroke)!important;border-radius:20px!important;
  background:var(--wtp-package-light)!important;background-image:none!important;
  color:var(--wtp-package-ink)!important;-webkit-text-fill-color:var(--wtp-package-ink)!important;
  box-shadow:none!important;text-shadow:none!important;
  font-size:clamp(2.55rem,5vw,3.35rem)!important;font-weight:950!important;
  line-height:1.02!important;letter-spacing:-.04em!important;text-align:center!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .price.wtp-package-price :is(small,span){
  color:var(--wtp-package-ink)!important;-webkit-text-fill-color:var(--wtp-package-ink)!important;
  text-shadow:none!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .price.wtp-package-price small{font-size:1.12rem!important;margin-right:4px!important}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .price.wtp-package-price span{
  position:static!important;display:block!important;
  margin:10px 0 0!important;padding:0!important;
  font-size:.82rem!important;font-weight:800!important;line-height:1.35!important;
  letter-spacing:0!important;white-space:normal!important;
}

/* TWO explanatory boxes from homepage /pakej are now canonical everywhere. */
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .plan-hook,
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .package-buyer-note{
  box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;max-width:none!important;min-height:54px!important;height:auto!important;
  padding:12px 14px!important;
  border:1px solid var(--wtp-package-stroke)!important;
  border-radius:14px!important;
  background:#fff!important;background-image:none!important;
  color:#203b49!important;-webkit-text-fill-color:#203b49!important;
  box-shadow:none!important;text-shadow:none!important;
  font-size:.88rem!important;font-weight:750!important;line-height:1.45!important;
  text-align:center!important;text-wrap:balance!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .plan-hook{
  order:6!important;margin:0 0 10px!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .package-buyer-note{
  order:7!important;
  /* User-requested breathing room before checklist: do not let the boxes touch. */
  margin:0 0 22px!important;
}

/* Checklist follows the same homepage component and starts after a clear gap. */
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier] > ul{
  order:8!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;width:100%!important;min-width:0!important;
  height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;list-style:none!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier] > ul > li{
  position:relative!important;
  display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;column-gap:10px!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  min-height:54px!important;height:auto!important;margin:0!important;padding:12px 14px!important;
  border:1px solid #dbe6eb!important;border-radius:16px!important;
  background:#f7fafb!important;color:#183543!important;-webkit-text-fill-color:#183543!important;
  box-shadow:none!important;text-shadow:none!important;
  font-size:.91rem!important;font-weight:800!important;line-height:1.38!important;
  text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier] > ul > li::before{
  content:'✓'!important;position:static!important;inset:auto!important;transform:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  align-self:center!important;justify-self:start!important;
  box-sizing:border-box!important;width:24px!important;height:24px!important;min-width:24px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;
  background:#ccfbf1!important;color:#07584d!important;-webkit-text-fill-color:#07584d!important;
  box-shadow:none!important;text-shadow:none!important;font-size:14px!important;font-weight:1000!important;line-height:1!important;
}

/* Profit accordion identical on all package surfaces. */
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> details.profit-rate-box{
  order:9!important;position:static!important;inset:auto!important;transform:none!important;
  display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  min-height:0!important;margin:14px 0 0!important;padding:0!important;overflow:hidden!important;
  border:1px solid #b9dfd7!important;border-radius:16px!important;
  background:#f8fffd!important;box-shadow:none!important;color:#143940!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> details.profit-rate-box > summary{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;gap:8px!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;min-height:54px!important;
  margin:0!important;padding:12px 14px!important;
  background:transparent!important;color:#143940!important;-webkit-text-fill-color:#143940!important;
  font-weight:850!important;line-height:1.3!important;
}

/* Catalog CTA keeps homepage/pakej placement. */
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .wtp-package-card-action{
  order:10!important;position:static!important;inset:auto!important;transform:none!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;max-width:100%!important;margin-top:auto!important;padding-top:14px!important;gap:8px!important;
}

/* Detail pages: ONLY the following blocks are allowed to differ because they are
   the actual registration flow appended after the identical package card UI. */
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .registration-fee-summary{
  order:10!important;
  width:100%!important;max-width:100%!important;
  margin:18px 0 0!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .wtp-snippet-exclude{
  order:11!important;
  width:100%!important;max-width:none!important;align-self:stretch!important;
  margin:18px 0 0!important;
}
body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid
> article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
> .wtp-snippet-exclude form.wtp-visible-card-form{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  align-self:stretch!important;margin:0!important;
}

/* Dedicated single-card page can be wider for the form, but the package visual
   contract above remains exactly the same as homepage /pakej/. */
body:not(.dash-page).package-detail-page main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid.payment-package-grid-detail,
body:not(.dash-page).direct-package-page main section.wtp-package-ui-sync.wtp-package-ui-sync
.pricing-table.plan-track.wantopup-package-grid.payment-package-grid.payment-package-grid-detail{
  grid-template-columns:minmax(0,1fr)!important;
  width:min(100%,760px)!important;max-width:760px!important;margin-inline:auto!important;
}

@media(max-width:760px){
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
  .pricing-table.plan-track.wantopup-package-grid.payment-package-grid
  > article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]{
    padding:17px 14px!important;border-radius:20px!important;
  }
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
  .pricing-table.plan-track.wantopup-package-grid.payment-package-grid
  > article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier] > .deal-badge{
    min-height:48px!important;margin-bottom:13px!important;padding:11px 12px!important;border-radius:14px!important;
  }
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
  .pricing-table.plan-track.wantopup-package-grid.payment-package-grid
  > article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
  > .price.wtp-package-price{
    min-height:0!important;padding:18px 12px 20px!important;margin:5px auto 14px!important;
  }
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
  .pricing-table.plan-track.wantopup-package-grid.payment-package-grid
  > article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
  > .plan-hook,
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
  .pricing-table.plan-track.wantopup-package-grid.payment-package-grid
  > article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
  > .package-buyer-note{
    min-height:50px!important;padding:11px 12px!important;
  }
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
  .pricing-table.plan-track.wantopup-package-grid.payment-package-grid
  > article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier]
  > .package-buyer-note{margin-bottom:20px!important}
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
  .pricing-table.plan-track.wantopup-package-grid.payment-package-grid
  > article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier] > ul > li{
    grid-template-columns:22px minmax(0,1fr)!important;column-gap:9px!important;
    min-height:50px!important;padding:11px 12px!important;border-radius:14px!important;
  }
  body:not(.dash-page) main section.wtp-package-ui-sync.wtp-package-ui-sync
  .pricing-table.plan-track.wantopup-package-grid.payment-package-grid
  > article.payment-plan-card.wtp-package.wtp-package-home-ui[data-wtp-tier] > ul > li::before{
    width:22px!important;height:22px!important;min-width:22px!important;font-size:13px!important;
  }
}
/* === /WanTopup v84.99dm === */