/* V1.27.61 — Pix mobile limpo: somente o código Copia e Cola permanece em caixa/TAG. */
@media (max-width:700px){
  /* Remove qualquer card/TAG interno envolvendo o conteúdo do Pix. */
  body #checkoutModal.modal.open[data-checkout-stage="pix"] #checkoutDetails,
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-payment-box,
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-payment-head{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
  }

  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-payment-box{
    display:grid!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
  }

  /* Referência do pedido vira texto simples, sem badge/cápsula. */
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-order-reference{
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#64748b!important;
    font-size:.64rem!important;
    line-height:1.1!important;
    font-weight:600!important;
  }

  /* O código Copia e Cola é o único bloco em formato de TAG/caixa. */
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-copy-section{
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-copy-section > label{
    display:none!important;
  }
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-code{
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:7px 9px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    overflow:hidden!important;
    resize:none!important;
    border:1px solid #dbe3ec!important;
    border-radius:10px!important;
    background:#f8fafc!important;
    box-shadow:none!important;
    color:#0f172a!important;
    font-size:.58rem!important;
    line-height:1.16!important;
  }

  /* Botões com espaçamento padrão e alinhamento uniforme. */
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-actions .btn,
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-provider-link,
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-check-button{
    margin:0!important;
    min-height:38px!important;
    height:38px!important;
    padding:6px 8px!important;
    border-radius:9px!important;
    font-size:.69rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* QR sem card externo; somente a própria imagem branca do QR permanece. */
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-qr-panel{
    display:grid!important;
    justify-items:center!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-qr-panel.hidden{display:none!important}
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-qr{
    margin:0!important;
    width:min(150px,42vw,27vh)!important;
    padding:4px!important;
    background:#fff!important;
    border:0!important;
    border-radius:7px!important;
    box-shadow:none!important;
  }

  /* Status também vira linha simples, sem TAG. */
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-status{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:24px!important;
    margin:0!important;
    padding:2px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#126e38!important;
    font-size:.64rem!important;
    line-height:1.1!important;
    font-weight:700!important;
  }
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-expiration{
    margin:0!important;
    padding:0!important;
  }
}

@media (max-width:380px){
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-actions{
    gap:6px!important;
  }
  body #checkoutModal.modal.open[data-checkout-stage="pix"] .pix-actions .btn{
    font-size:.65rem!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
}
