/* V1.27.59 — Confirmar participação no mobile: modal centralizado e resumo sem contêiner/TAG externa. */
@media (max-width:700px){
  /* Centraliza o card dentro da área segura já reservada pelo V1.27.44. */
  body #checkoutModal.modal.open:has(#confirmCheckoutBtn:not(.hidden)){
    align-items:center!important;
    justify-content:center!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
  }

  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)){
    position:relative!important;
    inset:auto!important;
    margin:auto!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    transform:none!important;
  }

  /* Remove a TAG/card maior que envolvia todo o resumo. */
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
  }

  /* Cada informação vira uma linha independente. */
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .sum-line,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .checkout-campaign-line,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .checkout-quantity-line,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .checkout-benefit-row,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .double-chance-summary,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .unit-discount-summary,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .order-promotion-highlight,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .sum-total{
    box-sizing:border-box!important;
    margin:0!important;
    padding:6px 0!important;
    border:0!important;
    border-bottom:1px solid #dfe4ea!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Rótulos e valores sem cápsulas/TAGs. */
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .sum-line > span,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .sum-line > strong,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .sum-line > b,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .sum-total > span,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .sum-total > strong{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Bônus ficam evidentes por cor/peso, sem criar caixas extras. */
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .checkout-benefit-row > span,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .checkout-benefit-row > strong,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .double-chance-summary > span,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .double-chance-summary > strong,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .unit-discount-summary > span,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .unit-discount-summary > strong,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .order-promotion-highlight > span,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutDetails .order-promotion-highlight > strong{
    color:#126e38!important;
    font-weight:900!important;
  }

  /* A recomendação de próximo giro também passa a ser uma linha, e não uma TAG. */
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) .wheel-checkout-tip,
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) .wheel-checkout-tip.achieved{
    margin:0!important;
    padding:6px 0!important;
    border:0!important;
    border-bottom:1px solid #dfe4ea!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) .wheel-checkout-tip strong{
    color:#126e38!important;
    font-weight:900!important;
  }

  /* Termos separados visualmente do resumo sem criar outro card. */
  body #checkoutModal.modal.open > .modal-card:has(#confirmCheckoutBtn:not(.hidden)) #checkoutTermsConfirmation{
    margin:7px 0 6px!important;
    padding:6px 0 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* Viewports baixos: mantém centralizado, usando a compactação já existente. */
@media (max-width:700px) and (max-height:620px){
  body #checkoutModal.modal.open:has(#confirmCheckoutBtn:not(.hidden)){
    align-items:center!important;
  }
}