/* Pagamento embutido (Stripe) dentro da sacola: enquanto paga, a sacola mostra só o cabeçalho, as etapas e o formulário do Stripe
   (o rodapé fixo com o botão de pagar também some). */
.drawer.pagando { width: min(560px, 100%); }
.drawer.pagando > :not(.drawer-head):not(.drawer-steps):not(.checkout-embutido) { display: none !important; }
.checkout-embutido { display: grid; gap: 10px; margin-top: 8px; }
.checkout-embutido[hidden] { display: none; }
.checkout-embutido > .btn { justify-self: start; }
.checkout-embutido-aviso { margin: 0; font-size: .84rem; color: var(--color-muted, #55586a); }
.checkout-embutido-stripe { min-height: 520px; border-radius: 16px; overflow: hidden; background: #fff; }