/**
 * Доп. стили bon-pay для form-steam-direct (поверх payment-theme-steam.css).
 * Подключается только при Style slug = bonpay в ЛК.
 */
#payment-form-steam-direct.form-style-bonpay .payment-form-steam-field label {
  font-family: var(--e-global-typography-secondary-font-family, "Raleway"), Sans-serif;
  font-size: var(--e-global-typography-secondary-font-size, 20px);
  font-weight: 600;
  color: var(--e-global-color-5ac46fb, #12162A);
  margin-bottom: 8px;
}

/* Единый ритм блоков формы */
#payment-form-steam-direct.form-style-bonpay .payment-form-steam-field {
  margin-bottom: 16px;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-direct-status {
  margin-top: 2px;
}

/* Хинты и пояснения */
#payment-form-steam-direct.form-style-bonpay .payment-form-amount-hint {
  margin: 6px 0 10px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--e-global-color-secondary, #A0A0A0);
  opacity: 0.9;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-amount-hint a {
  color: var(--e-global-color-accent, #E44444);
}

/* Поля ввода: аккуратная, но заметная рамка */
#payment-form-steam-direct.form-style-bonpay .payment-form-steam-field input[type="text"],
#payment-form-steam-direct.form-style-bonpay .payment-form-steam-field input[type="email"],
#payment-form-steam-direct.form-style-bonpay .payment-form-steam-field input[type="number"] {
  border-color: rgba(18, 22, 42, 0.35);
  border-width: 1px;
  border-radius: 10px;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-field input:focus {
  border-color: var(--e-global-color-5b15dc9, #5B8CFF);
  box-shadow: 0 0 0 3px rgba(91, 140, 255, 0.14);
}

/* Кнопки выбора сумм: универсальные темные */
#payment-form-steam-direct.form-style-bonpay .payment-form-steam-amount-buttons {
  gap: 8px;
  margin-top: 10px;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-amount-btn {
  background: transparent;
  color: var(--e-global-color-5ac46fb, #12162A);
  border: 1px solid var(--e-global-color-5ac46fb, #12162A);
  border-radius: 10px;
  min-height: 42px;
  padding: 0 12px;
  font-weight: 600;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-amount-btn:hover,
#payment-form-steam-direct.form-style-bonpay .payment-form-steam-amount-btn.active {
  background: rgba(18, 22, 42, 0.08);
  color: var(--e-global-color-5ac46fb, #12162A);
  border-color: var(--e-global-color-5ac46fb, #12162A);
}

/* Кнопки оплаты: центрирование и мягкий hover */
#payment-form-steam-direct.form-style-bonpay #payment-methods-title {
  display: none;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-methods--direct {
  margin-top: 20px;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-pay-buttons {
  gap: 10px;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-pay-btn {
  min-height: 72px;
  padding: 14px 10px;
  border-radius: 10px;
  border: 1px solid rgba(128, 128, 128, 0.4);
  background: transparent;
  color: inherit;
}

#payment-form-steam-direct.form-style-bonpay #pay-common-RUB img {
  max-height: 36px;
}

#payment-form-steam-direct.form-style-bonpay #pay-common-EXT img {
  max-height: 46px;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-pay-btn > span {
  display: none !important;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-pay-btn:hover {
  background: rgba(128, 128, 128, 0.1);
  border-color: currentColor;
  color: inherit;
  transform: none;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-pay-btn.is-active {
  background: rgba(128, 128, 128, 0.16);
  border-color: currentColor;
  color: inherit;
}

/* Согласие = тот же формат, что и хинт */
#payment-form-steam-direct.form-style-bonpay .payment-form-steam-rules {
  margin-top: 10px;
}

#payment-form-steam-direct.form-style-bonpay .payment-form-steam-checkbox-label,
#payment-form-steam-direct.form-style-bonpay .payment-form-steam-checkbox-label span {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
  color: var(--e-global-color-secondary, #A0A0A0);
  opacity: 0.9;
  font-weight: 400;
}
.payment-form-steam-account-msg.text-success a{
font-size: 0.9em!important;
text-decoration: underline;
}