.mp-settings-stack,
.mp-settings-stack > .mp-settings {
  min-width: 0;
}

.mp-settings .mp-actions {
  flex-wrap: wrap;
}

.mp-online-settings h2 { display: flex; align-items: center; gap: 10px; }
.mp-online-settings > p { margin: 18px 0 0; line-height: 1.6; }

.online-sale-payment {
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
  margin-bottom: 20px; padding: 20px; border-radius: 18px;
  background: #f8fafc; border: 1px solid #e7ecf1;
}
.online-sale-payment > div { flex: 1 1 240px; min-width: 0; }
.online-sale-payment p { margin: 6px 0 0; line-height: 1.6; color: var(--muted); }
.online-sale-payment > small { flex: 1 1 100%; overflow-wrap: anywhere; color: var(--muted); }
.online-sale-payment > button { flex-shrink: 0; }
@media (max-width: 600px) { .online-sale-payment > button { width: 100%; } }