/* PeladoZ — STORE seguindo exatamente o DNA visual da HOME */
:root{
  --pz-red:#ed343d;--pz-red2:#c51e28;--pz-bg:#070809;--pz-panel:#101316;
  --pz-panel2:#15191d;--pz-text:#f6f3ef;--pz-muted:#989da3;
  --pz-line:rgba(255,255,255,.085);--pz-line-strong:rgba(255,255,255,.12);
  --pz-radius:18px;--pz-shadow:0 24px 70px rgba(0,0,0,.28)
}
html{scrollbar-color:#cf2931 #08090a!important}
body{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  background:radial-gradient(900px 500px at 76% -8%,rgba(237,52,61,.13),transparent 62%),radial-gradient(680px 420px at 8% 42%,rgba(255,255,255,.026),transparent 65%),linear-gradient(180deg,#090b0d,#060708 60%,#050607)!important;
  color:var(--pz-text)!important;letter-spacing:-.006em
}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#08090a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e63a42,#a9141d);border:2px solid #08090a;border-radius:999px}

/* mesmo header estrutural da HOME: faixa infinita + conteúdo centralizado */
.store-header{
  width:100%!important;height:82px!important;position:sticky!important;top:0!important;z-index:1000!important;
  border-bottom:1px solid var(--pz-line)!important;background:rgba(8,10,12,.82)!important;
  backdrop-filter:blur(20px) saturate(130%)!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.22)!important
}
.store-header-inner{width:100%!important;max-width:1220px!important;height:82px!important;margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
.brand-logo img{height:58px!important;max-width:205px!important;object-fit:contain!important;filter:drop-shadow(0 8px 20px rgba(0,0,0,.36))!important}
.store-header-actions{gap:8px!important}.button{min-height:42px!important;padding:0 14px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--pz-line-strong)!important;color:#e8eaec!important;font-size:12px!important;font-weight:900!important;letter-spacing:.055em!important;transition:.2s ease!important}.button:hover{transform:translateY(-1px)!important;border-color:rgba(237,52,61,.34)!important;background:rgba(237,52,61,.07)!important}.button.steam{background:rgba(237,52,61,.10)!important;border-color:rgba(237,52,61,.34)!important;color:#fff!important}

main{width:100%!important;max-width:1220px!important;margin:0 auto!important;padding:0 24px 90px!important}
/* STORE ganha o mesmo impacto do HERO da HOME */
.store-intro{min-height:420px!important;display:flex!important;align-items:center!important;margin:0!important;padding:70px 0 58px!important;border:0!important;background:transparent!important;position:relative!important;overflow:visible!important}
.store-intro:after{content:'STORE';position:absolute!important;right:0!important;bottom:20px!important;font-size:clamp(88px,12vw,170px)!important;font-weight:1000!important;letter-spacing:-.075em!important;color:rgba(255,255,255,.018)!important;pointer-events:none!important;z-index:-1!important}
.store-intro>div{max-width:760px!important}.tag{display:inline-flex!important;color:#ff5960!important;font-size:12px!important;font-weight:900!important;letter-spacing:.19em!important;text-transform:uppercase!important}.store-intro h1{font-size:clamp(56px,7vw,92px)!important;line-height:.89!important;letter-spacing:-.067em!important;text-transform:uppercase!important;margin:16px 0 20px!important}.store-intro p{max-width:650px!important;color:#a1a6ab!important;line-height:1.7!important;font-size:16px!important;margin:0!important}

.store-profile-strip,.login-gate,.coins-api-notice,.pix-dialog,.history-dialog{border:1px solid var(--pz-line)!important;border-radius:20px!important;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;box-shadow:0 20px 60px rgba(0,0,0,.20)!important}.store-profile-strip{padding:20px 22px!important}.store-profile-avatar{border-radius:13px!important}.login-gate{padding:24px 26px!important;margin-top:4px!important}.login-gate-button{min-height:46px!important;border-radius:12px!important;background:linear-gradient(180deg,#f0444c,#c51e28)!important;border:0!important;box-shadow:0 10px 28px rgba(237,52,61,.20)!important;font-weight:900!important}.login-gate-button:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(237,52,61,.26)!important}

.section-title{margin-top:76px!important;margin-bottom:24px!important;align-items:end!important}.section-title small{color:#ff5960!important;letter-spacing:.18em!important;font-weight:900!important}.section-title h2{font-size:clamp(32px,4vw,46px)!important;letter-spacing:-.045em!important;margin-top:7px!important}.section-title p,.section-title>span{color:var(--pz-muted)!important;line-height:1.55!important}
.grid{gap:15px!important}
.card,.package-card,.product-card{border:1px solid var(--pz-line)!important;border-radius:18px!important;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;box-shadow:0 14px 42px rgba(0,0,0,.16)!important;overflow:hidden!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}.card:hover,.package-card:hover,.product-card:hover{transform:translateY(-4px)!important;border-color:rgba(237,52,61,.25)!important;box-shadow:0 18px 50px rgba(0,0,0,.22),0 0 32px rgba(237,52,61,.045)!important}.card button,.package-card button,.product-card button{border-radius:11px!important}
.chips{gap:8px!important}.chip{border-radius:999px!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--pz-line)!important}.chip.active,.chip:hover{background:rgba(237,52,61,.10)!important;border-color:rgba(237,52,61,.34)!important;color:#fff!important}
.coins-api-notice{margin-top:16px!important}.pix-dialog,.history-dialog{border-color:rgba(237,52,61,.18)!important}.qr-frame{border-radius:16px!important}.pix-code-row input{border-radius:11px!important;background:#0a0c0e!important}.copy-pix{border-radius:12px!important;background:linear-gradient(180deg,#ef3c45,#be1822)!important}.store-refresh-balance{border-radius:11px!important}.back-to-top{border-radius:14px!important;background:linear-gradient(180deg,#e73a42,#ae1620)!important;border-color:rgba(237,52,61,.55)!important;box-shadow:0 12px 32px rgba(0,0,0,.42),0 0 22px rgba(237,52,61,.14)!important}
@media(max-width:850px){.store-header{height:70px!important}.store-header-inner{height:70px!important;padding:0 14px!important}.brand-logo img{height:50px!important}main{padding-left:14px!important;padding-right:14px!important}.store-intro{min-height:auto!important;padding:70px 0 54px!important}.store-intro h1{font-size:54px!important}.section-title{margin-top:60px!important}}
@media(max-width:620px){.store-header-actions .button span{display:none!important}.button{width:42px!important;padding:0!important;justify-content:center!important}.store-intro:after{font-size:78px!important}.store-intro h1{font-size:46px!important}.section-title{align-items:flex-start!important;flex-direction:column!important}}

/* ==========================================================
   STORE — PACOTES DE COINS V3
   Cards proporcionais, alinhados e seguindo o DNA da HOME
   ========================================================== */
#packages.grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  margin-top:26px!important;
}

#packages .package-card{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  isolation:isolate!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:
    radial-gradient(280px 170px at 100% 0,rgba(237,52,61,.075),transparent 62%),
    linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.014))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
#packages .package-card::before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  top:0!important;
  height:2px!important;
  border-radius:0 0 999px 999px!important;
  background:linear-gradient(90deg,transparent,rgba(237,52,61,.72),transparent)!important;
  opacity:.7!important;
}
#packages .package-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(237,52,61,.28)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.25),0 0 30px rgba(237,52,61,.05)!important;
}

#packages .package-top{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  min-width:0!important;
}

#packages .coin-art{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  margin:0 0 20px!important;
  transform:none!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:16px!important;
  background:radial-gradient(circle at 35% 28%,rgba(237,52,61,.15),transparent 62%),rgba(255,255,255,.025)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#packages .coin-disc{
  width:35px!important;
  height:35px!important;
  border-width:2px!important;
  font-size:7px!important;
  background:linear-gradient(145deg,#e03942,#84131b)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:0 7px 14px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#packages .coin-disc.c1{left:7px!important;top:23px!important}
#packages .coin-disc.c2{left:27px!important;top:10px!important}
#packages .coin-disc.c3{left:30px!important;top:32px!important}

#packages .package-copy{
  width:100%!important;
  min-width:0!important;
}
#packages .package-copy small{
  display:block!important;
  margin:0 0 5px!important;
  color:#70767c!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
  line-height:1.2!important;
}
#packages .package-copy h3{
  min-height:24px!important;
  margin:0 0 18px!important;
  color:#f3f4f5!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  line-height:1.35!important;
  text-transform:uppercase!important;
}
#packages .package-coins{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(36px,3vw,43px)!important;
  font-weight:950!important;
  letter-spacing:-.05em!important;
  line-height:.95!important;
  white-space:nowrap!important;
}
#packages .package-unit{
  display:block!important;
  margin-top:7px!important;
  color:#8d9399!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#packages .package-price{
  margin:20px 0 0!important;
  color:#f6f3ef!important;
  font-size:24px!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  line-height:1!important;
}

#packages .package-note{
  min-height:51px!important;
  margin:20px 0 12px!important;
  padding:15px 0 0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  color:#8f959b!important;
  font-size:11px!important;
  line-height:1.55!important;
}
#packages .package-bonus{
  width:max-content!important;
  max-width:100%!important;
  min-height:28px!important;
  margin:0 0 16px!important;
  padding:5px 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  border:1px solid rgba(237,52,61,.22)!important;
  border-radius:999px!important;
  background:rgba(237,52,61,.07)!important;
  color:#f06b72!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#packages .package-bonus-placeholder{
  display:block!important;
  visibility:hidden!important;
}
#packages .package-buy{
  width:100%!important;
  min-height:46px!important;
  margin-top:auto!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ed3c45,#c51e28)!important;
  color:#fff!important;
  box-shadow:0 10px 25px rgba(197,30,40,.16),inset 0 1px 0 rgba(255,255,255,.14)!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  line-height:1!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
#packages .package-buy:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
  box-shadow:0 13px 30px rgba(197,30,40,.22),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

#packages .package-ribbon{
  position:absolute!important;
  top:18px!important;
  right:-37px!important;
  width:142px!important;
  padding:6px 0!important;
  transform:rotate(38deg)!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#cb2029,#ed3c45)!important;
  color:#fff!important;
  box-shadow:0 6px 18px rgba(0,0,0,.25)!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:nowrap!important;
  z-index:4!important;
}

/* mantém o destaque do maior pacote, mas sem quebrar a grade */
#packages .package-card:nth-child(8){
  border-color:rgba(237,52,61,.24)!important;
  background:
    radial-gradient(320px 190px at 100% 0,rgba(237,52,61,.12),transparent 64%),
    linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.014))!important;
}
#packages .package-card:nth-child(8) .package-coins{color:#fff!important}

@media(max-width:1050px){
  #packages.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  #packages .package-coins{font-size:42px!important}
}
@media(max-width:620px){
  #packages.grid{grid-template-columns:1fr!important;gap:14px!important}
  #packages .package-card{padding:20px!important}
  #packages .package-card::before{left:20px!important;right:20px!important}
  #packages .package-top{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;column-gap:16px!important;align-items:start!important}
  #packages .coin-art{margin:0!important;grid-row:1/span 1!important}
  #packages .package-copy h3{margin-bottom:12px!important}
  #packages .package-coins{font-size:38px!important}
  #packages .package-price{font-size:22px!important;margin-top:16px!important}
}

/* ==========================================================
   STORE — MOBILE POLISH V4
   Revisão geral para telas pequenas (perfil, header, grids,
   catálogo, PIX e espaçamentos) sem alterar a lógica da loja.
   ========================================================== */
@media (max-width: 700px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .store-header-inner{gap:10px!important}
  .store-header-actions{margin-left:auto!important;gap:7px!important;min-width:0!important}
  #account{flex:0 0 auto!important;max-width:calc(100vw - 160px)!important}
  .account-trigger{min-width:0!important;max-width:100%!important;height:42px!important;padding:4px 7px!important;border-radius:11px!important;gap:7px!important}
  .account-avatar{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:9px!important}
  .account-trigger-name{display:none!important}
  .account-coins{margin-left:0!important;max-width:92px!important;padding:4px 7px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .account-chevron{font-size:11px!important}
  .account-dropdown{position:fixed!important;top:78px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;border-radius:16px!important}

  main{padding:0 14px 70px!important}
  .store-intro{padding:48px 0 38px!important}
  .store-intro:after{right:-10px!important;bottom:8px!important;font-size:72px!important}
  .store-intro>div{width:100%!important}
  .store-intro h1{font-size:clamp(42px,12vw,54px)!important;line-height:.92!important;letter-spacing:-.055em!important;margin:13px 0 16px!important;overflow-wrap:anywhere!important}
  .store-intro p{font-size:14px!important;line-height:1.65!important;max-width:100%!important}

  /* Perfil Steam: duas linhas claras no mobile. */
  .store-profile-strip{
    min-height:0!important;
    padding:16px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:15px!important;
    align-items:stretch!important;
    border-radius:17px!important;
  }
  .store-profile-left{width:100%!important;min-width:0!important;gap:12px!important;align-items:center!important}
  .store-profile-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:12px!important}
  .store-profile-copy{min-width:0!important;flex:1 1 auto!important}
  .store-profile-copy strong{max-width:100%!important;font-size:15px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .store-profile-copy small{max-width:100%!important;margin-top:4px!important;font-size:9px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .store-profile-right{
    width:100%!important;
    margin:0!important;
    padding:12px 12px 12px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.025)!important;
  }
  .store-profile-balance{min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex:1 1 auto!important;text-align:left!important}
  .store-profile-balance>span{display:block!important;margin:0!important;color:#7f878e!important;font-size:9px!important;letter-spacing:.14em!important;white-space:nowrap!important}
  .store-profile-balance strong{min-width:0!important;justify-content:flex-end!important;font-size:22px!important;line-height:1!important;white-space:nowrap!important}
  .store-coin-icon{width:24px!important;height:24px!important;flex:0 0 24px!important}
  .store-refresh-balance{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px!important}
  .purchase-history-popover{top:78px!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100vh - 96px)!important}

  .login-gate{padding:18px!important;gap:16px!important;border-radius:17px!important}
  .login-gate-copy{align-items:flex-start!important;gap:12px!important}
  .login-gate-icon{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:23px!important}
  .login-gate-copy strong{font-size:15px!important;line-height:1.35!important}
  .login-gate-copy p{font-size:12px!important;line-height:1.55!important}
  .login-gate-button{width:100%!important;min-width:0!important}

  .section-title{margin-top:52px!important;margin-bottom:20px!important;gap:12px!important;padding-bottom:16px!important}
  .section-title h2{font-size:31px!important;line-height:1.02!important}
  .section-title p{font-size:13px!important;line-height:1.55!important}
  #coinPackages .section-title>span{width:100%!important;min-height:0!important;margin:0!important;padding:11px 12px!important;font-size:11px!important;line-height:1.4!important;text-align:left!important}

  #packages.grid,#products.grid{grid-template-columns:1fr!important;gap:14px!important;margin-left:0!important;margin-right:0!important}
  #packages .package-card{width:100%!important;padding:19px!important;border-radius:17px!important}
  #packages .package-card::before{left:19px!important;right:19px!important}
  #packages .package-top{grid-template-columns:62px minmax(0,1fr)!important;column-gap:14px!important}
  #packages .coin-art{width:62px!important;height:62px!important;min-width:62px!important}
  #packages .package-copy h3{min-height:0!important;margin:0 0 10px!important;font-size:13px!important}
  #packages .package-coins{font-size:36px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #packages .package-price{font-size:21px!important;margin-top:14px!important}
  #packages .package-note{min-height:0!important;margin:16px 0 11px!important;padding-top:13px!important}
  #packages .package-bonus{margin-bottom:13px!important;white-space:normal!important}
  #packages .package-buy{min-height:48px!important}

  #products .card{width:100%!important;min-width:0!important;padding:18px!important;border-radius:17px!important}
  #products .card h3{font-size:16px!important;overflow-wrap:anywhere!important}
  #products .card p{min-height:0!important;font-size:13px!important;line-height:1.5!important}
  .chips{margin-top:16px!important;gap:7px!important;overflow:visible!important}
  .chip{min-height:38px!important;padding:8px 11px!important;border-radius:999px!important;font-size:12px!important}
  .coins-api-notice{padding:15px!important;gap:11px!important;border-radius:15px!important}
  .coins-api-notice p{font-size:12px!important;line-height:1.55!important}

  .pix-modal,.history-modal{padding:8px!important}
  .pix-dialog,.history-dialog{width:100%!important;max-height:calc(100dvh - 16px)!important;padding:19px 14px!important;border-radius:17px!important}
  .pix-head{gap:11px!important;padding-right:38px!important}
  .pix-badge{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .pix-kicker{font-size:8px!important;letter-spacing:.14em!important}
  .pix-head h2{font-size:22px!important}
  .pix-order{margin:16px 0 14px!important;padding:13px!important;border-radius:12px!important}
  .qr-frame{width:min(210px,72vw)!important;height:min(210px,72vw)!important}
  .pix-help{font-size:12px!important}
  .pix-code-row input{font-size:10px!important}
  .history-head h2{font-size:21px!important}
  .history-balance{flex-wrap:wrap!important}

  .back-to-top{right:14px!important;bottom:14px!important;width:44px!important;height:44px!important;border-radius:12px!important}
}

@media (max-width: 480px){
  .brand-logo img{height:42px!important;max-width:112px!important}
  .store-header-actions .button{width:40px!important;min-height:40px!important}
  #account{max-width:112px!important}
  .account-coins{display:none!important}
  .account-trigger{width:44px!important;justify-content:center!important;padding:4px!important}
  .account-chevron{display:none!important}

  .store-intro{padding:40px 0 32px!important}
  .store-intro h1{font-size:clamp(36px,11vw,43px)!important}
  .store-intro:after{font-size:60px!important}

  .store-profile-strip{padding:14px!important;gap:13px!important}
  .store-profile-left{gap:10px!important}
  .store-profile-avatar{width:44px!important;height:44px!important;flex-basis:44px!important}
  .store-profile-copy strong{font-size:14px!important}
  .store-profile-copy small{font-size:8.5px!important}
  .store-profile-right{padding:10px 10px 10px 12px!important}
  .store-profile-balance>span{font-size:8px!important}
  .store-profile-balance strong{font-size:20px!important;gap:5px!important}
  .store-coin-icon{width:22px!important;height:22px!important;flex-basis:22px!important}
  .store-refresh-balance{width:34px!important;height:34px!important;flex-basis:34px!important}

  .section-title h2{font-size:28px!important}
  #packages .package-card{padding:17px!important}
  #packages .package-card::before{left:17px!important;right:17px!important}
  #packages .package-top{grid-template-columns:56px minmax(0,1fr)!important;column-gap:12px!important}
  #packages .coin-art{width:56px!important;height:56px!important;min-width:56px!important}
  #packages .package-coins{font-size:32px!important}
  #packages .package-price{font-size:20px!important}
  #packages .package-ribbon{top:15px!important;right:-40px!important;font-size:7px!important}

  .purchase-history-item{gap:10px!important;padding:12px!important}
  .purchase-history-meta{max-width:108px!important}
  .purchase-history-meta b{font-size:11px!important;overflow-wrap:anywhere!important}
}

@media (max-width: 360px){
  .store-header-inner{padding:0 10px!important}
  main{padding-left:10px!important;padding-right:10px!important}
  .brand-logo img{max-width:100px!important}
  .store-profile-balance>span{display:none!important}
  .store-profile-balance{justify-content:flex-end!important}
  .store-profile-balance strong{margin-left:0!important}
  .store-intro h1{font-size:35px!important}
  .section-title h2{font-size:26px!important}
}
\n\n/* ==========================================================\n   STORE — PACOTES DE COINS V5 COMPACT\n   Menos altura, zero linha-fantasma de bônus e alinhamento rígido.\n   ========================================================== */\n#packages.grid{\n  gap:14px!important;\n  margin-top:22px!important;\n}\n#packages .package-card{\n  height:auto!important;\n  min-height:0!important;\n  padding:17px!important;\n  display:grid!important;\n  grid-template-rows:auto auto 42px!important;\n  align-content:start!important;\n  gap:12px!important;\n  border-radius:16px!important;\n}\n#packages .package-card::before{left:17px!important;right:17px!important}\n#packages .package-top{\n  display:grid!important;\n  grid-template-columns:54px minmax(0,1fr)!important;\n  gap:12px!important;\n  align-items:start!important;\n}\n#packages .coin-art{\n  width:54px!important;\n  height:54px!important;\n  min-width:54px!important;\n  margin:0!important;\n  border-radius:13px!important;\n}\n#packages .coin-disc{width:28px!important;height:28px!important;font-size:6px!important}\n#packages .coin-disc.c1{left:5px!important;top:20px!important}\n#packages .coin-disc.c2{left:21px!important;top:8px!important}\n#packages .coin-disc.c3{left:23px!important;top:26px!important}\n#packages .package-copy{\n  display:grid!important;\n  grid-template-columns:minmax(0,1fr) auto!important;\n  grid-template-areas:\n    "eyebrow eyebrow"\n    "title title"\n    "coins price"\n    "unit price"!important;\n  column-gap:10px!important;\n  align-items:end!important;\n}\n#packages .package-copy small{\n  grid-area:eyebrow!important;\n  margin:0 0 2px!important;\n  font-size:8px!important;\n}\n#packages .package-copy h3{\n  grid-area:title!important;\n  min-height:0!important;\n  margin:0 0 8px!important;\n  font-size:12px!important;\n  line-height:1.18!important;\n  white-space:nowrap!important;\n  overflow:hidden!important;\n  text-overflow:ellipsis!important;\n}\n#packages .package-coins{\n  grid-area:coins!important;\n  font-size:30px!important;\n  line-height:.9!important;\n  letter-spacing:-.045em!important;\n}\n#packages .package-unit{\n  grid-area:unit!important;\n  margin-top:5px!important;\n  font-size:9px!important;\n}\n#packages .package-price{\n  grid-area:price!important;\n  margin:0!important;\n  padding-bottom:1px!important;\n  font-size:17px!important;\n  line-height:1!important;\n  white-space:nowrap!important;\n}\n#packages .package-note{\n  min-height:0!important;\n  margin:0!important;\n  padding:10px 0 0!important;\n  border-top:1px solid rgba(255,255,255,.065)!important;\n  font-size:10px!important;\n  line-height:1.35!important;\n  white-space:nowrap!important;\n  overflow:hidden!important;\n  text-overflow:ellipsis!important;\n}\n#packages .package-bonus,\n#packages .package-bonus-placeholder{display:none!important}\n#packages .package-buy{\n  min-height:42px!important;\n  height:42px!important;\n  margin:0!important;\n  border-radius:10px!important;\n  font-size:10px!important;\n}\n#packages .package-ribbon{\n  top:13px!important;\n  right:-42px!important;\n  width:138px!important;\n  padding:5px 0!important;\n  font-size:7px!important;\n}\n@media(max-width:1050px){\n  #packages.grid{gap:14px!important}\n  #packages .package-coins{font-size:32px!important}\n}\n@media(max-width:700px){\n  #packages.grid{gap:12px!important}\n  #packages .package-card{\n    padding:15px!important;\n    grid-template-rows:auto auto 44px!important;\n    gap:10px!important;\n  }\n  #packages .package-card::before{left:15px!important;right:15px!important}\n  #packages .package-top{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important}\n  #packages .coin-art{width:52px!important;height:52px!important;min-width:52px!important}\n  #packages .package-copy h3{margin-bottom:7px!important}\n  #packages .package-coins{font-size:29px!important;white-space:nowrap!important}\n  #packages .package-price{font-size:17px!important;margin:0!important}\n  #packages .package-note{padding-top:9px!important;font-size:9.5px!important}\n  #packages .package-buy{min-height:44px!important;height:44px!important}\n}\n@media(max-width:380px){\n  #packages .package-card{padding:14px!important}\n  #packages .package-card::before{left:14px!important;right:14px!important}\n  #packages .package-top{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important}\n  #packages .coin-art{width:48px!important;height:48px!important;min-width:48px!important}\n  #packages .package-coins{font-size:27px!important}\n  #packages .package-price{font-size:16px!important}\n}\n
/* ==========================================================
   STORE — PACOTES V6 REFINED
   Cartões compactos, centralizados e proporcionais em desktop/mobile.
   ========================================================== */
#packages.grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:22px!important;
  align-items:stretch!important;
}

#packages .package-card{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:20px 18px 17px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:18px!important;
  background:
    radial-gradient(240px 120px at 50% -20px,rgba(237,60,69,.07),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
#packages .package-card::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:62px!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  border-radius:0 0 6px 6px!important;
  background:linear-gradient(90deg,transparent,#ed3c45,transparent)!important;
  opacity:.9!important;
}
#packages .package-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(237,60,69,.25)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24),0 0 26px rgba(237,60,69,.035)!important;
}

#packages .package-top{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  gap:0!important;
}
#packages .coin-art{
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  margin:0 0 12px!important;
  border-radius:16px!important;
  transform:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.16)!important;
}
#packages .coin-disc{width:31px!important;height:31px!important;font-size:6px!important}
#packages .coin-disc.c1{left:6px!important;top:23px!important}
#packages .coin-disc.c2{left:25px!important;top:9px!important}
#packages .coin-disc.c3{left:27px!important;top:30px!important}

#packages .package-copy{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
#packages .package-copy small{
  order:0!important;
  margin:0 0 3px!important;
  color:#747b82!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
  line-height:1!important;
}
#packages .package-copy h3{
  order:1!important;
  width:100%!important;
  min-height:0!important;
  margin:0 0 13px!important;
  color:#f4f4f5!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1.1!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#packages .package-coins{
  order:2!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:1000!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#packages .package-unit{
  order:3!important;
  display:block!important;
  margin:5px 0 0!important;
  color:#8f969d!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
#packages .package-price{
  order:4!important;
  width:auto!important;
  margin:12px 0 0!important;
  padding:7px 12px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.025)!important;
  color:#f5f5f6!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
#packages .package-note{
  width:100%!important;
  min-height:0!important;
  margin:15px 0 14px!important;
  padding:13px 4px 0!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  color:#858c93!important;
  font-size:9.5px!important;
  font-weight:650!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#packages .package-buy{
  width:100%!important;
  min-height:41px!important;
  height:41px!important;
  margin-top:auto!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#e83a43,#bd2029)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(189,32,41,.13),inset 0 1px 0 rgba(255,255,255,.13)!important;
  font-size:9.5px!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
}
#packages .package-ribbon{
  position:absolute!important;
  top:13px!important;
  right:13px!important;
  width:auto!important;
  padding:5px 8px!important;
  transform:none!important;
  border:1px solid rgba(237,60,69,.19)!important;
  border-radius:999px!important;
  background:rgba(237,60,69,.11)!important;
  color:#ff7c83!important;
  box-shadow:none!important;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}

#packages .package-card:nth-child(8){
  border-color:rgba(237,60,69,.22)!important;
  background:
    radial-gradient(260px 130px at 50% -20px,rgba(237,60,69,.11),transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014))!important;
}

@media(max-width:1050px){
  #packages.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
  #packages .package-card{padding:19px 18px 17px!important}
  #packages .package-coins{font-size:36px!important}
}

@media(max-width:700px){
  #packages.grid{grid-template-columns:1fr!important;gap:12px!important}
  #packages .package-card{
    height:auto!important;
    padding:17px 16px 15px!important;
    border-radius:16px!important;
  }
  #packages .coin-art{width:56px!important;height:56px!important;min-width:56px!important;margin-bottom:10px!important;border-radius:14px!important}
  #packages .coin-disc{width:28px!important;height:28px!important}
  #packages .coin-disc.c1{left:5px!important;top:21px!important}
  #packages .coin-disc.c2{left:22px!important;top:8px!important}
  #packages .coin-disc.c3{left:24px!important;top:27px!important}
  #packages .package-copy h3{margin-bottom:10px!important;font-size:11px!important}
  #packages .package-coins{font-size:32px!important}
  #packages .package-price{margin-top:10px!important;padding:6px 11px!important;font-size:16px!important}
  #packages .package-note{margin:12px 0 12px!important;padding-top:11px!important;font-size:9.5px!important}
  #packages .package-buy{min-height:42px!important;height:42px!important}
  #packages .package-ribbon{top:11px!important;right:11px!important}
}

@media(max-width:380px){
  #packages .package-card{padding:15px 14px 14px!important}
  #packages .coin-art{width:52px!important;height:52px!important;min-width:52px!important}
  #packages .package-coins{font-size:30px!important}
  #packages .package-price{font-size:15px!important}
  #packages .package-note{font-size:9px!important}
}

/* ==========================================================
   STORE — PACOTES V7 MOBILE BALANCED
   Mantém o desktop V6 intacto e melhora leitura/proporção no mobile.
   ========================================================== */
@media(max-width:700px){
  #packages.grid{
    gap:10px!important;
    margin-top:18px!important;
  }

  #packages .package-card{
    min-height:0!important;
    height:auto!important;
    padding:14px 15px 13px!important;
    border-radius:15px!important;
  }

  #packages .package-top{
    gap:0!important;
  }

  #packages .coin-art{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    margin:0 0 7px!important;
    border-radius:13px!important;
  }
  #packages .coin-disc{width:25px!important;height:25px!important;font-size:5.5px!important}
  #packages .coin-disc.c1{left:5px!important;top:19px!important}
  #packages .coin-disc.c2{left:20px!important;top:7px!important}
  #packages .coin-disc.c3{left:22px!important;top:24px!important}

  #packages .package-copy small{
    margin-bottom:3px!important;
    font-size:8.5px!important;
  }

  #packages .package-copy h3{
    margin:0 0 7px!important;
    font-size:13px!important;
    line-height:1.05!important;
    letter-spacing:.1em!important;
  }

  #packages .package-coins{
    font-size:42px!important;
    line-height:.9!important;
    letter-spacing:-.05em!important;
  }

  #packages .package-unit{
    margin-top:4px!important;
    font-size:9.5px!important;
  }

  #packages .package-price{
    margin-top:8px!important;
    padding:6px 12px!important;
    font-size:18px!important;
  }

  #packages .package-note{
    margin:10px 0 10px!important;
    padding:9px 2px 0!important;
    font-size:10px!important;
    line-height:1.3!important;
  }

  #packages .package-buy{
    min-height:42px!important;
    height:42px!important;
    border-radius:10px!important;
    font-size:10px!important;
  }

  #packages .package-ribbon{
    top:10px!important;
    right:10px!important;
    padding:4px 7px!important;
    font-size:7px!important;
  }
}

@media(max-width:380px){
  #packages .package-card{
    padding:13px 13px 12px!important;
  }
  #packages .coin-art{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    margin-bottom:6px!important;
  }
  #packages .coin-disc{width:23px!important;height:23px!important}
  #packages .coin-disc.c1{left:4px!important;top:18px!important}
  #packages .coin-disc.c2{left:18px!important;top:7px!important}
  #packages .coin-disc.c3{left:20px!important;top:22px!important}
  #packages .package-copy h3{font-size:12.5px!important;margin-bottom:6px!important}
  #packages .package-coins{font-size:39px!important}
  #packages .package-price{font-size:17px!important;margin-top:7px!important}
  #packages .package-note{margin:9px 0!important;padding-top:8px!important;font-size:9.5px!important}
}


/* ==========================================================
   STORE — V8 GOLD COINS + GREEN BONUS
   Substitui o antigo LP vermelho pelo mesmo símbolo de moeda do saldo.
   ========================================================== */
#packages .coin-art{
  position:relative!important;
  overflow:visible!important;
  background:radial-gradient(circle at 50% 45%,rgba(242,193,78,.12),transparent 68%),rgba(255,255,255,.018)!important;
  border-color:rgba(242,193,78,.12)!important;
}
#packages .coin-disc{display:none!important}
#packages .package-coin{
  position:absolute!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#ffe08a 0%,#f3bd46 48%,#bf7d17 100%)!important;
  border:1px solid rgba(255,235,165,.9)!important;
  box-shadow:0 7px 14px rgba(0,0,0,.28),0 0 12px rgba(238,184,54,.10),inset 0 1px 1px rgba(255,255,255,.52)!important;
}
#packages .package-coin svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:#74480c!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#packages .package-coin-1{left:5px!important;top:23px!important;z-index:1!important;transform:rotate(-9deg)!important}
#packages .package-coin-2{left:25px!important;top:9px!important;z-index:3!important}
#packages .package-coin-3{left:28px!important;top:31px!important;z-index:2!important;transform:rotate(8deg)!important}

#packages .package-ribbon{
  border-color:rgba(70,211,121,.28)!important;
  background:rgba(49,190,103,.12)!important;
  color:#75e89f!important;
  box-shadow:0 0 14px rgba(49,190,103,.08)!important;
}

@media(max-width:700px){
  #packages .package-coin{width:27px!important;height:27px!important}
  #packages .package-coin svg{width:18px!important;height:18px!important}
  #packages .package-coin-1{left:4px!important;top:19px!important}
  #packages .package-coin-2{left:19px!important;top:7px!important}
  #packages .package-coin-3{left:21px!important;top:23px!important}
}
@media(max-width:380px){
  #packages .package-coin{width:25px!important;height:25px!important}
  #packages .package-coin svg{width:16px!important;height:16px!important}
  #packages .package-coin-1{left:3px!important;top:18px!important}
  #packages .package-coin-2{left:17px!important;top:6px!important}
  #packages .package-coin-3{left:19px!important;top:21px!important}
}


/* ==========================================================
   STORE — V9 COINS DOURADAS
   Destaca a quantidade de Coins sem alterar preço/botões.
   ========================================================== */
#packages .package-coins{
  color:#f5c451!important;
  text-shadow:0 0 16px rgba(245,196,81,.10)!important;
}
#packages .package-card:hover .package-coins{
  color:#ffd66f!important;
  text-shadow:0 0 18px rgba(255,214,111,.14)!important;
}


/* ==========================================================
   STORE — V10 APOCALIPSE SEMPRE DOURADO
   Sobrescreve o destaque legado do 8º card, inclusive sem hover.
   ========================================================== */
#packages .package-card:nth-child(8) .package-coins,
#packages .package-card:nth-child(8):hover .package-coins,
#packages .package-card .package-coins{
  color:#f5c451!important;
  text-shadow:0 0 16px rgba(245,196,81,.12)!important;
}
#packages .package-card:hover .package-coins{
  color:#ffd66f!important;
  text-shadow:0 0 18px rgba(255,214,111,.16)!important;
}


/* ==========================================================
   STORE — V11 COINS: MESMO COMPORTAMENTO EM TODOS OS PACOTES
   Inclusive APOCALIPSE: dourado normal + hover igual aos demais.
   ========================================================== */
#packages .package-card .package-coins,
#packages .package-card:nth-child(8) .package-coins{
  color:#f5c451!important;
  text-shadow:0 0 16px rgba(245,196,81,.12)!important;
  transition:color .2s ease,text-shadow .2s ease,transform .2s ease!important;
}
#packages .package-card:hover .package-coins,
#packages .package-card:nth-child(8):hover .package-coins{
  color:#ffd66f!important;
  text-shadow:0 0 20px rgba(255,214,111,.22)!important;
}


/* V12: todos os pacotes, inclusive APOCALIPSE, usam o mesmo dourado e hover */
.coin-package-card .coin-value,
.coin-package-card .coins-value,
.coin-package-card .package-coins,
.coin-package-card .package-coins-value,
.coin-package-card .coin-amount {
  color: #f4c84a !important;
  transition: color .2s ease, text-shadow .2s ease, transform .2s ease !important;
}
.coin-package-card:hover .coin-value,
.coin-package-card:hover .coins-value,
.coin-package-card:hover .package-coins,
.coin-package-card:hover .package-coins-value,
.coin-package-card:hover .coin-amount {
  color: #ffd968 !important;
  text-shadow: 0 0 12px rgba(244,200,74,.24) !important;
}


/* V13: mesmo dourado e mesmo hover para TODOS os pacotes, inclusive APOCALIPSE */
#packages .package-card .package-coins{
  color:#f4c84a!important;
  text-shadow:0 0 10px rgba(244,200,74,.12)!important;
  transition:color .18s ease,text-shadow .18s ease,filter .18s ease!important;
}
#packages .package-card:hover .package-coins{
  color:#ffe27a!important;
  text-shadow:0 0 14px rgba(255,226,122,.28)!important;
  filter:brightness(1.04)!important;
}


/* V14: uniformiza cor/hover dos números de Coins, inclusive APOCALIPSE */
#packages .package-card .package-coins,
#packages .package-card:nth-child(8) .package-coins {
  color:#f4c95d !important;
  text-shadow:0 0 0 rgba(244,201,93,0) !important;
  transition:color .2s ease,text-shadow .2s ease,transform .2s ease !important;
}
#packages .package-card:hover .package-coins,
#packages .package-card:nth-child(8):hover .package-coins {
  color:#ffd970 !important;
  text-shadow:0 0 14px rgba(244,201,93,.24) !important;
}