/* ABBASTER 2.2 - Corrección de carrito móvil y pago por red Solana */
/* Una única región desplazable: se acabó la compresión del listado por el resumen */
.drawer#cartDrawer{
 display:block!important;
 overflow-y:auto!important;
 overflow-x:hidden;
 overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;
 height:100dvh;
 max-height:100dvh;
 padding:0;
 scrollbar-gutter:stable;
}
#cartDrawer[hidden]{display:none!important}
.drawer#cartDrawer .drawer__head{
 position:sticky;top:0;z-index:5;
 background:rgba(255,255,255,.96);
 backdrop-filter:blur(12px);
 padding:19px 24px;
}
.drawer#cartDrawer .drawer__body{
 display:block;min-height:0;max-height:none;
 overflow:visible;flex:none;padding:16px 24px 12px;
}
.drawer#cartDrawer .drawer__footer{
 display:block!important;
 overflow:visible!important;
 max-height:none!important;
 min-height:0;
 flex:none!important;
 padding:22px 24px calc(26px + env(safe-area-inset-bottom,0px));
}
.drawer#cartDrawer .cart-line{
 grid-template-columns:70px minmax(0,1fr);
 grid-template-areas:"photo info" "photo qty";
 column-gap:12px;
 row-gap:7px;
 padding:15px 0;
 align-items:start;
}
.drawer#cartDrawer .cart-line img{grid-area:photo;max-width:70px;max-height:82px;width:100%;height:82px}
.drawer#cartDrawer .cart-line>div:nth-child(2){grid-area:info;min-width:0}
.drawer#cartDrawer .cart-line>div:nth-child(2) strong{max-width:none;overflow-wrap:anywhere}
.drawer#cartDrawer .cart-line>.qty{
 grid-area:qty;justify-self:start;min-width:110px;
 border-radius:10px;
}
.drawer#cartDrawer .cart-line>.qty button{height:31px;width:35px;font-size:21px}
.drawer#cartDrawer .drawer__head h2{font-size:27px}
.drawer#cartDrawer .cart-empty{padding:28px 10px 36px}
.drawer#cartDrawer .deposit-box{margin:14px 0 17px}
.drawer#cartDrawer .v21-checkout{border-top:1px solid #f2e4d8;padding-top:18px}
#depositBox[hidden],#v22TokenWrap[hidden],#v22CryptoInfo[hidden],#v22CryptoFullSummary[hidden]{display:none!important}
.v22-token-choice{display:block;padding:10px 12px 13px;border:1px solid #f1d8bb;background:#fffaf2;border-radius:12px;color:#765647;font-size:12px;font-weight:800;margin:6px 0 14px}
.v22-token-choice select{width:100%;height:42px;border:1px solid #eccbab;background:white;color:#44332c;padding:8px 12px;border-radius:9px;margin-top:8px;font-weight:700}
.v22-crypto-info{padding:13px 15px;border-radius:12px;border:1px solid #ecd5c3;background:#fff6eb;font-size:12px;color:#604637}
.v22-crypto-info strong{font-size:13px;color:#a84b30}
.v22-crypto-info p{margin:7px 0 0;line-height:1.45}
.v22-crypto-summary{border:1px solid #f2c99f;border-radius:14px;background:#fff4e5;padding:12px 15px;margin-bottom:14px}
.v22-crypto-summary .sum-line{margin:5px 0 7px}
.v22-crypto-summary .sum-line strong{font-size:16px}
.v22-crypto-summary small{font-size:10px;color:#96786c;line-height:1.5;display:block}
.v22-spei-balance{display:inline;font-weight:700}
#cartDrawer .drawer__footer .sum-line--total{background:#fffaf5;padding:14px;border-radius:12px;margin:12px -4px 6px}
@media(max-width:750px){
 .drawer#cartDrawer .drawer__head{padding:15px 18px}
 .drawer#cartDrawer .drawer__body{padding:12px 18px}
 .drawer#cartDrawer .drawer__footer{padding:19px 18px calc(30px + env(safe-area-inset-bottom,0px))}
 .drawer#cartDrawer .drawer__head h2{font-size:26px}
}

/* Selector de anticipo alineado, sin radios aislados sobre el texto */
.drawer#cartDrawer .deposit-box fieldset{
 display:grid!important;
 grid-template-columns:1fr;
 gap:8px!important;
 margin:0 0 14px!important;
}
.drawer#cartDrawer .deposit-box fieldset legend{
 display:block;
 width:100%;
 margin-bottom:9px!important;
 font-weight:800;
 font-size:12px;
}
.drawer#cartDrawer .deposit-box fieldset label{
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:11px!important;
 width:100%;
 padding:11px 12px;
 margin:0!important;
 border-radius:10px;
 border:1px solid #efdfd3;
 background:#fffdfb;
 font-weight:700;
 font-size:12px!important;
 color:#554035;
 cursor:pointer;
}
.drawer#cartDrawer .deposit-box fieldset label:has(input:checked){
 background:#fff0df;
 border-color:#e6a276;
}
.drawer#cartDrawer .deposit-box fieldset label input[type=radio]{
 appearance:auto!important;
 display:inline-block!important;
 width:18px!important;
 height:18px!important;
 margin:0!important;
 padding:0!important;
 flex:0 0 18px!important;
 accent-color:#d96543;
}
