(function(d, s, id, cb) {
          var js = d.createElement(s);
          var n = d.createElement("div");
          n.id = id;
          if (js.readyState) {js.onreadystatechange = function() {if (js.readyState ===
          "loaded" || js.readyState === "complete") {js.onreadystatechange = null; cb();}};
          } else {js.onload = function(){cb();};}
          js.src = "https://graftonapparel.chat.getzowie.com/web/live-chat/chatbotize-entrypoint.min.js";
          document.body.appendChild(js);
          document.body.appendChild(n);
          })(document, "script", "chatbotize", function() {
          Chatbotize.init({
            instanceId: "98a8612aab0e41d9ad4791ca40b204e7",
            startOnOpen: true,
            headerMode: "white",
            name: "George Richards",
            primaryColor: "#000000",
            logoUrl: "https://files.chatbotize.com/euro/gr_logo_25px.svg",
            onLoaded: function() {
              // Get the required elements
              var topMenu = document.getElementsByClassName("site-header")[0];
              var promo = document.getElementsByClassName("promobar")[0];

              // Function to check the visibility of an element
              function isElementInViewport(el) {
                var rect = el.getBoundingClientRect();
                return (
                  rect.top >= 0 &&
                  rect.left >= 0 &&
                  rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
                  rect.right <= (window.innerWidth || document.documentElement.clientWidth)
                );
              }

              function isMobileDevice() {
                let screenWidth = screen.width;
                if (screenWidth < 470) {
                  return true;
                } else {
                  return false;
                }
              }

              // Function to handle scroll event
              function handleScroll() {
                if (isElementInViewport(promo)) {
                  topMenu.style.top = '64px';
                  promo.style.top = '36px';
                } else {
                  topMenu.style.top = '36px';
                }
              }

              // Call the handleScroll function and add the scroll event listener only if it's a mobile device
              if (isMobileDevice()) {
                handleScroll();
                document.body.classList.add('zowie-mobile-loading');
                window.addEventListener('scroll', handleScroll);
              }
            },
            onOpen: function () {
              var topMenu = document.getElementsByClassName("site-header")[0];
              var promo = document.getElementsByClassName("promobar")[0];
              var specialOffer = document.getElementsByClassName("needsclick")[0];

              // Checking if Special Offer Widget was closed before openning Zowie widget
              if (specialOffer && typeof specialOffer === "object" && specialOffer.style.display != "none"){
                isCampaignClosed = true;
              } else{
                isCampaignClosed = false;
              }

              if (specialOffer && typeof specialOffer === "object" && isMobileDevice()) {
                specialOffer.style.display = "none";
              }
            },
            onClose: function () {
              var topMenu = document.getElementsByClassName("site-header")[0];
              var promo = document.getElementsByClassName("promobar")[0];
              var specialOffer = document.getElementsByClassName("needsclick")[0];
              if (specialOffer && isCampaignClosed && isMobileDevice()) {
                specialOffer.style.display = "block";
              }
            }
          });

          function isMobileDevice(){
            let screenWidth = screen.width
            if (screenWidth < 470){
              return true
            }
            else{
              return false
            }
          }
          var isCampaignClosed;
        });