<!doctype html>
<html lang="id">

<head
  prefix="og: https://www.jaerestaurantgroup.com/ fb: https://www.jaerestaurantgroup.com/ product: https://www.jaerestaurantgroup.com/">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Zeusslot : Link Resmi Slot88 JP & Slot Gacor Online Hari Ini</title>
  <meta name="title" content="Zeusslot : Link Resmi Slot88 JP & Slot Gacor Online Hari Ini" />
  <meta name="description"
    content="Zeusslot menyediakan link resmi slot88 jp & slot gacor online dengan bet rendah yang menghadirkan permainan dengan RTP tertinggi & sensasi jackpot yang luar biasa." />
  <meta name="keywords" content="Zeusslot, Zeusslot Permainan, Platform Zeusslot" />
  <meta name="distribution" content="Global" />
  <meta name="rating" content="general" />
  <meta name="geo.region" content="ID" />
  <meta name="geo.placename" content="Indonesia" />
  <meta name="page google.com" content="https://www.google.com/search?q=ZEUSSLOT" />
  <meta name="author" content="ZEUSSLOT" />
  <meta name="publisher" content="ZEUSSLOT" />
  <meta name="copyright" content="ZEUSSLOT" />
  <meta name="robots" content="INDEX,FOLLOW" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="format-detection" content="telephone=no" />
  <link rel="stylesheet" type="text/css" media="all and (min-width: 1px)"
    href="assets/b2bfec61d909c3765479549b8b44c102.min.css" />
  <link rel="stylesheet" type="text/css" media="all" href="assets/56b5914bf926abed304351798d035de2.min.css" />
  <link rel="stylesheet" type="text/css" media="screen, print" href="assets/fac5fbb731d8a9118c7561e0e8b1fc67.min.css" />
  
  <script async="" src="assets/t.dhj" id="pxscrpt"></script>
  <script async="" src="assets/5baf03a9752ef70011efcea0.js.download"></script>
  <script async="" src="assets/branch-latest.min.js.download"></script>
  <script async="" src="assets/branch-latest.min.js.download"></script>
  <script async="" src="assets/branch-latest.min.js.download"></script>

  <script type="text/javascript" defer="" src="assets/kanmo_custom.min.js.download"></script>
  <script type="text/javascript" src="assets/product_detail_handler.min.js.download"></script>
  <link rel="preload" as="font" crossorigin="anonymous"
    href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-demi-webfont.woff2" />
  <link rel="preload" as="font" crossorigin="anonymous"
    href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-regular-webfont.woff2" />
  <link rel="preload" as="font" crossorigin="anonymous"
    href="https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/fonts/mothercare_2020-thin-webfont.woff2" />

  <link rel="canonical" href="https://www.jaerestaurantgroup.com/" />
  <link rel="amphtml" href="https://go.jaerestaurantgroup.com/" />
      <link rel="alternate" href="https://go.jaerestaurantgroup.com/"> 
      <link rel="alternate" href="https://go.jaerestaurantgroup.com/" hreflang="id">
      <link rel="alternate" href="https://go.jaerestaurantgroup.com/" hreflang="en">
      <link rel="alternate" href="https://go.jaerestaurantgroup.com/" hreflang="en">
      <link rel="alternate" href="https://go.jaerestaurantgroup.com/" hreflang="x-default">
      <link rel="alternate" hreflang="id-ID" href="https://go.jaerestaurantgroup.com/" />
      <link rel="alternate" hreflang="en-US" href="https://go.jaerestaurantgroup.com/" />
      <link rel="alternate" hreflang="en-SG" href="https://go.jaerestaurantgroup.com/" />

  <link rel="icon" type="image/x-icon" href="assets/zeusslot-favicon.png" />
  <link rel="shortcut icon" type="image/x-icon" href="assets/zeusslot-favicon.png" />

  <meta name="facebook-domain-verification" content="3hxyeb8eny5e9h0pwotg22atpz5d9h" />
  <style>
    body.onestepcheckout-index-index [type="radio"] {
      cursor: pointer;
    }
  </style>
  <script data-breeze="">
    require(["jquery"], function ($) {
      $(document).ready(function () {
        setTimeout(function () {
          if (window.outerWidth < 450) {
            if ($(".widget.block.block-banners").length > 0) {
              $(".widget.block.block-banners").each(function () {
                $(this).insertAfter($(this).parent().find("#cart-totals"));
                $(this).css("padding-bottom", "20px");
              });
            }
          }
        }, 1000);
      });
    });
  </script>
  <!-- NO Pixel ID is configured, please goto Admin -->
  <script>
    console.log(
      "No Meta pixel is configured, please log in as a admin and then visit Stores -> Meta -> Setup -> Get Started",
    );
  </script>
  <script>
    // load Branch
    (function (b, r, a, n, c, h, _, s, d, k) {
      if (!b[n] || !b[n]._q) {
        for (; s < _.length;) c(h, _[s++]);
        d = r.createElement(a);
        d.async = 1;
        d.src = "https://cdn.branch.io/branch-latest.min.js";
        k = r.getElementsByTagName(a)[0];
        k.parentNode.insertBefore(d, k);
        b[n] = h;
      }
    })(
      window,
      document,
      "script",
      "branch",
      function (b, r) {
        b[r] = function () {
          b._q.push([r, arguments]);
        };
      },
      {
        _q: [],
        _v: 1,
      },
      "addListener banner closeBanner closeJourney data deepview deepviewCta first init link logout removeListener setBranchViewData setIdentity track trackCommerceEvent logEvent disableTracking getBrowserFingerprintId crossPlatformIds lastAttributedTouchData setAPIResponseCallback qrCode setRequestMetaData setAPIUrl getAPIUrl setDMAParamsForEEA".split(
        " ",
      ),
      0,
    );
    // init Branch
    branch.init("key_live_hwpt9nHjEmScI07bH10AshccrwmZM7hP");
    // Change `key_live_YOUR_KEY_GOES_HERE` to match your Branch Dashboard
  </script>
  <link rel="preconnect" href="https://js.klevu.com/" />
  <script type="text/javascript">
    var klevu_lang = "id";
    var klevu_baseCurrencyCode = "IDR";
    var klevu_currentCurrencyCode = "IDR";
    var klevu_pubIsInUse = true;
    var klevu_current_version = "3.2.0";
  </script>
  <script type="text/javascript" src="assets/klevu.js.download"></script>
  <script type="text/javascript" id="klevu_jsapikeys">
    klevu({
      search: {
        apiKey: "klevu-159060263433311987",
      },
      analytics: {
        apiKey: "klevu-159060263433311987",
      },
    });
  </script>
  <script type="text/javascript" id="klevu_jsmodules">
    // Add Price Field Suffix for customer group and currency conversion
    var klevu_addPriceSuffixToQueryControl = {
      name: "addPriceSuffixToQuery",
      fire: function (data, scope) {
        var customerData = JSON.parse(
          window.localStorage.getItem("klv_mage") || "{}",
        ).customerData || {
          customer_group_id: 32000,
        };
        klevu.search.modules.addPriceSuffixToQuery(
          data,
          scope,
          klevu_baseCurrencyCode,
          customerData.customer_group_id,
        );
      },
    };

    (function (klevu) {
      klevu.extend(true, klevu.search.modules, {
        addPriceSuffixToQuery: function (
          data,
          scope,
          currencyCode,
          customerGroupId,
        ) {
          if (typeof data.request.current === "undefined") {
            return false;
          }

          klevu.each(
            data.request.current.recordQueries,
            function (key, query) {
              //code to fetch prices
              klevu.setObjectPath(
                data,
                "localOverrides.query." +
                query.id +
                ".settings.priceFieldSuffix",
                currencyCode + "-" + customerGroupId,
              );
            },
          );
        },
        mageConvertPriceRecordCurrencyData: function (
          productRecords,
          currencyCode,
          currencyRates,
        ) {
          if (!productRecords) {
            return;
          }

          klevu.each(productRecords, function (recordKey, productRecord) {
            var fromRate = parseFloat(
              currencyRates[productRecord.currency] || 0,
            );
            var toRate = parseFloat(currencyRates[currencyCode] || 0);
            if (!fromRate || !toRate) {
              return;
            }

            var exchangeRate = toRate / fromRate;

            if (
              klevu.isNumeric(klevu.getObjectPath(productRecord, "price"))
            ) {
              productRecord.price *= exchangeRate;
            }
            if (
              klevu.isNumeric(klevu.getObjectPath(productRecord, "salePrice"))
            ) {
              productRecord.salePrice *= exchangeRate;
            }
            if (
              klevu.isNumeric(
                klevu.getObjectPath(productRecord, "startPrice"),
              )
            ) {
              productRecord.startPrice *= exchangeRate;
            }

            productRecord.currency = currencyCode;
          });
        },
      });
    })(klevu);
  </script>
  <script type="text/javascript" id="klevu_jsinteractive">
    klevu.interactive(function () {
      var options = {
        url: {
          protocol: "https:",
          landing: "https:\/\/www.mothercare.co.id\/catalogsearch\/result\/",
          search: "https:\/\/eucs20v2.ksearchnet.com\/cs\/v2\/search",
        },
        search: {
          minChars: 0,
          searchBoxSelector:
            "input[type=text][name=q],input[type=search][name=q],.kuSearchInput",
        },
      };
      klevu(options);
    });
  </script>
  <script type="text/javascript" src="assets/quick-search-theme.js.download"></script>
  <script type="text/x-magento-init" data-breeze-processed="true">

      {
          "*": {
              "Magento_PageCache/js/form-key-provider": {
                  "isPaginationCacheEnabled":
                      0                }
          }
      }
    </script>
  <script async="" src="assets/js"></script>

  <link rel="stylesheet" type="text/css" as="style" onload="this.rel=&#39;stylesheet&#39;" media="all"
    href="assets/default.min.css" />
  <link rel="stylesheet" type="text/css" media="all" onload="media=&#39;all&#39;"
    href="assets/deferred-default.min.css" />
  <meta property="og:type" content="product" />
  <meta property="og:title" content="Zeusslot : Link Resmi Slot88 JP & Slot Gacor Online Hari Ini" />
  <meta property="og:image" content="https://www.jaerestaurantgroup.com/images/zeusslot-slot-gacor.jpg" />
  <meta property="og:description"
    content="Zeusslot menyediakan link resmi slot88 jp & slot gacor online dengan bet rendah yang menghadirkan permainan dengan RTP tertinggi & sensasi jackpot yang luar biasa." />
  <meta property="og:url" content="https://www.jaerestaurantgroup.com/" />
  <meta property="product:price:amount" content="5000" />
  <meta property="product:price:currency" content="IDR" />
  <script type="text/javascript" id="klevu_initsessiondata">
    var nowUnixtime = parseInt(Date.now() / 1000);

    function klevufejs_getCookie(name) {
      if (typeof name === "undefined") {
        name = "klv_mage";
      }
      var c = "",
        ca = document.cookie.split(";");

      for (var i = 0; i < ca.length; i++) {
        c = ca[i];
        if (typeof c !== "string") {
          continue;
        }
        var cookiePair = c.split("=");

        if (name === cookiePair[0].trim()) {
          try {
            return JSON.parse(decodeURIComponent(cookiePair[1]));
          } catch (err) {
            // this is fine, data will be regenerated
          }
        }
      }
      return {
        expire_sections: {},
      };
    }

    document.addEventListener("klevu.customerData.loaded", function (e) {
      var klevufejs_cookie = klevufejs_getCookie();
      klevufejs_cookie.expire_sections.customerData = nowUnixtime + 600;

      document.cookie =
        "klv_mage=" +
        JSON.stringify(klevufejs_cookie) +
        ";" +
        new Date((nowUnixtime + 3600) * 1000).toUTCString() +
        ";path=/;SameSite=Strict";
    });

    var klevufejs_cookie = klevufejs_getCookie();
    var klevuData = {
      ...{
        customerData: {
          revalidate_after: -1,
        },
      },
      ...JSON.parse(window.localStorage.getItem("klv_mage") || "{}"),
    };

    const klevuCustomerDataLoadedEvent = document.createEvent("CustomEvent");
    klevuCustomerDataLoadedEvent.initEvent(
      "klevu.customerData.loaded",
      false,
      true,
    );
    const klevuCustomerDataLoadErrorEvent =
      document.createEvent("CustomEvent");
    klevuCustomerDataLoadErrorEvent.initEvent(
      "klevu.customerData.loadError",
      false,
      true,
    );

    if (
      typeof klevufejs_cookie.expire_sections !== "object" ||
      (klevufejs_cookie.expire_sections.customerData || -1) < nowUnixtime ||
      klevuData.customerData.revalidate_after < nowUnixtime
    ) {
      var xhttp = new XMLHttpRequest();
      xhttp.onerror = function (request) {
        document.dispatchEvent(klevuCustomerDataLoadErrorEvent);
      };
      xhttp.ontimeout = function (request) {
        this.onerror(request);
      };
      xhttp.onload = function (request) {
        if (this.status >= 400 || this.timeout) {
          this.onerror(request);
          return;
        }

        var klevuData = JSON.parse(
          window.localStorage.getItem("klv_mage") || "{}",
        );
        klevuData.customerData = JSON.parse(this.response);
        window.localStorage.setItem("klv_mage", JSON.stringify(klevuData));

        document.dispatchEvent(klevuCustomerDataLoadedEvent);
      };
      xhttp.open(
        "GET",
        "https://www.mothercare.co.id/rest/V1/klevu/customerData",
        false,
      );
      xhttp.send();
    } else {
      document.dispatchEvent(klevuCustomerDataLoadedEvent);
    }
  </script>
  <script data-breeze="" defer="" src="assets/knockout-3.5.1.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/extend-ko.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/turbolinks-5.2.0.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/underscore-1.13.1.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/tabbable-5.2.1.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/focus-trap-6.7.1.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/cash-8.1.2.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/extend-cash.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/swiped-events-1.1.4.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/js.cookie-3.0.1.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/class.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/double-tap.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/globals.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/load-script.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/async.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/request.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/translate.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/validator.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/component.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/cookie.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/storage.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/sections.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/main.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/turbo.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/define.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/common.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/url.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/theme.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/theme-blank.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/extend.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/custom.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/core.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/form.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/lite-yt-embed.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/dropdown.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/dropdown-dialog.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/collapsible.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/tabs.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/accordion.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/toggle-advanced.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/modal.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/confirm.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/alert.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/customer-data.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/customer.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/form-key.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/page-cache.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/messages.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/block-loader.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/data-post.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/menu.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/minicart.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/proceed-to-checkout.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/catalog-add-to-cart.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/product-list-toolbar-form.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/compare-products.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/validation.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/redirect-url.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/quick-search.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/msrp.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/wishlist.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/recent-products.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/form-provider.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/login-as-customer.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/captcha.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/google-recaptcha.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/modal-manager.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/ajaxpro.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/modal.min(1).js.download"></script>
  <script data-breeze="" defer="" src="assets/data-post.min(1).js.download"></script>
  <script data-breeze="" defer="" src="assets/catalog-add-to-cart.min(1).js.download"></script>
  <script data-breeze="" defer="" src="assets/catalog-product-view.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/tabs.min(1).js.download"></script>
  <script data-breeze="" defer="" src="assets/tabs-toolbar.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/tabs-updater.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/validate-product.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/register-viewed-products.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/price-utils.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/price-box.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/price-options.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/breadcrumbs.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/gallery.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/panzoom-4.5.0.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/gallery-panzoom.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/reviews.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/shuffle-and-reveal.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/upsell-products.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/related-products.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/cart.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/product-configure.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/bundle.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/configurable.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/swatch-renderer.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/configurable-configure.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/customer.min(1).js.download"></script>
  <script data-breeze="" defer="" src="assets/address.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/change-email-password.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/region-updater.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/address-validation.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/customer-assistance.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/last-ordered-items.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/logout-redirect.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/customer-name.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/cityUpdater.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/districtUpdater.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/postalcodeUpdater.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/subdistrictUpdater.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/slider.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/carousel.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/tabs.min(2).js.download"></script>
  <script data-breeze="" defer="" src="assets/map.min.js.download"></script>
  <script data-breeze="" defer="" src="assets/initializer.min.js.download"></script>
  <link rel="preload" as="image" href="assets/zeusslot-slot-gacor.jpg"
    imagesrcset="assets/zeusslot-slot-gacor.jpg 512w,assets/zeusslot-slot-gacor.jpg 549w,assets/zeusslot-slot-gacor.jpg 608w,assets/zeusslot-slot-gacor.jpg 704w,assets/zeusslot-slot-gacor.jpg 960w,assets/zeusslot-slot-gacor.jpg 1216w"
    imagesizes="(min-width: 1536px) 608px, (min-width: 1280px) calc((85vw - 4rem) / 2), (min-width: 768px) calc((100vw - 4rem) / 2), calc(100vw - 1rem)" />
  <script data-breeze="1" type="module">
    required.map((pair) => require(pair[0], pair[1]));
    required = [];
  </script>
  <script type="text/javascript" id="kfl-baa22895-5ad0-49c9-ea1a-f04cfc00cfe8">
    (!(function (e) {
      e.support.hook(
        ["analytics.collector", "analytics.utility"],
        function () {
          e.support.isActive("analytics.processors") ||
            (e.extend(!0, e.analytics, {
              processors: {
                helpers: {
                  buildAnalyticsEvent: function (t) {
                    return {
                      payload: t.payload,
                      type: t.type,
                      url: e.getGlobalSetting(
                        "url.analyticsCollect",
                        "https://stats.ksearchnet.com/analytics/",
                      ),
                      apiKey: e.getObjectPath(
                        t.eventSource,
                        "apiKey",
                        e.getGlobalSetting(
                          "search.apiKey",
                          e.getGlobalSetting("global.apiKey"),
                        ),
                      ),
                      key:
                        t.type + "_" + e.getObjectPath(t, "id", e.randomId()),
                    };
                  },
                },
                product: {
                  helpers: {
                    buildAnalyticsEvent: function (t) {
                      return {
                        payload: t.payload,
                        type: t.type,
                        url: e.getGlobalSetting(
                          "url.analyticsCollect",
                          "https://stats.ksearchnet.com/analytics/",
                        ),
                        apiKey: e.getObjectPath(
                          t.eventSource,
                          "apiKey",
                          e.getGlobalSetting(
                            "search.apiKey",
                            e.getGlobalSetting("global.apiKey"),
                          ),
                        ),
                        key: t.type + "_" + t.itemId,
                      };
                    },
                  },
                  click: function (t) {
                    let s = {
                      type: "product_click",
                      eventSource: t,
                      payload: {},
                      itemId: 0,
                    },
                      a = e.getObjectPath(t, "data.items.0", {}),
                      n = e.getObjectPath(t, "data.meta.tags", []),
                      i = {
                        klevu_keywords: e.getObjectPath(
                          t,
                          "data.meta.searchedTerm",
                          "*",
                        ),
                        klevu_pageNumber: e.getObjectPath(
                          t,
                          "data.meta.pageNumber",
                          "",
                        ),
                        klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                        klevu_limit: e.getObjectPath(
                          t,
                          "data.meta.limit",
                          "",
                        ),
                        klevu_sort: e.getObjectPath(t, "data.meta.sort", ""),
                        klevu_totalResults: e.getObjectPath(
                          t,
                          "data.meta.totalResults",
                          "0",
                        ),
                        klevu_typeOfQuery: e.getObjectPath(
                          t,
                          "data.meta.typeOfQuery",
                          "WILDCARD_AND",
                        ),
                        tags: n,
                      };
                    if (e.support.isActive("user")) {
                      let t = e.user.getIpData();
                      (e.isUndefined(t.ipv4) ||
                        (i.klevu_shopperIP_v4 = t.ipv4),
                        e.isUndefined(t.ipv6) ||
                        (i.klevu_shopperIP_v6 = t.ipv6),
                        e.isUndefined(t.uuid) || (i.klevu_uuid = t.uuid));
                    }
                    (e.support.isActive("core.dataProtection") &&
                      (i.data_protection =
                        e.dataProtection.dataCanBeTracked()),
                      (i.klevu_productId = e.getObjectPath(a, "id", 0)),
                      e.getObjectPath(a, "itemGroupId", !1) &&
                      (i.klevu_productGroupId = e.getObjectPath(
                        a,
                        "itemGroupId",
                        !1,
                      )),
                      (i.klevu_productVariantId = e.getObjectPath(
                        a,
                        "variantId",
                        !1,
                      )),
                      (i.klevu_productName = e.getObjectPath(a, "name", !1)),
                      (i.klevu_productUrl = e.getObjectPath(a, "url", !1)),
                      (s.id = e.getObjectPath(a, "id", 0)));
                    let r,
                      c = e.getObjectPath(t, "scope", "").split(",");
                    e.each(c, function (n, c) {
                      switch (c) {
                        case "quick":
                          (e.getObjectPath(
                            t,
                            "data.filters.activeFilters",
                            !1,
                          ) &&
                            (i.klevu_keywords +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                            (i.klevu_src = i.klevu_src.replace(
                              "]]",
                              ";;template:quick-search]]",
                            )),
                            (s.payload = i),
                            (s.type = "search_product_click"),
                            (r =
                              e.analytics.processors.helpers.buildAnalyticsEvent(
                                s,
                              )),
                            e.analytics.utility.addAnalyticsEventsToStorage(
                              r,
                            ));
                          break;
                        case "landing":
                          ((i.klevu_src =
                            "[[typeOfRecord:" +
                            e.getObjectPath(
                              a,
                              "typeOfRecord",
                              "KLEVU_PRODUCT",
                            ) +
                            ";;template:landing]]"),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            ((i.klevu_keywords +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                              (i.klevu_src = i.klevu_src.replace(
                                "]]",
                                ";;source:filters]]",
                              ))),
                            (s.payload = i),
                            (s.type = "search_product_click"),
                            (r =
                              e.analytics.processors.helpers.buildAnalyticsEvent(
                                s,
                              )),
                            e.analytics.utility.addAnalyticsEventsToStorage(
                              r,
                            ));
                          break;
                        case "catnav":
                          ((i.klevu_src =
                            "[[typeOfRecord:" +
                            e.getObjectPath(
                              a,
                              "typeOfRecord",
                              "KLEVU_PRODUCT",
                            ) +
                            ";;template:" +
                            e.getObjectPath(
                              t,
                              "data.meta.srcTemplateName",
                              "category",
                            ) +
                            "]]"),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            ((i.klevu_activeFilters = e.getObjectPath(
                              t,
                              "data.filters.activeFiltersString",
                              "",
                            )),
                              (i.klevu_src = i.klevu_src.replace(
                                "]]",
                                ";;source:filters]]",
                              ))),
                            (i.klevu_categoryName = e.getObjectPath(
                              t,
                              "data.meta.categoryName",
                              "",
                            )),
                            (i.klevu_categoryPath = e.getObjectPath(
                              t,
                              "data.meta.categoryPath",
                              "",
                            )),
                            (i.klevu_abTestId = e.getObjectPath(
                              t,
                              "data.meta.abTestId",
                              "",
                            )),
                            (i.klevu_abTestVariantId = e.getObjectPath(
                              t,
                              "data.meta.abTestVariantId",
                              "",
                            )),
                            (i.klevu_abTestSource = e.getObjectPath(
                              t,
                              "data.meta.abTestSource",
                              "",
                            )));
                          let n = e.getObjectPath(
                            t,
                            "data.originalItems",
                            [],
                          );
                          if (n.length > 0) {
                            let t = [];
                            (e.each(n, function (e, s) {
                              s.id && t.push(s.id);
                            }),
                              (i.klevu_productIds = t.join(",")));
                          }
                          ((i.klevu_productRatings = e.getObjectPath(
                            a,
                            "rating",
                            0,
                          )),
                            (i.klevu_productPosition = e.getObjectPath(
                              t,
                              "data.meta.pageStartsFrom",
                              0,
                            )),
                            (i.klevu_salePrice = e.getObjectPath(
                              a,
                              "salePrice",
                              0,
                            )),
                            (i.klevu_productSku = e.getObjectPath(
                              a,
                              "sku",
                              !1,
                            )),
                            delete i.klevu_keywords,
                            (s.payload = i),
                            (s.type = "catnav_product_click"),
                            (r =
                              e.analytics.processors.helpers.buildAnalyticsEvent(
                                s,
                              )),
                            e.analytics.utility.addAnalyticsEventsToStorage(
                              r,
                            ));
                      }
                    });
                  },
                  personalisedClick: function (t) {
                    let s = {
                      type: "personalised_product_click",
                      eventSource: t,
                      payload: {},
                      itemId: 0,
                    },
                      a = e.getObjectPath(t, "data.items.0", {}),
                      n = {
                        klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                        klevu_source: e.getObjectPath(
                          t,
                          "data.meta.source",
                          "",
                        ),
                        klevu_recentsearch: e.getObjectPath(
                          t,
                          "data.meta.recentsearch",
                          "",
                        ),
                      };
                    ((n.klevu_productId = e.getObjectPath(a, "id", 0)),
                      e.getObjectPath(a, "itemGroupId", !1) &&
                      (n.klevu_productGroupId = e.getObjectPath(
                        a,
                        "itemGroupId",
                        !1,
                      )),
                      (n.klevu_productVariantId = e.getObjectPath(
                        a,
                        "variantId",
                        !1,
                      )),
                      (n.klevu_productName = e.getObjectPath(a, "name", !1)),
                      (n.klevu_productUrl = e.getObjectPath(a, "url", !1)),
                      (n.klevu_rank = e.getObjectPath(
                        t,
                        "data.meta.rank",
                        "",
                      )),
                      (s.id = e.getObjectPath(a, "id", 0)));
                    let i,
                      r = e.getObjectPath(t, "scope", "").split(",");
                    ((s.payload = n),
                      (s.type = "personalised_product_click"),
                      (i =
                        e.analytics.processors.helpers.buildAnalyticsEvent(
                          s,
                        )),
                      e.analytics.utility.addAnalyticsEventsToStorage(i),
                      e.each(r, function (e, t) {
                        t;
                      }));
                  },
                  view: function (e) { },
                  buy: function (e) { },
                },
                search: {
                  term: function (t) {
                    let s = {
                      type: "search_term",
                      eventSource: t,
                      payload: {},
                    },
                      a = e.getObjectPath(t, "data.meta.tags", []);
                    e.each(a, function (e, t) {
                      a[e] = encodeURIComponent(t);
                    });
                    let n = {
                      klevu_term: e.getObjectPath(
                        t,
                        "data.meta.searchedTerm",
                        "*",
                      ),
                      klevu_originalTerm: e.getObjectPath(
                        t,
                        "data.meta.originalTerm",
                        "",
                      ),
                      klevu_pageNumber: e.getObjectPath(
                        t,
                        "data.meta.pageNumber",
                        "",
                      ),
                      klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                      klevu_limit: e.getObjectPath(t, "data.meta.limit", ""),
                      klevu_sort: e.getObjectPath(t, "data.meta.sort", ""),
                      klevu_totalResults: e.getObjectPath(
                        t,
                        "data.meta.totalResults",
                        "0",
                      ),
                      klevu_typeOfQuery: e.getObjectPath(
                        t,
                        "data.meta.typeOfQuery",
                        "WILDCARD_AND",
                      ),
                      tags: a,
                    };
                    if (e.support.isActive("user")) {
                      let t = e.user.getIpData();
                      (e.isUndefined(t.ipv4) ||
                        (n.klevu_shopperIP_v4 = t.ipv4),
                        e.isUndefined(t.ipv6) ||
                        (n.klevu_shopperIP_v6 = t.ipv6),
                        e.isUndefined(t.uuid) || (n.klevu_uuid = t.uuid));
                    }
                    e.support.isActive("core.dataProtection") &&
                      (n.data_protection =
                        e.dataProtection.dataCanBeTracked());
                    let i = !1,
                      r = e.getObjectPath(t, "scope", "").split(",");
                    (e.each(r, function (s, a) {
                      switch (a) {
                        case "quick":
                          ((i = !0),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            (n.klevu_term +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                            (n.klevu_src = n.klevu_src.replace(
                              "]]",
                              ";;template:quick-search]]",
                            )));
                          break;
                        case "landing":
                          ((n.klevu_src = n.klevu_src.replace(
                            "]]",
                            ";;template:landing]]",
                          )),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            ((n.klevu_term +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                              (n.klevu_src = n.klevu_src.replace(
                                "]]",
                                ";;source:filters]]",
                              ))));
                      }
                    }),
                      (s.payload = n));
                    let c =
                      e.analytics.processors.helpers.buildAnalyticsEvent(s);
                    (e.analytics.utility.addAnalyticsEventsToStorage(c),
                      e.analytics.utility.sendAnalyticsEventsFromStorage(),
                      !e.isUndefined(e.analyticsUtil.base) &&
                      e.isFunction(
                        e.analyticsUtil.base.sendGaDataForTerm,
                      ) &&
                      i &&
                      !e.support.isActive("analytics.gtmProcessor") &&
                      e.analyticsUtil.base.sendGaDataForTerm(n));
                  },
                },
                catNav: {
                  view: function (t) {
                    let s = {
                      type: "catnav_view",
                      eventSource: t,
                      payload: {},
                    },
                      a = {
                        klevu_categoryName: e.getObjectPath(
                          t,
                          "data.meta.categoryName",
                          "",
                        ),
                        klevu_categoryPath: e.getObjectPath(
                          t,
                          "data.meta.categoryPath",
                          "",
                        ),
                        klevu_pageNumber: e.getObjectPath(
                          t,
                          "data.meta.pageNumber",
                          "",
                        ),
                        klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                        klevu_limit: e.getObjectPath(
                          t,
                          "data.meta.limit",
                          "",
                        ),
                        klevu_sort: e.getObjectPath(t, "data.meta.sort", ""),
                        klevu_totalResults: e.getObjectPath(
                          t,
                          "data.meta.totalResults",
                          "0",
                        ),
                        klevu_typeOfQuery: e.getObjectPath(
                          t,
                          "data.meta.typeOfQuery",
                          "WILDCARD_AND",
                        ),
                      };
                    if (e.support.isActive("user")) {
                      let t = e.user.getIpData();
                      (e.isUndefined(t.ipv4) ||
                        (a.klevu_shopperIP_v4 = t.ipv4),
                        e.isUndefined(t.ipv6) ||
                        (a.klevu_shopperIP_v6 = t.ipv6),
                        e.isUndefined(t.uuid) || (a.klevu_uuid = t.uuid));
                    }
                    e.support.isActive("core.dataProtection") &&
                      (a.data_protection =
                        e.dataProtection.dataCanBeTracked());
                    let n = e.getObjectPath(t, "data.items", []);
                    if (n.length > 0) {
                      let t = [];
                      (e.each(n, function (e, s) {
                        s.id && t.push(s.id);
                      }),
                        (a.klevu_productIds = t.join(",")));
                    }
                    let i = e.getObjectPath(t, "scope", "").split(",");
                    (e.each(i, function (s, n) {
                      if ("catnav" === n)
                        ((a.klevu_src = a.klevu_src.replace(
                          "]]",
                          ";;template:category]]",
                        )),
                          e.getObjectPath(
                            t,
                            "data.filters.activeFilters",
                            !1,
                          ) &&
                          ((a.klevu_activeFilters = e.getObjectPath(
                            t,
                            "data.filters.activeFiltersString",
                            "",
                          )),
                            (a.klevu_src = a.klevu_src.replace(
                              "]]",
                              ";;source:filters]]",
                            ))),
                          (a.klevu_abTestId = e.getObjectPath(
                            t,
                            "data.meta.abTestId",
                            "",
                          )),
                          (a.klevu_abTestVariantId = e.getObjectPath(
                            t,
                            "data.meta.abTestVariantId",
                            "",
                          )),
                          (a.klevu_abTestSource = e.getObjectPath(
                            t,
                            "data.meta.abTestSource",
                            "",
                          )));
                    }),
                      (s.payload = a));
                    let r =
                      e.analytics.processors.helpers.buildAnalyticsEvent(s);
                    (e.analytics.utility.addAnalyticsEventsToStorage(r),
                      e.analytics.utility.sendAnalyticsEventsFromStorage());
                  },
                },
                recs: {
                  helpers: {
                    convertEventItems: function (t) {
                      let s = [];
                      return (
                        e.each(t, function (t, a) {
                          s.push({
                            item_id: a.id,
                            item_name: a.name,
                            price: a.salePrice,
                            currency: a.currency,
                            item_brand: a.brand,
                            item_category: a.category,
                            item_variant_id: e.isUndefined(a.variantId)
                              ? a.id
                              : a.variantId,
                            item_group_id:
                              e.isUndefined(a.itemGroupId) ||
                                "" === a.itemGroupId
                                ? a.id
                                : a.itemGroupId,
                            index: t + 1,
                            quantity: 1,
                          });
                        }),
                        s
                      );
                    },
                    buildAnalyticsEventData: function (t, s) {
                      return {
                        tags: e.getObjectPath(t, "data.general.tags", []),
                        list_id: e.getObjectPath(
                          t,
                          "data.general.list_id",
                          !1,
                        ),
                        list_name: e.getObjectPath(
                          t,
                          "data.general.list_name",
                          !1,
                        ),
                        list_logic: e.getObjectPath(
                          t,
                          "data.general.list_logic",
                          !1,
                        ),
                        spot_id: e.getObjectPath(
                          t,
                          "data.general.spot_id",
                          !1,
                        ),
                        spot_name: e.getObjectPath(
                          t,
                          "data.general.spot_name",
                          !1,
                        ),
                        segment_id: e.getObjectPath(
                          t,
                          "data.general.segment_id",
                          !1,
                        ),
                        segment_name: e.getObjectPath(
                          t,
                          "data.general.segment_name",
                          !1,
                        ),
                        action: e.getObjectPath(t, "data.general.action", !1),
                        items: s,
                      };
                    },
                    buildAnalyticsEvent: function (t) {
                      let s = {
                        event: t.type,
                        event_apikey: e.getObjectPath(
                          t.eventSource,
                          "apiKey",
                          !1,
                        ),
                        user_profile: e.getObjectPath(
                          t.eventSource,
                          "user",
                          {},
                        ),
                        event_data:
                          e.analytics.processors.recs.helpers.buildAnalyticsEventData(
                            t.eventSource,
                            t.items,
                          ),
                      };
                      if (e.support.isActive("user")) {
                        let t = e.user.getIpData();
                        (e.isUndefined(t.ipv4) ||
                          (s.user_profile.ip_address_v4 = t.ipv4),
                          e.isUndefined(t.ipv6) ||
                          (s.user_profile.ip_address_v6 = t.ipv6),
                          e.isUndefined(t.uuid) ||
                          (s.user_profile.klevu_uuid = t.uuid));
                      }
                      return (
                        e.support.isActive("core.dataProtection") &&
                        (s.user_profile.data_protection =
                          e.dataProtection.dataCanBeTracked()),
                        {
                          payload: s,
                          type: "collect",
                          url: e.getGlobalSetting(
                            "url.analyticsCollect",
                            "https://stats.ksearchnet.com/analytics/",
                          ),
                          apiKey: e.getObjectPath(
                            t.eventSource,
                            "apiKey",
                            e.getGlobalSetting(
                              "search.apiKey",
                              e.getGlobalSetting("global.apiKey"),
                            ),
                          ),
                          key:
                            t.type +
                            "_" +
                            e.getObjectPath(
                              t.eventSource,
                              "data.general.recs_key",
                              e.randomId(),
                            ),
                          override: !0,
                        }
                      );
                    },
                  },
                  click: function (t) {
                    let s = {
                      type: "select_recs_list",
                      eventSource: t,
                      items: [],
                    },
                      a = e.getObjectPath(t, "data.items", []);
                    if (
                      (a &&
                        a.length &&
                        (s.items =
                          e.analytics.processors.recs.helpers.convertEventItems(
                            a,
                          )),
                        e.analytics.utility.hasAnalyticsEventByName(
                          s.type +
                          "_" +
                          e.getObjectPath(
                            t,
                            "data.general.recs_key",
                            e.randomId(),
                          ),
                        ))
                    ) {
                      let a = e.analytics.utility.getAnalyticsEventByName(
                        s.type +
                        "_" +
                        e.getObjectPath(
                          t,
                          "data.general.recs_key",
                          e.randomId(),
                        ),
                      ),
                        n = e.getObjectPath(a, "payload.items", []);
                      n.length > 0 &&
                        (s.items = e.toUniqueArray(e.makeArray(n, s.items)));
                    }
                    let n =
                      e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                        s,
                      );
                    ((n.override = !0),
                      s.items.length > 0 &&
                      e.analytics.utility.addAnalyticsEventsToStorage(n));
                  },
                  view: function (t) {
                    let s = {
                      type: "view_recs_list",
                      eventSource: t,
                      items: [],
                    },
                      a = e.getObjectPath(t, "data.items", []);
                    a &&
                      a.length &&
                      (s.items =
                        e.analytics.processors.recs.helpers.convertEventItems(
                          a,
                        ));
                    let n =
                      e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                        s,
                      );
                    (s.items.length > 0 &&
                      e.analytics.utility.addAnalyticsEventsToStorage(n),
                      s.items.length > 0 &&
                      e.analytics.utility.sendAnalyticsEventsFromStorage());
                  },
                  staticView: function (t) {
                    let s = {
                      type: "view_recs_list",
                      eventSource: t,
                      static_content: [],
                    },
                      a =
                        e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                          s,
                        ),
                      n = e.getObjectPath(t, "data.activeStaticContent", []);
                    ((a.payload.event_data.static_content = n),
                      a.payload.event_data.static_content.length &&
                      (e.analytics.utility.addAnalyticsEventsToStorage(a),
                        e.analytics.utility.sendAnalyticsEventsFromStorage()));
                  },
                  staticClick: function (t) {
                    let s = {
                      type: "select_recs_list",
                      eventSource: t,
                      static_content: [],
                    },
                      a =
                        e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                          s,
                        );
                    ((a.payload.event_data.static_content = e.getObjectPath(
                      s,
                      "eventSource.data.staticContent",
                      [],
                    )),
                      e.analytics.utility.addAnalyticsEventsToStorage(a));
                  },
                },
                general: {
                  bannerClick: function (e) { },
                },
              },
            }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_view"],
                processor: e.analytics.processors.recs.view,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_click"],
                processor: e.analytics.processors.recs.click,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["search_term"],
                processor: e.analytics.processors.search.term,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["search_catview"],
                processor: e.analytics.processors.catNav.view,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["search_product_click"],
                processor: e.analytics.processors.product.click,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["personalised_product_click"],
                processor: e.analytics.processors.product.personalisedClick,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_view_static"],
                processor: e.analytics.processors.recs.staticView,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_click_static"],
                processor: e.analytics.processors.recs.staticClick,
              }),
              e.support.register({
                name: "analytics.processors",
                loaded: !0,
                active: !0,
                dependency: [
                  "analytics.base",
                  "analytics.collector",
                  "analytics.extractor",
                ],
              }));
        },
      );
    })(klevu),
      (function (e) {
        (e.support.hook(["core.constructors"], function () {
          e.constructors.isLoaded("user") ||
            (e.constructors.add({
              name: "user",
              create: function () {
                let t = {
                  settings: {
                    dictionary: {
                      user: e.dictionary("user"),
                    },
                    request: {},
                    response: {},
                    user: {
                      apiKey: !1,
                      ipv4: !1,
                      ipv6: !1,
                      sessionId: !1,
                      sessionInfo: {
                        connectorInfo: [],
                      },
                      segmentInfo: {
                        segments: [],
                      },
                      ipv4: !1,
                      ipv6: !1,
                      uuid: !1,
                    },
                    general: {
                      scope: document.createElement("div"),
                      apiKey: !1,
                      lastSend: !1,
                      ipDataLastSend: !1,
                      connectorInfo: {},
                      flags: {
                        canSend: !0,
                        forceSend: !1,
                        isInit: !1,
                        isInitForce: !1,
                        isInSend: !1,
                      },
                    },
                  },
                  webhookSettings: {
                    run: !0,
                    object: "user",
                    scope: "all",
                  },
                  saveToDictionary: function () {
                    this.settings.user.sessionId &&
                      this.settings.dictionary.user.addElement(
                        "sessionId",
                        this.settings.user.sessionId,
                      );
                    let t = e.extend(!0, {}, this.settings.user.sessionInfo);
                    (delete t.connectorInfo,
                      this.settings.dictionary.user.addElement(
                        "sessionInfo",
                        JSON.stringify(t),
                      ),
                      this.settings.dictionary.user.addElement(
                        "connectorInfo",
                        JSON.stringify(this.settings.general.connectorInfo),
                      ),
                      this.settings.dictionary.user.addElement(
                        "segmentInfo",
                        JSON.stringify(this.settings.user.segmentInfo),
                      ),
                      this.settings.dictionary.user.addElement(
                        "segments",
                        JSON.stringify(
                          this.settings.user.segmentInfo.segments,
                        ),
                      ),
                      this.settings.dictionary.user.addElement(
                        "lastSend",
                        JSON.stringify(this.settings.general.lastSend),
                      ),
                      this.settings.dictionary.user.addElement(
                        "ipv4",
                        JSON.stringify(this.settings.user.ipv4),
                      ),
                      this.settings.dictionary.user.addElement(
                        "ipv6",
                        JSON.stringify(this.settings.user.ipv6),
                      ),
                      this.settings.dictionary.user.addElement(
                        "uuid",
                        JSON.stringify(this.settings.user.uuid),
                      ),
                      this.settings.dictionary.user.addElement(
                        "lastSendIp",
                        this.settings.general.ipDataLastSend,
                      ),
                      this.settings.dictionary.user.mergeToGlobal());
                  },
                  getAllSettings: function () {
                    return this.settings;
                  },
                  getScope: function () {
                    return this;
                  },
                  hasData: function (t) {
                    return !!e.getObjectPath(this.settings, t, !1);
                  },
                  getData: function (t, s) {
                    return (
                      e.isUndefined(s) && (s = !1),
                      e.getObjectPath(this.settings, t, s)
                    );
                  },
                  setData: function (t, s) {
                    return (
                      e.setObjectPath(this.settings, t, s),
                      this.saveToDictionary(),
                      this
                    );
                  },
                  setApiKey: function (t) {
                    (e.setObjectPath(this.settings, "user.apiKey", t),
                      e.setObjectPath(this.settings, "general.apiKey", t));
                    let s = this.chains.init;
                    return (
                      e.isUndefined(s) ||
                      0 === s.list().length ||
                      (s.setScope(this),
                        s.setData(this.settings),
                        s.fire()),
                      this
                    );
                  },
                  getApiKey: function () {
                    return this.settings.general.apiKey;
                  },
                  initIpData: function () {
                    return (
                      this.isIpDataExpired() && this.refreshIpData(),
                      this
                    );
                  },
                  refreshIpData: function (s) {
                    e.isUndefined(s) && (s = "ipv4");
                    let a = t,
                      n = t.settings,
                      i = e.extend(
                        !0,
                        {},
                        {
                          klevu_uuid: a.getIpDataUser(),
                        },
                      ),
                      r = {
                        context: {
                          type: s,
                        },
                      };
                    return (
                      (n.general.scope.userObject = a),
                      (r.scope = n.general.scope),
                      (r.context.requestObject = {
                        url: e.getGlobalSetting(
                          "url." + s,
                          "https://" + s + "check.ksearchnet.com/",
                        ),
                        type: "FETCH",
                        method: "POST",
                        mimeType: "application/json; charset=UTF-8",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        crossDomain: !0,
                        data: JSON.stringify(e.clean(i)),
                        success: function () {
                          let t, s, a, n;
                          (1 === arguments.length
                            ? ((t = arguments[0].responseObj.data),
                              (s = arguments[0].requestDetails),
                              (a = arguments[0].status),
                              (n = arguments[0].isSuccess))
                            : ((t = arguments[0]),
                              (s = arguments[1]),
                              (a = arguments[2]),
                              (n = arguments[3])),
                            n &&
                            (e.isUndefined(t.ip_address) ||
                              s.scope.userObject.setData(
                                "user." + s.context.type,
                                t.ip_address,
                              ),
                              e.isUndefined(t.klevu_uuid) ||
                              s.scope.userObject.setData(
                                "user.uuid",
                                t.klevu_uuid,
                              )),
                            s.scope.userObject.setData(
                              "general.ipDataLastSend",
                              e.time.timestamp(),
                            ),
                            "ipv4" === s.context.type &&
                            s.scope.userObject.refreshIpData("ipv6"));
                        },
                        error: function () {
                          let t, s, a;
                          (1 === arguments.length
                            ? ((t = arguments[0].requestDetails),
                              (s = arguments[0].status),
                              (a = arguments[0].isSuccess))
                            : ((t = arguments[0]),
                              (s = arguments[1]),
                              (a = arguments[2])),
                            t.scope.userObject.setData(
                              "general.ipDataLastSend",
                              e.time.timestamp(),
                            ),
                            "ipv4" === t.context.type &&
                            t.scope.userObject.refreshIpData("ipv6"));
                        },
                      }),
                      (r.context.requestDetails = e.extend(!0, {}, r)),
                      e.request(
                        r.context.requestObject,
                        r.context.requestDetails,
                      ),
                      this
                    );
                  },
                  getIpData: function () {
                    return {
                      ipv4: this.settings.user.ipv4,
                      ipv6: this.settings.user.ipv6,
                      uuid: this.getIpDataUser(),
                    };
                  },
                  getIpDataUser: function () {
                    return this.settings.user.uuid;
                  },
                  isIpDataExpired: function () {
                    let t = e.time.timestamp();
                    return (
                      !this.settings.general.ipDataLastSend ||
                      t - parseInt(this.settings.general.ipDataLastSend) >
                      e.getGlobalSetting("user.ipDataRefresh", 3600)
                    );
                  },
                  setWebhookSettings: function (t) {
                    return (
                      e.event.webhook.helpers.setWebhookSettingsForScope(
                        t,
                        this,
                      ),
                      this
                    );
                  },
                  getWebhookSettings: function () {
                    return e.event.webhook.helpers.getWebhookSettingsForScope(
                      this,
                    );
                  },
                  addConnector: function (s, a) {
                    let n = t.getData("general.connectorInfo." + s, !1),
                      i = !1;
                    (n
                      ? e.each(a, function (t, s) {
                        (e.isUndefined(n[t]) || n[t] != s) && (i = !0);
                      })
                      : (i = !0),
                      t.setData("general.connectorInfo." + s, a),
                      i && e.user.fetchSessionForce());
                  },
                  getSegments: function () {
                    let e = t.getData("user.segmentInfo.segments", []);
                    return 0 !== e.length && e;
                  },
                  getSessionId: function () {
                    return t.getData("user.sessionId", !1);
                  },
                  fetchSession: function () {
                    if (!t.getApiKey())
                      return void e.support.hook(
                        ["core.logger"],
                        function () {
                          e.logger.log(
                            "user.core",
                            "warn",
                            "Request can not be made as apiKey is not set",
                          );
                        },
                      );
                    if (!t.getData("general.canSend", !1))
                      return void e.support.hook(
                        ["core.logger"],
                        function () {
                          e.logger.log(
                            "user.core",
                            "warn",
                            "Request can not be made as request is stopped",
                          );
                        },
                      );
                    e.event.webhook.helpers.fireEventForScope({
                      webhookSettings: t.webhookSettings,
                      name: "fetchSession",
                      action: "before",
                      data: t.getAllSettings(),
                      scope: t,
                    });
                    let s = t.chains.request;
                    e.isUndefined(s) ||
                      0 === s.list().length ||
                      (s.setScope(t), s.setData(t.settings), s.fire());
                  },
                  fetchSessionForce: function () {
                    return (
                      t.setData("general.flags.forceSend", !0),
                      t.fetchSession()
                    );
                  },
                  chains: e.constructors.get("user").chains,
                };
                e.event.webhook.helpers.fireEventForScope({
                  webhookSettings: t.webhookSettings,
                  name: "mainObject",
                  action: "beforeBuild",
                  data: t.getAllSettings(),
                  scope: t,
                });
                let s = t.chains.build;
                return (
                  e.isUndefined(s) ||
                  0 === s.list().length ||
                  (s.setScope(t), s.setData(t.settings), s.fire()),
                  e.event.webhook.helpers.fireEventForScope({
                    webhookSettings: t.webhookSettings,
                    name: "mainObject",
                    action: "afterBuild",
                    data: t.getAllSettings(),
                    scope: t,
                  }),
                  t
                );
              },
              chains: {
                build: e.chain({
                  stopOnFalse: !0,
                  webhook: {
                    name: "chains.build",
                  },
                }),
                init: e.chain({
                  stopOnFalse: !0,
                  webhook: {
                    name: "chains.init",
                  },
                }),
                request: e.chain({
                  stopOnFalse: !0,
                  webhook: {
                    name: "chains.request",
                  },
                }),
                response: e.chain({
                  stopOnFalse: !0,
                  webhook: {
                    name: "chains.receive",
                  },
                }),
              },
            }),
              e.constructors.get("user").chains.init.add({
                name: "validateReInit",
                fire: function (e, t) {
                  if (!e.general.flags.isInitForce && e.general.flags.isInit)
                    return !1;
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "initDictionary",
                fire: function (t, s) {
                  ((t.dictionary.user = e.dictionary(
                    "user_" + t.general.apiKey,
                  )),
                    t.dictionary.user.setDataProtection(!0),
                    t.dictionary.user.setStorage("local"),
                    t.dictionary.user.mergeFromGlobal());
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "loadDictionaryData",
                fire: function (e, t) {
                  ((e.user.sessionId =
                    "sessionId" !== e.dictionary.user.getElement("sessionId") &&
                    e.dictionary.user.getElement("sessionId")),
                    (e.user.sessionInfo =
                      "sessionInfo" !==
                        e.dictionary.user.getElement("sessionInfo")
                        ? JSON.parse(
                          e.dictionary.user.getElement("sessionInfo"),
                        )
                        : {
                          connectorInfo: [],
                        }),
                    (e.general.connectorInfo =
                      "connectorInfo" !==
                        e.dictionary.user.getElement("connectorInfo")
                        ? JSON.parse(
                          e.dictionary.user.getElement("connectorInfo"),
                        )
                        : {}),
                    (e.user.segmentInfo.segments =
                      "segments" !== e.dictionary.user.getElement("segments")
                        ? JSON.parse(e.dictionary.user.getElement("segments"))
                        : []),
                    (e.user.segmentInfo =
                      "segmentInfo" !==
                        e.dictionary.user.getElement("segmentInfo")
                        ? JSON.parse(
                          e.dictionary.user.getElement("segmentInfo"),
                        )
                        : {
                          segments: e.user.segmentInfo.segments,
                        }),
                    (e.general.lastSend =
                      "lastSend" !== e.dictionary.user.getElement("lastSend")
                        ? parseInt(e.dictionary.user.getElement("lastSend"))
                        : 0),
                    (e.user.ipv4 =
                      "ipv4" !== e.dictionary.user.getElement("ipv4") &&
                      JSON.parse(e.dictionary.user.getElement("ipv4"))),
                    (e.user.ipv6 =
                      "ipv6" !== e.dictionary.user.getElement("ipv6") &&
                      JSON.parse(e.dictionary.user.getElement("ipv6"))),
                    (e.user.uuid =
                      "uuid" !== e.dictionary.user.getElement("uuid") &&
                      JSON.parse(e.dictionary.user.getElement("uuid"))),
                    (e.general.ipDataLastSend =
                      "lastSendIp" !==
                        e.dictionary.user.getElement("lastSendIp")
                        ? parseInt(e.dictionary.user.getElement("lastSendIp"))
                        : 0));
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "checkDataProtection",
                fire: function (t, s) {
                  e.dataProtection.dataCanBeTracked()
                    ? s.setData("general.canSend", !0)
                    : (e.support.hook(["core.logger"], function () {
                      e.logger.log(
                        "user.core",
                        "warn",
                        "Data protection enforced , can not read data, setting the request to be stopped",
                      );
                    }),
                      s.setData("general.canSend", !1));
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "setInitState",
                fire: function (e, t) {
                  e.general.flags.isInit = !0;
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "fetchSession",
                fire: function (e, t) {
                  t.fetchSession();
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "fetchIpData",
                fire: function (e, t) {
                  t.initIpData();
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "checkIfOutOfTimeout",
                fire: function (t, s) {
                  if (
                    e.time.timestamp() - parseInt(t.general.lastSend) <
                    e.getGlobalSetting("user.sessionRefresh", 300) &&
                    !t.general.flags.forceSend
                  )
                    return (
                      e.support.hook(["core.logger"], function () {
                        e.logger.log(
                          "user.core",
                          "info",
                          "Request is still valid",
                        );
                      }),
                      !1
                    );
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "validateIfOnlyOneSend",
                fire: function (t, s) {
                  if (t.general.flags.isInSend)
                    return (setTimeout(e.user.fetchSession, 1e3), !1);
                  t.general.flags.isInSend = !0;
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "moveConnectorInfo",
                fire: function (t, s) {
                  ((t.user.sessionInfo.connectorInfo = []),
                    e.each(t.general.connectorInfo, function (e, s) {
                      t.user.sessionInfo.connectorInfo.push(s);
                    }));
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "resetData",
                fire: function (e, t) {
                  ((e.request = {
                    context: {
                      forceSend: t.settings.general.flags.forceSend,
                    },
                  }),
                    window.fetch
                      ? (e.request.method = "FETCH")
                      : (e.request.method = "AJAX"),
                    (e.general.scope.userObject = t),
                    (e.request.scope = e.general.scope));
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "buildPayload",
                fire: function (t, s) {
                  let a = e.extend(!0, {}, t.user);
                  (e.setObjectPath(a, "segmentInfo", {}),
                    (t.request.context.requestObject = {
                      url:
                        e.getGlobalSetting(
                          "url.userSession",
                          "https://visitor.service.ksearchnet.com/public/1.0/",
                        ) +
                        t.general.apiKey +
                        "/session",
                      type: t.request.method,
                      method: "POST",
                      mimeType: "application/json; charset=UTF-8",
                      contentType: "application/json; charset=utf-8",
                      dataType: "json",
                      crossDomain: !0,
                      data: JSON.stringify(e.clean(a)),
                      success: function () {
                        let t, s, a, n;
                        1 === arguments.length
                          ? ((t = arguments[0].responseObj.data),
                            (s = arguments[0].requestDetails),
                            (a = arguments[0].status),
                            (n = arguments[0].isSuccess))
                          : ((t = arguments[0]),
                            (s = arguments[1]),
                            (a = arguments[2]),
                            (n = arguments[3]));
                        var i = e.getObjectPath(
                          s.scope.userObject,
                          "chains.response",
                        );
                        e.isUndefined(i) ||
                          0 === i.list().length ||
                          (i.setScope(s.scope.userObject),
                            e.setObjectPath(s, "response.data", t),
                            e.setObjectPath(s, "context.status", a),
                            e.setObjectPath(s, "context.isSuccess", n),
                            i.setData(s),
                            i.fire());
                      },
                      error: function () {
                        let t, s, a;
                        1 === arguments.length
                          ? ((t = arguments[0].requestDetails),
                            (s = arguments[0].status),
                            (a = arguments[0].isSuccess))
                          : ((t = arguments[0]),
                            (s = arguments[1]),
                            (a = arguments[2]));
                        var n = e.getObjectPath(
                          t.scope.userObject,
                          "chains.response",
                        );
                        e.isUndefined(n) ||
                          0 === n.list().length ||
                          (n.setScope(t.scope.userObject),
                            e.setObjectPath(t, "response.data", {}),
                            e.setObjectPath(t, "context.status", s),
                            e.setObjectPath(t, "context.isSuccess", a),
                            n.setData(t),
                            n.fire());
                      },
                    }),
                    (t.request.context.requestDetails = e.extend(
                      !0,
                      {},
                      t.request,
                    )));
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "makeRequest",
                fire: function (t, s) {
                  e.request(
                    t.request.context.requestObject,
                    t.request.context.requestDetails,
                  );
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "checkResponseCode",
                fire: function (e, t) {
                  if (!e.context.isSuccess)
                    return ((t.settings.general.flags.isInSend = !1), !1);
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "saveReturnData",
                fire: function (t, s) {
                  e.isUndefined(t.response.data.sessionId) ||
                    (s.setData("user.sessionId", t.response.data.sessionId),
                      e.isUndefined(t.response.data.segmentInfo) ||
                      s.setData(
                        "user.segmentInfo",
                        t.response.data.segmentInfo,
                      ),
                      e.isUndefined(t.response.data.segmentInfo) ||
                        e.isUndefined(t.response.data.segmentInfo.ttl)
                        ? s.setData("general.lastSend", e.time.timestamp())
                        : s.setData(
                          "general.lastSend",
                          e.time.timestamp() -
                          e.getGlobalSetting("user.sessionRefresh", 300) +
                          parseInt(t.response.data.segmentInfo.ttl),
                        ));
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "saveToDictionary",
                fire: function (e, t) {
                  t.saveToDictionary();
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "markAsComplete",
                fire: function (e, t) {
                  ((t.settings.general.flags.isInSend = !1),
                    e.context.forceSend &&
                    (t.settings.general.flags.forceSend = !1));
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "sendWebhookAfterSessionCall",
                fire: function (t, s) {
                  e.event.webhook.helpers.fireEventForScope({
                    webhookSettings: s.webhookSettings,
                    name: "fetchSession",
                    action: "after",
                    data: s.getAllSettings(),
                    scope: s,
                  });
                },
              }));
        }),
          e.support.hook(["user"], function () {
            e.settings.chains.initChain.add({
              name: "userSession",
              fire: function (t, s) {
                var a = e.getGlobalSetting(
                  "search.apiKey",
                  e.getGlobalSetting(
                    "recs.apiKey",
                    e.getGlobalSetting("global.apiKey"),
                  ),
                ),
                  n = e.dataProtection.dataCanBeTracked();
                if (!e.isUndefined(a) && n) {
                  var i = e.getGlobalSetting("powerUp.userSession");
                  if (!e.isUndefined(i) && !1 === i) return;
                  if (e.getObjectPath(t, "flags.userSession.build", !1))
                    return;
                  (e.setObjectPath(t, "flags.userSession.build", !0),
                    e.user.setApiKey(a));
                }
              },
            });
          }),
          e.support.isActive("user") ||
          (e.extend({
            user: e.constructors.construct("user"),
          }),
            e.support.register({
              name: "user",
              loaded: !0,
              active: !0,
              dependency: ["core.lib"],
            })));
      })(klevu));
  </script>
  <style>
    lite-youtube {
      background-color: #000;
      position: relative;
      display: block;
      contain: content;
      background-position: center center;
      background-size: cover;
      cursor: pointer;
      max-width: 720px;
    }

    lite-youtube::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
      background-position: top;
      background-repeat: repeat-x;
      height: 60px;
      padding-bottom: 50px;
      width: 100%;
      transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
    }

    lite-youtube::after {
      content: "";
      display: block;
      padding-bottom: calc(100% / (16 / 9));
    }

    lite-youtube>iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border: 0;
    }

    lite-youtube>.lty-playbtn {
      width: 68px;
      height: 48px;
      position: absolute;
      cursor: pointer;
      transform: translate3d(-50%, -50%, 0);
      top: 50%;
      left: 50%;
      z-index: 1;
      background-color: transparent;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
      filter: grayscale(100%);
      transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
      border: none;
    }

    lite-youtube .lty-playbtn:focus,
    lite-youtube:hover>.lty-playbtn {
      filter: none;
    }

    lite-youtube.lyt-activated {
      cursor: unset;
    }

    lite-youtube.lyt-activated::before,
    lite-youtube.lyt-activated>.lty-playbtn {
      opacity: 0;
      pointer-events: none;
    }

    .lyt-visually-hidden {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }
  </style>
  <style type="text/css" id="klevu-quick-search-theme-styles">
    [ku-container] a,
    [ku-container] p,
    [ku-container] div,
    [ku-container] ul li {
      font-family: inherit;
      font-size: 13px;
      line-height: 130%;
      text-decoration: none;
      font-weight: normal;
    }

    [ku-container] * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline: 0;
      -webkit-font-smoothing: antialiased;
      vertical-align: top;
    }

    .kuBase {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container],
    [ku-block] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="main"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      width: 1200px;
      margin: 0 auto;
    }

    [ku-container][data-container-role="header"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent [ku-container]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-container][data-container-role="content"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      display: table;
      width: 100%;
    }

    [ku-container][data-container-role="content"] [ku-block]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-block][ku-empty],
    [ku-container][ku-empty] {
      display: none !important;
      width: 0 !important;
      padding: 0 !important;
      height: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
    }

    [ku-container][data-container-role="left"] {
      display: table-cell;
      width: 22%;
      height: auto;
      max-width: 275px;
    }

    [ku-container][data-container-role="right"] {
      display: table-cell;
      width: 22%;
      height: auto;
      max-width: 275px;
    }

    [ku-container][data-container-role="content"] [ku-container][data-container-role="results"] {
      display: table-cell;
      width: auto;
      height: auto;
    }

    [ku-container][data-container-role="content"]:after {
      content: "";
      display: block;
      clear: both;
    }

    [ku-block]:empty {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    @media only screen and (max-width: 1100px) {
      .kuResults ul li {
        width: 33%;
        padding: 5px;
      }

      .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
        max-width: 60%;
        width: 60%;
      }
    }

    @media only screen and (max-width: 991px) {

      [ku-container][data-container-role="left"],
      [ku-container][data-container-role="right"] {
        width: 32%;
      }
    }

    @media only screen and (max-width: 767px) {

      [ku-container][data-container-role="content"],
      [ku-container][data-container-role="content"] [ku-container][data-container-role="results"],
      [ku-container][data-container-role="left"],
      [ku-container][data-container-role="right"] {
        display: block;
        width: 100%;
        height: auto;
      }

      .kuContainer .kuTabs a {
        display: inline-block;
      }

      .kuContainer .kuTabs a:hover {
        border-bottom: 0 solid #ddd;
        text-decoration: none;
        background: #f5f5f5;
      }

      .kuContainer a.kuTabSelected {
        border-bottom: 0 solid #ddd;
        background: #f5f5f5;
      }

      .kuLandingNoResultsMessage {
        font-size: 15px;
        line-height: 1.2em;
        padding: 10px 5%;
        text-align: center;
      }

      .kuFilterBox {
        margin-bottom: 5px;
        padding-bottom: 10px;
        width: 100%;
      }
    }

    .klevu-stars-small-l2 {
      height: 13px;
      display: inline-block;
      vertical-align: bottom;
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;
      width: 65px;
      margin-top: 5px;
    }

    .klevu-stars-small-l2 .klevu-rating-l2 {
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;
      height: 13px;
      display: inline-block;
    }

    .klevuRatingCount {
      display: inline-block;
      margin-top: 3px;
      margin-left: 1px;
    }

    .kuQuickSearchFacetedLayout>div,
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div {
      width: 100% !important;
      max-width: 550px !important;
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"],
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
      width: 33%;
      padding-right: 2%;
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"],
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
      width: Calc(65%);
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
      width: 33%;
      padding-right: 0;
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
      width: 33%;
    }

    .kuQuickSearchFacetedLayout .kuQuickResultsListContainer {
      position: relative;
      height: 360px;
      overflow: auto;
    }

    .kuQuickSearchFacetedLayout .kuPagination {
      padding: 10px 20px;
      text-align: right;
    }

    .kuQuickSearchFacetedLayout .kuPagination a {
      margin: 0;
      position: relative;
      display: inline-block;
      padding-left: 0;
      padding-right: 10px;
      color: #333;
      cursor: pointer;
      text-decoration: none;
      border-right: 1px solid #ddd;
      font-size: 14px;
    }

    .kuQuickSearchFacetedLayout .kuPagination a:hover {
      color: #333;
    }

    .kuQuickSearchFacetedLayout .kuPagination a:last-child {
      border-right: 0;
    }

    .kuQuickSearchFacetedLayout .kuPagination a.kuCurrent {
      background: #fff;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-weight: bold;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct {
      width: 32% !important;
      border-right: 1px solid #e2e2e2;
      border-top: 1px solid #e2e2e2;
      display: inline-block;
      float: left;
      min-height: 200px;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct .klevu-desc-l2 {
      display: none;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:hover {
      background-color: #f8f8f8;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:hover .klevuQuickAddtoCart {
      opacity: 1;
      visibility: visible;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(1) {
      border-top: 0;
      border-top: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(2) {
      border-top: 0;
      border-top: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3) {
      border-top: 0;
      border-top: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(1) {
      border-bottom: 1px solid #e2e2e2;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(2) {
      border-bottom: 1px solid #e2e2e2;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(3) {
      border-bottom: 1px solid #e2e2e2;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3n + 3) {
      border-right: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"].klevuQuickSearchResults .klevuQuickAddtoCart {
      margin: 0 auto;
      position: absolute;
      display: inline-block;
      bottom: auto;
      width: auto;
      top: 25%;
      left: 0;
      width: 100%;
      text-align: center;
      opacity: 0;
      visibility: hidden;
    }

    .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view="grid"].klevuQuickSearchResults .klevuProductItemBottom {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view="grid"].klevuQuickSearchResults .klevuProductItemTop {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayoutRightSideFilters .kuPagination {
      text-align: left;
    }

    .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div {
      min-width: 54%;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div {
        min-width: 66%;
        max-width: 100%;
      }

      .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
        width: 38%;
      }

      .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
        width: 38%;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct {
        width: 49% !important;
        border-top: 0;
        min-height: 230px;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3) {
        border-top: 1px solid #e2e2e2;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(1) {
        border-top: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(2n + 2) {
        border-right: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(odd) {
        border-right: 1px solid #e2e2e2;
        border-top: 0;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
        width: 38%;
        padding-right: 2%;
      }
    }

    @media only screen and (max-width: 767px) {
      .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }

      .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }

      .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterHead {
        font-weight: bold;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct {
        width: 49% !important;
        border-top: 0;
        min-height: 230px;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3) {
        border-top: 1px solid #e2e2e2;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(1) {
        border-top: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(2n + 2) {
        border-right: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(odd) {
        border-right: 1px solid #e2e2e2;
        border-top: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:hover .klevuQuickAddtoCart {
        opacity: 1;
        visibility: visible;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"].klevuQuickSearchResults .klevuQuickAddtoCart {
        position: relative;
        display: inline-block;
        bottom: 15px;
        width: auto;
        top: auto;
        left: 0;
        width: 100%;
        text-align: center;
        opacity: 1;
        visibility: visible;
        margin-top: 10px;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }
    }

    .kuCarousel {
      box-sizing: border-box;
      position: relative;
      width: 100%;
      height: 210px;
    }

    .kuCarousel *:before {
      box-sizing: border-box;
    }

    .kuCarousel *:after {
      box-sizing: border-box;
    }

    .kuCarousel .kuCarousel-content {
      position: relative;
      overflow: hidden;
      transition: width 0.4s;
      height: 100%;
    }

    .kuCarousel .kuSlide {
      height: 100%;
      position: absolute;
      z-index: 1;
      transition: left 0.4s cubic-bezier(0.47, 0.13, 0.15, 0.89);
    }

    .kuCarousel .nav {
      position: absolute;
      top: 50%;
      margin-top: -8%;
      background-color: #fff;
      width: 24px;
      height: 24px;
      z-index: 2;
      cursor: pointer;
      border-radius: 50%;
      border: 0;
      outline: 0;
      color: white;
      -webkit-user-select: none;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: block;
    }

    .kuCarousel .nav-left {
      left: -5px;
      background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-prev.png);
    }

    .kuCarousel .nav-right {
      right: -5px;
      background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-next.png);
    }

    .kuCarousel .kuCarousel-arrow-icon-left {
      margin-left: 5px;
      margin-top: 2px;
    }

    .kuCarousel .kuCarousel-arrow-icon-right {
      margin-left: 7px;
      margin-top: 2px;
    }

    .kuFilterNames {
      height: 118px;
      overflow: hidden;
    }

    .kuFilterNames ul {
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li {
      list-style: none;
      text-align: left;
      width: 100%;
      display: inline-block;
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li a {
      display: block;
      position: relative;
      overflow: hidden;
      padding: 0;
      text-decoration: none;
      cursor: pointer;
      font-style: normal;
      color: #333;
      background: 0;
      margin: 2px;
      margin-left: 5px;
    }

    .kuFilterNames ul li a span {
      display: inline-block;
      vertical-align: middle;
    }

    .kuFilterNames ul li a span.kufacet-text {
      max-width: 74%;
      width: 74%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      float: left;
    }

    .kuFilterNames ul li a span.kuFilterIcon {
      float: left;
      margin: 0;
      padding: 0;
      font-weight: normal;
    }

    .kuFilterNames ul li a:hover {
      cursor: pointer;
    }

    .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background: #333;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
    }

    .kuFilterNames ul li a span.kuFilterTotal {
      float: right;
      text-align: right;
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li a span.kuFilterCancel {
      float: right;
      text-align: right;
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li .klevuFacetStars {
      height: 14px;
      display: inline-block;
      vertical-align: bottom;
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;
      width: 65px;
    }

    .kuFilterNames ul li .klevuFacetStars .klevuFacetRating {
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;
      height: 14px;
      display: inline-block;
    }

    .kuFilterNames ul li.kuSelected a {
      color: #333;
    }

    .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background: #333;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
      border-color: #333;
    }

    .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: #333;
    }

    .kuFilterNames.kuFilterShowAll {
      height: auto;
      overflow: unset;
    }

    .kuFilterHead {
      font-family: inherit;
      font-size: 13px;
      font-weight: bold;
      padding: 5px;
      color: #333;
      display: block;
      line-height: 1.8;
      text-transform: uppercase;
      border-bottom: 1px solid #eee;
      background: 0;
      margin-bottom: 15px;
      margin-top: 0;
      position: relative;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .kuShowOpt {
      padding: 0 5px;
      cursor: pointer;
      position: absolute;
      bottom: -5px;
    }

    .kuShowOpt a {
      color: #333;
      text-decoration: none;
    }

    .kuHideOpt a {
      color: #333;
      text-decoration: none;
    }

    .kuFilterDot {
      height: 5px;
      width: 5px;
      background-color: #333;
      border-radius: 50%;
      display: inline-block;
      margin: 2px;
    }

    .kuFilterIcon:before {
      content: "";
      border: 2px solid #ddd;
      border-radius: 50%;
      margin: 0;
      margin-right: 6px;
      height: 18px;
      width: 18px;
      display: inline-block;
      color: #ddd;
      position: relative;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: background 200ms;
      -webkit-transition: background 200ms;
      -moz-transition: background 200ms;
      -webkit-transition: border-color 200ms;
      -moz-transition: border-color 200ms;
      transition: border-color 200ms;
    }

    .kuMulticheck .kuFilterIcon:before {
      content: "";
      border: 1px solid #ddd;
      border-radius: 0;
      margin: 0;
      margin-right: 8px;
      height: 18px;
      width: 18px;
      display: inline-block;
      color: #ddd;
      position: relative;
    }

    .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 5px;
      background: transparent;
      top: 5px;
      left: 4px;
      border: 2px solid #333;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 5px;
      background: transparent;
      top: 4px;
      left: 4px;
      border: 2px solid #ddd;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: #333;
    }

    .kuQuickSearchFacetedLayout .kuFilters,
    .kuSearchResultsPageContainer .kuFilters {
      padding: 10px;
    }

    .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterNames ul li a span.kufacet-text,
    .kuSearchResultsPageContainer .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
      max-width: 70%;
      width: 70%;
    }

    .kuQuickSearchFacetedLayout [data-block-id="ku_quick_left_facets"] {
      background-color: #fff;
      overflow: auto;
      max-height: 400px;
      text-align: left;
    }

    .kuQuickSearchFacetedLayout [data-block-id="ku_quick_right_facets"] {
      background-color: #fff;
      overflow: auto;
      max-height: 400px;
      text-align: left;
    }

    .kuFilterBox {
      margin-bottom: 12px;
      background: 0;
      padding-bottom: 12px;
      position: relative;
    }

    .kuFilterBox .kuFilterHead {
      padding: 5px 0;
      color: #333;
      display: block;
      text-transform: uppercase;
      border-bottom: 1px solid #ddd;
      background: 0;
      margin-bottom: 0;
    }

    .kuFilterBox .kuFilterNames {
      height: 125px;
      overflow: hidden;
    }

    .kuFilterBox .kuFilterNames ul {
      margin: 0;
      padding: 0;
    }

    .kuFilterBox .kuFilterNames ul li {
      list-style: none;
      text-align: left;
      width: 100%;
      display: inline-block;
      margin: 0;
      padding: 0;
    }

    .kuFilterBox .kuFilterNames ul li a {
      display: block;
      position: relative;
      overflow: hidden;
      padding: 0;
      text-decoration: none;
      cursor: pointer;
      color: #333;
      background: 0;
      margin: 2px 5px 2px 0;
    }

    .kuFilterBox .kuFilterNames ul li a span {
      display: inline-block;
      vertical-align: middle;
    }

    .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
      max-width: 75%;
      width: 75%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      float: left;
    }

    .kuFilterBox .kuFilterNames ul li a span.kuFilterIcon {
      float: left;
      margin: 0;
      padding: 0;
      font-weight: normal;
    }

    .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
      background: #ddd;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected a {
      color: #333;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
      background: #ddd;
      border-color: #333 !important;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: #333;
    }

    .kuFilterBox .kuFilterNames.sliderFilterNames {
      height: 90px;
    }

    .kuFilterBox .kuFilterIcon:before {
      content: "";
      border: 2px solid #ccc;
      border-radius: 50%;
      margin: 0;
      margin-right: 8px;
      height: 18px;
      width: 18px;
      display: inline-block;
      color: #ccc;
      position: relative;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: background 200ms;
      -webkit-transition: background 200ms;
      -moz-transition: background 200ms;
      -webkit-transition: border-color 200ms;
      -moz-transition: border-color 200ms;
      transition: border-color 200ms;
    }

    .kuFilterBox .kuFilterNames.kuFilterCollapse {
      height: 0;
      overflow: hidden;
    }

    .kuFilterBox .kuFilterNames.kuFilterCollapse .kuShowOpt {
      display: none;
    }

    .kuFilterBox .kuFilterNames.kuFilterShowAll {
      height: auto;
      overflow: unset;
    }

    .kuFilterBox .kuShowOpt {
      padding: 0;
      cursor: pointer;
      position: absolute;
      bottom: -12px;
    }

    .kuFilterBox .kuShowOpt a {
      color: #c46b00;
      text-decoration: none;
    }

    .kuFilterBox .kuShowOpt .kuFilterDot {
      height: 5px;
      width: 5px;
      background-color: #888;
      border-radius: 50%;
      display: inline-block;
      margin: 2px;
    }

    .kuFilterBox .kuExpand {
      position: relative !important;
      transition: all 0.3s ease;
    }

    .kuFilterBox .kuCollapse {
      position: relative !important;
      transition: all 0.3s ease;
    }

    .kuFilterBox .kuFilterHead.kuCollapse {
      margin-bottom: 10px;
    }

    .kuFilterBox .kuFilterHead.kuCollapse::after {
      border-color: #333;
      border-image: none;
      border-style: solid;
      border-width: 0 1px 1px 0;
      content: "";
      display: inline-block;
      padding: 4px;
      position: absolute;
      right: 12px;
      top: 14px;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
      transition: all 0.3s ease;
    }

    .kuFilterBox .kuFilterHead.kuExpand::after {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: #333;
      border-image: none;
      border-style: solid;
      border-width: 0 1px 1px 0;
      content: "";
      display: inline-block;
      padding: 4px;
      position: absolute;
      right: 12px;
      top: 10px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      transition: all 0.3s ease 0s;
    }

    .kuFilterBox.kuMulticheck .kuFilterIcon:before {
      content: "";
      border: 1px solid #ccc;
      border-radius: 0;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      width: 10px;
      height: 5px;
      background: transparent;
      top: 4px;
      left: 4px;
      border: 2px solid #ddd;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      width: 10px;
      height: 5px;
      background: transparent;
      top: 4px;
      left: 4px;
      border: 2px solid #ddd;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      border-color: #333;
    }

    /*! nouislider - 8.2.1 - 2015-12-02 21:43:15 */
    .noUi-target,
    .noUi-target * {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -ms-touch-action: none;
      touch-action: none;
      -ms-user-select: none;
      -moz-user-select: none;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .noUi-target {
      position: relative;
      direction: ltr;
    }

    .noUi-base {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
    }

    .noUi-origin {
      position: absolute;
      right: 0;
      top: 0;
      left: 0;
      bottom: 0;
    }

    .noUi-handle {
      position: relative;
      z-index: 1;
    }

    .noUi-stacking .noUi-handle {
      z-index: 10;
    }

    .noUi-state-tap .noUi-origin {
      -webkit-transition:
        left 0.3s,
        top 0.3s;
      transition:
        left 0.3s,
        top 0.3s;
    }

    .noUi-state-drag * {
      cursor: inherit !important;
    }

    .noUi-base {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    .noUi-horizontal {
      height: 12px;
    }

    .noUi-horizontal .noUi-handle {
      width: 24px;
      height: 24px;
      left: -17px;
      top: -7px;
      border-radius: 100%;
    }

    .noUi-vertical {
      width: 18px;
    }

    .noUi-vertical .noUi-handle {
      width: 28px;
      height: 34px;
      left: -6px;
      top: -17px;
    }

    .noUi-background {
      background: #fafafa;
      box-shadow: inset 0 1px 1px #f0f0f0;
    }

    .noUi-connect {
      background: #333;
      box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
      -webkit-transition: background 450ms;
      transition: background 450ms;
    }

    .noUi-origin {
      border-radius: 2px;
    }

    .noUi-target {
      border-radius: 4px;
      border: 1px solid #d3d3d3;
      box-shadow:
        inset 0 1px 1px #f0f0f0,
        0 3px 6px -5px #bbb;
    }

    .noUi-target.noUi-connect {
      box-shadow:
        inset 0 0 3px rgba(51, 51, 51, 0.45),
        0 3px 6px -5px #bbb;
    }

    .noUi-draggable {
      cursor: w-resize;
    }

    .noUi-vertical .noUi-draggable {
      cursor: n-resize;
    }

    .noUi-handle {
      border: 1px solid #d9d9d9;
      background: #fff;
      cursor: default;
      box-shadow:
        inset 0 0 1px #fff,
        inset 0 1px 7px #ebebeb,
        0 3px 6px -3px #bbb;
      cursor: pointer;
    }

    .noUi-active {
      box-shadow:
        inset 0 0 1px #fff,
        inset 0 1px 7px #ddd,
        0 3px 6px -3px #bbb;
    }

    .noUi-handle:after,
    .noUi-handle:before {
      content: "";
      display: block;
      position: absolute;
      height: 14px;
      width: 1px;
      background: #e4e1e1;
      left: 8px;
      top: 4px;
    }

    .noUi-handle:after {
      left: 12px;
    }

    .noUi-vertical .noUi-handle:after,
    .noUi-vertical .noUi-handle:before {
      width: 14px;
      height: 1px;
      left: 6px;
      top: 14px;
    }

    .noUi-vertical .noUi-handle:after {
      top: 17px;
    }

    [disabled] .noUi-connect,
    [disabled].noUi-connect {
      background: #b8b8b8;
    }

    [disabled] .noUi-handle,
    [disabled].noUi-origin {
      cursor: not-allowed;
    }

    .noUi-pips,
    .noUi-pips * {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .noUi-pips {
      position: absolute;
      color: #999;
    }

    .noUi-value {
      width: 40px;
      position: absolute;
      text-align: center;
    }

    .noUi-value-sub {
      color: #ccc;
      font-size: 10px;
    }

    .noUi-marker {
      position: absolute;
      background: #ccc;
    }

    .noUi-marker-large,
    .noUi-marker-sub {
      background: #aaa;
    }

    .noUi-pips-horizontal {
      padding: 10px 0;
      height: 50px;
      top: 100%;
      left: 0;
      width: 100%;
    }

    .noUi-value-horizontal {
      margin-left: -20px;
      padding-top: 20px;
    }

    .noUi-value-horizontal.noUi-value-sub {
      padding-top: 15px;
    }

    .noUi-marker-horizontal.noUi-marker {
      margin-left: -1px;
      width: 2px;
      height: 5px;
    }

    .noUi-marker-horizontal.noUi-marker-sub {
      height: 10px;
    }

    .noUi-marker-horizontal.noUi-marker-large {
      height: 15px;
    }

    .noUi-pips-vertical {
      padding: 0 10px;
      height: 100%;
      top: 0;
      left: 100%;
    }

    .noUi-value-vertical {
      width: 15px;
      margin-left: 20px;
      margin-top: -5px;
    }

    .noUi-marker-vertical.noUi-marker {
      width: 5px;
      height: 2px;
      margin-top: -1px;
    }

    .noUi-marker-vertical.noUi-marker-sub {
      width: 10px;
    }

    .noUi-marker-vertical.noUi-marker-large {
      width: 15px;
    }

    .noUi-tooltip {
      display: block;
      position: absolute;
      border: 1px solid #d9d9d9;
      border-radius: 3px;
      background: #fff;
      padding: 5px;
      text-align: center;
      width: max-content;
    }

    .noUi-horizontal .noUi-handle-lower .noUi-tooltip {
      bottom: -32px;
    }

    .noUi-horizontal .noUi-handle-upper .noUi-tooltip {
      bottom: -32px;
      right: 0;
    }

    .noUi-vertical .noUi-handle-lower .noUi-tooltip {
      left: 120%;
    }

    .noUi-vertical .noUi-handle-upper .noUi-tooltip {
      right: 120%;
    }

    .klevu-fluid,
    .klevu-fluid *,
    .klevuTarget,
    .klevuTarget *,
    .kuContainer * {
      font-family: inherit;
    }

    [ku-container] a,
    [ku-container] p,
    [ku-container] div,
    [ku-container] ul li {
      font-family: inherit;
      font-size: 13px;
      line-height: 130%;
      text-decoration: none;
      font-weight: normal;
    }

    [ku-container] * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline: 0;
      -webkit-font-smoothing: antialiased;
      vertical-align: top;
    }

    .kuClearLeft {
      clear: left;
    }

    .kuClearRight {
      clear: right;
    }

    .kuClearBoth,
    .kuClearBoth:after {
      clear: both;
    }

    .kuGreen {
      color: #a30f0f !important;
    }

    .kuBlack {
      color: #333 !important;
    }

    .kuClipped {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }

    .kuClippedOne {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }

    .kuClippedTwo {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .klevuTarget * {
      box-sizing: border-box;
    }

    .kuBtn {
      display: inline-block;
      padding: 5px 10px;
      cursor: pointer;
      font-size: 11px !important;
      text-transform: uppercase;
      text-decoration: none;
      margin: 5px 5px 5px 0;
      border-radius: 3px;
      border: 2px solid transparent;
      text-align: center;
    }

    .kuBtnDark {
      background: #333;
      color: #fff;
      border-color: #333;
    }

    .kuBtnLight {
      background: #ddd;
      color: #333;
      border-color: #dedede;
    }

    .kuBtnDarkOutline {
      background: transparent;
      color: #333;
      border: 2px solid #333;
    }

    .kuBtnLightOutline {
      background: transparent;
      color: #ddd;
      border: 2px solid #ddd;
    }

    .kuBtnDark:hover,
    .kuBtnLight:hover,
    .kuBtnDarkOutline:hover,
    .kuBtnLightOutline:hover {
      background: #757575;
      color: #fff;
      border-color: #757575;
    }

    .klevuTarget.klevu-fluid>div {
      position: absolute;
      z-index: 20000000000;
      width: 35%;
      max-width: 450px;
      font-family: inherit;
      font-size: 13px;
      background-color: #fff;
      border-radius: 3px;
      color: #333;
    }

    .kuBase {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container],
    [ku-block] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="main"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      width: 1200px;
      margin: 0 auto;
    }

    [ku-container][data-container-role="header"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent [ku-container]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-container][data-container-role="content"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      display: table;
      width: 100%;
    }

    [ku-container][data-container-role="content"] [ku-block]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-block][ku-empty],
    [ku-container][ku-empty] {
      display: none !important;
      width: 0 !important;
      padding: 0 !important;
      height: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
    }

    .klevuQuickSearchingArea {
      width: 100%;
      max-width: 100%;
      border-radius: 2px;
      -webkit-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
      -moz-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
      box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
    }

    .klevuQuickSearchingArea .klevuLoader img {
      display: inline-block;
      width: 22px !important;
    }

    .klevuQuickSearchingArea span.klevuLoader img {
      margin-right: 10px;
    }

    .klevuQuickSearchingArea .kuFacetedLayoutMinCharText {
      padding: 10px;
      line-height: 35px;
    }

    .klevuSuggestionsBlock {
      position: relative;
    }

    .klevuSuggestionsBlock .klevuLoader {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      padding: 6px 10px;
    }

    .klevuSuggestionHeading {
      text-transform: uppercase;
      padding: 10px 5px;
    }

    .klevuHeadingText {
      color: #333;
      display: inline-block;
    }

    .klevuHeadingText a {
      float: right;
      margin-right: 10px;
      color: #333;
      font-weight: normal;
      text-decoration: none;
    }

    .klevuHeadingText a:hover {
      text-decoration: underline;
    }

    .klevuAutoSuggestionsWrap {
      border-bottom: 1px solid #ddd;
      padding: 5px 10px;
    }

    .klevuAutoSuggestionsWrap ul {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .klevuAutoSuggestionsWrap ul li {
      display: block;
      list-style: none;
      margin: 0;
      cursor: default;
      text-align: left;
    }

    .klevuAutoSuggestionsWrap ul li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .klevuAutoSuggestionsWrap ul li:hover {
      background-color: #f5f5f5;
    }

    .klevuAutoSuggestionsWrap ul li:focus {
      background-color: #f5f5f5;
    }

    .klevuAutoSuggestionsWrap ul li ul li a {
      padding-left: 35px;
    }

    .klevuAutoSuggestionsWrap ul li strong {
      color: #333;
    }

    .klevuAutoSuggestionsWrap ul li.klevu-hovered {
      background-color: #f5f5f5;
    }

    .klevuResultsBlock .klevuSuggestionHeading {
      padding: 12px 15px;
    }

    .klevuResultsBlock .klevuProductsViewAll {
      display: inline-block;
      position: absolute;
      top: 12px;
      right: 12px;
    }

    .klevuResultsBlock .klevuProductsViewAll a {
      color: #333;
      font-weight: normal;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 10px;
      cursor: pointer;
      border-bottom: 2px solid #ccc;
      padding: 2px 0;
    }

    .klevuResultsBlock .klevuQuickSearchResults {
      position: relative;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul {
      margin: 0;
      padding-left: 0;
      text-align: left;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li {
      display: block;
      width: 100%;
      height: auto;
      text-align: left;
      position: relative;
      border-bottom: 1px solid #ddd;
      margin-bottom: auto;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li a.klevuQuickProductInnerBlock {
      text-decoration: none;
      color: #333;
      outline: 0;
      display: block;
      padding: 8px;
      height: auto;
      line-height: 20px;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDescBlock {
      float: left;
      width: 100%;
      margin-left: 8px;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName {
      font-weight: bold;
      color: #333;
      word-wrap: break-word;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickPriceGreyText {
      font-weight: normal !important;
      color: #393939 !important;
      font-size: 11px !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDesc {
      color: #333;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice {
      font-weight: bold;
      margin-bottom: 5px;
      color: #333;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickOrigPrice {
      margin-right: 5px;
      text-decoration: line-through;
      color: #333;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:hover {
      background-color: #f5f5f5;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickSearchResults ul li div {
      color: #fff !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:focus {
      background-color: #f5f5f5;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:focus .klevuQuickSearchResults ul li div {
      color: #fff !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop {
      margin: 0;
      box-sizing: border-box;
      float: left;
      padding: 5px;
      position: relative;
      width: 20%;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom {
      margin: 0;
      box-sizing: border-box;
      padding: 5px;
      position: relative;
      min-height: 60px;
      float: left;
      width: 80%;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2 {
      color: #8a8a8a;
      font-size: 13px;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickImgWrap {
      float: none;
      overflow: hidden;
      width: 100% !important;
      height: 70px !important;
      text-align: center;
    }

    .klevuResultsBlock .klevuQuickSearchResults img {
      max-width: 100% !important;
      max-height: 100% !important;
      width: auto;
      height: auto;
      border: 0;
      outline: 0;
      display: inline-block;
      margin: 0 auto;
      opacity: 1;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge {
      background: #ffcc01;
      padding: 0 5px;
      color: #333;
      font-size: 9px;
      position: absolute;
      top: 6px;
      left: 4px;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge strong {
      color: #333;
    }

    .klevuResultsBlock .klevuQuickNoResults {
      text-align: center;
      font-size: 13px;
      padding: 0;
    }

    .klevuResultsBlock .klevuQuickNoResults .klevuQuickNoResultsInner {
      padding: 15px;
      margin: 0;
    }

    .klevuResultsBlock .klevuQuickNoResultsMessage {
      background: transparent;
      font-size: 13px;
      padding: 20px;
      text-align: center;
      border: 0;
    }

    @media only screen and (max-width: 1024px) {
      .klevuTarget.klevu-fluid>div {
        width: 50%;
      }

      .klevuQuickSearchResults .klevuQuickImgWrap {
        height: 55px !important;
      }
    }

    @media only screen and (max-width: 767px) {
      .klevuTarget.klevu-fluid>div {
        max-width: 400px;
        width: 70%;
      }
    }

    @media only screen and (max-width: 480px) {
      .klevuTarget.klevu-fluid>div {
        width: 98%;
        left: 1% !important;
      }

      .klevu-fluid .klevuQuickSearchResults ul li .klevuQuickProductDesc {
        display: none;
      }
    }

    @media only screen and (max-width: 420px) {
      .klevuTarget.klevu-fluid>div {
        max-width: 100%;
      }
    }

    .searchRequestLoading .klevuQuickSearchingArea {
      opacity: 0.6;
      pointer-events: none;
    }

    .searchRequestLoading .klevuQuickSearchingArea::after {
      content: url("https://js.klevu.com/klevu-js-v1/img/klevu-loader.GIF");
      position: absolute;
      margin-left: 45%;
      top: 12px;
    }

    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer [ku-container][data-container-role="left"] {
      width: 100%;
      max-width: 100%;
    }

    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuPopularSearchesBlock {
      margin-bottom: 8px;
    }

    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuRecentSearchesBlock {
      margin-bottom: 8px;
    }

    .kuRecommendationSlider {
      display: none;
    }

    .kuRecommendationSlider .klevuProductItemTop .klevuQuickImgWrap {
      float: none;
      overflow: hidden;
      width: 100% !important;
      height: 155px !important;
      text-align: center;
      margin: 0 auto;
      position: relative;
      box-sizing: border-box;
      padding: 0;
      border: 1px solid #eee;
      max-height: 155px !important;
    }

    .kuEmptySearchBox.kuPersonalizedSearchRecsEnabled .kuRecommendationSlider {
      display: block;
    }

    .kuSearchPersonalizationsContainer {
      height: 40px;
    }

    .kuSearchPersonalizationsContainer * {
      visibility: hidden;
    }

    .kuEmptySearchBox .kuSearchPersonalizationsContainer {
      height: auto;
    }

    .kuEmptySearchBox .kuSearchPersonalizationsContainer * {
      visibility: unset;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuQuickSearchingArea {
      padding: 6px 9px;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemTop {
      width: 100%;
      display: block;
      float: none;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemBottom {
      width: 100%;
      display: block;
      float: none;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuSuggestionHeading {
      padding: 10px 3px;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuProductItemBottom {
      font-size: 12px;
      color: #666;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuRecentSearchTerms {
      border: 0;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuPopularSearchTerms {
      border: 0;
    }

    @media only screen and (max-width: 767px) {
      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
        width: 100%;
        padding-right: 0;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
        width: 100%;
        padding-right: 0;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div {
        max-width: 85%;
      }
    }

    .klevuTarget.klevu-fluid.kuEmptySearchBox>div {
      min-width: 38% !important;
    }

    .kuDropdown.kuQuickFacetedLayoutSort {
      display: inline-block;
      float: right;
      min-width: 75px;
      padding-top: 10px;
      text-align: center;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul:before {
      content: "";
      width: 100%;
      display: block;
      height: 0;
      background: 0;
    }

    .kuQuickSearchResultsContainer .kuResultsHeadingTitleContainer {
      padding: 8px 10px;
      border-bottom: 1px solid #eee;
    }

    .klevu-banner-ad {
      clear: both;
      text-align: center;
      width: 100%;
      padding: 8px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .klevu-banner-ad img {
      display: inline-block;
      width: auto;
      max-width: 100%;
      max-height: 100%;
    }

    .kuPopularSearchTerms ul {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .kuPopularSearchTerms li {
      display: block;
      list-style: none;
      margin: 0;
      text-transform: capitalize;
      cursor: default;
      text-align: left;
    }

    .kuPopularSearchTerms li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .kuPopularSearchTerms li:hover {
      background-color: #f5f5f5;
    }

    .kuRecentSearchTerms ul {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .kuRecentSearchTerms li {
      display: block;
      list-style: none;
      margin: 0;
      text-transform: capitalize;
      cursor: default;
      text-align: left;
    }

    .kuRecentSearchTerms li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .kuRecentSearchTerms li:hover {
      background-color: #f5f5f5;
    }

    .kuQuickSearchNoRecordFound {
      text-align: center;
      margin-top: 4%;
      margin-bottom: 4%;
      color: #333;
      font-size: 13px;
      background: #fff;
      display: block;
    }

    .kuQuickSearchNoRecordFound .klevuQuickPriceGreyText {
      font-weight: normal !important;
      color: #393939 !important;
      font-size: 11px !important;
    }

    .kuQuickSearchNoRecordFound .kuQuickNoResults {
      max-width: 90%;
      margin: auto;
      text-align: justify;
    }

    .kuQuickSearchNoRecordFound .kuQuickNoResultsMessage {
      display: block;
      text-align: center;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .kuQuickSearchNoRecordFound .kuDividerLine {
      margin: 10px 0;
      border-bottom: #ccc 1px solid;
      width: 100%;
    }

    .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick {
      clear: both;
      text-align: center;
      width: 100%;
      padding: 8px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick img {
      display: inline-block;
      width: auto;
      max-width: 100%;
      max-height: 100%;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll {
      display: inline-block;
      position: absolute;
      top: 12px;
      right: 12px;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchHeading {
      text-transform: uppercase;
      padding-bottom: 10px;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll a {
      color: #333;
      font-weight: normal;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 10px;
      cursor: pointer;
      border-bottom: 2px solid #ccc;
      padding: 2px 0;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular {
      position: relative;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul {
      margin: 0;
      padding-left: 0;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li {
      display: block;
      width: 100%;
      height: auto;
      text-align: left;
      position: relative;
      border-bottom: 1px solid #ddd;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li a.klevuQuickPopularProductInnerBlock {
      text-decoration: none;
      color: #333;
      outline: 0;
      display: block;
      padding: 8px;
      height: auto;
      line-height: 20px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickPopularProductDescBlock {
      float: left;
      width: 100%;
      margin-left: 8px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductName {
      font-weight: bold;
      color: #333;
      word-wrap: break-word;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc {
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickSalePrice {
      font-weight: bold;
      margin-bottom: 5px;
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickOrigPrice {
      margin-left: 5px;
      text-decoration: line-through;
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover {
      background-color: #f5f5f5;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover .klevuQuickSearchNoResultsPopular ul li div {
      color: #fff !important;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemTop {
      margin: 0;
      box-sizing: border-box;
      float: left;
      padding: 5px;
      position: relative;
      width: 20%;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom {
      margin: 0;
      box-sizing: border-box;
      padding: 5px;
      position: relative;
      min-height: 60px;
      float: left;
      width: 80%;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom .klevu-desc-l2 {
      color: #8a8a8a;
      font-size: 13px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap {
      float: none;
      overflow: hidden;
      width: 100% !important;
      height: 70px !important;
      text-align: center;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular img {
      max-width: 100% !important;
      max-height: 100% !important;
      width: auto;
      height: auto;
      border: 0;
      outline: 0;
      display: inline-block;
      margin: 0 auto;
      opacity: 1;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge {
      background: #ffcc01;
      padding: 0 5px;
      color: #333;
      font-size: 9px;
      position: absolute;
      top: 6px;
      left: 4px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge strong {
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults {
      text-align: center;
      font-size: 13px;
      padding: 0;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults .klevuQuickNoResultsInner {
      padding: 15px;
      margin: 0;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResultsMessage {
      background: transparent;
      font-size: 13px;
      padding: 20px;
      text-align: center;
      border: 0;
    }

    .kuQuickSearchNoRecordFound .searchRequestLoading .klevuQuickSearchingArea {
      opacity: 0.6;
      pointer-events: none;
    }

    .kuQuickSearchNoRecordFound .klevuPopularProductsHeading {
      text-align: left;
      padding: 8px 15px;
      text-transform: uppercase;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsContainer {
      max-width: 100%;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchesBlock {
      padding: 10px;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms ul {
      margin: 0;
      padding: 0 3px;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li {
      display: block;
      list-style: none;
      margin: 0;
      text-transform: capitalize;
      cursor: pointer;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li:hover {
      background-color: #f5f5f5;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    @media only screen and (max-width: 1024px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        width: 50%;
      }

      .kuQuickSearchNoRecordFound .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap {
        height: 55px !important;
      }
    }

    @media only screen and (max-width: 767px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        max-width: 400px;
        width: 70%;
      }
    }

    @media only screen and (max-width: 480px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        width: 98%;
        left: 1% !important;
      }

      .kuQuickSearchNoRecordFound .klevu-fluid .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc {
        display: none;
      }
    }

    @media only screen and (max-width: 420px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        max-width: 100%;
      }
    }

    .kuCaptionStockIn {
      font-size: 11px;
      color: green;
      display: inline-block;
      padding: 0;
      float: left;
      width: 100%;
      box-sizing: border-box;
      margin: 2px 0;
    }

    .kuQuickCaptionStockOut {
      font-size: 11px;
      color: Red;
      display: inline-block;
      padding: 0;
      float: left;
      min-height: 30px;
      width: 100%;
      box-sizing: border-box;
      margin: 2px 0;
    }

    .kuQuickSearchResultsContainer .kuCaptionVat {
      display: block;
      font-size: 11px;
      color: #767676;
      width: 100%;
      float: left;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      margin: 2px 0;
    }

    .kuQuickSearchFacetedLayout .productListActive [data-content="cmsCompressed"] {
      display: none !important;
    }

    .kuQuickSearchFacetedLayout .cmsCompressedActive [data-content="productList"] {
      display: none !important;
    }

    .kuQuickSearchFacetedLayout .kuContainer {
      width: 100%;
      margin: 0 auto;
      font-family: inherit;
      font-size: 12px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100% !important;
      padding: 0 !important;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs {
      margin: 0 auto !important;
      text-align: center;
      border-bottom: 1px solid #eee;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a {
      padding: 8px;
      cursor: pointer;
      margin-right: 5px;
      color: #333;
      display: inline-block;
      position: relative;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a:hover {
      border-bottom: 3px solid #ddd;
      text-decoration: none;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected {
      border-bottom: 3px solid #ddd;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected:hover {
      background: 0;
    }

    .kuQuickSearchFacetedLayout .kuSort {
      display: inline-block;
      margin: 0;
      height: 15px;
      width: 15px;
      background-repeat: no-repeat !important;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-relevance.png) no-repeat 0 0;
      cursor: pointer;
      margin-right: 2px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuActiveSort {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-low-to-high.png) no-repeat 0 0;
      cursor: pointer;
      margin-right: -4px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-high-to-low.png) no-repeat 0 0;
      cursor: pointer;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuQuickResultsViewSwitchContainer {
      display: inline-block;
      float: left;
    }

    .kuQuickSearchFacetedLayout .kuDropdown.kuQuickFacetedLayoutSort {
      float: left;
      display: inline-block;
      float: right;
    }

    .kuQuickResultsViewSwitchContainer {
      position: relative;
      display: inline-block;
      z-index: 11;
      width: auto;
      padding: 10px 5px;
    }

    .kuQuickResultsViewSwitchContainer a {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin-left: 4px;
      text-align: center;
      vertical-align: middle;
      overflow: hidden;
    }

    .kuQuickResultsViewSwitchContainer a.kuCurrent {
      background-position: 0 -25px;
      text-decoration: none;
    }

    .kuQuickResultsViewSwitchContainer .kuGridViewBtn {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-gridview.png) no-repeat 0 0;
      cursor: pointer;
    }

    .kuQuickResultsViewSwitchContainer .kuListViewBtn {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-listview.png) no-repeat 0 0;
      cursor: pointer;
    }

    [data-result-view="list"] .klevuProduct {
      width: 100% !important;
    }

    [data-result-view="list"] .klevuProduct:hover .kuProdAdditional {
      box-shadow: none !important;
    }

    [data-result-view="list"] .klevuProduct main {
      display: inline-block;
      width: 30%;
    }

    [data-result-view="list"] .klevuProduct footer {
      display: inline-block;
      width: 69%;
    }

    [data-result-view="list"] .klevuProduct .kuProdAdditional {
      position: relative !important;
      visibility: unset !important;
      border: 0 !important;
    }

    [data-result-view="list"] .klevuProduct .kuAddtocart .kuBtn {
      display: inline-block;
    }

    @media only screen and (max-width: 576px) {
      [data-result-view="list"] .klevuProduct main {
        width: 100%;
      }

      [data-result-view="list"] .klevuProduct footer {
        width: 100%;
      }

      [data-result-view="list"] .klevuProduct .kuAddtocart .kuBtn {
        display: block;
      }
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart {
      margin: 0;
      position: absolute;
      display: inline-block;
      bottom: 10px;
      right: 5px;
      width: auto;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart .kuBtn {
      padding: 3px 6px;
      font-size: 9px !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart img {
      max-width: 80px !important;
      height: auto;
      max-height: 45px !important;
    }

    .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart {
      margin: 0;
      position: absolute;
      display: inline-block;
      bottom: 10px;
      right: 5px;
      width: auto;
    }

    .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart .kuBtn {
      padding: 3px 6px;
      font-size: 9px !important;
    }

    .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart img {
      max-width: 80px !important;
      height: auto;
      max-height: 45px !important;
    }

    .kuQuickSearchFacetedLayout .klevuQuickSearchResults .klevuQuickAddtoCart {
      margin: 0;
      position: absolute;
      display: inline-block;
      bottom: 15px;
      right: 5px;
      width: auto;
      visibility: hidden;
      opacity: 0;
    }

    .kuQuickSearchFacetedLayout .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickAddtoCart {
      visibility: visible;
      opacity: 1;
    }

    .kuQuickSearchFacetedLayout .kuPriceSlider {
      width: auto;
      min-width: 190px;
      max-width: 98%;
      padding: 20px;
      margin: auto;
      position: relative;
      box-sizing: border-box;
    }

    .kuQuickSearchFacetedLayout .kuPriceSlider .noUi-tooltip {
      font-size: 90%;
    }

    .kuQuickSearchFacetedLayout .sliderFilterNames {
      height: 90px;
    }

    .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer {
      text-align: center;
    }

    .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn {
      width: 100%;
      margin: 12px 0;
      height: 34px;
      border: 0;
      border-radius: 2px;
      cursor: pointer;
    }

    .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn.hide {
      display: none !important;
    }

    .kuQuickSearchFacetedLayout .klevuProductLoadMore {
      width: 100% !important;
      min-height: 40px !important;
      border: none !important;
    }

    .kuQuickSearchFacetedLayout .klevuProductLoadMore:hover {
      background-color: transparent !important;
    }

    .kuQuickSearchFacetedLayout .klevuProductLoadMore.hide {
      display: none !important;
    }

    .kuImageSearchSelector {
      cursor: pointer;
    }

    .kuImageSearchSelector::before {
      content: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M11.7692%203.18182L11.0154%201.6C10.8538%201.21818%2010.4769%201%2010.0462%201H6.00769C5.57692%201%205.2%201.21818%205.03846%201.6L4.23077%203.18182H2.07692C1.48462%203.18182%201%203.67273%201%204.27273V11.9091C1%2012.5091%201.48462%2013%202.07692%2013H13.9231C14.5154%2013%2015%2012.5091%2015%2011.9091V4.27273C15%203.67273%2014.5154%203.18182%2013.9231%203.18182H11.7692Z%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.00006%2010.8182C9.78436%2010.8182%2011.2308%209.35291%2011.2308%207.54543C11.2308%205.73795%209.78436%204.27271%208.00006%204.27271C6.21575%204.27271%204.76929%205.73795%204.76929%207.54543C4.76929%209.35291%206.21575%2010.8182%208.00006%2010.8182Z%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2.07703%204.81812H3.69241%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E);
      display: inline-block;
      width: 16px;
      margin-left: 10px;
      cursor: pointer;
    }

    .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWrap,
    .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,
    .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,
    .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
    .klevuTarget .kuQuickImageSearchWrap {
      max-width: 400px !important;
      min-width: auto !important;
      width: 100% !important;
    }

    .kuQuickSearchImageUploadContainer {
      max-width: 400px !important;
    }

    .kuQuickSearchImageUploadContainer .klevuQuickSearchingArea {
      padding: 1rem !important;
    }

    .kuQuickSearchImageUploadContainer .kuImageUploadErrorMsgContainer p {
      color: red;
      margin: 0;
      font-size: 12px;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn {
      width: 100%;
      margin: 20px 0;
      text-align: center;
      padding: 10px;
      border-width: 0;
      background-color: #343420;
      color: #fff;
      cursor: pointer;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText::before {
      display: inline-block;
      width: 16px;
      margin-right: 5px;
      cursor: pointer;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.upload::before {
      content: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.333333%207.95508C0.149%207.95508%200%208.10441%200%208.28841V10.3327C0%2010.5167%200.149%2010.6661%200.333333%2010.6661H9.66667C9.851%2010.6661%2010%2010.5167%2010%2010.3327V8.28841C10%208.10441%209.851%207.95508%209.66667%207.95508C9.48233%207.95508%209.33333%208.10441%209.33333%208.28841V9.99941H0.666667V8.28841C0.666667%208.10441%200.517667%207.95508%200.333333%207.95508Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.01445%208.62233C5.19878%208.62233%205.34778%208.473%205.34778%208.289V1.119L7.46211%203.16133C7.52645%203.224%207.61011%203.255%207.69345%203.255C7.78078%203.255%207.86778%203.221%207.93311%203.15333C8.06111%203.021%208.05745%202.81%207.92511%202.682L5.25078%200.0983334C5.25045%200.098%205.25045%200.0980001%205.25011%200.0976667L5.24578%200.0936667C5.23378%200.082%205.21878%200.077%205.20578%200.0676667C5.18445%200.0523334%205.16478%200.0353334%205.14045%200.0253334C5.10245%200.00966674%205.06211%200.00233355%205.02145%200.00133355C5.01911%200.00133355%205.01678%200%205.01445%200C5.01211%200%205.00978%200.00133355%205.00745%200.00133355C4.96678%200.00233355%204.92678%200.00966674%204.88845%200.0253334C4.86411%200.0353334%204.84445%200.0523335%204.82312%200.0673335C4.81012%200.0770002%204.79511%200.082%204.78311%200.0936667L4.77911%200.0973333C4.77878%200.0976666%204.77878%200.0976669%204.77845%200.0980002L2.10412%202.68167C1.97178%202.80967%201.96812%203.02067%202.09612%203.153C2.22345%203.28533%202.43545%203.28933%202.56711%203.161L4.68145%201.11867V8.28867C4.68111%208.473%204.83011%208.62233%205.01445%208.62233Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E);
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.processing::before {
      position: absolute;
      margin-left: -20px;
      content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%204.5C7.8674%204.5%207.74023%204.44732%207.64645%204.35355C7.55268%204.25977%207.5%204.1326%207.5%204V1C7.5%200.867392%207.55268%200.740215%207.64645%200.646447C7.74023%200.552677%207.8674%200.5%208%200.5C8.1326%200.5%208.25977%200.552677%208.35355%200.646447C8.44732%200.740215%208.5%200.867392%208.5%201V4C8.5%204.1326%208.44732%204.25977%208.35355%204.35355C8.25977%204.44732%208.1326%204.5%208%204.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M10.82%205.68005C10.7209%205.68013%2010.624%205.65075%2010.5416%205.59568C10.4593%205.54058%2010.3951%205.46225%2010.3573%205.37063C10.3196%205.27903%2010.3099%205.17825%2010.3295%205.0811C10.3491%204.98395%2010.3971%204.89485%2010.4675%204.82505L12.595%202.69755C12.6414%202.6511%2012.6966%202.61425%2012.7573%202.5891C12.818%202.56398%2012.883%202.55103%2012.9487%202.55103C13.0144%202.55103%2013.0795%202.56398%2013.1402%202.5891C13.2009%202.61425%2013.256%202.6511%2013.3025%202.69755C13.3489%202.744%2013.3858%202.79915%2013.4109%202.85985C13.4361%202.92055%2013.449%202.9856%2013.449%203.0513C13.449%203.117%2013.4361%203.18205%2013.4109%203.24275C13.3858%203.30345%2013.3489%203.3586%2013.3025%203.40505L11.175%205.53255C11.1285%205.57935%2011.0732%205.61648%2011.0122%205.64178C10.9513%205.6671%2010.886%205.6801%2010.82%205.68005Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M15%208.5H12C11.8674%208.5%2011.7402%208.44732%2011.6465%208.35355C11.5527%208.25977%2011.5%208.1326%2011.5%208C11.5%207.8674%2011.5527%207.74023%2011.6465%207.64645C11.7402%207.55268%2011.8674%207.5%2012%207.5H15C15.1326%207.5%2015.2598%207.55268%2015.3535%207.64645C15.4473%207.74023%2015.5%207.8674%2015.5%208C15.5%208.1326%2015.4473%208.25977%2015.3535%208.35355C15.2598%208.44732%2015.1326%208.5%2015%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M12.9501%2013.4499C12.8841%2013.45%2012.8188%2013.437%2012.7578%2013.4117C12.6969%2013.3864%2012.6416%2013.3492%2012.5951%2013.3024L10.4676%2011.1749C10.3738%2011.0811%2010.321%2010.9539%2010.321%2010.8212C10.321%2010.6885%2010.3738%2010.5613%2010.4676%2010.4674C10.5614%2010.3736%2010.6886%2010.3209%2010.8213%2010.3209C10.954%2010.3209%2011.0813%2010.3736%2011.1751%2010.4674L13.3026%2012.5949C13.3729%2012.6647%2013.421%2012.7538%2013.4406%2012.851C13.4602%2012.9481%2013.4505%2013.0489%2013.4127%2013.1405C13.375%2013.2321%2013.3108%2013.3105%2013.2284%2013.3656C13.1461%2013.4206%2013.0492%2013.45%2012.9501%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M8%2015.5C7.8674%2015.5%207.74023%2015.4473%207.64645%2015.3535C7.55268%2015.2598%207.5%2015.1326%207.5%2015V12C7.5%2011.8674%207.55268%2011.7402%207.64645%2011.6465C7.74023%2011.5527%207.8674%2011.5%208%2011.5C8.1326%2011.5%208.25977%2011.5527%208.35355%2011.6465C8.44732%2011.7402%208.5%2011.8674%208.5%2012V15C8.5%2015.1326%208.44732%2015.2598%208.35355%2015.3535C8.25977%2015.4473%208.1326%2015.5%208%2015.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M3.04997%2013.4499C2.95087%2013.45%202.85397%2013.4206%202.77159%2013.3656C2.68922%2013.3105%202.62509%2013.2321%202.58732%2013.1405C2.54954%2013.0489%202.53984%2012.9481%202.55944%2012.851C2.57907%2012.7538%202.62709%2012.6647%202.69747%2012.5949L4.82497%2010.4674C4.87142%2010.421%204.92657%2010.3841%204.98727%2010.359C5.04797%2010.3339%205.11302%2010.3209%205.17872%2010.3209C5.24442%2010.3209%205.30947%2010.3339%205.37017%2010.359C5.43087%2010.3841%205.48602%2010.421%205.53247%2010.4674C5.57892%2010.5139%205.61577%2010.569%205.64092%2010.6297C5.66604%2010.6904%205.67899%2010.7555%205.67899%2010.8212C5.67899%2010.8869%205.66604%2010.9519%205.64092%2011.0126C5.61577%2011.0733%205.57892%2011.1285%205.53247%2011.1749L3.40497%2013.3024C3.35844%2013.3492%203.30314%2013.3864%203.24222%2013.4117C3.18127%2013.437%203.11594%2013.45%203.04997%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M4%208.5H1C0.867392%208.5%200.740215%208.44732%200.646447%208.35355C0.552677%208.25977%200.5%208.1326%200.5%208C0.5%207.8674%200.552677%207.74023%200.646447%207.64645C0.740215%207.55268%200.867392%207.5%201%207.5H4C4.1326%207.5%204.25977%207.55268%204.35355%207.64645C4.44732%207.74023%204.5%207.8674%204.5%208C4.5%208.1326%204.44732%208.25977%204.35355%208.35355C4.25977%208.44732%204.1326%208.5%204%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.18005%205.68005C5.11407%205.6801%205.04872%205.6671%204.9878%205.64178C4.92687%205.61648%204.87155%205.57935%204.82505%205.53255L2.69755%203.40505C2.65108%203.3586%202.61423%203.30345%202.5891%203.24275C2.56395%203.18205%202.55103%203.117%202.55103%203.0513C2.55103%202.9856%202.56395%202.92055%202.5891%202.85985C2.61423%202.79915%202.65108%202.744%202.69755%202.69755C2.744%202.6511%202.79915%202.61425%202.85985%202.5891C2.92055%202.56398%202.9856%202.55103%203.0513%202.55103C3.117%202.55103%203.18205%202.56398%203.24275%202.5891C3.30342%202.61425%203.35857%202.6511%203.40505%202.69755L5.53255%204.82505C5.6029%204.89485%205.65095%204.98395%205.67055%205.0811C5.69017%205.17825%205.68047%205.27903%205.6427%205.37063C5.60492%205.46225%205.54077%205.54058%205.4584%205.59568C5.37602%205.65075%205.27915%205.68013%205.18005%205.68005Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn img,
    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn svg {
      margin-right: 5px;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn:disabled {
      cursor: default;
      opacity: 0.95;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadHeaderTitle {
      font-size: 1.3em;
      display: block;
    }

    .kuQuickSearchImageUploadContainer .kuQuickImageSearchForm {
      display: none !important;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote {
      position: relative;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo {
      padding-left: 24px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo::before {
      content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%206%20L%207.167969%206%20C%207.351562%206%207.5%206.183594%207.5%206.332031%20L%207.5%2010.332031%20C%207.5%2010.515625%207.351562%2010.664062%207.167969%2010.664062%20L%206.832031%2010.664062%20C%206.648438%2010.664062%206.5%2010.480469%206.5%2010.332031%20L%206.5%206.332031%20C%206.5%206.148438%206.648438%206%206.832031%206%20Z%20M%206.832031%206%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%203.671875%20L%207.167969%203.671875%20C%207.351562%203.671875%207.5%203.855469%207.5%204.003906%20L%207.5%204.671875%20C%207.5%204.855469%207.351562%205.003906%207.167969%205.003906%20L%206.832031%205.003906%20C%206.648438%205.003906%206.5%204.820312%206.5%204.671875%20L%206.5%204.003906%20C%206.5%203.820312%206.648438%203.671875%206.832031%203.671875%20Z%20M%206.832031%203.671875%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207%2012.992188%20C%208.589844%2012.992188%2010.113281%2012.363281%2011.238281%2011.238281%20C%2012.363281%2010.113281%2012.992188%208.589844%2012.992188%207%20C%2012.992188%205.410156%2012.363281%203.886719%2011.238281%202.761719%20C%2010.113281%201.636719%208.589844%201.007812%207%201.007812%20C%205.410156%201.007812%203.886719%201.636719%202.761719%202.761719%20C%201.636719%203.886719%201.007812%205.410156%201.007812%207%20C%201.007812%208.589844%201.636719%2010.113281%202.761719%2011.238281%20C%203.886719%2012.363281%205.410156%2012.992188%207%2012.992188%20Z%20M%207%2013.992188%20C%205.144531%2013.992188%203.367188%2013.257812%202.054688%2011.945312%20C%200.742188%2010.632812%200.0078125%208.855469%200.0078125%207%20C%200.0078125%205.144531%200.742188%203.367188%202.054688%202.054688%20C%203.367188%200.742188%205.144531%200.0078125%207%200.0078125%20C%208.855469%200.0078125%2010.632812%200.742188%2011.945312%202.054688%20C%2013.257812%203.367188%2013.992188%205.144531%2013.992188%207%20C%2013.992188%208.855469%2013.257812%2010.632812%2011.945312%2011.945312%20C%2010.632812%2013.257812%208.855469%2013.992188%207%2013.992188%20Z%20M%207%2013.992188%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
      display: inline-block;
      width: 16px;
      position: absolute;
      left: 0;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks {
      position: relative;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input {
      position: absolute;
      opacity: 0;
      z-index: -1;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label {
      cursor: pointer;
      position: relative;
      padding-right: 18px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label::after {
      content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%2213px%22%20viewBox%3D%220%200%208%2012%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207.136719%206.398438%20L%202.277344%2010.953125%20C%202.042969%2011.171875%201.664062%2011.171875%201.429688%2010.953125%20L%200.863281%2010.421875%20C%200.628906%2010.203125%200.628906%209.847656%200.863281%209.625%20L%204.710938%206%20L%200.863281%202.375%20C%200.628906%202.152344%200.628906%201.796875%200.863281%201.578125%20L%201.429688%201.046875%20C%201.664062%200.828125%202.042969%200.828125%202.277344%201.046875%20L%207.136719%205.601562%20C%207.371094%205.820312%207.371094%206.179688%207.136719%206.398438%20Z%20M%207.136719%206.398438%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
      position: absolute;
      right: 0;
      top: 1px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content {
      display: none;
      position: relative;
      background-color: #f5f6f4;
      padding: 10px;
      margin-top: 8px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content p {
      margin: 0;
      padding-left: 64px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img1::before {
      content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2226%22%20height%3D%2229%22%20viewBox%3D%220%200%2026%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%207.65073V21.0515L13%2027.8015L25%2021.0515V7.65073L13%201L1%207.65073Z%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M1%208.14697L13%2014.897L25%208.14697%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M13%2027.8014V14.897%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A);
      width: 16px;
      position: absolute;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img2::before {
      content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2218%22%20height%3D%2225%22%20viewBox%3D%220%200%2018%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%223.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%225.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2212.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2214.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2221.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2223.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A);
      width: 16px;
      position: absolute;
      margin-left: 34px;
      margin-top: 3px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-label::after {
      content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2212px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2012%2013%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%205.546875%209.6875%20L%200.339844%204.75%20C%200.0898438%204.511719%200.0898438%204.128906%200.339844%203.890625%20L%200.945312%203.3125%20C%201.199219%203.078125%201.605469%203.074219%201.855469%203.3125%20L%206%207.222656%20L%2010.144531%203.3125%20C%2010.394531%203.074219%2010.800781%203.078125%2011.054688%203.3125%20L%2011.660156%203.890625%20C%2011.910156%204.128906%2011.910156%204.511719%2011.660156%204.75%20L%206.453125%209.6875%20C%206.203125%209.925781%205.796875%209.925781%205.546875%209.6875%20Z%20M%205.546875%209.6875%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E);
      position: absolute;
      right: 0;
      top: 1px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-content {
      display: block;
    }

    @media screen and (max-width: 640px) {

      .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWrap,
      .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,
      .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,
      .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
      .klevuTarget .kuQuickImageSearchWrap {
        position: fixed !important;
        top: 15% !important;
        max-width: 80% !important;
        left: 10% !important;
        right: auto !important;
        z-index: 1000000;
        margin-left: 0;
        width: 80% !important;
      }

      .klevuTarget.klevu-fluid>div.kuQuickImageSearchWrap {
        left: 10% !important;
        width: 80% !important;
        z-index: 1000000 !important;
      }

      .kuImageSearchWrapBackDrop {
        z-index: 1000 !important;
      }

      .kuImageSearchWrapBackDrop::before {
        content: "";
        height: 100% !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
      }

      .kuQuickUploadHeaderTitle {
        text-align: center;
      }

      .kuImgSearchHowItWorks {
        text-align: center;
      }

      .kuImgSearchHowItWorks .accordion-content {
        text-align: left;
      }
    }
  </style>
  <script type="text/javascript" charset="UTF-8" src="assets/common.js.download"></script>
  <script type="text/javascript" charset="UTF-8" src="assets/util.js.download"></script>
  <script type="text/javascript" id="kfl-48b8bff2-b528-06b8-a645-1bee1d9fa57d">
    (!(function (e) {
      e.support.hook(
        ["analytics.collector", "analytics.utility"],
        function () {
          e.support.isActive("analytics.processors") ||
            (e.extend(!0, e.analytics, {
              processors: {
                helpers: {
                  buildAnalyticsEvent: function (t) {
                    return {
                      payload: t.payload,
                      type: t.type,
                      url: e.getGlobalSetting(
                        "url.analyticsCollect",
                        "https://stats.ksearchnet.com/analytics/",
                      ),
                      apiKey: e.getObjectPath(
                        t.eventSource,
                        "apiKey",
                        e.getGlobalSetting(
                          "search.apiKey",
                          e.getGlobalSetting("global.apiKey"),
                        ),
                      ),
                      key:
                        t.type + "_" + e.getObjectPath(t, "id", e.randomId()),
                    };
                  },
                },
                product: {
                  helpers: {
                    buildAnalyticsEvent: function (t) {
                      return {
                        payload: t.payload,
                        type: t.type,
                        url: e.getGlobalSetting(
                          "url.analyticsCollect",
                          "https://stats.ksearchnet.com/analytics/",
                        ),
                        apiKey: e.getObjectPath(
                          t.eventSource,
                          "apiKey",
                          e.getGlobalSetting(
                            "search.apiKey",
                            e.getGlobalSetting("global.apiKey"),
                          ),
                        ),
                        key: t.type + "_" + t.itemId,
                      };
                    },
                  },
                  click: function (t) {
                    let s = {
                      type: "product_click",
                      eventSource: t,
                      payload: {},
                      itemId: 0,
                    },
                      a = e.getObjectPath(t, "data.items.0", {}),
                      n = e.getObjectPath(t, "data.meta.tags", []),
                      i = {
                        klevu_keywords: e.getObjectPath(
                          t,
                          "data.meta.searchedTerm",
                          "*",
                        ),
                        klevu_pageNumber: e.getObjectPath(
                          t,
                          "data.meta.pageNumber",
                          "",
                        ),
                        klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                        klevu_limit: e.getObjectPath(
                          t,
                          "data.meta.limit",
                          "",
                        ),
                        klevu_sort: e.getObjectPath(t, "data.meta.sort", ""),
                        klevu_totalResults: e.getObjectPath(
                          t,
                          "data.meta.totalResults",
                          "0",
                        ),
                        klevu_typeOfQuery: e.getObjectPath(
                          t,
                          "data.meta.typeOfQuery",
                          "WILDCARD_AND",
                        ),
                        tags: n,
                      };
                    if (e.support.isActive("user")) {
                      let t = e.user.getIpData();
                      (e.isUndefined(t.ipv4) ||
                        (i.klevu_shopperIP_v4 = t.ipv4),
                        e.isUndefined(t.ipv6) ||
                        (i.klevu_shopperIP_v6 = t.ipv6),
                        e.isUndefined(t.uuid) || (i.klevu_uuid = t.uuid));
                    }
                    (e.support.isActive("core.dataProtection") &&
                      (i.data_protection =
                        e.dataProtection.dataCanBeTracked()),
                      (i.klevu_productId = e.getObjectPath(a, "id", 0)),
                      e.getObjectPath(a, "itemGroupId", !1) &&
                      (i.klevu_productGroupId = e.getObjectPath(
                        a,
                        "itemGroupId",
                        !1,
                      )),
                      (i.klevu_productVariantId = e.getObjectPath(
                        a,
                        "variantId",
                        !1,
                      )),
                      (i.klevu_productName = e.getObjectPath(a, "name", !1)),
                      (i.klevu_productUrl = e.getObjectPath(a, "url", !1)),
                      (s.id = e.getObjectPath(a, "id", 0)));
                    let r,
                      c = e.getObjectPath(t, "scope", "").split(",");
                    e.each(c, function (n, c) {
                      switch (c) {
                        case "quick":
                          (e.getObjectPath(
                            t,
                            "data.filters.activeFilters",
                            !1,
                          ) &&
                            (i.klevu_keywords +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                            (i.klevu_src = i.klevu_src.replace(
                              "]]",
                              ";;template:quick-search]]",
                            )),
                            (s.payload = i),
                            (s.type = "search_product_click"),
                            (r =
                              e.analytics.processors.helpers.buildAnalyticsEvent(
                                s,
                              )),
                            e.analytics.utility.addAnalyticsEventsToStorage(
                              r,
                            ));
                          break;
                        case "landing":
                          ((i.klevu_src =
                            "[[typeOfRecord:" +
                            e.getObjectPath(
                              a,
                              "typeOfRecord",
                              "KLEVU_PRODUCT",
                            ) +
                            ";;template:landing]]"),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            ((i.klevu_keywords +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                              (i.klevu_src = i.klevu_src.replace(
                                "]]",
                                ";;source:filters]]",
                              ))),
                            (s.payload = i),
                            (s.type = "search_product_click"),
                            (r =
                              e.analytics.processors.helpers.buildAnalyticsEvent(
                                s,
                              )),
                            e.analytics.utility.addAnalyticsEventsToStorage(
                              r,
                            ));
                          break;
                        case "catnav":
                          ((i.klevu_src =
                            "[[typeOfRecord:" +
                            e.getObjectPath(
                              a,
                              "typeOfRecord",
                              "KLEVU_PRODUCT",
                            ) +
                            ";;template:" +
                            e.getObjectPath(
                              t,
                              "data.meta.srcTemplateName",
                              "category",
                            ) +
                            "]]"),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            ((i.klevu_activeFilters = e.getObjectPath(
                              t,
                              "data.filters.activeFiltersString",
                              "",
                            )),
                              (i.klevu_src = i.klevu_src.replace(
                                "]]",
                                ";;source:filters]]",
                              ))),
                            (i.klevu_categoryName = e.getObjectPath(
                              t,
                              "data.meta.categoryName",
                              "",
                            )),
                            (i.klevu_categoryPath = e.getObjectPath(
                              t,
                              "data.meta.categoryPath",
                              "",
                            )),
                            (i.klevu_abTestId = e.getObjectPath(
                              t,
                              "data.meta.abTestId",
                              "",
                            )),
                            (i.klevu_abTestVariantId = e.getObjectPath(
                              t,
                              "data.meta.abTestVariantId",
                              "",
                            )),
                            (i.klevu_abTestSource = e.getObjectPath(
                              t,
                              "data.meta.abTestSource",
                              "",
                            )));
                          let n = e.getObjectPath(
                            t,
                            "data.originalItems",
                            [],
                          );
                          if (n.length > 0) {
                            let t = [];
                            (e.each(n, function (e, s) {
                              s.id && t.push(s.id);
                            }),
                              (i.klevu_productIds = t.join(",")));
                          }
                          ((i.klevu_productRatings = e.getObjectPath(
                            a,
                            "rating",
                            0,
                          )),
                            (i.klevu_productPosition = e.getObjectPath(
                              t,
                              "data.meta.pageStartsFrom",
                              0,
                            )),
                            (i.klevu_salePrice = e.getObjectPath(
                              a,
                              "salePrice",
                              0,
                            )),
                            (i.klevu_productSku = e.getObjectPath(
                              a,
                              "sku",
                              !1,
                            )),
                            delete i.klevu_keywords,
                            (s.payload = i),
                            (s.type = "catnav_product_click"),
                            (r =
                              e.analytics.processors.helpers.buildAnalyticsEvent(
                                s,
                              )),
                            e.analytics.utility.addAnalyticsEventsToStorage(
                              r,
                            ));
                      }
                    });
                  },
                  personalisedClick: function (t) {
                    let s = {
                      type: "personalised_product_click",
                      eventSource: t,
                      payload: {},
                      itemId: 0,
                    },
                      a = e.getObjectPath(t, "data.items.0", {}),
                      n = {
                        klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                        klevu_source: e.getObjectPath(
                          t,
                          "data.meta.source",
                          "",
                        ),
                        klevu_recentsearch: e.getObjectPath(
                          t,
                          "data.meta.recentsearch",
                          "",
                        ),
                      };
                    ((n.klevu_productId = e.getObjectPath(a, "id", 0)),
                      e.getObjectPath(a, "itemGroupId", !1) &&
                      (n.klevu_productGroupId = e.getObjectPath(
                        a,
                        "itemGroupId",
                        !1,
                      )),
                      (n.klevu_productVariantId = e.getObjectPath(
                        a,
                        "variantId",
                        !1,
                      )),
                      (n.klevu_productName = e.getObjectPath(a, "name", !1)),
                      (n.klevu_productUrl = e.getObjectPath(a, "url", !1)),
                      (n.klevu_rank = e.getObjectPath(
                        t,
                        "data.meta.rank",
                        "",
                      )),
                      (s.id = e.getObjectPath(a, "id", 0)));
                    let i,
                      r = e.getObjectPath(t, "scope", "").split(",");
                    ((s.payload = n),
                      (s.type = "personalised_product_click"),
                      (i =
                        e.analytics.processors.helpers.buildAnalyticsEvent(
                          s,
                        )),
                      e.analytics.utility.addAnalyticsEventsToStorage(i),
                      e.each(r, function (e, t) {
                        t;
                      }));
                  },
                  view: function (e) { },
                  buy: function (e) { },
                },
                search: {
                  term: function (t) {
                    let s = {
                      type: "search_term",
                      eventSource: t,
                      payload: {},
                    },
                      a = e.getObjectPath(t, "data.meta.tags", []);
                    e.each(a, function (e, t) {
                      a[e] = encodeURIComponent(t);
                    });
                    let n = {
                      klevu_term: e.getObjectPath(
                        t,
                        "data.meta.searchedTerm",
                        "*",
                      ),
                      klevu_originalTerm: e.getObjectPath(
                        t,
                        "data.meta.originalTerm",
                        "",
                      ),
                      klevu_pageNumber: e.getObjectPath(
                        t,
                        "data.meta.pageNumber",
                        "",
                      ),
                      klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                      klevu_limit: e.getObjectPath(t, "data.meta.limit", ""),
                      klevu_sort: e.getObjectPath(t, "data.meta.sort", ""),
                      klevu_totalResults: e.getObjectPath(
                        t,
                        "data.meta.totalResults",
                        "0",
                      ),
                      klevu_typeOfQuery: e.getObjectPath(
                        t,
                        "data.meta.typeOfQuery",
                        "WILDCARD_AND",
                      ),
                      tags: a,
                    };
                    if (e.support.isActive("user")) {
                      let t = e.user.getIpData();
                      (e.isUndefined(t.ipv4) ||
                        (n.klevu_shopperIP_v4 = t.ipv4),
                        e.isUndefined(t.ipv6) ||
                        (n.klevu_shopperIP_v6 = t.ipv6),
                        e.isUndefined(t.uuid) || (n.klevu_uuid = t.uuid));
                    }
                    e.support.isActive("core.dataProtection") &&
                      (n.data_protection =
                        e.dataProtection.dataCanBeTracked());
                    let i = !1,
                      r = e.getObjectPath(t, "scope", "").split(",");
                    (e.each(r, function (s, a) {
                      switch (a) {
                        case "quick":
                          ((i = !0),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            (n.klevu_term +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                            (n.klevu_src = n.klevu_src.replace(
                              "]]",
                              ";;template:quick-search]]",
                            )));
                          break;
                        case "landing":
                          ((n.klevu_src = n.klevu_src.replace(
                            "]]",
                            ";;template:landing]]",
                          )),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            ((n.klevu_term +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                              (n.klevu_src = n.klevu_src.replace(
                                "]]",
                                ";;source:filters]]",
                              ))));
                      }
                    }),
                      (s.payload = n));
                    let c =
                      e.analytics.processors.helpers.buildAnalyticsEvent(s);
                    (e.analytics.utility.addAnalyticsEventsToStorage(c),
                      e.analytics.utility.sendAnalyticsEventsFromStorage(),
                      !e.isUndefined(e.analyticsUtil.base) &&
                      e.isFunction(
                        e.analyticsUtil.base.sendGaDataForTerm,
                      ) &&
                      i &&
                      !e.support.isActive("analytics.gtmProcessor") &&
                      e.analyticsUtil.base.sendGaDataForTerm(n));
                  },
                },
                catNav: {
                  view: function (t) {
                    let s = {
                      type: "catnav_view",
                      eventSource: t,
                      payload: {},
                    },
                      a = {
                        klevu_categoryName: e.getObjectPath(
                          t,
                          "data.meta.categoryName",
                          "",
                        ),
                        klevu_categoryPath: e.getObjectPath(
                          t,
                          "data.meta.categoryPath",
                          "",
                        ),
                        klevu_pageNumber: e.getObjectPath(
                          t,
                          "data.meta.pageNumber",
                          "",
                        ),
                        klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                        klevu_limit: e.getObjectPath(
                          t,
                          "data.meta.limit",
                          "",
                        ),
                        klevu_sort: e.getObjectPath(t, "data.meta.sort", ""),
                        klevu_totalResults: e.getObjectPath(
                          t,
                          "data.meta.totalResults",
                          "0",
                        ),
                        klevu_typeOfQuery: e.getObjectPath(
                          t,
                          "data.meta.typeOfQuery",
                          "WILDCARD_AND",
                        ),
                      };
                    if (e.support.isActive("user")) {
                      let t = e.user.getIpData();
                      (e.isUndefined(t.ipv4) ||
                        (a.klevu_shopperIP_v4 = t.ipv4),
                        e.isUndefined(t.ipv6) ||
                        (a.klevu_shopperIP_v6 = t.ipv6),
                        e.isUndefined(t.uuid) || (a.klevu_uuid = t.uuid));
                    }
                    e.support.isActive("core.dataProtection") &&
                      (a.data_protection =
                        e.dataProtection.dataCanBeTracked());
                    let n = e.getObjectPath(t, "data.items", []);
                    if (n.length > 0) {
                      let t = [];
                      (e.each(n, function (e, s) {
                        s.id && t.push(s.id);
                      }),
                        (a.klevu_productIds = t.join(",")));
                    }
                    let i = e.getObjectPath(t, "scope", "").split(",");
                    (e.each(i, function (s, n) {
                      if ("catnav" === n)
                        ((a.klevu_src = a.klevu_src.replace(
                          "]]",
                          ";;template:category]]",
                        )),
                          e.getObjectPath(
                            t,
                            "data.filters.activeFilters",
                            !1,
                          ) &&
                          ((a.klevu_activeFilters = e.getObjectPath(
                            t,
                            "data.filters.activeFiltersString",
                            "",
                          )),
                            (a.klevu_src = a.klevu_src.replace(
                              "]]",
                              ";;source:filters]]",
                            ))),
                          (a.klevu_abTestId = e.getObjectPath(
                            t,
                            "data.meta.abTestId",
                            "",
                          )),
                          (a.klevu_abTestVariantId = e.getObjectPath(
                            t,
                            "data.meta.abTestVariantId",
                            "",
                          )),
                          (a.klevu_abTestSource = e.getObjectPath(
                            t,
                            "data.meta.abTestSource",
                            "",
                          )));
                    }),
                      (s.payload = a));
                    let r =
                      e.analytics.processors.helpers.buildAnalyticsEvent(s);
                    (e.analytics.utility.addAnalyticsEventsToStorage(r),
                      e.analytics.utility.sendAnalyticsEventsFromStorage());
                  },
                },
                recs: {
                  helpers: {
                    convertEventItems: function (t) {
                      let s = [];
                      return (
                        e.each(t, function (t, a) {
                          s.push({
                            item_id: a.id,
                            item_name: a.name,
                            price: a.salePrice,
                            currency: a.currency,
                            item_brand: a.brand,
                            item_category: a.category,
                            item_variant_id: e.isUndefined(a.variantId)
                              ? a.id
                              : a.variantId,
                            item_group_id:
                              e.isUndefined(a.itemGroupId) ||
                                "" === a.itemGroupId
                                ? a.id
                                : a.itemGroupId,
                            index: t + 1,
                            quantity: 1,
                          });
                        }),
                        s
                      );
                    },
                    buildAnalyticsEventData: function (t, s) {
                      return {
                        tags: e.getObjectPath(t, "data.general.tags", []),
                        list_id: e.getObjectPath(
                          t,
                          "data.general.list_id",
                          !1,
                        ),
                        list_name: e.getObjectPath(
                          t,
                          "data.general.list_name",
                          !1,
                        ),
                        list_logic: e.getObjectPath(
                          t,
                          "data.general.list_logic",
                          !1,
                        ),
                        spot_id: e.getObjectPath(
                          t,
                          "data.general.spot_id",
                          !1,
                        ),
                        spot_name: e.getObjectPath(
                          t,
                          "data.general.spot_name",
                          !1,
                        ),
                        segment_id: e.getObjectPath(
                          t,
                          "data.general.segment_id",
                          !1,
                        ),
                        segment_name: e.getObjectPath(
                          t,
                          "data.general.segment_name",
                          !1,
                        ),
                        action: e.getObjectPath(t, "data.general.action", !1),
                        items: s,
                      };
                    },
                    buildAnalyticsEvent: function (t) {
                      let s = {
                        event: t.type,
                        event_apikey: e.getObjectPath(
                          t.eventSource,
                          "apiKey",
                          !1,
                        ),
                        user_profile: e.getObjectPath(
                          t.eventSource,
                          "user",
                          {},
                        ),
                        event_data:
                          e.analytics.processors.recs.helpers.buildAnalyticsEventData(
                            t.eventSource,
                            t.items,
                          ),
                      };
                      if (e.support.isActive("user")) {
                        let t = e.user.getIpData();
                        (e.isUndefined(t.ipv4) ||
                          (s.user_profile.ip_address_v4 = t.ipv4),
                          e.isUndefined(t.ipv6) ||
                          (s.user_profile.ip_address_v6 = t.ipv6),
                          e.isUndefined(t.uuid) ||
                          (s.user_profile.klevu_uuid = t.uuid));
                      }
                      return (
                        e.support.isActive("core.dataProtection") &&
                        (s.user_profile.data_protection =
                          e.dataProtection.dataCanBeTracked()),
                        {
                          payload: s,
                          type: "collect",
                          url: e.getGlobalSetting(
                            "url.analyticsCollect",
                            "https://stats.ksearchnet.com/analytics/",
                          ),
                          apiKey: e.getObjectPath(
                            t.eventSource,
                            "apiKey",
                            e.getGlobalSetting(
                              "search.apiKey",
                              e.getGlobalSetting("global.apiKey"),
                            ),
                          ),
                          key:
                            t.type +
                            "_" +
                            e.getObjectPath(
                              t.eventSource,
                              "data.general.recs_key",
                              e.randomId(),
                            ),
                          override: !0,
                        }
                      );
                    },
                  },
                  click: function (t) {
                    let s = {
                      type: "select_recs_list",
                      eventSource: t,
                      items: [],
                    },
                      a = e.getObjectPath(t, "data.items", []);
                    if (
                      (a &&
                        a.length &&
                        (s.items =
                          e.analytics.processors.recs.helpers.convertEventItems(
                            a,
                          )),
                        e.analytics.utility.hasAnalyticsEventByName(
                          s.type +
                          "_" +
                          e.getObjectPath(
                            t,
                            "data.general.recs_key",
                            e.randomId(),
                          ),
                        ))
                    ) {
                      let a = e.analytics.utility.getAnalyticsEventByName(
                        s.type +
                        "_" +
                        e.getObjectPath(
                          t,
                          "data.general.recs_key",
                          e.randomId(),
                        ),
                      ),
                        n = e.getObjectPath(a, "payload.items", []);
                      n.length > 0 &&
                        (s.items = e.toUniqueArray(e.makeArray(n, s.items)));
                    }
                    let n =
                      e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                        s,
                      );
                    ((n.override = !0),
                      s.items.length > 0 &&
                      e.analytics.utility.addAnalyticsEventsToStorage(n));
                  },
                  view: function (t) {
                    let s = {
                      type: "view_recs_list",
                      eventSource: t,
                      items: [],
                    },
                      a = e.getObjectPath(t, "data.items", []);
                    a &&
                      a.length &&
                      (s.items =
                        e.analytics.processors.recs.helpers.convertEventItems(
                          a,
                        ));
                    let n =
                      e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                        s,
                      );
                    (s.items.length > 0 &&
                      e.analytics.utility.addAnalyticsEventsToStorage(n),
                      s.items.length > 0 &&
                      e.analytics.utility.sendAnalyticsEventsFromStorage());
                  },
                  staticView: function (t) {
                    let s = {
                      type: "view_recs_list",
                      eventSource: t,
                      static_content: [],
                    },
                      a =
                        e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                          s,
                        ),
                      n = e.getObjectPath(t, "data.activeStaticContent", []);
                    ((a.payload.event_data.static_content = n),
                      a.payload.event_data.static_content.length &&
                      (e.analytics.utility.addAnalyticsEventsToStorage(a),
                        e.analytics.utility.sendAnalyticsEventsFromStorage()));
                  },
                  staticClick: function (t) {
                    let s = {
                      type: "select_recs_list",
                      eventSource: t,
                      static_content: [],
                    },
                      a =
                        e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                          s,
                        );
                    ((a.payload.event_data.static_content = e.getObjectPath(
                      s,
                      "eventSource.data.staticContent",
                      [],
                    )),
                      e.analytics.utility.addAnalyticsEventsToStorage(a));
                  },
                },
                general: { bannerClick: function (e) { } },
              },
            }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_view"],
                processor: e.analytics.processors.recs.view,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_click"],
                processor: e.analytics.processors.recs.click,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["search_term"],
                processor: e.analytics.processors.search.term,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["search_catview"],
                processor: e.analytics.processors.catNav.view,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["search_product_click"],
                processor: e.analytics.processors.product.click,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["personalised_product_click"],
                processor: e.analytics.processors.product.personalisedClick,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_view_static"],
                processor: e.analytics.processors.recs.staticView,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_click_static"],
                processor: e.analytics.processors.recs.staticClick,
              }),
              e.support.register({
                name: "analytics.processors",
                loaded: !0,
                active: !0,
                dependency: [
                  "analytics.base",
                  "analytics.collector",
                  "analytics.extractor",
                ],
              }));
        },
      );
    })(klevu),
      (function (e) {
        (e.support.hook(["core.constructors"], function () {
          e.constructors.isLoaded("user") ||
            (e.constructors.add({
              name: "user",
              create: function () {
                let t = {
                  settings: {
                    dictionary: { user: e.dictionary("user") },
                    request: {},
                    response: {},
                    user: {
                      apiKey: !1,
                      ipv4: !1,
                      ipv6: !1,
                      sessionId: !1,
                      sessionInfo: { connectorInfo: [] },
                      segmentInfo: { segments: [] },
                      ipv4: !1,
                      ipv6: !1,
                      uuid: !1,
                    },
                    general: {
                      scope: document.createElement("div"),
                      apiKey: !1,
                      lastSend: !1,
                      ipDataLastSend: !1,
                      connectorInfo: {},
                      flags: {
                        canSend: !0,
                        forceSend: !1,
                        isInit: !1,
                        isInitForce: !1,
                        isInSend: !1,
                      },
                    },
                  },
                  webhookSettings: { run: !0, object: "user", scope: "all" },
                  saveToDictionary: function () {
                    this.settings.user.sessionId &&
                      this.settings.dictionary.user.addElement(
                        "sessionId",
                        this.settings.user.sessionId,
                      );
                    let t = e.extend(!0, {}, this.settings.user.sessionInfo);
                    (delete t.connectorInfo,
                      this.settings.dictionary.user.addElement(
                        "sessionInfo",
                        JSON.stringify(t),
                      ),
                      this.settings.dictionary.user.addElement(
                        "connectorInfo",
                        JSON.stringify(this.settings.general.connectorInfo),
                      ),
                      this.settings.dictionary.user.addElement(
                        "segmentInfo",
                        JSON.stringify(this.settings.user.segmentInfo),
                      ),
                      this.settings.dictionary.user.addElement(
                        "segments",
                        JSON.stringify(
                          this.settings.user.segmentInfo.segments,
                        ),
                      ),
                      this.settings.dictionary.user.addElement(
                        "lastSend",
                        JSON.stringify(this.settings.general.lastSend),
                      ),
                      this.settings.dictionary.user.addElement(
                        "ipv4",
                        JSON.stringify(this.settings.user.ipv4),
                      ),
                      this.settings.dictionary.user.addElement(
                        "ipv6",
                        JSON.stringify(this.settings.user.ipv6),
                      ),
                      this.settings.dictionary.user.addElement(
                        "uuid",
                        JSON.stringify(this.settings.user.uuid),
                      ),
                      this.settings.dictionary.user.addElement(
                        "lastSendIp",
                        this.settings.general.ipDataLastSend,
                      ),
                      this.settings.dictionary.user.mergeToGlobal());
                  },
                  getAllSettings: function () {
                    return this.settings;
                  },
                  getScope: function () {
                    return this;
                  },
                  hasData: function (t) {
                    return !!e.getObjectPath(this.settings, t, !1);
                  },
                  getData: function (t, s) {
                    return (
                      e.isUndefined(s) && (s = !1),
                      e.getObjectPath(this.settings, t, s)
                    );
                  },
                  setData: function (t, s) {
                    return (
                      e.setObjectPath(this.settings, t, s),
                      this.saveToDictionary(),
                      this
                    );
                  },
                  setApiKey: function (t) {
                    (e.setObjectPath(this.settings, "user.apiKey", t),
                      e.setObjectPath(this.settings, "general.apiKey", t));
                    let s = this.chains.init;
                    return (
                      e.isUndefined(s) ||
                      0 === s.list().length ||
                      (s.setScope(this),
                        s.setData(this.settings),
                        s.fire()),
                      this
                    );
                  },
                  getApiKey: function () {
                    return this.settings.general.apiKey;
                  },
                  initIpData: function () {
                    return (
                      this.isIpDataExpired() && this.refreshIpData(),
                      this
                    );
                  },
                  refreshIpData: function (s) {
                    e.isUndefined(s) && (s = "ipv4");
                    let a = t,
                      n = t.settings,
                      i = e.extend(!0, {}, { klevu_uuid: a.getIpDataUser() }),
                      r = { context: { type: s } };
                    return (
                      (n.general.scope.userObject = a),
                      (r.scope = n.general.scope),
                      (r.context.requestObject = {
                        url: e.getGlobalSetting(
                          "url." + s,
                          "https://" + s + "check.ksearchnet.com/",
                        ),
                        type: "FETCH",
                        method: "POST",
                        mimeType: "application/json; charset=UTF-8",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        crossDomain: !0,
                        data: JSON.stringify(e.clean(i)),
                        success: function () {
                          let t, s, a, n;
                          (1 === arguments.length
                            ? ((t = arguments[0].responseObj.data),
                              (s = arguments[0].requestDetails),
                              (a = arguments[0].status),
                              (n = arguments[0].isSuccess))
                            : ((t = arguments[0]),
                              (s = arguments[1]),
                              (a = arguments[2]),
                              (n = arguments[3])),
                            n &&
                            (e.isUndefined(t.ip_address) ||
                              s.scope.userObject.setData(
                                "user." + s.context.type,
                                t.ip_address,
                              ),
                              e.isUndefined(t.klevu_uuid) ||
                              s.scope.userObject.setData(
                                "user.uuid",
                                t.klevu_uuid,
                              )),
                            s.scope.userObject.setData(
                              "general.ipDataLastSend",
                              e.time.timestamp(),
                            ),
                            "ipv4" === s.context.type &&
                            s.scope.userObject.refreshIpData("ipv6"));
                        },
                        error: function () {
                          let t, s, a;
                          (1 === arguments.length
                            ? ((t = arguments[0].requestDetails),
                              (s = arguments[0].status),
                              (a = arguments[0].isSuccess))
                            : ((t = arguments[0]),
                              (s = arguments[1]),
                              (a = arguments[2])),
                            t.scope.userObject.setData(
                              "general.ipDataLastSend",
                              e.time.timestamp(),
                            ),
                            "ipv4" === t.context.type &&
                            t.scope.userObject.refreshIpData("ipv6"));
                        },
                      }),
                      (r.context.requestDetails = e.extend(!0, {}, r)),
                      e.request(
                        r.context.requestObject,
                        r.context.requestDetails,
                      ),
                      this
                    );
                  },
                  getIpData: function () {
                    return {
                      ipv4: this.settings.user.ipv4,
                      ipv6: this.settings.user.ipv6,
                      uuid: this.getIpDataUser(),
                    };
                  },
                  getIpDataUser: function () {
                    return this.settings.user.uuid;
                  },
                  isIpDataExpired: function () {
                    let t = e.time.timestamp();
                    return (
                      !this.settings.general.ipDataLastSend ||
                      t - parseInt(this.settings.general.ipDataLastSend) >
                      e.getGlobalSetting("user.ipDataRefresh", 3600)
                    );
                  },
                  setWebhookSettings: function (t) {
                    return (
                      e.event.webhook.helpers.setWebhookSettingsForScope(
                        t,
                        this,
                      ),
                      this
                    );
                  },
                  getWebhookSettings: function () {
                    return e.event.webhook.helpers.getWebhookSettingsForScope(
                      this,
                    );
                  },
                  addConnector: function (s, a) {
                    let n = t.getData("general.connectorInfo." + s, !1),
                      i = !1;
                    (n
                      ? e.each(a, function (t, s) {
                        (e.isUndefined(n[t]) || n[t] != s) && (i = !0);
                      })
                      : (i = !0),
                      t.setData("general.connectorInfo." + s, a),
                      i && e.user.fetchSessionForce());
                  },
                  getSegments: function () {
                    let e = t.getData("user.segmentInfo.segments", []);
                    return 0 !== e.length && e;
                  },
                  getSessionId: function () {
                    return t.getData("user.sessionId", !1);
                  },
                  fetchSession: function () {
                    if (!t.getApiKey())
                      return void e.support.hook(
                        ["core.logger"],
                        function () {
                          e.logger.log(
                            "user.core",
                            "warn",
                            "Request can not be made as apiKey is not set",
                          );
                        },
                      );
                    if (!t.getData("general.canSend", !1))
                      return void e.support.hook(
                        ["core.logger"],
                        function () {
                          e.logger.log(
                            "user.core",
                            "warn",
                            "Request can not be made as request is stopped",
                          );
                        },
                      );
                    e.event.webhook.helpers.fireEventForScope({
                      webhookSettings: t.webhookSettings,
                      name: "fetchSession",
                      action: "before",
                      data: t.getAllSettings(),
                      scope: t,
                    });
                    let s = t.chains.request;
                    e.isUndefined(s) ||
                      0 === s.list().length ||
                      (s.setScope(t), s.setData(t.settings), s.fire());
                  },
                  fetchSessionForce: function () {
                    return (
                      t.setData("general.flags.forceSend", !0),
                      t.fetchSession()
                    );
                  },
                  chains: e.constructors.get("user").chains,
                };
                e.event.webhook.helpers.fireEventForScope({
                  webhookSettings: t.webhookSettings,
                  name: "mainObject",
                  action: "beforeBuild",
                  data: t.getAllSettings(),
                  scope: t,
                });
                let s = t.chains.build;
                return (
                  e.isUndefined(s) ||
                  0 === s.list().length ||
                  (s.setScope(t), s.setData(t.settings), s.fire()),
                  e.event.webhook.helpers.fireEventForScope({
                    webhookSettings: t.webhookSettings,
                    name: "mainObject",
                    action: "afterBuild",
                    data: t.getAllSettings(),
                    scope: t,
                  }),
                  t
                );
              },
              chains: {
                build: e.chain({
                  stopOnFalse: !0,
                  webhook: { name: "chains.build" },
                }),
                init: e.chain({
                  stopOnFalse: !0,
                  webhook: { name: "chains.init" },
                }),
                request: e.chain({
                  stopOnFalse: !0,
                  webhook: { name: "chains.request" },
                }),
                response: e.chain({
                  stopOnFalse: !0,
                  webhook: { name: "chains.receive" },
                }),
              },
            }),
              e.constructors.get("user").chains.init.add({
                name: "validateReInit",
                fire: function (e, t) {
                  if (!e.general.flags.isInitForce && e.general.flags.isInit)
                    return !1;
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "initDictionary",
                fire: function (t, s) {
                  ((t.dictionary.user = e.dictionary(
                    "user_" + t.general.apiKey,
                  )),
                    t.dictionary.user.setDataProtection(!0),
                    t.dictionary.user.setStorage("local"),
                    t.dictionary.user.mergeFromGlobal());
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "loadDictionaryData",
                fire: function (e, t) {
                  ((e.user.sessionId =
                    "sessionId" !== e.dictionary.user.getElement("sessionId") &&
                    e.dictionary.user.getElement("sessionId")),
                    (e.user.sessionInfo =
                      "sessionInfo" !==
                        e.dictionary.user.getElement("sessionInfo")
                        ? JSON.parse(
                          e.dictionary.user.getElement("sessionInfo"),
                        )
                        : { connectorInfo: [] }),
                    (e.general.connectorInfo =
                      "connectorInfo" !==
                        e.dictionary.user.getElement("connectorInfo")
                        ? JSON.parse(
                          e.dictionary.user.getElement("connectorInfo"),
                        )
                        : {}),
                    (e.user.segmentInfo.segments =
                      "segments" !== e.dictionary.user.getElement("segments")
                        ? JSON.parse(e.dictionary.user.getElement("segments"))
                        : []),
                    (e.user.segmentInfo =
                      "segmentInfo" !==
                        e.dictionary.user.getElement("segmentInfo")
                        ? JSON.parse(
                          e.dictionary.user.getElement("segmentInfo"),
                        )
                        : { segments: e.user.segmentInfo.segments }),
                    (e.general.lastSend =
                      "lastSend" !== e.dictionary.user.getElement("lastSend")
                        ? parseInt(e.dictionary.user.getElement("lastSend"))
                        : 0),
                    (e.user.ipv4 =
                      "ipv4" !== e.dictionary.user.getElement("ipv4") &&
                      JSON.parse(e.dictionary.user.getElement("ipv4"))),
                    (e.user.ipv6 =
                      "ipv6" !== e.dictionary.user.getElement("ipv6") &&
                      JSON.parse(e.dictionary.user.getElement("ipv6"))),
                    (e.user.uuid =
                      "uuid" !== e.dictionary.user.getElement("uuid") &&
                      JSON.parse(e.dictionary.user.getElement("uuid"))),
                    (e.general.ipDataLastSend =
                      "lastSendIp" !==
                        e.dictionary.user.getElement("lastSendIp")
                        ? parseInt(e.dictionary.user.getElement("lastSendIp"))
                        : 0));
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "checkDataProtection",
                fire: function (t, s) {
                  e.dataProtection.dataCanBeTracked()
                    ? s.setData("general.canSend", !0)
                    : (e.support.hook(["core.logger"], function () {
                      e.logger.log(
                        "user.core",
                        "warn",
                        "Data protection enforced , can not read data, setting the request to be stopped",
                      );
                    }),
                      s.setData("general.canSend", !1));
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "setInitState",
                fire: function (e, t) {
                  e.general.flags.isInit = !0;
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "fetchSession",
                fire: function (e, t) {
                  t.fetchSession();
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "fetchIpData",
                fire: function (e, t) {
                  t.initIpData();
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "checkIfOutOfTimeout",
                fire: function (t, s) {
                  if (
                    e.time.timestamp() - parseInt(t.general.lastSend) <
                    e.getGlobalSetting("user.sessionRefresh", 300) &&
                    !t.general.flags.forceSend
                  )
                    return (
                      e.support.hook(["core.logger"], function () {
                        e.logger.log(
                          "user.core",
                          "info",
                          "Request is still valid",
                        );
                      }),
                      !1
                    );
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "validateIfOnlyOneSend",
                fire: function (t, s) {
                  if (t.general.flags.isInSend)
                    return (setTimeout(e.user.fetchSession, 1e3), !1);
                  t.general.flags.isInSend = !0;
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "moveConnectorInfo",
                fire: function (t, s) {
                  ((t.user.sessionInfo.connectorInfo = []),
                    e.each(t.general.connectorInfo, function (e, s) {
                      t.user.sessionInfo.connectorInfo.push(s);
                    }));
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "resetData",
                fire: function (e, t) {
                  ((e.request = {
                    context: { forceSend: t.settings.general.flags.forceSend },
                  }),
                    window.fetch
                      ? (e.request.method = "FETCH")
                      : (e.request.method = "AJAX"),
                    (e.general.scope.userObject = t),
                    (e.request.scope = e.general.scope));
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "buildPayload",
                fire: function (t, s) {
                  let a = e.extend(!0, {}, t.user);
                  (e.setObjectPath(a, "segmentInfo", {}),
                    (t.request.context.requestObject = {
                      url:
                        e.getGlobalSetting(
                          "url.userSession",
                          "https://visitor.service.ksearchnet.com/public/1.0/",
                        ) +
                        t.general.apiKey +
                        "/session",
                      type: t.request.method,
                      method: "POST",
                      mimeType: "application/json; charset=UTF-8",
                      contentType: "application/json; charset=utf-8",
                      dataType: "json",
                      crossDomain: !0,
                      data: JSON.stringify(e.clean(a)),
                      success: function () {
                        let t, s, a, n;
                        1 === arguments.length
                          ? ((t = arguments[0].responseObj.data),
                            (s = arguments[0].requestDetails),
                            (a = arguments[0].status),
                            (n = arguments[0].isSuccess))
                          : ((t = arguments[0]),
                            (s = arguments[1]),
                            (a = arguments[2]),
                            (n = arguments[3]));
                        var i = e.getObjectPath(
                          s.scope.userObject,
                          "chains.response",
                        );
                        e.isUndefined(i) ||
                          0 === i.list().length ||
                          (i.setScope(s.scope.userObject),
                            e.setObjectPath(s, "response.data", t),
                            e.setObjectPath(s, "context.status", a),
                            e.setObjectPath(s, "context.isSuccess", n),
                            i.setData(s),
                            i.fire());
                      },
                      error: function () {
                        let t, s, a;
                        1 === arguments.length
                          ? ((t = arguments[0].requestDetails),
                            (s = arguments[0].status),
                            (a = arguments[0].isSuccess))
                          : ((t = arguments[0]),
                            (s = arguments[1]),
                            (a = arguments[2]));
                        var n = e.getObjectPath(
                          t.scope.userObject,
                          "chains.response",
                        );
                        e.isUndefined(n) ||
                          0 === n.list().length ||
                          (n.setScope(t.scope.userObject),
                            e.setObjectPath(t, "response.data", {}),
                            e.setObjectPath(t, "context.status", s),
                            e.setObjectPath(t, "context.isSuccess", a),
                            n.setData(t),
                            n.fire());
                      },
                    }),
                    (t.request.context.requestDetails = e.extend(
                      !0,
                      {},
                      t.request,
                    )));
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "makeRequest",
                fire: function (t, s) {
                  e.request(
                    t.request.context.requestObject,
                    t.request.context.requestDetails,
                  );
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "checkResponseCode",
                fire: function (e, t) {
                  if (!e.context.isSuccess)
                    return ((t.settings.general.flags.isInSend = !1), !1);
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "saveReturnData",
                fire: function (t, s) {
                  e.isUndefined(t.response.data.sessionId) ||
                    (s.setData("user.sessionId", t.response.data.sessionId),
                      e.isUndefined(t.response.data.segmentInfo) ||
                      s.setData(
                        "user.segmentInfo",
                        t.response.data.segmentInfo,
                      ),
                      e.isUndefined(t.response.data.segmentInfo) ||
                        e.isUndefined(t.response.data.segmentInfo.ttl)
                        ? s.setData("general.lastSend", e.time.timestamp())
                        : s.setData(
                          "general.lastSend",
                          e.time.timestamp() -
                          e.getGlobalSetting("user.sessionRefresh", 300) +
                          parseInt(t.response.data.segmentInfo.ttl),
                        ));
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "saveToDictionary",
                fire: function (e, t) {
                  t.saveToDictionary();
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "markAsComplete",
                fire: function (e, t) {
                  ((t.settings.general.flags.isInSend = !1),
                    e.context.forceSend &&
                    (t.settings.general.flags.forceSend = !1));
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "sendWebhookAfterSessionCall",
                fire: function (t, s) {
                  e.event.webhook.helpers.fireEventForScope({
                    webhookSettings: s.webhookSettings,
                    name: "fetchSession",
                    action: "after",
                    data: s.getAllSettings(),
                    scope: s,
                  });
                },
              }));
        }),
          e.support.hook(["user"], function () {
            e.settings.chains.initChain.add({
              name: "userSession",
              fire: function (t, s) {
                var a = e.getGlobalSetting(
                  "search.apiKey",
                  e.getGlobalSetting(
                    "recs.apiKey",
                    e.getGlobalSetting("global.apiKey"),
                  ),
                ),
                  n = e.dataProtection.dataCanBeTracked();
                if (!e.isUndefined(a) && n) {
                  var i = e.getGlobalSetting("powerUp.userSession");
                  if (!e.isUndefined(i) && !1 === i) return;
                  if (e.getObjectPath(t, "flags.userSession.build", !1))
                    return;
                  (e.setObjectPath(t, "flags.userSession.build", !0),
                    e.user.setApiKey(a));
                }
              },
            });
          }),
          e.support.isActive("user") ||
          (e.extend({ user: e.constructors.construct("user") }),
            e.support.register({
              name: "user",
              loaded: !0,
              active: !0,
              dependency: ["core.lib"],
            })));
      })(klevu));
  </script>
  <style>
    lite-youtube {
      background-color: #000;
      position: relative;
      display: block;
      contain: content;
      background-position: center center;
      background-size: cover;
      cursor: pointer;
      max-width: 720px;
    }

    lite-youtube::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
      background-position: top;
      background-repeat: repeat-x;
      height: 60px;
      padding-bottom: 50px;
      width: 100%;
      transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
    }

    lite-youtube::after {
      content: "";
      display: block;
      padding-bottom: calc(100% / (16 / 9));
    }

    lite-youtube>iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border: 0;
    }

    lite-youtube>.lty-playbtn {
      width: 68px;
      height: 48px;
      position: absolute;
      cursor: pointer;
      transform: translate3d(-50%, -50%, 0);
      top: 50%;
      left: 50%;
      z-index: 1;
      background-color: transparent;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
      filter: grayscale(100%);
      transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
      border: none;
    }

    lite-youtube .lty-playbtn:focus,
    lite-youtube:hover>.lty-playbtn {
      filter: none;
    }

    lite-youtube.lyt-activated {
      cursor: unset;
    }

    lite-youtube.lyt-activated::before,
    lite-youtube.lyt-activated>.lty-playbtn {
      opacity: 0;
      pointer-events: none;
    }

    .lyt-visually-hidden {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }
  </style>
  <style type="text/css" id="klevu-quick-search-theme-styles">
    [ku-container] a,
    [ku-container] p,
    [ku-container] div,
    [ku-container] ul li {
      font-family: inherit;
      font-size: 13px;
      line-height: 130%;
      text-decoration: none;
      font-weight: normal;
    }

    [ku-container] * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline: 0;
      -webkit-font-smoothing: antialiased;
      vertical-align: top;
    }

    .kuBase {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container],
    [ku-block] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="main"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      width: 1200px;
      margin: 0 auto;
    }

    [ku-container][data-container-role="header"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent [ku-container]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-container][data-container-role="content"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      display: table;
      width: 100%;
    }

    [ku-container][data-container-role="content"] [ku-block]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-block][ku-empty],
    [ku-container][ku-empty] {
      display: none !important;
      width: 0 !important;
      padding: 0 !important;
      height: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
    }

    [ku-container][data-container-role="left"] {
      display: table-cell;
      width: 22%;
      height: auto;
      max-width: 275px;
    }

    [ku-container][data-container-role="right"] {
      display: table-cell;
      width: 22%;
      height: auto;
      max-width: 275px;
    }

    [ku-container][data-container-role="content"] [ku-container][data-container-role="results"] {
      display: table-cell;
      width: auto;
      height: auto;
    }

    [ku-container][data-container-role="content"]:after {
      content: "";
      display: block;
      clear: both;
    }

    [ku-block]:empty {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    @media only screen and (max-width: 1100px) {
      .kuResults ul li {
        width: 33%;
        padding: 5px;
      }

      .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
        max-width: 60%;
        width: 60%;
      }
    }

    @media only screen and (max-width: 991px) {

      [ku-container][data-container-role="left"],
      [ku-container][data-container-role="right"] {
        width: 32%;
      }
    }

    @media only screen and (max-width: 767px) {

      [ku-container][data-container-role="content"],
      [ku-container][data-container-role="content"] [ku-container][data-container-role="results"],
      [ku-container][data-container-role="left"],
      [ku-container][data-container-role="right"] {
        display: block;
        width: 100%;
        height: auto;
      }

      .kuContainer .kuTabs a {
        display: inline-block;
      }

      .kuContainer .kuTabs a:hover {
        border-bottom: 0 solid #ddd;
        text-decoration: none;
        background: #f5f5f5;
      }

      .kuContainer a.kuTabSelected {
        border-bottom: 0 solid #ddd;
        background: #f5f5f5;
      }

      .kuLandingNoResultsMessage {
        font-size: 15px;
        line-height: 1.2em;
        padding: 10px 5%;
        text-align: center;
      }

      .kuFilterBox {
        margin-bottom: 5px;
        padding-bottom: 10px;
        width: 100%;
      }
    }

    .klevu-stars-small-l2 {
      height: 13px;
      display: inline-block;
      vertical-align: bottom;
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;
      width: 65px;
      margin-top: 5px;
    }

    .klevu-stars-small-l2 .klevu-rating-l2 {
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;
      height: 13px;
      display: inline-block;
    }

    .klevuRatingCount {
      display: inline-block;
      margin-top: 3px;
      margin-left: 1px;
    }

    .kuQuickSearchFacetedLayout>div,
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div {
      width: 100% !important;
      max-width: 550px !important;
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"],
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
      width: 33%;
      padding-right: 2%;
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"],
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
      width: Calc(65%);
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
      width: 33%;
      padding-right: 0;
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
      width: 33%;
    }

    .kuQuickSearchFacetedLayout .kuQuickResultsListContainer {
      position: relative;
      height: 360px;
      overflow: auto;
    }

    .kuQuickSearchFacetedLayout .kuPagination {
      padding: 10px 20px;
      text-align: right;
    }

    .kuQuickSearchFacetedLayout .kuPagination a {
      margin: 0;
      position: relative;
      display: inline-block;
      padding-left: 0;
      padding-right: 10px;
      color: #333;
      cursor: pointer;
      text-decoration: none;
      border-right: 1px solid #ddd;
      font-size: 14px;
    }

    .kuQuickSearchFacetedLayout .kuPagination a:hover {
      color: #333;
    }

    .kuQuickSearchFacetedLayout .kuPagination a:last-child {
      border-right: 0;
    }

    .kuQuickSearchFacetedLayout .kuPagination a.kuCurrent {
      background: #fff;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-weight: bold;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct {
      width: 32% !important;
      border-right: 1px solid #e2e2e2;
      border-top: 1px solid #e2e2e2;
      display: inline-block;
      float: left;
      min-height: 200px;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct .klevu-desc-l2 {
      display: none;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:hover {
      background-color: #f8f8f8;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:hover .klevuQuickAddtoCart {
      opacity: 1;
      visibility: visible;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(1) {
      border-top: 0;
      border-top: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(2) {
      border-top: 0;
      border-top: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3) {
      border-top: 0;
      border-top: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(1) {
      border-bottom: 1px solid #e2e2e2;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(2) {
      border-bottom: 1px solid #e2e2e2;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(3) {
      border-bottom: 1px solid #e2e2e2;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3n + 3) {
      border-right: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"].klevuQuickSearchResults .klevuQuickAddtoCart {
      margin: 0 auto;
      position: absolute;
      display: inline-block;
      bottom: auto;
      width: auto;
      top: 25%;
      left: 0;
      width: 100%;
      text-align: center;
      opacity: 0;
      visibility: hidden;
    }

    .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view="grid"].klevuQuickSearchResults .klevuProductItemBottom {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view="grid"].klevuQuickSearchResults .klevuProductItemTop {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayoutRightSideFilters .kuPagination {
      text-align: left;
    }

    .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div {
      min-width: 54%;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div {
        min-width: 66%;
        max-width: 100%;
      }

      .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
        width: 38%;
      }

      .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
        width: 38%;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct {
        width: 49% !important;
        border-top: 0;
        min-height: 230px;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3) {
        border-top: 1px solid #e2e2e2;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(1) {
        border-top: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(2n + 2) {
        border-right: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(odd) {
        border-right: 1px solid #e2e2e2;
        border-top: 0;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
        width: 38%;
        padding-right: 2%;
      }
    }

    @media only screen and (max-width: 767px) {
      .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }

      .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }

      .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterHead {
        font-weight: bold;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct {
        width: 49% !important;
        border-top: 0;
        min-height: 230px;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3) {
        border-top: 1px solid #e2e2e2;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(1) {
        border-top: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(2n + 2) {
        border-right: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(odd) {
        border-right: 1px solid #e2e2e2;
        border-top: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:hover .klevuQuickAddtoCart {
        opacity: 1;
        visibility: visible;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"].klevuQuickSearchResults .klevuQuickAddtoCart {
        position: relative;
        display: inline-block;
        bottom: 15px;
        width: auto;
        top: auto;
        left: 0;
        width: 100%;
        text-align: center;
        opacity: 1;
        visibility: visible;
        margin-top: 10px;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }
    }

    .kuCarousel {
      box-sizing: border-box;
      position: relative;
      width: 100%;
      height: 210px;
    }

    .kuCarousel *:before {
      box-sizing: border-box;
    }

    .kuCarousel *:after {
      box-sizing: border-box;
    }

    .kuCarousel .kuCarousel-content {
      position: relative;
      overflow: hidden;
      transition: width 0.4s;
      height: 100%;
    }

    .kuCarousel .kuSlide {
      height: 100%;
      position: absolute;
      z-index: 1;
      transition: left 0.4s cubic-bezier(0.47, 0.13, 0.15, 0.89);
    }

    .kuCarousel .nav {
      position: absolute;
      top: 50%;
      margin-top: -8%;
      background-color: #fff;
      width: 24px;
      height: 24px;
      z-index: 2;
      cursor: pointer;
      border-radius: 50%;
      border: 0;
      outline: 0;
      color: white;
      -webkit-user-select: none;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: block;
    }

    .kuCarousel .nav-left {
      left: -5px;
      background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-prev.png);
    }

    .kuCarousel .nav-right {
      right: -5px;
      background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-next.png);
    }

    .kuCarousel .kuCarousel-arrow-icon-left {
      margin-left: 5px;
      margin-top: 2px;
    }

    .kuCarousel .kuCarousel-arrow-icon-right {
      margin-left: 7px;
      margin-top: 2px;
    }

    .kuFilterNames {
      height: 118px;
      overflow: hidden;
    }

    .kuFilterNames ul {
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li {
      list-style: none;
      text-align: left;
      width: 100%;
      display: inline-block;
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li a {
      display: block;
      position: relative;
      overflow: hidden;
      padding: 0;
      text-decoration: none;
      cursor: pointer;
      font-style: normal;
      color: #333;
      background: 0;
      margin: 2px;
      margin-left: 5px;
    }

    .kuFilterNames ul li a span {
      display: inline-block;
      vertical-align: middle;
    }

    .kuFilterNames ul li a span.kufacet-text {
      max-width: 74%;
      width: 74%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      float: left;
    }

    .kuFilterNames ul li a span.kuFilterIcon {
      float: left;
      margin: 0;
      padding: 0;
      font-weight: normal;
    }

    .kuFilterNames ul li a:hover {
      cursor: pointer;
    }

    .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background: #333;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
    }

    .kuFilterNames ul li a span.kuFilterTotal {
      float: right;
      text-align: right;
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li a span.kuFilterCancel {
      float: right;
      text-align: right;
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li .klevuFacetStars {
      height: 14px;
      display: inline-block;
      vertical-align: bottom;
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;
      width: 65px;
    }

    .kuFilterNames ul li .klevuFacetStars .klevuFacetRating {
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;
      height: 14px;
      display: inline-block;
    }

    .kuFilterNames ul li.kuSelected a {
      color: #333;
    }

    .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background: #333;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
      border-color: #333;
    }

    .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: #333;
    }

    .kuFilterNames.kuFilterShowAll {
      height: auto;
      overflow: unset;
    }

    .kuFilterHead {
      font-family: inherit;
      font-size: 13px;
      font-weight: bold;
      padding: 5px;
      color: #333;
      display: block;
      line-height: 1.8;
      text-transform: uppercase;
      border-bottom: 1px solid #eee;
      background: 0;
      margin-bottom: 15px;
      margin-top: 0;
      position: relative;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .kuShowOpt {
      padding: 0 5px;
      cursor: pointer;
      position: absolute;
      bottom: -5px;
    }

    .kuShowOpt a {
      color: #333;
      text-decoration: none;
    }

    .kuHideOpt a {
      color: #333;
      text-decoration: none;
    }

    .kuFilterDot {
      height: 5px;
      width: 5px;
      background-color: #333;
      border-radius: 50%;
      display: inline-block;
      margin: 2px;
    }

    .kuFilterIcon:before {
      content: "";
      border: 2px solid #ddd;
      border-radius: 50%;
      margin: 0;
      margin-right: 6px;
      height: 18px;
      width: 18px;
      display: inline-block;
      color: #ddd;
      position: relative;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: background 200ms;
      -webkit-transition: background 200ms;
      -moz-transition: background 200ms;
      -webkit-transition: border-color 200ms;
      -moz-transition: border-color 200ms;
      transition: border-color 200ms;
    }

    .kuMulticheck .kuFilterIcon:before {
      content: "";
      border: 1px solid #ddd;
      border-radius: 0;
      margin: 0;
      margin-right: 8px;
      height: 18px;
      width: 18px;
      display: inline-block;
      color: #ddd;
      position: relative;
    }

    .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 5px;
      background: transparent;
      top: 5px;
      left: 4px;
      border: 2px solid #333;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 5px;
      background: transparent;
      top: 4px;
      left: 4px;
      border: 2px solid #ddd;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: #333;
    }

    .kuQuickSearchFacetedLayout .kuFilters,
    .kuSearchResultsPageContainer .kuFilters {
      padding: 10px;
    }

    .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterNames ul li a span.kufacet-text,
    .kuSearchResultsPageContainer .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
      max-width: 70%;
      width: 70%;
    }

    .kuQuickSearchFacetedLayout [data-block-id="ku_quick_left_facets"] {
      background-color: #fff;
      overflow: auto;
      max-height: 400px;
      text-align: left;
    }

    .kuQuickSearchFacetedLayout [data-block-id="ku_quick_right_facets"] {
      background-color: #fff;
      overflow: auto;
      max-height: 400px;
      text-align: left;
    }

    .kuFilterBox {
      margin-bottom: 12px;
      background: 0;
      padding-bottom: 12px;
      position: relative;
    }

    .kuFilterBox .kuFilterHead {
      padding: 5px 0;
      color: #333;
      display: block;
      text-transform: uppercase;
      border-bottom: 1px solid #ddd;
      background: 0;
      margin-bottom: 0;
    }

    .kuFilterBox .kuFilterNames {
      height: 125px;
      overflow: hidden;
    }

    .kuFilterBox .kuFilterNames ul {
      margin: 0;
      padding: 0;
    }

    .kuFilterBox .kuFilterNames ul li {
      list-style: none;
      text-align: left;
      width: 100%;
      display: inline-block;
      margin: 0;
      padding: 0;
    }

    .kuFilterBox .kuFilterNames ul li a {
      display: block;
      position: relative;
      overflow: hidden;
      padding: 0;
      text-decoration: none;
      cursor: pointer;
      color: #333;
      background: 0;
      margin: 2px 5px 2px 0;
    }

    .kuFilterBox .kuFilterNames ul li a span {
      display: inline-block;
      vertical-align: middle;
    }

    .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
      max-width: 75%;
      width: 75%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      float: left;
    }

    .kuFilterBox .kuFilterNames ul li a span.kuFilterIcon {
      float: left;
      margin: 0;
      padding: 0;
      font-weight: normal;
    }

    .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
      background: #ddd;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected a {
      color: #333;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
      background: #ddd;
      border-color: #333 !important;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: #333;
    }

    .kuFilterBox .kuFilterNames.sliderFilterNames {
      height: 90px;
    }

    .kuFilterBox .kuFilterIcon:before {
      content: "";
      border: 2px solid #ccc;
      border-radius: 50%;
      margin: 0;
      margin-right: 8px;
      height: 18px;
      width: 18px;
      display: inline-block;
      color: #ccc;
      position: relative;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: background 200ms;
      -webkit-transition: background 200ms;
      -moz-transition: background 200ms;
      -webkit-transition: border-color 200ms;
      -moz-transition: border-color 200ms;
      transition: border-color 200ms;
    }

    .kuFilterBox .kuFilterNames.kuFilterCollapse {
      height: 0;
      overflow: hidden;
    }

    .kuFilterBox .kuFilterNames.kuFilterCollapse .kuShowOpt {
      display: none;
    }

    .kuFilterBox .kuFilterNames.kuFilterShowAll {
      height: auto;
      overflow: unset;
    }

    .kuFilterBox .kuShowOpt {
      padding: 0;
      cursor: pointer;
      position: absolute;
      bottom: -12px;
    }

    .kuFilterBox .kuShowOpt a {
      color: #c46b00;
      text-decoration: none;
    }

    .kuFilterBox .kuShowOpt .kuFilterDot {
      height: 5px;
      width: 5px;
      background-color: #888;
      border-radius: 50%;
      display: inline-block;
      margin: 2px;
    }

    .kuFilterBox .kuExpand {
      position: relative !important;
      transition: all 0.3s ease;
    }

    .kuFilterBox .kuCollapse {
      position: relative !important;
      transition: all 0.3s ease;
    }

    .kuFilterBox .kuFilterHead.kuCollapse {
      margin-bottom: 10px;
    }

    .kuFilterBox .kuFilterHead.kuCollapse::after {
      border-color: #333;
      border-image: none;
      border-style: solid;
      border-width: 0 1px 1px 0;
      content: "";
      display: inline-block;
      padding: 4px;
      position: absolute;
      right: 12px;
      top: 14px;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
      transition: all 0.3s ease;
    }

    .kuFilterBox .kuFilterHead.kuExpand::after {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: #333;
      border-image: none;
      border-style: solid;
      border-width: 0 1px 1px 0;
      content: "";
      display: inline-block;
      padding: 4px;
      position: absolute;
      right: 12px;
      top: 10px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      transition: all 0.3s ease 0s;
    }

    .kuFilterBox.kuMulticheck .kuFilterIcon:before {
      content: "";
      border: 1px solid #ccc;
      border-radius: 0;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      width: 10px;
      height: 5px;
      background: transparent;
      top: 4px;
      left: 4px;
      border: 2px solid #ddd;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      width: 10px;
      height: 5px;
      background: transparent;
      top: 4px;
      left: 4px;
      border: 2px solid #ddd;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      border-color: #333;
    }

    /*! nouislider - 8.2.1 - 2015-12-02 21:43:15 */
    .noUi-target,
    .noUi-target * {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -ms-touch-action: none;
      touch-action: none;
      -ms-user-select: none;
      -moz-user-select: none;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .noUi-target {
      position: relative;
      direction: ltr;
    }

    .noUi-base {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
    }

    .noUi-origin {
      position: absolute;
      right: 0;
      top: 0;
      left: 0;
      bottom: 0;
    }

    .noUi-handle {
      position: relative;
      z-index: 1;
    }

    .noUi-stacking .noUi-handle {
      z-index: 10;
    }

    .noUi-state-tap .noUi-origin {
      -webkit-transition:
        left 0.3s,
        top 0.3s;
      transition:
        left 0.3s,
        top 0.3s;
    }

    .noUi-state-drag * {
      cursor: inherit !important;
    }

    .noUi-base {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    .noUi-horizontal {
      height: 12px;
    }

    .noUi-horizontal .noUi-handle {
      width: 24px;
      height: 24px;
      left: -17px;
      top: -7px;
      border-radius: 100%;
    }

    .noUi-vertical {
      width: 18px;
    }

    .noUi-vertical .noUi-handle {
      width: 28px;
      height: 34px;
      left: -6px;
      top: -17px;
    }

    .noUi-background {
      background: #fafafa;
      box-shadow: inset 0 1px 1px #f0f0f0;
    }

    .noUi-connect {
      background: #333;
      box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
      -webkit-transition: background 450ms;
      transition: background 450ms;
    }

    .noUi-origin {
      border-radius: 2px;
    }

    .noUi-target {
      border-radius: 4px;
      border: 1px solid #d3d3d3;
      box-shadow:
        inset 0 1px 1px #f0f0f0,
        0 3px 6px -5px #bbb;
    }

    .noUi-target.noUi-connect {
      box-shadow:
        inset 0 0 3px rgba(51, 51, 51, 0.45),
        0 3px 6px -5px #bbb;
    }

    .noUi-draggable {
      cursor: w-resize;
    }

    .noUi-vertical .noUi-draggable {
      cursor: n-resize;
    }

    .noUi-handle {
      border: 1px solid #d9d9d9;
      background: #fff;
      cursor: default;
      box-shadow:
        inset 0 0 1px #fff,
        inset 0 1px 7px #ebebeb,
        0 3px 6px -3px #bbb;
      cursor: pointer;
    }

    .noUi-active {
      box-shadow:
        inset 0 0 1px #fff,
        inset 0 1px 7px #ddd,
        0 3px 6px -3px #bbb;
    }

    .noUi-handle:after,
    .noUi-handle:before {
      content: "";
      display: block;
      position: absolute;
      height: 14px;
      width: 1px;
      background: #e4e1e1;
      left: 8px;
      top: 4px;
    }

    .noUi-handle:after {
      left: 12px;
    }

    .noUi-vertical .noUi-handle:after,
    .noUi-vertical .noUi-handle:before {
      width: 14px;
      height: 1px;
      left: 6px;
      top: 14px;
    }

    .noUi-vertical .noUi-handle:after {
      top: 17px;
    }

    [disabled] .noUi-connect,
    [disabled].noUi-connect {
      background: #b8b8b8;
    }

    [disabled] .noUi-handle,
    [disabled].noUi-origin {
      cursor: not-allowed;
    }

    .noUi-pips,
    .noUi-pips * {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .noUi-pips {
      position: absolute;
      color: #999;
    }

    .noUi-value {
      width: 40px;
      position: absolute;
      text-align: center;
    }

    .noUi-value-sub {
      color: #ccc;
      font-size: 10px;
    }

    .noUi-marker {
      position: absolute;
      background: #ccc;
    }

    .noUi-marker-large,
    .noUi-marker-sub {
      background: #aaa;
    }

    .noUi-pips-horizontal {
      padding: 10px 0;
      height: 50px;
      top: 100%;
      left: 0;
      width: 100%;
    }

    .noUi-value-horizontal {
      margin-left: -20px;
      padding-top: 20px;
    }

    .noUi-value-horizontal.noUi-value-sub {
      padding-top: 15px;
    }

    .noUi-marker-horizontal.noUi-marker {
      margin-left: -1px;
      width: 2px;
      height: 5px;
    }

    .noUi-marker-horizontal.noUi-marker-sub {
      height: 10px;
    }

    .noUi-marker-horizontal.noUi-marker-large {
      height: 15px;
    }

    .noUi-pips-vertical {
      padding: 0 10px;
      height: 100%;
      top: 0;
      left: 100%;
    }

    .noUi-value-vertical {
      width: 15px;
      margin-left: 20px;
      margin-top: -5px;
    }

    .noUi-marker-vertical.noUi-marker {
      width: 5px;
      height: 2px;
      margin-top: -1px;
    }

    .noUi-marker-vertical.noUi-marker-sub {
      width: 10px;
    }

    .noUi-marker-vertical.noUi-marker-large {
      width: 15px;
    }

    .noUi-tooltip {
      display: block;
      position: absolute;
      border: 1px solid #d9d9d9;
      border-radius: 3px;
      background: #fff;
      padding: 5px;
      text-align: center;
      width: max-content;
    }

    .noUi-horizontal .noUi-handle-lower .noUi-tooltip {
      bottom: -32px;
    }

    .noUi-horizontal .noUi-handle-upper .noUi-tooltip {
      bottom: -32px;
      right: 0;
    }

    .noUi-vertical .noUi-handle-lower .noUi-tooltip {
      left: 120%;
    }

    .noUi-vertical .noUi-handle-upper .noUi-tooltip {
      right: 120%;
    }

    .klevu-fluid,
    .klevu-fluid *,
    .klevuTarget,
    .klevuTarget *,
    .kuContainer * {
      font-family: inherit;
    }

    [ku-container] a,
    [ku-container] p,
    [ku-container] div,
    [ku-container] ul li {
      font-family: inherit;
      font-size: 13px;
      line-height: 130%;
      text-decoration: none;
      font-weight: normal;
    }

    [ku-container] * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline: 0;
      -webkit-font-smoothing: antialiased;
      vertical-align: top;
    }

    .kuClearLeft {
      clear: left;
    }

    .kuClearRight {
      clear: right;
    }

    .kuClearBoth,
    .kuClearBoth:after {
      clear: both;
    }

    .kuGreen {
      color: #a30f0f !important;
    }

    .kuBlack {
      color: #333 !important;
    }

    .kuClipped {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }

    .kuClippedOne {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }

    .kuClippedTwo {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .klevuTarget * {
      box-sizing: border-box;
    }

    .kuBtn {
      display: inline-block;
      padding: 5px 10px;
      cursor: pointer;
      font-size: 11px !important;
      text-transform: uppercase;
      text-decoration: none;
      margin: 5px 5px 5px 0;
      border-radius: 3px;
      border: 2px solid transparent;
      text-align: center;
    }

    .kuBtnDark {
      background: #333;
      color: #fff;
      border-color: #333;
    }

    .kuBtnLight {
      background: #ddd;
      color: #333;
      border-color: #dedede;
    }

    .kuBtnDarkOutline {
      background: transparent;
      color: #333;
      border: 2px solid #333;
    }

    .kuBtnLightOutline {
      background: transparent;
      color: #ddd;
      border: 2px solid #ddd;
    }

    .kuBtnDark:hover,
    .kuBtnLight:hover,
    .kuBtnDarkOutline:hover,
    .kuBtnLightOutline:hover {
      background: #757575;
      color: #fff;
      border-color: #757575;
    }

    .klevuTarget.klevu-fluid>div {
      position: absolute;
      z-index: 20000000000;
      width: 35%;
      max-width: 450px;
      font-family: inherit;
      font-size: 13px;
      background-color: #fff;
      border-radius: 3px;
      color: #333;
    }

    .kuBase {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container],
    [ku-block] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="main"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      width: 1200px;
      margin: 0 auto;
    }

    [ku-container][data-container-role="header"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent [ku-container]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-container][data-container-role="content"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      display: table;
      width: 100%;
    }

    [ku-container][data-container-role="content"] [ku-block]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-block][ku-empty],
    [ku-container][ku-empty] {
      display: none !important;
      width: 0 !important;
      padding: 0 !important;
      height: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
    }

    .klevuQuickSearchingArea {
      width: 100%;
      max-width: 100%;
      border-radius: 2px;
      -webkit-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
      -moz-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
      box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
    }

    .klevuQuickSearchingArea .klevuLoader img {
      display: inline-block;
      width: 22px !important;
    }

    .klevuQuickSearchingArea span.klevuLoader img {
      margin-right: 10px;
    }

    .klevuQuickSearchingArea .kuFacetedLayoutMinCharText {
      padding: 10px;
      line-height: 35px;
    }

    .klevuSuggestionsBlock {
      position: relative;
    }

    .klevuSuggestionsBlock .klevuLoader {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      padding: 6px 10px;
    }

    .klevuSuggestionHeading {
      text-transform: uppercase;
      padding: 10px 5px;
    }

    .klevuHeadingText {
      color: #333;
      display: inline-block;
    }

    .klevuHeadingText a {
      float: right;
      margin-right: 10px;
      color: #333;
      font-weight: normal;
      text-decoration: none;
    }

    .klevuHeadingText a:hover {
      text-decoration: underline;
    }

    .klevuAutoSuggestionsWrap {
      border-bottom: 1px solid #ddd;
      padding: 5px 10px;
    }

    .klevuAutoSuggestionsWrap ul {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .klevuAutoSuggestionsWrap ul li {
      display: block;
      list-style: none;
      margin: 0;
      cursor: default;
      text-align: left;
    }

    .klevuAutoSuggestionsWrap ul li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .klevuAutoSuggestionsWrap ul li:hover {
      background-color: #f5f5f5;
    }

    .klevuAutoSuggestionsWrap ul li:focus {
      background-color: #f5f5f5;
    }

    .klevuAutoSuggestionsWrap ul li ul li a {
      padding-left: 35px;
    }

    .klevuAutoSuggestionsWrap ul li strong {
      color: #333;
    }

    .klevuAutoSuggestionsWrap ul li.klevu-hovered {
      background-color: #f5f5f5;
    }

    .klevuResultsBlock .klevuSuggestionHeading {
      padding: 12px 15px;
    }

    .klevuResultsBlock .klevuProductsViewAll {
      display: inline-block;
      position: absolute;
      top: 12px;
      right: 12px;
    }

    .klevuResultsBlock .klevuProductsViewAll a {
      color: #333;
      font-weight: normal;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 10px;
      cursor: pointer;
      border-bottom: 2px solid #ccc;
      padding: 2px 0;
    }

    .klevuResultsBlock .klevuQuickSearchResults {
      position: relative;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul {
      margin: 0;
      padding-left: 0;
      text-align: left;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li {
      display: block;
      width: 100%;
      height: auto;
      text-align: left;
      position: relative;
      border-bottom: 1px solid #ddd;
      margin-bottom: auto;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li a.klevuQuickProductInnerBlock {
      text-decoration: none;
      color: #333;
      outline: 0;
      display: block;
      padding: 8px;
      height: auto;
      line-height: 20px;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDescBlock {
      float: left;
      width: 100%;
      margin-left: 8px;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName {
      font-weight: bold;
      color: #333;
      word-wrap: break-word;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickPriceGreyText {
      font-weight: normal !important;
      color: #393939 !important;
      font-size: 11px !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDesc {
      color: #333;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice {
      font-weight: bold;
      margin-bottom: 5px;
      color: #333;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickOrigPrice {
      margin-right: 5px;
      text-decoration: line-through;
      color: #333;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:hover {
      background-color: #f5f5f5;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickSearchResults ul li div {
      color: #fff !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:focus {
      background-color: #f5f5f5;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:focus .klevuQuickSearchResults ul li div {
      color: #fff !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop {
      margin: 0;
      box-sizing: border-box;
      float: left;
      padding: 5px;
      position: relative;
      width: 20%;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom {
      margin: 0;
      box-sizing: border-box;
      padding: 5px;
      position: relative;
      min-height: 60px;
      float: left;
      width: 80%;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2 {
      color: #8a8a8a;
      font-size: 13px;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickImgWrap {
      float: none;
      overflow: hidden;
      width: 100% !important;
      height: 70px !important;
      text-align: center;
    }

    .klevuResultsBlock .klevuQuickSearchResults img {
      max-width: 100% !important;
      max-height: 100% !important;
      width: auto;
      height: auto;
      border: 0;
      outline: 0;
      display: inline-block;
      margin: 0 auto;
      opacity: 1;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge {
      background: #ffcc01;
      padding: 0 5px;
      color: #333;
      font-size: 9px;
      position: absolute;
      top: 6px;
      left: 4px;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge strong {
      color: #333;
    }

    .klevuResultsBlock .klevuQuickNoResults {
      text-align: center;
      font-size: 13px;
      padding: 0;
    }

    .klevuResultsBlock .klevuQuickNoResults .klevuQuickNoResultsInner {
      padding: 15px;
      margin: 0;
    }

    .klevuResultsBlock .klevuQuickNoResultsMessage {
      background: transparent;
      font-size: 13px;
      padding: 20px;
      text-align: center;
      border: 0;
    }

    @media only screen and (max-width: 1024px) {
      .klevuTarget.klevu-fluid>div {
        width: 50%;
      }

      .klevuQuickSearchResults .klevuQuickImgWrap {
        height: 55px !important;
      }
    }

    @media only screen and (max-width: 767px) {
      .klevuTarget.klevu-fluid>div {
        max-width: 400px;
        width: 70%;
      }
    }

    @media only screen and (max-width: 480px) {
      .klevuTarget.klevu-fluid>div {
        width: 98%;
        left: 1% !important;
      }

      .klevu-fluid .klevuQuickSearchResults ul li .klevuQuickProductDesc {
        display: none;
      }
    }

    @media only screen and (max-width: 420px) {
      .klevuTarget.klevu-fluid>div {
        max-width: 100%;
      }
    }

    .searchRequestLoading .klevuQuickSearchingArea {
      opacity: 0.6;
      pointer-events: none;
    }

    .searchRequestLoading .klevuQuickSearchingArea::after {
      content: url("https://js.klevu.com/klevu-js-v1/img/klevu-loader.GIF");
      position: absolute;
      margin-left: 45%;
      top: 12px;
    }

    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer [ku-container][data-container-role="left"] {
      width: 100%;
      max-width: 100%;
    }

    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuPopularSearchesBlock {
      margin-bottom: 8px;
    }

    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuRecentSearchesBlock {
      margin-bottom: 8px;
    }

    .kuRecommendationSlider {
      display: none;
    }

    .kuRecommendationSlider .klevuProductItemTop .klevuQuickImgWrap {
      float: none;
      overflow: hidden;
      width: 100% !important;
      height: 155px !important;
      text-align: center;
      margin: 0 auto;
      position: relative;
      box-sizing: border-box;
      padding: 0;
      border: 1px solid #eee;
      max-height: 155px !important;
    }

    .kuEmptySearchBox.kuPersonalizedSearchRecsEnabled .kuRecommendationSlider {
      display: block;
    }

    .kuSearchPersonalizationsContainer {
      height: 40px;
    }

    .kuSearchPersonalizationsContainer * {
      visibility: hidden;
    }

    .kuEmptySearchBox .kuSearchPersonalizationsContainer {
      height: auto;
    }

    .kuEmptySearchBox .kuSearchPersonalizationsContainer * {
      visibility: unset;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuQuickSearchingArea {
      padding: 6px 9px;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemTop {
      width: 100%;
      display: block;
      float: none;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemBottom {
      width: 100%;
      display: block;
      float: none;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuSuggestionHeading {
      padding: 10px 3px;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuProductItemBottom {
      font-size: 12px;
      color: #666;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuRecentSearchTerms {
      border: 0;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuPopularSearchTerms {
      border: 0;
    }

    @media only screen and (max-width: 767px) {
      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
        width: 100%;
        padding-right: 0;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
        width: 100%;
        padding-right: 0;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div {
        max-width: 85%;
      }
    }

    .klevuTarget.klevu-fluid.kuEmptySearchBox>div {
      min-width: 38% !important;
    }

    .kuDropdown.kuQuickFacetedLayoutSort {
      display: inline-block;
      float: right;
      min-width: 75px;
      padding-top: 10px;
      text-align: center;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul:before {
      content: "";
      width: 100%;
      display: block;
      height: 0;
      background: 0;
    }

    .kuQuickSearchResultsContainer .kuResultsHeadingTitleContainer {
      padding: 8px 10px;
      border-bottom: 1px solid #eee;
    }

    .klevu-banner-ad {
      clear: both;
      text-align: center;
      width: 100%;
      padding: 8px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .klevu-banner-ad img {
      display: inline-block;
      width: auto;
      max-width: 100%;
      max-height: 100%;
    }

    .kuPopularSearchTerms ul {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .kuPopularSearchTerms li {
      display: block;
      list-style: none;
      margin: 0;
      text-transform: capitalize;
      cursor: default;
      text-align: left;
    }

    .kuPopularSearchTerms li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .kuPopularSearchTerms li:hover {
      background-color: #f5f5f5;
    }

    .kuRecentSearchTerms ul {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .kuRecentSearchTerms li {
      display: block;
      list-style: none;
      margin: 0;
      text-transform: capitalize;
      cursor: default;
      text-align: left;
    }

    .kuRecentSearchTerms li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .kuRecentSearchTerms li:hover {
      background-color: #f5f5f5;
    }

    .kuQuickSearchNoRecordFound {
      text-align: center;
      margin-top: 4%;
      margin-bottom: 4%;
      color: #333;
      font-size: 13px;
      background: #fff;
      display: block;
    }

    .kuQuickSearchNoRecordFound .klevuQuickPriceGreyText {
      font-weight: normal !important;
      color: #393939 !important;
      font-size: 11px !important;
    }

    .kuQuickSearchNoRecordFound .kuQuickNoResults {
      max-width: 90%;
      margin: auto;
      text-align: justify;
    }

    .kuQuickSearchNoRecordFound .kuQuickNoResultsMessage {
      display: block;
      text-align: center;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .kuQuickSearchNoRecordFound .kuDividerLine {
      margin: 10px 0;
      border-bottom: #ccc 1px solid;
      width: 100%;
    }

    .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick {
      clear: both;
      text-align: center;
      width: 100%;
      padding: 8px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick img {
      display: inline-block;
      width: auto;
      max-width: 100%;
      max-height: 100%;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll {
      display: inline-block;
      position: absolute;
      top: 12px;
      right: 12px;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchHeading {
      text-transform: uppercase;
      padding-bottom: 10px;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll a {
      color: #333;
      font-weight: normal;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 10px;
      cursor: pointer;
      border-bottom: 2px solid #ccc;
      padding: 2px 0;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular {
      position: relative;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul {
      margin: 0;
      padding-left: 0;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li {
      display: block;
      width: 100%;
      height: auto;
      text-align: left;
      position: relative;
      border-bottom: 1px solid #ddd;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li a.klevuQuickPopularProductInnerBlock {
      text-decoration: none;
      color: #333;
      outline: 0;
      display: block;
      padding: 8px;
      height: auto;
      line-height: 20px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickPopularProductDescBlock {
      float: left;
      width: 100%;
      margin-left: 8px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductName {
      font-weight: bold;
      color: #333;
      word-wrap: break-word;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc {
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickSalePrice {
      font-weight: bold;
      margin-bottom: 5px;
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickOrigPrice {
      margin-left: 5px;
      text-decoration: line-through;
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover {
      background-color: #f5f5f5;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover .klevuQuickSearchNoResultsPopular ul li div {
      color: #fff !important;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemTop {
      margin: 0;
      box-sizing: border-box;
      float: left;
      padding: 5px;
      position: relative;
      width: 20%;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom {
      margin: 0;
      box-sizing: border-box;
      padding: 5px;
      position: relative;
      min-height: 60px;
      float: left;
      width: 80%;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom .klevu-desc-l2 {
      color: #8a8a8a;
      font-size: 13px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap {
      float: none;
      overflow: hidden;
      width: 100% !important;
      height: 70px !important;
      text-align: center;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular img {
      max-width: 100% !important;
      max-height: 100% !important;
      width: auto;
      height: auto;
      border: 0;
      outline: 0;
      display: inline-block;
      margin: 0 auto;
      opacity: 1;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge {
      background: #ffcc01;
      padding: 0 5px;
      color: #333;
      font-size: 9px;
      position: absolute;
      top: 6px;
      left: 4px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge strong {
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults {
      text-align: center;
      font-size: 13px;
      padding: 0;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults .klevuQuickNoResultsInner {
      padding: 15px;
      margin: 0;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResultsMessage {
      background: transparent;
      font-size: 13px;
      padding: 20px;
      text-align: center;
      border: 0;
    }

    .kuQuickSearchNoRecordFound .searchRequestLoading .klevuQuickSearchingArea {
      opacity: 0.6;
      pointer-events: none;
    }

    .kuQuickSearchNoRecordFound .klevuPopularProductsHeading {
      text-align: left;
      padding: 8px 15px;
      text-transform: uppercase;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsContainer {
      max-width: 100%;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchesBlock {
      padding: 10px;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms ul {
      margin: 0;
      padding: 0 3px;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li {
      display: block;
      list-style: none;
      margin: 0;
      text-transform: capitalize;
      cursor: pointer;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li:hover {
      background-color: #f5f5f5;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    @media only screen and (max-width: 1024px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        width: 50%;
      }

      .kuQuickSearchNoRecordFound .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap {
        height: 55px !important;
      }
    }

    @media only screen and (max-width: 767px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        max-width: 400px;
        width: 70%;
      }
    }

    @media only screen and (max-width: 480px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        width: 98%;
        left: 1% !important;
      }

      .kuQuickSearchNoRecordFound .klevu-fluid .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc {
        display: none;
      }
    }

    @media only screen and (max-width: 420px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        max-width: 100%;
      }
    }

    .kuCaptionStockIn {
      font-size: 11px;
      color: green;
      display: inline-block;
      padding: 0;
      float: left;
      width: 100%;
      box-sizing: border-box;
      margin: 2px 0;
    }

    .kuQuickCaptionStockOut {
      font-size: 11px;
      color: Red;
      display: inline-block;
      padding: 0;
      float: left;
      min-height: 30px;
      width: 100%;
      box-sizing: border-box;
      margin: 2px 0;
    }

    .kuQuickSearchResultsContainer .kuCaptionVat {
      display: block;
      font-size: 11px;
      color: #767676;
      width: 100%;
      float: left;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      margin: 2px 0;
    }

    .kuQuickSearchFacetedLayout .productListActive [data-content="cmsCompressed"] {
      display: none !important;
    }

    .kuQuickSearchFacetedLayout .cmsCompressedActive [data-content="productList"] {
      display: none !important;
    }

    .kuQuickSearchFacetedLayout .kuContainer {
      width: 100%;
      margin: 0 auto;
      font-family: inherit;
      font-size: 12px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100% !important;
      padding: 0 !important;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs {
      margin: 0 auto !important;
      text-align: center;
      border-bottom: 1px solid #eee;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a {
      padding: 8px;
      cursor: pointer;
      margin-right: 5px;
      color: #333;
      display: inline-block;
      position: relative;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a:hover {
      border-bottom: 3px solid #ddd;
      text-decoration: none;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected {
      border-bottom: 3px solid #ddd;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected:hover {
      background: 0;
    }

    .kuQuickSearchFacetedLayout .kuSort {
      display: inline-block;
      margin: 0;
      height: 15px;
      width: 15px;
      background-repeat: no-repeat !important;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-relevance.png) no-repeat 0 0;
      cursor: pointer;
      margin-right: 2px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuActiveSort {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-low-to-high.png) no-repeat 0 0;
      cursor: pointer;
      margin-right: -4px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-high-to-low.png) no-repeat 0 0;
      cursor: pointer;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuQuickResultsViewSwitchContainer {
      display: inline-block;
      float: left;
    }

    .kuQuickSearchFacetedLayout .kuDropdown.kuQuickFacetedLayoutSort {
      float: left;
      display: inline-block;
      float: right;
    }

    .kuQuickResultsViewSwitchContainer {
      position: relative;
      display: inline-block;
      z-index: 11;
      width: auto;
      padding: 10px 5px;
    }

    .kuQuickResultsViewSwitchContainer a {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin-left: 4px;
      text-align: center;
      vertical-align: middle;
      overflow: hidden;
    }

    .kuQuickResultsViewSwitchContainer a.kuCurrent {
      background-position: 0 -25px;
      text-decoration: none;
    }

    .kuQuickResultsViewSwitchContainer .kuGridViewBtn {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-gridview.png) no-repeat 0 0;
      cursor: pointer;
    }

    .kuQuickResultsViewSwitchContainer .kuListViewBtn {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-listview.png) no-repeat 0 0;
      cursor: pointer;
    }

    [data-result-view="list"] .klevuProduct {
      width: 100% !important;
    }

    [data-result-view="list"] .klevuProduct:hover .kuProdAdditional {
      box-shadow: none !important;
    }

    [data-result-view="list"] .klevuProduct main {
      display: inline-block;
      width: 30%;
    }

    [data-result-view="list"] .klevuProduct footer {
      display: inline-block;
      width: 69%;
    }

    [data-result-view="list"] .klevuProduct .kuProdAdditional {
      position: relative !important;
      visibility: unset !important;
      border: 0 !important;
    }

    [data-result-view="list"] .klevuProduct .kuAddtocart .kuBtn {
      display: inline-block;
    }

    @media only screen and (max-width: 576px) {
      [data-result-view="list"] .klevuProduct main {
        width: 100%;
      }

      [data-result-view="list"] .klevuProduct footer {
        width: 100%;
      }

      [data-result-view="list"] .klevuProduct .kuAddtocart .kuBtn {
        display: block;
      }
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart {
      margin: 0;
      position: absolute;
      display: inline-block;
      bottom: 10px;
      right: 5px;
      width: auto;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart .kuBtn {
      padding: 3px 6px;
      font-size: 9px !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart img {
      max-width: 80px !important;
      height: auto;
      max-height: 45px !important;
    }

    .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart {
      margin: 0;
      position: absolute;
      display: inline-block;
      bottom: 10px;
      right: 5px;
      width: auto;
    }

    .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart .kuBtn {
      padding: 3px 6px;
      font-size: 9px !important;
    }

    .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart img {
      max-width: 80px !important;
      height: auto;
      max-height: 45px !important;
    }

    .kuQuickSearchFacetedLayout .klevuQuickSearchResults .klevuQuickAddtoCart {
      margin: 0;
      position: absolute;
      display: inline-block;
      bottom: 15px;
      right: 5px;
      width: auto;
      visibility: hidden;
      opacity: 0;
    }

    .kuQuickSearchFacetedLayout .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickAddtoCart {
      visibility: visible;
      opacity: 1;
    }

    .kuQuickSearchFacetedLayout .kuPriceSlider {
      width: auto;
      min-width: 190px;
      max-width: 98%;
      padding: 20px;
      margin: auto;
      position: relative;
      box-sizing: border-box;
    }

    .kuQuickSearchFacetedLayout .kuPriceSlider .noUi-tooltip {
      font-size: 90%;
    }

    .kuQuickSearchFacetedLayout .sliderFilterNames {
      height: 90px;
    }

    .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer {
      text-align: center;
    }

    .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn {
      width: 100%;
      margin: 12px 0;
      height: 34px;
      border: 0;
      border-radius: 2px;
      cursor: pointer;
    }

    .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn.hide {
      display: none !important;
    }

    .kuQuickSearchFacetedLayout .klevuProductLoadMore {
      width: 100% !important;
      min-height: 40px !important;
      border: none !important;
    }

    .kuQuickSearchFacetedLayout .klevuProductLoadMore:hover {
      background-color: transparent !important;
    }

    .kuQuickSearchFacetedLayout .klevuProductLoadMore.hide {
      display: none !important;
    }

    .kuImageSearchSelector {
      cursor: pointer;
    }

    .kuImageSearchSelector::before {
      content: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M11.7692%203.18182L11.0154%201.6C10.8538%201.21818%2010.4769%201%2010.0462%201H6.00769C5.57692%201%205.2%201.21818%205.03846%201.6L4.23077%203.18182H2.07692C1.48462%203.18182%201%203.67273%201%204.27273V11.9091C1%2012.5091%201.48462%2013%202.07692%2013H13.9231C14.5154%2013%2015%2012.5091%2015%2011.9091V4.27273C15%203.67273%2014.5154%203.18182%2013.9231%203.18182H11.7692Z%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.00006%2010.8182C9.78436%2010.8182%2011.2308%209.35291%2011.2308%207.54543C11.2308%205.73795%209.78436%204.27271%208.00006%204.27271C6.21575%204.27271%204.76929%205.73795%204.76929%207.54543C4.76929%209.35291%206.21575%2010.8182%208.00006%2010.8182Z%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2.07703%204.81812H3.69241%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E);
      display: inline-block;
      width: 16px;
      margin-left: 10px;
      cursor: pointer;
    }

    .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWrap,
    .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,
    .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,
    .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
    .klevuTarget .kuQuickImageSearchWrap {
      max-width: 400px !important;
      min-width: auto !important;
      width: 100% !important;
    }

    .kuQuickSearchImageUploadContainer {
      max-width: 400px !important;
    }

    .kuQuickSearchImageUploadContainer .klevuQuickSearchingArea {
      padding: 1rem !important;
    }

    .kuQuickSearchImageUploadContainer .kuImageUploadErrorMsgContainer p {
      color: red;
      margin: 0;
      font-size: 12px;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn {
      width: 100%;
      margin: 20px 0;
      text-align: center;
      padding: 10px;
      border-width: 0;
      background-color: #343420;
      color: #fff;
      cursor: pointer;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText::before {
      display: inline-block;
      width: 16px;
      margin-right: 5px;
      cursor: pointer;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.upload::before {
      content: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.333333%207.95508C0.149%207.95508%200%208.10441%200%208.28841V10.3327C0%2010.5167%200.149%2010.6661%200.333333%2010.6661H9.66667C9.851%2010.6661%2010%2010.5167%2010%2010.3327V8.28841C10%208.10441%209.851%207.95508%209.66667%207.95508C9.48233%207.95508%209.33333%208.10441%209.33333%208.28841V9.99941H0.666667V8.28841C0.666667%208.10441%200.517667%207.95508%200.333333%207.95508Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.01445%208.62233C5.19878%208.62233%205.34778%208.473%205.34778%208.289V1.119L7.46211%203.16133C7.52645%203.224%207.61011%203.255%207.69345%203.255C7.78078%203.255%207.86778%203.221%207.93311%203.15333C8.06111%203.021%208.05745%202.81%207.92511%202.682L5.25078%200.0983334C5.25045%200.098%205.25045%200.0980001%205.25011%200.0976667L5.24578%200.0936667C5.23378%200.082%205.21878%200.077%205.20578%200.0676667C5.18445%200.0523334%205.16478%200.0353334%205.14045%200.0253334C5.10245%200.00966674%205.06211%200.00233355%205.02145%200.00133355C5.01911%200.00133355%205.01678%200%205.01445%200C5.01211%200%205.00978%200.00133355%205.00745%200.00133355C4.96678%200.00233355%204.92678%200.00966674%204.88845%200.0253334C4.86411%200.0353334%204.84445%200.0523335%204.82312%200.0673335C4.81012%200.0770002%204.79511%200.082%204.78311%200.0936667L4.77911%200.0973333C4.77878%200.0976666%204.77878%200.0976669%204.77845%200.0980002L2.10412%202.68167C1.97178%202.80967%201.96812%203.02067%202.09612%203.153C2.22345%203.28533%202.43545%203.28933%202.56711%203.161L4.68145%201.11867V8.28867C4.68111%208.473%204.83011%208.62233%205.01445%208.62233Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E);
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.processing::before {
      position: absolute;
      margin-left: -20px;
      content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%204.5C7.8674%204.5%207.74023%204.44732%207.64645%204.35355C7.55268%204.25977%207.5%204.1326%207.5%204V1C7.5%200.867392%207.55268%200.740215%207.64645%200.646447C7.74023%200.552677%207.8674%200.5%208%200.5C8.1326%200.5%208.25977%200.552677%208.35355%200.646447C8.44732%200.740215%208.5%200.867392%208.5%201V4C8.5%204.1326%208.44732%204.25977%208.35355%204.35355C8.25977%204.44732%208.1326%204.5%208%204.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M10.82%205.68005C10.7209%205.68013%2010.624%205.65075%2010.5416%205.59568C10.4593%205.54058%2010.3951%205.46225%2010.3573%205.37063C10.3196%205.27903%2010.3099%205.17825%2010.3295%205.0811C10.3491%204.98395%2010.3971%204.89485%2010.4675%204.82505L12.595%202.69755C12.6414%202.6511%2012.6966%202.61425%2012.7573%202.5891C12.818%202.56398%2012.883%202.55103%2012.9487%202.55103C13.0144%202.55103%2013.0795%202.56398%2013.1402%202.5891C13.2009%202.61425%2013.256%202.6511%2013.3025%202.69755C13.3489%202.744%2013.3858%202.79915%2013.4109%202.85985C13.4361%202.92055%2013.449%202.9856%2013.449%203.0513C13.449%203.117%2013.4361%203.18205%2013.4109%203.24275C13.3858%203.30345%2013.3489%203.3586%2013.3025%203.40505L11.175%205.53255C11.1285%205.57935%2011.0732%205.61648%2011.0122%205.64178C10.9513%205.6671%2010.886%205.6801%2010.82%205.68005Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M15%208.5H12C11.8674%208.5%2011.7402%208.44732%2011.6465%208.35355C11.5527%208.25977%2011.5%208.1326%2011.5%208C11.5%207.8674%2011.5527%207.74023%2011.6465%207.64645C11.7402%207.55268%2011.8674%207.5%2012%207.5H15C15.1326%207.5%2015.2598%207.55268%2015.3535%207.64645C15.4473%207.74023%2015.5%207.8674%2015.5%208C15.5%208.1326%2015.4473%208.25977%2015.3535%208.35355C15.2598%208.44732%2015.1326%208.5%2015%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M12.9501%2013.4499C12.8841%2013.45%2012.8188%2013.437%2012.7578%2013.4117C12.6969%2013.3864%2012.6416%2013.3492%2012.5951%2013.3024L10.4676%2011.1749C10.3738%2011.0811%2010.321%2010.9539%2010.321%2010.8212C10.321%2010.6885%2010.3738%2010.5613%2010.4676%2010.4674C10.5614%2010.3736%2010.6886%2010.3209%2010.8213%2010.3209C10.954%2010.3209%2011.0813%2010.3736%2011.1751%2010.4674L13.3026%2012.5949C13.3729%2012.6647%2013.421%2012.7538%2013.4406%2012.851C13.4602%2012.9481%2013.4505%2013.0489%2013.4127%2013.1405C13.375%2013.2321%2013.3108%2013.3105%2013.2284%2013.3656C13.1461%2013.4206%2013.0492%2013.45%2012.9501%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M8%2015.5C7.8674%2015.5%207.74023%2015.4473%207.64645%2015.3535C7.55268%2015.2598%207.5%2015.1326%207.5%2015V12C7.5%2011.8674%207.55268%2011.7402%207.64645%2011.6465C7.74023%2011.5527%207.8674%2011.5%208%2011.5C8.1326%2011.5%208.25977%2011.5527%208.35355%2011.6465C8.44732%2011.7402%208.5%2011.8674%208.5%2012V15C8.5%2015.1326%208.44732%2015.2598%208.35355%2015.3535C8.25977%2015.4473%208.1326%2015.5%208%2015.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M3.04997%2013.4499C2.95087%2013.45%202.85397%2013.4206%202.77159%2013.3656C2.68922%2013.3105%202.62509%2013.2321%202.58732%2013.1405C2.54954%2013.0489%202.53984%2012.9481%202.55944%2012.851C2.57907%2012.7538%202.62709%2012.6647%202.69747%2012.5949L4.82497%2010.4674C4.87142%2010.421%204.92657%2010.3841%204.98727%2010.359C5.04797%2010.3339%205.11302%2010.3209%205.17872%2010.3209C5.24442%2010.3209%205.30947%2010.3339%205.37017%2010.359C5.43087%2010.3841%205.48602%2010.421%205.53247%2010.4674C5.57892%2010.5139%205.61577%2010.569%205.64092%2010.6297C5.66604%2010.6904%205.67899%2010.7555%205.67899%2010.8212C5.67899%2010.8869%205.66604%2010.9519%205.64092%2011.0126C5.61577%2011.0733%205.57892%2011.1285%205.53247%2011.1749L3.40497%2013.3024C3.35844%2013.3492%203.30314%2013.3864%203.24222%2013.4117C3.18127%2013.437%203.11594%2013.45%203.04997%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M4%208.5H1C0.867392%208.5%200.740215%208.44732%200.646447%208.35355C0.552677%208.25977%200.5%208.1326%200.5%208C0.5%207.8674%200.552677%207.74023%200.646447%207.64645C0.740215%207.55268%200.867392%207.5%201%207.5H4C4.1326%207.5%204.25977%207.55268%204.35355%207.64645C4.44732%207.74023%204.5%207.8674%204.5%208C4.5%208.1326%204.44732%208.25977%204.35355%208.35355C4.25977%208.44732%204.1326%208.5%204%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.18005%205.68005C5.11407%205.6801%205.04872%205.6671%204.9878%205.64178C4.92687%205.61648%204.87155%205.57935%204.82505%205.53255L2.69755%203.40505C2.65108%203.3586%202.61423%203.30345%202.5891%203.24275C2.56395%203.18205%202.55103%203.117%202.55103%203.0513C2.55103%202.9856%202.56395%202.92055%202.5891%202.85985C2.61423%202.79915%202.65108%202.744%202.69755%202.69755C2.744%202.6511%202.79915%202.61425%202.85985%202.5891C2.92055%202.56398%202.9856%202.55103%203.0513%202.55103C3.117%202.55103%203.18205%202.56398%203.24275%202.5891C3.30342%202.61425%203.35857%202.6511%203.40505%202.69755L5.53255%204.82505C5.6029%204.89485%205.65095%204.98395%205.67055%205.0811C5.69017%205.17825%205.68047%205.27903%205.6427%205.37063C5.60492%205.46225%205.54077%205.54058%205.4584%205.59568C5.37602%205.65075%205.27915%205.68013%205.18005%205.68005Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn img,
    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn svg {
      margin-right: 5px;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn:disabled {
      cursor: default;
      opacity: 0.95;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadHeaderTitle {
      font-size: 1.3em;
      display: block;
    }

    .kuQuickSearchImageUploadContainer .kuQuickImageSearchForm {
      display: none !important;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote {
      position: relative;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo {
      padding-left: 24px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo::before {
      content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%206%20L%207.167969%206%20C%207.351562%206%207.5%206.183594%207.5%206.332031%20L%207.5%2010.332031%20C%207.5%2010.515625%207.351562%2010.664062%207.167969%2010.664062%20L%206.832031%2010.664062%20C%206.648438%2010.664062%206.5%2010.480469%206.5%2010.332031%20L%206.5%206.332031%20C%206.5%206.148438%206.648438%206%206.832031%206%20Z%20M%206.832031%206%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%203.671875%20L%207.167969%203.671875%20C%207.351562%203.671875%207.5%203.855469%207.5%204.003906%20L%207.5%204.671875%20C%207.5%204.855469%207.351562%205.003906%207.167969%205.003906%20L%206.832031%205.003906%20C%206.648438%205.003906%206.5%204.820312%206.5%204.671875%20L%206.5%204.003906%20C%206.5%203.820312%206.648438%203.671875%206.832031%203.671875%20Z%20M%206.832031%203.671875%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207%2012.992188%20C%208.589844%2012.992188%2010.113281%2012.363281%2011.238281%2011.238281%20C%2012.363281%2010.113281%2012.992188%208.589844%2012.992188%207%20C%2012.992188%205.410156%2012.363281%203.886719%2011.238281%202.761719%20C%2010.113281%201.636719%208.589844%201.007812%207%201.007812%20C%205.410156%201.007812%203.886719%201.636719%202.761719%202.761719%20C%201.636719%203.886719%201.007812%205.410156%201.007812%207%20C%201.007812%208.589844%201.636719%2010.113281%202.761719%2011.238281%20C%203.886719%2012.363281%205.410156%2012.992188%207%2012.992188%20Z%20M%207%2013.992188%20C%205.144531%2013.992188%203.367188%2013.257812%202.054688%2011.945312%20C%200.742188%2010.632812%200.0078125%208.855469%200.0078125%207%20C%200.0078125%205.144531%200.742188%203.367188%202.054688%202.054688%20C%203.367188%200.742188%205.144531%200.0078125%207%200.0078125%20C%208.855469%200.0078125%2010.632812%200.742188%2011.945312%202.054688%20C%2013.257812%203.367188%2013.992188%205.144531%2013.992188%207%20C%2013.992188%208.855469%2013.257812%2010.632812%2011.945312%2011.945312%20C%2010.632812%2013.257812%208.855469%2013.992188%207%2013.992188%20Z%20M%207%2013.992188%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
      display: inline-block;
      width: 16px;
      position: absolute;
      left: 0;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks {
      position: relative;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input {
      position: absolute;
      opacity: 0;
      z-index: -1;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label {
      cursor: pointer;
      position: relative;
      padding-right: 18px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label::after {
      content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%2213px%22%20viewBox%3D%220%200%208%2012%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207.136719%206.398438%20L%202.277344%2010.953125%20C%202.042969%2011.171875%201.664062%2011.171875%201.429688%2010.953125%20L%200.863281%2010.421875%20C%200.628906%2010.203125%200.628906%209.847656%200.863281%209.625%20L%204.710938%206%20L%200.863281%202.375%20C%200.628906%202.152344%200.628906%201.796875%200.863281%201.578125%20L%201.429688%201.046875%20C%201.664062%200.828125%202.042969%200.828125%202.277344%201.046875%20L%207.136719%205.601562%20C%207.371094%205.820312%207.371094%206.179688%207.136719%206.398438%20Z%20M%207.136719%206.398438%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
      position: absolute;
      right: 0;
      top: 1px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content {
      display: none;
      position: relative;
      background-color: #f5f6f4;
      padding: 10px;
      margin-top: 8px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content p {
      margin: 0;
      padding-left: 64px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img1::before {
      content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2226%22%20height%3D%2229%22%20viewBox%3D%220%200%2026%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%207.65073V21.0515L13%2027.8015L25%2021.0515V7.65073L13%201L1%207.65073Z%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M1%208.14697L13%2014.897L25%208.14697%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M13%2027.8014V14.897%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A);
      width: 16px;
      position: absolute;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img2::before {
      content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2218%22%20height%3D%2225%22%20viewBox%3D%220%200%2018%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%223.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%225.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2212.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2214.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2221.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2223.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A);
      width: 16px;
      position: absolute;
      margin-left: 34px;
      margin-top: 3px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-label::after {
      content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2212px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2012%2013%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%205.546875%209.6875%20L%200.339844%204.75%20C%200.0898438%204.511719%200.0898438%204.128906%200.339844%203.890625%20L%200.945312%203.3125%20C%201.199219%203.078125%201.605469%203.074219%201.855469%203.3125%20L%206%207.222656%20L%2010.144531%203.3125%20C%2010.394531%203.074219%2010.800781%203.078125%2011.054688%203.3125%20L%2011.660156%203.890625%20C%2011.910156%204.128906%2011.910156%204.511719%2011.660156%204.75%20L%206.453125%209.6875%20C%206.203125%209.925781%205.796875%209.925781%205.546875%209.6875%20Z%20M%205.546875%209.6875%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E);
      position: absolute;
      right: 0;
      top: 1px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-content {
      display: block;
    }

    @media screen and (max-width: 640px) {

      .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWrap,
      .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,
      .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,
      .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
      .klevuTarget .kuQuickImageSearchWrap {
        position: fixed !important;
        top: 15% !important;
        max-width: 80% !important;
        left: 10% !important;
        right: auto !important;
        z-index: 1000000;
        margin-left: 0;
        width: 80% !important;
      }

      .klevuTarget.klevu-fluid>div.kuQuickImageSearchWrap {
        left: 10% !important;
        width: 80% !important;
        z-index: 1000000 !important;
      }

      .kuImageSearchWrapBackDrop {
        z-index: 1000 !important;
      }

      .kuImageSearchWrapBackDrop::before {
        content: "";
        height: 100% !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
      }

      .kuQuickUploadHeaderTitle {
        text-align: center;
      }

      .kuImgSearchHowItWorks {
        text-align: center;
      }

      .kuImgSearchHowItWorks .accordion-content {
        text-align: left;
      }
    }
  </style>
  <script type="text/javascript" charset="UTF-8" src="assets/common(1).js.download"></script>
  <script type="text/javascript" charset="UTF-8" src="assets/util(1).js.download"></script>
  <script type="text/javascript" id="kfl-8c5062eb-2639-b51a-09a8-204909c78884">
    (!(function (e) {
      e.support.hook(
        ["analytics.collector", "analytics.utility"],
        function () {
          e.support.isActive("analytics.processors") ||
            (e.extend(!0, e.analytics, {
              processors: {
                helpers: {
                  buildAnalyticsEvent: function (t) {
                    return {
                      payload: t.payload,
                      type: t.type,
                      url: e.getGlobalSetting(
                        "url.analyticsCollect",
                        "https://stats.ksearchnet.com/analytics/",
                      ),
                      apiKey: e.getObjectPath(
                        t.eventSource,
                        "apiKey",
                        e.getGlobalSetting(
                          "search.apiKey",
                          e.getGlobalSetting("global.apiKey"),
                        ),
                      ),
                      key:
                        t.type + "_" + e.getObjectPath(t, "id", e.randomId()),
                    };
                  },
                },
                product: {
                  helpers: {
                    buildAnalyticsEvent: function (t) {
                      return {
                        payload: t.payload,
                        type: t.type,
                        url: e.getGlobalSetting(
                          "url.analyticsCollect",
                          "https://stats.ksearchnet.com/analytics/",
                        ),
                        apiKey: e.getObjectPath(
                          t.eventSource,
                          "apiKey",
                          e.getGlobalSetting(
                            "search.apiKey",
                            e.getGlobalSetting("global.apiKey"),
                          ),
                        ),
                        key: t.type + "_" + t.itemId,
                      };
                    },
                  },
                  click: function (t) {
                    let s = {
                      type: "product_click",
                      eventSource: t,
                      payload: {},
                      itemId: 0,
                    },
                      a = e.getObjectPath(t, "data.items.0", {}),
                      n = e.getObjectPath(t, "data.meta.tags", []),
                      i = {
                        klevu_keywords: e.getObjectPath(
                          t,
                          "data.meta.searchedTerm",
                          "*",
                        ),
                        klevu_pageNumber: e.getObjectPath(
                          t,
                          "data.meta.pageNumber",
                          "",
                        ),
                        klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                        klevu_limit: e.getObjectPath(
                          t,
                          "data.meta.limit",
                          "",
                        ),
                        klevu_sort: e.getObjectPath(t, "data.meta.sort", ""),
                        klevu_totalResults: e.getObjectPath(
                          t,
                          "data.meta.totalResults",
                          "0",
                        ),
                        klevu_typeOfQuery: e.getObjectPath(
                          t,
                          "data.meta.typeOfQuery",
                          "WILDCARD_AND",
                        ),
                        klevu_responseId: e.getObjectPath(
                          t,
                          "data.meta.responseId",
                          "",
                        ),
                        klevu_siteId: e.getObjectPath(
                          t,
                          "data.meta.siteId",
                          "",
                        ),
                        tags: n,
                      };
                    if (e.support.isActive("user")) {
                      let t = e.user.getIpData();
                      (e.isUndefined(t.ipv4) ||
                        (i.klevu_shopperIP_v4 = t.ipv4),
                        e.isUndefined(t.ipv6) ||
                        (i.klevu_shopperIP_v6 = t.ipv6),
                        e.isUndefined(t.uuid) || (i.klevu_uuid = t.uuid));
                    }
                    (e.support.isActive("core.dataProtection") &&
                      (i.data_protection =
                        e.dataProtection.dataCanBeTracked()),
                      (i.klevu_productId = e.getObjectPath(a, "id", 0)),
                      e.getObjectPath(a, "itemGroupId", !1) &&
                      (i.klevu_productGroupId = e.getObjectPath(
                        a,
                        "itemGroupId",
                        !1,
                      )),
                      (i.klevu_productVariantId = e.getObjectPath(
                        a,
                        "variantId",
                        !1,
                      )),
                      (i.klevu_productName = e.getObjectPath(a, "name", !1)),
                      (i.klevu_productUrl = e.getObjectPath(a, "url", !1)),
                      (i.klevu_productSku = e.getObjectPath(a, "sku", !1)),
                      (i.klevu_salePrice = e.getObjectPath(
                        a,
                        "salePrice",
                        0,
                      )),
                      (s.id = e.getObjectPath(a, "id", 0)));
                    let r,
                      c = e.getObjectPath(t, "scope", "").split(",");
                    e.each(c, function (n, c) {
                      switch (c) {
                        case "quick":
                          (e.getObjectPath(
                            t,
                            "data.filters.activeFilters",
                            !1,
                          ) &&
                            (i.klevu_keywords +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                            (i.klevu_src = i.klevu_src.replace(
                              "]]",
                              ";;template:quick-search]]",
                            )),
                            (s.payload = i),
                            (s.type = "search_product_click"),
                            (r =
                              e.analytics.processors.helpers.buildAnalyticsEvent(
                                s,
                              )),
                            e.analytics.utility.addAnalyticsEventsToStorage(
                              r,
                            ));
                          break;
                        case "landing":
                          ((i.klevu_src =
                            "[[typeOfRecord:" +
                            e.getObjectPath(
                              a,
                              "typeOfRecord",
                              "KLEVU_PRODUCT",
                            ) +
                            ";;template:landing]]"),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            ((i.klevu_keywords +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                              (i.klevu_src = i.klevu_src.replace(
                                "]]",
                                ";;source:filters]]",
                              ))),
                            (s.payload = i),
                            (s.type = "search_product_click"),
                            (r =
                              e.analytics.processors.helpers.buildAnalyticsEvent(
                                s,
                              )),
                            e.analytics.utility.addAnalyticsEventsToStorage(
                              r,
                            ));
                          break;
                        case "catnav":
                          ((i.klevu_src =
                            "[[typeOfRecord:" +
                            e.getObjectPath(
                              a,
                              "typeOfRecord",
                              "KLEVU_PRODUCT",
                            ) +
                            ";;template:" +
                            e.getObjectPath(
                              t,
                              "data.meta.srcTemplateName",
                              "category",
                            ) +
                            "]]"),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            ((i.klevu_activeFilters = e.getObjectPath(
                              t,
                              "data.filters.activeFiltersString",
                              "",
                            )),
                              (i.klevu_src = i.klevu_src.replace(
                                "]]",
                                ";;source:filters]]",
                              ))),
                            (i.klevu_categoryName = e.getObjectPath(
                              t,
                              "data.meta.categoryName",
                              "",
                            )),
                            (i.klevu_categoryPath = e.getObjectPath(
                              t,
                              "data.meta.categoryPath",
                              "",
                            )),
                            (i.klevu_abTestId = e.getObjectPath(
                              t,
                              "data.meta.abTestId",
                              "",
                            )),
                            (i.klevu_abTestVariantId = e.getObjectPath(
                              t,
                              "data.meta.abTestVariantId",
                              "",
                            )),
                            (i.klevu_abTestSource = e.getObjectPath(
                              t,
                              "data.meta.abTestSource",
                              "",
                            )));
                          let n = e.getObjectPath(
                            t,
                            "data.originalItems",
                            [],
                          );
                          if (n.length > 0) {
                            let t = [];
                            (e.each(n, function (e, s) {
                              s.id && t.push(s.id);
                            }),
                              (i.klevu_productIds = t.join(",")));
                          }
                          ((i.klevu_productRatings = e.getObjectPath(
                            a,
                            "rating",
                            0,
                          )),
                            (i.klevu_productPosition = e.getObjectPath(
                              t,
                              "data.meta.pageStartsFrom",
                              0,
                            )),
                            (i.klevu_salePrice = e.getObjectPath(
                              a,
                              "salePrice",
                              0,
                            )),
                            (i.klevu_productSku = e.getObjectPath(
                              a,
                              "sku",
                              !1,
                            )),
                            delete i.klevu_keywords,
                            (s.payload = i),
                            (s.type = "catnav_product_click"),
                            (r =
                              e.analytics.processors.helpers.buildAnalyticsEvent(
                                s,
                              )),
                            e.analytics.utility.addAnalyticsEventsToStorage(
                              r,
                            ));
                      }
                    });
                  },
                  personalisedClick: function (t) {
                    let s = {
                      type: "personalised_product_click",
                      eventSource: t,
                      payload: {},
                      itemId: 0,
                    },
                      a = e.getObjectPath(t, "data.items.0", {}),
                      n = {
                        klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                        klevu_source: e.getObjectPath(
                          t,
                          "data.meta.source",
                          "",
                        ),
                        klevu_recentsearch: e.getObjectPath(
                          t,
                          "data.meta.recentsearch",
                          "",
                        ),
                      };
                    ((n.klevu_productId = e.getObjectPath(a, "id", 0)),
                      e.getObjectPath(a, "itemGroupId", !1) &&
                      (n.klevu_productGroupId = e.getObjectPath(
                        a,
                        "itemGroupId",
                        !1,
                      )),
                      (n.klevu_productVariantId = e.getObjectPath(
                        a,
                        "variantId",
                        !1,
                      )),
                      (n.klevu_productName = e.getObjectPath(a, "name", !1)),
                      (n.klevu_productUrl = e.getObjectPath(a, "url", !1)),
                      (n.klevu_rank = e.getObjectPath(
                        t,
                        "data.meta.rank",
                        "",
                      )),
                      (s.id = e.getObjectPath(a, "id", 0)));
                    let i,
                      r = e.getObjectPath(t, "scope", "").split(",");
                    ((s.payload = n),
                      (s.type = "personalised_product_click"),
                      (i =
                        e.analytics.processors.helpers.buildAnalyticsEvent(
                          s,
                        )),
                      e.analytics.utility.addAnalyticsEventsToStorage(i),
                      e.each(r, function (e, t) {
                        t;
                      }));
                  },
                  view: function (e) { },
                  buy: function (e) { },
                },
                search: {
                  term: function (t) {
                    let s = {
                      type: "search_term",
                      eventSource: t,
                      payload: {},
                    },
                      a = e.getObjectPath(t, "data.meta.tags", []);
                    e.each(a, function (e, t) {
                      a[e] = encodeURIComponent(t);
                    });
                    let n = {
                      klevu_term: e.getObjectPath(
                        t,
                        "data.meta.searchedTerm",
                        "*",
                      ),
                      klevu_originalTerm: e.getObjectPath(
                        t,
                        "data.meta.originalTerm",
                        "",
                      ),
                      klevu_pageNumber: e.getObjectPath(
                        t,
                        "data.meta.pageNumber",
                        "",
                      ),
                      klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                      klevu_limit: e.getObjectPath(t, "data.meta.limit", ""),
                      klevu_sort: e.getObjectPath(t, "data.meta.sort", ""),
                      klevu_totalResults: e.getObjectPath(
                        t,
                        "data.meta.totalResults",
                        "0",
                      ),
                      klevu_typeOfQuery: e.getObjectPath(
                        t,
                        "data.meta.typeOfQuery",
                        "WILDCARD_AND",
                      ),
                      klevu_responseId: e.getObjectPath(
                        t,
                        "data.meta.responseId",
                        "",
                      ),
                      klevu_siteId: e.getObjectPath(
                        t,
                        "data.meta.siteId",
                        "",
                      ),
                      tags: a,
                    };
                    if (e.support.isActive("user")) {
                      let t = e.user.getIpData();
                      (e.isUndefined(t.ipv4) ||
                        (n.klevu_shopperIP_v4 = t.ipv4),
                        e.isUndefined(t.ipv6) ||
                        (n.klevu_shopperIP_v6 = t.ipv6),
                        e.isUndefined(t.uuid) || (n.klevu_uuid = t.uuid));
                    }
                    e.support.isActive("core.dataProtection") &&
                      (n.data_protection =
                        e.dataProtection.dataCanBeTracked());
                    let i = !1,
                      r = e.getObjectPath(t, "scope", "").split(",");
                    (e.each(r, function (s, a) {
                      switch (a) {
                        case "quick":
                          ((i = !0),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            (n.klevu_term +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                            (n.klevu_src = n.klevu_src.replace(
                              "]]",
                              ";;template:quick-search]]",
                            )));
                          break;
                        case "landing":
                          ((n.klevu_src = n.klevu_src.replace(
                            "]]",
                            ";;template:landing]]",
                          )),
                            e.getObjectPath(
                              t,
                              "data.filters.activeFilters",
                              !1,
                            ) &&
                            ((n.klevu_term +=
                              " [[" +
                              e.getObjectPath(
                                t,
                                "data.filters.activeFiltersString",
                                "",
                              ) +
                              "]]"),
                              (n.klevu_src = n.klevu_src.replace(
                                "]]",
                                ";;source:filters]]",
                              ))));
                      }
                    }),
                      (s.payload = n));
                    let c =
                      e.analytics.processors.helpers.buildAnalyticsEvent(s);
                    (e.analytics.utility.addAnalyticsEventsToStorage(c),
                      e.analytics.utility.sendAnalyticsEventsFromStorage(),
                      !e.isUndefined(e.analyticsUtil.base) &&
                      e.isFunction(
                        e.analyticsUtil.base.sendGaDataForTerm,
                      ) &&
                      i &&
                      !e.support.isActive("analytics.gtmProcessor") &&
                      e.analyticsUtil.base.sendGaDataForTerm(n));
                  },
                },
                catNav: {
                  view: function (t) {
                    let s = {
                      type: "catnav_view",
                      eventSource: t,
                      payload: {},
                    },
                      a = {
                        klevu_categoryName: e.getObjectPath(
                          t,
                          "data.meta.categoryName",
                          "",
                        ),
                        klevu_categoryPath: e.getObjectPath(
                          t,
                          "data.meta.categoryPath",
                          "",
                        ),
                        klevu_pageNumber: e.getObjectPath(
                          t,
                          "data.meta.pageNumber",
                          "",
                        ),
                        klevu_src: e.getObjectPath(t, "data.meta.src", ""),
                        klevu_limit: e.getObjectPath(
                          t,
                          "data.meta.limit",
                          "",
                        ),
                        klevu_sort: e.getObjectPath(t, "data.meta.sort", ""),
                        klevu_totalResults: e.getObjectPath(
                          t,
                          "data.meta.totalResults",
                          "0",
                        ),
                        klevu_typeOfQuery: e.getObjectPath(
                          t,
                          "data.meta.typeOfQuery",
                          "WILDCARD_AND",
                        ),
                        klevu_responseId: e.getObjectPath(
                          t,
                          "data.meta.responseId",
                          "",
                        ),
                        klevu_siteId: e.getObjectPath(
                          t,
                          "data.meta.siteId",
                          "",
                        ),
                      };
                    if (e.support.isActive("user")) {
                      let t = e.user.getIpData();
                      (e.isUndefined(t.ipv4) ||
                        (a.klevu_shopperIP_v4 = t.ipv4),
                        e.isUndefined(t.ipv6) ||
                        (a.klevu_shopperIP_v6 = t.ipv6),
                        e.isUndefined(t.uuid) || (a.klevu_uuid = t.uuid));
                    }
                    e.support.isActive("core.dataProtection") &&
                      (a.data_protection =
                        e.dataProtection.dataCanBeTracked());
                    let n = e.getObjectPath(t, "data.items", []);
                    if (n.length > 0) {
                      let t = [];
                      (e.each(n, function (e, s) {
                        s.id && t.push(s.id);
                      }),
                        (a.klevu_productIds = t.join(",")));
                    }
                    let i = e.getObjectPath(t, "scope", "").split(",");
                    (e.each(i, function (s, n) {
                      if ("catnav" === n)
                        ((a.klevu_src = a.klevu_src.replace(
                          "]]",
                          ";;template:category]]",
                        )),
                          e.getObjectPath(
                            t,
                            "data.filters.activeFilters",
                            !1,
                          ) &&
                          ((a.klevu_activeFilters = e.getObjectPath(
                            t,
                            "data.filters.activeFiltersString",
                            "",
                          )),
                            (a.klevu_src = a.klevu_src.replace(
                              "]]",
                              ";;source:filters]]",
                            ))),
                          (a.klevu_abTestId = e.getObjectPath(
                            t,
                            "data.meta.abTestId",
                            "",
                          )),
                          (a.klevu_abTestVariantId = e.getObjectPath(
                            t,
                            "data.meta.abTestVariantId",
                            "",
                          )),
                          (a.klevu_abTestSource = e.getObjectPath(
                            t,
                            "data.meta.abTestSource",
                            "",
                          )));
                    }),
                      (s.payload = a));
                    let r =
                      e.analytics.processors.helpers.buildAnalyticsEvent(s);
                    (e.analytics.utility.addAnalyticsEventsToStorage(r),
                      e.analytics.utility.sendAnalyticsEventsFromStorage());
                  },
                },
                recs: {
                  helpers: {
                    convertEventItems: function (t) {
                      let s = [];
                      return (
                        e.each(t, function (t, a) {
                          s.push({
                            item_id: a.id,
                            item_name: a.name,
                            price: a.salePrice,
                            currency: a.currency,
                            item_brand: a.brand,
                            item_category: a.category,
                            item_variant_id: e.isUndefined(a.variantId)
                              ? a.id
                              : a.variantId,
                            item_group_id:
                              e.isUndefined(a.itemGroupId) ||
                                "" === a.itemGroupId
                                ? a.id
                                : a.itemGroupId,
                            index: t + 1,
                            quantity: 1,
                          });
                        }),
                        s
                      );
                    },
                    buildAnalyticsEventData: function (t, s) {
                      return {
                        tags: e.getObjectPath(t, "data.general.tags", []),
                        list_id: e.getObjectPath(
                          t,
                          "data.general.list_id",
                          !1,
                        ),
                        list_name: e.getObjectPath(
                          t,
                          "data.general.list_name",
                          !1,
                        ),
                        list_logic: e.getObjectPath(
                          t,
                          "data.general.list_logic",
                          !1,
                        ),
                        spot_id: e.getObjectPath(
                          t,
                          "data.general.spot_id",
                          !1,
                        ),
                        spot_name: e.getObjectPath(
                          t,
                          "data.general.spot_name",
                          !1,
                        ),
                        segment_id: e.getObjectPath(
                          t,
                          "data.general.segment_id",
                          !1,
                        ),
                        segment_name: e.getObjectPath(
                          t,
                          "data.general.segment_name",
                          !1,
                        ),
                        action: e.getObjectPath(t, "data.general.action", !1),
                        items: s,
                      };
                    },
                    buildAnalyticsEvent: function (t) {
                      let s = {
                        event: t.type,
                        event_apikey: e.getObjectPath(
                          t.eventSource,
                          "apiKey",
                          !1,
                        ),
                        user_profile: e.getObjectPath(
                          t.eventSource,
                          "user",
                          {},
                        ),
                        event_data:
                          e.analytics.processors.recs.helpers.buildAnalyticsEventData(
                            t.eventSource,
                            t.items,
                          ),
                      };
                      if (e.support.isActive("user")) {
                        let t = e.user.getIpData();
                        (e.isUndefined(t.ipv4) ||
                          (s.user_profile.ip_address_v4 = t.ipv4),
                          e.isUndefined(t.ipv6) ||
                          (s.user_profile.ip_address_v6 = t.ipv6),
                          e.isUndefined(t.uuid) ||
                          (s.user_profile.klevu_uuid = t.uuid));
                      }
                      return (
                        e.support.isActive("core.dataProtection") &&
                        (s.user_profile.data_protection =
                          e.dataProtection.dataCanBeTracked()),
                        {
                          payload: s,
                          type: "collect",
                          url: e.getGlobalSetting(
                            "url.analyticsCollect",
                            "https://stats.ksearchnet.com/analytics/",
                          ),
                          apiKey: e.getObjectPath(
                            t.eventSource,
                            "apiKey",
                            e.getGlobalSetting(
                              "search.apiKey",
                              e.getGlobalSetting("global.apiKey"),
                            ),
                          ),
                          key:
                            t.type +
                            "_" +
                            e.getObjectPath(
                              t.eventSource,
                              "data.general.recs_key",
                              e.randomId(),
                            ),
                          override: !0,
                        }
                      );
                    },
                  },
                  click: function (t) {
                    let s = {
                      type: "select_recs_list",
                      eventSource: t,
                      items: [],
                    },
                      a = e.getObjectPath(t, "data.items", []);
                    if (
                      (a &&
                        a.length &&
                        (s.items =
                          e.analytics.processors.recs.helpers.convertEventItems(
                            a,
                          )),
                        e.analytics.utility.hasAnalyticsEventByName(
                          s.type +
                          "_" +
                          e.getObjectPath(
                            t,
                            "data.general.recs_key",
                            e.randomId(),
                          ),
                        ))
                    ) {
                      let a = e.analytics.utility.getAnalyticsEventByName(
                        s.type +
                        "_" +
                        e.getObjectPath(
                          t,
                          "data.general.recs_key",
                          e.randomId(),
                        ),
                      ),
                        n = e.getObjectPath(a, "payload.items", []);
                      n.length > 0 &&
                        (s.items = e.toUniqueArray(e.makeArray(n, s.items)));
                    }
                    let n =
                      e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                        s,
                      );
                    ((n.override = !0),
                      s.items.length > 0 &&
                      e.analytics.utility.addAnalyticsEventsToStorage(n));
                  },
                  view: function (t) {
                    let s = {
                      type: "view_recs_list",
                      eventSource: t,
                      items: [],
                    },
                      a = e.getObjectPath(t, "data.items", []);
                    a &&
                      a.length &&
                      (s.items =
                        e.analytics.processors.recs.helpers.convertEventItems(
                          a,
                        ));
                    let n =
                      e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                        s,
                      );
                    (s.items.length > 0 &&
                      e.analytics.utility.addAnalyticsEventsToStorage(n),
                      s.items.length > 0 &&
                      e.analytics.utility.sendAnalyticsEventsFromStorage());
                  },
                  staticView: function (t) {
                    let s = {
                      type: "view_recs_list",
                      eventSource: t,
                      static_content: [],
                    },
                      a =
                        e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                          s,
                        ),
                      n = e.getObjectPath(t, "data.activeStaticContent", []);
                    ((a.payload.event_data.static_content = n),
                      a.payload.event_data.static_content.length &&
                      (e.analytics.utility.addAnalyticsEventsToStorage(a),
                        e.analytics.utility.sendAnalyticsEventsFromStorage()));
                  },
                  staticClick: function (t) {
                    let s = {
                      type: "select_recs_list",
                      eventSource: t,
                      static_content: [],
                    },
                      a =
                        e.analytics.processors.recs.helpers.buildAnalyticsEvent(
                          s,
                        );
                    ((a.payload.event_data.static_content = e.getObjectPath(
                      s,
                      "eventSource.data.staticContent",
                      [],
                    )),
                      e.analytics.utility.addAnalyticsEventsToStorage(a));
                  },
                },
                general: { bannerClick: function (e) { } },
              },
            }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_view"],
                processor: e.analytics.processors.recs.view,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_click"],
                processor: e.analytics.processors.recs.click,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["search_term"],
                processor: e.analytics.processors.search.term,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["search_catview"],
                processor: e.analytics.processors.catNav.view,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["search_product_click"],
                processor: e.analytics.processors.product.click,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["personalised_product_click"],
                processor: e.analytics.processors.product.personalisedClick,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_view_static"],
                processor: e.analytics.processors.recs.staticView,
              }),
              e.analytics.collector.registerObserver({
                name: "analytics",
                processOld: !0,
                eventTypes: ["recommendation_click_static"],
                processor: e.analytics.processors.recs.staticClick,
              }),
              e.support.register({
                name: "analytics.processors",
                loaded: !0,
                active: !0,
                dependency: [
                  "analytics.base",
                  "analytics.collector",
                  "analytics.extractor",
                ],
              }));
        },
      );
    })(klevu),
      (function (e) {
        (e.support.hook(["core.constructors"], function () {
          e.constructors.isLoaded("user") ||
            (e.constructors.add({
              name: "user",
              create: function () {
                let t = {
                  settings: {
                    dictionary: { user: e.dictionary("user") },
                    request: {},
                    response: {},
                    user: {
                      apiKey: !1,
                      ipv4: !1,
                      ipv6: !1,
                      sessionId: !1,
                      sessionInfo: { connectorInfo: [] },
                      segmentInfo: { segments: [] },
                      ipv4: !1,
                      ipv6: !1,
                      uuid: !1,
                    },
                    general: {
                      scope: document.createElement("div"),
                      apiKey: !1,
                      lastSend: !1,
                      ipDataLastSend: !1,
                      connectorInfo: {},
                      flags: {
                        canSend: !0,
                        forceSend: !1,
                        isInit: !1,
                        isInitForce: !1,
                        isInSend: !1,
                      },
                    },
                  },
                  webhookSettings: { run: !0, object: "user", scope: "all" },
                  saveToDictionary: function () {
                    this.settings.user.sessionId &&
                      this.settings.dictionary.user.addElement(
                        "sessionId",
                        this.settings.user.sessionId,
                      );
                    let t = e.extend(!0, {}, this.settings.user.sessionInfo);
                    (delete t.connectorInfo,
                      this.settings.dictionary.user.addElement(
                        "sessionInfo",
                        JSON.stringify(t),
                      ),
                      this.settings.dictionary.user.addElement(
                        "connectorInfo",
                        JSON.stringify(this.settings.general.connectorInfo),
                      ),
                      this.settings.dictionary.user.addElement(
                        "segmentInfo",
                        JSON.stringify(this.settings.user.segmentInfo),
                      ),
                      this.settings.dictionary.user.addElement(
                        "segments",
                        JSON.stringify(
                          this.settings.user.segmentInfo.segments,
                        ),
                      ),
                      this.settings.dictionary.user.addElement(
                        "lastSend",
                        JSON.stringify(this.settings.general.lastSend),
                      ),
                      this.settings.dictionary.user.addElement(
                        "ipv4",
                        JSON.stringify(this.settings.user.ipv4),
                      ),
                      this.settings.dictionary.user.addElement(
                        "ipv6",
                        JSON.stringify(this.settings.user.ipv6),
                      ),
                      this.settings.dictionary.user.addElement(
                        "uuid",
                        JSON.stringify(this.settings.user.uuid),
                      ),
                      this.settings.dictionary.user.addElement(
                        "lastSendIp",
                        this.settings.general.ipDataLastSend,
                      ),
                      this.settings.dictionary.user.mergeToGlobal());
                  },
                  getAllSettings: function () {
                    return this.settings;
                  },
                  getScope: function () {
                    return this;
                  },
                  hasData: function (t) {
                    return !!e.getObjectPath(this.settings, t, !1);
                  },
                  getData: function (t, s) {
                    return (
                      e.isUndefined(s) && (s = !1),
                      e.getObjectPath(this.settings, t, s)
                    );
                  },
                  setData: function (t, s) {
                    return (
                      e.setObjectPath(this.settings, t, s),
                      this.saveToDictionary(),
                      this
                    );
                  },
                  setApiKey: function (t) {
                    (e.setObjectPath(this.settings, "user.apiKey", t),
                      e.setObjectPath(this.settings, "general.apiKey", t));
                    let s = this.chains.init;
                    return (
                      e.isUndefined(s) ||
                      0 === s.list().length ||
                      (s.setScope(this),
                        s.setData(this.settings),
                        s.fire()),
                      this
                    );
                  },
                  getApiKey: function () {
                    return this.settings.general.apiKey;
                  },
                  initIpData: function () {
                    return (
                      this.isIpDataExpired() && this.refreshIpData(),
                      this
                    );
                  },
                  refreshIpData: function (s) {
                    e.isUndefined(s) && (s = "ipv4");
                    let a = t,
                      n = t.settings,
                      i = e.extend(!0, {}, { klevu_uuid: a.getIpDataUser() }),
                      r = { context: { type: s } };
                    return (
                      (n.general.scope.userObject = a),
                      (r.scope = n.general.scope),
                      (r.context.requestObject = {
                        url: e.getGlobalSetting(
                          "url." + s,
                          "https://" + s + "check.ksearchnet.com/",
                        ),
                        type: "FETCH",
                        method: "POST",
                        mimeType: "application/json; charset=UTF-8",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        crossDomain: !0,
                        data: JSON.stringify(e.clean(i)),
                        success: function () {
                          let t, s, a, n;
                          (1 === arguments.length
                            ? ((t = arguments[0].responseObj.data),
                              (s = arguments[0].requestDetails),
                              (a = arguments[0].status),
                              (n = arguments[0].isSuccess))
                            : ((t = arguments[0]),
                              (s = arguments[1]),
                              (a = arguments[2]),
                              (n = arguments[3])),
                            n &&
                            (e.isUndefined(t.ip_address) ||
                              s.scope.userObject.setData(
                                "user." + s.context.type,
                                t.ip_address,
                              ),
                              e.isUndefined(t.klevu_uuid) ||
                              s.scope.userObject.setData(
                                "user.uuid",
                                t.klevu_uuid,
                              )),
                            s.scope.userObject.setData(
                              "general.ipDataLastSend",
                              e.time.timestamp(),
                            ),
                            "ipv4" === s.context.type &&
                            s.scope.userObject.refreshIpData("ipv6"));
                        },
                        error: function () {
                          let t, s, a;
                          (1 === arguments.length
                            ? ((t = arguments[0].requestDetails),
                              (s = arguments[0].status),
                              (a = arguments[0].isSuccess))
                            : ((t = arguments[0]),
                              (s = arguments[1]),
                              (a = arguments[2])),
                            t.scope.userObject.setData(
                              "general.ipDataLastSend",
                              e.time.timestamp(),
                            ),
                            "ipv4" === t.context.type &&
                            t.scope.userObject.refreshIpData("ipv6"));
                        },
                      }),
                      (r.context.requestDetails = e.extend(!0, {}, r)),
                      e.request(
                        r.context.requestObject,
                        r.context.requestDetails,
                      ),
                      this
                    );
                  },
                  getIpData: function () {
                    return {
                      ipv4: this.settings.user.ipv4,
                      ipv6: this.settings.user.ipv6,
                      uuid: this.getIpDataUser(),
                    };
                  },
                  getIpDataUser: function () {
                    return this.settings.user.uuid;
                  },
                  isIpDataExpired: function () {
                    let t = e.time.timestamp();
                    return (
                      !this.settings.general.ipDataLastSend ||
                      t - parseInt(this.settings.general.ipDataLastSend) >
                      e.getGlobalSetting("user.ipDataRefresh", 3600)
                    );
                  },
                  setWebhookSettings: function (t) {
                    return (
                      e.event.webhook.helpers.setWebhookSettingsForScope(
                        t,
                        this,
                      ),
                      this
                    );
                  },
                  getWebhookSettings: function () {
                    return e.event.webhook.helpers.getWebhookSettingsForScope(
                      this,
                    );
                  },
                  addConnector: function (s, a) {
                    let n = t.getData("general.connectorInfo." + s, !1),
                      i = !1;
                    (n
                      ? e.each(a, function (t, s) {
                        (e.isUndefined(n[t]) || n[t] != s) && (i = !0);
                      })
                      : (i = !0),
                      t.setData("general.connectorInfo." + s, a),
                      i && e.user.fetchSessionForce());
                  },
                  getSegments: function () {
                    let e = t.getData("user.segmentInfo.segments", []);
                    return 0 !== e.length && e;
                  },
                  getSessionId: function () {
                    return t.getData("user.sessionId", !1);
                  },
                  fetchSession: function () {
                    if (!t.getApiKey())
                      return void e.support.hook(
                        ["core.logger"],
                        function () {
                          e.logger.log(
                            "user.core",
                            "warn",
                            "Request can not be made as apiKey is not set",
                          );
                        },
                      );
                    if (!t.getData("general.canSend", !1))
                      return void e.support.hook(
                        ["core.logger"],
                        function () {
                          e.logger.log(
                            "user.core",
                            "warn",
                            "Request can not be made as request is stopped",
                          );
                        },
                      );
                    e.event.webhook.helpers.fireEventForScope({
                      webhookSettings: t.webhookSettings,
                      name: "fetchSession",
                      action: "before",
                      data: t.getAllSettings(),
                      scope: t,
                    });
                    let s = t.chains.request;
                    e.isUndefined(s) ||
                      0 === s.list().length ||
                      (s.setScope(t), s.setData(t.settings), s.fire());
                  },
                  fetchSessionForce: function () {
                    return (
                      t.setData("general.flags.forceSend", !0),
                      t.fetchSession()
                    );
                  },
                  chains: e.constructors.get("user").chains,
                };
                e.event.webhook.helpers.fireEventForScope({
                  webhookSettings: t.webhookSettings,
                  name: "mainObject",
                  action: "beforeBuild",
                  data: t.getAllSettings(),
                  scope: t,
                });
                let s = t.chains.build;
                return (
                  e.isUndefined(s) ||
                  0 === s.list().length ||
                  (s.setScope(t), s.setData(t.settings), s.fire()),
                  e.event.webhook.helpers.fireEventForScope({
                    webhookSettings: t.webhookSettings,
                    name: "mainObject",
                    action: "afterBuild",
                    data: t.getAllSettings(),
                    scope: t,
                  }),
                  t
                );
              },
              chains: {
                build: e.chain({
                  stopOnFalse: !0,
                  webhook: { name: "chains.build" },
                }),
                init: e.chain({
                  stopOnFalse: !0,
                  webhook: { name: "chains.init" },
                }),
                request: e.chain({
                  stopOnFalse: !0,
                  webhook: { name: "chains.request" },
                }),
                response: e.chain({
                  stopOnFalse: !0,
                  webhook: { name: "chains.receive" },
                }),
              },
            }),
              e.constructors.get("user").chains.init.add({
                name: "validateReInit",
                fire: function (e, t) {
                  if (!e.general.flags.isInitForce && e.general.flags.isInit)
                    return !1;
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "initDictionary",
                fire: function (t, s) {
                  ((t.dictionary.user = e.dictionary(
                    "user_" + t.general.apiKey,
                  )),
                    t.dictionary.user.setDataProtection(!0),
                    t.dictionary.user.setStorage("local"),
                    t.dictionary.user.mergeFromGlobal());
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "loadDictionaryData",
                fire: function (e, t) {
                  ((e.user.sessionId =
                    "sessionId" !== e.dictionary.user.getElement("sessionId") &&
                    e.dictionary.user.getElement("sessionId")),
                    (e.user.sessionInfo =
                      "sessionInfo" !==
                        e.dictionary.user.getElement("sessionInfo")
                        ? JSON.parse(
                          e.dictionary.user.getElement("sessionInfo"),
                        )
                        : { connectorInfo: [] }),
                    (e.general.connectorInfo =
                      "connectorInfo" !==
                        e.dictionary.user.getElement("connectorInfo")
                        ? JSON.parse(
                          e.dictionary.user.getElement("connectorInfo"),
                        )
                        : {}),
                    (e.user.segmentInfo.segments =
                      "segments" !== e.dictionary.user.getElement("segments")
                        ? JSON.parse(e.dictionary.user.getElement("segments"))
                        : []),
                    (e.user.segmentInfo =
                      "segmentInfo" !==
                        e.dictionary.user.getElement("segmentInfo")
                        ? JSON.parse(
                          e.dictionary.user.getElement("segmentInfo"),
                        )
                        : { segments: e.user.segmentInfo.segments }),
                    (e.general.lastSend =
                      "lastSend" !== e.dictionary.user.getElement("lastSend")
                        ? parseInt(e.dictionary.user.getElement("lastSend"))
                        : 0),
                    (e.user.ipv4 =
                      "ipv4" !== e.dictionary.user.getElement("ipv4") &&
                      JSON.parse(e.dictionary.user.getElement("ipv4"))),
                    (e.user.ipv6 =
                      "ipv6" !== e.dictionary.user.getElement("ipv6") &&
                      JSON.parse(e.dictionary.user.getElement("ipv6"))),
                    (e.user.uuid =
                      "uuid" !== e.dictionary.user.getElement("uuid") &&
                      JSON.parse(e.dictionary.user.getElement("uuid"))),
                    (e.general.ipDataLastSend =
                      "lastSendIp" !==
                        e.dictionary.user.getElement("lastSendIp")
                        ? parseInt(e.dictionary.user.getElement("lastSendIp"))
                        : 0));
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "checkDataProtection",
                fire: function (t, s) {
                  e.dataProtection.dataCanBeTracked()
                    ? s.setData("general.canSend", !0)
                    : (e.support.hook(["core.logger"], function () {
                      e.logger.log(
                        "user.core",
                        "warn",
                        "Data protection enforced , can not read data, setting the request to be stopped",
                      );
                    }),
                      s.setData("general.canSend", !1));
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "setInitState",
                fire: function (e, t) {
                  e.general.flags.isInit = !0;
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "fetchSession",
                fire: function (e, t) {
                  t.fetchSession();
                },
              }),
              e.constructors.get("user").chains.init.add({
                name: "fetchIpData",
                fire: function (e, t) {
                  t.initIpData();
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "checkIfOutOfTimeout",
                fire: function (t, s) {
                  if (
                    e.time.timestamp() - parseInt(t.general.lastSend) <
                    e.getGlobalSetting("user.sessionRefresh", 300) &&
                    !t.general.flags.forceSend
                  )
                    return (
                      e.support.hook(["core.logger"], function () {
                        e.logger.log(
                          "user.core",
                          "info",
                          "Request is still valid",
                        );
                      }),
                      !1
                    );
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "validateIfOnlyOneSend",
                fire: function (t, s) {
                  if (t.general.flags.isInSend)
                    return (setTimeout(e.user.fetchSession, 1e3), !1);
                  t.general.flags.isInSend = !0;
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "moveConnectorInfo",
                fire: function (t, s) {
                  ((t.user.sessionInfo.connectorInfo = []),
                    e.each(t.general.connectorInfo, function (e, s) {
                      t.user.sessionInfo.connectorInfo.push(s);
                    }));
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "resetData",
                fire: function (e, t) {
                  ((e.request = {
                    context: { forceSend: t.settings.general.flags.forceSend },
                  }),
                    window.fetch
                      ? (e.request.method = "FETCH")
                      : (e.request.method = "AJAX"),
                    (e.general.scope.userObject = t),
                    (e.request.scope = e.general.scope));
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "buildPayload",
                fire: function (t, s) {
                  let a = e.extend(!0, {}, t.user);
                  (e.setObjectPath(a, "segmentInfo", {}),
                    (t.request.context.requestObject = {
                      url:
                        e.getGlobalSetting(
                          "url.userSession",
                          "https://visitor.service.ksearchnet.com/public/1.0/",
                        ) +
                        t.general.apiKey +
                        "/session",
                      type: t.request.method,
                      method: "POST",
                      mimeType: "application/json; charset=UTF-8",
                      contentType: "application/json; charset=utf-8",
                      dataType: "json",
                      crossDomain: !0,
                      data: JSON.stringify(e.clean(a)),
                      success: function () {
                        let t, s, a, n;
                        1 === arguments.length
                          ? ((t = arguments[0].responseObj.data),
                            (s = arguments[0].requestDetails),
                            (a = arguments[0].status),
                            (n = arguments[0].isSuccess))
                          : ((t = arguments[0]),
                            (s = arguments[1]),
                            (a = arguments[2]),
                            (n = arguments[3]));
                        var i = e.getObjectPath(
                          s.scope.userObject,
                          "chains.response",
                        );
                        e.isUndefined(i) ||
                          0 === i.list().length ||
                          (i.setScope(s.scope.userObject),
                            e.setObjectPath(s, "response.data", t),
                            e.setObjectPath(s, "context.status", a),
                            e.setObjectPath(s, "context.isSuccess", n),
                            i.setData(s),
                            i.fire());
                      },
                      error: function () {
                        let t, s, a;
                        1 === arguments.length
                          ? ((t = arguments[0].requestDetails),
                            (s = arguments[0].status),
                            (a = arguments[0].isSuccess))
                          : ((t = arguments[0]),
                            (s = arguments[1]),
                            (a = arguments[2]));
                        var n = e.getObjectPath(
                          t.scope.userObject,
                          "chains.response",
                        );
                        e.isUndefined(n) ||
                          0 === n.list().length ||
                          (n.setScope(t.scope.userObject),
                            e.setObjectPath(t, "response.data", {}),
                            e.setObjectPath(t, "context.status", s),
                            e.setObjectPath(t, "context.isSuccess", a),
                            n.setData(t),
                            n.fire());
                      },
                    }),
                    (t.request.context.requestDetails = e.extend(
                      !0,
                      {},
                      t.request,
                    )));
                },
              }),
              e.constructors.get("user").chains.request.add({
                name: "makeRequest",
                fire: function (t, s) {
                  e.request(
                    t.request.context.requestObject,
                    t.request.context.requestDetails,
                  );
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "checkResponseCode",
                fire: function (e, t) {
                  if (!e.context.isSuccess)
                    return ((t.settings.general.flags.isInSend = !1), !1);
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "saveReturnData",
                fire: function (t, s) {
                  e.isUndefined(t.response.data.sessionId) ||
                    (s.setData("user.sessionId", t.response.data.sessionId),
                      e.isUndefined(t.response.data.segmentInfo) ||
                      s.setData(
                        "user.segmentInfo",
                        t.response.data.segmentInfo,
                      ),
                      e.isUndefined(t.response.data.segmentInfo) ||
                        e.isUndefined(t.response.data.segmentInfo.ttl)
                        ? s.setData("general.lastSend", e.time.timestamp())
                        : s.setData(
                          "general.lastSend",
                          e.time.timestamp() -
                          e.getGlobalSetting("user.sessionRefresh", 300) +
                          parseInt(t.response.data.segmentInfo.ttl),
                        ));
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "saveToDictionary",
                fire: function (e, t) {
                  t.saveToDictionary();
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "markAsComplete",
                fire: function (e, t) {
                  ((t.settings.general.flags.isInSend = !1),
                    e.context.forceSend &&
                    (t.settings.general.flags.forceSend = !1));
                },
              }),
              e.constructors.get("user").chains.response.add({
                name: "sendWebhookAfterSessionCall",
                fire: function (t, s) {
                  e.event.webhook.helpers.fireEventForScope({
                    webhookSettings: s.webhookSettings,
                    name: "fetchSession",
                    action: "after",
                    data: s.getAllSettings(),
                    scope: s,
                  });
                },
              }));
        }),
          e.support.hook(["user"], function () {
            e.settings.chains.initChain.add({
              name: "userSession",
              fire: function (t, s) {
                var a = e.getGlobalSetting(
                  "search.apiKey",
                  e.getGlobalSetting(
                    "recs.apiKey",
                    e.getGlobalSetting("global.apiKey"),
                  ),
                ),
                  n = e.dataProtection.dataCanBeTracked();
                if (!e.isUndefined(a) && n) {
                  var i = e.getGlobalSetting("powerUp.userSession");
                  if (!e.isUndefined(i) && !1 === i) return;
                  if (e.getObjectPath(t, "flags.userSession.build", !1))
                    return;
                  (e.setObjectPath(t, "flags.userSession.build", !0),
                    e.user.setApiKey(a));
                }
              },
            });
          }),
          e.support.isActive("user") ||
          (e.extend({ user: e.constructors.construct("user") }),
            e.support.register({
              name: "user",
              loaded: !0,
              active: !0,
              dependency: ["core.lib"],
            })));
      })(klevu));
  </script>
  <style>
    lite-youtube {
      background-color: #000;
      position: relative;
      display: block;
      contain: content;
      background-position: center center;
      background-size: cover;
      cursor: pointer;
      max-width: 720px;
    }

    lite-youtube::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
      background-position: top;
      background-repeat: repeat-x;
      height: 60px;
      padding-bottom: 50px;
      width: 100%;
      transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
    }

    lite-youtube::after {
      content: "";
      display: block;
      padding-bottom: calc(100% / (16 / 9));
    }

    lite-youtube>iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border: 0;
    }

    lite-youtube>.lty-playbtn {
      width: 68px;
      height: 48px;
      position: absolute;
      cursor: pointer;
      transform: translate3d(-50%, -50%, 0);
      top: 50%;
      left: 50%;
      z-index: 1;
      background-color: transparent;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
      filter: grayscale(100%);
      transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
      border: none;
    }

    lite-youtube .lty-playbtn:focus,
    lite-youtube:hover>.lty-playbtn {
      filter: none;
    }

    lite-youtube.lyt-activated {
      cursor: unset;
    }

    lite-youtube.lyt-activated::before,
    lite-youtube.lyt-activated>.lty-playbtn {
      opacity: 0;
      pointer-events: none;
    }

    .lyt-visually-hidden {
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      white-space: nowrap;
      width: 1px;
    }
  </style>
  <style type="text/css" id="klevu-quick-search-theme-styles">
    [ku-container] a,
    [ku-container] p,
    [ku-container] div,
    [ku-container] ul li {
      font-family: inherit;
      font-size: 13px;
      line-height: 130%;
      text-decoration: none;
      font-weight: normal;
    }

    [ku-container] * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline: 0;
      -webkit-font-smoothing: antialiased;
      vertical-align: top;
    }

    .kuBase {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container],
    [ku-block] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="main"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      width: 1200px;
      margin: 0 auto;
    }

    [ku-container][data-container-role="header"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent [ku-container]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-container][data-container-role="content"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      display: table;
      width: 100%;
    }

    [ku-container][data-container-role="content"] [ku-block]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-block][ku-empty],
    [ku-container][ku-empty] {
      display: none !important;
      width: 0 !important;
      padding: 0 !important;
      height: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
    }

    [ku-container][data-container-role="left"] {
      display: table-cell;
      width: 22%;
      height: auto;
      max-width: 275px;
    }

    [ku-container][data-container-role="right"] {
      display: table-cell;
      width: 22%;
      height: auto;
      max-width: 275px;
    }

    [ku-container][data-container-role="content"] [ku-container][data-container-role="results"] {
      display: table-cell;
      width: auto;
      height: auto;
    }

    [ku-container][data-container-role="content"]:after {
      content: "";
      display: block;
      clear: both;
    }

    [ku-block]:empty {
      display: none !important;
      width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    @media only screen and (max-width: 1100px) {
      .kuResults ul li {
        width: 33%;
        padding: 5px;
      }

      .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
        max-width: 60%;
        width: 60%;
      }
    }

    @media only screen and (max-width: 991px) {

      [ku-container][data-container-role="left"],
      [ku-container][data-container-role="right"] {
        width: 32%;
      }
    }

    @media only screen and (max-width: 767px) {

      [ku-container][data-container-role="content"],
      [ku-container][data-container-role="content"] [ku-container][data-container-role="results"],
      [ku-container][data-container-role="left"],
      [ku-container][data-container-role="right"] {
        display: block;
        width: 100%;
        height: auto;
      }

      .kuContainer .kuTabs a {
        display: inline-block;
      }

      .kuContainer .kuTabs a:hover {
        border-bottom: 0 solid #ddd;
        text-decoration: none;
        background: #f5f5f5;
      }

      .kuContainer a.kuTabSelected {
        border-bottom: 0 solid #ddd;
        background: #f5f5f5;
      }

      .kuLandingNoResultsMessage {
        font-size: 15px;
        line-height: 1.2em;
        padding: 10px 5%;
        text-align: center;
      }

      .kuFilterBox {
        margin-bottom: 5px;
        padding-bottom: 10px;
        width: 100%;
      }
    }

    .klevu-stars-small-l2 {
      height: 13px;
      display: inline-block;
      vertical-align: bottom;
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;
      width: 65px;
      margin-top: 5px;
    }

    .klevu-stars-small-l2 .klevu-rating-l2 {
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;
      height: 13px;
      display: inline-block;
    }

    .klevuRatingCount {
      display: inline-block;
      margin-top: 3px;
      margin-left: 1px;
    }

    .kuQuickSearchFacetedLayout>div,
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div {
      width: 100% !important;
      max-width: 550px !important;
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"],
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
      width: 33%;
      padding-right: 2%;
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"],
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
      width: Calc(65%);
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
      width: 33%;
      padding-right: 0;
    }

    .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
      width: 33%;
    }

    .kuQuickSearchFacetedLayout .kuQuickResultsListContainer {
      position: relative;
      height: 360px;
      overflow: auto;
    }

    .kuQuickSearchFacetedLayout .kuPagination {
      padding: 10px 20px;
      text-align: right;
    }

    .kuQuickSearchFacetedLayout .kuPagination a {
      margin: 0;
      position: relative;
      display: inline-block;
      padding-left: 0;
      padding-right: 10px;
      color: #333;
      cursor: pointer;
      text-decoration: none;
      border-right: 1px solid #ddd;
      font-size: 14px;
    }

    .kuQuickSearchFacetedLayout .kuPagination a:hover {
      color: #333;
    }

    .kuQuickSearchFacetedLayout .kuPagination a:last-child {
      border-right: 0;
    }

    .kuQuickSearchFacetedLayout .kuPagination a.kuCurrent {
      background: #fff;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-weight: bold;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct {
      width: 32% !important;
      border-right: 1px solid #e2e2e2;
      border-top: 1px solid #e2e2e2;
      display: inline-block;
      float: left;
      min-height: 200px;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct .klevu-desc-l2 {
      display: none;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:hover {
      background-color: #f8f8f8;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:hover .klevuQuickAddtoCart {
      opacity: 1;
      visibility: visible;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(1) {
      border-top: 0;
      border-top: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(2) {
      border-top: 0;
      border-top: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3) {
      border-top: 0;
      border-top: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(1) {
      border-bottom: 1px solid #e2e2e2;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(2) {
      border-bottom: 1px solid #e2e2e2;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(3) {
      border-bottom: 1px solid #e2e2e2;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3n + 3) {
      border-right: 0;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayout [data-result-view="grid"].klevuQuickSearchResults .klevuQuickAddtoCart {
      margin: 0 auto;
      position: absolute;
      display: inline-block;
      bottom: auto;
      width: auto;
      top: 25%;
      left: 0;
      width: 100%;
      text-align: center;
      opacity: 0;
      visibility: hidden;
    }

    .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view="grid"].klevuQuickSearchResults .klevuProductItemBottom {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayout .klevuResultsBlock [data-result-view="grid"].klevuQuickSearchResults .klevuProductItemTop {
      width: 100%;
      float: none;
    }

    .kuQuickSearchFacetedLayoutRightSideFilters .kuPagination {
      text-align: left;
    }

    .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div {
      min-width: 54%;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .klevuTarget.klevu-fluid.kuQuickSearchFacetedLayout>div {
        min-width: 66%;
        max-width: 100%;
      }

      .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
        width: 38%;
      }

      .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
        width: 38%;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct {
        width: 49% !important;
        border-top: 0;
        min-height: 230px;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3) {
        border-top: 1px solid #e2e2e2;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(1) {
        border-top: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(2n + 2) {
        border-right: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(odd) {
        border-right: 1px solid #e2e2e2;
        border-top: 0;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
        width: 38%;
        padding-right: 2%;
      }
    }

    @media only screen and (max-width: 767px) {
      .kuQuickSearchFacetedLayout [ku-container][data-container-role="left"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }

      .kuQuickSearchFacetedLayout [ku-container][data-container-role="right"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }

      .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterHead {
        font-weight: bold;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct {
        width: 49% !important;
        border-top: 0;
        min-height: 230px;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(3) {
        border-top: 1px solid #e2e2e2;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-last-child(1) {
        border-top: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(2n + 2) {
        border-right: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:nth-child(odd) {
        border-right: 1px solid #e2e2e2;
        border-top: 0;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"] .klevuProduct:hover .klevuQuickAddtoCart {
        opacity: 1;
        visibility: visible;
      }

      .kuQuickSearchFacetedLayout [data-result-view="grid"].klevuQuickSearchResults .klevuQuickAddtoCart {
        position: relative;
        display: inline-block;
        bottom: 15px;
        width: auto;
        top: auto;
        left: 0;
        width: 100%;
        text-align: center;
        opacity: 1;
        visibility: visible;
        margin-top: 10px;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
      }
    }

    .kuCarousel {
      box-sizing: border-box;
      position: relative;
      width: 100%;
      height: 210px;
    }

    .kuCarousel *:before {
      box-sizing: border-box;
    }

    .kuCarousel *:after {
      box-sizing: border-box;
    }

    .kuCarousel .kuCarousel-content {
      position: relative;
      overflow: hidden;
      transition: width 0.4s;
      height: 100%;
    }

    .kuCarousel .kuSlide {
      height: 100%;
      position: absolute;
      z-index: 1;
      transition: left 0.4s cubic-bezier(0.47, 0.13, 0.15, 0.89);
    }

    .kuCarousel .nav {
      position: absolute;
      top: 50%;
      margin-top: -8%;
      background-color: #fff;
      width: 24px;
      height: 24px;
      z-index: 2;
      cursor: pointer;
      border-radius: 50%;
      border: 0;
      outline: 0;
      color: white;
      -webkit-user-select: none;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 100%;
      display: block;
    }

    .kuCarousel .nav-left {
      left: -5px;
      background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-prev.png);
    }

    .kuCarousel .nav-right {
      right: -5px;
      background-image: url(https://js.klevu.com/klevu-js-v1/img-1-1/icon-next.png);
    }

    .kuCarousel .kuCarousel-arrow-icon-left {
      margin-left: 5px;
      margin-top: 2px;
    }

    .kuCarousel .kuCarousel-arrow-icon-right {
      margin-left: 7px;
      margin-top: 2px;
    }

    .kuFilterNames {
      height: 118px;
      overflow: hidden;
    }

    .kuFilterNames ul {
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li {
      list-style: none;
      text-align: left;
      width: 100%;
      display: inline-block;
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li a {
      display: block;
      position: relative;
      overflow: hidden;
      padding: 0;
      text-decoration: none;
      cursor: pointer;
      font-style: normal;
      color: #333;
      background: 0;
      margin: 2px;
      margin-left: 5px;
    }

    .kuFilterNames ul li a span {
      display: inline-block;
      vertical-align: middle;
    }

    .kuFilterNames ul li a span.kufacet-text {
      max-width: 74%;
      width: 74%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      float: left;
    }

    .kuFilterNames ul li a span.kuFilterIcon {
      float: left;
      margin: 0;
      padding: 0;
      font-weight: normal;
    }

    .kuFilterNames ul li a:hover {
      cursor: pointer;
    }

    .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background: #333;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
    }

    .kuFilterNames ul li a span.kuFilterTotal {
      float: right;
      text-align: right;
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li a span.kuFilterCancel {
      float: right;
      text-align: right;
      margin: 0;
      padding: 0;
    }

    .kuFilterNames ul li .klevuFacetStars {
      height: 14px;
      display: inline-block;
      vertical-align: bottom;
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-gray.png) top left repeat-x;
      width: 65px;
    }

    .kuFilterNames ul li .klevuFacetStars .klevuFacetRating {
      background: transparent url(https://js.klevu.com/klevu-js-v1/img-1-1/star-yellow.png) top left repeat-x;
      height: 14px;
      display: inline-block;
    }

    .kuFilterNames ul li.kuSelected a {
      color: #333;
    }

    .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background: #333;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
      border-color: #333;
    }

    .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: #333;
    }

    .kuFilterNames.kuFilterShowAll {
      height: auto;
      overflow: unset;
    }

    .kuFilterHead {
      font-family: inherit;
      font-size: 13px;
      font-weight: bold;
      padding: 5px;
      color: #333;
      display: block;
      line-height: 1.8;
      text-transform: uppercase;
      border-bottom: 1px solid #eee;
      background: 0;
      margin-bottom: 15px;
      margin-top: 0;
      position: relative;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .kuShowOpt {
      padding: 0 5px;
      cursor: pointer;
      position: absolute;
      bottom: -5px;
    }

    .kuShowOpt a {
      color: #333;
      text-decoration: none;
    }

    .kuHideOpt a {
      color: #333;
      text-decoration: none;
    }

    .kuFilterDot {
      height: 5px;
      width: 5px;
      background-color: #333;
      border-radius: 50%;
      display: inline-block;
      margin: 2px;
    }

    .kuFilterIcon:before {
      content: "";
      border: 2px solid #ddd;
      border-radius: 50%;
      margin: 0;
      margin-right: 6px;
      height: 18px;
      width: 18px;
      display: inline-block;
      color: #ddd;
      position: relative;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: background 200ms;
      -webkit-transition: background 200ms;
      -moz-transition: background 200ms;
      -webkit-transition: border-color 200ms;
      -moz-transition: border-color 200ms;
      transition: border-color 200ms;
    }

    .kuMulticheck .kuFilterIcon:before {
      content: "";
      border: 1px solid #ddd;
      border-radius: 0;
      margin: 0;
      margin-right: 8px;
      height: 18px;
      width: 18px;
      display: inline-block;
      color: #ddd;
      position: relative;
    }

    .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 5px;
      background: transparent;
      top: 5px;
      left: 4px;
      border: 2px solid #333;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 5px;
      background: transparent;
      top: 4px;
      left: 4px;
      border: 2px solid #ddd;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: #333;
    }

    .kuQuickSearchFacetedLayout .kuFilters,
    .kuSearchResultsPageContainer .kuFilters {
      padding: 10px;
    }

    .kuQuickSearchFacetedLayout .kuFilterBox .kuFilterNames ul li a span.kufacet-text,
    .kuSearchResultsPageContainer .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
      max-width: 70%;
      width: 70%;
    }

    .kuQuickSearchFacetedLayout [data-block-id="ku_quick_left_facets"] {
      background-color: #fff;
      overflow: auto;
      max-height: 400px;
      text-align: left;
    }

    .kuQuickSearchFacetedLayout [data-block-id="ku_quick_right_facets"] {
      background-color: #fff;
      overflow: auto;
      max-height: 400px;
      text-align: left;
    }

    .kuFilterBox {
      margin-bottom: 12px;
      background: 0;
      padding-bottom: 12px;
      position: relative;
    }

    .kuFilterBox .kuFilterHead {
      padding: 5px 0;
      color: #333;
      display: block;
      text-transform: uppercase;
      border-bottom: 1px solid #ddd;
      background: 0;
      margin-bottom: 0;
    }

    .kuFilterBox .kuFilterNames {
      height: 125px;
      overflow: hidden;
    }

    .kuFilterBox .kuFilterNames ul {
      margin: 0;
      padding: 0;
    }

    .kuFilterBox .kuFilterNames ul li {
      list-style: none;
      text-align: left;
      width: 100%;
      display: inline-block;
      margin: 0;
      padding: 0;
    }

    .kuFilterBox .kuFilterNames ul li a {
      display: block;
      position: relative;
      overflow: hidden;
      padding: 0;
      text-decoration: none;
      cursor: pointer;
      color: #333;
      background: 0;
      margin: 2px 5px 2px 0;
    }

    .kuFilterBox .kuFilterNames ul li a span {
      display: inline-block;
      vertical-align: middle;
    }

    .kuFilterBox .kuFilterNames ul li a span.kufacet-text {
      max-width: 75%;
      width: 75%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      float: left;
    }

    .kuFilterBox .kuFilterNames ul li a span.kuFilterIcon {
      float: left;
      margin: 0;
      padding: 0;
      font-weight: normal;
    }

    .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterBox .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
      background: #ddd;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected a {
      color: #333;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      top: 5px;
      left: 5px;
      border: 0;
      margin-top: 0;
      margin-left: 0;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-radius: 50%;
      background: #ddd;
      border-color: #333 !important;
    }

    .kuFilterBox .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-color: #333;
    }

    .kuFilterBox .kuFilterNames.sliderFilterNames {
      height: 90px;
    }

    .kuFilterBox .kuFilterIcon:before {
      content: "";
      border: 2px solid #ccc;
      border-radius: 50%;
      margin: 0;
      margin-right: 8px;
      height: 18px;
      width: 18px;
      display: inline-block;
      color: #ccc;
      position: relative;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      transition: background 200ms;
      -webkit-transition: background 200ms;
      -moz-transition: background 200ms;
      -webkit-transition: border-color 200ms;
      -moz-transition: border-color 200ms;
      transition: border-color 200ms;
    }

    .kuFilterBox .kuFilterNames.kuFilterCollapse {
      height: 0;
      overflow: hidden;
    }

    .kuFilterBox .kuFilterNames.kuFilterCollapse .kuShowOpt {
      display: none;
    }

    .kuFilterBox .kuFilterNames.kuFilterShowAll {
      height: auto;
      overflow: unset;
    }

    .kuFilterBox .kuShowOpt {
      padding: 0;
      cursor: pointer;
      position: absolute;
      bottom: -12px;
    }

    .kuFilterBox .kuShowOpt a {
      color: #c46b00;
      text-decoration: none;
    }

    .kuFilterBox .kuShowOpt .kuFilterDot {
      height: 5px;
      width: 5px;
      background-color: #888;
      border-radius: 50%;
      display: inline-block;
      margin: 2px;
    }

    .kuFilterBox .kuExpand {
      position: relative !important;
      transition: all 0.3s ease;
    }

    .kuFilterBox .kuCollapse {
      position: relative !important;
      transition: all 0.3s ease;
    }

    .kuFilterBox .kuFilterHead.kuCollapse {
      margin-bottom: 10px;
    }

    .kuFilterBox .kuFilterHead.kuCollapse::after {
      border-color: #333;
      border-image: none;
      border-style: solid;
      border-width: 0 1px 1px 0;
      content: "";
      display: inline-block;
      padding: 4px;
      position: absolute;
      right: 12px;
      top: 14px;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
      transition: all 0.3s ease;
    }

    .kuFilterBox .kuFilterHead.kuExpand::after {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: #333;
      border-image: none;
      border-style: solid;
      border-width: 0 1px 1px 0;
      content: "";
      display: inline-block;
      padding: 4px;
      position: absolute;
      right: 12px;
      top: 10px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      transition: all 0.3s ease 0s;
    }

    .kuFilterBox.kuMulticheck .kuFilterIcon:before {
      content: "";
      border: 1px solid #ccc;
      border-radius: 0;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:after {
      width: 10px;
      height: 5px;
      background: transparent;
      top: 4px;
      left: 4px;
      border: 2px solid #ddd;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li a:hover span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:after {
      width: 10px;
      height: 5px;
      background: transparent;
      top: 4px;
      left: 4px;
      border: 2px solid #ddd;
      border-top: 0;
      border-right: 0;
      border-radius: 0;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected span.kuFilterIcon:before {
      background: #fff;
      border: 1px solid #333;
    }

    .kuFilterBox.kuMulticheck .kuFilterNames ul li.kuSelected:hover span.kuFilterIcon:after {
      border-color: #333;
    }

    /*! nouislider - 8.2.1 - 2015-12-02 21:43:15 */
    .noUi-target,
    .noUi-target * {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -ms-touch-action: none;
      touch-action: none;
      -ms-user-select: none;
      -moz-user-select: none;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .noUi-target {
      position: relative;
      direction: ltr;
    }

    .noUi-base {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
    }

    .noUi-origin {
      position: absolute;
      right: 0;
      top: 0;
      left: 0;
      bottom: 0;
    }

    .noUi-handle {
      position: relative;
      z-index: 1;
    }

    .noUi-stacking .noUi-handle {
      z-index: 10;
    }

    .noUi-state-tap .noUi-origin {
      -webkit-transition:
        left 0.3s,
        top 0.3s;
      transition:
        left 0.3s,
        top 0.3s;
    }

    .noUi-state-drag * {
      cursor: inherit !important;
    }

    .noUi-base {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    .noUi-horizontal {
      height: 12px;
    }

    .noUi-horizontal .noUi-handle {
      width: 24px;
      height: 24px;
      left: -17px;
      top: -7px;
      border-radius: 100%;
    }

    .noUi-vertical {
      width: 18px;
    }

    .noUi-vertical .noUi-handle {
      width: 28px;
      height: 34px;
      left: -6px;
      top: -17px;
    }

    .noUi-background {
      background: #fafafa;
      box-shadow: inset 0 1px 1px #f0f0f0;
    }

    .noUi-connect {
      background: #333;
      box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
      -webkit-transition: background 450ms;
      transition: background 450ms;
    }

    .noUi-origin {
      border-radius: 2px;
    }

    .noUi-target {
      border-radius: 4px;
      border: 1px solid #d3d3d3;
      box-shadow:
        inset 0 1px 1px #f0f0f0,
        0 3px 6px -5px #bbb;
    }

    .noUi-target.noUi-connect {
      box-shadow:
        inset 0 0 3px rgba(51, 51, 51, 0.45),
        0 3px 6px -5px #bbb;
    }

    .noUi-draggable {
      cursor: w-resize;
    }

    .noUi-vertical .noUi-draggable {
      cursor: n-resize;
    }

    .noUi-handle {
      border: 1px solid #d9d9d9;
      background: #fff;
      cursor: default;
      box-shadow:
        inset 0 0 1px #fff,
        inset 0 1px 7px #ebebeb,
        0 3px 6px -3px #bbb;
      cursor: pointer;
    }

    .noUi-active {
      box-shadow:
        inset 0 0 1px #fff,
        inset 0 1px 7px #ddd,
        0 3px 6px -3px #bbb;
    }

    .noUi-handle:after,
    .noUi-handle:before {
      content: "";
      display: block;
      position: absolute;
      height: 14px;
      width: 1px;
      background: #e4e1e1;
      left: 8px;
      top: 4px;
    }

    .noUi-handle:after {
      left: 12px;
    }

    .noUi-vertical .noUi-handle:after,
    .noUi-vertical .noUi-handle:before {
      width: 14px;
      height: 1px;
      left: 6px;
      top: 14px;
    }

    .noUi-vertical .noUi-handle:after {
      top: 17px;
    }

    [disabled] .noUi-connect,
    [disabled].noUi-connect {
      background: #b8b8b8;
    }

    [disabled] .noUi-handle,
    [disabled].noUi-origin {
      cursor: not-allowed;
    }

    .noUi-pips,
    .noUi-pips * {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .noUi-pips {
      position: absolute;
      color: #999;
    }

    .noUi-value {
      width: 40px;
      position: absolute;
      text-align: center;
    }

    .noUi-value-sub {
      color: #ccc;
      font-size: 10px;
    }

    .noUi-marker {
      position: absolute;
      background: #ccc;
    }

    .noUi-marker-large,
    .noUi-marker-sub {
      background: #aaa;
    }

    .noUi-pips-horizontal {
      padding: 10px 0;
      height: 50px;
      top: 100%;
      left: 0;
      width: 100%;
    }

    .noUi-value-horizontal {
      margin-left: -20px;
      padding-top: 20px;
    }

    .noUi-value-horizontal.noUi-value-sub {
      padding-top: 15px;
    }

    .noUi-marker-horizontal.noUi-marker {
      margin-left: -1px;
      width: 2px;
      height: 5px;
    }

    .noUi-marker-horizontal.noUi-marker-sub {
      height: 10px;
    }

    .noUi-marker-horizontal.noUi-marker-large {
      height: 15px;
    }

    .noUi-pips-vertical {
      padding: 0 10px;
      height: 100%;
      top: 0;
      left: 100%;
    }

    .noUi-value-vertical {
      width: 15px;
      margin-left: 20px;
      margin-top: -5px;
    }

    .noUi-marker-vertical.noUi-marker {
      width: 5px;
      height: 2px;
      margin-top: -1px;
    }

    .noUi-marker-vertical.noUi-marker-sub {
      width: 10px;
    }

    .noUi-marker-vertical.noUi-marker-large {
      width: 15px;
    }

    .noUi-tooltip {
      display: block;
      position: absolute;
      border: 1px solid #d9d9d9;
      border-radius: 3px;
      background: #fff;
      padding: 5px;
      text-align: center;
      width: max-content;
    }

    .noUi-horizontal .noUi-handle-lower .noUi-tooltip {
      bottom: -32px;
    }

    .noUi-horizontal .noUi-handle-upper .noUi-tooltip {
      bottom: -32px;
      right: 0;
    }

    .noUi-vertical .noUi-handle-lower .noUi-tooltip {
      left: 120%;
    }

    .noUi-vertical .noUi-handle-upper .noUi-tooltip {
      right: 120%;
    }

    .klevu-fluid,
    .klevu-fluid *,
    .klevuTarget,
    .klevuTarget *,
    .kuContainer * {
      font-family: inherit;
    }

    [ku-container] a,
    [ku-container] p,
    [ku-container] div,
    [ku-container] ul li {
      font-family: inherit;
      font-size: 13px;
      line-height: 130%;
      text-decoration: none;
      font-weight: normal;
    }

    [ku-container] * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      outline: 0;
      -webkit-font-smoothing: antialiased;
      vertical-align: top;
    }

    .kuClearLeft {
      clear: left;
    }

    .kuClearRight {
      clear: right;
    }

    .kuClearBoth,
    .kuClearBoth:after {
      clear: both;
    }

    .kuGreen {
      color: #a30f0f !important;
    }

    .kuBlack {
      color: #333 !important;
    }

    .kuClipped {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }

    .kuClippedOne {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }

    .kuClippedTwo {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .klevuTarget * {
      box-sizing: border-box;
    }

    .kuBtn {
      display: inline-block;
      padding: 5px 10px;
      cursor: pointer;
      font-size: 11px !important;
      text-transform: uppercase;
      text-decoration: none;
      margin: 5px 5px 5px 0;
      border-radius: 3px;
      border: 2px solid transparent;
      text-align: center;
    }

    .kuBtnDark {
      background: #333;
      color: #fff;
      border-color: #333;
    }

    .kuBtnLight {
      background: #ddd;
      color: #333;
      border-color: #dedede;
    }

    .kuBtnDarkOutline {
      background: transparent;
      color: #333;
      border: 2px solid #333;
    }

    .kuBtnLightOutline {
      background: transparent;
      color: #ddd;
      border: 2px solid #ddd;
    }

    .kuBtnDark:hover,
    .kuBtnLight:hover,
    .kuBtnDarkOutline:hover,
    .kuBtnLightOutline:hover {
      background: #757575;
      color: #fff;
      border-color: #757575;
    }

    .klevuTarget.klevu-fluid>div {
      position: absolute;
      z-index: 20000000000;
      width: 35%;
      max-width: 450px;
      font-family: inherit;
      font-size: 13px;
      background-color: #fff;
      border-radius: 3px;
      color: #333;
    }

    .kuBase {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container],
    [ku-block] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="main"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      width: 1200px;
      margin: 0 auto;
    }

    [ku-container][data-container-role="header"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="subPanel"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="banner"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    [ku-container][data-container-role="header"] [ku-block][data-container-role="navigation"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
    }

    .kuResultContent [ku-container]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-container][data-container-role="content"] {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      box-shadow: none;
      position: relative;
      max-width: 100%;
      display: table;
      width: 100%;
    }

    [ku-container][data-container-role="content"] [ku-block]:empty {
      display: none !important;
      width: 0 !important;
      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    [ku-block][ku-empty],
    [ku-container][ku-empty] {
      display: none !important;
      width: 0 !important;
      padding: 0 !important;
      height: 0 !important;
      margin: 0 !important;
      overflow: hidden !important;
    }

    .klevuQuickSearchingArea {
      width: 100%;
      max-width: 100%;
      border-radius: 2px;
      -webkit-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
      -moz-box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
      box-shadow: 0 1px 5px rgba(50, 50, 50, 0.4);
    }

    .klevuQuickSearchingArea .klevuLoader img {
      display: inline-block;
      width: 22px !important;
    }

    .klevuQuickSearchingArea span.klevuLoader img {
      margin-right: 10px;
    }

    .klevuQuickSearchingArea .kuFacetedLayoutMinCharText {
      padding: 10px;
      line-height: 35px;
    }

    .klevuSuggestionsBlock {
      position: relative;
    }

    .klevuSuggestionsBlock .klevuLoader {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      padding: 6px 10px;
    }

    .klevuSuggestionHeading {
      text-transform: uppercase;
      padding: 10px 5px;
    }

    .klevuHeadingText {
      color: #333;
      display: inline-block;
    }

    .klevuHeadingText a {
      float: right;
      margin-right: 10px;
      color: #333;
      font-weight: normal;
      text-decoration: none;
    }

    .klevuHeadingText a:hover {
      text-decoration: underline;
    }

    .klevuAutoSuggestionsWrap {
      border-bottom: 1px solid #ddd;
      padding: 5px 10px;
    }

    .klevuAutoSuggestionsWrap ul {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .klevuAutoSuggestionsWrap ul li {
      display: block;
      list-style: none;
      margin: 0;
      cursor: default;
      text-align: left;
    }

    .klevuAutoSuggestionsWrap ul li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .klevuAutoSuggestionsWrap ul li:hover {
      background-color: #f5f5f5;
    }

    .klevuAutoSuggestionsWrap ul li:focus {
      background-color: #f5f5f5;
    }

    .klevuAutoSuggestionsWrap ul li ul li a {
      padding-left: 35px;
    }

    .klevuAutoSuggestionsWrap ul li strong {
      color: #333;
    }

    .klevuAutoSuggestionsWrap ul li.klevu-hovered {
      background-color: #f5f5f5;
    }

    .klevuResultsBlock .klevuSuggestionHeading {
      padding: 12px 15px;
    }

    .klevuResultsBlock .klevuProductsViewAll {
      display: inline-block;
      position: absolute;
      top: 12px;
      right: 12px;
    }

    .klevuResultsBlock .klevuProductsViewAll a {
      color: #333;
      font-weight: normal;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 10px;
      cursor: pointer;
      border-bottom: 2px solid #ccc;
      padding: 2px 0;
    }

    .klevuResultsBlock .klevuQuickSearchResults {
      position: relative;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul {
      margin: 0;
      padding-left: 0;
      text-align: left;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li {
      display: block;
      width: 100%;
      height: auto;
      text-align: left;
      position: relative;
      border-bottom: 1px solid #ddd;
      margin-bottom: auto;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li a.klevuQuickProductInnerBlock {
      text-decoration: none;
      color: #333;
      outline: 0;
      display: block;
      padding: 8px;
      height: auto;
      line-height: 20px;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDescBlock {
      float: left;
      width: 100%;
      margin-left: 8px;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductName {
      font-weight: bold;
      color: #333;
      word-wrap: break-word;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickPriceGreyText {
      font-weight: normal !important;
      color: #393939 !important;
      font-size: 11px !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickProductDesc {
      color: #333;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickSalePrice {
      font-weight: bold;
      margin-bottom: 5px;
      color: #333;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li .klevuQuickOrigPrice {
      margin-right: 5px;
      text-decoration: line-through;
      color: #333;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:hover {
      background-color: #f5f5f5;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickSearchResults ul li div {
      color: #fff !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:focus {
      background-color: #f5f5f5;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul li:focus .klevuQuickSearchResults ul li div {
      color: #fff !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemTop {
      margin: 0;
      box-sizing: border-box;
      float: left;
      padding: 5px;
      position: relative;
      width: 20%;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom {
      margin: 0;
      box-sizing: border-box;
      padding: 5px;
      position: relative;
      min-height: 60px;
      float: left;
      width: 80%;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuProductItemBottom .klevu-desc-l2 {
      color: #8a8a8a;
      font-size: 13px;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickImgWrap {
      float: none;
      overflow: hidden;
      width: 100% !important;
      height: 70px !important;
      text-align: center;
    }

    .klevuResultsBlock .klevuQuickSearchResults img {
      max-width: 100% !important;
      max-height: 100% !important;
      width: auto;
      height: auto;
      border: 0;
      outline: 0;
      display: inline-block;
      margin: 0 auto;
      opacity: 1;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge {
      background: #ffcc01;
      padding: 0 5px;
      color: #333;
      font-size: 9px;
      position: absolute;
      top: 6px;
      left: 4px;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickDiscountBadge strong {
      color: #333;
    }

    .klevuResultsBlock .klevuQuickNoResults {
      text-align: center;
      font-size: 13px;
      padding: 0;
    }

    .klevuResultsBlock .klevuQuickNoResults .klevuQuickNoResultsInner {
      padding: 15px;
      margin: 0;
    }

    .klevuResultsBlock .klevuQuickNoResultsMessage {
      background: transparent;
      font-size: 13px;
      padding: 20px;
      text-align: center;
      border: 0;
    }

    @media only screen and (max-width: 1024px) {
      .klevuTarget.klevu-fluid>div {
        width: 50%;
      }

      .klevuQuickSearchResults .klevuQuickImgWrap {
        height: 55px !important;
      }
    }

    @media only screen and (max-width: 767px) {
      .klevuTarget.klevu-fluid>div {
        max-width: 400px;
        width: 70%;
      }
    }

    @media only screen and (max-width: 480px) {
      .klevuTarget.klevu-fluid>div {
        width: 98%;
        left: 1% !important;
      }

      .klevu-fluid .klevuQuickSearchResults ul li .klevuQuickProductDesc {
        display: none;
      }
    }

    @media only screen and (max-width: 420px) {
      .klevuTarget.klevu-fluid>div {
        max-width: 100%;
      }
    }

    .searchRequestLoading .klevuQuickSearchingArea {
      opacity: 0.6;
      pointer-events: none;
    }

    .searchRequestLoading .klevuQuickSearchingArea::after {
      content: url("https://js.klevu.com/klevu-js-v1/img/klevu-loader.GIF");
      position: absolute;
      margin-left: 45%;
      top: 12px;
    }

    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer [ku-container][data-container-role="left"] {
      width: 100%;
      max-width: 100%;
    }

    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuPopularSearchesBlock {
      margin-bottom: 8px;
    }

    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer .kuRecentSearchesBlock {
      margin-bottom: 8px;
    }

    .kuRecommendationSlider {
      display: none;
    }

    .kuRecommendationSlider .klevuProductItemTop .klevuQuickImgWrap {
      float: none;
      overflow: hidden;
      width: 100% !important;
      height: 155px !important;
      text-align: center;
      margin: 0 auto;
      position: relative;
      box-sizing: border-box;
      padding: 0;
      border: 1px solid #eee;
      max-height: 155px !important;
    }

    .kuEmptySearchBox.kuPersonalizedSearchRecsEnabled .kuRecommendationSlider {
      display: block;
    }

    .kuSearchPersonalizationsContainer {
      height: 40px;
    }

    .kuSearchPersonalizationsContainer * {
      visibility: hidden;
    }

    .kuEmptySearchBox .kuSearchPersonalizationsContainer {
      height: auto;
    }

    .kuEmptySearchBox .kuSearchPersonalizationsContainer * {
      visibility: unset;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuQuickSearchingArea {
      padding: 6px 9px;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemTop {
      width: 100%;
      display: block;
      float: none;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuProductItemBottom {
      width: 100%;
      display: block;
      float: none;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuSuggestionHeading {
      padding: 10px 3px;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .klevuResultsBlock .klevuProductItemBottom {
      font-size: 12px;
      color: #666;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuRecentSearchTerms {
      border: 0;
    }

    .kuEmptySearchBox.klevuTarget.kuPersonalizedSearchRecsEnabled .kuPopularSearchTerms {
      border: 0;
    }

    @media only screen and (max-width: 767px) {
      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="left"] {
        width: 100%;
        padding-right: 0;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled [ku-container][data-container-role="right"] {
        width: 100%;
        padding-right: 0;
      }

      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled>div {
        max-width: 85%;
      }
    }

    .klevuTarget.klevu-fluid.kuEmptySearchBox>div {
      min-width: 38% !important;
    }

    .kuDropdown.kuQuickFacetedLayoutSort {
      display: inline-block;
      float: right;
      min-width: 75px;
      padding-top: 10px;
      text-align: center;
    }

    .klevuResultsBlock .klevuQuickSearchResults ul:before {
      content: "";
      width: 100%;
      display: block;
      height: 0;
      background: 0;
    }

    .kuQuickSearchResultsContainer .kuResultsHeadingTitleContainer {
      padding: 8px 10px;
      border-bottom: 1px solid #eee;
    }

    .klevu-banner-ad {
      clear: both;
      text-align: center;
      width: 100%;
      padding: 8px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .klevu-banner-ad img {
      display: inline-block;
      width: auto;
      max-width: 100%;
      max-height: 100%;
    }

    .kuPopularSearchTerms ul {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .kuPopularSearchTerms li {
      display: block;
      list-style: none;
      margin: 0;
      text-transform: capitalize;
      cursor: default;
      text-align: left;
    }

    .kuPopularSearchTerms li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .kuPopularSearchTerms li:hover {
      background-color: #f5f5f5;
    }

    .kuRecentSearchTerms ul {
      margin: 0;
      padding: 0;
      text-align: left;
    }

    .kuRecentSearchTerms li {
      display: block;
      list-style: none;
      margin: 0;
      text-transform: capitalize;
      cursor: default;
      text-align: left;
    }

    .kuRecentSearchTerms li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .kuRecentSearchTerms li:hover {
      background-color: #f5f5f5;
    }

    .kuQuickSearchNoRecordFound {
      text-align: center;
      margin-top: 4%;
      margin-bottom: 4%;
      color: #333;
      font-size: 13px;
      background: #fff;
      display: block;
    }

    .kuQuickSearchNoRecordFound .klevuQuickPriceGreyText {
      font-weight: normal !important;
      color: #393939 !important;
      font-size: 11px !important;
    }

    .kuQuickSearchNoRecordFound .kuQuickNoResults {
      max-width: 90%;
      margin: auto;
      text-align: justify;
    }

    .kuQuickSearchNoRecordFound .kuQuickNoResultsMessage {
      display: block;
      text-align: center;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    .kuQuickSearchNoRecordFound .kuDividerLine {
      margin: 10px 0;
      border-bottom: #ccc 1px solid;
      width: 100%;
    }

    .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick {
      clear: both;
      text-align: center;
      width: 100%;
      padding: 8px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .kuQuickSearchNoRecordFound .klevu-no-results-banner-ad-quick img {
      display: inline-block;
      width: auto;
      max-width: 100%;
      max-height: 100%;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll {
      display: inline-block;
      position: absolute;
      top: 12px;
      right: 12px;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchHeading {
      text-transform: uppercase;
      padding-bottom: 10px;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuPopularProductsViewAll a {
      color: #333;
      font-weight: normal;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 10px;
      cursor: pointer;
      border-bottom: 2px solid #ccc;
      padding: 2px 0;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular {
      position: relative;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul {
      margin: 0;
      padding-left: 0;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li {
      display: block;
      width: 100%;
      height: auto;
      text-align: left;
      position: relative;
      border-bottom: 1px solid #ddd;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li a.klevuQuickPopularProductInnerBlock {
      text-decoration: none;
      color: #333;
      outline: 0;
      display: block;
      padding: 8px;
      height: auto;
      line-height: 20px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickPopularProductDescBlock {
      float: left;
      width: 100%;
      margin-left: 8px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductName {
      font-weight: bold;
      color: #333;
      word-wrap: break-word;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc {
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickSalePrice {
      font-weight: bold;
      margin-bottom: 5px;
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li .klevuQuickOrigPrice {
      margin-left: 5px;
      text-decoration: line-through;
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover {
      background-color: #f5f5f5;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular ul li:hover .klevuQuickSearchNoResultsPopular ul li div {
      color: #fff !important;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemTop {
      margin: 0;
      box-sizing: border-box;
      float: left;
      padding: 5px;
      position: relative;
      width: 20%;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom {
      margin: 0;
      box-sizing: border-box;
      padding: 5px;
      position: relative;
      min-height: 60px;
      float: left;
      width: 80%;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuPopularProductItemBottom .klevu-desc-l2 {
      color: #8a8a8a;
      font-size: 13px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap {
      float: none;
      overflow: hidden;
      width: 100% !important;
      height: 70px !important;
      text-align: center;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular img {
      max-width: 100% !important;
      max-height: 100% !important;
      width: auto;
      height: auto;
      border: 0;
      outline: 0;
      display: inline-block;
      margin: 0 auto;
      opacity: 1;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge {
      background: #ffcc01;
      padding: 0 5px;
      color: #333;
      font-size: 9px;
      position: absolute;
      top: 6px;
      left: 4px;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickSearchNoResultsPopular .klevuQuickDiscountBadge strong {
      color: #333;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults {
      text-align: center;
      font-size: 13px;
      padding: 0;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResults .klevuQuickNoResultsInner {
      padding: 15px;
      margin: 0;
    }

    .kuQuickSearchNoRecordFound .klevuNoResultsProductsBlock .klevuQuickNoResultsMessage {
      background: transparent;
      font-size: 13px;
      padding: 20px;
      text-align: center;
      border: 0;
    }

    .kuQuickSearchNoRecordFound .searchRequestLoading .klevuQuickSearchingArea {
      opacity: 0.6;
      pointer-events: none;
    }

    .kuQuickSearchNoRecordFound .klevuPopularProductsHeading {
      text-align: left;
      padding: 8px 15px;
      text-transform: uppercase;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsContainer {
      max-width: 100%;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchesBlock {
      padding: 10px;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms ul {
      margin: 0;
      padding: 0 3px;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li {
      display: block;
      list-style: none;
      margin: 0;
      text-transform: capitalize;
      cursor: pointer;
      text-align: left;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li:hover {
      background-color: #f5f5f5;
    }

    .kuQuickSearchNoRecordFound .kuNoResultsPopularSearchTerms li a {
      display: block;
      padding: 5px;
      line-height: 14px;
      color: #333;
      text-decoration: none;
      font-size: 13px;
    }

    @media only screen and (max-width: 1024px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        width: 50%;
      }

      .kuQuickSearchNoRecordFound .klevuQuickSearchNoResultsPopular .klevuQuickImgWrap {
        height: 55px !important;
      }
    }

    @media only screen and (max-width: 767px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        max-width: 400px;
        width: 70%;
      }
    }

    @media only screen and (max-width: 480px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        width: 98%;
        left: 1% !important;
      }

      .kuQuickSearchNoRecordFound .klevu-fluid .klevuQuickSearchNoResultsPopular ul li .klevuQuickProductDesc {
        display: none;
      }
    }

    @media only screen and (max-width: 420px) {
      .kuQuickSearchNoRecordFound .klevuTarget.klevu-fluid>div {
        max-width: 100%;
      }
    }

    .kuCaptionStockIn {
      font-size: 11px;
      color: green;
      display: inline-block;
      padding: 0;
      float: left;
      width: 100%;
      box-sizing: border-box;
      margin: 2px 0;
    }

    .kuQuickCaptionStockOut {
      font-size: 11px;
      color: Red;
      display: inline-block;
      padding: 0;
      float: left;
      min-height: 30px;
      width: 100%;
      box-sizing: border-box;
      margin: 2px 0;
    }

    .kuQuickSearchResultsContainer .kuCaptionVat {
      display: block;
      font-size: 11px;
      color: #767676;
      width: 100%;
      float: left;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      margin: 2px 0;
    }

    .kuQuickSearchFacetedLayout .productListActive [data-content="cmsCompressed"] {
      display: none !important;
    }

    .kuQuickSearchFacetedLayout .cmsCompressedActive [data-content="productList"] {
      display: none !important;
    }

    .kuQuickSearchFacetedLayout .kuContainer {
      width: 100%;
      margin: 0 auto;
      font-family: inherit;
      font-size: 12px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100% !important;
      padding: 0 !important;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs {
      margin: 0 auto !important;
      text-align: center;
      border-bottom: 1px solid #eee;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a {
      padding: 8px;
      cursor: pointer;
      margin-right: 5px;
      color: #333;
      display: inline-block;
      position: relative;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a:hover {
      border-bottom: 3px solid #ddd;
      text-decoration: none;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected {
      border-bottom: 3px solid #ddd;
    }

    .kuQuickSearchFacetedLayout .kuContainer .kuTabs a.kuTabSelected:hover {
      background: 0;
    }

    .kuQuickSearchFacetedLayout .kuSort {
      display: inline-block;
      margin: 0;
      height: 15px;
      width: 15px;
      background-repeat: no-repeat !important;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-relevance.png) no-repeat 0 0;
      cursor: pointer;
      margin-right: 2px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickRelSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuActiveSort {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-low-to-high.png) no-repeat 0 0;
      cursor: pointer;
      margin-right: -4px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/klevu-p-high-to-low.png) no-repeat 0 0;
      cursor: pointer;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickHTLSort.kuActiveSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort.kuQuickLTHSort.kuActiveSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuSort:hover {
      background-position: 0 -17px;
    }

    .kuQuickSearchFacetedLayout .kuQuickResultsViewSwitchContainer {
      display: inline-block;
      float: left;
    }

    .kuQuickSearchFacetedLayout .kuDropdown.kuQuickFacetedLayoutSort {
      float: left;
      display: inline-block;
      float: right;
    }

    .kuQuickResultsViewSwitchContainer {
      position: relative;
      display: inline-block;
      z-index: 11;
      width: auto;
      padding: 10px 5px;
    }

    .kuQuickResultsViewSwitchContainer a {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin-left: 4px;
      text-align: center;
      vertical-align: middle;
      overflow: hidden;
    }

    .kuQuickResultsViewSwitchContainer a.kuCurrent {
      background-position: 0 -25px;
      text-decoration: none;
    }

    .kuQuickResultsViewSwitchContainer .kuGridViewBtn {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-gridview.png) no-repeat 0 0;
      cursor: pointer;
    }

    .kuQuickResultsViewSwitchContainer .kuListViewBtn {
      background: url(https://js.klevu.com/klevu-js-v1/img-1-1/ku-listview.png) no-repeat 0 0;
      cursor: pointer;
    }

    [data-result-view="list"] .klevuProduct {
      width: 100% !important;
    }

    [data-result-view="list"] .klevuProduct:hover .kuProdAdditional {
      box-shadow: none !important;
    }

    [data-result-view="list"] .klevuProduct main {
      display: inline-block;
      width: 30%;
    }

    [data-result-view="list"] .klevuProduct footer {
      display: inline-block;
      width: 69%;
    }

    [data-result-view="list"] .klevuProduct .kuProdAdditional {
      position: relative !important;
      visibility: unset !important;
      border: 0 !important;
    }

    [data-result-view="list"] .klevuProduct .kuAddtocart .kuBtn {
      display: inline-block;
    }

    @media only screen and (max-width: 576px) {
      [data-result-view="list"] .klevuProduct main {
        width: 100%;
      }

      [data-result-view="list"] .klevuProduct footer {
        width: 100%;
      }

      [data-result-view="list"] .klevuProduct .kuAddtocart .kuBtn {
        display: block;
      }
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart {
      margin: 0;
      position: absolute;
      display: inline-block;
      bottom: 10px;
      right: 5px;
      width: auto;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart .kuBtn {
      padding: 3px 6px;
      font-size: 9px !important;
    }

    .klevuResultsBlock .klevuQuickSearchResults .klevuQuickAddtoCart img {
      max-width: 80px !important;
      height: auto;
      max-height: 45px !important;
    }

    .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart {
      margin: 0;
      position: absolute;
      display: inline-block;
      bottom: 10px;
      right: 5px;
      width: auto;
    }

    .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart .kuBtn {
      padding: 3px 6px;
      font-size: 9px !important;
    }

    .klevuQuickSearchNoResultsPopular .klevuQuickAddtoCart img {
      max-width: 80px !important;
      height: auto;
      max-height: 45px !important;
    }

    .kuQuickSearchFacetedLayout .klevuQuickSearchResults .klevuQuickAddtoCart {
      margin: 0;
      position: absolute;
      display: inline-block;
      bottom: 15px;
      right: 5px;
      width: auto;
      visibility: hidden;
      opacity: 0;
    }

    .kuQuickSearchFacetedLayout .klevuResultsBlock .klevuQuickSearchResults ul li:hover .klevuQuickAddtoCart {
      visibility: visible;
      opacity: 1;
    }

    .kuQuickSearchFacetedLayout .kuPriceSlider {
      width: auto;
      min-width: 190px;
      max-width: 98%;
      padding: 20px;
      margin: auto;
      position: relative;
      box-sizing: border-box;
    }

    .kuQuickSearchFacetedLayout .kuPriceSlider .noUi-tooltip {
      font-size: 90%;
    }

    .kuQuickSearchFacetedLayout .sliderFilterNames {
      height: 90px;
    }

    .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer {
      text-align: center;
    }

    .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn {
      width: 100%;
      margin: 12px 0;
      height: 34px;
      border: 0;
      border-radius: 2px;
      cursor: pointer;
    }

    .kuQuickSearchFacetedLayout .kuInfiniteScrollContainer .kuLoadMoreBtn.hide {
      display: none !important;
    }

    .kuQuickSearchFacetedLayout .klevuProductLoadMore {
      width: 100% !important;
      min-height: 40px !important;
      border: none !important;
    }

    .kuQuickSearchFacetedLayout .klevuProductLoadMore:hover {
      background-color: transparent !important;
    }

    .kuQuickSearchFacetedLayout .klevuProductLoadMore.hide {
      display: none !important;
    }

    .kuImageSearchSelector {
      cursor: pointer;
    }

    .kuImageSearchSelector::before {
      content: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M11.7692%203.18182L11.0154%201.6C10.8538%201.21818%2010.4769%201%2010.0462%201H6.00769C5.57692%201%205.2%201.21818%205.03846%201.6L4.23077%203.18182H2.07692C1.48462%203.18182%201%203.67273%201%204.27273V11.9091C1%2012.5091%201.48462%2013%202.07692%2013H13.9231C14.5154%2013%2015%2012.5091%2015%2011.9091V4.27273C15%203.67273%2014.5154%203.18182%2013.9231%203.18182H11.7692Z%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.00006%2010.8182C9.78436%2010.8182%2011.2308%209.35291%2011.2308%207.54543C11.2308%205.73795%209.78436%204.27271%208.00006%204.27271C6.21575%204.27271%204.76929%205.73795%204.76929%207.54543C4.76929%209.35291%206.21575%2010.8182%208.00006%2010.8182Z%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2.07703%204.81812H3.69241%22%20stroke%3D%22%23666666%22%20stroke-miterlimit%3D%2210%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E);
      display: inline-block;
      width: 16px;
      margin-left: 10px;
      cursor: pointer;
    }

    .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWrap,
    .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,
    .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,
    .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
    .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
    .klevuTarget .kuQuickImageSearchWrap {
      max-width: 400px !important;
      min-width: auto !important;
      width: 100% !important;
    }

    .kuQuickSearchImageUploadContainer {
      max-width: 400px !important;
    }

    .kuQuickSearchImageUploadContainer .klevuQuickSearchingArea {
      padding: 1rem !important;
    }

    .kuQuickSearchImageUploadContainer .kuImageUploadErrorMsgContainer p {
      color: red;
      margin: 0;
      font-size: 12px;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn {
      width: 100%;
      margin: 20px 0;
      text-align: center;
      padding: 10px;
      border-width: 0;
      background-color: #343420;
      color: #fff;
      cursor: pointer;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText::before {
      display: inline-block;
      width: 16px;
      margin-right: 5px;
      cursor: pointer;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.upload::before {
      content: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.333333%207.95508C0.149%207.95508%200%208.10441%200%208.28841V10.3327C0%2010.5167%200.149%2010.6661%200.333333%2010.6661H9.66667C9.851%2010.6661%2010%2010.5167%2010%2010.3327V8.28841C10%208.10441%209.851%207.95508%209.66667%207.95508C9.48233%207.95508%209.33333%208.10441%209.33333%208.28841V9.99941H0.666667V8.28841C0.666667%208.10441%200.517667%207.95508%200.333333%207.95508Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.01445%208.62233C5.19878%208.62233%205.34778%208.473%205.34778%208.289V1.119L7.46211%203.16133C7.52645%203.224%207.61011%203.255%207.69345%203.255C7.78078%203.255%207.86778%203.221%207.93311%203.15333C8.06111%203.021%208.05745%202.81%207.92511%202.682L5.25078%200.0983334C5.25045%200.098%205.25045%200.0980001%205.25011%200.0976667L5.24578%200.0936667C5.23378%200.082%205.21878%200.077%205.20578%200.0676667C5.18445%200.0523334%205.16478%200.0353334%205.14045%200.0253334C5.10245%200.00966674%205.06211%200.00233355%205.02145%200.00133355C5.01911%200.00133355%205.01678%200%205.01445%200C5.01211%200%205.00978%200.00133355%205.00745%200.00133355C4.96678%200.00233355%204.92678%200.00966674%204.88845%200.0253334C4.86411%200.0353334%204.84445%200.0523335%204.82312%200.0673335C4.81012%200.0770002%204.79511%200.082%204.78311%200.0936667L4.77911%200.0973333C4.77878%200.0976666%204.77878%200.0976669%204.77845%200.0980002L2.10412%202.68167C1.97178%202.80967%201.96812%203.02067%202.09612%203.153C2.22345%203.28533%202.43545%203.28933%202.56711%203.161L4.68145%201.11867V8.28867C4.68111%208.473%204.83011%208.62233%205.01445%208.62233Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E);
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn .kuUploadText.processing::before {
      position: absolute;
      margin-left: -20px;
      content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%204.5C7.8674%204.5%207.74023%204.44732%207.64645%204.35355C7.55268%204.25977%207.5%204.1326%207.5%204V1C7.5%200.867392%207.55268%200.740215%207.64645%200.646447C7.74023%200.552677%207.8674%200.5%208%200.5C8.1326%200.5%208.25977%200.552677%208.35355%200.646447C8.44732%200.740215%208.5%200.867392%208.5%201V4C8.5%204.1326%208.44732%204.25977%208.35355%204.35355C8.25977%204.44732%208.1326%204.5%208%204.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M10.82%205.68005C10.7209%205.68013%2010.624%205.65075%2010.5416%205.59568C10.4593%205.54058%2010.3951%205.46225%2010.3573%205.37063C10.3196%205.27903%2010.3099%205.17825%2010.3295%205.0811C10.3491%204.98395%2010.3971%204.89485%2010.4675%204.82505L12.595%202.69755C12.6414%202.6511%2012.6966%202.61425%2012.7573%202.5891C12.818%202.56398%2012.883%202.55103%2012.9487%202.55103C13.0144%202.55103%2013.0795%202.56398%2013.1402%202.5891C13.2009%202.61425%2013.256%202.6511%2013.3025%202.69755C13.3489%202.744%2013.3858%202.79915%2013.4109%202.85985C13.4361%202.92055%2013.449%202.9856%2013.449%203.0513C13.449%203.117%2013.4361%203.18205%2013.4109%203.24275C13.3858%203.30345%2013.3489%203.3586%2013.3025%203.40505L11.175%205.53255C11.1285%205.57935%2011.0732%205.61648%2011.0122%205.64178C10.9513%205.6671%2010.886%205.6801%2010.82%205.68005Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M15%208.5H12C11.8674%208.5%2011.7402%208.44732%2011.6465%208.35355C11.5527%208.25977%2011.5%208.1326%2011.5%208C11.5%207.8674%2011.5527%207.74023%2011.6465%207.64645C11.7402%207.55268%2011.8674%207.5%2012%207.5H15C15.1326%207.5%2015.2598%207.55268%2015.3535%207.64645C15.4473%207.74023%2015.5%207.8674%2015.5%208C15.5%208.1326%2015.4473%208.25977%2015.3535%208.35355C15.2598%208.44732%2015.1326%208.5%2015%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M12.9501%2013.4499C12.8841%2013.45%2012.8188%2013.437%2012.7578%2013.4117C12.6969%2013.3864%2012.6416%2013.3492%2012.5951%2013.3024L10.4676%2011.1749C10.3738%2011.0811%2010.321%2010.9539%2010.321%2010.8212C10.321%2010.6885%2010.3738%2010.5613%2010.4676%2010.4674C10.5614%2010.3736%2010.6886%2010.3209%2010.8213%2010.3209C10.954%2010.3209%2011.0813%2010.3736%2011.1751%2010.4674L13.3026%2012.5949C13.3729%2012.6647%2013.421%2012.7538%2013.4406%2012.851C13.4602%2012.9481%2013.4505%2013.0489%2013.4127%2013.1405C13.375%2013.2321%2013.3108%2013.3105%2013.2284%2013.3656C13.1461%2013.4206%2013.0492%2013.45%2012.9501%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M8%2015.5C7.8674%2015.5%207.74023%2015.4473%207.64645%2015.3535C7.55268%2015.2598%207.5%2015.1326%207.5%2015V12C7.5%2011.8674%207.55268%2011.7402%207.64645%2011.6465C7.74023%2011.5527%207.8674%2011.5%208%2011.5C8.1326%2011.5%208.25977%2011.5527%208.35355%2011.6465C8.44732%2011.7402%208.5%2011.8674%208.5%2012V15C8.5%2015.1326%208.44732%2015.2598%208.35355%2015.3535C8.25977%2015.4473%208.1326%2015.5%208%2015.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M3.04997%2013.4499C2.95087%2013.45%202.85397%2013.4206%202.77159%2013.3656C2.68922%2013.3105%202.62509%2013.2321%202.58732%2013.1405C2.54954%2013.0489%202.53984%2012.9481%202.55944%2012.851C2.57907%2012.7538%202.62709%2012.6647%202.69747%2012.5949L4.82497%2010.4674C4.87142%2010.421%204.92657%2010.3841%204.98727%2010.359C5.04797%2010.3339%205.11302%2010.3209%205.17872%2010.3209C5.24442%2010.3209%205.30947%2010.3339%205.37017%2010.359C5.43087%2010.3841%205.48602%2010.421%205.53247%2010.4674C5.57892%2010.5139%205.61577%2010.569%205.64092%2010.6297C5.66604%2010.6904%205.67899%2010.7555%205.67899%2010.8212C5.67899%2010.8869%205.66604%2010.9519%205.64092%2011.0126C5.61577%2011.0733%205.57892%2011.1285%205.53247%2011.1749L3.40497%2013.3024C3.35844%2013.3492%203.30314%2013.3864%203.24222%2013.4117C3.18127%2013.437%203.11594%2013.45%203.04997%2013.4499Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M4%208.5H1C0.867392%208.5%200.740215%208.44732%200.646447%208.35355C0.552677%208.25977%200.5%208.1326%200.5%208C0.5%207.8674%200.552677%207.74023%200.646447%207.64645C0.740215%207.55268%200.867392%207.5%201%207.5H4C4.1326%207.5%204.25977%207.55268%204.35355%207.64645C4.44732%207.74023%204.5%207.8674%204.5%208C4.5%208.1326%204.44732%208.25977%204.35355%208.35355C4.25977%208.44732%204.1326%208.5%204%208.5Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M5.18005%205.68005C5.11407%205.6801%205.04872%205.6671%204.9878%205.64178C4.92687%205.61648%204.87155%205.57935%204.82505%205.53255L2.69755%203.40505C2.65108%203.3586%202.61423%203.30345%202.5891%203.24275C2.56395%203.18205%202.55103%203.117%202.55103%203.0513C2.55103%202.9856%202.56395%202.92055%202.5891%202.85985C2.61423%202.79915%202.65108%202.744%202.69755%202.69755C2.744%202.6511%202.79915%202.61425%202.85985%202.5891C2.92055%202.56398%202.9856%202.55103%203.0513%202.55103C3.117%202.55103%203.18205%202.56398%203.24275%202.5891C3.30342%202.61425%203.35857%202.6511%203.40505%202.69755L5.53255%204.82505C5.6029%204.89485%205.65095%204.98395%205.67055%205.0811C5.69017%205.17825%205.68047%205.27903%205.6427%205.37063C5.60492%205.46225%205.54077%205.54058%205.4584%205.59568C5.37602%205.65075%205.27915%205.68013%205.18005%205.68005Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn img,
    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn svg {
      margin-right: 5px;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadImageBtn:disabled {
      cursor: default;
      opacity: 0.95;
    }

    .kuQuickSearchImageUploadContainer .kuQuickUploadHeaderTitle {
      font-size: 1.3em;
      display: block;
    }

    .kuQuickSearchImageUploadContainer .kuQuickImageSearchForm {
      display: none !important;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote {
      position: relative;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo {
      padding-left: 24px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchPrivacyNote .kuImgSearchPrivacyNoteInfo::before {
      content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%206%20L%207.167969%206%20C%207.351562%206%207.5%206.183594%207.5%206.332031%20L%207.5%2010.332031%20C%207.5%2010.515625%207.351562%2010.664062%207.167969%2010.664062%20L%206.832031%2010.664062%20C%206.648438%2010.664062%206.5%2010.480469%206.5%2010.332031%20L%206.5%206.332031%20C%206.5%206.148438%206.648438%206%206.832031%206%20Z%20M%206.832031%206%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%206.832031%203.671875%20L%207.167969%203.671875%20C%207.351562%203.671875%207.5%203.855469%207.5%204.003906%20L%207.5%204.671875%20C%207.5%204.855469%207.351562%205.003906%207.167969%205.003906%20L%206.832031%205.003906%20C%206.648438%205.003906%206.5%204.820312%206.5%204.671875%20L%206.5%204.003906%20C%206.5%203.820312%206.648438%203.671875%206.832031%203.671875%20Z%20M%206.832031%203.671875%20%22%2F%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207%2012.992188%20C%208.589844%2012.992188%2010.113281%2012.363281%2011.238281%2011.238281%20C%2012.363281%2010.113281%2012.992188%208.589844%2012.992188%207%20C%2012.992188%205.410156%2012.363281%203.886719%2011.238281%202.761719%20C%2010.113281%201.636719%208.589844%201.007812%207%201.007812%20C%205.410156%201.007812%203.886719%201.636719%202.761719%202.761719%20C%201.636719%203.886719%201.007812%205.410156%201.007812%207%20C%201.007812%208.589844%201.636719%2010.113281%202.761719%2011.238281%20C%203.886719%2012.363281%205.410156%2012.992188%207%2012.992188%20Z%20M%207%2013.992188%20C%205.144531%2013.992188%203.367188%2013.257812%202.054688%2011.945312%20C%200.742188%2010.632812%200.0078125%208.855469%200.0078125%207%20C%200.0078125%205.144531%200.742188%203.367188%202.054688%202.054688%20C%203.367188%200.742188%205.144531%200.0078125%207%200.0078125%20C%208.855469%200.0078125%2010.632812%200.742188%2011.945312%202.054688%20C%2013.257812%203.367188%2013.992188%205.144531%2013.992188%207%20C%2013.992188%208.855469%2013.257812%2010.632812%2011.945312%2011.945312%20C%2010.632812%2013.257812%208.855469%2013.992188%207%2013.992188%20Z%20M%207%2013.992188%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
      display: inline-block;
      width: 16px;
      position: absolute;
      left: 0;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks {
      position: relative;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input {
      position: absolute;
      opacity: 0;
      z-index: -1;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label {
      cursor: pointer;
      position: relative;
      padding-right: 18px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-label::after {
      content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%228px%22%20height%3D%2213px%22%20viewBox%3D%220%200%208%2012%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%207.136719%206.398438%20L%202.277344%2010.953125%20C%202.042969%2011.171875%201.664062%2011.171875%201.429688%2010.953125%20L%200.863281%2010.421875%20C%200.628906%2010.203125%200.628906%209.847656%200.863281%209.625%20L%204.710938%206%20L%200.863281%202.375%20C%200.628906%202.152344%200.628906%201.796875%200.863281%201.578125%20L%201.429688%201.046875%20C%201.664062%200.828125%202.042969%200.828125%202.277344%201.046875%20L%207.136719%205.601562%20C%207.371094%205.820312%207.371094%206.179688%207.136719%206.398438%20Z%20M%207.136719%206.398438%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
      position: absolute;
      right: 0;
      top: 1px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content {
      display: none;
      position: relative;
      background-color: #f5f6f4;
      padding: 10px;
      margin-top: 8px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content p {
      margin: 0;
      padding-left: 64px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img1::before {
      content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2226%22%20height%3D%2229%22%20viewBox%3D%220%200%2026%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%207.65073V21.0515L13%2027.8015L25%2021.0515V7.65073L13%201L1%207.65073Z%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M1%208.14697L13%2014.897L25%208.14697%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M13%2027.8014V14.897%22%20stroke%3D%22%23999999%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A);
      width: 16px;
      position: absolute;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks .accordion-content .img2::before {
      content: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2218%22%20height%3D%2225%22%20viewBox%3D%220%200%2018%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%226%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%220.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%223.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%225.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%229.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2212.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2214.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2218.5%22%20width%3D%227%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3Crect%20x%3D%2210.25%22%20y%3D%2221.25%22%20width%3D%227.5%22%20height%3D%220.5%22%20stroke%3D%22%23999999%22%20stroke-width%3D%220.5%22%2F%3E%0A%3Crect%20x%3D%2210.5%22%20y%3D%2223.5%22%20width%3D%224%22%20height%3D%221%22%20stroke%3D%22%23999999%22%2F%3E%0A%3C%2Fsvg%3E%0A);
      width: 16px;
      position: absolute;
      margin-left: 34px;
      margin-top: 3px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-label::after {
      content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2212px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2012%2013%22%20version%3D%221.1%22%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%3Cpath%20style%3D%22%20stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3Argb%2860%25%2C60%25%2C60%25%29%3Bfill-opacity%3A1%3B%22%20d%3D%22M%205.546875%209.6875%20L%200.339844%204.75%20C%200.0898438%204.511719%200.0898438%204.128906%200.339844%203.890625%20L%200.945312%203.3125%20C%201.199219%203.078125%201.605469%203.074219%201.855469%203.3125%20L%206%207.222656%20L%2010.144531%203.3125%20C%2010.394531%203.074219%2010.800781%203.078125%2011.054688%203.3125%20L%2011.660156%203.890625%20C%2011.910156%204.128906%2011.910156%204.511719%2011.660156%204.75%20L%206.453125%209.6875%20C%206.203125%209.925781%205.796875%209.925781%205.546875%209.6875%20Z%20M%205.546875%209.6875%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E);
      position: absolute;
      right: 0;
      top: 1px;
    }

    .kuQuickSearchImageUploadContainer .kuImgSearchHowItWorks input:checked~.accordion-content {
      display: block;
    }

    @media screen and (max-width: 640px) {

      .klevuTarget.klevu-fluid.kuEmptySearchBox .kuQuickImageSearchWrap,
      .klevuTarget.kuQuickSearchFacetedLayout .kuQuickImageSearchWrap,
      .klevuTarget.kuQuickSearchResultsContainer .kuQuickImageSearchWrap,
      .klevuTarget.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
      .kuEmptySearchBox.klevuTarget.kuQuickSearchResultsContainer.kuPersonalizedSearchRecsEnabled .kuQuickImageSearchWrap,
      .klevuTarget .kuQuickImageSearchWrap {
        position: fixed !important;
        top: 15% !important;
        max-width: 80% !important;
        left: 10% !important;
        right: auto !important;
        z-index: 1000000;
        margin-left: 0;
        width: 80% !important;
      }

      .klevuTarget.klevu-fluid>div.kuQuickImageSearchWrap {
        left: 10% !important;
        width: 80% !important;
        z-index: 1000000 !important;
      }

      .kuImageSearchWrapBackDrop {
        z-index: 1000 !important;
      }

      .kuImageSearchWrapBackDrop::before {
        content: "";
        height: 100% !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
      }

      .kuQuickUploadHeaderTitle {
        text-align: center;
      }

      .kuImgSearchHowItWorks {
        text-align: center;
      }

      .kuImgSearchHowItWorks .accordion-content {
        text-align: left;
      }
    }
  </style>
  <style type="text/css">
    #st-el-1 {
      font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
      ;
      direction: ltr;
      display: block;
      opacity: 1;
      text-align: center;
      z-index: 94034;
    }

    #st-el-1.st-animated {
      -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
    }

    #st-el-1.st-hidden {
      opacity: 0;
    }

    #st-el-1.st-preview {
      display: none !important;
      opacity: 0 !important;
    }

    #st-el-1.st-hide {
      display: none;
    }

    #st-el-1 .st-btn {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      border: none;
      cursor: pointer;
      display: inline-block;
      font-size: 12px;
      height: 40px;
      line-height: 40px;
      margin-right: 8px;
      padding: 0 10px;
      position: relative;
      text-align: center;
      top: 0;
      vertical-align: top;
      white-space: nowrap;
    }

    #st-el-1 .st-btn:last-child {
      margin-right: 0;
    }

    #st-el-1 .st-btn>svg {
      height: 20px;
      width: 20px;
      position: relative;
      top: 10px;
      vertical-align: top;
    }

    #st-el-1 .st-btn>img {
      display: inline-block;
      height: 20px;
      width: 20px;
      position: relative;
      top: 10px;
      vertical-align: top;
    }

    #st-el-1 .st-btn>span {
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      color: #fff;
      display: inline-block;
      font-weight: 500;
      letter-spacing: 0.5px;
      min-width: 67px;
      opacity: 1;
      padding: 0 6px;
      position: relative;
      vertical-align: top;
    }

    #st-el-1.st-has-labels .st-btn {
      min-width: 135px;
    }

    #st-el-1.st-has-labels .st-btn.st-remove-label {
      min-width: 50px;
    }

    #st-el-1.st-has-labels .st-btn.st-remove-label>span {
      display: none;
    }

    #st-el-1.st-has-labels .st-btn.st-hide-label>span {
      display: none;
    }

    #st-el-1 .st-total {
      color: #555;
      display: inline-block;
      font-weight: 500;
      line-height: 15px;
      margin-right: 0;
      max-width: 80px;
      padding: 4px 8px;
      text-align: center;
    }

    #st-el-1 .st-total.st-hidden {
      display: none;
    }

    #st-el-1 .st-total>span {
      font-size: 20px;
      line-height: 22px;
      display: block;
      padding: 0;
    }

    #st-el-1 .st-total>span.st-shares {
      font-size: 12px;
      line-height: 12px;
    }

    #st-el-1.st-justified {
      display: flex;
      text-align: center;
    }

    #st-el-1.st-justified .st-btn {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    #st-el-1 .st-btn:hover {
      opacity: .8;
      top: -4px;
    }

    #st-el-1 .st-btn[data-network='facebook'] {
      background-color: #4267B2
    }

    #st-el-1 .st-btn[data-network='facebook'] img {
      filter:
    }

    #st-el-1 .st-btn[data-network='facebook']>span {
      color: #fff
    }

    #st-el-1 .st-btn[data-network='facebook']>svg {
      fill: #fff;
    }

    #st-el-1 .st-btn[data-network='twitter'] {
      background-color: #000000
    }

    #st-el-1 .st-btn[data-network='twitter'] img {
      filter:
    }

    #st-el-1 .st-btn[data-network='twitter']>span {
      color: #fff
    }

    #st-el-1 .st-btn[data-network='twitter']>svg {
      fill: #fff;
    }

    #st-el-1 .st-btn[data-network='snapchat']>span {
      color: #333
    }

    ;
    }
  </style>
  <style type="text/css">
    #st-2 {
      font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
      ;
      direction: ltr;
      display: block;
      opacity: 1;
      text-align: center;
      z-index: 94034;
    }

    #st-2.st-animated {
      -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
    }

    #st-2.st-hidden {
      opacity: 0;
    }

    #st-2.st-preview {
      display: none !important;
      opacity: 0 !important;
    }

    #st-2.st-hide {
      display: none;
    }

    #st-2 .st-btn {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      border: none;
      cursor: pointer;
      display: inline-block;
      font-size: 12px;
      height: 40px;
      line-height: 40px;
      margin-right: 8px;
      padding: 0 10px;
      position: relative;
      text-align: center;
      top: 0;
      vertical-align: top;
      white-space: nowrap;
    }

    #st-2 .st-btn:last-child {
      margin-right: 0;
    }

    #st-2 .st-btn>svg {
      height: 20px;
      width: 20px;
      position: relative;
      top: 10px;
      vertical-align: top;
    }

    #st-2 .st-btn>img {
      display: inline-block;
      height: 20px;
      width: 20px;
      position: relative;
      top: 10px;
      vertical-align: top;
    }

    #st-2 .st-btn>span {
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      color: #fff;
      display: inline-block;
      font-weight: 500;
      letter-spacing: 0.5px;
      min-width: 67px;
      opacity: 1;
      padding: 0 6px;
      position: relative;
      vertical-align: top;
    }

    #st-2.st-has-labels .st-btn {
      min-width: 135px;
    }

    #st-2.st-has-labels .st-btn.st-remove-label {
      min-width: 50px;
    }

    #st-2.st-has-labels .st-btn.st-remove-label>span {
      display: none;
    }

    #st-2.st-has-labels .st-btn.st-hide-label>span {
      display: none;
    }

    #st-2 .st-total {
      color: #555;
      display: inline-block;
      font-weight: 500;
      line-height: 15px;
      margin-right: 0;
      max-width: 80px;
      padding: 4px 8px;
      text-align: center;
    }

    #st-2 .st-total.st-hidden {
      display: none;
    }

    #st-2 .st-total>span {
      font-size: 20px;
      line-height: 22px;
      display: block;
      padding: 0;
    }

    #st-2 .st-total>span.st-shares {
      font-size: 12px;
      line-height: 12px;
    }

    #st-2.st-justified {
      display: flex;
      text-align: center;
    }

    #st-2.st-justified .st-btn {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    #st-2 .st-btn:hover {
      opacity: .8;
      top: -4px;
    }

    #st-2 .st-btn[data-network='facebook'] {
      background-color: #4267B2
    }

    #st-2 .st-btn[data-network='facebook'] img {
      filter:
    }

    #st-2 .st-btn[data-network='facebook']>span {
      color: #fff
    }

    #st-2 .st-btn[data-network='facebook']>svg {
      fill: #fff;
    }

    #st-2 .st-btn[data-network='twitter'] {
      background-color: #000000
    }

    #st-2 .st-btn[data-network='twitter'] img {
      filter:
    }

    #st-2 .st-btn[data-network='twitter']>span {
      color: #fff
    }

    #st-2 .st-btn[data-network='twitter']>svg {
      fill: #fff;
    }

    #st-2 .st-btn[data-network='snapchat']>span {
      color: #333
    }

    ;
    }
  </style>
  <style type="text/css">
    #st-3 {
      font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
      ;
      direction: ltr;
      display: block;
      opacity: 1;
      text-align: center;
      z-index: 94034;
    }

    #st-3.st-animated {
      -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
      transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
    }

    #st-3.st-hidden {
      opacity: 0;
    }

    #st-3.st-preview {
      display: none !important;
      opacity: 0 !important;
    }

    #st-3.st-hide {
      display: none;
    }

    #st-3 .st-btn {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
      transition: opacity 0.2s ease-in, top 0.2s ease-in;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      border: none;
      cursor: pointer;
      display: inline-block;
      font-size: 12px;
      height: 40px;
      line-height: 40px;
      margin-right: 8px;
      padding: 0 10px;
      position: relative;
      text-align: center;
      top: 0;
      vertical-align: top;
      white-space: nowrap;
    }

    #st-3 .st-btn:last-child {
      margin-right: 0;
    }

    #st-3 .st-btn>svg {
      height: 20px;
      width: 20px;
      position: relative;
      top: 10px;
      vertical-align: top;
    }

    #st-3 .st-btn>img {
      display: inline-block;
      height: 20px;
      width: 20px;
      position: relative;
      top: 10px;
      vertical-align: top;
    }

    #st-3 .st-btn>span {
      -moz-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      color: #fff;
      display: inline-block;
      font-weight: 500;
      letter-spacing: 0.5px;
      min-width: 67px;
      opacity: 1;
      padding: 0 6px;
      position: relative;
      vertical-align: top;
    }

    #st-3.st-has-labels .st-btn {
      min-width: 135px;
    }

    #st-3.st-has-labels .st-btn.st-remove-label {
      min-width: 50px;
    }

    #st-3.st-has-labels .st-btn.st-remove-label>span {
      display: none;
    }

    #st-3.st-has-labels .st-btn.st-hide-label>span {
      display: none;
    }

    #st-3 .st-total {
      color: #555;
      display: inline-block;
      font-weight: 500;
      line-height: 15px;
      margin-right: 0;
      max-width: 80px;
      padding: 4px 8px;
      text-align: center;
    }

    #st-3 .st-total.st-hidden {
      display: none;
    }

    #st-3 .st-total>span {
      font-size: 20px;
      line-height: 22px;
      display: block;
      padding: 0;
    }

    #st-3 .st-total>span.st-shares {
      font-size: 12px;
      line-height: 12px;
    }

    #st-3.st-justified {
      display: flex;
      text-align: center;
    }

    #st-3.st-justified .st-btn {
      -moz-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
    }

    #st-3 .st-btn:hover {
      opacity: .8;
      top: -4px;
    }

    #st-3 .st-btn[data-network='facebook'] {
      background-color: #4267B2
    }

    #st-3 .st-btn[data-network='facebook'] img {
      filter:
    }

    #st-3 .st-btn[data-network='facebook']>span {
      color: #fff
    }

    #st-3 .st-btn[data-network='facebook']>svg {
      fill: #fff;
    }

    #st-3 .st-btn[data-network='twitter'] {
      background-color: #000000
    }

    #st-3 .st-btn[data-network='twitter'] img {
      filter:
    }

    #st-3 .st-btn[data-network='twitter']>span {
      color: #fff
    }

    #st-3 .st-btn[data-network='twitter']>svg {
      fill: #fff;
    }

    #st-3 .st-btn[data-network='snapchat']>span {
      color: #333
    }

    ;
    }
  </style>
</head>

<body data-container="body" data-mage-init='{"loaderAjax": {}, "loader": { "icon": "assets/zeusslot-favicon.png"}}'
  class="breeze breeze-theme page-product-configurable catalog-product-view product-nordic-naturals-baby-s-dha-52135545-AYO01 page-layout-1column"
  id="html-body" itemtype="http://schema.org/Product" itemscope="itemscope" data-breeze-processed="true">
  <script type="text/x-magento-init" data-breeze-processed="true">

      {
          "*": {
              "Magento_PageBuilder/js/widget-initializer": {
                  "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false}},
                  "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}}            }
          }
      }
    </script>
  <noscript>
    <div class="message global noscript">
      <div class="content">
        <p>
          <strong>sepertinya JavaScript tidak aktif pada browser anda
          </strong>
          <span>Untuk pengalaman terbaik di situs kami, pastikan untuk
            mengaktifkan Javascript di browser Anda.
          </span>
        </p>
      </div>
    </div>
  </noscript>
  <script data-breeze="">
    var cookiesConfig = {
      expires: null,
      path: "\u002F",
      domain: ".mothercare.co.id",
      secure: true,
      lifetime: "3600",
    };
  </script>

  <script>
    var googleMapsConfig = {
      src: "https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D",
      style: "",
      apiKey: "",
    };
  </script>
  <div class="page-wrapper">
    <header class="page-header">
      <div class="panel wrapper">
        <div class="panel header" style="background-color: #a30f0f">
          <a class="action skip contentarea" href="https://www.jaerestaurantgroup.com/#contentarea">
            <span>lewati ke Konten </span>
          </a>
          <div class="left_top_header">
            <div class="top-header-components-mc left-top">
              <div class="header_panel_info">
                <ul>
                  <li class="download-app-link">
                    <a href="https://go.jaerestaurantgroup.com/">
                      <img width="14" height="14" alt="download icon" loading="lazy" src="assets/app.png" />download
                      apps
                    </a>
                    <div class="download-popup">
                      <div class="wrap">
                        <div class="right-cols">
                          <div class="app-content">
                            download app from:

                            <div class="view code app_store">
                              <a class="sh-store-link" href="https://go.jaerestaurantgroup.com/" target="_blank"
                                ng-click="callAction($event, &#39;appStore&#39;)">
                                <img loading="lazy" width="200" height="60" alt="app store" class="sh-store-link__image"
                                  src="assets/apple-en.png" />
                              </a>
                            </div>
                            <div class="view code play_store">
                              <a class="sh-store-link" data-test="google-play-link"
                                href="https://go.jaerestaurantgroup.com/" target="_blank"
                                ng-click="callAction($event, &#39;appStore&#39;)">
                                <img loading="lazy" width="200" height="60" alt="google play"
                                  class="sh-store-link__image" src="assets/google-en.png" />
                              </a>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <a href="https://go.jaerestaurantgroup.com/">
                      <img loading="lazy" width="40" height="auto" alt="gift registry icon"
                        src="assets/gift_white.svg" />gift registry
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="right_top_header">
            <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language">
              <strong class="label switcher-label">
                <span>Bahasa</span>
              </strong>
              <div class="actions dropdown options switcher-options">
                <div class="action toggle switcher-trigger" id="switcher-language-trigger">
                  <strong class="view-mothercare_website_bahasa">
                    <span>ID</span>
                  </strong>
                </div>
                <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none">
                  <ul class="dropdown switcher-dropdown" data-mage-init='{"dropdownDialog":{
                "appendTo":"#switcher-language &gt; .options",
                "triggerTarget":"#switcher-language-trigger",
                "closeOnMouseLeave": false,
                "triggerClass":"active",
                "parentClass":"active",
                "buttons":null}}' data-breeze-processed="true"></ul>
                </div>
                <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none">
                  <ul class="dropdown switcher-dropdown" data-mage-init='{"dropdownDialog":{
                "appendTo":"#switcher-language &gt; .options",
                "triggerTarget":"#switcher-language-trigger",
                "closeOnMouseLeave": false,
                "triggerClass":"active",
                "parentClass":"active",
                "buttons":null}}' data-breeze-processed="true"></ul>
                </div>
              </div>
            </div>
            <style>
              .switch {
                position: relative;
                display: inline-block;
                width: 60px;
                height: 34px;
              }

              .switch input {
                opacity: 0;
                width: 0;
                height: 0;
              }

              .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #ccc;
                -webkit-transition: 0.4s;
                transition: 0.4s;
              }

              .slider:before {
                position: absolute;
                content: "ID";
                height: 26px;
                width: 26px;
                left: 4px;
                bottom: 4px;
                background-color: white;
                -webkit-transition: 0.4s;
                transition: 0.4s;
                color: #000;
              }

              input:checked+.slider {
                background-color: #ccc;
              }

              input:focus+.slider {
                box-shadow: 0 0 1px #f0b400;
              }

              input:checked+.slider:before {
                -webkit-transform: translateX(26px);
                -ms-transform: translateX(26px);
                transform: translateX(26px);
                content: "EN";
                color: #000;
              }

              /* Rounded sliders */
              .slider.round {
                border-radius: 34px;
              }

              .slider.round:before {
                border-radius: 50%;
              }
            </style>
            <div class="top-header-components-mc">
              <div class="lang-switch-mc">
                <li>
                  <label class="switch">
                    <input type="checkbox" checked="" />
                    <span class="slider round"></span>
                  </label>
                </li>
              </div>
              <div class="header_panel_info">
                <ul>
                  <li>
                    <a href="https://go.jaerestaurantgroup.com/">
                      <img loading="lazy" width="40" height="auto" alt="store finder icon"
                        src="assets/zeusslot-favicon.png" />LOGIN
                    </a>
                  </li>
                  <li>
                    <a href="https://go.jaerestaurantgroup.com/">
                      <img loading="lazy" width="40" height="auto" alt="Kanmo Circle logo"
                        src="assets/zeusslot-favicon.png" />DAFTAR
                    </a>
                  </li>
                  <li>
                    <a href="https://go.jaerestaurantgroup.com/" target="_blank">
                      <img loading="lazy" width="40" height="auto" alt="Whatsapp logo"
                        src="assets/Whatsapp_Logo.svg" />Contact Us
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <style>
              .header_panel_info ul {
                display: flex;
                column-gap: 20px;
                list-style: none;
              }

              .header_panel_info img {
                margin-right: 10px;
              }

              .panel.header div {
                width: 100%;
              }

              .top-header-components-mc {
                display: flex;
                justify-content: space-between;
              }

              .lang-switch-mc li {
                list-style: none;
              }

              @media only screen and (max-width: 769px) {
                .header_panel_info ul {
                  flex-direction: column;
                }
              }
            </style>
          </div>
        </div>
      </div>
      <div class="header content">
        <span data-action="toggle-nav" class="action nav-toggle" tabindex="0">
          <span>Toggle Nav</span>
        </span>
        <a class="logo" href="https://www.jaerestaurantgroup.com/" title="" aria-label="store logo">
          <img src="assets/zeusslot-logo.png" title="" alt="" width="155" height="28" />
        </a>
        <div class="kanmo-middle-header">
          <div class="navigation-wrapper">
            <span data-action="toggle-nav" class="button-close" tabindex="0"></span>
            <div class="top-header-components-mc mobile-component">
              <div class="header_panel_info">
                <ul>
                  <li>
                    <a href="https://www.jaerestaurantgroup.com/">
                      <span>
                        <img loading="lazy" width="22" height="22" alt="Kanmo Circle logo"
                          src="assets/KanmoCircle.svg" />
                      </span>
                      about Kanmo Circle
                    </a>
                  </li>
                  <li>
                    <a href="https://www.jaerestaurantgroup.com/">
                      <img loading="lazy" width="40" height="auto" alt="gift registry icon"
                        src="assets/gift_blue.svg" />gift registry
                    </a>
                  </li>
                  <li>
                    <a href="https://www.jaerestaurantgroup.com/">
                      <span>
                        <img loading="lazy" width="22" height="22" alt="store finder icon"
                          src="assets/storefinder_blue.svg" />
                      </span>
                      store finder
                    </a>
                  </li>
                  <li>
                    <a href="https://www.jaerestaurantgroup.com/" target="_blank">
                      <span>
                        <img loading="lazy" width="22" height="22" alt="Whatsapp logo" src="assets/Whatsapp_Logo.svg" />
                      </span>
                      contact us
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="block ves-menu ves-megamenu-mobile" id="menu-top-mothercare1742308061777474800-menu">
              <nav class="navigation" role="navigation" data-action="navigation">
                <ul id="menu-top-mothercare1742308061777474800" class="ves-megamenu menu-hover ves-horizontal"
                  data-mage-init='{"menu":{"responsive":false, "expanded":false, "position":{"my":"left top","at":"left bottom"}}}'
                  data-toggle-mobile-nav="false" data-breeze-processed="true">
                  <li id="vesitem-884521742308061573800708"
                    class="nav-item level0 submenu-left subhover dropdown level-top">
                    <a href="https://www.jaerestaurantgroup.com/" style="font-size: 12px" class="nav-anchor">
                      <span>ZEUSSLOT</span>
                      <span class="caret"></span>
                      <span class="opener"></span>
                    </a>
                    <div class="submenu animated dropdown-menu" style="
                          width: 100%;
                          animation-duration: 0.5s;
                          -webkit-animation-duration: 0.5s;
                        ">
                      <div class="content-wrap">
                        <div class="megamenu-content" style="width: 100%">
                          <div class="nav-dropdown">
                            <div class="nav-desk row equal nav-revamp">
                              <div class="col-md-12">
                                <div class="row">
                                  <div class="brand-az">
                                    <a href="https://www.jaerestaurantgroup.com/" title="A" class="active">A</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="B">B</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="C">C</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="D">D</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="E">E</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="F">F</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="G">G</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="H">H</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="I">I</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="J">J</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="K">K</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="L">L</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="M">M</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="N">N</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="O">O</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="P">P</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="Q">Q</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="R">R</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="S">S</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="T">T</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="U">U</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="V">V</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="W">W</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="X">X</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="Y">Y</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="Z">Z</a>
                                    <a href="https://www.jaerestaurantgroup.com/" title="0" class="number"
                                      style="white-space: nowrap">0-9</a>
                                  </div>
                                  <div class="brand-wrapper">
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/addo.html">Addo</a>
                                    </p>
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/adidas.html">Adidas</a>
                                    </p>
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/airfree.html">Airfree</a>
                                    </p>
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/alamii.html">Alamii</a>
                                    </p>
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/amara.html">Amara</a>
                                    </p>
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/aqua-scale.html">Aqua Scale</a>
                                    </p>
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/asics.html">Asics</a>
                                    </p>
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/aveeno.html">Aveeno</a>
                                    </p>
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/awan.html">Awan</a>
                                    </p>
                                    <p class="brand-name" style="display: block">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/azetabio.html">Azetabio</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a
                                        href="https://www.jaerestaurantgroup.com/brand-a-z/baabaasheepz.html">Baabaasheepz</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/babiators.html">Babiators</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/dove.html">Baby Dove</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/baby-jogger.html">Baby
                                        Jogger</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/baby-rovega.html">Baby
                                        Rovega</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/babybee.html">Babybee</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/banana-boat.html">Banana
                                        Boat</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/banz.html">Banz</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/barbie.html">Barbie</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/beaba.html">Beaba</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/beauty-barn.html">Beauty
                                        Barn</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/bio-oil.html">Bio Oil</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/biolane.html">Biolane</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/bite-fighters.html">Bite
                                        Fighters</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/bizzi-growin.html">Bizzi
                                        Growin</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/blackmores.html">Blackmores</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/blooming-marvellous.html">Blooming
                                        Marvellous</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/bonnels.html">Bonnels</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/bravado.html">Bravado</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/bruder.html">Bruder</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/brush-baby.html">Brush Baby</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/buds.html">Buds Organics</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/bugaboo.html">Bugaboo</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/buggygear.html">Buggygear</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/bumkins.html">Bumkins</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/cetaphil.html">Cetaphil</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/chicco.html">Chicco</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/childlife.html">Childlife</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/clevamama.html">Clevamama</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/cocolatte.html">Cocolatte</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a
                                        href="https://www.jaerestaurantgroup.com/brand-a-z/cottonseeds.html">Cottonseeds</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/cozy-n-safe.html">Cozy N
                                        Safe</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/crane.html">Crane</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/cybex.html">Cybex</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/dae-organics.html">Dae
                                        Organics</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/docare.html">Docare</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/doona.html">Doona</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/down-to-earth.html">Down To
                                        Earth</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/drew.html">Drew</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/dr-brown-s.html">Dr. Brown's</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/elc.html">ELC</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/ergobaby.html">Ergobaby</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/expert-care.html">Expert
                                        Care</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/ezyroller.html">Ezyroller</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/felt-so-sweet.html">Felt So
                                        Sweet</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/fisher-price.html">Fisher
                                        Price</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/flipper.html">Flipper</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/friends-of-sally.html">Friends
                                        Of Sally</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/gb.html">Gb</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/geko.html">Geko</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/graco.html">Graco</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/gund.html">Gund</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/habbie.html">Habbie</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/haenim.html">Haenim</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/happy-horse.html">Happy
                                        Horse</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/happy-tummy.html">Happy
                                        Tummy</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/hauck.html">Hauck</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/havaianas.html">Havaianas</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/hegen.html">Hegen</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/hot-wheels.html">Hot Wheels</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/hybrid.html">Hybrid</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/inlacta-dha.html">Inlacta
                                        DHA</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/interlac.html">Interlac</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/ivenet.html">Ivenet</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/jack-n-jill.html">Jack N
                                        Jill</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/joie.html">Joie</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/joolz.html">Joolz</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/jujube.html">Jujube</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/kiddycuts.html">Kiddycuts</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/kumon.html">Kumon</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/leapfrog.html">Leapfrog</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/leclerc.html">Leclerc</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/lee-vierra.html">Lee Vierra</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/lillebaby.html">Lillebaby</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/little-bird-told-me.html">Little
                                        Bird Told Me</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/little-miss-janis.html">Little
                                        Miss Janis</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/london-taxi.html">London
                                        Taxi</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/love-to-dream.html">Love To
                                        Dream</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/magformers.html">Magformers</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/mamaschoice.html">Mama's
                                        Choice</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/mamas-papas.html">Mamas
                                        &amp;Papas</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/mamaway.html">Mamaway</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/maxi-cosi.html">Maxi Cosi</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/megabloks.html">Megabloks</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/micro.html">Micro</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/mideer.html">MiDeer</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/mimi-lula.html">Mimi
                                        &amp;Lula</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/mini-monkey.html">Mini
                                        Monkey</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/moby.html">Moby</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/momami.html">Momami</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/mothercare.html">Mothercare</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/mustela.html">Mustela</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/my-buddy-tag.html">My Buddy
                                        Tag</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/my-k.html">My K</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/naif.html">Naif</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/nike.html">Nike</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/nordic-natural.html">Nordic
                                        Natural</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/nuby.html">Nuby</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/nuna.html">Nuna</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/oh-ma-grain.html">Oh Ma
                                        Grain</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/okiedog.html">Okiedog</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/peachy.html">Peachy</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/phil-ted-s.html">Phil
                                        &amp;Ted's</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/philips-avent.html">Philips
                                        Avent</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/pigeon.html">Pigeon</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/playgro.html">Playgro</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/poled-global.html">Poled
                                        Global</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/ponycycle.html">Ponycycle</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/puma.html">Puma</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/pureats.html">Pureats</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/qv-baby.html">QV Baby</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/real-shades.html">Real
                                        Shades</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/red-castle.html">Red Castle</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/ribbon-madness.html">Ribbon
                                        Madness</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/sebamed.html">Sebamed</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/silver-cross.html">Silver
                                        Cross</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/simply-idea.html">Simply
                                        Idea</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/skip-hop.html">Skip Hop</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/spectra.html">Spectra</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a
                                        href="https://www.jaerestaurantgroup.com/brand-a-z/squishmallows.html">Squishmallows</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/starbooks.html">Starbooks</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/stick-o.html">Stick-O</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/stokke.html">Stokke</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/sudocrem.html">Sudocrem</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/sumimo.html">Sumimo</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/sunnylife.html">Sunnylife</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a
                                        href="https://www.jaerestaurantgroup.com/brand-a-z/sun-staches.html">Sun-Staches</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/swimava.html">Swimava</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/tommee-tippee.html">Tommee
                                        Tippee</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/trunki.html">Trunki</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/tutti-bambini.html">Tutti
                                        Bambini</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/twistshake.html">Twistshake</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/ty-toys.html">TY Toys</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/veja.html">Veja</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/vitaflow.html">Vitaflow</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/vtech.html">Vtech</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/waterland.html">Waterland</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/wellness.html">Wellness</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/xootz.html">Xootz</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/yamatoya.html">Yamatoya</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/zaxy.html">Zaxy</a>
                                    </p>
                                    <p class="brand-name" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/zoggs.html">Zoggs</a>
                                    </p>
                                    <p class="brand-name numb" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/4moms.html">4Moms</a>
                                    </p>
                                    <p class="brand-name numb" style="display: none">
                                      <a href="https://www.jaerestaurantgroup.com/brand-a-z/59s.html">59S</a>
                                    </p>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="nav-mob row equal has-image">
                              <div class="col-md-12">
                                <div class="row">
                                  <!--column 1-->
                                  <div class="col-md-3">
                                    <div class="mn-block">
                                      <h4 class="screen-only">Brand A-Z</h4>
                                      <div class="menav" style="
                                            height: 340px;
                                            width: 240px;
                                            border: 0px;
                                            overflow: scroll;
                                            scrollbar-width: none;
                                            overflow-x: hidden;
                                          ">
                                        <ul style="width: 100%; border: 0px">
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">A</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/addo.html">Addo</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/adidas.html"
                                                class="">Adidas</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/airfree.html"
                                                class="">Airfree</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/alamii.html">Alamii</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/amara.html">Amara</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/aqua-scale.html">Aqua
                                                Scale</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/asics.html">Asics</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/aveeno.html">Aveeno</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/awan.html">Awan</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/azetabio.html">Azetabio</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">B</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/baabaasheepz.html">Baabaasheepz</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/babiators.html">Babiators</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/dove.html">Baby Dove</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/baby-jogger.html">Baby
                                                Jogger</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/baby-rovega.html">Baby
                                                Rovega</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/babybee.html">Babybee</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/banana-boat.html">Banana
                                                Boat</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/banz.html">Banz</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/barbie.html">Barbie</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/beaba.html">Beaba</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/beauty-barn.html">Beauty
                                                Barn</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/bio-oil.html">Bio
                                                Oil</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/biolane.html">Biolane</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/bite-fighters.html">Bite
                                                Fighters</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/bizzi-growin.html">Bizzi
                                                Growin</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/blackmores.html">Blackmores</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/blooming-marvellous.html">Blooming
                                                Marvellous</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/bonnels.html">Bonnels</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/bravado.html">Bravado</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/bruder.html">Bruder</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/brush-baby.html">Brush
                                                Baby</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/buds.html">Buds
                                                Organics</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/bugaboo.html">Bugaboo</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/buggygear.html">Buggygear</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/bumkins.html">Bumkins</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">C</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/cetaphil.html">Cetaphil</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/chicco.html">Chicco</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/childlife.html">Childlife</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/clevamama.html">Clevamama</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/cocolatte.html">Cocolatte</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/cottonseeds.html">Cottonseeds</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/cozy-n-safe.html">Cozy N
                                                Safe</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/crane.html">Crane</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/cybex.html">Cybex</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">D</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/dae-organics.html">Dae
                                                Organics</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/docare.html">Docare</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/doona.html">Doona</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/down-to-earth.html">Down
                                                To Earth</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/drew.html">Drew</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/dr-brown-s.html">Dr.
                                                Brown's</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">E</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/elc.html">ELC</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/ergobaby.html">Ergobaby</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/expert-care.html">Expert
                                                Care</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/ezyroller.html">Ezyroller</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">F</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/felt-so-sweet.html">Felt
                                                So Sweet</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/fisher-price.html">Fisher
                                                Price</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/flipper.html">Flipper</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/friends-of-sally.html">Friends
                                                Of Sally</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">G</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/gb.html">Gb</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/geko.html">Geko</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/graco.html">Graco</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/gund.html">Gund</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">H</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/habbie.html">Habbie</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/haenim.html">Haenim</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/happy-horse.html">Happy
                                                Horse</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/happy-tummy.html">Happy
                                                Tummy</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/hauck.html">Hauck</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/havaianas.html">Havaianas</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/hegen.html">Hegen</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/hot-wheels.html">Hot
                                                Wheels</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/hybrid.html">Hybrid</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">I</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/inlacta-dha.html">Inlacta
                                                DHA</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/interlac.html">Interlac</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/ivenet.html">Ivenet</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">J</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/jack-n-jill.html">Jack N
                                                Jill</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/joie.html">Joie</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/joolz.html">Joolz</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/jujube.html">Jujube</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">K</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/kiddycuts.html">Kiddycuts</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/kumon.html">Kumon</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">L</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/leapfrog.html">Leapfrog</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/leclerc.html">Leclerc</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/lee-vierra.html">Lee
                                                Vierra</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/lillebaby.html">Lillebaby</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/little-bird-told-me.html">Little
                                                Bird Told Me</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/little-miss-janis.html">Little
                                                Miss Janis</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/london-taxi.html">London
                                                Taxi</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/love-to-dream.html">Love
                                                To Dream</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">M</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/magformers.html">Magformers</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/mamaschoice.html">Mama's
                                                Choice</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/mamas-papas.html">Mamas
                                                &amp;Papas</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/mamaway.html">Mamaway</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/maxi-cosi.html">Maxi
                                                Cosi</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/megabloks.html">Megabloks</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/micro.html">Micro</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/mideer.html">MiDeer</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/mimi-lula.html">Mimi
                                                &amp;Lula</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/mini-monkey.html">Mini
                                                Monkey</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/moby.html">Moby</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/momami.html">Momami</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/mothercare.html">Mothercare</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/mustela.html">Mustela</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/my-buddy-tag.html">My
                                                Buddy Tag</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/my-k.html">My K</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">N</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/naif.html">Naif</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/nike.html">Nike</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/nordic-natural.html">Nordic
                                                Natural</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/nuby.html">Nuby</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/nuna.html">Nuna</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">O</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/oh-ma-grain.html">Oh Ma
                                                Grain</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/okiedog.html">Okiedog</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">P</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/peachy.html">Peachy</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/phil-ted-s.html">Phil
                                                &amp;Ted's</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/philips-avent.html">Philips
                                                Avent</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/pigeon.html">Pigeon</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/playgro.html">Playgro</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/poled-global.html">Poled
                                                Global</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/ponycycle.html">Ponycycle</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/puma.html">Puma</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/pureats.html">Pureats</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">Q</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/qv-baby.html">QV
                                                Baby</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">R</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/real-shades.html">Real
                                                Shades</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/red-castle.html">Red
                                                Castle</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/ribbon-madness.html">Ribbon
                                                Madness</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">S</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/sebamed.html">Sebamed</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/silver-cross.html">Silver
                                                Cross</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/simply-idea.html">Simply
                                                Idea</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/skip-hop.html">Skip
                                                Hop</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/spectra.html">Spectra</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/squishmallows.html">Squishmallows</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/starbooks.html">Starbooks</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/stick-o.html">Stick-O</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/stokke.html">Stokke</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/sudocrem.html">Sudocrem</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/sumimo.html">Sumimo</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/sunnylife.html">Sunnylife</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/sun-staches.html">Sun-Staches</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/swimava.html">Swimava</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">T</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/tommee-tippee.html">Tommee
                                                Tippee</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/trunki.html">Trunki</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/tutti-bambini.html">Tutti
                                                Bambini</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/twistshake.html">Twistshake</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/ty-toys.html">TY
                                                Toys</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">U</h5>
                                          </li>
                                          <li></li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">V</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/veja.html">Veja</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/vitaflow.html">Vitaflow</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/vtech.html">Vtech</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">W</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/waterland.html">Waterland</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/wellness.html">Wellness</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">X</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/xootz.html">Xootz</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">Y</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a
                                                href="https://www.jaerestaurantgroup.com/brand-a-z/yamatoya.html">Yamatoya</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">Z</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/zaxy.html">Zaxy</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/zoggs.html">Zoggs</a>
                                            </p>
                                          </li>
                                          <li style="width: 100%; border: 0px">
                                            <h5 class="edh5">0-9</h5>
                                          </li>
                                          <li>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/4moms.html">4Moms</a>
                                            </p>
                                            <p class="brand-name" style="display: block">
                                              <a href="https://www.jaerestaurantgroup.com/brand-a-z/59s.html">59S</a>
                                            </p>
                                          </li>
                                        </ul>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <style media="screen">
                              .ves-megamenu li.level0>a.anchor-active,
                              .ves-megamenu-mobile .nav-mobile li.level0>a.anchor-active {
                                color: #7a0d0d;
                              }

                              .nav-desk {
                                display: flex;
                              }

                              .nav-mob {
                                display: none;
                              }

                              .menav .te_az {
                                display: block !important;
                              }

                              .menav .te_az .ks_content {
                                padding-bottom: 10px;
                              }

                              @media screen and (min-width: 640px) {
                                .header.content .ves-megamenu.menu-hover .subhover:hover .megamenu-content .menav ul li p {
                                  border: 0;
                                  padding: 0;
                                  padding-bottom: 5px;
                                  text-transform: lowercase;
                                }
                              }

                              @media screen and (max-width: 767px) {
                                .nav-desk {
                                  display: none;
                                }

                                .nav-mob {
                                  display: flex;
                                }

                                .mn-block .menav {
                                  min-height: 20px;
                                  margin: 10px;
                                }
                              }

                              .brand-az {
                                width: 100%;
                                display: flex;
                                align-items: flex-start;
                                justify-content: space-around;
                                flex-flow: wrap row;
                                margin: 0 20px 20px;
                                border-bottom: 1px solid #e3e3e3;
                              }

                              .brand-az a {
                                display: flex;
                                justify-content: center;
                                padding: 10px !important;
                                border-radius: 8px;
                                font-size: 1.2em;
                                line-height: 1;
                                font-weight: 500;
                                text-decoration: none;
                                color: darkgray;
                              }

                              .brand-az a:hover {
                                background: #ddd;
                                color: #444;
                              }

                              .brand-az a.active {
                                background: #f0b400 !important;
                                color: #fff !important;
                              }

                              .brand-wrapper {
                                display: grid;
                                grid-template-columns: repeat(6, 1fr);
                                width: 100%;
                                margin: 0 20px;
                              }

                              .ves-megamenu .nav-revamp .row {
                                display: flex;
                                flex-wrap: wrap;
                              }

                              .headcontent p,
                              .headcontent p a {
                                color: #b31217 !important;
                                font-weight: 600;
                                margin-bottom: 5px !important;
                                font-size: 18px;
                              }

                              .navigation .level0 .submenu .ks_content p a {
                                color: #414141;
                                text-decoration: none;
                                font-size: 14px;
                              }

                              .navigation .level0 .submenu .ks_content p a:hover,
                              .headcontent p a:hover {
                                text-decoration: underline;
                                color: #7a0d0d !important;
                              }

                              .te_az .ks_content p {
                                margin-bottom: 3px;
                              }

                              .ves-menu .ves-megamenu.menu-hover .dropdown.clicked>.dropdown-menu {
                                width: 100%;
                              }

                              .mn-block .menav {
                                min-height: 45px;
                              }

                              @media screen and (max-width: 767px) {
                                .ves-megamenu .nav-revamp .row {
                                  display: block;
                                }

                                .brand-az {
                                  width: 265px;
                                  overflow-x: scroll;
                                  display: flex;
                                  align-items: flex-start;
                                  justify-content: flex-start;
                                  flex-flow: row;
                                  margin: 0 10px 10px;
                                }

                                .brand-wrapper {
                                  display: grid;
                                  grid-template-columns: repeat(2, 1fr);
                                }

                                .mn-block .menav {
                                  min-height: 20px;
                                  margin: 10px;
                                }

                                .nav-mobile li {
                                  border: 0 !important;
                                }

                                .headcontent p,
                                .headcontent p a {
                                  font-size: 16px;
                                }
                              }
                            </style>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li id="vesitem-8845517423080611320572800"
                    class="nav-item level0 submenu-left subhover dropdown level-top">
                    <a href="https://www.jaerestaurantgroup.com/" style="font-size: 12px; white-space: nowrap"
                      class="nav-anchor">
                      <span>SITUS SLOT88</span>
                      <span class="caret"></span>
                      <span class="opener"></span>
                    </a>
                    <div class="submenu animated dropdown-menu" style="
                          width: 100%;
                          animation-duration: 0.5s;
                          -webkit-animation-duration: 0.5s;
                        ">
                      <div class="content-wrap">
                        <div class="megamenu-content" style="width: 100%">
                          <div class="nav-dropdown">
                            <div class="row">
                              <!-- column 1  -->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.jaerestaurantgroup.com/new-arrival/fashion.html">produk
                                          terbaru</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>aksesoris</p>
                                    </div>
                                    <ul class="te_az" style="padding: 0">
                                      <li class="ks_content">
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/kids-accessories/bags.html">tas</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/kids-accessories/sunglasses.html">kacamata</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/kids-accessories/hair-accessories.html">aksesoris
                                            rambut</a>
                                        </p>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                              <!--column 1-->
                              <!--column 2-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.mothercare.co.id/clothing-essentials.html">kebutuhan
                                          bayi</a>
                                      </p>
                                    </div>
                                    <ul class="te_az" style="padding: 0">
                                      <li class="ks_content">
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/sleepsuits.html">pakaian
                                            tidur</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/all-in-ones.html">set
                                            &amp;terusan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/clothing-essentials/baby/sleepsuits-all-in-ones-pjs/pyjamas.html">piyama</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/clothing-essentials/baby/bodysuits.html">bodysuits</a>
                                        </p>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>sepatu &amp;kaus kaki</p>
                                    </div>
                                    <ul class="te_az" style="padding: 0">
                                      <li class="ks_content">
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/footwear/baby.html" class="">sepatu
                                            bayi</a>
                                        </p>
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/footwear/kids.html" class="">sepatu
                                            anak</a>
                                        </p>
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/footwear/sandals.html">sandal</a>
                                        </p>
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/footwear/socks.html">kaus kaki</a>
                                        </p>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                              <!-- column 1  -->
                              <!--column 3-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>fashion bayi (0bln-3thn)</p>
                                    </div>
                                    <ul class="te_az" style="padding: 0">
                                      <li class="ks_content">
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/baby-clothing/baby-0-24-months/tops.html">atasan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/baby-clothing/baby-0-24-months/bottoms.html">bawahan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/baby-clothing/baby-0-24-months/dresses.html">gaun</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/baby-clothing/baby-0-24-months/clothing-sets.html">setelan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/baby-clothing/baby-0-24-months/jacket-outerwear.html">jaket
                                            &amp;kardigan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/baby-clothing/baby-0-24-months/accessories.html">aksesoris</a>
                                        </p>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.jaerestaurantgroup.com/swimwear.html">pakaian renang</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!-- column 3-->
                              <!--column 4-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>anak laki-laki (18bln-8thn)</p>
                                    </div>
                                    <ul class="te_az" style="padding: 0">
                                      <li class="ks_content">
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/boys-clothing/tops.html">atasan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/boys-clothing/bottoms.html">bawahan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/boys-clothing/clothing-sets.html/">setelan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/boys-clothing/jacket-outerwear.html">jaket</a>
                                        </p>
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/boys-clothing/underwear.html">pakaian
                                            dalam</a>
                                        </p>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.jaerestaurantgroup.com/maternity/fashion.html">pakaian ibu
                                          hamil</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!-- column 4-->
                              <!--column 5-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>anak perempuan (18bln-8thn)</p>
                                    </div>
                                    <ul class="te_az" style="padding: 0">
                                      <li class="ks_content">
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/girls-clothing/tops.html">atasan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/girls-clothing/bottoms.html">bawahan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/girls-clothing/dresses-pinafores.html/">gaun</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/girls-clothing/clothing-sets-outfits.html/">setelan</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/girls-clothing/jackets-outerwear.html/">jaket</a>
                                        </p>
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/girls-clothing/underwear.html">pakaian
                                            dalam</a>
                                        </p>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                              <!-- column 5  -->
                              <!--column 6-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.jaerestaurantgroup.com/clothing/sleepwear.html">pakaian
                                          tidur</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!-- column 6  -->
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>

                  <li id="vesitem-8846717423080612122176647"
                    class="nav-item level0 submenu-left subhover dropdown level-top">
                    <a href="https://www.jaerestaurantgroup.com/" style="
                          max-lines: 2;
                          line-height: 20px;
                          width: 100%;
                          font-size: 12px;
                          white-space: nowrap;
                        " class="nav-anchor">
                      <span>LINK GACOR</span>
                      <span class="caret"></span>
                      <span class="opener"></span>
                    </a>
                    <div class="submenu animated dropdown-menu" style="
                          width: 100%;
                          animation-duration: 0.5s;
                          -webkit-animation-duration: 0.5s;
                        ">
                      <div class="content-wrap">
                        <div class="megamenu-content" style="width: 100%">
                          <div class="nav-dropdown">
                            <div class="row">
                              <!--column 1-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>perawatan bayi</p>
                                    </div>
                                    <ul class="te_az" style="padding: 0">
                                      <li class="ks_content">
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/bathing-care/babycare/skin-care.html">perawatan
                                            kulit</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/bathing-care/babycare/sunscreen.html">Sunscreen</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/bathing-care/babycare/shampoo-and-body-wash.html">Shampo
                                            &amp;Sabun</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/bathing-care/babycare/hair-treatment.html">perawatan
                                            rambut</a>
                                        </p>
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/bathing-care/babycare/oral-care.html">perawatan
                                            mulut</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/bathing-care/babycare/grooming-kit.html">perawatan
                                            diri</a>
                                        </p>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                              <!-- column 1  -->
                              <!--column 1-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.jaerestaurantgroup.com/maternity/mum-s-care.html">perawatan
                                          ibu</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!-- column 1  -->
                              <!--column 3-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>kesehatan &amp;kebersihan</p>
                                    </div>
                                    <ul class="te_az" style="padding: 0">
                                      <li class="ks_content">
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/bathing-care/health-and-hygiene/wipes.html">Tissue
                                            basah</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/bathing-care/health-and-hygiene/laundry-cleaning.html">Laundry
                                            &amp;Cleaning</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/bathing-care/health-and-hygiene/medical.html">Medical</a>
                                        </p>
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/bathing-care/health-and-hygiene/air-purifier-and-humidifier.html">Air
                                            Purifier &amp;Humidifier</a>
                                        </p>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                              <!-- column 3-->
                              <!--column 1-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a
                                          href="https://www.jaerestaurantgroup.com/bathing-care/bathing/potties.html">potty</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!-- column 1  -->
                              <!--column 1-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.jaerestaurantgroup.com/bathing-care/bathing/baths.html">bak
                                          mandi</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!-- column 1  -->
                              <!--column 1-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a
                                          href="https://www.jaerestaurantgroup.com/bathing-care/bathing/towels.html">handuk</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!-- column 1  -->
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li id="vesitem-88470174230806170878408"
                    class="nav-item level0 submenu-left subhover dropdown level-top">
                    <a href="https://www.jaerestaurantgroup.com/" style="white-space: nowrap; font-size: 12px"
                      class="nav-anchor">
                      <span>SLOT GACOR HARI INI</span>
                      <span class="caret"></span>
                      <span class="opener"></span>
                    </a>
                    <div class="submenu animated dropdown-menu" style="
                          width: 100%;
                          animation-duration: 0.5s;
                          -webkit-animation-duration: 0.5s;
                        ">
                      <div class="content-wrap">
                        <div class="megamenu-content" style="width: 100%">
                          <div class="nav-dropdown">
                            <div class="row">
                              <!--column 1-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.jaerestaurantgroup.com/toys-activity/bouncers-walkers.html">ayunan
                                          dan walker bayi</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!-- column 1  -->
                              <!--column 1-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.jaerestaurantgroup.com/toys-activity/baby-gyms-playmats.html">alas
                                          bermain anak bayi</a>
                                      </p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <!-- column 1  -->
                              <!--column 3-->
                              <div class="col-md-2 col-sm-3">
                                <div class="mn-block">
                                  <div class="menav" style="
                                        border: 0px;
                                        overflow: scroll;
                                        scrollbar-width: none;
                                        overflow-x: hidden;
                                      ">
                                    <div class="headcontent">
                                      <p>
                                        <a href="https://www.jaerestaurantgroup.com/toys-activity/toys.html">mainan anak
                                          bayi</a>
                                      </p>
                                    </div>
                                    <ul class="te_az" style="padding: 0">
                                      <li class="ks_content">
                                        <p>
                                          <a
                                            href="https://www.jaerestaurantgroup.com/toys-activity/toys/mothercare-toys.html">mothercare
                                            toys</a>
                                        </p>
                                        <p>
                                          <a href="https://www.jaerestaurantgroup.com/toys-activity/toys/elc-toys.html">elc
                                            toys</a>
                                        </p>
                                      </li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                              <!-- column 3-->
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li id="vesitem-8847317423080612096131144"
                    class="nav-item level0 submenu-left subhover dropdown level-top">
                    <a href="https://www.jaerestaurantgroup.com/" target="_self" data-hover-color="#fff !important"
                      data-hover-bgcolor="#a30f0f !important" data-color="#fff !important"
                      data-bgcolor="#a30f0f !important" style="
                          color: #fff !important;
                          background-color: #a30f0f !important;
                        " class="nav-anchor">
                      <span>SLOT</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
            <div class="kanmo-megamenu-header-mobile">
              <div class="header-megamenu-mobile">
                <span class="fa-user-icon-mc"></span>
                <div class="account-label">
                  <a href="https://www.jaerestaurantgroup.com/customer/account" class="account-link">Akun Saya</a>
                </div>
                <button>
                  <a href="https://go.jaerestaurantgroup.com/">Masuk</a>
                </button>
              </div>
            </div>
            <div class="mobile-header-panel" style="background-color: #a30f0f" data-breeze-temporary="true">
              <a class="action skip contentarea" href="https://www.jaerestaurantgroup.com/#contentarea">
                <span>lewati ke Konten </span>
              </a>
              <div class="left_top_header">
                <div class="top-header-components-mc left-top">
                  <div class="header_panel_info">
                    <ul>
                      <li class="download-app-link">
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img width="14" height="14" alt="download icon" loading="lazy" src="assets/app.png" />download
                          apps
                        </a>
                        <div class="download-popup">
                          <div class="wrap">
                            <div class="right-cols">
                              <div class="app-content">
                                download app from:

                                <div class="view code app_store">
                                  <a class="sh-store-link" href="https://go.jaerestaurantgroup.com/" target="_blank"
                                    ng-click="callAction($event, &#39;appStore&#39;)">
                                    <img loading="lazy" width="200" height="60" alt="app store"
                                      class="sh-store-link__image" src="assets/apple-en.png" />
                                  </a>
                                </div>
                                <div class="view code play_store">
                                  <a class="sh-store-link" data-test="google-play-link"
                                    href="https://go.jaerestaurantgroup.com/" target="_blank"
                                    ng-click="callAction($event, &#39;appStore&#39;)">
                                    <img loading="lazy" width="200" height="60" alt="google play"
                                      class="sh-store-link__image" src="assets/google-en.png" />
                                  </a>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img loading="lazy" width="22" height="22" alt="gift registry icon"
                            src="assets/gift_white.svg" />gift registry
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="right_top_header">
                <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language">
                  <strong class="label switcher-label">
                    <span>Bahasa</span>
                  </strong>
                  <div class="actions dropdown options switcher-options">
                    <div class="action toggle switcher-trigger" id="switcher-language-trigger">
                      <strong class="view-mothercare_website_bahasa">
                        <span>ID</span>
                      </strong>
                    </div>
                    <div class="ui-dialog mage-dropdown-dialog" role="dialog"></div>
                    <div class="ui-dialog mage-dropdown-dialog" role="dialog"></div>
                  </div>
                </div>
                <style>
                  .switch {
                    position: relative;
                    display: inline-block;
                    width: 60px;
                    height: 34px;
                  }

                  .switch input {
                    opacity: 0;
                    width: 0;
                    height: 0;
                  }

                  .slider {
                    position: absolute;
                    cursor: pointer;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-color: #ccc;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                  }

                  .slider:before {
                    position: absolute;
                    content: "ID";
                    height: 26px;
                    width: 26px;
                    left: 4px;
                    bottom: 4px;
                    background-color: white;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                    color: #000;
                  }

                  input:checked+.slider {
                    background-color: #ccc;
                  }

                  input:focus+.slider {
                    box-shadow: 0 0 1px #f0b400;
                  }

                  input:checked+.slider:before {
                    -webkit-transform: translateX(26px);
                    -ms-transform: translateX(26px);
                    transform: translateX(26px);
                    content: "EN";
                    color: #000;
                  }

                  /* Rounded sliders */
                  .slider.round {
                    border-radius: 34px;
                  }

                  .slider.round:before {
                    border-radius: 50%;
                  }
                </style>
                <div class="top-header-components-mc">
                  <div class="lang-switch-mc">
                    <li>
                      <label class="switch">
                        <input type="checkbox" checked="" />
                        <span class="slider round"></span>
                      </label>
                    </li>
                  </div>
                  <div class="header_panel_info">
                    <ul>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img loading="lazy" width="22" height="22" alt="store finder icon"
                            src="assets/zeusslot-favicon.png" />LOGIN
                        </a>
                      </li>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img loading="lazy" width="22" height="22" alt="Kanmo Circle logo"
                            src="assets/zeusslot-favicon.png" />DAFTAR
                        </a>
                      </li>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/" target="_blank">
                          <img loading="lazy" width="22" height="22" alt="Whatsapp logo"
                            src="assets/Whatsapp_Logo.svg" />Contact Us
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
                <style>
                  .header_panel_info ul {
                    display: flex;
                    column-gap: 20px;
                    list-style: none;
                  }

                  .header_panel_info img {
                    margin-right: 10px;
                  }

                  .panel.header div {
                    width: 100%;
                  }

                  .top-header-components-mc {
                    display: flex;
                    justify-content: space-between;
                  }

                  .lang-switch-mc li {
                    list-style: none;
                  }

                  @media only screen and (max-width: 769px) {
                    .header_panel_info ul {
                      flex-direction: column;
                    }
                  }
                </style>
              </div>
            </div>
            <div class="mobile-header-panel" style="background-color: #a30f0f" data-breeze-temporary="true">
              <a class="action skip contentarea" href="https://www.jaerestaurantgroup.com/#contentarea">
                <span>lewati ke Konten </span>
              </a>
              <div class="left_top_header">
                <div class="top-header-components-mc left-top">
                  <div class="header_panel_info">
                    <ul>
                      <li class="download-app-link">
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img width="14" height="14" alt="download icon" loading="lazy" src="assets/app.png" />download
                          apps
                        </a>
                        <div class="download-popup">
                          <div class="wrap">
                            <div class="right-cols">
                              <div class="app-content">
                                download app from:

                                <div class="view code app_store">
                                  <a class="sh-store-link" href="https://go.jaerestaurantgroup.com/" target="_blank"
                                    ng-click="callAction($event, &#39;appStore&#39;)">
                                    <img loading="lazy" width="200" height="60" alt="app store"
                                      class="sh-store-link__image" src="assets/apple-en.png" />
                                  </a>
                                </div>
                                <div class="view code play_store">
                                  <a class="sh-store-link" data-test="google-play-link"
                                    href="https://go.jaerestaurantgroup.com/" target="_blank"
                                    ng-click="callAction($event, &#39;appStore&#39;)">
                                    <img loading="lazy" width="200" height="60" alt="google play"
                                      class="sh-store-link__image" src="assets/google-en.png" />
                                  </a>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img loading="lazy" width="22" height="22" alt="gift registry icon"
                            src="assets/gift_white.svg" />gift registry
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="right_top_header">
                <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language">
                  <strong class="label switcher-label">
                    <span>Bahasa</span>
                  </strong>
                  <div class="actions dropdown options switcher-options">
                    <div class="action toggle switcher-trigger" id="switcher-language-trigger">
                      <strong class="view-mothercare_website_bahasa">
                        <span>ID</span>
                      </strong>
                    </div>
                    <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none">
                      <ul class="dropdown switcher-dropdown" data-mage-init='{"dropdownDialog":{
                "appendTo":"#switcher-language &gt; .options",
                "triggerTarget":"#switcher-language-trigger",
                "closeOnMouseLeave": false,
                "triggerClass":"active",
                "parentClass":"active",
                "buttons":null}}' data-breeze-processed="true"></ul>
                    </div>
                    <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none">
                      <ul class="dropdown switcher-dropdown" data-mage-init='{"dropdownDialog":{
                "appendTo":"#switcher-language &gt; .options",
                "triggerTarget":"#switcher-language-trigger",
                "closeOnMouseLeave": false,
                "triggerClass":"active",
                "parentClass":"active",
                "buttons":null}}' data-breeze-processed="true"></ul>
                    </div>
                  </div>
                </div>
                <style>
                  .switch {
                    position: relative;
                    display: inline-block;
                    width: 60px;
                    height: 34px;
                  }

                  .switch input {
                    opacity: 0;
                    width: 0;
                    height: 0;
                  }

                  .slider {
                    position: absolute;
                    cursor: pointer;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-color: #ccc;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                  }

                  .slider:before {
                    position: absolute;
                    content: "ID";
                    height: 26px;
                    width: 26px;
                    left: 4px;
                    bottom: 4px;
                    background-color: white;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                    color: #000;
                  }

                  input:checked+.slider {
                    background-color: #ccc;
                  }

                  input:focus+.slider {
                    box-shadow: 0 0 1px #f0b400;
                  }

                  input:checked+.slider:before {
                    -webkit-transform: translateX(26px);
                    -ms-transform: translateX(26px);
                    transform: translateX(26px);
                    content: "EN";
                    color: #000;
                  }

                  /* Rounded sliders */
                  .slider.round {
                    border-radius: 34px;
                  }

                  .slider.round:before {
                    border-radius: 50%;
                  }
                </style>
                <div class="top-header-components-mc">
                  <div class="lang-switch-mc">
                    <li>
                      <label class="switch">
                        <input type="checkbox" checked="" />
                        <span class="slider round"></span>
                      </label>
                    </li>
                  </div>
                  <div class="header_panel_info">
                    <ul>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img loading="lazy" width="22" height="22" alt="store finder icon"
                            src="assets/zeusslot-favicon.png" />LOGIN
                        </a>
                      </li>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img loading="lazy" width="22" height="22" alt="Kanmo Circle logo"
                            src="assets/zeusslot-favicon.png" />DAFTAR
                        </a>
                      </li>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/" target="_blank">
                          <img loading="lazy" width="22" height="22" alt="Whatsapp logo"
                            src="assets/Whatsapp_Logo.svg" />Contact Us
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
                <style>
                  .header_panel_info ul {
                    display: flex;
                    column-gap: 20px;
                    list-style: none;
                  }

                  .header_panel_info img {
                    margin-right: 10px;
                  }

                  .panel.header div {
                    width: 100%;
                  }

                  .top-header-components-mc {
                    display: flex;
                    justify-content: space-between;
                  }

                  .lang-switch-mc li {
                    list-style: none;
                  }

                  @media only screen and (max-width: 769px) {
                    .header_panel_info ul {
                      flex-direction: column;
                    }
                  }
                </style>
              </div>
            </div>
            <div class="mobile-header-panel" style="background-color: #a30f0f" data-breeze-temporary="true">
              <a class="action skip contentarea" href="https://www.jaerestaurantgroup.com/#contentarea">
                <span>lewati ke Konten </span>
              </a>
              <div class="left_top_header">
                <div class="top-header-components-mc left-top">
                  <div class="header_panel_info">
                    <ul>
                      <li class="download-app-link">
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img width="14" height="14" alt="download icon" loading="lazy" src="assets/app.png" />download
                          apps
                        </a>
                        <div class="download-popup">
                          <div class="wrap">
                            <div class="right-cols">
                              <div class="app-content">
                                download app from:

                                <div class="view code app_store">
                                  <a class="sh-store-link" href="https://go.jaerestaurantgroup.com/" target="_blank"
                                    ng-click="callAction($event, &#39;appStore&#39;)">
                                    <img loading="lazy" width="200" height="60" alt="app store"
                                      class="sh-store-link__image" src="assets/apple-en.png" />
                                  </a>
                                </div>
                                <div class="view code play_store">
                                  <a class="sh-store-link" data-test="google-play-link"
                                    href="https://go.jaerestaurantgroup.com/" target="_blank"
                                    ng-click="callAction($event, &#39;appStore&#39;)">
                                    <img loading="lazy" width="200" height="60" alt="google play"
                                      class="sh-store-link__image" src="assets/google-en.png" />
                                  </a>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img loading="lazy" width="22" height="22" alt="gift registry icon"
                            src="assets/gift_white.svg" />gift registry
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="right_top_header">
                <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language">
                  <strong class="label switcher-label">
                    <span>Bahasa</span>
                  </strong>
                  <div class="actions dropdown options switcher-options">
                    <div class="action toggle switcher-trigger" id="switcher-language-trigger">
                      <strong class="view-mothercare_website_bahasa">
                        <span>ID</span>
                      </strong>
                    </div>
                    <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none">
                      <ul class="dropdown switcher-dropdown" data-mage-init='{"dropdownDialog":{
                "appendTo":"#switcher-language &gt; .options",
                "triggerTarget":"#switcher-language-trigger",
                "closeOnMouseLeave": false,
                "triggerClass":"active",
                "parentClass":"active",
                "buttons":null}}' data-breeze-processed="true"></ul>
                    </div>
                    <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none">
                      <ul class="dropdown switcher-dropdown" data-mage-init='{"dropdownDialog":{
                "appendTo":"#switcher-language &gt; .options",
                "triggerTarget":"#switcher-language-trigger",
                "closeOnMouseLeave": false,
                "triggerClass":"active",
                "parentClass":"active",
                "buttons":null}}' data-breeze-processed="true"></ul>
                    </div>
                  </div>
                </div>
                <style>
                  .switch {
                    position: relative;
                    display: inline-block;
                    width: 60px;
                    height: 34px;
                  }

                  .switch input {
                    opacity: 0;
                    width: 0;
                    height: 0;
                  }

                  .slider {
                    position: absolute;
                    cursor: pointer;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-color: #ccc;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                  }

                  .slider:before {
                    position: absolute;
                    content: "ID";
                    height: 26px;
                    width: 26px;
                    left: 4px;
                    bottom: 4px;
                    background-color: white;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                    color: #000;
                  }

                  input:checked+.slider {
                    background-color: #ccc;
                  }

                  input:focus+.slider {
                    box-shadow: 0 0 1px #f0b400;
                  }

                  input:checked+.slider:before {
                    -webkit-transform: translateX(26px);
                    -ms-transform: translateX(26px);
                    transform: translateX(26px);
                    content: "EN";
                    color: #000;
                  }

                  /* Rounded sliders */
                  .slider.round {
                    border-radius: 34px;
                  }

                  .slider.round:before {
                    border-radius: 50%;
                  }
                </style>
                <div class="top-header-components-mc">
                  <div class="lang-switch-mc">
                    <li>
                      <label class="switch">
                        <input type="checkbox" checked="" />
                        <span class="slider round"></span>
                      </label>
                    </li>
                  </div>
                  <div class="header_panel_info">
                    <ul>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img loading="lazy" width="22" height="22" alt="store finder icon"
                            src="assets/zeusslot-favicon.png" />LOGIN
                        </a>
                      </li>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/">
                          <img loading="lazy" width="22" height="22" alt="Kanmo Circle logo"
                            src="assets/zeusslot-favicon.png" />DAFTAR
                        </a>
                      </li>
                      <li>
                        <a href="https://go.jaerestaurantgroup.com/" target="_blank">
                          <img loading="lazy" width="22" height="22" alt="Whatsapp logo"
                            src="assets/Whatsapp_Logo.svg" />Contact Us
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
                <style>
                  .header_panel_info ul {
                    display: flex;
                    column-gap: 20px;
                    list-style: none;
                  }

                  .header_panel_info img {
                    margin-right: 10px;
                  }

                  .panel.header div {
                    width: 100%;
                  }

                  .top-header-components-mc {
                    display: flex;
                    justify-content: space-between;
                  }

                  .lang-switch-mc li {
                    list-style: none;
                  }

                  @media only screen and (max-width: 769px) {
                    .header_panel_info ul {
                      flex-direction: column;
                    }
                  }
                </style>
              </div>
            </div>
          </div>
          <div class="kanmo-custom-search-mc">
            <div class="block block-search">
              <div class="block block-title">
                <strong>Cari</strong>
              </div>
              <div class="block block-content">
                <form class="form minisearch" id="search_mini_form"
                  action="https://www.mothercare.co.id/catalogsearch/result/" method="get" novalidate="true">
                  <div class="field search">
                    <label class="label" for="search" data-role="minisearch-label">
                      <img loading="lazy" width="30" height="30" src="assets/Mothercare_Search_Icon.svg"
                        alt="search icon" />
                    </label>
                    <div class="control">
                      <input id="search" data-mage-init='{
                            "quickSearch": {
                                "formSelector": "#search_mini_form",
                                "url": "",
                                "destinationSelector": "#search_autocomplete",
                                "minSearchLength": "3"
                            }
                        }' type="text" name="q" value="" placeholder="Kata kunci, kode produk" class="input-text"
                        maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both"
                        autocomplete="off" aria-expanded="false" data-breeze-processed="true" />
                      <div id="search_autocomplete" class="search-autocomplete"></div>
                      <div class="nested">
                        <a class="action advanced" href="https://www.mothercare.co.id/catalogsearch/advanced/"
                          data-action="advanced-search">Pencarian Lanjutan
                        </a>
                      </div>
                      <button class="search-cancel-mob" id="search-cancel-mob">
                        cancel
                      </button>
                    </div>
                  </div>
                  <div class="actions">
                    <button type="submit" title="Cari" class="action search" aria-label="Search" disabled="">
                      <span>Cari</span>
                    </button>
                  </div>
                </form>
              </div>
            </div>
          </div>
          <div class="kanmo-search-button-mc">
            <button id="kanmo-mc-search-btn">
              <img loading="lazy" width="27" height="25" src="assets/Mothercare_Search_Icon.svg" alt="search icon" />
            </button>
            <button id="kanmo-mc-cancel-btn">cancel</button>
          </div>
          <style type="text/css">
            @media only screen and (max-width: 768px) {
              .klevuWrap {
                top: 162px !important;
              }
            }
          </style>
        </div>
        <script type="text/x-magento-init" data-breeze-processed="true">

            {
                "*": {
                    "Magento_Ui/js/core/app": {
                        "components": {
                            "customer-name": {
                                "component": "Kanmo_CustomerName/js/customer-name"
                            }
                        }
                    }
                }
            }
          </script>
        <style type="text/css">
          #customer-name-container {
            color: #6a6c6c;
            order: 2;
            font-size: 14px;
            line-height: 0px;
            margin: 3px;
          }

          #customer-name-container .customer-name {
            word-break: inherit;
            max-width: 100px;
            padding: 0;
            overflow: hidden;
            position: relative;
            display: inline-block;
            text-align: center;
            text-decoration: none;
            text-overflow: ellipsis;
            white-space: nowrap;
            line-height: 1.3;
          }

          @media screen and (max-width: 768px) {
            #customer-name-container {
              display: none;
            }
          }
        </style>
        <script data-breeze="">
          require(["jquery"], ($) => {
            $(document).ready(function () {
              // Insert the entire #customer-name-container element before the target element
              $(
                ".account-dropdown .action.toggle.switcher-trigger .abs-visually-hidden",
              ).before($("#customer-name-container"));
            });
          });
        </script>
        <div class="actions dropdown options switcher-options no-chevron account-dropdown" data-trigger="true"
          data-dropdown-parent="true">
          <a class="action toggle switcher-trigger" href="https://www.jaerestaurantgroup.com/" title="Akun Saya"
            data-mage-init='{"dropdown":{"dialog":null}}' data-toggle="dropdown" data-trigger-keypress-button="true"
            data-breeze-processed="true" data-dropdown="true" aria-haspopup="true">
            <div id="customer-name-container" data-bind="scope: &#39;customer-name&#39;">
              <div id="customer-name" class="customer-name" data-bind="visible: isLoggedIn(), text: getFirstName()"
                style="display: none"></div>
            </div>
            <span class="abs-visually-hidden">Akun Saya</span>
          </a>
          <div class="dropdown switcher-dropdown" data-target="dropdown">
            <ul class="header links">
              <li class="link authorization-link loginRevamp" data-label="Atau">
                <a href="https://go.jaerestaurantgroup.com/">Masuk / buat akun
                </a>
              </li>
              <script data-breeze="">
                require(["jquery"], function ($) {
                  $(document).ready(function () {
                    // Hide the second li
                    $(".header.links li:nth-of-type(2)").hide();
                  });
                });
              </script>
              <li style="display: none">
                <a href="https://www.jaerestaurantgroup.com/">buat akun </a>
              </li>
              <li>
                <a href="https://www.jaerestaurantgroup.com/">
                  <span>Bantuan</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class="actions dropdown options switcher-options no-chevron no-chevron wishlist-dropdown dropdown-lg">
          <a class="action toggle switcher-trigger" href="https://go.jaerestaurantgroup.com/" title="Daftar Keinginan">
            <span class="abs-visually-hidden">Daftar Keinginan</span>
          </a>
        </div>
        <div data-block="minicart" class="minicart-wrapper">
          <a class="action showcart" href="https://www.jaerestaurantgroup.com/"
            data-bind="scope: &#39;minicart_content&#39;">
            <span class="text empty" data-bind="
            css: {
                empty: !!getCartParam(&#39;summary_count&#39;) == false
            }">Keranjang Saya</span>
            <span class="counter qty empty" data-bind="
                css: {
                    empty: !!getCartParam(&#39;summary_count&#39;) == false &amp;&amp; !isLoading()
                },
                blockLoader: isLoading
        ">
              <span class="counter-number">
                <!-- ko text: getCartParam('summary_count') -->
                <!-- /ko -->
              </span>
              <span class="counter-label">
                <!-- ko if: getCartParam('summary_count') -->
                <!-- /ko -->
              </span>
            </span>
          </a>
          <script>
            window.checkout = {
              shoppingCartUrl:
                "https:\/\/www.mothercare.co.id\/checkout\/cart\/",
              checkoutUrl:
                "https:\/\/www.mothercare.co.id\/onestepcheckout\/",
              updateItemQtyUrl:
                "https:\/\/www.mothercare.co.id\/checkout\/sidebar\/updateItemQty\/",
              removeItemUrl:
                "https:\/\/www.mothercare.co.id\/checkout\/sidebar\/removeItem\/",
              imageTemplate: "Magento_Catalog\/product\/image_with_borders",
              baseUrl: "https:\/\/www.mothercare.co.id\/",
              minicartMaxItemsVisible: 5,
              websiteId: "3",
              maxItemsToDisplay: 10,
              storeId: "15",
              storeGroupId: "11",
              agreementIds: ["9"],
              customerLoginUrl:
                "https:\/\/www.mothercare.co.id\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cubW90aGVyY2FyZS5jby5pZC9ub3JkaWMtbmF0dXJhbHMtYmFieS1zLWRoYS01MjEzMDEyNS1jbm8wMS5odG1s\/",
              isRedirectRequired: false,
              autocomplete: "off",
              captcha: {
                user_login: {
                  isCaseSensitive: false,
                  imageHeight: 50,
                  imageSrc: "",
                  refreshUrl:
                    "https:\/\/www.mothercare.co.id\/captcha\/refresh\/",
                  isRequired: false,
                  timestamp: 1742308061,
                },
              },
            };
          </script>
          <script type="text/x-magento-init" data-breeze-processed="true">

              {
                  "[data-block='minicart']": {
                      "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":0,"display_cart_subtotal_excl_tax":1,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals","children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}}}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"component":"uiComponent","config":{"displayArea":"extraInfo"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"override_minicart":false,"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"},"ajaxpro_minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":0,"display_cart_subtotal_excl_tax":1}}}}}}},"config":{"override_minicart":false}}},"types":[]}        },
                  "*": {
                      "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fstatic\u002Fversion1741963345\u002Ffrontend\u002FCodilar\u002Fmothercare\u002Fid_ID\u002Fimages\u002Floader\u002D1.gif"
                  }
              }
            </script>
          <div class="ui-dialog mage-dropdown-dialog" role="dialog" style="display: none">
            <div class="block block-minicart" data-role="dropdownDialog" data-mage-init='{"dropdownDialog":{
                "appendTo":"[data-block=minicart]",
                "triggerTarget":".showcart",
                "timeout": "2000",
                "closeOnMouseLeave": false,
                "closeOnEscape": true,
                "triggerClass":"active",
                "parentClass":"active",
                "buttons":[]}}' data-breeze-processed="true">
              <div id="minicart-content-wrapper" data-bind="
                scope: &#39;minicart_content&#39;
            ">
                <!-- ko template: { if: shouldRender, name: getTemplate() } -->
                <!-- /ko -->
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <div class="breadcrumbs"></div>
    <script type="text/x-magento-init" data-breeze-processed="true">

        {
            ".breadcrumbs": {
                "breadcrumbs": {"categoryUrlSuffix":".html","useCategoryPathInUrl":0,"product":"Nordic Naturals Baby&#039;s DHA"}        }
        }
      </script>
    <main id="maincontent" class="page-main">
      <div id="contentarea"></div>
      <div class="page messages">
        <div data-placeholder="messages"></div>
        <div data-bind="scope: &#39;messages&#39;">
          <!-- ko if: cookieMessages && cookieMessages.length > 0 -->
          <!-- /ko -->
          <!-- ko if: messages().messages && messages().messages.length > 0 -->
          <!-- /ko -->
        </div>
        <script type="text/x-magento-init" data-breeze-processed="true">

            {
                "*": {
                    "Magento_Ui/js/core/app": {
                        "components": {
                                "messages": {
                                    "component": "Magento_Theme/js/view/messages"
                                }
                            }
                        }
                    }
            }
          </script>
      </div>
      <div class="columns">
        <div class="column main">
          <div class="product-info-wrapper">
            <div class="product-info-main">
              <style>
                .mpstorepickup-available-store-info {
                  width: 78%;
                }

                .mpstorepickup-pcs {
                  right: 0;
                  font-weight: 600;
                  position: absolute;
                  width: 20%;
                  padding-right: 12px;
                }

                .mpstorepickup-available {
                  display: inline-flex;
                  width: 100%;
                  margin-bottom: 20px;
                }

                .mpstorepickup-available-content .pickup-checkbox {
                  margin-top: -20px;
                }

                /*.mpstorepickup-pcs.not-is-simple{*/
                /*    display: none;*/
                /*}*/
                .mpstorepickup-pcs .count:after {
                  content: " pcs.";
                }

                #mpstorepickup-available-popup .store-pickup {
                  margin-bottom: 14px;
                }
              </style>
              <style>
                .mpstorepickup-available-content .pickup-checkbox {
                  cursor: pointer;
                }

                .mfp-wrap {
                  position: fixed;
                  overflow: auto;
                }
              </style>
              <div class="product-info">
                <div class="page-title-wrapper product">
                  <h1 class="page-title">
                    <span class="base" data-ui-id="page-title-wrapper" itemprop="name">Zeusslot : Link Resmi Slot88 JP & Slot Gacor Online Hari Ini</span>
                  </h1>
                </div>
                <div class="product-info-price">
                  <div class="product-info-stock-sku">
                    <!-- Product is in stock, do nothing or show "In Stock" -->
                    <a href="https://go.jaerestaurantgroup.com/" class="kc-points-lable">
                      <img src="images/zeusslot-logo.png" itemprop="image"
                        style="width: 50%; height: 50%" />
                    </a>
                    <div class="availability only configurable-variation-qty" title="Qty">
                      hanya tersisa <strong>%1</strong>
                    </div>
                    <div class="product attribute sku">
                      <strong class="type">SKU</strong>
                      <div class="value" itemprop="sku">52135545-AYO01</div>
                    </div>
                  </div>
                  <div class="price-box price-final_price" data-role="priceBox" data-product-id="600193"
                    data-price-box="product-id-600193">
                    <div class="price-with-discount">
                      <span class="normal-price">
                        <span class="price-container price-final_price tax weee" itemprop="offers" itemscope=""
                          itemtype="http://schema.org/Offer">
                          <span class="price-label">Serendah</span>
                          <span id="product-price-600193" data-price-amount="5000" data-price-type="finalPrice"
                            class="price-wrapper">
                            <span class="price">Rp 10.000</span>
                          </span>
                          <meta itemprop="availability" content="" />
                          <meta itemprop="shippingDetails" content="" />
                          <meta itemprop="hasMerchantReturnPolicy" content="" />
                          <meta itemprop="price" content="5000" />
                          <meta itemprop="priceCurrency" content="IDR" />
                        </span>
                        <script type="application/ld+json">
                            {
                              "@context": "https://schema.org",
                              "@type": "Organization",
                              "name": "ZEUSSLOT",
                              "url": "https://www.jaerestaurantgroup.com/",
                              "logo": "https://www.jaerestaurantgroup.com/images/ZEUSSLOT-logo.webp",
                              "description": "Zeusslot menyediakan link resmi slot88 jp & slot gacor online dengan bet rendah yang menghadirkan permainan dengan RTP tertinggi & sensasi jackpot yang luar biasa. ",
                              "foundingDate": "2024",
                              "contactPoint": {
                                "@type": "ContactPoint",
                                "telephone": "+62-000-0000-0000",
                                "contactType": "customer service",
                                "areaServed": "ID",
                                "availableLanguage": ["Indonesian"]
                              },
                              "sameAs": [
                                "https://facebook.com/ZEUSSLOT",
                                "https://instagram.com/ZEUSSLOT",
                                "https://twitter.com/ZEUSSLOT"
                              ]
                            }
                          </script>
                        <script type="application/ld+json">
                            {
                              "@context": "https://schema.org",
                              "@type": "FAQPage",
                              "mainEntity": [
                                {
                                  "@type": "Question",
                                  "name": "Apa itu Zeusslot?",
                                  "acceptedAnswer": {
                                    "@type": "Answer",
                                    "text": "Zeusslot menyediakan link resmi slot88 jp & slot gacor online dengan bet rendah yang menghadirkan permainan dengan RTP tertinggi & sensasi jackpot yang luar biasa."
                                  }
                                },
                                {
                                  "@type": "Question",
                                  "name": "Apa Saja Keuntungan Bermain di situs Zeusslot?",
                                  "acceptedAnswer": {
                                    "@type": "Answer",
                                    "text": "Zeusslot selaku situs dewa judi idn slot terpercaya selalu memberikan keuntungan bagi para member yang baru bergabung maupun member lama yang sudah bermain dengan bonus deposit new member dan bonus deposit harian yang bisa diambil setiap hari sebagai keuntungan pertama!"
                                  }
                                },
                                {
                                  "@type": "Question",
                                  "name": "Apa Benar Zeusslot menjadi situs dewa judi slot gacor saat ini?",
                                  "acceptedAnswer": {
                                    "@type": "Answer",
                                    "text": "Ya, Zeusslot telah dikenal sebagai situs dewa judi idn slot gacor terpercaya 2026 yang telah memiliki lisensi resmi yang diberikan oleh lembaga international"
                                  }
                                },
                                {
                                  "@type": "Question",
                                  "name": "Bagaimana Mendaftar Akun di Situs Zeusslot?",
                                  "acceptedAnswer": {
                                    "@type": "Answer",
                                    "text": "Untuk bergabung menjadi member kami sangatlah mudah, anda cukup akses situs ini atau ketik di google 'Zeusslot' lalu klik tombol daftar yang telah tersedia dan silahkan isi formulir data diri yang benar dan valid."
                                  }
                                },
                                {
                                  "@type": "Question",
                                  "name": "Apakah situs Zeusslot aman untuk dimainkan?",
                                  "acceptedAnswer": {
                                    "@type": "Answer",
                                    "text": "Tentu! Zeusslot telah menjadi salah satu pilihan situs utama bagi para pecinta judi idn slot gacor di indonesia yang telah mendapatkan medali dan lisensi resmi sebagai situs dewa judi terpercaya di indonesia!"
                                  }
                                }
                              ]
                            }
                          </script>
                        <script type="application/ld+json">
                            {
                              "@context": "https://schema.org",
                              "@type": "BreadcrumbList",
                              "itemListElement": [
                                {
                                  "@type": "ListItem",
                                  "position": 1,
                                  "name": "ZEUSSLOT",
                                  "item": "https://www.jaerestaurantgroup.com/"
                                },
                                {
                                  "@type": "ListItem",
                                  "position": 2,
                                  "name": "SLOT GACOR",
                                  "item": "https://www.jaerestaurantgroup.com/"
                                }
                              ]
                            }
                          </script>
                      </span>
                    </div>
                  </div>
                </div>
                <div class="kc-cashback check">
                  <a href="https://go.jaerestaurantgroup.com/" class="kc-points-lable">
                    <img src="assets/zeusslot-favicon.png" class="kcpoints-img" width="40px" />
                    <span> MIN DEPO : <span class="price">10.000</span> </span>
                  </a>
                </div>
                <div class="kredivo-label">
                  <div>
                    Use Installment Options from<img class="kredivo-logo" style="width: 55px; margin: 0 5px"
                      src="assets/kredivo_logo.png" alt="" />
                    .
                    <a href="https://www.mothercare.co.id/payment-method">Laarn more</a>
                  </div>
                </div>
                <div class="available-block">
                  <div class="title">
                    <span class="avail-text">Available for :</span>
                  </div>
                  <div class="lables">
                    <div class="home-div">
                      <img src="assets/delivery.png" class="delivery-img" />
                      <span class="home">home delivery</span>
                    </div>
                    <div class="store-div">
                      <img src="assets/store-pick.png" class="home-pick-img" />
                      <span class="store">store pickup</span>
                    </div>
                  </div>
                </div>
                <div class="product attribute overview">
                  <div class="value" itemprop="description" style="text-align: justify">
                    <p>
                      Mencari platform game slot online yang transparan dan
                      memberikan peluang menang maksimal kini semakin mudah.
                      <a href="https://www.jaerestaurantgroup.com/"><strong><em>Zeusslot</em></strong></a>
                      hadir sebagai pilihan utama bagi para penggemar slot
                      online yang mengincar kemenangan besar melalui link game
                      Slot88 JP dan deretan
                      <a href="https://www.jaerestaurantgroup.com/"><strong><em>slot gacor</em></strong></a>
                      hari ini. Dengan mengedepankan keamanan serta kenyamanan
                      pengguna, platform ini dirancang untuk memberikan
                      pengalaman bermain yang lancar dan responsif di berbagai
                      perangkat.
                    </p>
                    <p>
                      Salah satu keunggulan utama dari Zeusslot adalah
                      ketersediaan permainan dengan tingkat Return to Player
                      (RTP) tinggi. Kategori Slot88 dikenal memiliki variasi
                      mesin game yang dinamis serta fitur pembagi hadiah
                      jackpot terbesar di kelasnya. Baik pemain pemula maupun
                      berpengalaman dapat menikmati sensasi putaran yang seru
                      tanpa perlu mengkhawatirkan batasan modal, karena sistem
                      mendukung taruhan bet rendah yang tetap kompetitif.
                    </p>
                    <p>Keuntungan Bermain di Zeusslot:</p>
                    <ul>
                      <li>
                        <strong>Sistem Keamanan Terjamin:</strong>
                        Perlindungan data pribadi dan transaksi keuangan
                        menggunakan enkripsi modern.
                      </li>
                      <li>
                        <strong>Perkembangan RTP Real-Time:</strong> Akses
                        informasi bocoran game gacor yang diperbarui secara
                        berkala untuk menentukan momen terbaik bermain.
                      </li>
                      <li>
                        <strong>Pilihan Game </strong><a
                          href="https://www.jaerestaurantgroup.com/"><strong><em>Slot88JP</em></strong></a><strong>
                          Populer:</strong> Kehadiran ratusan tema
                        permainan menarik dengan visual tajam dan animasi
                        halus.
                      </li>
                      <li>
                        <strong>Aksesibilitas Tanpa Hambatan:</strong> Link
                        alternatif resmi yang mudah diakses 24 jam tanpa
                        kendala pemblokiran.
                      </li>
                    </ul>
                    <p>
                      Nikmati pengalaman bermain hiburan digital terbaik dan
                      temukan ritme kemenangan Anda bersama Zeusslot hari ini.
                    </p>
                  </div>
                </div>
              </div>
              <div class="product-config">
                <div class="product-add-form">
                  <form data-product-sku="52135545-AYO01" action="https://www.jaerestaurantgroup.com/" method="post"
                    id="product_addtocart_form" novalidate="true" data-catalog-addtocart-initialized="1">
                    <input type="hidden" name="product" value="600193" />
                    <input type="hidden" name="selected_configurable_option" value="" />
                    <input type="hidden" name="related_product" id="related-products-field" value="" />
                    <input type="hidden" name="item" value="600193" />
                    <input name="form_key" type="hidden" value="PJuTGwuTbTBCoMMK" />
                    <div class="product-options-wrapper" id="product-options-wrapper" data-hasrequired="* Wajib diisi">
                      <div class="fieldset" tabindex="0">
                        <div class="swatch-opt" data-role="swatch-options"></div>
                      </div>
                    </div>
                    <div class="product-options-bottom">
                      <div class="box-tocart">
                        <div class="fieldset fieldset-cust">
                          <div class="field qty">
                            <label class="label" for="qty">
                              <span>choose qty</span>
                            </label>
                            <div class="control">
                              <select name="qty" id="qty" value="1" title="Qty" class="input-text qty">
                                <option value="1" selected="">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                              </select>
                              <div>
                                <span style="color: red" id="show_message"></span>
                              </div>
                              <input type="hidden" name="val_hidden" id="val_hidden" value="1" />
                            </div>
                          </div>
                          <div class="actions">
                            <a href="https://go.jaerestaurantgroup.com/">
                              <button type="button" title="add to cart" class="action primary tocart"
                                id="product-addtocart-button" style="background-color: #a30f0f">
                                <span>LOGIN</span>
                              </button>
                            </a>
                            <a href="https://go.jaerestaurantgroup.com/" class="action towishlist"
                              data-action="add-to-wishlist">
                              <span>DAFTAR</span>
                            </a>
                            <div id="giftreg-message-pdp" style="">
                              <a href="https://go.jaerestaurantgroup.com/" class="notlogingift">
                                <img src="assets/gift.png" alt="" />CLAIM
                                BONUS
                              </a>
                            </div>

                            <script type="text/x-magento-init" data-breeze-processed="true">

                                {
                                    "body": {
                                        "addToWishlist": {"productType":"configurable","giftcardInfo":"[id^=giftcard]"}        }
                                }
                              </script>
                          </div>
                        </div>
                      </div>
                      <!--Product video logic-->
                      <script type="text/x-magento-init" data-breeze-processed="true">

                          {
                              "#product_addtocart_form": {
                                  "Magento_Catalog/product/view/validation": {
                                      "radioCheckboxClosest": ".nested"
                                  }
                              }
                          }
                        </script>
                      <script type="text/x-magento-init" data-breeze-processed="true">

                          {
                              "#product_addtocart_form": {
                                  "catalogAddToCart": {
                                      "bindSubmit": true
                                  }
                              }
                          }
                        </script>
                    </div>
                  </form>
                </div>
                <script type="text/x-magento-init" data-breeze-processed="true">

                    {
                        "[data-role=priceBox][data-price-box=product-id-600193]": {
                            "priceBox": {
                                "priceConfig":  {"productId":600193,"priceFormat":{"pattern":"Rp %s","precision":2,"requiredPrecision":0,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":5000,"adjustments":[]},"oldPrice":{"amount":5000,"adjustments":[]},"basePrice":{"amount":5000,"adjustments":[]},"finalPrice":{"amount":5000,"adjustments":[]}},"idSuffix":"_clone","tierPrices":[],"calculationAlgorithm":"UNIT_BASE_CALCULATION"}            }
                        }
                    }
                  </script>
                <!-- <script>
// When the user clicks on div, open the popup
function myFunction() {
  var popup = document.getElementById("size-chart");
  popup.classList.toggle("show");
}
</script> -->
                <script data-breeze="">
                  require(["jquery"], ($) => {
                    $(document).ready(function () {
                      // Get the modal
                      var modal = document.getElementById("myModals");

                      // Get the <span> element that closes the modal
                      var span =
                        document.getElementsByClassName("close-icon")[0];

                      // When the user clicks the button, open the modal
                      $("#myBtns").on("click", function (e) {
                        $("#myModals").show();
                      });

                      // When the user clicks the button, open the modal
                      $("#myBtns").on("click", function (e) {
                        $("#myModals").show();
                      });
                      // When the user clicks the button, close the modal
                      $(".close-icon").on("click", function (e) {
                        $("#myModals").hide();
                      });

                      // When the user clicks on <span> (x), close the modal
                      if (!typeof span === "undefined") {
                        span.onclick = function () {
                          modal.style.display = "none";
                        };
                      }

                      // When the user clicks anywhere outside of the modal, close it
                      window.onclick = function (event) {
                        if (event.target == modal) {
                          modal.style.display = "none";
                        }
                      };
                    });
                  });
                </script>
                <style>
                  /* Add Animation */
                  @media screen and (max-width: 767px) {
                    #myModals {
                      animation: mymovess 2s;
                      animation-fill-mode: forwards;
                    }
                  }

                  @keyframes mymovess {
                    from {
                      bottom: 0px;
                    }

                    to {
                      bottom: 200px;
                    }
                  }

                  h5#content-baby {
                    font-family: "Mothercare 2020";
                    font-style: normal;
                    font-weight: 600;
                    font-size: 32px;
                    line-height: 150%;
                    text-align: center;
                    letter-spacing: -0.011em;
                    color: #b31217;
                  }

                  h5#content-baby {
                    font-family: "Mothercare 2020";
                    font-style: normal;
                    font-weight: 600;
                    font-size: 32px;
                    line-height: 150%;
                    text-align: center;
                    letter-spacing: -0.011em;
                    color: #b31217;
                    margin-bottom: 1em;
                  }

                  a.sizechart-link {
                    position: relative;
                    top: -20.5em;
                    font-style: normal;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 19px;
                    text-align: left;
                    text-decoration-line: underline;
                    text-transform: lowercase;
                    color: #b31217;
                    font-family: "mothercare_2020-regular-webfont";
                  }

                  @media screen and (max-width: 767px) {
                    a.sizechart-link {
                      top: -17.5em;
                    }
                  }
                </style>
                <div class="sharing-buttons">
                  <label>Share product:</label>
                  <div class="sharethis-inline-share-buttons st-center st-inline-share-buttons st-animated" id="st-2">
                    <div class="st-btn st-first" data-network="facebook" style="display: inline-block">
                      <img alt="facebook sharing button" src="assets/facebook.svg" />
                    </div>
                    <div class="st-btn st-last" data-network="twitter" style="display: inline-block">
                      <img alt="twitter sharing button" src="assets/twitter.svg" />
                    </div>
                  </div>
                  <!--<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>-->
                  <!--<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>-->
                  <script type="text/javascript" src="assets/sharethis.js.download"></script>
                </div>
              </div>
            </div>
            <div class="product media">
              <div class="breeze-gallery horizontal">
                <div class="stage" data-gallery-role="gallery-placeholder">
                  <div class="main-image-wrapper">
                    <img alt="" class="main-image" src="assets/zeusslot-slot-gacor.jpg" width="608" height="608" />
                  </div>
                  <a href="https://www.jaerestaurantgroup.com/" class="prev" tabindex="-1">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
                    </svg>
                  </a>
                  <a href="https://www.jaerestaurantgroup.com/" class="next" tabindex="-1">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                    </svg>
                  </a>
                  <div class="controls">
                    <a href="https://www.jaerestaurantgroup.com/" class="zoom zoom-in">
                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
                        stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"></path>
                      </svg>
                    </a>
                    <a href="https://www.jaerestaurantgroup.com/" class="zoom zoom-out">
                      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"
                        stroke-width="2">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M20 12H4"></path>
                      </svg>
                    </a>
                  </div>
                  <a href="https://www.jaerestaurantgroup.com/" class="close">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">
                      </path>
                    </svg>
                  </a>
                </div>
                <div class="thumbnails">
                  <a class="item active" href="https://www.jaerestaurantgroup.com/" title="View Image">
                    <span class="slide-image-container">
                      <img loading="lazy" alt="" src="assets/zeusslot-slot-gacor.jpg" />
                    </span>
                  </a>
                  <a class="item" href="https://www.jaerestaurantgroup.com/" title="View Image">
                    <span class="slide-image-container">
                      <img loading="lazy" alt="" src="assets/zeusslot-slot-gacor.jpg" />
                    </span>
                  </a>
                  <a class="item" href="https://www.jaerestaurantgroup.com/" title="View Image">
                    <span class="slide-image-container">
                      <img loading="lazy" alt="" src="assets/zeusslot-slot-gacor.jpg" />
                    </span>
                  </a>
                  <a class="item" href="https://www.jaerestaurantgroup.com/" title="View Image">
                    <span class="slide-image-container">
                      <img loading="lazy" alt="" src="assets/zeusslot-slot-gacor.jpg" />
                    </span>
                  </a>
                  <a class="item" href="https://www.jaerestaurantgroup.com/" title="View Image">
                    <span class="slide-image-container">
                      <img loading="lazy" alt="" src="assets/zeusslot-slot-gacor.jpg" />
                    </span>
                  </a>
                  <a class="item" href="https://www.jaerestaurantgroup.com/" title="View Image">
                    <span class="slide-image-container">
                      <img loading="lazy" alt="" src="assets/zeusslot-slot-gacor.jpg" />
                    </span>
                  </a>
                  <a class="item" href="https://www.jaerestaurantgroup.com/" title="View Image">
                    <span class="slide-image-container">
                      <img loading="lazy" alt="" src="assets/zeusslot-slot-gacor.jpg" />
                    </span>
                  </a>
                  <a class="item" href="https://www.jaerestaurantgroup.com/" title="View Image">
                    <span class="slide-image-container">
                      <img loading="lazy" alt="" src="assets/zeusslot-slot-gacor.jpg" />
                    </span>
                  </a>
                  <a class="item" href="https://www.jaerestaurantgroup.com/" title="View Image">
                    <span class="slide-image-container">
                      <img loading="lazy" alt="" src="assets/zeusslot-slot-gacor.jpg" />
                    </span>
                  </a>
                </div>
              </div>
              <script type="text/x-magento-template" id="gallery-thumbnail">

                  <a class="<%- classes %>" href="<%- full %>">
                      <span class="slide-image-container">
                          <img loading="lazy" alt="<%- caption %>"
                              src="<%- thumb %>"srcset="<%- srcset ? srcset.small : '' %>"
                              sizes="110px"
                              width="110"
                              height="110"
                          />
                      </span>
                  </a>
                </script>
              <!-- <script data-breeze>
	require(['jquery'], ($) => {
        $('.thumbnails').pagebuilderSlider({
            dots: true,
            arrows: true
        });
    });
</script> -->
              <script type="text/x-magento-init" data-breeze-processed="true">

                  {
                      "[data-gallery-role=gallery-placeholder]": {
                          "Magento_ProductVideo/js/fotorama-add-video-events": {
                              "videoData": [{"mediaType":"image","videoUrl":null,"isBase":true},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false}],
                              "videoSettings": [{"playIfBase":"0","showRelated":"0","videoAutoRestart":"0"}],
                              "optionsVideoData": {"598663":[{"mediaType":"image","videoUrl":null,"isBase":true},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false},{"mediaType":"image","videoUrl":null,"isBase":false}]}            }
                      }
                  }
                </script>
            </div>
          </div>
          <div class="product info detailed">
            <div class="product data items collapsed"
              data-mage-init='{"Swissup_Easytabs/js/tabs": {"ajaxContent":true,"openedState":"active"}}'
              id="swissup-easytabs-67d982dda2148" data-content-type="easytabs" data-breeze-processed="true"
              role="tablist">
              <div class="data item title active" aria-labeledby="tab-label-product.info.description-title"
                data-role="collapsible" role="tab" id="tab-label-product.info.description" data-trigger="true"
                tabindex="0" data-collapsible="true" aria-selected="true" aria-expanded="true">
                <h2 class="data switch" id="tab-label-product.info.description-title" data-toggle="switch" tabindex="-1"
                  href="#product.info.description">
                  <strong>FAQ ZEUSSLOT (Pertanyaan Umum)</strong>
                </h2>
              </div>
              <div class="data item content" id="product.info.description" data-role="content" role="tabpanel"
                aria-hidden="false">
                <center>
                  <h1>
                    Zeusslot : Link Resmi Slot88 JP & Slot Gacor Online Hari Ini
                  </h1>
                </center>

                <h4>1. Apa itu Zeusslot?</h4>
                <p>
                  <strong>Zeusslot merupakan agen game slot online zeus bet rendah
                    yang menghadirkan permainan auto maxwin dengan RTP
                    tertinggi, paling gacor & sensasi jackpot yang luar
                    biasa.</strong>
                </p>

                <h4>2. Apa Saja Keuntungan Bermain di situs Zeusslot?</h4>
                <p>
                  <strong>Zeusslot selaku situs dewa judi idn slot terpercaya
                    selalu memberikan keuntungan bagi para member yang baru
                    bergabung maupun member lama yang sudah bermain dengan
                    bonus deposit new member dan bonus deposit harian yang
                    bisa diambil setiap hari sebagai keuntungan
                    pertama!</strong>
                </p>

                <h4>
                  3. Apa Benar Zeusslot menjadi situs dewa judi slot gacor
                  saat ini?
                </h4>
                <p>
                  <strong>Ya, Zeusslot telah dikenal sebagai situs dewa judi idn
                    slot gacor terpercaya 2026 yang telah memiliki lisensi
                    resmi yang diberikan oleh lembaga international</strong>
                </p>

                <h4>4. Bagaimana Mendaftar Akun di Situs Zeusslot?</h4>
                <p>
                  <strong>Untuk bergabung menjadi member kami sangatlah mudah, anda
                    cukup akses situs ini atau ketik di google 'Zeusslot' lalu
                    klik tombol daftar yang telah tersedia dan silahkan isi
                    formulir data diri yang benar dan valid.</strong>
                </p>

                <h4>5. Apakah situs Zeusslot aman untuk dimainkan?</h4>
                <p>
                  <strong>Tentu! Zeusslot telah menjadi salah satu pilihan situs
                    utama bagi para pecinta judi idn slot gacor di indonesia
                    yang telah mendapatkan medali dan lisensi resmi sebagai
                    situs dewa judi terpercaya di indonesia!</strong>
                </p>
              </div>
            </div>
            <style type="text/css">
              .product-attributes {
                font-weight: bold !important;
              }
            </style>
            <br />
            <br />
          </div>
        </div>
        <strong data-start="1358" data-end="1421">
          <strong data-start="1358" data-end="1421">
            <strong data-start="1358" data-end="1421"></strong>
          </strong>
        </strong>
      </div>
      <strong data-start="1358" data-end="1421">
        <strong data-start="1358" data-end="1421">
          <strong data-start="1358" data-end="1421">
            <input name="form_key" type="hidden" value="PJuTGwuTbTBCoMMK" />
            <script data-breeze="">
              var sectionsConfig = {
                sections: {
                  "stores\/store\/switch": ["*"],
                  "stores\/store\/switchrequest": ["*"],
                  "directory\/currency\/switch": ["*"],
                  "*": ["messages", "company", "personal-data"],
                  "customer\/account\/logout": [
                    "*",
                    "recently_viewed_product",
                    "recently_compared_product",
                    "persistent",
                  ],
                  "customer\/account\/loginpost": ["*"],
                  "customer\/account\/createpost": ["*"],
                  "customer\/account\/editpost": ["*"],
                  "customer\/ajax\/login": [
                    "checkout-data",
                    "cart",
                    "captcha",
                  ],
                  "catalog\/product_compare\/add": [
                    "compare-products",
                    "ajaxpro-reinit",
                  ],
                  "catalog\/product_compare\/remove": [
                    "compare-products",
                    "ajaxpro-reinit",
                  ],
                  "catalog\/product_compare\/clear": [
                    "compare-products",
                    "ajaxpro-reinit",
                  ],
                  "sales\/guest\/reorder": ["cart", "ammessages"],
                  "sales\/order\/reorder": ["cart", "ammessages"],
                  "rest\/v1\/requisition_lists": ["requisition"],
                  "requisition_list\/requisition\/delete": ["requisition"],
                  "requisition_list\/item\/addtocart": ["cart"],
                  "checkout\/cart\/add": [
                    "cart",
                    "directory-data",
                    "ammessages",
                    "ajaxpro-cart",
                  ],
                  "checkout\/cart\/delete": [
                    "cart",
                    "ammessages",
                    "ajaxpro-cart",
                  ],
                  "checkout\/cart\/updatepost": [
                    "cart",
                    "ammessages",
                    "ajaxpro-cart",
                  ],
                  "checkout\/cart\/updateitemoptions": [
                    "cart",
                    "ammessages",
                    "ajaxpro-cart",
                  ],
                  "checkout\/cart\/couponpost": [
                    "cart",
                    "ammessages",
                    "ajaxpro-cart",
                  ],
                  "checkout\/cart\/estimatepost": [
                    "cart",
                    "ammessages",
                    "ajaxpro-cart",
                  ],
                  "checkout\/cart\/estimateupdatepost": [
                    "cart",
                    "ammessages",
                    "ajaxpro-cart",
                  ],
                  "checkout\/onepage\/saveorder": [
                    "cart",
                    "checkout-data",
                    "last-ordered-items",
                    "ammessages",
                  ],
                  "checkout\/sidebar\/removeitem": ["cart", "ammessages"],
                  "checkout\/sidebar\/updateitemqty": ["cart", "ammessages"],
                  "rest\/*\/v1\/carts\/*\/payment-information": [
                    "cart",
                    "last-ordered-items",
                    "captcha",
                    "instant-purchase",
                    "ammessages",
                    "osc-data",
                  ],
                  "rest\/*\/v1\/guest-carts\/*\/payment-information": [
                    "cart",
                    "captcha",
                    "ammessages",
                    "osc-data",
                  ],
                  "rest\/*\/v1\/guest-carts\/*\/selected-payment-method": [
                    "cart",
                    "checkout-data",
                    "ammessages",
                    "osc-data",
                  ],
                  "rest\/*\/v1\/carts\/*\/selected-payment-method": [
                    "cart",
                    "checkout-data",
                    "instant-purchase",
                    "ammessages",
                    "osc-data",
                  ],
                  "wishlist\/index\/add": ["wishlist", "ajaxpro-reinit"],
                  "wishlist\/index\/remove": ["wishlist", "ajaxpro-reinit"],
                  "wishlist\/index\/updateitemoptions": ["wishlist"],
                  "wishlist\/index\/update": ["wishlist"],
                  "wishlist\/index\/cart": [
                    "wishlist",
                    "cart",
                    "ajaxpro-cart",
                  ],
                  "wishlist\/index\/fromcart": [
                    "wishlist",
                    "cart",
                    "ajaxpro-cart",
                  ],
                  "wishlist\/index\/allcart": ["wishlist", "cart"],
                  "wishlist\/shared\/allcart": ["wishlist", "cart"],
                  "wishlist\/shared\/cart": ["cart"],
                  "customer_order\/cart\/updatefaileditemoptions": ["cart"],
                  "checkout\/cart\/updatefaileditemoptions": ["cart"],
                  "customer_order\/cart\/advancedadd": ["cart"],
                  "checkout\/cart\/advancedadd": ["cart"],
                  "checkout\/cart\/removeallfailed": ["cart"],
                  "checkout\/cart\/removefailed": ["cart"],
                  "customer_order\/cart\/addfaileditems": ["cart"],
                  "checkout\/cart\/addfaileditems": ["cart"],
                  "customer_order\/sku\/uploadfile": ["cart"],
                  "giftregistry\/index\/cart": ["cart"],
                  "giftregistry\/view\/addtocart": ["cart"],
                  "customer\/address\/*": ["instant-purchase"],
                  "customer\/account\/*": ["instant-purchase"],
                  "vault\/cards\/deleteaction": ["instant-purchase"],
                  "multishipping\/checkout\/overviewpost": [
                    "cart",
                    "ammessages",
                  ],
                  "wishlist\/index\/copyitem": ["wishlist"],
                  "wishlist\/index\/copyitems": ["wishlist"],
                  "wishlist\/index\/deletewishlist": [
                    "wishlist",
                    "multiplewishlist",
                  ],
                  "wishlist\/index\/createwishlist": ["multiplewishlist"],
                  "wishlist\/index\/editwishlist": ["multiplewishlist"],
                  "wishlist\/index\/moveitem": ["wishlist"],
                  "wishlist\/index\/moveitems": ["wishlist"],
                  "wishlist\/search\/addtocart": ["cart", "wishlist"],
                  "paypal\/express\/placeorder": [
                    "cart",
                    "checkout-data",
                    "ammessages",
                  ],
                  "paypal\/payflowexpress\/placeorder": [
                    "cart",
                    "checkout-data",
                    "ammessages",
                  ],
                  "paypal\/express\/onauthorization": [
                    "cart",
                    "checkout-data",
                    "ammessages",
                  ],
                  "rest\/*\/v1\/carts\/*\/po-payment-information": [
                    "cart",
                    "checkout-data",
                    "last-ordered-items",
                  ],
                  "purchaseorder\/purchaseorder\/success": [
                    "cart",
                    "checkout-data",
                    "last-ordered-items",
                  ],
                  "persistent\/index\/unsetcookie": ["persistent"],
                  "quickorder\/sku\/uploadfile\/": ["cart"],
                  "review\/product\/post": ["review"],
                  "amasty_promo\/cart\/add": ["cart", "ammessages"],
                  "braintree\/paypal\/placeorder": [
                    "ammessages",
                    "cart",
                    "checkout-data",
                  ],
                  "authorizenet\/directpost_payment\/place": ["ammessages"],
                  "rest\/*\/v1\/carts\/*\/update-item": [
                    "cart",
                    "checkout-data",
                  ],
                  "rest\/*\/v1\/guest-carts\/*\/update-item": [
                    "cart",
                    "checkout-data",
                  ],
                  "rest\/*\/v1\/guest-carts\/*\/remove-item": [
                    "cart",
                    "checkout-data",
                  ],
                  "rest\/*\/v1\/carts\/*\/remove-item": [
                    "cart",
                    "checkout-data",
                  ],
                  "kanmopopup\/catalog\/popupaddtocart": ["cart"],
                  "stylaconnect2page\/cart\/add": ["cart"],
                  "braintree\/googlepay\/placeorder": [
                    "cart",
                    "checkout-data",
                  ],
                },
                clientSideSections: [
                  "checkout-data",
                  "cart-data",
                  "osc-data",
                ],
                baseUrls: ["https:\/\/www.mothercare.co.id\/"],
                sectionNames: [
                  "messages",
                  "customer",
                  "compare-products",
                  "last-ordered-items",
                  "requisition",
                  "cart",
                  "directory-data",
                  "captcha",
                  "wishlist",
                  "company",
                  "company_authorization",
                  "negotiable_quote",
                  "instant-purchase",
                  "loggedAsCustomer",
                  "multiplewishlist",
                  "purchase_order",
                  "persistent",
                  "review",
                  "ammessages",
                  "personal-data",
                  "ajaxpro-reinit",
                  "ajaxpro-cart",
                  "ajaxpro-product",
                  "recently_viewed_product",
                  "recently_compared_product",
                  "product_data_storage",
                  "paypal-billing-agreement",
                ],
              };
            </script>
            <script data-breeze="">
              var customerDataConfig = {
                sectionLoadUrl:
                  "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Fsection\u002Fload\u002F",
                expirableSectionLifetime: 129600,
                expirableSectionNames: [
                  "cart",
                  "persistent",
                  "ajaxpro-reinit",
                  "ajaxpro-cart",
                  "ajaxpro-product",
                ],
                cookieLifeTime: "3600",
                updateSessionUrl:
                  "https\u003A\u002F\u002Fwww.mothercare.co.id\u002Fcustomer\u002Faccount\u002FupdateSession\u002F",
              };
            </script>
            <script type="text/x-magento-init" data-breeze-processed="true">

                {
                    "*": {
                        "Magento_Customer/js/invalidation-processor": {
                            "invalidationRules": {
                                "website-rule": {
                                    "Magento_Customer/js/invalidation-rules/website-rule": {
                                        "scopeConfig": {
                                            "websiteId": "3"
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
              </script>
            <script type="text/x-magento-init" data-breeze-processed="true">

                {
                    "body": {
                        "pageCache": {"url":"https:\/\/www.mothercare.co.id\/page_cache\/block\/render\/id\/600193\/","handles":["default","catalog_product_view","catalog_product_view_type_configurable","catalog_product_view_id_600193","catalog_product_view_sku_52135545-AYO01","customer_logged_out","breeze_default","breeze_catalog_product_view","breeze_catalog_product_view_type_configurable","breeze_catalog_product_view_id_600193","breeze_catalog_product_view_sku_52135545-AYO01","breeze_customer_logged_out","breeze_theme","breeze"],"originalRequest":{"route":"catalog","controller":"product","action":"view","uri":"\/nordic-naturals-baby-s-dha-52135545-AYO01.html"},"versionCookieName":"private_content_version"}        }
                }
              </script>
            <script type="text/x-magento-init" data-breeze-processed="true">

                {
                    "*": {
                        "Magento_Banner/js/model/banner":
                            {"sectionLoadUrl":"https:\/\/www.mothercare.co.id\/banner\/ajax\/load\/","cacheTtl":30000}        }
                }
              </script>
            <script type="text/x-magento-init" data-breeze-processed="true">

                {"*":{"Styla_Connect2\/js\/cart-update":[]}}
              </script>
            <script async="" src="assets/js(1)"></script>
            <script type="text/x-magento-init" data-breeze-processed="true">

                {
                    "body": {
                        "requireCookie": {"noCookieUrl":"https:\/\/www.mothercare.co.id\/cookie\/index\/noCookies\/","triggers":[".review .action.submit"],"isRedirectCmsPage":true}        }
                }
              </script>
            <script type="text/x-magento-init" data-breeze-processed="true">

                {
                    "*": {
                            "Magento_Catalog/js/product/view/provider": {
                                "data": {"items":{"600193":{"add_to_cart_button":{"post_data":"{\"action\":\"https:\\\/\\\/www.mothercare.co.id\\\/checkout\\\/cart\\\/add\\\/uenc\\\/%25uenc%25\\\/product\\\/600193\\\/\",\"data\":{\"product\":\"600193\",\"uenc\":\"%uenc%\"}}","url":"https:\/\/www.mothercare.co.id\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/600193\/","required_options":true},"add_to_compare_button":{"post_data":null,"url":"{\"action\":\"https:\\\/\\\/www.mothercare.co.id\\\/catalog\\\/product_compare\\\/add\\\/\",\"data\":{\"product\":\"600193\",\"uenc\":\"aHR0cHM6Ly93d3cubW90aGVyY2FyZS5jby5pZC9ub3JkaWMtbmF0dXJhbHMtYmFieS1zLWRoYS01MjEzMDEyNS1jbm8wMS5odG1s\"}}","required_options":null},"price_info":{"final_price":5000,"max_price":5000,"max_regular_price":5000,"minimal_regular_price":5000,"special_price":null,"minimal_price":5000,"regular_price":5000,"formatted_prices":{"final_price":"<span class=\"price\">Rp 5.000<\/span>","max_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_price":"<span class=\"price\">Rp 5.000<\/span>","max_regular_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_regular_price":null,"special_price":null,"regular_price":"<span class=\"price\">Rp 5.000<\/span>"},"extension_attributes":{"msrp":{"msrp_price":"<span class=\"price\">Rp 0<\/span>","is_applicable":"","is_shown_price_on_gesture":"1","msrp_message":"","explanation_message":"Our price is lower than the manufacturer&#039;s &quot;minimum advertised price.&quot; As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart."},"tax_adjustments":{"final_price":5000,"max_price":5000,"max_regular_price":5000,"minimal_regular_price":5000,"special_price":5000,"minimal_price":5000,"regular_price":5000,"formatted_prices":{"final_price":"<span class=\"price\">Rp 5.000<\/span>","max_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_price":"<span class=\"price\">Rp 5.000<\/span>","max_regular_price":"<span class=\"price\">Rp 5.000<\/span>","minimal_regular_price":null,"special_price":"<span class=\"price\">Rp 5.000<\/span>","regular_price":"<span class=\"price\">Rp 5.000<\/span>"}},"weee_attributes":[],"weee_adjustment":"<span class=\"price\">Rp 5.000<\/span>"}},"images":[{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=325&height=325&canvas=325,325&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_grid_content_widget","height":325,"width":325,"label":"Nordic Natural Baby's DHA","resized_width":325,"resized_height":325},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=270&height=270&canvas=270,270&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_list_content_widget","height":270,"width":270,"label":"Nordic Natural Baby's DHA","resized_width":270,"resized_height":270},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=156&height=156&canvas=156,156&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_viewed_products_images_names_widget","height":156,"width":156,"label":"Nordic Natural Baby's DHA","resized_width":156,"resized_height":156},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=325&height=325&canvas=325,325&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_grid_content_widget","height":325,"width":325,"label":"Nordic Natural Baby's DHA","resized_width":325,"resized_height":325},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=270&height=207&canvas=270,207&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_list_content_widget","height":207,"width":270,"label":"Nordic Natural Baby's DHA","resized_width":270,"resized_height":207},{"url":"https:\/\/www.mothercare.co.id\/media\/catalog\/product\/1\/1\/119669web1_1.jpg?width=156&height=156&canvas=156,156&optimize=low&bg-color=255,255,255&fit=bounds","code":"recently_compared_products_images_names_widget","height":156,"width":156,"label":"Nordic Natural Baby's DHA","resized_width":156,"resized_height":156}],"url":"https:\/\/www.mothercare.co.id\/nordic-naturals-baby-s-dha-52135545-AYO01.html","id":600193,"name":"Zeusslot : Link Resmi Slot88 JP & Slot Gacor Online Hari Ini","type":"configurable","is_salable":"1","store_id":15,"currency_code":"IDR","extension_attributes":{"wishlist_button":{"post_data":null,"url":"{\"action\":\"https:\\\/\\\/www.mothercare.co.id\\\/wishlist\\\/index\\\/add\\\/\",\"data\":{\"product\":600193,\"uenc\":\"aHR0cHM6Ly93d3cubW90aGVyY2FyZS5jby5pZC9ub3JkaWMtbmF0dXJhbHMtYmFieS1zLWRoYS01MjEzMDEyNS1jbm8wMS5odG1s\"}}","required_options":null},"review_html":"    <div class=\"product-reviews-summary short empty\">\n        <div class=\"reviews-actions\">\n            \n        <\/div>\n    <\/div>\n"},"is_available":true}},"store":"15","currency":"IDR","productCurrentScope":"website"}            }
                    }
                }
              </script>
            <script data-role="msrp-popup-template" type="text/x-magento-template">

                <div id="map-popup-click-for-price" class="map-popup">
                    <div class="popup-header">
                        <strong class="title" id="map-popup-heading-price"></strong>
                    </div>
                    <div class="popup-content">
                        <div class="map-info-price" id="map-popup-content">
                            <div class="price-box">
                                <div class="map-msrp" id="map-popup-msrp-box">
                                    <span class="label">Harga</span>
                                    <span class="old-price map-old-price" id="map-popup-msrp">
                                        <span class="price"></span>
                                    </span>
                                </div>
                                <div class="map-price" id="map-popup-price-box">
                                    <span class="label">harga asli </span>
                                    <span id="map-popup-price" class="actual-price"></span>
                                </div>
                            </div>
                            <form action="" method="POST" class="map-form-addtocart">
                                <input type="hidden" name="product" class="product_id" value="" />
                                <button type="button"
                                        title="+ keranjang"
                                        class="action tocart primary">
                                    <span>+ keranjang</span>
                                </button>
                                <div class="additional-addtocart-box">
                                                        </div>
                            </form>
                        </div>
                        <div class="map-text" id="map-popup-text">
                            Our price is lower than the manufacturer&#039;s &quot;minimum advertised price.&quot; As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.            </div>
                    </div>
                </div>
              </script>
            <script data-role="msrp-info-template" type="text/x-magento-template">

                <div id="map-popup-what-this" class="map-popup">
                    <div class="popup-header">
                        <strong class="title" id="map-popup-heading-what-this"></strong>
                    </div>
                    <div class="popup-content">
                        <div class="map-help-text" id="map-popup-text-what-this">
                            Our price is lower than the manufacturer&#039;s &quot;minimum advertised price.&quot; As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.            </div>
                    </div>
                </div>
              </script>
            <!--suppress ES6ConvertVarToLetConst -->
            <script type="text/javascript" id="klevu_page_meta">
              var klevu_page_meta = {
                platform: "magento2",
                pageType: "pdp",
                itemName:
                  "Zeusslot : Link Resmi Slot88 JP & Slot Gacor Online Hari Ini",
                itemUrl:
                  "https:\/\/www.mothercare.co.id\/nordic-naturals-baby-s-dha-52135545-AYO01.html",
                itemId: "600193-598663",
                itemGroupId: "600193",
              };
            </script>
            <div class="sharing-buttons mobile-sharing-button">
              <label>Share product:</label>
              <div class="sharethis-inline-share-buttons st-center st-inline-share-buttons st-animated" id="st-3">
                <div class="st-btn st-first st-remove-label" data-network="facebook" style="display: none">
                  <img alt="facebook sharing button" src="assets/facebook.svg" />
                </div>
                <div class="st-btn st-last st-remove-label" data-network="twitter" style="display: none">
                  <img alt="twitter sharing button" src="assets/twitter.svg" />
                </div>
              </div>
              <!--<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=58afdee0eeab5d00125e8fd6&product=inline-share-buttons"></script>-->
              <!--<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5baf03a9752ef70011efcea0&product=inline-share-buttons' async='async'></script>-->
              <script type="text/javascript" src="assets/sharethis.js.download"></script>
            </div>
            <!-- <style type="text/css">
    
    .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{

        display: none;
    }

    @media (max-width: 768px) {

        .catalog-product-view .product.info.detailed .data.item.title {
            order: unset;
        } 

         .catalog-product-view .page-main  .sharing-buttons{
                display: none;
        }

       .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button{
              display: block;
        }
        .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button label{
            font-family: 'mothercare_2020-regular-webfont';
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            letter-spacing: -0.011em;
            text-transform: lowercase;
            color: #b31217;
            display: block;
            text-align: center;
            padding: 10px 0px;
        }
        .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-first,
        .catalog-product-view .page-main .sharing-buttons.mobile-sharing-button .st-btn.st-last {
             background: #b31217 !important;
        }     

         .catalog-product-view .page-main .product-info-main .product-info{
            display: contents !important;
         }

         .catalog-product-view .page-main .product-info-main .product.attribute.overview{
            order: 1 !important;
        }
        .catalog-product-view .page-main .product-info-main .product-config{
                display: contents !important;
        }
         .catalog-product-view .page-main  .sharing-buttons{
                order: 1;
        }

    }
</style>
 -->
            <div class="products-widget-container">
              <!-- <script type="text/javascript">
    require(['jquery', 'jquery/ui', 'slick'], function($) {
        $(document).ready(function() {
            if ($('body').hasClass('checkout-cart-index')) {
                $(".widget.widget-crosssell .product-items").slick({
                    dots: false,
                    arrows: true, // Show arrows for larger screens
                    infinite: false,
                    slidesToShow: 4,
                    slidesToScroll: 1,
                    responsive: [
                        {
                            breakpoint: 1024,
                            settings: {
                                slidesToShow: 3,
                                slidesToScroll: 1,
                            }
                        },
                        {
                            breakpoint: 600,
                            settings: {
                                slidesToShow: 3,
                                slidesToScroll: 1
                            }
                        },
                        {
                            breakpoint: 480,
                            settings: {
                                slidesToShow: 2.5,
                                slidesToScroll: 1,
                                arrows: false
                            }
                        },
                        {
                            breakpoint: 430,
                            settings: {
                                slidesToShow: 2.5,
                                slidesToScroll: 1,
                                arrows: false
                            }
                        },
                        {
                            breakpoint: 390,
                            settings: {
                                slidesToShow: 2.5,
                                slidesToScroll: 1,
                                arrows: false // Hide arrows for mobile sizes
                            }
                        },
                        {
                            breakpoint: 375,
                            settings: {
                                slidesToShow: 2.5,
                                slidesToScroll: 1,
                                arrows: false // Hide arrows for mobile sizes
                            }
                        }
                    ]
                });
            }
        });
    });
</script> -->
              <style type="text/css">
                .widget.widget-upsell,
                .widget.widget-related {
                  padding-bottom: 40px;
                  padding-top: 40px;
                  margin-top: 0 !important
                }

                .widget.widget-upsell .block-title,
                .widget.widget-related .block-title {
                  margin: 0 !important;
                  padding: 0 0 40px !important
                }

                .widget.widget-upsell .block-title:before,
                .widget.widget-related .block-title:before {
                  display: none !important
                }

                .widget.widget-upsell .block-title strong,
                .widget.widget-related .block-title strong {
                  display: block;
                  font-family: 'mothercare_2020-regular-webfont';
                  font-style: normal;
                  font-weight: 400;
                  font-size: 32px;
                  color: #515759;
                  margin: 0 !important;
                  text-align: center;
                  text-transform: lowercase
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-upsell .block-title strong,
                  .widget.widget-related .block-title strong {
                    font-size: 18px
                  }
                }

                .widget.widget-upsell .upsell.products-grid,
                .widget.widget-related .upsell.products-grid,
                .widget.widget-upsell .related.products-grid,
                .widget.widget-related .related.products-grid {
                  overflow: inherit;
                  padding-left: 50px;
                  padding-right: 50px
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-upsell .upsell.products-grid,
                  .widget.widget-related .upsell.products-grid,
                  .widget.widget-upsell .related.products-grid,
                  .widget.widget-related .related.products-grid {
                    padding: 0
                  }
                }

                .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
                .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
                .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
                .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                  gap: 0;
                  padding: 0;
                  margin: 0 -25px;
                  width: auto
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
                  .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
                  .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
                  .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                    margin: 0 -15px
                  }
                }

                .widget.widget-upsell .upsell.products-grid .product-item,
                .widget.widget-related .upsell.products-grid .product-item,
                .widget.widget-upsell .related.products-grid .product-item,
                .widget.widget-related .related.products-grid .product-item {
                  width: calc(100%/4 - 50px);
                  max-width: 100%;
                  margin: 0 25px
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-upsell .upsell.products-grid .product-item,
                  .widget.widget-related .upsell.products-grid .product-item,
                  .widget.widget-upsell .related.products-grid .product-item,
                  .widget.widget-related .related.products-grid .product-item {
                    margin: 0 15px;
                    width: calc(100%/2 - 30px)
                  }
                }

                .widget.widget-upsell .upsell.products-grid .product-item-photo,
                .widget.widget-related .upsell.products-grid .product-item-photo,
                .widget.widget-upsell .related.products-grid .product-item-photo,
                .widget.widget-related .related.products-grid .product-item-photo {
                  display: flex;
                  justify-content: center;
                  height: 100%;
                  border-radius: 5px width:100%;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container,
                .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container,
                .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container,
                .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
                  width: 100% !important
                }

                .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img,
                .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img,
                .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img,
                .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
                  height: 100%;
                  object-fit: contain
                }

                .widget.widget-upsell .upsell.products-grid .product-item-info,
                .widget.widget-related .upsell.products-grid .product-item-info,
                .widget.widget-upsell .related.products-grid .product-item-info,
                .widget.widget-related .related.products-grid .product-item-info {
                  gap: 15px
                }

                .widget.widget-upsell .product-items .product-item .item-img-box {
                  position: relative;
                  display: flex;
                  justify-content: center;
                  border: 1px solid #f4f1f1;
                  align-items: center;
                  height: 327px;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details,
                .widget.widget-related .upsell.products-grid .product-item-details,
                .widget.widget-upsell .related.products-grid .product-item-details,
                .widget.widget-related .related.products-grid .product-item-details {
                  flex-direction: column;
                  text-align: center
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name,
                .widget.widget-related .upsell.products-grid .product-item-details .product-item-name,
                .widget.widget-upsell .related.products-grid .product-item-details .product-item-name,
                .widget.widget-related .related.products-grid .product-item-details .product-item-name {
                  max-width: 100%;
                  /*    height: 34px;*/
                  margin: 0 0 20px;
                  margin-bottom: 0px !important;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link,
                .widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link,
                .widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link,
                .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 12px;
                  line-height: 150%;
                  text-align: center;
                  letter-spacing: -.011em;
                  color: #515759;
                  font-family: 'mothercare_2020-regular-webfont';
                  display: block
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
                  flex-grow: 1;
                  align-items: flex-end;
                  display: flex
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
                  font-family: Arial, Helvetica, sans-serif;
                  display: block;
                  text-align: center;
                  flex-flow: wrap;
                  max-width: 100%;
                  width: 100%;
                  margin: 0;
                  justify-content: center
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                  margin: 0 5px;
                  text-decoration-color: #515759;
                  width: 100%;
                  text-align: center
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 12px;
                  line-height: 120%;
                  color: #515759
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                  order: 3;
                  background: #f24822;
                  font-style: normal;
                  font-weight: 400;
                  font-size: 12px;
                  line-height: 24px;
                  letter-spacing: -.011em;
                  color: #fff;
                  padding: 0 4px;
                  font-family: 'Arial' !important;
                  margin-left: 5px;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-upsell .upsell.products-grid .product-item-details .price {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 16px;
                  line-height: 150%;
                  letter-spacing: -.011em;
                  color: #1e1e1e;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 14px;
                  line-height: 120%;
                  color: #b31217;
                  font-family: Arial, Helvetica, sans-serif
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .check,
                .widget.widget-related .upsell.products-grid .product-item-details .check,
                .widget.widget-upsell .related.products-grid .product-item-details .check,
                .widget.widget-related .related.products-grid .product-item-details .check {
                  margin-top: 16px
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .check span,
                .widget.widget-related .upsell.products-grid .product-item-details .check span,
                .widget.widget-upsell .related.products-grid .product-item-details .check span,
                .widget.widget-related .related.products-grid .product-item-details .check span {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 10px;
                  letter-spacing: -.011em;
                  color: #1d1d1d;
                }

                .widget.widget-upsell .upsell.products-grid .slick-arrow,
                .widget.widget-related .upsell.products-grid .slick-arrow,
                .widget.widget-upsell .related.products-grid .slick-arrow,
                .widget.widget-related .related.products-grid .slick-arrow {
                  width: 40px;
                  height: 40px;
                  border: none;
                  background-position: center;
                  background-repeat: no-repeat
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-upsell .upsell.products-grid .slick-arrow,
                  .widget.widget-related .upsell.products-grid .slick-arrow,
                  .widget.widget-upsell .related.products-grid .slick-arrow,
                  .widget.widget-related .related.products-grid .slick-arrow {
                    display: none !important
                  }
                }

                .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
                .widget.widget-related .upsell.products-grid .slick-arrow.slick-prev,
                .widget.widget-upsell .related.products-grid .slick-arrow.slick-prev,
                .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
                  background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg);
                }

                .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
                .widget.widget-related .upsell.products-grid .slick-arrow.slick-next,
                .widget.widget-upsell .related.products-grid .slick-arrow.slick-next,
                .widget.widget-related .related.products-grid .slick-arrow.slick-next {
                  background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box {
                  display: flex;
                  flex-flow: row wrap;
                  justify-content: center;
                  align-content: flex-end
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
                  width: 100%
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
                  text-decoration: unset
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 12px;
                  line-height: 120%;
                  color: #515759;
                  text-decoration: line-through
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent {
                  width: auto;
                  order: 3
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
                  padding: 2px 4px
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main {
                  margin-top: 4px;
                  width: auto
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
                  font-size: 14px;
                  font-weight: 700;
                  color: #1e1e1e
                }

                .widget.widget-crosssell,
                .widget.widget-related {
                  padding-bottom: 40px;
                  padding-top: 40px;
                  margin-top: 0 !important
                }

                .widget.widget-crosssell .block-title,
                .widget.widget-related .block-title {
                  margin: 0 !important;
                  padding: 0 0 40px !important
                }

                .widget.widget-crosssell .block-title:before,
                .widget.widget-related .block-title:before {
                  display: none !important
                }

                .widget.widget-crosssell .block-title strong,
                .widget.widget-related .block-title strong {
                  display: block;
                  font-family: 'mothercare_2020-regular-webfont';
                  font-style: normal;
                  font-weight: 400;
                  font-size: 32px;
                  color: #515759;
                  margin: 0 !important;
                  text-align: center;
                  text-transform: lowercase
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-crosssell .block-title strong,
                  .widget.widget-related .block-title strong {
                    font-size: 18px
                  }
                }

                .widget.widget-crosssell .crosssell.products-grid,
                .widget.widget-related .crosssell.products-grid,
                .widget.widget-crosssell .related.products-grid,
                .widget.widget-related .related.products-grid {
                  overflow: inherit;
                  padding-left: 50px;
                  padding-right: 50px
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-crosssell .crosssell.products-grid,
                  .widget.widget-related .crosssell.products-grid,
                  .widget.widget-crosssell .related.products-grid,
                  .widget.widget-related .related.products-grid {
                    padding: 0
                  }
                }

                .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
                .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
                .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
                .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                  gap: 0;
                  padding: 0;
                  margin: 0 -25px;
                  width: auto
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
                  .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
                  .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
                  .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                    margin: 0 -15px
                  }
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item,
                .widget.widget-related .crosssell.products-grid .product-item,
                .widget.widget-crosssell .related.products-grid .product-item,
                .widget.widget-related .related.products-grid .product-item {
                  width: calc(100%/4 - 50px);
                  max-width: 100%;
                  margin: 0 25px
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-crosssell .crosssell.products-grid .product-item,
                  .widget.widget-related .crosssell.products-grid .product-item,
                  .widget.widget-crosssell .related.products-grid .product-item,
                  .widget.widget-related .related.products-grid .product-item {
                    margin: 0 8px;
                    width: calc(100%/2 - 30px)
                  }
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-photo,
                .widget.widget-related .crosssell.products-grid .product-item-photo,
                .widget.widget-crosssell .related.products-grid .product-item-photo,
                .widget.widget-related .related.products-grid .product-item-photo {
                  display: flex;
                  justify-content: center;
                  height: auto;
                  border-radius: 5px width:100%;
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container,
                .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container,
                .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container,
                .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
                  width: 100% !important
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img,
                .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img,
                .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img,
                .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
                  height: 100%;
                  object-fit: cover;
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-info,
                .widget.widget-related .crosssell.products-grid .product-item-info,
                .widget.widget-crosssell .related.products-grid .product-item-info,
                .widget.widget-related .related.products-grid .product-item-info {
                  gap: 15px
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details,
                .widget.widget-related .crosssell.products-grid .product-item-details,
                .widget.widget-crosssell .related.products-grid .product-item-details,
                .widget.widget-related .related.products-grid .product-item-details {
                  flex-direction: column;
                  text-align: center
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name,
                .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name,
                .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name,
                .widget.widget-related .related.products-grid .product-item-details .product-item-name {
                  max-width: 100%;
                  height: 34px;
                  margin: 0 0 20px
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
                .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
                .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link,
                .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
                  font-style: normal !important;
                  font-weight: 700 !important;
                  font-size: 12px !important;
                  line-height: 150% !important;
                  text-align: center !important;
                  letter-spacing: -.011em !important;
                  color: #515759 !important;
                  font-family: 'mothercare_2020-regular-webfont' !important;
                  display: block !important;
                  text-transform: unset !important;
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
                  flex-grow: 1;
                  align-items: flex-end;
                  display: flex
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
                  font-family: Arial, Helvetica, sans-serif;
                  display: flex;
                  flex-flow: wrap;
                  max-width: 100%;
                  width: 100%;
                  margin: 0;
                  justify-content: center
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                  margin: 0 5px;
                  text-decoration-color: #515759;
                  width: 100%;
                  text-align: center
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
                  font-style: normal !important;
                  font-weight: 700 !important;
                  font-size: 12px !important;
                  line-height: 120% !important;
                  color: #515759 !important;
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                  order: 3;
                  background: #f24822;
                  font-style: normal;
                  font-weight: 400;
                  font-size: 12px;
                  line-height: 24px;
                  letter-spacing: -.011em;
                  color: #fff;
                  padding: 0 4px;
                  margin-left: 5px;
                  font-family: 'mothercare_2020-regular-webfont';
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 16px;
                  line-height: 150%;
                  letter-spacing: -.011em;
                  color: #1e1e1e
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 14px;
                  line-height: 120%;
                  color: #b31217;
                  font-family: Arial, Helvetica, sans-serif
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .check,
                .widget.widget-related .crosssell.products-grid .product-item-details .check,
                .widget.widget-crosssell .related.products-grid .product-item-details .check,
                .widget.widget-related .related.products-grid .product-item-details .check {
                  margin-top: 16px
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .check span,
                .widget.widget-related .crosssell.products-grid .product-item-details .check span,
                .widget.widget-crosssell .related.products-grid .product-item-details .check span,
                .widget.widget-related .related.products-grid .product-item-details .check span {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 10px;
                  letter-spacing: -.011em;
                  color: #1d1d1d;
                  font-family: Arial, Helvetica Neue, Helvetica, sans-serif
                }

                .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
                .widget.widget-related .crosssell.products-grid .slick-arrow,
                .widget.widget-crosssell .related.products-grid .slick-arrow,
                .widget.widget-related .related.products-grid .slick-arrow {
                  width: 40px !important;
                  height: 40px !important;
                  border: none !important;
                  background-position: center !important;
                  background-repeat: no-repeat !important;
                }

                @media screen and (max-width: 767px) {

                  .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
                  .widget.widget-related .crosssell.products-grid .slick-arrow,
                  .widget.widget-crosssell .related.products-grid .slick-arrow,
                  .widget.widget-related .related.products-grid .slick-arrow {
                    display: block !important
                  }

                  .widget-crosssell .products-grid .slick-track {
                    overflow-x: auto;
                    margin-top: 20px;
                  }

                  .checkout-cart-index .column.main .block:not(.crosssell) .content {
                    padding: 0px;
                  }
                }

                .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev,
                .widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev,
                .widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev,
                .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
                  background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg)
                }

                .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next,
                .widget.widget-related .crosssell.products-grid .slick-arrow.slick-next,
                .widget.widget-crosssell .related.products-grid .slick-arrow.slick-next,
                .widget.widget-related .related.products-grid .slick-arrow.slick-next {
                  background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box {
                  display: flex;
                  flex-flow: row wrap;
                  justify-content: center;
                  align-content: flex-end;
                  height: 52px;
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
                  width: 100%
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
                  text-decoration: unset
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 12px;
                  line-height: 120%;
                  color: #515759;
                  text-decoration: line-through
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent {
                  width: auto;
                  order: 3
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
                  padding: 2px 4px
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main {
                  margin-top: 4px;
                  width: auto
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
                  font-size: 14px;
                  font-weight: 700;
                  color: #1e1e1e
                }

                .widget.widget-crosssell button.action.tocart.primary {
                  background: #b31217;
                  padding: 2px 15px;
                  font-family: 'mothercare_2020-regular-webfont';
                  font-style: normal;
                  font-weight: 700;
                  font-size: 13px;
                  color: #fff;
                  letter-spacing: normal;
                  border-radius: 5px;
                  text-transform: none;
                  width: calc(100% - 20px);
                }

                .widget.widget-crosssell .actions-primary {
                  position: absolute;
                  left: 0;
                  right: 0;
                  bottom: 10px;
                  text-align: center;
                  z-index: 11;
                  opacity: 0;
                  visibility: hidden;
                  transition: all 0.4s ease;
                }

                .widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary,
                .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary {
                  opacity: 1;
                  visibility: visible;
                }

                .widget.widget-crosssell .product-items .product-item .item-img-box,
                .catalogsearch-result-index .product-items .product-item .item-img-box {
                  position: relative;
                  display: flex;
                  justify-content: center;
                  border: 1px solid #f4f1f1;
                  align-items: center;
                  height: 372px;
                }

                .widget.widget-crosssell .product-items {
                  gap: var(--listing-grid-gap);
                  row-gap: var(--listing-grid-row-gap);
                  display: flex;
                  flex-wrap: nowrap;
                  overflow-x: auto;
                  scroll-behavior: smooth;
                  scroll-snap-type: none;
                  -ms-overflow-style: none;
                  scrollbar-width: none;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
                  background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
                  background-size: unset !important;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
                  transform: unset !important;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
                  background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
                  background-size: unset !important;
                }

                .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
                .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
                  background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
                }

                .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
                .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
                  background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
                }

                .widget-upsell .product-items .product-item .product-item-photo {
                  width: 325px;
                  height: 325px !important;
                }

                .widget-related .products-grid .product-item-photo .product-image-container {
                  max-width: 325px;
                }

                .widget-upsell .product-items .product-item .item-img-box {
                  border: unset !important;
                }

                @media(max-width: 1280px) {
                  .widget-upsell .product-items .product-item .item-img-box {
                    height: unset;
                  }
                }

                .widget-related .product-items .product-item-details {
                  flex: unset;
                }

                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                  border: unset !important;
                  width: auto !important;
                  margin: auto;
                }

                .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo {
                  border: unset !important;
                  height: 325px !important;
                  width: 325px;
                }

                @media(max-width: 1080px) {
                  .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                    height: unset;
                  }
                }

                .widget.widget-upsell .upsell.products-grid .price-label,
                .widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper,
                .widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper,
                .widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper {
                  display: none;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item {
                  padding-left: unset;
                  padding-right: unset;
                }

                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price {
                  text-decoration: line-through;
                }

                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
                .catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                  text-decoration: none;
                }

                @media(max-width: 768px) {

                  .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo,
                  .widget-upsell .upsell.products-grid .product-item-photo {
                    height: auto !important;
                  }

                  .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                    width: 100% !important;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item,
                  .widget-upsell .upsell.products-grid .product-item {
                    padding: unset;
                    /* float: left !important; */
                  }

                  .widget.widget-upsell .product-items .product-item .item-img-box {
                    height: auto !important;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow,
                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow {
                    display: block !important;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
                    width: 20px
                  }

                  .products-widget-container .slick-track .slick-initialized .slick-slide {
                    float: left !important;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name {
                    margin: 0 0 10px;
                  }

                  .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check {
                    padding-top: 0;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check {
                    margin-top: 8px;
                  }

                  .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                  .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                  .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                  .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                  .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                  .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                  .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                  .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                  .widget.widget-upsell .upsell.products-grid .product-item-details .price {
                    font-style: normal;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 150%;
                    letter-spacing: -.011em;
                    color: #1e1e1e;
                  }

                  .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                  .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                  .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                  .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                  .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                  .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                  .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                  .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                  .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
                    font-style: normal;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 150%;
                    letter-spacing: -.011em;
                    color: #1e1e1e;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label {
                    display: none;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info {
                    height: auto !important;
                  }
                }

                @media screen and (max-width: 500px) {

                  .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name,
                  .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name {
                    height: 36px;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                    margin: 0;
                    text-decoration-color: #D9D9D6;
                    width: 100%;
                    text-align: center;
                  }

                  .crosssell .product.details.product-item-details {
                    flex: unset;
                  }

                  .crosssell .slick-initialized .slick-slide {
                    height: 100%;
                  }

                  .widget-crosssell .products-grid .slick-slider .slick-list,
                  .slick-slider .slick-track>.product-items {
                    overflow: auto;
                    /* Enable horizontal scrolling */
                    scroll-behavior: smooth;
                    scroll-snap-type: x mandatory;
                    /* Ensure smooth snapping */
                  }

                  .widget-crosssell .products-grid .slick-track {
                    display: flex;
                    flex-wrap: nowrap;
                    width: auto !important;
                    /* Ensure the width adjusts dynamically */
                  }

                  .widget-crosssell .products-grid .product-items {
                    flex: 0 0 auto;
                    /* Prevent items from shrinking or growing */
                  }

                  .widget.widget-upsell .products-grid.slick-initialized>.product-items {
                    padding-bottom: 19px !important;
                    scrollbar-width: thin !important;
                  }

                  .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                    border: unset !important;
                    width: 118px !important;
                    margin: auto;
                  }

                  .widget.widget-upsell .upsell.products-grid .product-item {
                    width: calc(100% / 2.5 - 30px);
                  }

                  .widget.widget-upsell .block-title {
                    margin: 0 !important;
                    padding: 0 0 0px !important;
                  }

                  .widget.widget-upsell .slick-list.products.list.items.product-items {
                    padding-top: 20px !important;
                  }

                  .widget.widget-upsell .upsell.products-grid .slick-arrow,
                  .widget.widget-related .upsell.products-grid .slick-arrow,
                  .widget.widget-upsell .related.products-grid .slick-arrow,
                  .widget.widget-related .related.products-grid .slick-arrow {
                    display: none !important;
                  }

                  .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name {
                    margin-bottom: 10px !important;
                  }

                  .widget-upsell .product-items .product-item-details {
                    flex: unset;
                  }

                  .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img {
                    aspect-ratio: 1;
                  }

                  .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link {
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    line-clamp: 2;
                    -webkit-box-orient: vertical;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link {
                    overflow: hidden;
                    display: -webkit-box !important;
                    -webkit-line-clamp: 2;
                    line-clamp: 2 !important;
                    -webkit-box-orient: vertical;
                    height: 36px;
                  }

                  .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img {
                    aspect-ratio: 1;
                  }
                }

                @media screen and (max-width: 390px) {
                  .widget.widget-upsell .products-grid.slick-initialized>.product-items {
                    padding-bottom: 19px !important;
                    scrollbar-width: thin !important;
                  }

                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                    margin: 0 5px;
                  }

                  .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                    border: unset !important;
                    width: 118px !important;
                    margin: 0;
                  }

                  .widget.widget-upsell .upsell.products-grid .slick-arrow,
                  .widget.widget-related .upsell.products-grid .slick-arrow,
                  .widget.widget-upsell .related.products-grid .slick-arrow,
                  .widget.widget-related .related.products-grid .slick-arrow {
                    display: none !important;
                  }

                  .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                  .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                  .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                  .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                  .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                    order: 3;
                    background: #f24822;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 12px;
                    line-height: 24px;
                    letter-spacing: -.011em;
                    color: #fff;
                    padding: 0px 2px;
                    font-family: 'Arial' !important;
                    margin-left: 0px;
                  }
                }

                strong.product.name.product-item-name {
                  overflow: hidden;
                }

                strong.product.name.product-item-name {
                  /* height: 87px; */
                }

                li.item.product.product-item.slick-slide.slick-active {
                  float: left !important;
                }

                .products-widget-container .slick-track .slick-initialized .slick-slide {
                  float: left !important;
                }

                .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container {
                  position: absolute;
                  display: none !important;
                }

                /*    .checkout-cart-index .products-crosssell .product-item .product-item-info  .product-image-container  .amasty-label-container {
                      width: auto !important;
                  }*/
              </style>

              <script id="recent-products" type="text/x-magento-template">

                  <div class="block-title">
                      <strong role="heading" aria-level="2" data-bind="text: options.title"></strong>
                  </div>
                  <div class="block-content">
                      <div class="recent" data-content-type="slider"
                           data-mage-init='{"Magento_PageBuilder/js/content-type/slider/appearance/default/widget":{"arrows": true, "dots": false}}'
                           data-bind="css: 'products-' + options.displayMode">
                          <ol class="slick-list product-items" data-bind="foreach: items">
                              <li class="product-item">
                                  <div class="product-item-info">
                                                                  <a class="product-item-photo" data-bind="
                                              attr: { href: url, title: name },
                                              template: { name: 'productImage', data: $parent.getImageData($data) }
                                          "></a>

                                      <div class="product-item-details">
                                                                          <strong class="product-item-name">
                                                  <a data-bind="attr: { href: url }" class="product-item-link">
                                                      <span data-bind="html: name"></span>
                                                  </a>
                                              </strong>

                                                                          <div class="carousel-price-box">
                                                  <!-- ko if:$parent.getRegularPriceHtml($data) -->
                                                  <div class="price-box crossed" data-bind="html: $parent.getRegularPriceHtml($data)"></div>
                                                  <div class="price-box percent" data-bind="html: $parent.getDiscountPercentage($data)"></div>
                                                  <!-- /ko -->
                                                  <div class="price-box main" data-bind="html: $parent.getPriceHtml($data)"></div>
                                              </div>

                                                                          <div class="product-item-actions">

                                                                                  </div><div class="product-item-description">
                                              <div data-bind="html: $parent.getAdditionalContent($data, $element)"></div>

                                                                          </div>
                                      </div>
                                  </div>
                              </li>
                          </ol>
                      </div>
                  </div>
                </script>
              <script type="text/x-magento-init" data-breeze-processed="true">

                  {
                      "*": {
                          "amInitLabelUi": {"scope":"website","productsLifetime":1000}         }
                  }
                </script>
            </div>
            <!-- <script type="text/javascript">
    require(['jquery', 'jquery/ui', 'slick'], function($) {
        $(document).ready(function() {
            if ($('body').hasClass('checkout-cart-index')) {
                $(".widget.widget-crosssell .product-items").slick({
                    dots: false,
                    arrows: true, // Show arrows for larger screens
                    infinite: false,
                    slidesToShow: 4,
                    slidesToScroll: 1,
                    responsive: [
                        {
                            breakpoint: 1024,
                            settings: {
                                slidesToShow: 3,
                                slidesToScroll: 1,
                            }
                        },
                        {
                            breakpoint: 600,
                            settings: {
                                slidesToShow: 3,
                                slidesToScroll: 1
                            }
                        },
                        {
                            breakpoint: 480,
                            settings: {
                                slidesToShow: 2.5,
                                slidesToScroll: 1,
                                arrows: false
                            }
                        },
                        {
                            breakpoint: 430,
                            settings: {
                                slidesToShow: 2.5,
                                slidesToScroll: 1,
                                arrows: false
                            }
                        },
                        {
                            breakpoint: 390,
                            settings: {
                                slidesToShow: 2.5,
                                slidesToScroll: 1,
                                arrows: false // Hide arrows for mobile sizes
                            }
                        },
                        {
                            breakpoint: 375,
                            settings: {
                                slidesToShow: 2.5,
                                slidesToScroll: 1,
                                arrows: false // Hide arrows for mobile sizes
                            }
                        }
                    ]
                });
            }
        });
    });
</script> -->
            <style type="text/css">
              .widget.widget-upsell,
              .widget.widget-related {
                padding-bottom: 40px;
                padding-top: 40px;
                margin-top: 0 !important
              }

              .widget.widget-upsell .block-title,
              .widget.widget-related .block-title {
                margin: 0 !important;
                padding: 0 0 40px !important
              }

              .widget.widget-upsell .block-title:before,
              .widget.widget-related .block-title:before {
                display: none !important
              }

              .widget.widget-upsell .block-title strong,
              .widget.widget-related .block-title strong {
                display: block;
                font-family: 'mothercare_2020-regular-webfont';
                font-style: normal;
                font-weight: 400;
                font-size: 32px;
                color: #515759;
                margin: 0 !important;
                text-align: center;
                text-transform: lowercase
              }

              @media screen and (max-width: 767px) {

                .widget.widget-upsell .block-title strong,
                .widget.widget-related .block-title strong {
                  font-size: 18px
                }
              }

              .widget.widget-upsell .upsell.products-grid,
              .widget.widget-related .upsell.products-grid,
              .widget.widget-upsell .related.products-grid,
              .widget.widget-related .related.products-grid {
                overflow: inherit;
                padding-left: 50px;
                padding-right: 50px
              }

              @media screen and (max-width: 767px) {

                .widget.widget-upsell .upsell.products-grid,
                .widget.widget-related .upsell.products-grid,
                .widget.widget-upsell .related.products-grid,
                .widget.widget-related .related.products-grid {
                  padding: 0
                }
              }

              .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
              .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
              .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
              .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                gap: 0;
                padding: 0;
                margin: 0 -25px;
                width: auto
              }

              @media screen and (max-width: 767px) {

                .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items,
                .widget.widget-related .upsell.products-grid.slick-initialized>.product-items,
                .widget.widget-upsell .related.products-grid.slick-initialized>.product-items,
                .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                  margin: 0 -15px
                }
              }

              .widget.widget-upsell .upsell.products-grid .product-item,
              .widget.widget-related .upsell.products-grid .product-item,
              .widget.widget-upsell .related.products-grid .product-item,
              .widget.widget-related .related.products-grid .product-item {
                width: calc(100%/4 - 50px);
                max-width: 100%;
                margin: 0 25px
              }

              @media screen and (max-width: 767px) {

                .widget.widget-upsell .upsell.products-grid .product-item,
                .widget.widget-related .upsell.products-grid .product-item,
                .widget.widget-upsell .related.products-grid .product-item,
                .widget.widget-related .related.products-grid .product-item {
                  margin: 0 15px;
                  width: calc(100%/2 - 30px)
                }
              }

              .widget.widget-upsell .upsell.products-grid .product-item-photo,
              .widget.widget-related .upsell.products-grid .product-item-photo,
              .widget.widget-upsell .related.products-grid .product-item-photo,
              .widget.widget-related .related.products-grid .product-item-photo {
                display: flex;
                justify-content: center;
                height: 100%;
                border-radius: 5px width:100%;
              }

              .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container,
              .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container,
              .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container,
              .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
                width: 100% !important
              }

              .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img,
              .widget.widget-related .upsell.products-grid .product-item-photo .product-image-container img,
              .widget.widget-upsell .related.products-grid .product-item-photo .product-image-container img,
              .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
                height: 100%;
                object-fit: contain
              }

              .widget.widget-upsell .upsell.products-grid .product-item-info,
              .widget.widget-related .upsell.products-grid .product-item-info,
              .widget.widget-upsell .related.products-grid .product-item-info,
              .widget.widget-related .related.products-grid .product-item-info {
                gap: 15px
              }

              .widget.widget-upsell .product-items .product-item .item-img-box {
                position: relative;
                display: flex;
                justify-content: center;
                border: 1px solid #f4f1f1;
                align-items: center;
                height: 327px;
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details,
              .widget.widget-related .upsell.products-grid .product-item-details,
              .widget.widget-upsell .related.products-grid .product-item-details,
              .widget.widget-related .related.products-grid .product-item-details {
                flex-direction: column;
                text-align: center
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name,
              .widget.widget-related .upsell.products-grid .product-item-details .product-item-name,
              .widget.widget-upsell .related.products-grid .product-item-details .product-item-name,
              .widget.widget-related .related.products-grid .product-item-details .product-item-name {
                max-width: 100%;
                /*    height: 34px;*/
                margin: 0 0 20px;
                margin-bottom: 0px !important;
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link,
              .widget.widget-related .upsell.products-grid .product-item-details .product-item-name .product-item-link,
              .widget.widget-upsell .related.products-grid .product-item-details .product-item-name .product-item-link,
              .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
                font-style: normal;
                font-weight: 700;
                font-size: 12px;
                line-height: 150%;
                text-align: center;
                letter-spacing: -.011em;
                color: #515759;
                font-family: 'mothercare_2020-regular-webfont';
                display: block
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
                flex-grow: 1;
                align-items: flex-end;
                display: flex
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
                font-family: Arial, Helvetica, sans-serif;
                display: block;
                text-align: center;
                flex-flow: wrap;
                max-width: 100%;
                width: 100%;
                margin: 0;
                justify-content: center
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                margin: 0 5px;
                text-decoration-color: #515759;
                width: 100%;
                text-align: center
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
                font-style: normal;
                font-weight: 700;
                font-size: 12px;
                line-height: 120%;
                color: #515759
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                order: 3;
                background: #f24822;
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
                line-height: 24px;
                letter-spacing: -.011em;
                color: #fff;
                padding: 0 4px;
                font-family: 'Arial' !important;
                margin-left: 5px;
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
              .widget.widget-upsell .upsell.products-grid .product-item-details .price {
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: -.011em;
                color: #1e1e1e;
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
              .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box>.price,
              .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 120%;
                color: #b31217;
                font-family: Arial, Helvetica, sans-serif
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .check,
              .widget.widget-related .upsell.products-grid .product-item-details .check,
              .widget.widget-upsell .related.products-grid .product-item-details .check,
              .widget.widget-related .related.products-grid .product-item-details .check {
                margin-top: 16px
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .check span,
              .widget.widget-related .upsell.products-grid .product-item-details .check span,
              .widget.widget-upsell .related.products-grid .product-item-details .check span,
              .widget.widget-related .related.products-grid .product-item-details .check span {
                font-style: normal;
                font-weight: 700;
                font-size: 10px;
                letter-spacing: -.011em;
                color: #1d1d1d;
              }

              .widget.widget-upsell .upsell.products-grid .slick-arrow,
              .widget.widget-related .upsell.products-grid .slick-arrow,
              .widget.widget-upsell .related.products-grid .slick-arrow,
              .widget.widget-related .related.products-grid .slick-arrow {
                width: 40px;
                height: 40px;
                border: none;
                background-position: center;
                background-repeat: no-repeat
              }

              @media screen and (max-width: 767px) {

                .widget.widget-upsell .upsell.products-grid .slick-arrow,
                .widget.widget-related .upsell.products-grid .slick-arrow,
                .widget.widget-upsell .related.products-grid .slick-arrow,
                .widget.widget-related .related.products-grid .slick-arrow {
                  display: none !important
                }
              }

              .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
              .widget.widget-related .upsell.products-grid .slick-arrow.slick-prev,
              .widget.widget-upsell .related.products-grid .slick-arrow.slick-prev,
              .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg);
              }

              .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
              .widget.widget-related .upsell.products-grid .slick-arrow.slick-next,
              .widget.widget-upsell .related.products-grid .slick-arrow.slick-next,
              .widget.widget-related .related.products-grid .slick-arrow.slick-next {
                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box {
                display: flex;
                flex-flow: row wrap;
                justify-content: center;
                align-content: flex-end
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
                width: 100%
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
                text-decoration: unset
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
                font-style: normal;
                font-weight: 700;
                font-size: 12px;
                line-height: 120%;
                color: #515759;
                text-decoration: line-through
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent {
                width: auto;
                order: 3
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
                padding: 2px 4px
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main {
                margin-top: 4px;
                width: auto
              }

              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
                font-size: 14px;
                font-weight: 700;
                color: #1e1e1e
              }

              .widget.widget-crosssell,
              .widget.widget-related {
                padding-bottom: 40px;
                padding-top: 40px;
                margin-top: 0 !important
              }

              .widget.widget-crosssell .block-title,
              .widget.widget-related .block-title {
                margin: 0 !important;
                padding: 0 0 40px !important
              }

              .widget.widget-crosssell .block-title:before,
              .widget.widget-related .block-title:before {
                display: none !important
              }

              .widget.widget-crosssell .block-title strong,
              .widget.widget-related .block-title strong {
                display: block;
                font-family: 'mothercare_2020-regular-webfont';
                font-style: normal;
                font-weight: 400;
                font-size: 32px;
                color: #515759;
                margin: 0 !important;
                text-align: center;
                text-transform: lowercase
              }

              @media screen and (max-width: 767px) {

                .widget.widget-crosssell .block-title strong,
                .widget.widget-related .block-title strong {
                  font-size: 18px
                }
              }

              .widget.widget-crosssell .crosssell.products-grid,
              .widget.widget-related .crosssell.products-grid,
              .widget.widget-crosssell .related.products-grid,
              .widget.widget-related .related.products-grid {
                overflow: inherit;
                padding-left: 50px;
                padding-right: 50px
              }

              @media screen and (max-width: 767px) {

                .widget.widget-crosssell .crosssell.products-grid,
                .widget.widget-related .crosssell.products-grid,
                .widget.widget-crosssell .related.products-grid,
                .widget.widget-related .related.products-grid {
                  padding: 0
                }
              }

              .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
              .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
              .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
              .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                gap: 0;
                padding: 0;
                margin: 0 -25px;
                width: auto
              }

              @media screen and (max-width: 767px) {

                .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items,
                .widget.widget-related .crosssell.products-grid.slick-initialized>.product-items,
                .widget.widget-crosssell .related.products-grid.slick-initialized>.product-items,
                .widget.widget-related .related.products-grid.slick-initialized>.product-items {
                  margin: 0 -15px
                }
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item,
              .widget.widget-related .crosssell.products-grid .product-item,
              .widget.widget-crosssell .related.products-grid .product-item,
              .widget.widget-related .related.products-grid .product-item {
                width: calc(100%/4 - 50px);
                max-width: 100%;
                margin: 0 25px
              }

              @media screen and (max-width: 767px) {

                .widget.widget-crosssell .crosssell.products-grid .product-item,
                .widget.widget-related .crosssell.products-grid .product-item,
                .widget.widget-crosssell .related.products-grid .product-item,
                .widget.widget-related .related.products-grid .product-item {
                  margin: 0 8px;
                  width: calc(100%/2 - 30px)
                }
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-photo,
              .widget.widget-related .crosssell.products-grid .product-item-photo,
              .widget.widget-crosssell .related.products-grid .product-item-photo,
              .widget.widget-related .related.products-grid .product-item-photo {
                display: flex;
                justify-content: center;
                height: auto;
                border-radius: 5px width:100%;
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container,
              .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container,
              .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container,
              .widget.widget-related .related.products-grid .product-item-photo .product-image-container {
                width: 100% !important
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img,
              .widget.widget-related .crosssell.products-grid .product-item-photo .product-image-container img,
              .widget.widget-crosssell .related.products-grid .product-item-photo .product-image-container img,
              .widget.widget-related .related.products-grid .product-item-photo .product-image-container img {
                height: 100%;
                object-fit: cover;
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-info,
              .widget.widget-related .crosssell.products-grid .product-item-info,
              .widget.widget-crosssell .related.products-grid .product-item-info,
              .widget.widget-related .related.products-grid .product-item-info {
                gap: 15px
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details,
              .widget.widget-related .crosssell.products-grid .product-item-details,
              .widget.widget-crosssell .related.products-grid .product-item-details,
              .widget.widget-related .related.products-grid .product-item-details {
                flex-direction: column;
                text-align: center
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name,
              .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name,
              .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name,
              .widget.widget-related .related.products-grid .product-item-details .product-item-name {
                max-width: 100%;
                height: 34px;
                margin: 0 0 20px
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
              .widget.widget-related .crosssell.products-grid .product-item-details .product-item-name .product-item-link,
              .widget.widget-crosssell .related.products-grid .product-item-details .product-item-name .product-item-link,
              .widget.widget-related .related.products-grid .product-item-details .product-item-name .product-item-link {
                font-style: normal !important;
                font-weight: 700 !important;
                font-size: 12px !important;
                line-height: 150% !important;
                text-align: center !important;
                letter-spacing: -.011em !important;
                color: #515759 !important;
                font-family: 'mothercare_2020-regular-webfont' !important;
                display: block !important;
                text-transform: unset !important;
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box {
                flex-grow: 1;
                align-items: flex-end;
                display: flex
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box {
                font-family: Arial, Helvetica, sans-serif;
                display: flex;
                flex-flow: wrap;
                max-width: 100%;
                width: 100%;
                margin: 0;
                justify-content: center
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price,
              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                margin: 0 5px;
                text-decoration-color: #515759;
                width: 100%;
                text-align: center
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .crossed-price .price-container .price,
              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price-container .price {
                font-style: normal !important;
                font-weight: 700 !important;
                font-size: 12px !important;
                line-height: 120% !important;
                color: #515759 !important;
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                order: 3;
                background: #f24822;
                font-style: normal;
                font-weight: 400;
                font-size: 12px;
                line-height: 24px;
                letter-spacing: -.011em;
                color: #fff;
                padding: 0 4px;
                margin-left: 5px;
                font-family: 'mothercare_2020-regular-webfont';
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
              .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
                font-style: normal;
                font-weight: 700;
                font-size: 16px;
                line-height: 150%;
                letter-spacing: -.011em;
                color: #1e1e1e
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
              .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box>.price,
              .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box>.price,
              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box>.price {
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 120%;
                color: #b31217;
                font-family: Arial, Helvetica, sans-serif
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .check,
              .widget.widget-related .crosssell.products-grid .product-item-details .check,
              .widget.widget-crosssell .related.products-grid .product-item-details .check,
              .widget.widget-related .related.products-grid .product-item-details .check {
                margin-top: 16px
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .check span,
              .widget.widget-related .crosssell.products-grid .product-item-details .check span,
              .widget.widget-crosssell .related.products-grid .product-item-details .check span,
              .widget.widget-related .related.products-grid .product-item-details .check span {
                font-style: normal;
                font-weight: 700;
                font-size: 10px;
                letter-spacing: -.011em;
                color: #1d1d1d;
                font-family: Arial, Helvetica Neue, Helvetica, sans-serif
              }

              .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
              .widget.widget-related .crosssell.products-grid .slick-arrow,
              .widget.widget-crosssell .related.products-grid .slick-arrow,
              .widget.widget-related .related.products-grid .slick-arrow {
                width: 40px !important;
                height: 40px !important;
                border: none !important;
                background-position: center !important;
                background-repeat: no-repeat !important;
              }

              @media screen and (max-width: 767px) {

                .widget.widget-crosssell .crosssell.products-grid .slick-arrow,
                .widget.widget-related .crosssell.products-grid .slick-arrow,
                .widget.widget-crosssell .related.products-grid .slick-arrow,
                .widget.widget-related .related.products-grid .slick-arrow {
                  display: block !important
                }

                .widget-crosssell .products-grid .slick-track {
                  overflow-x: auto;
                  margin-top: 20px;
                }

                .checkout-cart-index .column.main .block:not(.crosssell) .content {
                  padding: 0px;
                }
              }

              .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev,
              .widget.widget-related .crosssell.products-grid .slick-arrow.slick-prev,
              .widget.widget-crosssell .related.products-grid .slick-arrow.slick-prev,
              .widget.widget-related .related.products-grid .slick-arrow.slick-prev {
                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg)
              }

              .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next,
              .widget.widget-related .crosssell.products-grid .slick-arrow.slick-next,
              .widget.widget-crosssell .related.products-grid .slick-arrow.slick-next,
              .widget.widget-related .related.products-grid .slick-arrow.slick-next {
                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg);
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box {
                display: flex;
                flex-flow: row wrap;
                justify-content: center;
                align-content: flex-end;
                height: 52px;
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed {
                width: 100%
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price {
                text-decoration: unset
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.crossed .old-price .price {
                font-style: normal;
                font-weight: 700;
                font-size: 12px;
                line-height: 120%;
                color: #515759;
                text-decoration: line-through
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent {
                width: auto;
                order: 3
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.percent .discount-percent {
                padding: 2px 4px
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main {
                margin-top: 4px;
                width: auto
              }

              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box.main .price {
                font-size: 14px;
                font-weight: 700;
                color: #1e1e1e
              }

              .widget.widget-crosssell button.action.tocart.primary {
                background: #b31217;
                padding: 2px 15px;
                font-family: 'mothercare_2020-regular-webfont';
                font-style: normal;
                font-weight: 700;
                font-size: 13px;
                color: #fff;
                letter-spacing: normal;
                border-radius: 5px;
                text-transform: none;
                width: calc(100% - 20px);
              }

              .widget.widget-crosssell .actions-primary {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 10px;
                text-align: center;
                z-index: 11;
                opacity: 0;
                visibility: hidden;
                transition: all 0.4s ease;
              }

              .widget.widget-crosssell .product-items .product-item:hover .item-img-box .actions-primary,
              .catalogsearch-result-index .product-items .product-item:hover .item-img-box .actions-primary {
                opacity: 1;
                visibility: visible;
              }

              .widget.widget-crosssell .product-items .product-item .item-img-box,
              .catalogsearch-result-index .product-items .product-item .item-img-box {
                position: relative;
                display: flex;
                justify-content: center;
                border: 1px solid #f4f1f1;
                align-items: center;
                height: 372px;
              }

              .widget.widget-crosssell .product-items {
                gap: var(--listing-grid-gap);
                row-gap: var(--listing-grid-row-gap);
                display: flex;
                flex-wrap: nowrap;
                overflow-x: auto;
                scroll-behavior: smooth;
                scroll-snap-type: none;
                -ms-overflow-style: none;
                scrollbar-width: none;
              }

              .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
                background-size: unset !important;
              }

              .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
                transform: unset !important;
              }

              .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
                background-size: unset !important;
              }

              .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-next,
              .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-next {
                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-next-arrow.svg) !important;
              }

              .widget.widget-upsell .upsell.products-grid .slick-arrow.slick-prev,
              .widget.widget-crosssell .crosssell.products-grid .slick-arrow.slick-prev {
                background-image: url(https://www.mothercare.co.id/static/version1741963345/frontend/Codilar/mothercare/id_ID/images/gray-prev-arrow.svg) !important;
              }

              .widget-upsell .product-items .product-item .product-item-photo {
                width: 325px;
                height: 325px !important;
              }

              .widget-related .products-grid .product-item-photo .product-image-container {
                max-width: 325px;
              }

              .widget-upsell .product-items .product-item .item-img-box {
                border: unset !important;
              }

              @media(max-width: 1280px) {
                .widget-upsell .product-items .product-item .item-img-box {
                  height: unset;
                }
              }

              .widget-related .product-items .product-item-details {
                flex: unset;
              }

              .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                border: unset !important;
                width: auto !important;
                margin: auto;
              }

              .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo {
                border: unset !important;
                height: 325px !important;
                width: 325px;
              }

              @media(max-width: 1080px) {
                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                  height: unset;
                }
              }

              .widget.widget-upsell .upsell.products-grid .price-label,
              .widget.widget-upsell .upsell.products-grid .swissup-ajaxpro-quick-view-wrapper,
              .widget.widget-crosssell .crosssell.products-grid .swissup-ajaxpro-quick-view-wrapper,
              .widget.widget-related .related.products-grid .swissup-ajaxpro-quick-view-wrapper {
                display: none;
              }

              .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item {
                padding-left: unset;
                padding-right: unset;
              }

              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price,
              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price .price {
                text-decoration: line-through;
              }

              .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price,
              .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
              .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price,
              .catalog-product-view .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                text-decoration: none;
              }

              @media(max-width: 768px) {

                .checkout-cart-index .widget-crosssell .crosssell.products-grid .product-item-photo,
                .widget-upsell .upsell.products-grid .product-item-photo {
                  height: auto !important;
                }

                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                  width: 100% !important;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item,
                .widget-upsell .upsell.products-grid .product-item {
                  padding: unset;
                  /* float: left !important; */
                }

                .widget.widget-upsell .product-items .product-item .item-img-box {
                  height: auto !important;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-next.slick-arrow,
                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .slick-prev.slick-arrow {
                  display: block !important;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .slick-arrow {
                  width: 20px
                }

                .products-widget-container .slick-track .slick-initialized .slick-slide {
                  float: left !important;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name {
                  margin: 0 0 10px;
                }

                .checkout-cart-index .products-widget-container .crosssell.products-crosssell .slick-list .product-item-info .check {
                  padding-top: 0;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .check {
                  margin-top: 8px;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-upsell .upsell.products-grid .product-item-details .price {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 14px;
                  line-height: 150%;
                  letter-spacing: -.011em;
                  color: #1e1e1e;
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .special-price .price-container .price,
                .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-related .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-crosssell .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .price-with-discount .normal-price .price-container .price,
                .widget.widget-crosssell .crosssell.products-grid .product-item-details .price {
                  font-style: normal;
                  font-weight: 700;
                  font-size: 14px;
                  line-height: 150%;
                  letter-spacing: -.011em;
                  color: #1e1e1e;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .price-label {
                  display: none;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-items .product-item-info {
                  height: auto !important;
                }
              }

              @media screen and (max-width: 500px) {

                .widget.widget-upsell .upsell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name,
                .widget.widget-crosssell .crosssell.products-grid.slick-initialized>.product-items strong.product.name.product-item-name {
                  height: 36px;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                  margin: 0;
                  text-decoration-color: #D9D9D6;
                  width: 100%;
                  text-align: center;
                }

                .crosssell .product.details.product-item-details {
                  flex: unset;
                }

                .crosssell .slick-initialized .slick-slide {
                  height: 100%;
                }

                .widget-crosssell .products-grid .slick-slider .slick-list,
                .slick-slider .slick-track>.product-items {
                  overflow: auto;
                  /* Enable horizontal scrolling */
                  scroll-behavior: smooth;
                  scroll-snap-type: x mandatory;
                  /* Ensure smooth snapping */
                }

                .widget-crosssell .products-grid .slick-track {
                  display: flex;
                  flex-wrap: nowrap;
                  width: auto !important;
                  /* Ensure the width adjusts dynamically */
                }

                .widget-crosssell .products-grid .product-items {
                  flex: 0 0 auto;
                  /* Prevent items from shrinking or growing */
                }

                .widget.widget-upsell .products-grid.slick-initialized>.product-items {
                  padding-bottom: 19px !important;
                  scrollbar-width: thin !important;
                }

                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                  border: unset !important;
                  width: 118px !important;
                  margin: auto;
                }

                .widget.widget-upsell .upsell.products-grid .product-item {
                  width: calc(100% / 2.5 - 30px);
                }

                .widget.widget-upsell .block-title {
                  margin: 0 !important;
                  padding: 0 0 0px !important;
                }

                .widget.widget-upsell .slick-list.products.list.items.product-items {
                  padding-top: 20px !important;
                }

                .widget.widget-upsell .upsell.products-grid .slick-arrow,
                .widget.widget-related .upsell.products-grid .slick-arrow,
                .widget.widget-upsell .related.products-grid .slick-arrow,
                .widget.widget-related .related.products-grid .slick-arrow {
                  display: none !important;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name {
                  margin-bottom: 10px !important;
                }

                .widget-upsell .product-items .product-item-details {
                  flex: unset;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-photo .product-image-container img {
                  aspect-ratio: 1;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .product-item-name .product-item-link {
                  overflow: hidden;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  line-clamp: 2;
                  -webkit-box-orient: vertical;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .product-item-name .product-item-link {
                  overflow: hidden;
                  display: -webkit-box !important;
                  -webkit-line-clamp: 2;
                  line-clamp: 2 !important;
                  -webkit-box-orient: vertical;
                  height: 36px;
                }

                .widget.widget-crosssell .crosssell.products-grid .product-item-photo .product-image-container img {
                  aspect-ratio: 1;
                }
              }

              @media screen and (max-width: 390px) {
                .widget.widget-upsell .products-grid.slick-initialized>.product-items {
                  padding-bottom: 19px !important;
                  scrollbar-width: thin !important;
                }

                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .old-price {
                  margin: 0 5px;
                }

                .checkout-cart-index .widget-crosssell .product-items .product-item .item-img-box {
                  border: unset !important;
                  width: 118px !important;
                  margin: 0;
                }

                .widget.widget-upsell .upsell.products-grid .slick-arrow,
                .widget.widget-related .upsell.products-grid .slick-arrow,
                .widget.widget-upsell .related.products-grid .slick-arrow,
                .widget.widget-related .related.products-grid .slick-arrow {
                  display: none !important;
                }

                .widget.widget-upsell .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .widget.widget-related .upsell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .widget.widget-upsell .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .widget.widget-related .related.products-grid .product-item-details .carousel-price-box .price-box .discount-percent,
                .checkout-cart-index .widget.widget-crosssell .crosssell.products-grid .product-item-details .carousel-price-box .price-box .discount-percent {
                  order: 3;
                  background: #f24822;
                  font-style: normal;
                  font-weight: 400;
                  font-size: 12px;
                  line-height: 24px;
                  letter-spacing: -.011em;
                  color: #fff;
                  padding: 0px 2px;
                  font-family: 'Arial' !important;
                  margin-left: 0px;
                }
              }

              strong.product.name.product-item-name {
                overflow: hidden;
              }

              strong.product.name.product-item-name {
                /* height: 87px; */
              }

              li.item.product.product-item.slick-slide.slick-active {
                float: left !important;
              }

              .products-widget-container .slick-track .slick-initialized .slick-slide {
                float: left !important;
              }

              .catalog-product-view .bundle-options-container .bundle-wrapper .bundle-info .amasty-label-container {
                position: absolute;
                display: none !important;
              }

              /*    .checkout-cart-index .products-crosssell .product-item .product-item-info  .product-image-container  .amasty-label-container {
                    width: auto !important;
                }*/
            </style>
          </strong>
        </strong>
      </strong>
    </main>
  </div>
  <div class="ga">
    <strong data-start="1358" data-end="1421">
      <strong data-start="1358" data-end="1421">
        <strong data-start="1358" data-end="1421">
          <script data-breeze="">
            require([
              "jquery",
              "Magento_Customer/js/customer-data",
            ], function ($, customerData) {
              const currentWwebsiteId = 3;
              var products;
              var productName;
              var countFirstLoad = 4;
              var websiteId = window.checkout.websiteId;

              $(document).ready(function () {
                try {
                  window.dataLayer = window.dataLayer || [];
                  var productIds = [];
                  var productId = $(".price-box.price-final_price").attr(
                    "data-product-id",
                  );
                  productIds.push(productId);

                  $.ajax({
                    type: "POST",
                    url: window.location.origin + "/datalayer/ga/cartlayer",
                    data: {
                      ids: productIds,
                      requestFrom: "recent_view",
                    },
                    success: function (data) {
                      let _productName = data[0].product_name
                        ? data[0].product_name
                        : "Not Defined";
                      let _sku = data[0].sku ? data[0].sku : "Not Defined";
                      let _productPrice = data[0].price
                        ? data[0].price
                        : "Not Defined";
                      let _brand = data[0].origin_brand
                        ? data[0].origin_brand
                        : "Not Defined";
                      let _category = data[0].category
                        ? data[0].category
                        : "Not Defined";
                      let _category1 = data[0].category1
                        ? data[0].category1
                        : "Not Defined";
                      let _category2 = data[0].category2
                        ? data[0].category2
                        : "Not Defined";
                      let _category3 = data[0].category3
                        ? data[0].category3
                        : "Not Defined";

                      var products = [
                        {
                          item_name: _productName,
                          item_id: _sku,
                          price: _productPrice,
                          item_brand: _brand,
                          item_category: _category,
                          item_category2: _category1,
                          item_category3: _category2,
                          item_category4: _category3,
                          item_variant: "Not Defined",
                          quantity: 1,
                        },
                      ];

                      dataLayer.push({
                        event: "view_item",
                        eventCategory: "ecommerce",
                        eventAction: "product_detail",
                        eventLabel: _productName,
                        ecommerce: {
                          items: products,
                        },
                      });
                    },
                  });
                } catch (err) {
                  console.log("error product view : " + err.message);
                }
              });

              $("#product-addtocart-button").click(function (e) {
                e.stopPropagation();
                try {
                  var cart = customerData.get("cart");
                  var productName = $(".page-title-wrapper span").text();
                  var productSku = $("#product_addtocart_form").attr(
                    "data-product-sku",
                  );
                  var productQty = $("#qty").val();
                  var productCategory =
                    "Food,Nordic Natural,Free Shipping,App promotion,May ";

                  generateOptionProduct(
                    cart,
                    productName,
                    productSku,
                    productCategory,
                  );
                } catch (err) {
                  console.log("error ga add to cart : " + err.message);
                }
              });

              $(".input-text.qty").on("change", function () {
                try {
                  var cart = customerData.get("cart");
                  var count = cart().summary_count;

                  productName = $(".page-title-wrapper span").text();
                  var productSku = $(
                    ".product-info-stock-sku .product.attribute.sku .value",
                  ).text();
                  var productQty = $(this).val();
                  var productPrice = $(
                    ".product-info-main .price-final_price",
                  )
                    .find(".price-wrapper ")
                    .attr("data-price-amount");
                  var productBrand = "Nordic Natural";
                  var productCategory =
                    "Food,Nordic Natural,Free Shipping,App promotion,May ";

                  var itemCart = [
                    {
                      name: productName,
                      id: productSku,
                      price: productPrice,
                      brand: productBrand,
                      category: productCategory,
                      quantity: productQty,
                    },
                  ];

                  window.dataLayer = window.dataLayer || [];
                  dataLayer.push({
                    event: "addToCart",
                    eventCategory: "Ecommerce",
                    eventAction: "Add To Cart",
                    eventLabel: productName,
                    ecommerce: {
                      items: itemCart,
                    },
                  });
                } catch (err) {
                  console.log("error ga change quantity : " + err.message);
                }
              });

              var isDesktopRecentTrigger = false;
              var productList = $.storage.ns("product_data_storage").get();

              window.addEventListener("scroll", function (e) {
                e.stopPropagation();
                e.preventDefault();

                try {
                  if ($(".recent.products-grid").length > 0) {
                    if (
                      elementInView($(".recent.products-grid")) &&
                      isDesktopRecentTrigger == false
                    ) {
                      var itemsRecent = [];
                      var products = [];
                      var productIds = [];
                      var productVariant = "Not Defined";

                      let index = 1;
                      Object.keys(productList).forEach(function (key) {
                        if (index > countFirstLoad) return;
                        productIds.push(key);
                        index++;
                      });

                      $.ajax({
                        type: "POST",
                        url:
                          window.location.origin + "/datalayer/ga/cartlayer",
                        data: {
                          ids: productIds,
                          requestFrom: "recent_view",
                        },
                        success: function (data) {
                          let idxData = 1;
                          $.each(data, function (index, itemProd) {
                            let _productName = itemProd.product_name
                              ? itemProd.product_name
                              : "Not Defined";
                            let _sku = itemProd.sku
                              ? itemProd.sku
                              : "Not Defined";
                            let _productPrice = itemProd.price
                              ? itemProd.price
                              : "Not Defined";
                            let _brand = itemProd.origin_brand
                              ? itemProd.origin_brand
                              : "Not Defined";
                            let _category = itemProd.category
                              ? itemProd.category
                              : "Not Defined";
                            let _category1 = itemProd.category1
                              ? itemProd.category1
                              : "Not Defined";
                            let _category2 = itemProd.category2
                              ? itemProd.category2
                              : "Not Defined";
                            let _category3 = itemProd.category3
                              ? itemProd.category3
                              : "Not Defined";

                            var products = {
                              item_name: _productName,
                              item_id: _sku,
                              price: _productPrice,
                              item_brand: _brand,
                              item_category: _category,
                              item_category2: _category1,
                              item_category3: _category2,
                              item_category4: _category3,
                              item_variant: productVariant,
                              quantity: 1,
                              index: idxData,
                            };

                            itemsRecent.push(products);
                            idxData++;
                          });

                          window.dataLayer = window.dataLayer || [];
                          dataLayer.push({
                            event: "view_item_list",
                            eventCategory: "ecommerce",
                            eventAction: "product_view",
                            eventLabel: "Recently Viewed",
                            ecommerce: {
                              items: itemsRecent,
                            },
                          });
                        },
                      });

                      isDesktopRecentTrigger = true;
                    }
                  }
                } catch (err) {
                  console.log("error recent view ga : " + err.message);
                }
              });

              $(document).on(
                "click",
                ".recent.products-grid li a",
                function () {
                  try {
                    var linkProduct = $(this).attr("href");
                    var productIds = [];
                    var _index = $(this).parents(".product-item").index() + 1;

                    Object.keys(productList).forEach(function (key) {
                      if ((productList[key].url = linkProduct)) {
                        productIds.push(key);
                      }
                    });

                    sendRecentViewClick(productIds, _index);
                  } catch (err) {
                    console.log("error click recent view : " + err.message);
                  }
                },
              );

              $(document).on(
                "click",
                ".recent.products-grid li img",
                function () {
                  try {
                    var parent = $(this).parents(".product-item");
                    var linkProduct = parent
                      .find("a.product-item-link")
                      .attr("href");
                    var productIds = [];
                    var _index = parent.index() + 1;

                    Object.keys(productList).forEach(function (key) {
                      if ((productList[key].url = linkProduct)) {
                        productIds.push(key);
                      }
                    });

                    sendRecentViewClick(productIds, _index);
                  } catch (err) {
                    console.log("error click recent view : " + err.message);
                  }
                },
              );

              function elementInView(elem) {
                return (
                  $(window).height() + $(window).scrollTop() >
                  $(elem).offset().top
                );
              }
              function sendRecentViewClick(productIds, _index) {
                try {
                  $.ajax({
                    type: "POST",
                    url: window.location.origin + "/datalayer/ga/cartlayer",
                    data: {
                      ids: productIds,
                      requestFrom: "recent_view",
                    },
                    success: function (data) {
                      let _productName = data[0].product_name
                        ? data[0].product_name
                        : "Not Defined";
                      let _sku = data[0].sku ? data[0].sku : "Not Defined";
                      let _productPrice = data[0].price
                        ? data[0].price
                        : "Not Defined";
                      let _brand = data[0].origin_brand
                        ? data[0].origin_brand
                        : "Not Defined";
                      let _category = data[0].category
                        ? data[0].category
                        : "Not Defined";
                      let _category1 = data[0].category1
                        ? data[0].category1
                        : "Not Defined";
                      let _category2 = data[0].category2
                        ? data[0].category2
                        : "Not Defined";
                      let _category3 = data[0].category3
                        ? data[0].category3
                        : "Not Defined";

                      var products = [
                        {
                          item_name: _productName,
                          item_id: _sku,
                          price: _productPrice,
                          item_brand: _brand,
                          item_category: _category,
                          item_category2: _category1,
                          item_category3: _category2,
                          item_category4: _category3,
                          item_variant: "Not Defined",
                          index: _index,
                          quantity: 1,
                        },
                      ];

                      if (typeof productCart !== "undefined") {
                        productCart.push(products);
                      }

                      window.dataLayer = window.dataLayer || [];
                      dataLayer.push({
                        event: "select_item",
                        eventCategory: "ecommerce",
                        eventAction: "product_click",
                        eventLabel: _productName,
                        ecommerce: {
                          items: products,
                        },
                      });
                    },
                  });
                } catch (err) {
                  console.log("error click recent view : " + err.message);
                }
              }

              function generateOptionProduct(
                cart,
                productName,
                productSku,
                productCategory,
              ) {
                try {
                  var productPrice =
                    $(".price-wrapper").attr("data-price-amount");
                  var productVariant = "";

                  if (
                    $(".swatch-attribute.color .swatch-attribute-label")
                      .length > 0
                  ) {
                    productVariant += $(
                      ".swatch-attribute.color .swatch-attribute-label",
                    )
                      .text()
                      .trim();
                  }
                  if (
                    $(
                      ".swatch-attribute.color .swatch-attribute-selected-option",
                    ).length > 0
                  ) {
                    productVariant +=
                      $(
                        ".swatch-attribute.color .swatch-attribute-selected-option",
                      )
                        .text()
                        .trim() + " | ";
                  }
                  if (
                    $(".swatch-attribute.size .swatch-attribute-label")
                      .length > 0
                  ) {
                    productVariant += $(
                      ".swatch-attribute.size .swatch-attribute-label",
                    )
                      .text()
                      .trim();
                  }
                  if (
                    $(
                      ".swatch-attribute.size .swatch-attribute-selected-option",
                    ).length > 0
                  ) {
                    productVariant += $(
                      ".swatch-attribute.size .swatch-attribute-selected-option",
                    )
                      .text()
                      .trim();
                  }

                  if (productVariant == "") {
                    productVariant = "Not Defined";
                  }

                  $.ajax({
                    type: "POST",
                    url: window.location.origin + "/datalayer/ga/cartlayer",
                    data: {
                      product_sku: productSku,
                      typeProduct: "sku",
                    },
                    success: function (data) {
                      console.log("data", data);
                      let _productName = data.product_name
                        ? data.product_name
                        : "Not Defined";
                      let _sku = data.sku ? data.sku : "Not Defined";
                      let _productPrice = data.price
                        ? data.price
                        : "Not Defined";
                      let _brand = data.origin_brand
                        ? data.origin_brand
                        : "Not Defined";
                      let _category = data.category
                        ? data.category
                        : "Not Defined";
                      let _category1 = data.category1
                        ? data.category1
                        : "Not Defined";
                      let _category2 = data.category2
                        ? data.category2
                        : "Not Defined";
                      let _category3 = data.category3
                        ? data.category3
                        : "Not Defined";

                      var products = [
                        {
                          item_name: _productName,
                          item_id: productSku,
                          price: productPrice,
                          item_brand: _brand,
                          item_category: _category,
                          item_category2: "Not Defined",
                          item_category3: "Not Defined",
                          item_category4: "Not Defined",
                          item_variant: productVariant,
                          quantity: String($("#qty").val()),
                        },
                      ];

                      if (typeof productCart !== "undefined") {
                        productCart.push(products);
                      }

                      window.dataLayer = window.dataLayer || [];
                      dataLayer.push({
                        event: "add_to_cart",
                        eventCategory: "Ecommerce",
                        eventAction: "add_to_cart",
                        eventLabel: productName,
                        ecommerce: {
                          items: products,
                        },
                      });

                      let is_part_of_bundle = false;

                      if ($("body").hasClass("page-product-bundle")) {
                        _productPrice = $(
                          '.price-container.price-configured_price > span[data-price-type="finalPrice"] span',
                        ).text()
                          ? $(
                            '.price-container.price-configured_price > span[data-price-type="finalPrice"] span',
                          ).text()
                          : 0;
                        _productPrice = _productPrice.replace("Rp ", "");
                        _productPrice = _productPrice.replace(".", "");
                        _productPrice = _productPrice.replace(".", "");
                        is_part_of_bundle = true;
                      }
                      // if (currentWwebsiteId == 3) {
                      //     branch.logEvent('ADD_TO_CART', {
                      //         "item_sku": productSku,
                      //         "item_title": _productName,
                      //         "item_final_price": _productPrice,
                      //         "item_original_price": _productPrice,
                      //         "item_id": data.id,
                      //         "is_part_of_bundle" : is_part_of_bundle,
                      //        "store_currency" : "IDR",
                      //     }, function(err) {
                      //         if (err) {
                      //             console.error('Error logging event:', err);
                      //         } else {
                      //             console.log('Successfully logged ADD_TO_CART.');
                      //         }
                      //     });
                      // }
                    },
                  });
                } catch (err) {
                  console.log("error click add to cart : " + err.message);
                }
              }
            });
          </script>
        </strong>
      </strong>
    </strong>
  </div>
  <footer class="page-footer">
    <strong data-start="1358" data-end="1421">
      <strong data-start="1358" data-end="1421">
        <strong data-start="1358" data-end="1421">
          <a id="back-to-top" class="back-to-top">
            <span>Back to top</span>
          </a>
          <!--<button id="back-to-top" class="back-to-top back-to-top-action">-->
          <!--    <i class="icon-up-thin"></i>-->
          <!--    Top-->
          <!--</button>-->
          <script data-breeze="">
            require(["jquery"], function ($) {
              $(function () {
                window.onscroll = function () {
                  if (
                    document.body.scrollTop > 400 ||
                    document.documentElement.scrollTop > 400
                  ) {
                    $("#back-to-top").css("display", "block");
                  } else {
                    $("#back-to-top").css("display", "none");
                  }
                };
                $("#back-to-top").on("click", function () {
                  document.body.scrollTop = 0;
                  document.documentElement.scrollTop = 0;
                });
              });
            });
          </script>
          <style>
            #html-body [data-pb-style="DK3T6M7"],
            #html-body [data-pb-style="EXLLNWK"] {
              background-position: left top;
              background-size: cover;
              background-repeat: no-repeat;
              background-attachment: scroll;
            }

            #html-body [data-pb-style="EXLLNWK"] {
              justify-content: flex-start;
              display: flex;
              flex-direction: column;
            }

            #html-body [data-pb-style="DK3T6M7"] {
              align-self: stretch;
            }

            #html-body [data-pb-style="OAID5MY"] {
              display: flex;
              width: 100%;
            }

            #html-body [data-pb-style="CEU4VQX"],
            #html-body [data-pb-style="IQTQM3Q"],
            #html-body [data-pb-style="PO3J8MC"],
            #html-body [data-pb-style="WG4K5JH"] {
              justify-content: flex-start;
              display: flex;
              flex-direction: column;
              background-position: left top;
              background-size: cover;
              background-repeat: no-repeat;
              background-attachment: scroll;
              width: 25%;
              align-self: stretch;
            }

            #html-body [data-pb-style="R8KNU7R"] {
              text-align: left;
            }
          </style>
          <div data-content-type="row" data-appearance="contained" data-element="main">
            <div class="footer-content-mckanmo-desktop" data-enable-parallax="0" data-parallax-speed="0.5"
              data-background-images="{}" data-background-type="image" data-video-loop="true"
              data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src=""
              data-element="inner" data-pb-style="EXLLNWK">
              <div class="pagebuilder-column-group footer-main-column-mc" data-background-images="{}"
                data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main"
                data-pb-style="DK3T6M7">
                <div class="pagebuilder-column-line" data-content-type="column-line" data-element="main"
                  data-pb-style="OAID5MY">
                  <div class="pagebuilder-column shop-with-us-column-mc" data-content-type="column"
                    data-appearance="full-height" data-background-images="{}" data-element="main"
                    data-pb-style="CEU4VQX">
                    <h4 class="heading-shop-with-us-kanmo-mc" data-content-type="heading" data-appearance="default"
                      data-element="main">
                      berbelanja dengan kami
                    </h4>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="https://www.jaerestaurantgroup.com/">Zeusslot Resmi</a>
                      </p>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="https://www.jaerestaurantgroup.com/">Situs Slot Gacor</a>
                      </p>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="https://www.jaerestaurantgroup.com/">Slot Gacor Hari Ini</a>
                      </p>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="https://www.jaerestaurantgroup.com/">Link Slot</a>
                      </p>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="https://www.jaerestaurantgroup.com/">Slot Gacor</a>
                      </p>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="https://www.jaerestaurantgroup.com/">Situs Slot Gacor</a>
                      </p>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="https://www.jaerestaurantgroup.com/">Situs Slot88</a>
                      </p>
                    </div>
                  </div>
                  <div class="pagebuilder-column need-help-column-mc" data-content-type="column"
                    data-appearance="full-height" data-background-images="{}" data-element="main"
                    data-pb-style="PO3J8MC">
                    <h4 class="heading-need-help-kanmo-mc" data-content-type="heading" data-appearance="default"
                      data-element="main">
                      butuh bantuan? hubungi kami
                    </h4>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="https://www.jaerestaurantgroup.com/">Slot88</a>
                      </p>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="https://www.jaerestaurantgroup.com/">Slot Online</a>
                      </p>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <p>
                        <a href="tel:+6221123456789">021-123456789</a>
                      </p>
                      <p>24 Hours</p>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <div class="footer-desktop">
                        <p>ikuti kami di media sosial</p>
                        <div style="display: flex; column-gap: 20px">
                          <a class="item" href="https://www.jaerestaurantgroup.com/">
                            <img width="10" height="19" alt="facebook icon" src="assets/Vector_1_.png" />
                          </a>
                          <a class="item" href="https://www.jaerestaurantgroup.com/">
                            <img width="24" height="25" alt="instagram icon"
                              src="assets/upgrade_245_bxl_instagram-alt.png" />
                          </a>
                          <a class="item" href="https://www.jaerestaurantgroup.com/">
                            <img width="24" height="25" alt="youtube icon" src="assets/upgrade_245_bxl_youtube.png" />
                          </a>
                        </div>
                      </div>
                      <style>
                        .footer-desktop {
                          display: block;
                        }

                        .footer-mobile {
                          display: none;
                        }

                        @media screen and (max-width: 769px) {
                          .footer-desktop {
                            display: none !important;
                          }

                          .footer-mobile {
                            display: block;
                          }
                        }
                      </style>
                    </div>
                  </div>
                  <div class="pagebuilder-column download-ourapps-column-mc" data-content-type="column"
                    data-appearance="full-height" data-background-images="{}" data-element="main"
                    data-pb-style="IQTQM3Q">
                    <h4 class="heading-download-apps-kanmo-mc" data-content-type="heading" data-appearance="default"
                      data-element="main">
                      unduh aplikasi kami
                    </h4>
                    <div class="footer-apple-store-img" data-content-type="html" data-appearance="default"
                      data-element="main" data-decoded="true">
                      <a href="https://go.jaerestaurantgroup.com/">
                        <img width="200" height="60" loading="lazy" src="assets/apple-en(1).png"
                          alt="download app apple store" />
                      </a>
                    </div>
                    <div class="footer-google-play-img" data-content-type="html" data-appearance="default"
                      data-element="main" data-decoded="true">
                      <a href="https://go.jaerestaurantgroup.com/">
                        <img width="200" height="60" loading="lazy" src="assets/google-en(1).png"
                          alt="download app google play" />
                      </a>
                      <style>
                        @media (min-width: 768px) {
                          .footer-google-play-img {
                            width: 70%;
                          }
                        }
                      </style>
                    </div>
                    <div class="footer-google-play-img" data-content-type="html" data-appearance="default"
                      data-element="main" data-decoded="true">
                      <div class="footer-mobile" style="text-align: center; margin-top: 15px">
                        <p>ikuti kami di media sosial</p>
                        <div style="
                              display: flex;
                              column-gap: 20px;
                              justify-content: center;
                            ">
                          <a class="item" href="https://www.jaerestaurantgroup.com/">
                            <img src="assets/Vector_1_.png" alt="facebook icon" />
                          </a>
                          <a class="item" href="https://www.jaerestaurantgroup.com/">
                            <img src="assets/upgrade_245_bxl_instagram-alt.png" alt="instagram icon" />
                          </a>
                          <a class="item" href="https://www.jaerestaurantgroup.com/">
                            <img src="assets/upgrade_245_bxl_youtube.png" alt="youtube icon" />
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="pagebuilder-column accept-pay" data-content-type="column" data-appearance="full-height"
                    data-background-images="{}" data-element="main" data-pb-style="WG4K5JH">
                    <h4 data-content-type="heading" data-appearance="default" data-element="main"
                      data-pb-style="R8KNU7R">
                      we accept
                    </h4>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <div class="footer-promo">
                        <span>
                          <img loading="lazy" width="359" height="90" src="assets/footer_payment_method.png"
                            alt="mothercare payment method" />
                        </span>
                        <span>
                          <a target="_blank" href="https://www.jaerestaurantgroup.com/">
                            <img loading="lazy" width="117" height="60" style="max-height: 60px; margin: 0 auto 15px"
                              src="assets/zeusslot-logo.png" alt="zeusslot logo" />
                          </a>
                        </span>
                      </div>
                      <div>
                        <span>
                          Direktorat Jenderal Perlindungan Konsumen dan Tertib
                          Niaga <br />
                          Kementerian Perdagangan RI <br />WhatsApp: +62 123
                          8888 8989
                        </span>
                      </div>
                      <style>
                        .cms-page-view .breadcrumbs {
                          display: none;
                        }
                      </style>
                    </div>
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <style>
                        .checkout-cart-index .cart-container .cart-summary .kredivo-label {
                          display: block;
                        }

                        .cms-page-view .breadcrumbs {
                          display: none;
                        }

                        .category-description .pagebuilder-banner-wrapper {
                          width: 100%;
                          height: 0;
                          padding-top: 25%;
                        }

                        @media screen and (max-width: 767px) {
                          .category-description .pagebuilder-banner-wrapper {
                            width: 100%;
                            height: 0;
                            padding-top: 50%;
                          }

                          .accept-pay {
                            width: 100% !important;
                            text-align: left !important;
                            margin-bottom: 15px;
                          }
                        }

                        @media only screen and (min-width: 1024px) {

                          .catalog-category-view .products-grid .product-items .product-item,
                          .catalogsearch-result-index .products-grid .product-items .product-item,
                          .catalog-category-view [data-appearance="carousel"] .product-items .product-item,
                          .catalogsearch-result-index [data-appearance="carousel"] .product-items .product-item {
                            margin: 0 26px 35px;
                          }
                        }
                      </style>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </strong>
      </strong>
    </strong>
  </footer>
  <strong data-start="1358" data-end="1421">
    <strong data-start="1358" data-end="1421">
      <strong data-start="1358" data-end="1421">
        <!-- 
<div id="giftreg-message-minicart" style="display: none;">
	</div> -->
        <script type="text/javascript" data-breeze="">
          require(["jquery", "Magento_Ui/js/modal/modal"], function (
            $,
            modal,
          ) {
            let dataMinicart = $("#giftreg-message-minicart");
            let datapdp = $("#giftreg-message-pdp");

            let formUrl = "https://www.jaerestaurantgroup.com/";

            // $('.action.showcart').click(function(){
            // 	setTimeout(function(){
            // 		$('#minicart-content-wrapper .block-content').find('#giftreg-message-minicart').remove();
            // 		$(document).find('#minicart-content-wrapper .block-content .viewcart').after(dataMinicart)
            // 		dataMinicart.show();
            // 	},500)
            // })

            if ($("body").hasClass("catalog-product-view")) {
              $(document).find(".action.towishlist").after(datapdp);
              datapdp.show();
            }

            var options = {
              type: "popup",
              responsive: true,
              innerScroll: true,
              title: "Example Modal",
              modalClass: "giftmodalbox",
              buttons: [
                {
                  text: $.mage.__("ok"),
                  class: "",
                  click: function () {
                    this.closeModal();
                  },
                },
              ],
            };

            $(".gift-pdp-button").click(function () {
              $("#modal-gift").modal(options).modal("openModal");
            });

            $(".giftSubmit").click(function () {
              if (!$("input[name=entity]:checked").val()) {
                $(this).prev(".mage-error").remove();
                $(".giftSubmit").before(
                  '<div class="mage-error">Please select gift registry event</div>',
                );
              } else {
                $(".giftLoader").show();
                $(this).prop("disabled", true);

                let formData = $("#product_addtocart_form")
                  .serialize()
                  .split("&");
                let giftForm = $("#giftForm");
                giftForm.find('input[type="hidden"]').remove();

                for (var i = 0; i < formData.length; i++) {
                  let key = formData[i].split("=");
                  let fname = key[0].replace("%5B", "[");
                  fname = fname.replace("%5D", "]");
                  giftForm.append(
                    '<input type="hidden" name="' +
                    fname +
                    '" value="' +
                    key[1] +
                    '" />',
                  );
                }
                giftForm.submit();
              }
            });

            if ($("body").hasClass("catalog-product-view")) {
              let unec = $(".action.towishlist").attr("data-post");
              let loginUrl = $(".notlogingift").attr("href");
              $(".notlogingift").attr(
                "href",
                loginUrl + "/referer/" + JSON.parse(unec).data.uenc,
              );
            }
          });
        </script>
        <style type="text/css">
          div#giftreg-message-pdp a {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 17px;
            font-size: 16px;
            border: solid 1px #b31217;
            border-radius: 5px;
            color: #b31217;
            margin-top: 15px;
            width: 250px;
          }

          .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a {
            width: 100%;
          }

          .page-product-configurable #maincontent .column.main .product-info-wrapper .product-config form#product_addtocart_form .product-options-bottom .box-tocart .fieldset .actions {
            display: block;
          }

          div#giftreg-message-pdp a img {
            width: 16.7px;
          }

          #modal-gift input[type="radio"]:after {
            content: "";
            display: block;
            width: 17px;
            height: 17px;
            background: white;
            position: absolute;
            left: -2px;
            top: -2px;
            border: solid thin #e8e8e8;
          }

          #modal-gift input[type="radio"] {
            position: relative;
          }

          #modal-gift li label {
            display: flex;
            gap: 10px;
            align-items: center;
            font-size: 16px;
            color: #b31217;
            padding: 13px;
          }

          #modal-gift input[type="button"] {
            width: 100%;
            background: #b31217;
            color: #fff;
            margin-top: 34px;
            font-family: "mothercare_2020-regular-webfont";
          }

          #modal-gift h1 {
            font-size: 32px;
            color: #b31217;
            text-align: center;
          }

          #modal-gift ul {
            max-height: 253px;
            overflow: auto;
          }

          .giftmodalbox .modal-footer {
            display: none;
          }

          #modal-gift input[type="radio"]:checked:before {
            content: "";
            position: absolute;
            width: 4px;
            height: 7px;
            z-index: 1;
            border-bottom: solid thin #b31217;
            border-right: solid thin #b31217;
            transform: rotate(45deg);
            left: 5px;
            top: 2px;
          }

          #modal-gift .giftLoader {
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.7);
          }

          .giftmodalbox .modal-inner-content {
            position: relative;
          }

          @media (min-width: 1244px) {
            .catalog-product-view .product-config {
              width: 400px;
            }
          }

          @media (max-width: 767px) {
            .modal-inner-wrap {
              width: 100% !important;
              max-width: 100% !important;
              border-radius: 20px 20px 0 0 !important;
            }

            .modal-slide,
            .modal-popup {
              padding: 0 !important;
            }

            .modal-inner-content h1 {
              font-size: 26px !important;
              padding-top: 30px;
            }

            .modal-header .action-close::before {
              width: 3.5rem;
              height: 2.5rem;
            }

            #giftreg-message-pdp {
              width: 100%;
            }

            .gift-pdp-button {
              padding: 5px 20px !important;
            }

            div#giftreg-message-pdp a {
              width: 100%;
            }

            .page-product-bundle #maincontent .column.main .product-info-wrapper .product-info-main .bundle-options-container div#giftreg-message-pdp a {
              width: 100%;
            }
          }
        </style>
        <span data-bind="scope: &#39;personalData&#39;" style="display: none">
          <!-- ko if: personalData().klevuSessionId -->
          <span id="klevu_sessionId" data-bind="text: personalData().klevuSessionId"></span>
          <!-- /ko -->
          <!-- ko if: personalData().klevuLoginCustomerGroup -->
          <span id="klevu_loginCustomerGroup" data-bind="text: personalData().klevuLoginCustomerGroup"></span>
          <!-- /ko -->
          <!-- ko if: personalData().klevuIdCode -->
          <span id="klevu_loginCustomerEmail" data-bind="text: personalData().klevuIdCode"></span>
          <!-- /ko -->
          <!-- ko if: personalData().klevuShopperIP -->
          <span id="klevu_shopperIP" data-bind="text: personalData().klevuShopperIP"></span>
          <!-- /ko -->
        </span>
        <script type="text/x-magento-init" data-breeze-processed="true">

            {"*": {"Magento_Ui/js/core/app": {"components":{"personalData":{"component":"Klevu_Search\/js\/view\/personal-data"}}}}}
          </script>
        <script type="text/x-magento-init" data-breeze-processed="true">

            {
                "*": {
                    "Magento_Ui/js/core/app": {
                        "components": {
                            "storage-manager": {
                                "component": "Magento_Catalog/js/storage-manager",
                                "appendTo": "",
                                "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/www.mothercare.co.id\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"0"},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/lakerenterprises.net\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"0"},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/lakerenterprises.net\/rest\/mothercare_website_bahasa\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/lakerenterprises.net\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":"0"}}                        }
                        }
                    }
                }
            }
          </script>
        <script id="form-tmpl-multiple" type="text/x-magento-template">

            <form id="wishlist-hidden-form" method="post" action="<%- data.url %>" class="no-display">
                <% if (data.itemId) { %>
                    <input name="item_id" value="<%- data.itemId %>">
                <% } %>
                <% if (data.wishlistId) { %>
                    <input name="wishlist_id" value="<%- data.wishlistId %>">
                <% } %>
                <% if (data.qty) { %>
                    <input name="qty" value="<%- data.qty %>">
                <% } %>
                <% if (data.item) { %>
                    <input name="item" value="<%- data.item %>">
                <% } %>
                <% if (data.entity) { %>
                    <input name="entity" value="<%- data.entity %>">
                <% } %>
                <% if (data.form_key) { %>
                    <input name="form_key" value="<%- data.form_key %>">
                <% } %>
            </form>
          </script>
        <script id="popup-tmpl" type="text/x-magento-template">

            <div class="window wishlist overlay active"></div>
            <div id="<%- data.popupWishlistBlockId %>" class="window wishlist popup active">
                <div class="popup-actions">
                    <div class="secondary">
                        <button type="button"
                                title="<%- window.jQuery.mage.__('Close') %>"
                                class="action close <%- data.btnCloseClass %>"
                                data-dismiss="popup">
                            <span><%- data.translate.close %></span>
                        </button>
                    </div>
                </div>
                <div class="popup-header">
                     <strong class="title" id="popup-title">
                         <span>
                             <% if (data.isEdit) { %>
                                <%- data.translate.editWishlist %>
                             <% } else { %>
                                <%- data.translate.createNewWishlist %>
                             <% } %>
                         </span>
                     </strong>
                </div>
                <div class="popup-content" id="popup-content">
                    <form id="<%- data.popupWishlistFormId %>" method="post" action="<%- data.url %>" class="form wishlist">
                        <input name="form_key" type="hidden" value="<%- data.formKey %>">
                        <fieldset class="fieldset">
                            <div class="field name">
                                <label for="wishlist-name" class="label">
                                    <span><%- data.translate.wishListName %></span>
                                </label>
                                <div class="control">
                                    <input id="wishlist-name"
                                           class="input-text"
                                           data-role="prompt-field"
                                           data-validate="{required:true}"
                                           type="text"
                                           name="name"
                                           maxlength="255"
                                           value="<%- data.name %>">
                                </div>
                            </div>
                            <div class="field choice">
                                <input id="wishlist-public"
                                       type="checkbox"
                                       name="visibility"<% if (data.isPublic) { %> checked=true<% } %>">
                                <label for="wishlist-public" class="label">
                                    <span><%- data.translate.publicWishList %></span>
                                </label>
                            </div>
                            <div class="actions-toolbar">
                                <div class="primary">
                                    <button class="action save primary" type="submit" title="<%- window.jQuery.mage.__('Save') %>">
                                        <span><%- data.translate.save %></span>
                                    </button>
                                </div>
                                <div class="secondary">
                                    <button class="action cancel <%- data.btnCloseClass %>" type="button" title="<%- window.jQuery.mage.__('Cancel') %>">
                                        <span><%- data.translate.cancel %></span>
                                    </button>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
          </script>
        <script id="split-btn-tmpl" type="text/x-magento-template">

            <div class="split button wishlist">
                <button type="button" data-post='<%- JSON.stringify(data.generalParams) %>' data-action="add-to-wishlist" class="label action split">
                    <span><%- data.buttonName %></span>
                </button>
                <button class="action toggle change"
                        title="<%- window.jQuery.mage.__('Add to:') %>"
                        type="button"
                        data-mage-init='{"dropdown":{}}'
                        data-toggle="dropdown"
                        data-trigger-keypress-button="true">
                    <span><%- window.jQuery.mage.__('Add to:') %></span>
                </button>
                <ul class="items" data-target="dropdown">
                    <% _.each(data.wishlists, function(item) { %>
                        <li class="item">
                            <% if (item.newClass) { %>
                                <span role="button"
                                      tabindex="0"
                                      class="action <%- item.newClass %>"
                                      data-action-keypress="true"
                                      data-post-new-wishlist='<%- JSON.stringify(item.params) %>'
                                      data-action="add-to-wishlist"
                                      title="<%- item.name %>">
                                    <span><%- item.name %></span>
                                </span>
                            <% } else { %>
                                <span role="button"
                                      tabindex="0"
                                      data-action-keypress="true"
                                      data-post='<%- JSON.stringify(item.params) %>'
                                      data-action="add-to-wishlist"
                                      title="<%- item.name %>">
                                    <%- item.name %>
                                </span>
                            <% } %>
                        </li>
                    <% }); %>
                </ul>
            </div>
          </script>
        <script type="text/x-magento-init" data-breeze-processed="true">

            {
                "*": {
                    "Magento_Ui/js/core/app": {
                        "components": {
                            "multipleWishlist": {
                                "component": "Magento_MultipleWishlist/js/view/multiple-wishlist",
                                "config": {
                                    "multipleWishlistOptions": {
                                        "createUrl": "https://www.jaerestaurantgroup.com/",
                                        "wishlistLink": ".action.towishlist"
                                    }
                                }
                            }
                        }
                    }
                }
            }
          </script>
        <div data-bind="scope: &#39;ajaxpro&#39;">
          <div id="ajaxpro-reinit" data-bind="html: bindBlock(&#39;reinit&#39;)"></div>
        </div>
        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
          <div style="
                font-size: 12px;
                background-color: #a30f0f;
                color: #fff;
                padding: 15px;
                text-align: center;
              ">
            ©Copyright ZEUSSLOT. All Rights Reserved.
            <div>
              <style>
                @media only screen and (max-width: 768px) {
                  .catalog-product-view.page-product-configurable #maincontent .column.main .product-info-wrapper {
                    gap: 0;
                  }
                }

                @media only screen and (max-width: 767px) {
                  .page-product-configurable #maincontent .column.main .product-info-wrapper .page-title-wrapper.product h1.page-title {
                    margin-top: 0;
                  }
                }
              </style>
            </div>
            <script type="text/x-magento-init" data-init-lazy="submit" data-breeze-processed="true">

                {
                    "[data-role=tocart-form], .form.map.checkout": {
                        "catalogAddToCart": {
                            "submitForcePreventValidation": false            }
                    }
                }
              </script>
            <script defer="" src="assets/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
              integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
              data-cf-beacon='{"version":"2024.11.0","token":"95579be9b0304392b4b981fad4df5daf","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
              crossorigin="anonymous"></script>
            <script defer="" src="assets/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
              integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
              data-cf-beacon='{"version":"2024.11.0","token":"be196cc6a41142628c11a839eabce210","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
              crossorigin="anonymous"></script>
            <script defer="" src="assets/v8c78df7c7c0f484497ecbca7046644da1771523124516"
              integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
              data-cf-beacon='{"version":"2024.11.0","token":"1a16316a0f074f3a974e6f5a47ec818e","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
              crossorigin="anonymous"></script>
            <script defer="" src="assets/v8c78df7c7c0f484497ecbca7046644da1771523124516"
              integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
              data-cf-beacon='{"version":"2024.11.0","token":"d746ae052a164fd88a1f5df4ff91edc4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
              crossorigin="anonymous"></script>
          </div>
        </div>
      </strong>
    </strong>
  </strong>

  <div id="klevu-quick-search-theme-templates">
    <script type="template/klevu" id="klevuQuickTemplateBase">
        <div class="klevu-fluid kuPreventDocumentClick"> <%= helper.render('customBlockTopOuter',scope) %> <div id="klevuSearchingArea" class="klevuQuickSearchingArea"> <div ku-container data-container-id="ku_quick_main_container" data-container-role="main"> <%= helper.render('customBlockTop',scope) %> <header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header"> <section ku-block data-block-id="ku_quick_main_header_sub_panel"></section> <section ku-block data-block-id="ku_quick_main_header_banner"> <%=helper.render('klevuQuickPromotionBanner',scope,data,"top") %> </section> <section ku-block data-block-id="ku_quick_main_header_site_navigation"> <div class="klevuSuggestionsBlock"> <%=helper.render('klevuQuickAutoSuggestions',scope) %> <%=helper.render('klevuQuickPageSuggestions',scope) %> <%=helper.render('klevuQuickCategorySuggestions',scope) %> </div> </section> </header> <% if(data.showQuickFacetedLayoutCharLimitMessage == true) { %> <% var quickFacetedLayoutMessage = (data.quickFacetedLayoutMinCharsTextValue) ? data.quickFacetedLayoutMinCharsTextValue : ""; %> <% if(quickFacetedLayoutMessage != "") { %> <span class="kuFacetedLayoutMinCharText"><%= helper.translate(quickFacetedLayoutMessage) %></span> <% } %> <% } else { %> <% if(data.query.productList) { %> <%=helper.render('klevuQuickTemplateResultsHeadingTitle',scope,data,"productList") %> <%= helper.render('klevuQuickTemplateTabResults',scope) %> <%= helper.render('klevuQuickProducts',scope) %> <%= helper.render('klevuQuickOtherContent',scope) %> <% } else { %> <div class="kuSearchPersonalizationsContainer"> <%= helper.render('klevuSearchPersonalizations',scope) %> </div> <% } %> <% } %> <footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer"> <section ku-block data-block-id="ku_quick_main_footer_sub_panel"></section> <section ku-block data-block-id="ku_quick_main_footer_banner"> <%=helper.render('klevuQuickPromotionBanner',scope,data,"bottom") %> </section> </footer> <%= helper.render('customBlockBottom',scope) %> </div> </div> </div>
      </script>
    <script type="template/klevu" id="klevuSearchPersonalizations">
        <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"></div> <div ku-block data-block-id="ku_quick_left_call_outs"> <%=helper.render('kuTemplatePopularSearches',scope) %> <%=helper.render('kuTemplateRecentSearches',scope) %> </div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"></div> <div ku-block data-block-id="ku_quick_other_items"> <%=helper.render('klevuTrendingProducts',scope) %> <%=helper.render('klevuRecentViewedProducts',scope) %> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"></div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div>
      </script>
    <script type="template/klevu" id="klevuQuickAutoSuggestions">
        <% if(data.suggestions.autosuggestion) { %> <% if(data.suggestions.autosuggestion.length> 0 ) { %> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <div class="klevuAutoSuggestionsWrap klevuAutosuggestions"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"> <%=helper.translate("Suggestions")%></span> </div> <ul> <% helper.each(data.suggestions.autosuggestion,function(key,suggestion){ %> <li tabindex="-1"><a target="_self" href="<%=helper.buildUrl(data.settings.landingUrl, queryParam , helper.stripHtml(suggestion.suggest))%>" data-content="<%=helper.stripHtml(suggestion.suggest) %>" class="klevu-track-click"> <%=suggestion.suggest %> </a></li> <% }); %> </ul> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickPageSuggestions">
        <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCmsSuggestions" id="klevuCmsContentArea"> <div class="klevuSuggestionHeading"><span class="klevuHeadingText"><%=helper.translate("Pages")%></span></div> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,cms){ %> <li tabindex="-1"><a target="_self" href="<%=cms.url%>" class="klevu-track-click" data-url="<%=cms.url%>" data-name="<%=cms.name%>"><%=cms.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickCategorySuggestions">
        <% if(data.query.categoryCompressed) { %> <% if(data.query.categoryCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCategorySuggestions" id="klevuCategoryArea"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Category")%></span> </div> <ul> <% helper.each(data.query.categoryCompressed.result,function(key,category){ %> <li tabindex="-1"><a target="_self" href="<%=category.url%>" class="klevu-track-click" data-url="<%=category.url%>" data-name="<%=category.name%>" ><%=category.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickProducts">
        <% if(data.query.productList) { %> <% if(data.query.productList.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="productList" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta productList" data-section="productList" id="productList" data-result-view="list" > <div class="kuQuickResultsListHeader"> <%=helper.render('kuTemplateQuickResultsViewSwitch',scope,data,"productList") %> <%=helper.render('klevuQuickTemplateSortBy',scope,data,"productList") %> </div> <div class="kuClearBoth"></div> <div class="kuQuickResultsListContainer"> <ul> <% helper.each(data.query.productList.result,function(key,product){ %> <%=helper.render('klevuQuickProductBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"productList") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); %> <% if(isCmsEnabled) { %> <% if(data.query.cmsCompressed && data.query.cmsCompressed.result.length <= 0 ){ %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } else { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } %> <% } else { %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickProductBlockTitleHeader">
        <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Products")%></span> </div> <div class="klevuProductsViewAll"> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <a href="<%=helper.buildUrl(data.settings.landingUrl, queryParam ,helper.stripHtml(data.settings.term))%>" target="_parent"><%=helper.translate("View All")%></a> </div>
      </script>
    <script type="template/klevu" id="klevuQuickProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> <%=helper.render('quickSearchProductAddToCart',scope,data,dataLocal) %> </li>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateResultsHeadingTitle">
        <% var totalNumberOfResults = klevu.getObjectPath(data,"query."+dataLocal+".meta.totalResultsFound"); var searchedTerm = helper.escapeHTML(data.settings.term); %> <div class="kuContainer"> <div class="kuResultsHeadingTitleContainer"> <strong class="kuResultsNumber"> <%= (totalNumberOfResults) ? totalNumberOfResults : 0 %> </strong> <%= helper.translate((parseInt(totalNumberOfResults) > 1) ? " Results" : " Result") %> <%=helper.translate("found")%> <%= (searchedTerm && searchedTerm.length && searchedTerm != "*") ? helper.translate("for") + " '<span>"+ klevu.dom.helpers.cleanCatogeryPath(searchedTerm) +"</span>'" : "" %> </div> </div>
      </script>
    <!-- pagination searches template for Quick Search Results -->
    <script type="template/klevu" id="klevuQuickTemplatePagination">
        <% if(data.query[dataLocal].result.length > 0 ) { %> <% var productListLimit = data.query[dataLocal].meta.noOfResults; %> <% var productListTotal = data.query[dataLocal].meta.totalResultsFound - 1; %> <div class="kuPagination"> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="0">&lt;&lt;</a>&nbsp; <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>">&lt;</a>&nbsp; <% } %> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit))%></a>&nbsp; <% } %> <a href="javascript:void(0);" class="kuCurrent"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+1)%></a>&nbsp; <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+2)%></a>&nbsp; <% } %> <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>">&gt;</a>&nbsp; <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(Math.floor(productListTotal/productListLimit)*productListLimit)%>">&gt;&gt;</a> <% } %> </div> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickPromotionBanner">
        <% var hasNoResultFound = klevu.getObjectPath(data,"modules.promotionalBanner.hasNoResultFound"); %> <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.banners && data.banners[dataLocal] && data.banners[dataLocal].length && !hasNoResultFound) { klevu.each(data.banners[dataLocal], function(index, banner){ %> <% var imageUrl = banner.bannerImg; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-banner-ad kuBannerContainer"> <% if(!!banner.redirectUrl) { %> <a role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); } %>
      </script>
    <!-- Popular searches template for Quick Search Results -->
    <script type="template/klevu" id="kuTemplatePopularSearches">
        <% if(data.popularSearches && data.popularSearches.length) { %> <div class="kuPopularSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuPopularSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Popular Searches")%></span></div><div class="kuPopularSearchTerms"> <ul> <% helper.each(data.popularSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuPopularSearchTerm" data-value="<%= term %>"> <a target="_self" href="javascript:void(0)"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>
      </script>
    <!-- Recent searches template for Quick Search Results -->
    <script type="template/klevu" id="kuTemplateRecentSearches">
        <% if(data.recentSearches && data.recentSearches.length) { %> <div class="kuRecentSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuRecentSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Recent Searches")%></span></div> <div class="kuRecentSearchTerms"> <ul> <% helper.each(data.recentSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuRecentSearchTerm" data-value="<%= helper.escapeHTML(term) %>"> <a target="_parent" href="javascript:void(0)"><%= helper.escapeHTML(term) %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>
      </script>
    <!-- Product block template for Trending products in Quick Search Results -->
    <script type="template/klevu" id="klevuQuickTrendingProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuQSMenuItemTarget kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a>
      </script>
    <!-- Trending products template for Quick Search Results -->
    <script type="template/klevu" id="klevuTrendingProducts">
        <% var trendingProductsTitle = klevu.getObjectPath(data,"modules.trendingProducts.title"); trendingProductsTitle = (trendingProductsTitle) ? trendingProductsTitle : ""; %> <% if(data.query.trendingProductList) { %> <% if(data.query.trendingProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(trendingProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchTrendingResults" data-section="trendingProductList" data-source="trendingProducts" id="trendingProductList"> <div class="kuCarousel kuTrendingProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.trendingProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=product.id%>"> <%=helper.render('klevuQuickTrendingProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %>
      </script>
    <!-- Product block template for Recently viewed products in Quick Search Results -->
    <script type="template/klevu" id="klevuQuickRecentViewedProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuTrackRecentView kuQSMenuItemTarget"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a>
      </script>
    <!-- Recent viewed products template for Quick Search Results -->
    <script type="template/klevu" id="klevuRecentViewedProducts">
        <% var recentlyViewedProductsTitle = klevu.getObjectPath(data,"modules.recentlyViewedProducts.title"); recentlyViewedProductsTitle = (recentlyViewedProductsTitle) ? recentlyViewedProductsTitle : ""; %> <% if(data.query.recentViewedProductList) { %> <% if(data.query.recentViewedProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(recentlyViewedProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchRecentResults" data-section="recentViewedProductList" data-source="recentlyClickedProducts" id="recentViewedProductList"> <div class="kuCarousel kuRecentlyViewedProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.recentViewedProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=dataLocal.id%>"> <%=helper.render('klevuQuickRecentViewedProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %>
      </script>
    <!-- No Results Found template for Quick Search Results -->
    <script type="template/klevu" id="klevuTemplateNoResultFoundQuick">
        <div class="kuQuickSearchNoRecordFound"> <div class="kuQuickNoResults"> <div class="kuQuickNoResultsInner"> <div class="kuQuickNoResultsMessage"> <%= helper.translate(data.noResultsFoundMsg) %> </div> </div> </div> <div class="kuDividerLine"></div> <%=helper.render('quickNoResultsPopularProducts', scope, data) %> <%=helper.render('quickNoResultsFoundBanners', scope, data) %> <%=helper.render('quickNoResultsPopularSearches', scope, data) %> </div>
      </script>
    <script type="template/klevu" id="klevuQuickNoResultsPopularProducts">
        <% var popularProductList = klevu.getObjectPath(data,"query.noResultsFoundPopularProductList.result");%> <% if(popularProductList) { %> <% if(popularProductList.length > 0 ) { %> <div class="klevuNoResultsProductsBlock"> <div class="klevuPopularProductsHeading"><span class="klevuQuickHeadingText"><%= helper.translate(data.quickNoResultsPopularHeading) %></span></div> <div class="klevuQuickSearchNoResultsPopular" data-section="noResultsFoundPopularProductList" id="noResultsFoundPopularProductList"> <ul> <% helper.each(popularProductList,function(key, product){ %> <%=helper.render('quickNoResultsPopularProductBlock',scope,data,product) %> <% }); %> </ul> </div> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickNoResultsPopularProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li class="klevuPopularProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickPopularProductInnerBlock trackProductClick klevuProductClick kuTrackRecentView"> <div class="klevuPopularProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuPopularProductItemBottom"> <div class="klevuQuickPopularProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"><%= updatedProductName %></div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li>
      </script>
    <!-- Popular searches template for Quick Search Results -->
    <script type="template/klevu" id="kuQuickNoResultsPopularSearches">
        <% if(data.noResultsFoundPopularSearches && data.noResultsFoundPopularSearches.length) { %> <div class="kuNoResultsPopularSearchesBlock"> <div class="kuNoResultsPopularSearchHeading"><span class="klevuQuickHeadingText"><%=helper.translate("Popular Searches")%></span></div> <div class="kuNoResultsPopularSearchTerms"> <ul> <% helper.each(data.noResultsFoundPopularSearches, function(key,term){ %> <% if(term && term.length) { %> <% var landingURLPrefix = klevu.getObjectPath(klevu.settings,"url.landing"); if(typeof landingURLPrefix === "undefined" || landingURLPrefix === ""){ landingURLPrefix = "/"; } %> <li class="kuNoResultsPopularSearchTerm" data-value="<%= term %>"> <a href="<%= landingURLPrefix %>?<%=klevu.getObjectPath(data,"settings.queryParam","q")%>=<%= term %>" title="<%= term %>"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickNoResultsFoundBanners">
        <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.quickNoResultsFoundBanners && data.quickNoResultsFoundBanners.length) { klevu.each(data.quickNoResultsFoundBanners, function(index, banner){ %> <% var imageUrl = banner.bannerImageUrl; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-no-results-banner-ad-quick"> <% if(!!banner.redirectUrl) { %> <a class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); %> <div class="kuDividerLine"></div> <% } %>
      </script>
    <!-- Search result Product stock availability label template file-->
    <script type="template/klevu" id="quickSearchResultProductStock">
        <% var outOfStockCaption = klevu.search.modules.kmcInputs.base.getOutOfStockCaptionValue(); var productStockStatus = helper.translate(outOfStockCaption); %> <div class="kuClippedOne kuQuickCaptionStockOut"> <%= productStockStatus %> </div>
      </script>
    <!-- Search result Product VAT label template file-->
    <script type="template/klevu" id="searchResultProductVATLabelQuick">
        <% var caption = klevu.search.modules.kmcInputs.base.getVatCaption(); var vatCaption = helper.translate("(" + caption + ")"); %> <div class="kuCaptionVat"><%= vatCaption %></div>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateFilters">
        <% if(data.query[dataLocal].filters.length > 0 ) { %> <div class="kuFilters" role="navigation" data-position="left" aria-label="Product Filters" tabindex="0"> <% helper.each(data.query[dataLocal].filters,function(key,filter){ %> <% if(filter.type == "OPTIONS"){ %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"><%=filterOption.name%></span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> <% if(filter.options.length > 5 ) { %> <div class="kuShowOpt" tabindex="-1"> <span class="kuFilterDot"></span><span class="kuFilterDot"></span><span class="kuFilterDot"></span> </div> <% } %> </div> </div> <% } else if(filter.type == "SLIDER") { %> <div class="kuFilterBox klevuFilter" data-filter="<%=filter.key%>"> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div class="kuFilterNames sliderFilterNames <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <div class="kuPriceSlider klevuSliderFilter"data-query = "<%=dataLocal%>"> <div data-querykey = "<%=dataLocal%>" class="noUi-target noUi-ltr noUi-horizontal noUi-background kuSliderFilter kuPriceRangeSliderFilter<%=dataLocal%>"></div> </div> </div> </div> <% } else if (filter.type == "RATING") { %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <%=helper.translate(filter.label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"> <div class="klevuFacetStars"> <div class="klevuFacetRating" style="width:<%=(20*Number(filterOption.name))%>%;"></div> </div> </span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> </div> </div> <% } else { %> <!-- Other Facets --> <% } %> <% }); %> <!-- <div class="kuFiltersFooter"> <a target="_self" href="javascript:void(0)" class="kuBtn kuFacetsSlideOut kuMobileFilterCloseBtn" role="button" tabindex="0" area-label=""><%=helper.translate("Close")%></a> </div> --> </div> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickOtherContent">
        <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="cmsCompressed" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta cmsCompressed" data-section="cmsCompressed" id="cmsCompressed"> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,product){ %> <%=helper.render('klevuQuickTemplateContentBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"cmsCompressed") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% } %> <% } else { %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateContentBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateTabResults">
        <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); var hasAnyResultFound = false; helper.each(data.query,function(key,query) { if(query.tab == true) { if(helper.hasResults(data,query.id)) { var results = data.query[query.id].meta.totalResultsFound; if(results > 0){ hasAnyResultFound = true; } } } }); %> <div class="kuContainer"> <div class="kuTabs" role="tablist" style="display:<%= isCmsEnabled && hasAnyResultFound ? 'block' : 'none' %>"> <% var selectedTab = false; %> <% helper.each(data.query,function(key,query){ %> <% if(query.tab == true) { %> <% if(helper.hasResults(data,query.id)) { %> <a target="_self" class="kuTab<% if(!selectedTab){ selectedTab = true; %> kuTabSelected<% } %>" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,data.query[query.id].meta.totalResultsFound)%> </a> <% } else { %> <a target="_self" class="kuTabDeactive" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,0)%> </a> <% } %> <% } %> <% }); %> </div> </div>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateSortBy">
        <% var currentSort = klevu.getObjectPath(data, "modules.quickFacetedLayoutSort.currentSort"); %> <div class="kuDropdown kuDropSortBy kuQuickFacetedLayoutSort" role="listbox"> <div class="kuDropdownOptions"> <div title="<%= helper.translate("Relevance") %>" class="kuDropOption kuSort kuQuickRelSort <%= (currentSort === 'RELEVANCE') ? 'kuActiveSort' : '' %>" data-value="RELEVANCE" role="option"></div> <div title="<%= helper.translate("Price: Low to high") %>" class="kuDropOption kuSort kuQuickLTHSort <%= (currentSort === 'PRICE_ASC') ? 'kuActiveSort' : '' %>" data-value="PRICE_ASC" role="option"></div> <div title="<%= helper.translate("Price: High to low") %>" class="kuDropOption kuSort kuQuickHTLSort <%= (currentSort === 'PRICE_DESC') ? 'kuActiveSort' : '' %>" data-value="PRICE_DESC" role="option"></div> </div> </div>
      </script>
    <script type="template/klevu" id="kuTemplateQuickResultsViewSwitch">
        <div class="kuQuickResultsViewSwitchContainer"> <a title="<%= helper.translate("Grid View") %>" class="kuViewSwitch kuGridViewBtn" data-value="grid"> <span class="icon-gridview"></span> </a> <a title="<%= helper.translate("List View") %>" class="kuViewSwitch kuListViewBtn" data-value="list"> <span class="icon-listview"></span> </a> </div>
      </script>
    <!-- Quick search add to cart button template-->
    <script type="template/klevu" id="quickSearchProductAddToCart">
        <% if(dataLocal.inStock != "no") { %> <% var addToCartCaption = klevu.search.modules.kmcInputs.base.getAddToCartButtonCaption(); %> <% if(addToCartCaption && addToCartCaption.indexOf("<img") !== -1) { %> <div class="kuAddtocart klevuQuickAddtoCart " data-id="<%=dataLocal.id%>"> <a target="_self" href="javascript:void(0)" class="kuBtn klevuQuickCartBtn" role="button" tabindex="0" area-label="Add to cart"><%= addToCartCaption %></a> </div> <% } else { %> <div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>" > <button class="kuBtn kuBtnDark klevuQuickCartBtn"><%= helper.translate(addToCartCaption) %></button> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateInfiniteScrollDown">
        <li style="width:100% !important" ku-product-block class="klevuProduct klevuProductLoadMore"> <div class="kuInfiniteScrollContainer"> <button class="kuLoadMoreBtn">Load More</button> </div> </li>
      </script>
    <script type="template/klevu" id="klevuQuickImageSearchContent">
        <div class="klevu-fluid kuQuickSearchImageUploadContainer kuPreventDocumentClick"> <div id="klevuSearchingArea" class="klevuQuickSearchingArea"> <header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header"> <section ku-block data-block-id="ku_quick_main_header_sub_panel"> <span class="kuQuickUploadHeaderTitle"> <%= helper.translate("Visual Image Search") %> </span> </section> </header> <div ku-container data-container-id="ku_quick_main_container" data-container-role="main"> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"></section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <form class="kuQuickImageSearchForm"> <input type="file" id="kuImageSearchFile" class="kuImageSearchFile" name="filename"> </form> <button class="kuQuickUploadImageBtn"> <span class="kuUploadText upload"> <%= helper.translate("Upload a photo") %> </span> </button> <div class="kuImageUploadErrorMsgContainer"></div> </div> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"></section> </div> </div> <footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer"> <section ku-block data-block-id="ku_quick_main_footer_sub_panel"> <div class="kuImgSearchPrivacyNote"> <p class="kuImgSearchPrivacyNoteInfo"> <%= helper.translate("Your privacy is of utmost importance to us. Any images uploaded will only be used to provide relevant results and improve the general search experience. However, we recommend not uploading images containing people or sensitive information.") %> </p> </div> <div class="kuImgSearchHowItWorks"> <div class="accordion"> <input type="checkbox" id="<%= data.imageUploadTemplateId %>"> <label class="accordion-label" for="<%= data.imageUploadTemplateId %>"> <%= helper.translate("How does this work?") %> </label> <div class="accordion-content"> <span class="img1"></span> <span class="img2"></span> <p class="kuUploadWorksContent"> <%= helper.translate("After you take or upload a photo, we'll analyse it and recommend the closest matches.") %> </p> </div> </div> </div> </section> </footer> </div> </div>
      </script>
    <script type="template/klevu" id="klevuQuickProductRating">
        <% if( typeof dataLocal.rating != "undefined" && dataLocal.rating !== "" && dataLocal.rating > 0 ) { %> <div class="klevu-stars-small-l2"> <div class="klevu-rating-l2" style="width:<%=(20*Number(dataLocal.rating))%>%;"></div> </div> <%=helper.render('klevuQuickProductRatingCount',scope,data,dataLocal) %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickProductRatingCount">
        <% if( typeof dataLocal.ratingCount != "undefined" && dataLocal.ratingCount !== "" && dataLocal.ratingCount > 0 ) { %> <div class="klevuRatingCount">(<%=dataLocal.ratingCount%>)</div> <% } %>
      </script>
  </div>
  <div id="2778933b-4793-34ac-d5aa-bfbed91017cd"
    class="klevu-fluid klevuTarget kuQuickSearchAutoCompleteLayout kuMobileDeviceEnabled"></div>
  <script defer="" src="assets/v8c78df7c7c0f484497ecbca7046644da1771523124516"
    integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg=="
    data-cf-beacon='{"version":"2024.11.0","token":"39f038309e4042dc9389b2f76a8b3f78","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}'
    crossorigin="anonymous"></script>

  <div id="klevu-quick-search-theme-templates">
    <script type="template/klevu" id="klevuQuickTemplateBase">
        <div class="klevu-fluid kuPreventDocumentClick"> <%= helper.render('customBlockTopOuter',scope) %> <div id="klevuSearchingArea" class="klevuQuickSearchingArea"> <div ku-container data-container-id="ku_quick_main_container" data-container-role="main"> <%= helper.render('customBlockTop',scope) %> <header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header"> <section ku-block data-block-id="ku_quick_main_header_sub_panel"></section> <section ku-block data-block-id="ku_quick_main_header_banner"> <%=helper.render('klevuQuickPromotionBanner',scope,data,"top") %> </section> <section ku-block data-block-id="ku_quick_main_header_site_navigation"> <div class="klevuSuggestionsBlock"> <%=helper.render('klevuQuickAutoSuggestions',scope) %> <%=helper.render('klevuQuickPageSuggestions',scope) %> <%=helper.render('klevuQuickCategorySuggestions',scope) %> </div> </section> </header> <% if(data.showQuickFacetedLayoutCharLimitMessage == true) { %> <% var quickFacetedLayoutMessage = (data.quickFacetedLayoutMinCharsTextValue) ? data.quickFacetedLayoutMinCharsTextValue : ""; %> <% if(quickFacetedLayoutMessage != "") { %> <span class="kuFacetedLayoutMinCharText"><%= helper.translate(quickFacetedLayoutMessage) %></span> <% } %> <% } else { %> <% if(data.query.productList) { %> <%=helper.render('klevuQuickTemplateResultsHeadingTitle',scope,data,"productList") %> <%= helper.render('klevuQuickTemplateTabResults',scope) %> <%= helper.render('klevuQuickProducts',scope) %> <%= helper.render('klevuQuickOtherContent',scope) %> <% } else { %> <div class="kuSearchPersonalizationsContainer"> <%= helper.render('klevuSearchPersonalizations',scope) %> </div> <% } %> <% } %> <footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer"> <section ku-block data-block-id="ku_quick_main_footer_sub_panel"></section> <section ku-block data-block-id="ku_quick_main_footer_banner"> <%=helper.render('klevuQuickPromotionBanner',scope,data,"bottom") %> </section> </footer> <%= helper.render('customBlockBottom',scope) %> </div> </div> </div>
      </script>
    <script type="template/klevu" id="klevuSearchPersonalizations">
        <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"></div> <div ku-block data-block-id="ku_quick_left_call_outs"> <%=helper.render('kuTemplatePopularSearches',scope) %> <%=helper.render('kuTemplateRecentSearches',scope) %> </div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"></div> <div ku-block data-block-id="ku_quick_other_items"> <%=helper.render('klevuTrendingProducts',scope) %> <%=helper.render('klevuRecentViewedProducts',scope) %> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"></div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div>
      </script>
    <script type="template/klevu" id="klevuQuickAutoSuggestions">
        <% if(data.suggestions.autosuggestion) { %> <% if(data.suggestions.autosuggestion.length> 0 ) { %> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <div class="klevuAutoSuggestionsWrap klevuAutosuggestions"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"> <%=helper.translate("Suggestions")%></span> </div> <ul> <% helper.each(data.suggestions.autosuggestion,function(key,suggestion){ %> <li tabindex="-1"><a target="_self" href="<%=helper.buildUrl(data.settings.landingUrl, queryParam , helper.stripHtml(suggestion.suggest))%>" data-content="<%=helper.stripHtml(suggestion.suggest) %>" class="klevu-track-click"> <%=suggestion.suggest %> </a></li> <% }); %> </ul> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickPageSuggestions">
        <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCmsSuggestions" id="klevuCmsContentArea"> <div class="klevuSuggestionHeading"><span class="klevuHeadingText"><%=helper.translate("Pages")%></span></div> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,cms){ %> <li tabindex="-1"><a target="_self" href="<%=cms.url%>" class="klevu-track-click" data-url="<%=cms.url%>" data-name="<%=cms.name%>"><%=cms.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickCategorySuggestions">
        <% if(data.query.categoryCompressed) { %> <% if(data.query.categoryCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCategorySuggestions" id="klevuCategoryArea"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Category")%></span> </div> <ul> <% helper.each(data.query.categoryCompressed.result,function(key,category){ %> <li tabindex="-1"><a target="_self" href="<%=category.url%>" class="klevu-track-click" data-url="<%=category.url%>" data-name="<%=category.name%>" ><%=category.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickProducts">
        <% if(data.query.productList) { %> <% if(data.query.productList.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="productList" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta productList" data-section="productList" id="productList" data-result-view="list" > <div class="kuQuickResultsListHeader"> <%=helper.render('kuTemplateQuickResultsViewSwitch',scope,data,"productList") %> <%=helper.render('klevuQuickTemplateSortBy',scope,data,"productList") %> </div> <div class="kuClearBoth"></div> <div class="kuQuickResultsListContainer"> <ul> <% helper.each(data.query.productList.result,function(key,product){ %> <%=helper.render('klevuQuickProductBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"productList") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); %> <% if(isCmsEnabled) { %> <% if(data.query.cmsCompressed && data.query.cmsCompressed.result.length <= 0 ){ %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } else { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } %> <% } else { %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickProductBlockTitleHeader">
        <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Products")%></span> </div> <div class="klevuProductsViewAll"> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <a href="<%=helper.buildUrl(data.settings.landingUrl, queryParam ,helper.stripHtml(data.settings.term))%>" target="_parent"><%=helper.translate("View All")%></a> </div>
      </script>
    <script type="template/klevu" id="klevuQuickProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> <%=helper.render('quickSearchProductAddToCart',scope,data,dataLocal) %> </li>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateResultsHeadingTitle">
        <% var totalNumberOfResults = klevu.getObjectPath(data,"query."+dataLocal+".meta.totalResultsFound"); var searchedTerm = helper.escapeHTML(data.settings.term); %> <div class="kuContainer"> <div class="kuResultsHeadingTitleContainer"> <strong class="kuResultsNumber"> <%= (totalNumberOfResults) ? totalNumberOfResults : 0 %> </strong> <%= helper.translate((parseInt(totalNumberOfResults) > 1) ? " Results" : " Result") %> <%=helper.translate("found")%> <%= (searchedTerm && searchedTerm.length && searchedTerm != "*") ? helper.translate("for") + " '<span>"+ klevu.dom.helpers.cleanCatogeryPath(searchedTerm) +"</span>'" : "" %> </div> </div>
      </script>
    <!-- pagination searches template for Quick Search Results -->
    <script type="template/klevu" id="klevuQuickTemplatePagination">
        <% if(data.query[dataLocal].result.length > 0 ) { %> <% var productListLimit = data.query[dataLocal].meta.noOfResults; %> <% var productListTotal = data.query[dataLocal].meta.totalResultsFound - 1; %> <div class="kuPagination"> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="0">&lt;&lt;</a>&nbsp; <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>">&lt;</a>&nbsp; <% } %> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit))%></a>&nbsp; <% } %> <a href="javascript:void(0);" class="kuCurrent"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+1)%></a>&nbsp; <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+2)%></a>&nbsp; <% } %> <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>">&gt;</a>&nbsp; <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(Math.floor(productListTotal/productListLimit)*productListLimit)%>">&gt;&gt;</a> <% } %> </div> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickPromotionBanner">
        <% var hasNoResultFound = klevu.getObjectPath(data,"modules.promotionalBanner.hasNoResultFound"); %> <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.banners && data.banners[dataLocal] && data.banners[dataLocal].length && !hasNoResultFound) { klevu.each(data.banners[dataLocal], function(index, banner){ %> <% var imageUrl = banner.bannerImg; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-banner-ad kuBannerContainer"> <% if(!!banner.redirectUrl) { %> <a role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); } %>
      </script>
    <!-- Popular searches template for Quick Search Results -->
    <script type="template/klevu" id="kuTemplatePopularSearches">
        <% if(data.popularSearches && data.popularSearches.length) { %> <div class="kuPopularSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuPopularSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Popular Searches")%></span></div> <div class="kuPopularSearchTerms"> <ul> <% helper.each(data.popularSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuPopularSearchTerm" data-value="<%= term %>"> <a target="_self" href="javascript:void(0)"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>
      </script>
    <!-- Recent searches template for Quick Search Results -->
    <script type="template/klevu" id="kuTemplateRecentSearches">
        <% if(data.recentSearches && data.recentSearches.length) { %> <div class="kuRecentSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuRecentSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Recent Searches")%></span></div> <div class="kuRecentSearchTerms"> <ul> <% helper.each(data.recentSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuRecentSearchTerm" data-value="<%= helper.escapeHTML(term) %>"> <a target="_parent" href="javascript:void(0)"><%= helper.escapeHTML(term) %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>
      </script>
    <!-- Product block template for Trending products in Quick Search Results -->
    <script type="template/klevu" id="klevuQuickTrendingProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuQSMenuItemTarget kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a>
      </script>
    <!-- Trending products template for Quick Search Results -->
    <script type="template/klevu" id="klevuTrendingProducts">
        <% var trendingProductsTitle = klevu.getObjectPath(data,"modules.trendingProducts.title"); trendingProductsTitle = (trendingProductsTitle) ? trendingProductsTitle : ""; %> <% if(data.query.trendingProductList) { %> <% if(data.query.trendingProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(trendingProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchTrendingResults" data-section="trendingProductList" data-source="trendingProducts" id="trendingProductList"> <div class="kuCarousel kuTrendingProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.trendingProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=product.id%>"> <%=helper.render('klevuQuickTrendingProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %>
      </script>
    <!-- Product block template for Recently viewed products in Quick Search Results -->
    <script type="template/klevu" id="klevuQuickRecentViewedProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuTrackRecentView kuQSMenuItemTarget"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a>
      </script>
    <!-- Recent viewed products template for Quick Search Results -->
    <script type="template/klevu" id="klevuRecentViewedProducts">
        <% var recentlyViewedProductsTitle = klevu.getObjectPath(data,"modules.recentlyViewedProducts.title"); recentlyViewedProductsTitle = (recentlyViewedProductsTitle) ? recentlyViewedProductsTitle : ""; %> <% if(data.query.recentViewedProductList) { %> <% if(data.query.recentViewedProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(recentlyViewedProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchRecentResults" data-section="recentViewedProductList" data-source="recentlyClickedProducts" id="recentViewedProductList"> <div class="kuCarousel kuRecentlyViewedProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.recentViewedProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=dataLocal.id%>"> <%=helper.render('klevuQuickRecentViewedProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %>
      </script>
    <!-- No Results Found template for Quick Search Results -->
    <script type="template/klevu" id="klevuTemplateNoResultFoundQuick">
        <div class="kuQuickSearchNoRecordFound"> <div class="kuQuickNoResults"> <div class="kuQuickNoResultsInner"> <div class="kuQuickNoResultsMessage"> <%= helper.translate(data.noResultsFoundMsg) %> </div> </div> </div> <div class="kuDividerLine"></div> <%=helper.render('quickNoResultsPopularProducts', scope, data) %> <%=helper.render('quickNoResultsFoundBanners', scope, data) %> <%=helper.render('quickNoResultsPopularSearches', scope, data) %> </div>
      </script>
    <script type="template/klevu" id="klevuQuickNoResultsPopularProducts">
        <% var popularProductList = klevu.getObjectPath(data,"query.noResultsFoundPopularProductList.result");%> <% if(popularProductList) { %> <% if(popularProductList.length > 0 ) { %> <div class="klevuNoResultsProductsBlock"> <div class="klevuPopularProductsHeading"><span class="klevuQuickHeadingText"><%= helper.translate(data.quickNoResultsPopularHeading) %></span></div> <div class="klevuQuickSearchNoResultsPopular" data-section="noResultsFoundPopularProductList" id="noResultsFoundPopularProductList"> <ul> <% helper.each(popularProductList,function(key, product){ %> <%=helper.render('quickNoResultsPopularProductBlock',scope,data,product) %> <% }); %> </ul> </div> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickNoResultsPopularProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li class="klevuPopularProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickPopularProductInnerBlock trackProductClick klevuProductClick kuTrackRecentView"> <div class="klevuPopularProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuPopularProductItemBottom"> <div class="klevuQuickPopularProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"><%= updatedProductName %></div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li>
      </script>
    <!-- Popular searches template for Quick Search Results -->
    <script type="template/klevu" id="kuQuickNoResultsPopularSearches">
        <% if(data.noResultsFoundPopularSearches && data.noResultsFoundPopularSearches.length) { %> <div class="kuNoResultsPopularSearchesBlock"> <div class="kuNoResultsPopularSearchHeading"><span class="klevuQuickHeadingText"><%=helper.translate("Popular Searches")%></span></div> <div class="kuNoResultsPopularSearchTerms"> <ul> <% helper.each(data.noResultsFoundPopularSearches, function(key,term){ %> <% if(term && term.length) { %> <% var landingURLPrefix = klevu.getObjectPath(klevu.settings,"url.landing"); if(typeof landingURLPrefix === "undefined" || landingURLPrefix === ""){ landingURLPrefix = "/"; } %> <li class="kuNoResultsPopularSearchTerm" data-value="<%= term %>"> <a href="<%= landingURLPrefix %>?<%=klevu.getObjectPath(data,"settings.queryParam","q")%>=<%= term %>" title="<%= term %>"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickNoResultsFoundBanners">
        <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.quickNoResultsFoundBanners && data.quickNoResultsFoundBanners.length) { klevu.each(data.quickNoResultsFoundBanners, function(index, banner){ %> <% var imageUrl = banner.bannerImageUrl; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-no-results-banner-ad-quick"> <% if(!!banner.redirectUrl) { %> <a class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); %> <div class="kuDividerLine"></div> <% } %>
      </script>
    <!-- Search result Product stock availability label template file-->
    <script type="template/klevu" id="quickSearchResultProductStock">
        <% var outOfStockCaption = klevu.search.modules.kmcInputs.base.getOutOfStockCaptionValue(); var productStockStatus = helper.translate(outOfStockCaption); %> <div class="kuClippedOne kuQuickCaptionStockOut"> <%= productStockStatus %> </div>
      </script>
    <!-- Search result Product VAT label template file-->
    <script type="template/klevu" id="searchResultProductVATLabelQuick">
        <% var caption = klevu.search.modules.kmcInputs.base.getVatCaption(); var vatCaption = helper.translate("(" + caption + ")"); %> <div class="kuCaptionVat"><%= vatCaption %></div>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateFilters">
        <% if(data.query[dataLocal].filters.length > 0 ) { %> <div class="kuFilters" role="navigation" data-position="left" aria-label="Product Filters" tabindex="0"> <% helper.each(data.query[dataLocal].filters,function(key,filter){ %> <% if(filter.type == "OPTIONS"){ %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"><%=filterOption.name%></span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> <% if(filter.options.length > 5 ) { %> <div class="kuShowOpt" tabindex="-1"> <span class="kuFilterDot"></span><span class="kuFilterDot"></span><span class="kuFilterDot"></span> </div> <% } %> </div> </div> <% } else if(filter.type == "SLIDER") { %> <div class="kuFilterBox klevuFilter" data-filter="<%=filter.key%>"> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div class="kuFilterNames sliderFilterNames <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <div class="kuPriceSlider klevuSliderFilter" data-query = "<%=dataLocal%>"> <div data-querykey = "<%=dataLocal%>" class="noUi-target noUi-ltr noUi-horizontal noUi-background kuSliderFilter kuPriceRangeSliderFilter<%=dataLocal%>"></div> </div> </div> </div> <% } else if (filter.type == "RATING") { %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <%=helper.translate(filter.label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"> <div class="klevuFacetStars"> <div class="klevuFacetRating" style="width:<%=(20*Number(filterOption.name))%>%;"></div> </div> </span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> </div> </div> <% } else { %> <!-- Other Facets --> <% } %> <% }); %> <!-- <div class="kuFiltersFooter"> <a target="_self" href="javascript:void(0)" class="kuBtn kuFacetsSlideOut kuMobileFilterCloseBtn" role="button" tabindex="0" area-label=""><%=helper.translate("Close")%></a> </div> --> </div> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickOtherContent">
        <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="cmsCompressed" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta cmsCompressed" data-section="cmsCompressed" id="cmsCompressed"> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,product){ %> <%=helper.render('klevuQuickTemplateContentBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"cmsCompressed") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% } %> <% } else { %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateContentBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateTabResults">
        <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); var hasAnyResultFound = false; helper.each(data.query,function(key,query) { if(query.tab == true) { if(helper.hasResults(data,query.id)) { var results = data.query[query.id].meta.totalResultsFound; if(results > 0){ hasAnyResultFound = true; } } } }); %> <div class="kuContainer"> <div class="kuTabs" role="tablist" style="display:<%= isCmsEnabled && hasAnyResultFound ? 'block' : 'none' %>"> <% var selectedTab = false; %> <% helper.each(data.query,function(key,query){ %> <% if(query.tab == true) { %> <% if(helper.hasResults(data,query.id)) { %> <a target="_self" class="kuTab<% if(!selectedTab){ selectedTab = true; %> kuTabSelected<% } %>" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,data.query[query.id].meta.totalResultsFound)%> </a> <% } else { %> <a target="_self" class="kuTabDeactive" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,0)%> </a> <% } %> <% } %> <% }); %> </div> </div>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateSortBy">
        <% var currentSort = klevu.getObjectPath(data, "modules.quickFacetedLayoutSort.currentSort"); %> <div class="kuDropdown kuDropSortBy kuQuickFacetedLayoutSort" role="listbox"> <div class="kuDropdownOptions"> <div title="<%= helper.translate("Relevance") %>" class="kuDropOption kuSort kuQuickRelSort <%= (currentSort === 'RELEVANCE') ? 'kuActiveSort' : '' %>" data-value="RELEVANCE" role="option"></div> <div title="<%= helper.translate("Price: Low to high") %>" class="kuDropOption kuSort kuQuickLTHSort <%= (currentSort === 'PRICE_ASC') ? 'kuActiveSort' : '' %>" data-value="PRICE_ASC" role="option"></div> <div title="<%= helper.translate("Price: High to low") %>" class="kuDropOption kuSort kuQuickHTLSort <%= (currentSort === 'PRICE_DESC') ? 'kuActiveSort' : '' %>" data-value="PRICE_DESC" role="option"></div> </div> </div>
      </script>
    <script type="template/klevu" id="kuTemplateQuickResultsViewSwitch">
        <div class="kuQuickResultsViewSwitchContainer"> <a title="<%= helper.translate("Grid View") %>" class="kuViewSwitch kuGridViewBtn" data-value="grid"> <span class="icon-gridview"></span> </a> <a title="<%= helper.translate("List View") %>" class="kuViewSwitch kuListViewBtn" data-value="list"> <span class="icon-listview"></span> </a> </div>
      </script>
    <!-- Quick search add to cart button template-->
    <script type="template/klevu" id="quickSearchProductAddToCart">
        <% if(dataLocal.inStock != "no") { %> <% var addToCartCaption = klevu.search.modules.kmcInputs.base.getAddToCartButtonCaption(); %> <% if(addToCartCaption && addToCartCaption.indexOf("<img") !== -1) { %> <div class="kuAddtocart klevuQuickAddtoCart " data-id="<%=dataLocal.id%>"> <a target="_self" href="javascript:void(0)" class="kuBtn klevuQuickCartBtn" role="button" tabindex="0" area-label="Add to cart"><%= addToCartCaption %></a> </div> <% } else { %> <div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>" > <button class="kuBtn kuBtnDark klevuQuickCartBtn"><%= helper.translate(addToCartCaption) %></button> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateInfiniteScrollDown">
        <li style="width:100% !important" ku-product-block class="klevuProduct klevuProductLoadMore"> <div class="kuInfiniteScrollContainer"> <button class="kuLoadMoreBtn">Load More</button> </div> </li>
      </script>
    <script type="template/klevu" id="klevuQuickImageSearchContent">
        <div class="klevu-fluid kuQuickSearchImageUploadContainer kuPreventDocumentClick"> <div id="klevuSearchingArea" class="klevuQuickSearchingArea"> <header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header"> <section ku-block data-block-id="ku_quick_main_header_sub_panel"> <span class="kuQuickUploadHeaderTitle"> <%= helper.translate("Visual Image Search") %> </span> </section> </header> <div ku-container data-container-id="ku_quick_main_container" data-container-role="main"> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"></section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <form class="kuQuickImageSearchForm"> <input type="file" id="kuImageSearchFile" class="kuImageSearchFile" name="filename"> </form> <button class="kuQuickUploadImageBtn"> <span class="kuUploadText upload"> <%= helper.translate("Upload a photo") %> </span> </button> <div class="kuImageUploadErrorMsgContainer"></div> </div> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"></section> </div> </div> <footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer"> <section ku-block data-block-id="ku_quick_main_footer_sub_panel"> <div class="kuImgSearchPrivacyNote"> <p class="kuImgSearchPrivacyNoteInfo"> <%= helper.translate("Your privacy is of utmost importance to us. Any images uploaded will only be used to provide relevant results and improve the general search experience. However, we recommend not uploading images containing people or sensitive information.") %> </p> </div> <div class="kuImgSearchHowItWorks"> <div class="accordion"> <input type="checkbox" id="<%= data.imageUploadTemplateId %>"> <label class="accordion-label" for="<%= data.imageUploadTemplateId %>"> <%= helper.translate("How does this work?") %> </label> <div class="accordion-content"> <span class="img1"></span> <span class="img2"></span> <p class="kuUploadWorksContent"> <%= helper.translate("After you take or upload a photo, we'll analyse it and recommend the closest matches.") %> </p> </div> </div> </div> </section> </footer> </div> </div>
      </script>
    <script type="template/klevu" id="klevuQuickProductRating">
        <% if( typeof dataLocal.rating != "undefined" && dataLocal.rating !== "" && dataLocal.rating > 0 ) { %> <div class="klevu-stars-small-l2"> <div class="klevu-rating-l2" style="width:<%=(20*Number(dataLocal.rating))%>%;"></div> </div> <%=helper.render('klevuQuickProductRatingCount',scope,data,dataLocal) %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickProductRatingCount">
        <% if( typeof dataLocal.ratingCount != "undefined" && dataLocal.ratingCount !== "" && dataLocal.ratingCount > 0 ) { %> <div class="klevuRatingCount">(<%=dataLocal.ratingCount%>)</div> <% } %>
      </script>
  </div>
  <div id="25925779-a1ed-c1b6-b451-89c80be5d34b"
    class="klevu-fluid klevuTarget kuQuickSearchAutoCompleteLayout kuMobileDeviceEnabled"></div>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"fc26eefec6504dd89639c6dca760b422","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"fc26eefec6504dd89639c6dca760b422","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"fc26eefec6504dd89639c6dca760b422","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"ed1be2939bd146618c43156dc28b4441","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"acb0067d796b45eca99eb019444ae981","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"acb0067d796b45eca99eb019444ae981","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"e2cc279ba63c4f8e8c0a5016fe70b552","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"e2cc279ba63c4f8e8c0a5016fe70b552","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"054ead38b02b4a5c9ed477313da5a187","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"054ead38b02b4a5c9ed477313da5a187","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"054ead38b02b4a5c9ed477313da5a187","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"054ead38b02b4a5c9ed477313da5a187","r":1,"spa":2}'
    crossorigin="anonymous"></script>
  <script type="module" src="assets/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"08607100527b4ae797141c88b2d9cb01","r":1,"spa":2}'
    crossorigin="anonymous"></script>

  <div id="hidden-credit-link" style="
        font-size: 10px;
        color: rgb(102, 102, 102);
        text-align: center;
        margin-top: 5px;
        pointer-events: auto;
      ">
    <a href="https://go.jaerestaurantgroup.com/" target="_blank" rel="noopener noreferrer"
      style="color: rgb(102, 102, 102); text-decoration: none">Slot Gacor , Slot Gacor Hari Ini , Situs Slot Gacor ,
      Situs Slot88 ,
      Link Slot , Link Gacor , Slot Thailand , Slot Online , Slot , Slot88 ,
      Alternatif Slot , Alternatif Gacor</a>
  </div>
  <div id="klevu-quick-search-theme-templates">
    <script type="template/klevu" id="klevuQuickTemplateBase">
        <div class="klevu-fluid kuPreventDocumentClick"> <%= helper.render('customBlockTopOuter',scope) %> <div id="klevuSearchingArea" class="klevuQuickSearchingArea"> <div ku-container data-container-id="ku_quick_main_container" data-container-role="main"> <%= helper.render('customBlockTop',scope) %> <header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header"> <section ku-block data-block-id="ku_quick_main_header_sub_panel"></section> <section ku-block data-block-id="ku_quick_main_header_banner"> <%=helper.render('klevuQuickPromotionBanner',scope,data,"top") %> </section> <section ku-block data-block-id="ku_quick_main_header_site_navigation"> <div class="klevuSuggestionsBlock"> <%=helper.render('klevuQuickAutoSuggestions',scope) %> <%=helper.render('klevuQuickPageSuggestions',scope) %> <%=helper.render('klevuQuickCategorySuggestions',scope) %> </div> </section> </header> <% if(data.showQuickFacetedLayoutCharLimitMessage == true) { %> <% var quickFacetedLayoutMessage = (data.quickFacetedLayoutMinCharsTextValue) ? data.quickFacetedLayoutMinCharsTextValue : ""; %> <% if(quickFacetedLayoutMessage != "") { %> <span class="kuFacetedLayoutMinCharText"><%= helper.translate(quickFacetedLayoutMessage) %></span> <% } %> <% } else { %> <% if(data.query.productList) { %> <%=helper.render('klevuQuickTemplateResultsHeadingTitle',scope,data,"productList") %> <%= helper.render('klevuQuickTemplateTabResults',scope) %> <%= helper.render('klevuQuickProducts',scope) %> <%= helper.render('klevuQuickOtherContent',scope) %> <% } else { %> <div class="kuSearchPersonalizationsContainer"> <%= helper.render('klevuSearchPersonalizations',scope) %> </div> <% } %> <% } %> <footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer"> <section ku-block data-block-id="ku_quick_main_footer_sub_panel"></section> <section ku-block data-block-id="ku_quick_main_footer_banner"> <%=helper.render('klevuQuickPromotionBanner',scope,data,"bottom") %> </section> </footer> <%= helper.render('customBlockBottom',scope) %> </div> </div> </div>
      </script>
    <script type="template/klevu" id="klevuSearchPersonalizations">
        <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"></div> <div ku-block data-block-id="ku_quick_left_call_outs"> <%=helper.render('kuTemplatePopularSearches',scope) %> <%=helper.render('kuTemplateRecentSearches',scope) %> </div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"></div> <div ku-block data-block-id="ku_quick_other_items"> <%=helper.render('klevuTrendingProducts',scope) %> <%=helper.render('klevuRecentViewedProducts',scope) %> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"></div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div>
      </script>
    <script type="template/klevu" id="klevuQuickAutoSuggestions">
        <% if(data.suggestions.autosuggestion) { %> <% if(data.suggestions.autosuggestion.length> 0 ) { %> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <div class="klevuAutoSuggestionsWrap klevuAutosuggestions"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"> <%=helper.translate("Suggestions")%></span> </div> <ul> <% helper.each(data.suggestions.autosuggestion,function(key,suggestion){ %> <li tabindex="-1"><a target="_self" href="<%=helper.buildUrl(data.settings.landingUrl, queryParam , helper.stripHtml(suggestion.suggest))%>" data-content="<%=helper.stripHtml(suggestion.suggest) %>" class="klevu-track-click"> <%=suggestion.suggest %> </a></li> <% }); %> </ul> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickPageSuggestions">
        <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCmsSuggestions" id="klevuCmsContentArea"> <div class="klevuSuggestionHeading"><span class="klevuHeadingText"><%=helper.translate("Pages")%></span></div> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,cms){ %> <li tabindex="-1"><a target="_self" href="<%=cms.url%>" class="klevu-track-click" data-url="<%=cms.url%>" data-name="<%=cms.name%>"><%=cms.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickCategorySuggestions">
        <% if(data.query.categoryCompressed) { %> <% if(data.query.categoryCompressed.result.length > 0 ){ %> <div class="klevuAutoSuggestionsWrap klevuCategorySuggestions" id="klevuCategoryArea"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Category")%></span> </div> <ul> <% helper.each(data.query.categoryCompressed.result,function(key,category){ %> <li tabindex="-1"><a target="_self" href="<%=category.url%>" class="klevu-track-click" data-url="<%=category.url%>" data-name="<%=category.name%>" ><%=category.name%></a></li> <% }); %> </ul> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickProducts">
        <% if(data.query.productList) { %> <% if(data.query.productList.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="productList" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta productList" data-section="productList" id="productList" data-result-view="list" > <div class="kuQuickResultsListHeader"> <%=helper.render('kuTemplateQuickResultsViewSwitch',scope,data,"productList") %> <%=helper.render('klevuQuickTemplateSortBy',scope,data,"productList") %> </div> <div class="kuClearBoth"></div> <div class="kuQuickResultsListContainer"> <ul> <% helper.each(data.query.productList.result,function(key,product){ %> <%=helper.render('klevuQuickProductBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"productList") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.productList.filters && data.query.productList.filters.length > 0) { %> <div data-section="productList" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"productList") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); %> <% if(isCmsEnabled) { %> <% if(data.query.cmsCompressed && data.query.cmsCompressed.result.length <= 0 ){ %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } else { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content"> <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_no_result_items"> <%=helper.render('noResultsFoundQuick',scope) %> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> </section> </div> <% } %> <% } %> <% } else { %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickProductBlockTitleHeader">
        <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%=helper.translate("Products")%></span> </div> <div class="klevuProductsViewAll"> <% var queryParam = klevu.getSetting(klevu, "settings.url.queryParam"); %> <a href="<%=helper.buildUrl(data.settings.landingUrl, queryParam ,helper.stripHtml(data.settings.term))%>" target="_parent"><%=helper.translate("View All")%></a> </div>
      </script>
    <script type="template/klevu" id="klevuQuickProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a title="<%= updatedProductName %>" target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> <%=helper.render('quickSearchProductAddToCart',scope,data,dataLocal) %> </li>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateResultsHeadingTitle">
        <% var totalNumberOfResults = klevu.getObjectPath(data,"query."+dataLocal+".meta.totalResultsFound"); var searchedTerm = helper.escapeHTML(data.settings.term); %> <div class="kuContainer"> <div class="kuResultsHeadingTitleContainer"> <strong class="kuResultsNumber"> <%= (totalNumberOfResults) ? totalNumberOfResults : 0 %> </strong> <%= helper.translate((parseInt(totalNumberOfResults) > 1) ? " Results" : " Result") %> <%=helper.translate("found")%> <%= (searchedTerm && searchedTerm.length && searchedTerm != "*") ? helper.translate("for") + " '<span>"+ klevu.dom.helpers.cleanCatogeryPath(searchedTerm) +"</span>'" : "" %> </div> </div>
      </script>
    <!-- pagination searches template for Quick Search Results -->
    <script type="template/klevu" id="klevuQuickTemplatePagination">
        <% if(data.query[dataLocal].result.length > 0 ) { %> <% var productListLimit = data.query[dataLocal].meta.noOfResults; %> <% var productListTotal = data.query[dataLocal].meta.totalResultsFound - 1; %> <div class="kuPagination"> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="0">&lt;&lt;</a>&nbsp; <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>">&lt;</a>&nbsp; <% } %> <% if(data.query[dataLocal].meta.offset > 0) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset-productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit))%></a>&nbsp; <% } %> <a href="javascript:void(0);" class="kuCurrent"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+1)%></a>&nbsp; <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>"><%=(Math.ceil(data.query[dataLocal].meta.offset/productListLimit)+2)%></a>&nbsp; <% } %> <% if(productListTotal >= data.query[dataLocal].meta.offset+productListLimit) { %> <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(data.query[dataLocal].meta.offset+productListLimit)%>">&gt;</a>&nbsp; <a target="_self" href="javascript:void(0)" class="klevuPaginate" data-offset="<%=(Math.floor(productListTotal/productListLimit)*productListLimit)%>">&gt;&gt;</a> <% } %> </div> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickPromotionBanner">
        <% var hasNoResultFound = klevu.getObjectPath(data,"modules.promotionalBanner.hasNoResultFound"); %> <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.banners && data.banners[dataLocal] && data.banners[dataLocal].length && !hasNoResultFound) { klevu.each(data.banners[dataLocal], function(index, banner){ %> <% var imageUrl = banner.bannerImg; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-banner-ad kuBannerContainer"> <% if(!!banner.redirectUrl) { %> <a role="banner" area-label="Promotion Banner label" class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span role="banner" area-label="Promotion Banner label" data-id="<%= banner.bannerRef %>" data-name="<%= banner.bannerName %>" data-image="<%= imageUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); } %>
      </script>
    <!-- Popular searches template for Quick Search Results -->
    <script type="template/klevu" id="kuTemplatePopularSearches">
        <% if(data.popularSearches && data.popularSearches.length) { %> <div class="kuPopularSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuPopularSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Popular Searches")%></span></div> <div class="kuPopularSearchTerms"> <ul> <% helper.each(data.popularSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuPopularSearchTerm" data-value="<%= term %>"> <a target="_self" href="javascript:void(0)"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>
      </script>
    <!-- Recent searches template for Quick Search Results -->
    <script type="template/klevu" id="kuTemplateRecentSearches">
        <% if(data.recentSearches && data.recentSearches.length) { %> <div class="kuRecentSearchesBlock kuPreventDocumentClick"> <div class="klevuSuggestionHeading kuRecentSearchHeading"><span class="klevuHeadingText"><%=helper.translate("Recent Searches")%></span></div> <div class="kuRecentSearchTerms"> <ul> <% helper.each(data.recentSearches,function(key,term){ %> <% if(term && term.length) { %> <li class="kuRecentSearchTerm" data-value="<%= helper.escapeHTML(term) %>"> <a target="_parent" href="javascript:void(0)"><%= helper.escapeHTML(term) %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>
      </script>
    <!-- Product block template for Trending products in Quick Search Results -->
    <script type="template/klevu" id="klevuQuickTrendingProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuQSMenuItemTarget kuTrackRecentView"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a>
      </script>
    <!-- Trending products template for Quick Search Results -->
    <script type="template/klevu" id="klevuTrendingProducts">
        <% var trendingProductsTitle = klevu.getObjectPath(data,"modules.trendingProducts.title"); trendingProductsTitle = (trendingProductsTitle) ? trendingProductsTitle : ""; %> <% if(data.query.trendingProductList) { %> <% if(data.query.trendingProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(trendingProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchTrendingResults" data-section="trendingProductList" data-source="trendingProducts" id="trendingProductList"> <div class="kuCarousel kuTrendingProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.trendingProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=product.id%>"> <%=helper.render('klevuQuickTrendingProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %>
      </script>
    <!-- Product block template for Recently viewed products in Quick Search Results -->
    <script type="template/klevu" id="klevuQuickRecentViewedProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock kuTrackPersonalizedProductClick kuTrackRecentView kuQSMenuItemTarget"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div class="klevuQuickProductName kuClippedOne" title="<%= updatedProductName %>"><%= updatedProductName %></div> <div class="klevuQuickProductDesc"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> </div> </div> </a>
      </script>
    <!-- Recent viewed products template for Quick Search Results -->
    <script type="template/klevu" id="klevuRecentViewedProducts">
        <% var recentlyViewedProductsTitle = klevu.getObjectPath(data,"modules.recentlyViewedProducts.title"); recentlyViewedProductsTitle = (recentlyViewedProductsTitle) ? recentlyViewedProductsTitle : ""; %> <% if(data.query.recentViewedProductList) { %> <% if(data.query.recentViewedProductList.result.length > 0 ) { %> <div class="klevuResultsBlock kuPreventDocumentClick kuRecommendationSlider"> <div class="klevuSuggestionHeading"> <span class="klevuHeadingText"><%= helper.translate(recentlyViewedProductsTitle) %></span> </div> <div class="klevuQuickSearchResults klevuQuickSearchRecentResults" data-section="recentViewedProductList" data-source="recentlyClickedProducts" id="recentViewedProductList"> <div class="kuCarousel kuRecentlyViewedProductsCarousel"> <div class="nav nav-left"> <div class="ion-chevron-left kuCarousel-arrow-icon-left"></div> </div> <div class="kuCarousel-content"> <% helper.each(data.query.recentViewedProductList.result,function(key,product){ %> <div class="klevuProduct kuQSMenuItem kuSlide" id="<%= (key + 1) %>" ku-product-block data-id="<%=dataLocal.id%>"> <%=helper.render('klevuQuickRecentViewedProductBlock',scope,data,product) %> </div> <% }); %> </div> <div class="nav nav-right"> <div class="ion-chevron-right kuCarousel-arrow-icon-right"></div> </div> </div> </div> </div> <% } %> <% } %>
      </script>
    <!-- No Results Found template for Quick Search Results -->
    <script type="template/klevu" id="klevuTemplateNoResultFoundQuick">
        <div class="kuQuickSearchNoRecordFound"> <div class="kuQuickNoResults"> <div class="kuQuickNoResultsInner"> <div class="kuQuickNoResultsMessage"> <%= helper.translate(data.noResultsFoundMsg) %> </div> </div> </div> <div class="kuDividerLine"></div> <%=helper.render('quickNoResultsPopularProducts', scope, data) %> <%=helper.render('quickNoResultsFoundBanners', scope, data) %> <%=helper.render('quickNoResultsPopularSearches', scope, data) %> </div>
      </script>
    <script type="template/klevu" id="klevuQuickNoResultsPopularProducts">
        <% var popularProductList = klevu.getObjectPath(data,"query.noResultsFoundPopularProductList.result");%> <% if(popularProductList) { %> <% if(popularProductList.length > 0 ) { %> <div class="klevuNoResultsProductsBlock"> <div class="klevuPopularProductsHeading"><span class="klevuQuickHeadingText"><%= helper.translate(data.quickNoResultsPopularHeading) %></span></div> <div class="klevuQuickSearchNoResultsPopular" data-section="noResultsFoundPopularProductList" id="noResultsFoundPopularProductList"> <ul> <% helper.each(popularProductList,function(key, product){ %> <%=helper.render('quickNoResultsPopularProductBlock',scope,data,product) %> <% }); %> </ul> </div> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickNoResultsPopularProductBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li class="klevuPopularProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickPopularProductInnerBlock trackProductClick klevuProductClick kuTrackRecentView"> <div class="klevuPopularProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuPopularProductItemBottom"> <div class="klevuQuickPopularProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"><%= updatedProductName %></div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <% if(dataLocal.inStock && dataLocal.inStock != "yes") { %> <%=helper.render('quickProductStock', scope, data, dataLocal) %> <% } else { %> <% if(klevu.search.modules.kmcInputs.base.getShowPrices()) { %> <div class="klevuQuickProductPrice kuClippedOne"> <% var kuTotalVariants = klevu.dom.helpers.cleanUpPriceValue(dataLocal.totalVariants); var kuStartPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.startPrice,dataLocal.currency); var kuSalePrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.salePrice,dataLocal.currency); var kuPrice = klevu.dom.helpers.cleanUpPriceValue(dataLocal.price,dataLocal.currency); %> <% if(!Number.isNaN(kuTotalVariants) && !Number.isNaN(kuStartPrice)) { %> <div class="klevuQuickSalePrice kuStartPrice"> <span class="klevuQuickPriceGreyText"><%=helper.translate("Starting at")%></span> <span><%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.startPrice))%></span> </div> <% } else if(!Number.isNaN(kuSalePrice) && !Number.isNaN(kuPrice) && (kuPrice > kuSalePrice)){ %> <span class="klevuQuickOrigPrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <span class="klevuQuickSalePrice klevuQuickSpecialPrice"> <%=helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice))%> </span> <% } else if(!Number.isNaN(kuSalePrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.salePrice)) %> </span> <% } else if(!Number.isNaN(kuPrice)) { %> <span class="klevuQuickSalePrice"> <%= helper.processCurrency(dataLocal.currency,parseFloat(dataLocal.price)) %> </span> <% } %> </div> <%=helper.render('searchResultProductVATLabelQuick', scope, data, dataLocal) %> <% } %> <% } %> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li>
      </script>
    <!-- Popular searches template for Quick Search Results -->
    <script type="template/klevu" id="kuQuickNoResultsPopularSearches">
        <% if(data.noResultsFoundPopularSearches && data.noResultsFoundPopularSearches.length) { %> <div class="kuNoResultsPopularSearchesBlock"> <div class="kuNoResultsPopularSearchHeading"><span class="klevuQuickHeadingText"><%=helper.translate("Popular Searches")%></span></div> <div class="kuNoResultsPopularSearchTerms"> <ul> <% helper.each(data.noResultsFoundPopularSearches, function(key,term){ %> <% if(term && term.length) { %> <% var landingURLPrefix = klevu.getObjectPath(klevu.settings,"url.landing"); if(typeof landingURLPrefix === "undefined" || landingURLPrefix === ""){ landingURLPrefix = "/"; } %> <li class="kuNoResultsPopularSearchTerm" data-value="<%= term %>"> <a href="<%= landingURLPrefix %>?<%=klevu.getObjectPath(data,"settings.queryParam","q")%>=<%= term %>" title="<%= term %>"><%= term %></a> </li> <% } %> <% }); %> </ul> </div> </div> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickNoResultsFoundBanners">
        <% var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; %> <% if(data.quickNoResultsFoundBanners && data.quickNoResultsFoundBanners.length) { klevu.each(data.quickNoResultsFoundBanners, function(index, banner){ %> <% var imageUrl = banner.bannerImageUrl; var imageAltText = klevu.dom.helpers.getBannerAltTagText(banner); if (screenWidth < 768 && !!banner.mobileBannerImageUrl) { imageUrl = banner.mobileBannerImageUrl; imageAltText = banner.mobileBannerAltTag; } %> <div class="klevu-no-results-banner-ad-quick"> <% if(!!banner.redirectUrl) { %> <a class="kuTrackBannerClick" target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </a> <% } else { %> <span target="_self" data-id="<%= banner.bannerRef %>" data-image="<%= imageUrl %>" data-redirect="<%= banner.redirectUrl %>" href="<%= banner.redirectUrl %>" alt="<%= imageAltText %>" title="<%= imageAltText %>" > <img src="<%= imageUrl %>" alt="<%= imageAltText %>" /> </span> <% } %> </div> <% }); %> <div class="kuDividerLine"></div> <% } %>
      </script>
    <!-- Search result Product stock availability label template file-->
    <script type="template/klevu" id="quickSearchResultProductStock">
        <% var outOfStockCaption = klevu.search.modules.kmcInputs.base.getOutOfStockCaptionValue(); var productStockStatus = helper.translate(outOfStockCaption); %> <div class="kuClippedOne kuQuickCaptionStockOut"> <%= productStockStatus %> </div>
      </script>
    <!-- Search result Product VAT label template file-->
    <script type="template/klevu" id="searchResultProductVATLabelQuick">
        <% var caption = klevu.search.modules.kmcInputs.base.getVatCaption(); var vatCaption = helper.translate("(" + caption + ")"); %> <div class="kuCaptionVat"><%= vatCaption %></div>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateFilters">
        <% if(data.query[dataLocal].filters.length > 0 ) { %> <div class="kuFilters" role="navigation" data-position="left" aria-label="Product Filters" tabindex="0"> <% helper.each(data.query[dataLocal].filters,function(key,filter){ %> <% if(filter.type == "OPTIONS"){ %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"><%=filterOption.name%></span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> <% if(filter.options.length > 5 ) { %> <div class="kuShowOpt" tabindex="-1"> <span class="kuFilterDot"></span><span class="kuFilterDot"></span><span class="kuFilterDot"></span> </div> <% } %> </div> </div> <% } else if(filter.type == "SLIDER") { %> <div class="kuFilterBox klevuFilter" data-filter="<%=filter.key%>"> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <% var filter_label = (filter.label=="klevu_price") ? "price" : filter.label; %> <%=helper.translate(filter_label)%> </div> <div class="kuFilterNames sliderFilterNames <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <div class="kuPriceSlider klevuSliderFilter" data-query = "<%=dataLocal%>"> <div data-querykey = "<%=dataLocal%>" class="noUi-target noUi-ltr noUi-horizontal noUi-background kuSliderFilter kuPriceRangeSliderFilter<%=dataLocal%>"></div> </div> </div> </div> <% } else if (filter.type == "RATING") { %> <div class="kuFilterBox klevuFilter <%=(filter.multiselect)?'kuMulticheck':''%>" data-filter="<%=filter.key%>" <% if(filter.multiselect){ %> data-singleselect="false" <% } else { %> data-singleselect="true"<% } %>> <div class="kuFilterHead <%=(filter.isCollapsed) ? 'kuExpand' : 'kuCollapse'%>"> <%=helper.translate(filter.label)%> </div> <div data-optionCount="<%= filter.options.length %>" class="kuFilterNames <%= (filter.options.length < 5 ) ? 'kuFilterShowAll': '' %> <%=(filter.isCollapsed) ? 'kuFilterCollapse' : ''%>"> <ul> <% helper.each(filter.options,function(key,filterOption){ %> <li <% if(filterOption.selected ==true) { %> class="kuSelected"<% } %>> <a target="_self" href="#" title="<%=helper.escapeHTML(filterOption.name)%>" class="klevuFilterOption<% if(filterOption.selected ==true) { %> klevuFilterOptionActive<% } %>" data-value="<%=helper.escapeHTML(filterOption.value)%>" data-name="<%=helper.escapeHTML(filterOption.name)%>" > <span class="kuFilterIcon"></span> <span class="kufacet-text"> <div class="klevuFacetStars"> <div class="klevuFacetRating" style="width:<%=(20*Number(filterOption.name))%>%;"></div> </div> </span> <% if(filterOption.selected ==true) { %> <span class="kuFilterCancel">X</span> <% } else { %> <span class="kuFilterTotal"><%=filterOption.count%></span> <% } %> </a> </li> <% }); %> </ul> </div> </div> <% } else { %> <!-- Other Facets --> <% } %> <% }); %> <!-- <div class="kuFiltersFooter"> <a target="_self" href="javascript:void(0)" class="kuBtn kuFacetsSlideOut kuMobileFilterCloseBtn" role="button" tabindex="0" area-label=""><%=helper.translate("Close")%></a> </div> --> </div> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickOtherContent">
        <% if(data.query.cmsCompressed) { %> <% if(data.query.cmsCompressed.result.length > 0 ) { %> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" data-content="cmsCompressed" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"> <div ku-block data-block-id="ku_quick_left_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === true && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_left_call_outs"></div> <div ku-block data-block-id="ku_quick_left_banner"></div> </section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <header ku-block data-block-id="ku_quick_result_header"></header> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <%=helper.render('klevuQuickProductBlockTitleHeader',scope,data) %> <div class="klevuQuickSearchResults klevuMeta cmsCompressed" data-section="cmsCompressed" id="cmsCompressed"> <ul> <% helper.each(data.query.cmsCompressed.result,function(key,product){ %> <%=helper.render('klevuQuickTemplateContentBlock',scope,data,product) %> <% }); %> <%=helper.render('klevuQuickTemplateInfiniteScrollDown',scope,data) %> </ul> </div> </div> </div> <div ku-block data-block-id="ku_quick_other_items"> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplatePagination',scope,data,"cmsCompressed") %> </div> </div> <footer ku-block data-block-id="ku_quick_result_footer"></footer> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"> <div ku-block data-block-id="ku_quick_right_facets"> <% var isQuickFiltersOnLeft = klevu.search.modules.kmcInputs.base.isQuickFacetedLayoutFilterOnLeft(); %> <% if(isQuickFiltersOnLeft === false && data.query.cmsCompressed.filters && data.query.cmsCompressed.filters.length > 0) { %> <div data-section="cmsCompressed" class="klevuMeta"> <%=helper.render('klevuQuickTemplateFilters',scope,data,"cmsCompressed") %> </div> <% } %> </div> <div ku-block data-block-id="ku_quick_right_call_outs"></div> <div ku-block data-block-id="ku_quick_right_banner"></div> </section> </div> <% } else { %> <% } %> <% } else { %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateContentBlock">
        <% var updatedProductName = dataLocal.name; if(klevu.search.modules.kmcInputs.base.getSkuOnPageEnableValue()) { if(klevu.dom.helpers.cleanUpSku(dataLocal.sku)) { updatedProductName += klevu.dom.helpers.cleanUpSku(dataLocal.sku); } } %> <li ku-product-block class="klevuProduct" data-id="<%=dataLocal.id%>"> <a target="_self" href="<%=dataLocal.url%>" data-id="<%=dataLocal.id%>" class="klevuQuickProductInnerBlock trackProductClick"> <div class="klevuProductItemTop"> <div class="klevuQuickImgWrap"> <div class="klevuQuickDiscountBadge"><strong><%=dataLocal.stickyLabelHead%></strong></div> <img src="<%=dataLocal.image%>" origin="<%=dataLocal.image%>" onerror="klevu.dom.helpers.cleanUpProductImage(this)" alt="<%=updatedProductName%>" /> </div> </div> <div class="klevuProductItemBottom"> <div class="klevuQuickProductDescBlock"> <div title="<%= updatedProductName %>" class="klevuQuickProductName kuClippedOne"> <%= updatedProductName %> </div> <div class="klevu-desc-l2 kuClippedOne"> <%=dataLocal.shortDesc%> </div> <div class="klevuQuickProductDesc kuClippedOne"> <div class="klevuSpectxt"><%=dataLocal.summaryAttribute%><span><%=dataLocal.stickyLabelText%></span></div> </div> <%=helper.render('klevuQuickProductRating',scope,data,dataLocal) %> </div> </div> <div class="kuClearLeft"></div> </a> </li>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateTabResults">
        <% var isCmsEnabled = klevu.search.modules.kmcInputs.base.getCmsEnabledValue(); var hasAnyResultFound = false; helper.each(data.query,function(key,query) { if(query.tab == true) { if(helper.hasResults(data,query.id)) { var results = data.query[query.id].meta.totalResultsFound; if(results > 0){ hasAnyResultFound = true; } } } }); %> <div class="kuContainer"> <div class="kuTabs" role="tablist" style="display:<%= isCmsEnabled && hasAnyResultFound ? 'block' : 'none' %>"> <% var selectedTab = false; %> <% helper.each(data.query,function(key,query){ %> <% if(query.tab == true) { %> <% if(helper.hasResults(data,query.id)) { %> <a target="_self" class="kuTab<% if(!selectedTab){ selectedTab = true; %> kuTabSelected<% } %>" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,data.query[query.id].meta.totalResultsFound)%> </a> <% } else { %> <a target="_self" class="kuTabDeactive" data-section="<%=query.id%>" role="tab" tabindex="0" aria-selected="" area-label="Products tab"> <%=helper.translate(query.tabText,0)%> </a> <% } %> <% } %> <% }); %> </div> </div>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateSortBy">
        <% var currentSort = klevu.getObjectPath(data, "modules.quickFacetedLayoutSort.currentSort"); %> <div class="kuDropdown kuDropSortBy kuQuickFacetedLayoutSort" role="listbox"> <div class="kuDropdownOptions"> <div title="<%= helper.translate("Relevance") %>" class="kuDropOption kuSort kuQuickRelSort <%= (currentSort === 'RELEVANCE') ? 'kuActiveSort' : '' %>" data-value="RELEVANCE" role="option"></div> <div title="<%= helper.translate("Price: Low to high") %>" class="kuDropOption kuSort kuQuickLTHSort <%= (currentSort === 'PRICE_ASC') ? 'kuActiveSort' : '' %>" data-value="PRICE_ASC" role="option"></div> <div title="<%= helper.translate("Price: High to low") %>" class="kuDropOption kuSort kuQuickHTLSort <%= (currentSort === 'PRICE_DESC') ? 'kuActiveSort' : '' %>" data-value="PRICE_DESC" role="option"></div> </div> </div>
      </script>
    <script type="template/klevu" id="kuTemplateQuickResultsViewSwitch">
        <div class="kuQuickResultsViewSwitchContainer"> <a title="<%= helper.translate("Grid View") %>" class="kuViewSwitch kuGridViewBtn" data-value="grid"> <span class="icon-gridview"></span> </a> <a title="<%= helper.translate("List View") %>" class="kuViewSwitch kuListViewBtn" data-value="list"> <span class="icon-listview"></span> </a> </div>
      </script>
    <!-- Quick search add to cart button template-->
    <script type="template/klevu" id="quickSearchProductAddToCart">
        <% if(dataLocal.inStock != "no") { %> <% var addToCartCaption = klevu.search.modules.kmcInputs.base.getAddToCartButtonCaption(); %> <% if(addToCartCaption && addToCartCaption.indexOf("<img") !== -1) { %> <div class="kuAddtocart klevuQuickAddtoCart " data-id="<%=dataLocal.id%>"> <a target="_self" href="javascript:void(0)" class="kuBtn klevuQuickCartBtn" role="button" tabindex="0" area-label="Add to cart"><%= addToCartCaption %></a> </div> <% } else { %> <div class="kuAddtocart klevuQuickAddtoCart" data-id="<%=dataLocal.id%>" > <button class="kuBtn kuBtnDark klevuQuickCartBtn"><%= helper.translate(addToCartCaption) %></button> </div> <% } %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickTemplateInfiniteScrollDown">
        <li style="width:100% !important" ku-product-block class="klevuProduct klevuProductLoadMore"> <div class="kuInfiniteScrollContainer"> <button class="kuLoadMoreBtn">Load More</button> </div> </li>
      </script>
    <script type="template/klevu" id="klevuQuickImageSearchContent">
        <div class="klevu-fluid kuQuickSearchImageUploadContainer kuPreventDocumentClick"> <div id="klevuSearchingArea" class="klevuQuickSearchingArea"> <header ku-container data-container-id="ku_quick_main_header_container" data-container-role="header"> <section ku-block data-block-id="ku_quick_main_header_sub_panel"> <span class="kuQuickUploadHeaderTitle"> <%= helper.translate("Visual Image Search") %> </span> </section> </header> <div ku-container data-container-id="ku_quick_main_container" data-container-role="main"> <div ku-container data-container-id="ku_quick_main_content_container" data-container-role="content" > <section ku-container data-container-id="ku_quick_main_content_left" data-container-position="left" data-container-role="left"></section> <section ku-container data-container-id="ku_quick_main_content_center" data-container-position="center" data-container-role="center"> <div ku-block data-block-id="ku_quick_result_items"> <div class="klevuResultsBlock"> <form class="kuQuickImageSearchForm"> <input type="file" id="kuImageSearchFile" class="kuImageSearchFile" name="filename"> </form> <button class="kuQuickUploadImageBtn"> <span class="kuUploadText upload"> <%= helper.translate("Upload a photo") %> </span> </button> <div class="kuImageUploadErrorMsgContainer"></div> </div> </div> </section> <section ku-container data-container-id="ku_quick_main_content_right" data-container-position="right" data-container-role="right"></section> </div> </div> <footer ku-container data-container-id="ku_quick_main_footer_container" data-container-role="footer"> <section ku-block data-block-id="ku_quick_main_footer_sub_panel"> <div class="kuImgSearchPrivacyNote"> <p class="kuImgSearchPrivacyNoteInfo"> <%= helper.translate("Your privacy is of utmost importance to us. Any images uploaded will only be used to provide relevant results and improve the general search experience. However, we recommend not uploading images containing people or sensitive information.") %> </p> </div> <div class="kuImgSearchHowItWorks"> <div class="accordion"> <input type="checkbox" id="<%= data.imageUploadTemplateId %>"> <label class="accordion-label" for="<%= data.imageUploadTemplateId %>"> <%= helper.translate("How does this work?") %> </label> <div class="accordion-content"> <span class="img1"></span> <span class="img2"></span> <p class="kuUploadWorksContent"> <%= helper.translate("After you take or upload a photo, we'll analyse it and recommend the closest matches.") %> </p> </div> </div> </div> </section> </footer> </div> </div>
      </script>
    <script type="template/klevu" id="klevuQuickProductRating">
        <% if( typeof dataLocal.rating != "undefined" && dataLocal.rating !== "" && dataLocal.rating > 0 ) { %> <div class="klevu-stars-small-l2"> <div class="klevu-rating-l2" style="width:<%=(20*Number(dataLocal.rating))%>%;"></div> </div> <%=helper.render('klevuQuickProductRatingCount',scope,data,dataLocal) %> <% } %>
      </script>
    <script type="template/klevu" id="klevuQuickProductRatingCount">
        <% if( typeof dataLocal.ratingCount != "undefined" && dataLocal.ratingCount !== "" && dataLocal.ratingCount > 0 ) { %> <div class="klevuRatingCount">(<%=dataLocal.ratingCount%>)</div> <% } %>
      </script>
  </div>
  <div id="1d8d7068-8a2b-2fec-5d4d-5b864c89e252" class="klevu-fluid klevuTarget kuQuickSearchAutoCompleteLayout"></div>
  <div id="st-el-1" class="st-image-share-buttons st-center st-inline-share-buttons st-animated st-hidden st-hide"
    style="position: absolute; width: 30px">
    <div class="st-btn st-first st-remove-label" data-network="facebook" style="display: none">
      <img alt="facebook sharing button" src="assets/facebook.svg" />
    </div>
    <div class="st-btn st-last st-remove-label" data-network="twitter" style="display: none">
      <img alt="twitter sharing button" src="assets/twitter.svg" />
    </div>
  </div>
  <script type="module"
    src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495"
    integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg=="
    data-cf-beacon='{"version":"2024.11.0","token":"65e4e3f146ec4df090c8ab3ad5c988f8","r":1,"spa":2}'
    crossorigin="anonymous"></script>
</body>

</html>