artuh_a

Зачем вы ищите

document.querySelector('.search2__button button')[0]

? этот метод итак возвращает первый найденный элемент, возможно вы путаете с querySelectorAll?

.b {
    pointer-events: none;
}

function getTransformValues(element) {
    const style = window.getComputedStyle(element);
    const matrix =
      style.transform || style.webkitTransform || style.mozTransform;
    const matrixType = matrix.includes("3d") ? "3d" : "2d";
    const matrixValues = matrix.match(/matrix.*\((.+)\)/)[1].split(", ");

    // 2d matrices have 6 values
    if (matrixType === "2d") {
      return {
        x: Number(matrixValues[4]),
        y: Number(matrixValues[5])
      };
    }

    // 3d matrices have 16 values
    if (matrixType === "3d") {
      return {
        x: Number(matrixValues[12]),
        y: Number(matrixValues[13]),
        z: Number(matrixValues[14]),
      };
    }
  }
}

getTransformValues(твойЭлемент); // { x: 0, y: 0, z: 0 }

- Прелоадер или совсем уберите или сделайте его исчезновение более плавным, у вас статичная страничка и это мерцание как-то не очень смотрится;
- названия картинкам лучше давать латиницей:

- там где белый фон у картинок лучше сделать его прозрачным, там где нет прозрачности лучше вместо png использовать jpg. На таких маленьких страницах не важно, а в будущем может пригодиться для оптимизации;
- добавить ховер эффекты для пунктов меню;
- убрать ссылку с логотипа, тут итак одностраничник.

Общая идея такая. Вешаешь обработчик на ресайз:

window.addEventListener('resize', resizeHandlerSlider);

Сравниваешь переменную clientWidth при вызове хэндлера и дестроишь свой слайдер.

const slider = document.querySelector('#slider');
let { clientWidth } = document.body;
let yourSlider;

const sliderInit = () => {
    yourSlider = new Swiper(slider, {...})
}

const resizeHandlerSlider = () => {
    if (clientWidth !== document.body.clientWidth) {
        clientWidth = document.body.clientWidth;

        if (yourSlider) {
            yourSlider.destroy();
        }

        sliderInit();
    }
}

Первый элемент из коллекции c тэгом span

Используй селектор :nth-child

Например, первые 2 элемента:

table td:nth-child(-n+2) {
/**/
}

Обращайся к iframe так:
iframe.contentWindow.document.body