.sb-responsive-checkout{height:auto;max-height:calc(var(--sb-checkout-height,100dvh) - 12px)!important;border-radius:20px!important;width:100%;max-width:440px!important}
.sb-responsive-checkout .sb-checkout-header{padding:10px 14px;min-height:46px}
.sb-responsive-checkout .sb-checkout-body{padding:10px 14px;min-height:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.sb-responsive-checkout .sb-checkout-summary{display:flex;flex-direction:column;gap:8px}
.sb-responsive-checkout .sb-checkout-summary .shadow-lg{padding:10px 12px;box-shadow:none}
.sb-responsive-checkout .sb-checkout-summary .text-2xl{font-size:23px;line-height:28px}
.sb-responsive-checkout .sb-checkout-summary select{min-height:42px;font-size:14px;padding:8px 10px}
.sb-responsive-checkout .sb-payment-composer{position:sticky;top:-1px;z-index:2;flex-shrink:0;padding:10px;background:#f9fafb;box-shadow:0 3px 8px #0000000a;margin:0!important}
.sb-responsive-checkout .sb-payment-composer>p{display:none}
.sb-responsive-checkout .sb-payment-composer button{min-height:44px}
.sb-responsive-checkout .sb-payment-composer .text-\[7px\]{font-size:11px;line-height:14px}
.sb-responsive-checkout .sb-payment-composer input{min-width:0;font-size:16px;min-height:44px}
.sb-responsive-checkout .sb-payment-composer .relative.flex-1{min-width:0}
.sb-responsive-checkout .sb-payment-composer>button{font-size:13px;text-transform:none;letter-spacing:0;background:#5546ed}
.sb-responsive-checkout .sb-payments-history{font-size:13px;flex-shrink:0}
.sb-responsive-checkout .sb-payments-history summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#4b5563;font-weight:700}
.sb-responsive-checkout .sb-payments-history summary::before{content:'▸'}
.sb-responsive-checkout .sb-payments-history[open] summary::before{content:'▾'}
.sb-responsive-checkout .sb-payment-rows{display:grid;gap:6px}
.sb-responsive-checkout .sb-payment-rows button{min-width:44px;min-height:44px}
.sb-responsive-checkout .sb-checkout-footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #e5e7eb;background:white;display:flex;flex-direction:column;gap:6px;flex-shrink:0;z-index:3}
.sb-responsive-checkout .sb-checkout-footer>button{min-height:44px;padding:9px 10px;font-size:12px;line-height:16px;text-transform:none;letter-spacing:0;box-shadow:none}
.sb-responsive-checkout .sb-checkout-secondary{display:flex;gap:6px;align-items:stretch}
.sb-responsive-checkout .sb-checkout-secondary>button{min-height:44px;flex:1;min-width:0;padding:8px 6px;font-size:11px;line-height:15px;letter-spacing:0;text-transform:none;white-space:normal}
@media(max-height:500px){.sb-responsive-checkout{overflow-y:auto!important;display:block!important}.sb-responsive-checkout .sb-checkout-body{overflow:visible}.sb-responsive-checkout .sb-payment-composer{position:static}.sb-responsive-checkout .sb-checkout-header{position:sticky;top:0;z-index:4}.sb-responsive-checkout .sb-checkout-footer{position:static}}

/* Cash payment sidebar: preserve full buttons when the screen is short. */
.sb-cash-payment-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px;scrollbar-gutter:stable}
.sb-cash-payment-panel button{flex-shrink:0}
.sb-cash-checkout-actions button{min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.25}