Use cludo.hide instead of adding a class

src/components/site-header/site-search/site-search.tsx

@@ -10,6 +10,12 @@ export interface SearchLabels {
   label?: string;
 }
 
+declare global {
+  interface Window {
+    CludoSayt: any;
+  }
+}
+
 import {Component, Prop, h, Watch, State, Listen, Host, Event, EventEmitter, Element} from '@stencil/core';
 import {ComponentLabels} from '../site-header';
 import {ColorVariant} from '../../../utils/utils';
@@ -97,7 +103,10 @@ export class SiteSearch {
 
     let cludoSayt = document.querySelectorAll('stencil-cludo-sayt')[0] as HTMLElement;
     if (cludoSayt) {
-      cludoSayt.classList.add('hidden');
+      let CludoSayt = window.CludoSayt;
+      if (typeof CludoSayt !== 'undefined') {
+        CludoSayt.hide();
+      }
     }
 
     this.showBackdropShadow();