/* Wallet overlays only. Product checkout styles and payment handlers are separate. */
.deposit-dialog.wallet-deposit{--deposit-red:#ff204d;box-sizing:border-box;width:min(596px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:32px;border:1px solid #ba2544;border-radius:21px;background:radial-gradient(ellipse at 20% 0%,#45132366,transparent 65%),linear-gradient(135deg,#210b13,#10080c 75%);color:#fff4f7;box-shadow:0 25px 95px #000a,0 0 42px #ff003710;font-family:Arial,sans-serif;scrollbar-width:thin}
.deposit-dialog.wallet-deposit::backdrop{background:#050204c9;backdrop-filter:blur(6px)}
.wallet-deposit *{box-sizing:border-box}.wallet-deposit svg{display:block;width:24px;height:24px;flex-shrink:0}
.wallet-deposit .deposit-sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.deposit-dialog.wallet-deposit .deposit-close{z-index:2;right:17px;top:17px;width:44px;height:44px;border:1px solid #793044;border-radius:12px;background:linear-gradient(140deg,#4b17264d,#37131f90);box-shadow:inset 0 0 7px #ff8aa617;color:#ffdee8;font-size:32px;font-weight:400}
.wallet-deposit .deposit-back{position:absolute;left:18px;top:17px;width:36px;height:40px;border:0;border-radius:8px;background:transparent;color:#d7aab8;font-size:32px;line-height:1}
.wallet-deposit button:focus-visible,.wallet-deposit select:focus-visible,.wallet-deposit input:focus-visible{outline:2px solid #ff8ca5;outline-offset:4px}
.wallet-deposit button:disabled{opacity:.5;cursor:wait}
.deposit-dialog.wallet-deposit.is-choosing{width:min(756px,calc(100% - 32px));padding:24px 16px 16px;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.wallet-deposit.is-choosing>.deposit-close{right:16px;top:-30px;width:30px;height:30px;font-size:24px;opacity:.7}
.wallet-deposit .deposit-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.wallet-deposit .deposit-choice-single{grid-template-columns:minmax(0,346px);justify-content:center}
.wallet-deposit .deposit-method{position:relative;isolation:isolate;overflow:hidden;min-height:365px;padding:43px 39px 78px;text-align:left;color:#fff;border:1px solid #ff315b;border-radius:18px;background:radial-gradient(ellipse at 20% 10%,#631d3038,transparent 60%),linear-gradient(140deg,#2b0f19,#160b10 82%);box-shadow:inset 0 1px 0 #ff849848,0 20px 60px #ca002315;transition:border-color .15s,transform .15s,box-shadow .15s}
.wallet-deposit .deposit-method{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.wallet-deposit .deposit-method::before,.wallet-deposit .deposit-method::after{content:"";position:absolute;z-index:-1;width:280px;height:280px;border-radius:50%;background:linear-gradient(130deg,#d6375722,transparent 70%);pointer-events:none}
.wallet-deposit .deposit-method::before{right:-151px;top:-143px}.wallet-deposit .deposit-method::after{left:-125px;bottom:-204px;transform:rotate(180deg)}
.wallet-deposit .deposit-method:hover{transform:translateY(-3px);border-color:#ff7c98;box-shadow:0 14px 55px #ff00341c}
.wallet-deposit .deposit-method-icon{display:grid;place-items:center;width:114px;height:114px;margin-bottom:16px;border:1px solid #8a2a40;border-radius:20px;color:var(--deposit-red);background:radial-gradient(ellipse at 50% 40%,#b4153440,#47101d50);box-shadow:inset 0 1px 2px #fa57772b,0 0 35px #ff1c4f0a}
.wallet-deposit .deposit-method-icon svg{width:80px;height:80px;filter:drop-shadow(0 3px 6px #ff003533)}
.wallet-deposit .deposit-method>strong{display:block;font-size:36px;line-height:1.18;letter-spacing:-1.4px;white-space:nowrap}
.wallet-deposit .deposit-method-time{display:flex;gap:9px;align-items:flex-start;margin-top:15px;font-size:16px;line-height:1.5;white-space:nowrap}
.wallet-deposit .deposit-method-time>svg{color:var(--deposit-red);width:27px;height:27px}.wallet-deposit .deposit-method-time small{display:block;color:#cdbac2;font-size:13px;margin-top:3px;white-space:normal}
.wallet-deposit .deposit-method-arrow{position:absolute;right:23px;bottom:22px;display:grid;place-items:center;width:49px;height:49px;border:1px solid #af2a44;border-radius:50%;background:linear-gradient(145deg,#61182d8f,#34131d);box-shadow:inset 0 1px 2px #ff6e8433}
.wallet-deposit .deposit-method-arrow svg{width:28px;height:28px;stroke-width:3}
.wallet-deposit .deposit-form-heading{text-align:center}.wallet-deposit .deposit-pix-icon{display:block;width:65px;height:65px;color:var(--deposit-red);margin:0 auto 19px;filter:drop-shadow(0 0 16px #ff00384d)}.wallet-deposit .deposit-pix-icon svg{width:100%;height:100%}
.wallet-deposit .deposit-selected{display:inline-block;padding:7px 13px;border-radius:30px;background:#7b122647;color:#ff375a;font-size:13px;font-weight:700;letter-spacing:1.6px}
.deposit-dialog.wallet-deposit h2{font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.8px;color:#fff7f9}
.wallet-deposit .deposit-form-heading h2{margin:12px 0 8px}.wallet-deposit .deposit-form-heading p{font-size:18px;color:#c8b5be;margin:0}
.deposit-dialog.wallet-deposit form{display:grid;gap:9px;margin:25px 0 0}.deposit-dialog.wallet-deposit form>label{font-size:17px;font-weight:500;line-height:1.4;color:#ffedf3}
.deposit-dialog.wallet-deposit .wallet-amount{padding:14px 22px;gap:20px;min-height:65px;border:1px solid #ff204d;border-radius:12px;background:#140c12;box-shadow:0 0 0 3px #ff164715}
.wallet-deposit .wallet-amount>span{font-size:23px;line-height:1.6;color:#e2cbd5;padding-right:20px;border-right:1px solid #67424f}
.wallet-deposit .wallet-amount input{width:100%;min-width:0;padding:0;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none;color:#fff;font:22px Arial,sans-serif}.wallet-deposit .wallet-amount input::placeholder{color:#8b7985;opacity:1}
.deposit-dialog.wallet-deposit form>small{font-size:11px;line-height:1.35;color:#bfa3b0;min-height:15px}
.deposit-dialog.wallet-deposit .primary{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:58px;padding:14px 20px;background:linear-gradient(170deg,#ff3a64 0%,#f4093c 38%,#d4002b 100%);border:1px solid #ff3a60;border-radius:12px;box-shadow:inset 0 1px 3px #ffb8c14d,0 5px 22px #ff003921;color:#fff;font-size:21px;font-weight:700;line-height:1.2}
.wallet-deposit .primary:hover:not(:disabled){filter:brightness(1.1)}.wallet-deposit #generate-pix{margin-top:0;font-size:21px;padding:14px 20px}
.deposit-dialog.wallet-deposit .text-button{font-size:14px;color:#ff325e;padding:8px 12px}.deposit-dialog.wallet-deposit .notice{margin:16px 0 0;padding:11px 13px;font-size:12px;line-height:1.45;color:#e8bdcc;background:#40172566;border:1px solid #713044;border-radius:9px}.wallet-deposit.is-choosing>.notice{background:#26101c}
.wallet-deposit.is-pix-payment{width:min(568px,calc(100% - 32px));padding:26px 33px}
.deposit-dialog.wallet-deposit .deposit-pix-payment{display:grid;gap:10px;margin:0;padding:0;border:0;text-align:center}
.wallet-deposit .deposit-pix-payment .deposit-pix-icon{width:58px;height:58px;margin:0 auto -2px}.wallet-deposit .deposit-pix-payment h2{margin:0 0 0;font-size:36px;letter-spacing:.1px}
.wallet-deposit .deposit-status{display:inline-flex;align-items:center;justify-content:center;justify-self:center;gap:10px;max-width:100%;padding:10px 15px;border:1px solid #80511c;border-radius:25px;background:linear-gradient(130deg,#4d2d1166,#2f190673);box-shadow:0 0 20px #ff9a1012;color:#ffc13e;font-size:14px;font-weight:700;line-height:1.4}
.wallet-deposit .deposit-status svg{width:21px;height:21px;stroke-width:2.3}.wallet-deposit .deposit-pix-total>span{display:block;color:#cdb8c2;font-size:13px;letter-spacing:.3px;margin-bottom:0}.wallet-deposit .deposit-pix-total strong{display:block;color:#fff7fa;font-size:36px;line-height:1.15}
.wallet-deposit .deposit-pix-qr{display:grid;place-items:center;justify-self:center;min-height:218px;min-width:218px;max-width:100%;border-radius:14px;background:#fff;color:#685a63;padding:10px;box-shadow:0 0 25px #fa315b0a}
.deposit-dialog.wallet-deposit #pix-image{display:block;width:204px;height:204px;max-width:100%;padding:0;border-radius:4px;image-rendering:pixelated;object-fit:contain}
.wallet-deposit .deposit-scan{font-size:16px;line-height:1.4;letter-spacing:.2px}.wallet-deposit .deposit-pix-payment>label{margin-top:5px;text-align:left;font-size:14px;color:#dec7d2}
.wallet-deposit .deposit-pix-code{display:flex;align-items:center;min-width:0;min-height:49px;border:1px solid #6d3242;border-radius:10px;background:#0e080c;overflow:hidden}
.wallet-deposit .deposit-pix-code input{width:100%;min-width:0;padding:14px 18px;background:transparent;color:#e9d6de;border:0;font:14px Arial,sans-serif;text-overflow:ellipsis;outline:0}
.wallet-deposit .deposit-pix-code button{flex-shrink:0;display:grid;place-items:center;background:none;border:0;color:#ffb0c2;padding:11px 15px}
.wallet-deposit #copy-pix{min-height:57px;font-size:20px}.wallet-deposit #copy-pix svg{width:25px;height:25px}.wallet-deposit .deposit-auto{display:flex;align-items:center;justify-content:center;gap:12px;color:#d2bec8;font-size:14px;line-height:1.4;margin:2px 0 0}.wallet-deposit .deposit-auto svg{color:#ff2851;width:20px;height:20px}.wallet-deposit #new-deposit{justify-self:center;font-size:12px;padding:0 8px}
.wallet-deposit [hidden]{display:none!important}
@media(max-width:760px){.wallet-deposit .deposit-choice{gap:18px}.wallet-deposit .deposit-method{padding:30px 25px 73px;min-height:335px}.wallet-deposit .deposit-method>strong{font-size:30px}.wallet-deposit .deposit-method-time{font-size:13px}.wallet-deposit .deposit-method-time small{font-size:11px}}
@media(max-width:540px){.deposit-dialog.wallet-deposit{padding:27px 22px;max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.deposit-dialog.wallet-deposit.is-choosing{width:calc(100% - 32px);padding:20px 0 0;max-height:calc(100dvh - 70px);overflow:auto}.wallet-deposit .deposit-choice{grid-template-columns:1fr;gap:16px}.wallet-deposit .deposit-method{min-height:220px;padding:25px 25px 30px}.wallet-deposit .deposit-method-icon{width:72px;height:72px;border-radius:15px;margin-bottom:14px}.wallet-deposit .deposit-method-icon svg{width:53px;height:53px}.wallet-deposit .deposit-method>strong{font-size:29px}.wallet-deposit .deposit-method-time{font-size:14px;margin-top:10px;padding-right:35px;white-space:normal}.wallet-deposit .deposit-method-time small{font-size:12px}.wallet-deposit .deposit-method-arrow{width:40px;height:40px;right:19px;bottom:22px}.deposit-dialog.wallet-deposit h2{font-size:30px}.wallet-deposit .deposit-form-heading p{font-size:15px}.wallet-deposit .deposit-pix-icon{width:58px;height:58px}.deposit-dialog.wallet-deposit .deposit-close{width:35px;height:35px;right:12px;top:12px;font-size:26px}.wallet-deposit .deposit-back{left:10px;top:10px}.deposit-dialog.wallet-deposit .wallet-amount{gap:13px;padding:12px 15px;min-height:57px}.wallet-deposit .wallet-amount>span{font-size:21px;padding-right:13px}.wallet-deposit .wallet-amount input{font-size:19px}.wallet-deposit .deposit-pix-payment h2{font-size:31px}.wallet-deposit .deposit-pix-total strong{font-size:32px}.wallet-deposit .deposit-scan{font-size:14px}.wallet-deposit .deposit-auto{font-size:12px}.wallet-deposit .deposit-status{font-size:13px;padding:9px 12px}.wallet-deposit #copy-pix{font-size:17px;min-height:52px}.wallet-deposit .deposit-pix-payment{gap:10px}}
@media(prefers-reduced-motion:reduce){.wallet-deposit .deposit-method{transition:none}.wallet-deposit .deposit-method:hover{transform:none}}
@media(max-width:540px){.deposit-dialog.wallet-deposit.is-choosing{padding-top:44px;max-height:calc(100dvh - 24px)}.deposit-dialog.wallet-deposit.is-choosing>.deposit-close{top:0;right:0}}
