.homepage-payment-methods {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 0 24px;
}
.homepage-payment-methods[hidden] { display: none; }
.homepage-payment-label { color: var(--text-muted); font-size: 13px; font-weight: 600; }
.homepage-payment-options {
  display: inline-flex;
  gap: 4px;
  padding: 5px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: #edf5f7;
}
.homepage-payment-option {
  min-height: 40px;
  min-width: 100px;
  padding: 9px 17px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--text-muted);
  font: 700 13px var(--font);
  cursor: pointer;
  transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}
.homepage-payment-option[aria-pressed="true"] {
  background: var(--card-bg);
  border-color: #b6e9e9;
  color: #008782;
  box-shadow: 0 2px 7px rgba(0, 100, 100, .08);
}
.homepage-payment-option:hover:not(:disabled) { color: #008782; }
.homepage-payment-option:focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; }
.homepage-payment-option:disabled { cursor: wait; opacity: .65; }
.homepage-prices-loading .pkg-price,
.homepage-prices-loading .total-price,
.homepage-prices-loading .total-rate { visibility: hidden; }
.pkg-card[hidden] { display: none; }
.total-rate { overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .homepage-payment-methods { flex-direction: column; gap: 8px; margin-bottom: 20px; }
  .homepage-payment-options { width: 100%; }
  .homepage-payment-option { flex: 1; min-width: 0; padding-inline: 12px; }
}