Vadim

1) Эта строка:
c = a+++b;
выполняется как
c = a++ + b;
Т.е. здесь не преинкремент, а постинкремент, поэтому в результате получается 7

2) Потому что когда вы делаете инкремент строковой переменной, она преобразуется в число. И затем число суммируется с числом.

3) Оператор ++ неявно выполняет присваивание и не может перезаписать константу. То же самое будет для численных значений:

5++ // Uncaught ReferenceError: Invalid left-hand side expression in postfix operation

Если хотите удалить только вверху, то нужно будет отредактировать шаблон.
Ищите the_posts_pagination (скорее всего в index.php файле темы).

Если хотите убрать вверху и внизу, но не хотите редактировать шаблон, увеличте количество записей на странице в настроках:

add_action( 'wpcf7_before_send_mail', 'change_recepient_before_send_mail', 10, 1);
function change_recepient_before_send_mail($form) {
  $submission = WPCF7_Submission::get_instance();

  if ($submission) {
    $posted_data = $submission->get_posted_data();
    if (empty($posted_data) || empty($posted_data['input-radio-name'])) {
      return $form;
    }
    
    $selected_email = $posted_data['input-radio-name'];    

    $mail = $form->prop('mail') ;
    $mail['recipient'] = $recipient;
    
    $form->set_properties( array("mail" => $mail)) ;

    return $form;
  }
}

Вам нужно изменить порядок вложенности контейнеров. Не всё оборачивать в .container, а каждую отдельную секцию продуктов:

<div id="content">
    <div class="products">
        <div class="container">
            <div class="row">
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
            </div>
        </div>
        <!--Вот тут должен быть блок-->
        <div class="container">
            <div class="row">
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
                <div class="product-layout"></div>
            </div>
        </div>
        <!--Вот тут должен быть блок-->
    </div>
</div>

При display: table по-умолчанию ширина блока подстраивается под ширину контента.
В случае с display: block - по-умолчанию блок растягивается на всю ширину.
Поэтому в случае с display: table - margin: 0 auto работает и центрирует блок по горизонтали. если вопрос в этом, конечно :)
Если хотите использовать display: block, нужно явно указать width либо max-width:
https://jsfiddle.net/dx2poLwk/
Либо вообще посмотрите в сторону display: flex.

У ваших слайдеров одинаковые параметры data-hash у слайдов. Они должны быть разные.
https://codepen.io/anon/pen/gQYxXK

https://jsfiddle.net/qao0u19r/2/

var StartNum = 0;
var link = 'https://vk.com/club'

var Openlink = function () {
  for (var i = 1; i <= 5; i++) {
    var LinkUrl = link + (i + StartNum);
    console.log(LinkUrl);
  }
  StartNum += 5;
}

Попробуйте так:
'!node_modules', '!**/_**/*.*', '**/*.html',