.wcpo-methods {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.wcpo-methods.wcpo-rounded .wcpo-method-card {
  border-radius: 10px;
}
.wcpo-method-card {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 12px 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  transition: border-color .15s, box-shadow .15s, background .15s, transform .05s;
}
.wcpo-method-card:hover { border-color: #999; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.wcpo-method-card.selected { border-color: #1a73e8; box-shadow: 0 0 0 2px rgba(26,115,232,.2); background: #f8fbff; }
.wcpo-method-card:active { transform: translateY(1px); }

.wcpo-method-logo { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; }
.wcpo-method-info { display: flex; flex-direction: column; line-height: 1.2; text-align: left; }
.wcpo-method-title { font-weight: 600; font-size: 14px; }
.wcpo-method-subtext { color: #606770; font-size: 12px; margin-top: 2px; }

.wcpo-qr { margin-top: 10px; }
.wcpo-qr img { max-width: 220px; height: auto; display: block; }

.wcpo-custom-checkout,
.wcpo-thankyou { margin-top: 8px; }