.cupom-banner {
  background-color: #8A2BE2; 
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 20px;
  font-family: sans-serif;
  font-size: 14px;
}
.cupom-banner p { margin: 0; }
.codigo-cupom {
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
  margin-left: 5px;
  
/* --- ADICIONE ESTAS TRÊS LINHAS --- */
  position: sticky; 
  z-index: 99; 
  margin-top: 80px; /* A mágica acontece aqui */
}
.btn-copiar {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: white;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.2s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.btn-copiar:hover { background: rgba(255, 255, 255, 0.2); }