Yuriy Lyadov

В класс container__header добавить:

display: flex;
justify-content: center;
align-items: center;

Не то?

Может внутри div'а отдельные элементы обновлять а не весь div?

Напишите всплывающее окно при помощи jquery и css/html , либо лучше через ajax все делать что бы не нагружать страницу лишним кодом.
А у вас битрикс на каком то решении? Или чистый магазин?

Обычно дизайнера рисуют картинки подобные.
А так, я думаю что главный блок нужно обвернуть в position: relative; а блок с картинкой в position: absolute; ну и блок с картинкой расположить куда надо top:0; right:0;

Главному блоку можно задать overflow: hidden;

Как то так:

*{
    padding: 0;
    margin: 0;    
}


ol{
    list-style: none;
}
ol > li{
    padding-left: 20px;
    position: relative;
    margin: 10px;
}
ol > li:before{
    content: '✔';
    position: absolute; top: 0; left: 0;
    color: yellow;
}

<ol>
    <li>list</li>
    <li>list</li>
    <li>list</li>
    <li>list</li>
</ol>

<script>
$(document).ready(function() {
$('[name=phone]').bind("change keyup input click", function() { // Указываешь имя поля где нужно отказать ввод текста в поле
if (this.value.match(/[^0-9]/g)) {
this.value = this.value.replace(/[^0-9]/g, '');
}
});
});
</script>

Попробуйте прописать

<meta name="viewport" content="width=1034">

Попробуй данный код с css запихать на подобный сайт как этот https://codepen.io/
Я думаю легче будет тебе помочь.

Я думаю это имел введу? jQuery фильтры таблицы