/* GIFED brand-safe disabled online payment option. No checkout provider is wired. */
.method--coming-soon {
  grid-column: 1 / -1;
  min-height: 85px;
  background: #f3f4f7;
  border: 1px dashed #cfd5df;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  gap: 14px;
  padding: 15px 17px;
}
.method--coming-soon:hover, .method--coming-soon:focus-within {
  background: #f3f4f7;
  border-color: #cfd5df;
  box-shadow: none;
  outline: none;
}
.method--coming-soon .method-icon {
  color: #78869a;
  background: #e7eaf0;
  border-color: #d8dee8;
  height: 41px;
  width: 41px;
}
.method--coming-soon .method-copy strong { font-size: 13px; color: #5f6e85; }
.method--coming-soon .method-copy small { font-size: 11px; color: #748197; }
.coming-soon-badge {
  margin-left: auto;
  flex-shrink: 0;
  padding: 7px 11px;
  border-radius: 99px;
  background: #e2e6ed;
  border: 1px solid #cfd5df;
  color: #57647a;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}
@media (max-width: 520px) {
  .method--coming-soon { flex-direction: row; align-items: center; min-height: 88px; padding: 12px; gap: 10px; }
  .method--coming-soon .method-icon { width: 34px; height: 34px; flex-shrink: 0; }
  .method--coming-soon .method-copy { flex: 1; }
  .method--coming-soon .method-copy strong { font-size: 12px; }
  .method--coming-soon .method-copy small { font-size: 10px; }
  .coming-soon-badge { white-space: normal; max-width: 105px; text-align: center; padding: 7px 8px; font-size: 9px; }
}
@media (max-width: 355px) {
  .method--coming-soon { flex-wrap: wrap; }
  .coming-soon-badge { margin-left: 43px; max-width: unset; }
}