/* Phase 3B additions */

.checkout-box {
  background: #fff;
  border-radius: 10px;
  padding: 24px;
  margin-top: 24px;
  border: 1px solid #d2d2d7;
}
.checkout-box h3 { margin-top: 0; }

.radio-row {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #d2d2d7;
  border-radius: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}
.radio-row:has(input:checked) {
  border-color: #0066cc;
  background: #e3f2ff;
}

.coupon-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 16px 0;
}
.coupon-row input {
  flex: 1;
  padding: 8px;
  border: 1px solid #d2d2d7;
  border-radius: 8px;
  font-family: monospace;
}

/* Ranking */
.rank-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 20px;
}
.rank-row {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  padding: 14px 20px;
  border-radius: 10px;
}
.rank-no { font-size: 1.4em; font-weight: bold; min-width: 50px; }
.rank-name { flex: 1; }
.rank-amount { color: #34c759; font-weight: bold; font-size: 1.1em; }
.rank-1 { background: linear-gradient(90deg, #fff8dc 0%, #fff 100%); }
.rank-2 { background: linear-gradient(90deg, #e8e8e8 0%, #fff 100%); }
.rank-3 { background: linear-gradient(90deg, #ffe4c4 0%, #fff 100%); }