Bitrix, how to get rid of wrapper elements?

Question

1C-Bitrix

Hello. Bitrix creates wrapper elements for other elements or adds classes that were not planned at all in advance and the added styles have to be rewritten, but this is not an option. Searched, but did not find a normal solution. Help me please. solve this problem. I will be very grateful. Thanks in advance!)
Added an image for a clearer picture of the situation.

Answer 1

It's just that when making a template "for Bitrix" you need to take this into account. Correct styles do not break )
A couple of tips:
1) Do not overlap tag styles globally - this can break the dialogs of Bitrix itself.
input {...}
a {...}
etc.
2) Nesting resistance - will not fall when adding intermediate blocks.
.container > .item {...} - will fall when wrapping around item
.container .item:last-child {...} - wrapping will become last-child and everything will break
, etc.
In general, BEM (or something like that) will help you)

Answer 2

Added an image for a clearer picture of the situation.