/* Checkout: uma janela por vez, campos legíveis e ações acessíveis no celular. */
#checkoutModal .checkout-inline-error{margin-top:6px;color:#b91c1c;font-size:13px;line-height:1.4;font-weight:600}
#checkoutModal .is-checkout-invalid{border:2px solid #dc2626!important;box-shadow:0 0 0 3px #fee2e2!important}
#checkoutModal .checkout-field{min-width:0}
#checkoutModal :is(input,select,textarea){scroll-margin:90px 0 130px}
#checkoutModal #checkoutFlowNotice{border:1px solid #bbf7d0;background:#f0fdf4;color:#14532d;font-size:14px;line-height:1.5}
#orderReviewModal .whatsapp-order-summary{width:100%;resize:vertical;min-height:240px;font:14px/1.55 "Segoe UI",Arial,sans-serif;white-space:pre-wrap;background:#f8fafc;color:#172b42}
#orderReviewModal .whatsapp-summary-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;color:#14532d}
#orderReviewModal .whatsapp-summary-total strong{font-size:20px}
#orderReviewModal #whatsappFallbackLink[hidden]{display:none!important}
#checkoutModal .modal-footer #checkoutNextBtn{white-space:normal;min-height:48px;line-height:1.3;text-align:center}
#checkoutModal :is(.modal-header,.modal-footer),#orderReviewModal :is(.modal-header,.modal-footer){flex-shrink:0}
@media(max-width:767.98px){
 #checkoutModal .modal-dialog,#orderReviewModal .modal-dialog,#resultModal .modal-dialog{width:100%!important;max-width:100%!important;height:100dvh!important;min-height:0!important;margin:0!important;align-items:stretch!important}
 #checkoutModal .modal-content,#orderReviewModal .modal-content,#resultModal .modal-content{height:100%!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;border-radius:0!important;overflow:hidden!important}
 #checkoutModal .modal-body,#orderReviewModal .modal-body,#resultModal .modal-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;scroll-padding-bottom:30px;padding:14px!important;-webkit-overflow-scrolling:touch}
 #checkoutModal .modal-footer,#orderReviewModal .modal-footer{position:relative!important;inset:auto!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;margin:0!important;display:flex!important;gap:8px!important;background:#fff!important;border-top:1px solid #d8e1ec!important}
 #checkoutModal :is(.checkout-client-grid,.checkout-grid-final,.checkout-grid-delivery){grid-template-columns:minmax(0,1fr)!important}
 #checkoutModal :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-height:46px!important}
 #checkoutModal .checkout-choice-grid{grid-template-columns:minmax(0,1fr)!important}
 #checkoutModal #checkoutBackBtn{min-width:44px!important;min-height:48px!important;flex:0 0 auto!important}
 #checkoutModal #checkoutNextBtn{flex:1 1 180px!important;width:auto!important;padding:12px!important}
 #orderReviewModal #confirmOrderBtn{order:4!important;flex:1 0 100%!important;width:100%!important;min-height:48px!important;white-space:normal!important}
 #orderReviewModal :is(#editOrderReviewBtn,#copyOrderSummaryBtn){flex:1 1 40%!important;width:auto!important;min-height:44px!important}
 #orderReviewModal #orderSubmitStatus{flex:1 0 100%!important;min-height:0!important}
 #checkoutModal .checkout-sticky-summary{position:static!important}
 #resultModal .pix-actions :is(button,a){min-height:46px!important;white-space:normal!important}
}

@media(max-width:767.98px){#checkoutModal #checkoutBackBtn span{display:inline!important}}

/* Pix pendente e envio de comprovante. */
.pending-pix-banner{margin:12px auto;padding:14px 16px;max-width:1140px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#7c2d12;font:14px/1.5 "Segoe UI",Arial,sans-serif}
.pending-pix-banner[hidden]{display:none!important}.pending-pix-banner strong,.pending-pix-banner span{display:block}.pending-pix-banner button{margin:8px 8px 0 0;padding:10px 14px;border:1px solid #c2410c;border-radius:8px;background:#fff;color:#9a3412;font:600 14px/1.4 "Segoe UI",Arial,sans-serif}
#resultModal .pix-checkout-panel{padding:16px;border:1px solid #fed7aa;border-radius:14px;background:#fffaf5;font:14px/1.5 "Segoe UI",Arial,sans-serif;color:#172b42}
#resultModal .pix-checkout-panel h6{font-size:18px;font-weight:700}#resultModal .pix-checkout-deadline{color:#9a3412;font-weight:600}
#resultModal .pix-checkout-panel label{display:block;font-weight:600;margin-bottom:6px}
#resultModal #pixRecoveryCode{width:100%;font:13px/1.45 monospace;padding:10px;border:1px solid #94a3b8;border-radius:8px;resize:vertical;background:#fff;color:#172b42;margin-bottom:8px;word-break:break-all}
#resultModal .pix-recovery-qr{display:block;max-width:100%;height:auto;margin:10px auto;background:#fff}
#resultModal .pix-receipt-form{display:grid;gap:9px;padding-top:16px;margin-top:16px;border-top:1px solid #fed7aa}
#resultModal #pixReceiptFile{max-width:100%;width:100%;font-size:14px}#resultModal .pix-receipt-form small{color:#526277}
#resultModal #pixCheckoutFeedback{margin:12px 0 0;color:#334155;font-weight:600}
#resultModal .pix-checkout-panel button{min-height:46px;white-space:normal}
@media(max-width:767.98px){.pending-pix-banner{margin:10px 12px}#resultModal #pixRecoveryCode{font-size:16px}}