.pay-page { padding: 2rem 0 3rem; }
.pay-card { max-width: 640px; margin: 0 auto; }
.pay-card h1 { margin: 0 0 0.4rem; }
.bill-list { display: flex; flex-direction: column; gap: 0.55rem; margin: 1rem 0; }
.bill-choice {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  width: 100%;
  text-align: left;
  background: #fff;
  border: 1.5px solid var(--gray-light);
  border-radius: 12px;
  padding: 0.8rem 0.9rem;
  cursor: pointer;
  font: inherit;
}
.bill-choice.is-selected { border-color: #FF0000; box-shadow: inset 0 0 0 1px #FF0000; }
.gcash-box {
  background: var(--bg-warm);
  border: 1px solid #ffd5d5;
  border-radius: 12px;
  padding: 0.9rem;
  margin: 0.75rem 0 1rem;
}
.gcash-box img { display: block; max-width: min(220px, 100%); height: auto; margin: 0.5rem auto; }
.pay-note { color: var(--gray); }
@media (max-width: 600px) {
  .bill-choice { flex-direction: column; align-items: flex-start; }
}