@media (max-width: 840px) {
  .pagina-pagamento { width: min(100% - 18px, 720px); padding: 9px 0; }
  .cartao-tela { min-height: calc(100vh - 18px); border-radius: 27px; }
  .acolhimento { grid-template-columns: 1fr; text-align: center; padding: 28px 22px; }
  .personagens { width: min(72%, 310px); order: -1; }
  .area-compra { grid-template-columns: 1fr; }
  .cartao-produto { grid-template-columns: minmax(100px, 170px) 1fr; padding: 12px; }
  .imagem-produto { grid-row: 1 / 3; width: 100%; height: 150px; }
  .nome-produto { align-self: end; margin: 0; }
  .etiqueta-preco { align-self: start; }
  .area-moedas { min-height: 315px; }
  .apresentacao-pecas { grid-template-columns: minmax(120px, 190px) minmax(220px, 330px); }
  .apresentacao-tres-pecas { grid-template-columns: minmax(100px, 150px) repeat(2, minmax(170px, 250px)); gap: 12px; }
}

@media (max-width: 520px) {
  .tela-pagamento { padding: 14px 9px; }
  .area-interacao { grid-template-columns: 1fr; }
  .painel-moeda { grid-template-columns: 1fr auto; align-items: center; padding: 9px 14px; }
  .painel-moeda h2 { margin: 0; }
  .pecas-disponiveis { display: flex; justify-content: center; }
  .peca-disponivel.peca-moeda { width: 92px; }
  .peca-disponivel.peca-cedula { width: 130px; }
  .fase-3 .peca-disponivel.peca-moeda { width: 70px; }
  .fase-3 .peca-disponivel.peca-cedula { width: 100px; }
  .area-moedas { min-height: 282px; padding: 7px; }
  .grade-moedas { grid-template-columns: repeat(3, minmax(64px, 84px)); min-height: 260px; gap: 4px; }
  .cartao-produto { grid-template-columns: 118px 1fr; }
  .imagem-produto { height: 120px; }
  .etiqueta-preco { min-width: 128px; padding: 7px 12px; }
  .controles-conclusao .botao-icone { width: 100%; }
  .transicao-fase { padding: 22px 12px; }
  .apresentacao-pecas { grid-template-columns: minmax(90px, .72fr) minmax(155px, 1.28fr); gap: 10px; }
  .apresentacao-tres-pecas { grid-template-columns: minmax(68px, .65fr) repeat(2, minmax(100px, 1fr)); gap: 6px; }
  .peca-apresentada { padding: 9px; border-radius: 20px; }
  .peca-apresentada img { height: 120px; }
}

@media (max-width: 360px) {
  .grade-moedas { grid-template-columns: repeat(3, minmax(58px, 72px)); }
  .cartao-produto { grid-template-columns: 100px 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}