/* Telas da CentralCart (carrinho, checkout, pedido, login, conta) com o visual do site */
html body{font-family:'Manrope',sans-serif;background:#05060a;color:#f3eeee}
html body h1,html body h2,html body h3,html body h4{font-family:'Unbounded',sans-serif;letter-spacing:-.02em}
html body main.flex-1{min-height:60vh;position:relative;z-index:1}
html body main .bg-card,html body main .bg-muted,html body main .border.rounded-cc{background:rgba(17,7,9,.72)!important;border-color:rgba(255,255,255,.08)!important;border-radius:20px!important}
html body main .rounded-cc{border-radius:14px}
html body main input,html body main textarea,html body main select{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;color:#f3eeee}
html body main input:focus{border-color:#d00018!important;box-shadow:0 0 0 3px rgba(208,0,24,.18)}
html body .btn-primary{background:linear-gradient(135deg,#d00018,#e3142a)!important;color:#fff!important;border:0!important;border-radius:14px!important;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.4)}
html body main [data-payment-method]{background:rgba(255,255,255,.03)!important;border-radius:14px!important}
html body main [data-payment-method][data-selected="true"]{border-color:#d00018!important}
/* gaveta do carrinho */
html body #cart-drawer > *{background:#0b0507!important;border-left:1px solid rgba(255,255,255,.08)!important;color:#f3eeee}
html body #cart-drawer h1,html body #cart-drawer h2,html body #cart-drawer h3,html body #cart-drawer h4,html body #cart-drawer h5{font-family:'Unbounded',sans-serif}
html body #cart-drawer img{border-radius:12px}
html body .znav-bt.open-cart{cursor:pointer;color:inherit}
/* foto do item (ícone do Game Pass ou avatar) */
html body main img[data-ir-passe]{border-radius:18px!important}
html body #packages-list [data-package-id] .size-12{border-radius:16px!important}

/* botão da conta e cartão do perfil nas abas */
html.zlog body .znav-entrar{display:inline-flex!important}
html.zlog body .znav-conta{display:none!important}
html.zlog body .znav-bt.znav-entrar .znav-rot{display:none}
html body .znav-bt.znav-entrar .ir-av{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover;background:#2a1013;box-shadow:0 0 0 2px rgba(255,122,133,.35)}
.ir-conta{position:fixed;top:76px;right:16px;z-index:60;width:min(280px,calc(100vw - 24px));display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#110709;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px rgba(0,0,0,.55);font-family:'Manrope',sans-serif}
.ir-conta[hidden]{display:none}
.ir-conta-bn{display:block;height:76px;background-size:cover;background-position:center}
.ir-conta-av{width:64px;height:64px;margin:-34px 0 0 16px;border-radius:50%;object-fit:cover;border:4px solid #110709;background:#2a1013}
.ir-conta.sem-bn .ir-conta-av{margin-top:16px}
.ir-conta-tx{display:flex;flex-direction:column;gap:2px;padding:8px 16px 14px}
.ir-conta-tx b{font:800 16px 'Manrope',sans-serif;color:#f3eeee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ir-conta-tx small{color:#a99a9c;font:600 12px 'Manrope',sans-serif}
.ir-conta a,.ir-conta button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 16px;border:0;border-top:1px solid rgba(255,255,255,.08);background:none;color:#f3eeee;font:600 14px 'Manrope',sans-serif;text-align:left;cursor:pointer}
.ir-conta a:hover,.ir-conta button:hover{background:rgba(255,255,255,.05)}

/* ícone do carrinho só quando há pedido guardado */
html body .znav-bt.open-cart{display:none!important}
html.ir-tem body .znav-bt.open-cart{display:inline-flex!important;position:relative}
/* celular estreito: carrinho, estrela e conta juntos sem encostar na logo */
@media (max-width:380px){html.ir-tem body .znav-dir{gap:2px}html.ir-tem body .znav-dir .znav-bt{width:34px;min-width:34px;padding:0;justify-content:center}}