/* Stage 39.49 — keep the customer withdrawal flow inside the phone viewport. */
.withdraw-page,
.withdraw-page *,
.withdraw-page *::before,
.withdraw-page *::after{box-sizing:border-box}

.withdraw-page,
.withdraw-card,
.withdraw-form,
#withdraw-direct-fields,
.wallet-country-chooser,
.wallet-country-grid,
.withdraw-method-grid,
.withdraw-fields,
.withdraw-fields-grid{min-width:0;max-width:100%}

@media(max-width:700px){
 .withdraw-page{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:14px 10px max(175px,calc(135px + env(safe-area-inset-bottom)))!important;overflow:visible!important}
 .withdraw-card{width:100%!important;max-width:100%!important;margin:0!important;padding:17px 12px!important;overflow:hidden!important}
 .withdraw-form,#withdraw-direct-fields{width:100%!important;max-width:100%!important;min-width:0!important}
 .withdraw-page-head,.withdraw-currency-note,.withdraw-method-title,.withdraw-destination-choice,.withdraw-fields{width:100%!important;max-width:100%!important;min-width:0!important}
 .withdraw-currency-note>div,.withdraw-page-head>div{min-width:0}
 .withdraw-currency-note p,.withdraw-page-head p,.withdraw-method-title p{overflow-wrap:anywhere}
 .withdraw-amount,.withdraw-amount input,.withdraw-fields-grid label,.withdraw-fields-grid input,.withdraw-fields-grid select,.withdraw-fields-grid textarea{width:100%!important;max-width:100%!important;min-width:0!important}

 /* Countries must wrap on the screen instead of creating a clipped RTL carousel. */
 .withdraw-page .wallet-country-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;padding:2px 0 8px!important;overflow:visible!important;scrollbar-width:none}
 .withdraw-page .wallet-country-grid::-webkit-scrollbar{display:none}
 .withdraw-page .wallet-country-grid button{width:100%!important;min-width:0!important;max-width:100%!important;min-height:88px;padding:9px 4px!important;border-radius:15px!important;box-shadow:0 7px 15px rgba(0,0,0,.25)!important}
 .withdraw-page .wallet-country-grid button b{display:block;max-width:100%;font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
 .withdraw-page .country-real-flag{width:42px!important;height:27px!important;max-width:100%}

 /* Wallets stay compact and never force the form beyond the phone width. */
 .withdraw-page .withdraw-method-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
 .withdraw-page .withdraw-method-card{width:auto!important;min-width:0!important;max-width:100%!important;margin:0!important}
 .withdraw-page .withdraw-method-visual{width:100%!important;min-width:0!important;min-height:142px!important;padding:10px 6px!important;overflow:hidden}
 .withdraw-page .withdraw-method-visual img,.withdraw-page .withdraw-method-visual>i{width:62px!important;height:62px!important;max-width:100%}
 .withdraw-page .withdraw-method-visual b{max-width:100%;font-size:13px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
 .withdraw-page .withdraw-method-visual small{max-width:100%;white-space:normal}
 .withdraw-page .withdraw-fields{padding:13px 10px!important}
 .withdraw-page .withdraw-fields-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:10px!important}
 .withdraw-page .withdraw-submit{width:100%!important;max-width:100%!important;min-height:56px;margin-bottom:8px}
 .withdraw-page .section-title,.withdraw-page .customer-withdrawal-list{width:100%;max-width:100%;min-width:0}
}

@media(max-width:350px){
 .withdraw-page{padding-inline:7px!important}
 .withdraw-card{padding-inline:9px!important}
 .withdraw-page .wallet-country-grid{gap:6px!important}
 .withdraw-page .wallet-country-grid button{min-height:82px;padding-inline:2px!important}
 .withdraw-page .country-real-flag{width:38px!important;height:24px!important}
 .withdraw-page .withdraw-method-visual{min-height:134px!important}
}
