VicTHOR

вручную на PHP
вручную на CMS
вручную на конструкторе

<div class="catalog-right__block">
меня вот это смущает, смахивает на натягивание БЭМа туда, куда не надо.
А с блоком, внутри которого заголовок и иконки, все элементарно

<div class="catalog-title">
    <h1 class="catalog-title__header"></h1>
    <svg class="catalog-title__menu"></svg>
    <svg class="catalog-title__icon"></svg> <!-- хз на что вторая иконка похожа -->
</div>
<!-- названия блока и элементов примерные -->

div нужен тогда, когда это нужно только для верстки, и роботы это прекрасно понимают. Если нет контента там, а вложены семантические теги, в которых уже контент, то все в полном порядке.

У вас label во втором блоке прописан для инпутов первого блока.

Это и код и ссылка, нажмите и увидите тест на работоспособность.
~(?<=</h3>).+?(?=<h3>)~gs
Вся фишка в модификаторе s - распознавать весь текст как 1 строку.
Чтобы не экранировать слэш, я использовал ограничители ~
Если что-то не получилось, напишите язык и функцию.

нужно каждую строку обернуть в форму

а если будет огроменная форма , надо будет указывать какие инпуты и т.п собирать

да, так и надо, а много форм - это хрень какая-то.

Работает.
Возможно, вместо max-width имелось ввиду min-width

У меня все работает. Может у вас какой-нибудь плагин слежки за изменениями на странице?
Кстати, если форме задавать id, то она становится уникальной и передавать в качестве аргумента ее не обязательно, в js можно сразу обращаться к элементу по id. Хотя в целом так писать код, как он написан, не правильно)
В вашем случае, возможно, поможет дебаг нажатия..
Шаги:
1) для button прописать onckick="alert(1)"
2) Вернуть, если все нормально. Прописать alert(1); в функции disp.
3) Попробовать без передачи аргумента.

не правильно были написаны относительные пути, на сколько бы не уходил назад ../../../, корневая папка domains локалхоста будет стопом, из-за этого изначально были не правильные пути, но работали.