How to do in Bitrix so that hover does not appear in one place?

Question

css

There is a project on Bitrix and a module that I use catalog.search. I need to customize it, but the hover class is constantly inserted so that I can remove it from this module as I should do and so as not to break the project if this class addition is used.
As I understand it in Bitrix, it costs /bitrix/components/bitrix/catalog.item/templates/.default/script.js:754

hoverOn: function(event)
    {
      clearTimeout(this.hoverTimer);
      this.obProduct.style.height = getComputedStyle(this.obProduct).height;
      BX.addClass(this.obProduct, 'hover');

      BX.PreventDefault(event);
    },

    hoverOff: function(event)
    {
      if (this.hoverStateChangeForbidden)
        return;

      BX.removeClass(this.obProduct, 'hover');
      this.hoverTimer = setTimeout(
        BX.delegate(function(){
          this.obProduct.style.height = 'auto';
        }, this),
        300
      );

      BX.PreventDefault(event);
    },

But is it possible to somehow take it and only change it in one place so that it simply does not work?
"COMPATIBLE_MODE" => "N",Installed it but it still doesn't work.