Soft_touch_plastic

Нашел решение: https://transfonter.org/
Загружаешь файл шрифта, выбираешь Fix vertical metrics
Все исправилось

Для того, чтобы запретить отправку, требуется получить объект ивента, и запретить его продолжение. Можно так:

form.onsubmit = function (event) {
  let inputRadio = document.querySelector('input[name="payment"]:checked'),
    radios = document.querySelectorAll('.order__form-step.active .radio__fake');
  if (!inputRadio) {
    radios.forEach(radio => radio.classList.add('invalid'));

    event.preventDefault() //теперь форма не отправится

    return false;
  } else {
    radios.forEach(radio => radio.classList.remove('invalid'));
  }
}

Можно попробовать расширить прототип массива своим методом, который будет включать в том числе запуск функции записи. Например, так:

Array.prototype.add_save = function( data ) {
    this.push(data) //вставляем данные в массив
    save_function(data) //вызов вашей функции сохранения данных
}

Потом просто вызываете на этом массиве метод save_add, передавая в него требуемые данные, и все будет работать.

my_array.save_add(data)

Нашел решение! При подключении к базе данных также следует указать кодировку utf8mb4:

$dsn = "mysql:host=$host;dbname=$db;charset=utf8mb4";
$pdo = new PDO($dsn, $user, $password);