Андрей Верх

Вы в курсе, что уже множественные бэкграунды есть?
Что-то вешать на body не очень хорошая идея само по себе. Вешайте на другие контейнеры...футер или шапку, например.

А для того что убрать элемент под родителя, before/after должны иметь z-index:-1 и родитель не должен иметь z-index'a

multiple - это и есть селект для тех у кого отключен JS.
Не нужно пытаться писать костыли для 0.01% посетителей.

CSS COMB

Так?

Документацию принципиально не читаете?

//Initialize Plugin
$(".owl-carousel").owlCarousel()
 
//get carousel instance data and store it in variable owl
var owl = $(".owl-carousel").data('owlCarousel');
 
//Public methods
owl.next()   // Go to next slide
owl.prev()   // Go to previous slide

Для основного контейнера с белым фоном:
transform:skewX(20deg)

Для вложенной стрелки:
transform:skewX(-20deg)

Если кнопка как на скрине простая, то есть много способов её увеличения и без скейла.
Текст и пэддинги увеличьте, например.

В reset никто не мешает использовать. Единственным минусом, может быть разве что производительность, если сбрасывать через универсальный селектор. Но в том же Буцтрапе сбрасывают и ничего...

А многим наверное привычнее верстать по старому и прописывать border-box только в нужных местах